/* 公共样式表css */
html,body {
	color: #333;
	margin: 0;
	height: 100%;
	font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	background-color: #000000;
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {text-decoration: none;color: #000;}
img {border: 0;}
body {background: #000;color: #666;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {margin: 0;padding: 0;}
a {text-decoration: none;color: #08acee;}
button {outline: 0;}
img {border: 0;}
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;outline: none;}
li {list-style: none;}
a {color: #666;}
a:hover {color: #eee;}
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {}
@media (min-width: 1200px) {
    .promotion{width: 100%;height: 95px;position: relative;}
    /* 必要布局样式css */
    .case-content-bg {
        padding-bottom: 0;
        background-size: cover;
        background-position: center top;

        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        background-image: url(../images/case-background.png);
        background-repeat: no-repeat;
        height: 570px;
        background-color: #000000;
    }

    .case-content-info {background-position: center 10%;padding: 0;}
    .case-box {width: 1180px;margin: 0 auto;position: relative;}
    .case-box-title {text-align: center;color: #fff;font-weight: normal;padding-bottom: 8px;}
    .case-box-title em {display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;font-weight: normal;}
    .case-box-title span {font-size: 16px;opacity: .6;color: #fff;text-align: center;}
    .case-item {
        cursor: pointer;
        width: 280px;
        height: 256px;

        float: left;
        display: block;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-image: -webkit-linear-gradient(bottom, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);
        background-image: -moz-linear-gradient(bottom, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);
        background-image: -moz-linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);
        background-image: -o-linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);
        background-image: linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #33333a 100%);
        background-repeat: repeat;
        margin-top: 10px;
        margin-right: 7px;
        margin-bottom: 5px;
        margin-left: 8px;

    }
    .case-wrapper .case-item:hover {margin-top: 0;margin-bottom: 0px;height: 270px}
    .case-item-bg1 {margin: auto;background: url(../images/case-logo001.png) no-repeat center;background-size: contain;}
    .case-item-bg2 {margin: auto;background: url(../images/case-logo002.png) no-repeat center;background-size: contain;}
    .case-item-bg3 {margin: auto;background: url(../images/case-logo003.png) no-repeat center;background-size: contain;}
    .case-item-bg4 {margin: auto;background: url(../images/case-logo004.png) no-repeat center;background-size: contain;}
    .case-item-bg5 {margin: auto;background: url(../images/case-logo005.png) no-repeat center;background-size: contain;}
    .case-item-bg6 {margin: auto;background: url(../images/case-logo006.png) no-repeat center;background-size: contain;}
    .case-item-bg7 {margin: auto;background: url(../images/case-logo007.png) no-repeat center;background-size: contain;}
    .case-item-bg8 {margin: auto;background: url(../images/case-logo008.png) no-repeat center;background-size: contain;}
    .case-item-bg10 {margin: auto;background: url(../images/case-logo010.png) no-repeat center;background-size: contain;}
    .case-item-bg {width: 100px;height: 100px;border-radius: 50px;margin-top: 8px;}
    .case-item-title {font-size: 18px;color: #fff;text-align: center;margin: 0px 0;line-height: 28px;}
    .case-item-text {font-size: 14px;color: #999999;line-height: 22px;height: 65px;margin: 0 20px;overflow: hidden;}
    .case-item-doc {width: 280px;bottom: 0;position: absolute;background: #27272e;padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 20px;}
    .case-item-doc p {line-height: 20px;margin: 0;font-size: 14px;color: #999999;}
    .case-item-doc p a {font-size: 14px;color: #fff;float: left;width: calc(50% - 1px);}
    .case-item-doc a + a::before {content: '|';float: left;color: rgba(102, 102, 102, 0.6)}
    .case-wrapper .case-item .case-item-doc a + a {text-align: right;}
    .case-wrapper .case-item .case-item_A:hover {text-decoration: none;}
    .case-wrapper .case-item :hover .case-item-text{color: #c4af7f;}
    .case-wrapper .case-item :hover.case-item-doc p a{text-decoration: underline;}
    .fott {background-color: #000000;padding-top: 18px;border-top-width: 1px;border-top-style: solid;border-top-color: #ba924a;clear: both;width: 100%;float: left;padding-bottom: 15px;line-height: 20px;color: #CCCCCC;}
    .fott ul {width: 1100px;margin-right: auto;margin-left: auto;}
    .fott li {float: left;width: 25%;}
    .fia {font-size: 15px;font-weight: bold;}
    .fott_img{width: 80px;}
    .fott_img img{ width:78px; height:72px;}
	.side {
        position:fixed;
        top:20%;
        right:35px;
        z-index:9999;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .side-left {
        position:fixed;
        top:20%;
        left:35px;
        z-index:9999;
    }
    .jackpotImg img{
        width: 375px;
        margin-bottom: 10px;
    }
    .floatnav-open{display: block; }
    .floatnav-open .sidenav.barcode{height:176px;cursor:default;padding:12px 0 0;width:174px;}
    .qr-code{background:url("../images/qr.png");width: 160px;height: 160px;display: block;margin: 20 auto 8px;}
    .qr-code2{background:url("../images/qr2.png");width: 160px;height: 160px;display: block;margin: 20 auto 8px;}
    
    
    .floatnav-open .barcode p{font-size: 12px;color: #ccc;text-align: center;margin: 0;line-height: normal; }
    .float-close{height: 30px;background-position: 0 bottom;width: 65px;line-height: 30px;display: block;margin: 0 auto;padding: 5px 0 0; }
    .float-xz2{background:url("../images/apple.png");width: 25px;height: 25px;display: block; float: left;margin-top: 2px;}
    .float-xz1{background:url("../images/anzhuo.png");width: 35px;height: 35px;display: block;float: left;}

}