body{min-width:1300px; background:#333;}
.wrapper{overflow: hidden;position: relative;text-align: center;z-index: 1;zoom:1;margin-top:40px;}
.bg {left: 50%;margin-left:-960px;position: absolute;top: 0;width: 1920px;z-index: -1;zoom:1; background:url(../images/bg.jpg) no-repeat center top; height:1000px;}
.bg:before,.bg:after{display: block; content:''; width:100%; height:100%; position: absolute; top:0px; left:0px;}
.bg:before{background:url(../images/bg1.jpg) no-repeat; animation:bg 1.5s infinite linear;}
.bg:after{background:url(../images/bg2.jpg) no-repeat; animation:bg 1.5s .5s infinite linear;}

.section {width:1200px;margin:0 auto; position: relative; height:1000px;}
.section .con{width:100%;}
.section .con .logo{width: 187px;height: 100px;position: absolute; top:18px; margin-left:-548px; z-index: 99999;left:50%; background:url(../images/logo.png) no-repeat;}
.wg{width: 1920px; height: 1000px; background:url(../images/wg.png);top:0; left:0; z-index: 1}
.szj{width: 1920px; height: 1000px; background:url(../images/szj.png); top:0; left:0; animation:rdg2 1s infinite linear; z-index: 2;}
.jt{width:202px; height:86px; top:585px; left:50%; margin-left:562px; transform:rotate(-49deg); background:url(../images/jt.png) no-repeat; opacity:.2; z-index: 2;}

.slogan{width: 1920px; height:290px; left:50%; margin-left:-960px;z-index: 2;}
.slogan .slg{width:1200px; height:290px; margin:0 auto;}
.slogan .slg:after{display: block; content:''; width:1200px; height:50px; background:url(../images/s.png) no-repeat center -230px; position: absolute;left:0; bottom:13px;}
.slogan .slg i{display: block; width: 1200px; height: 29px; background:url(../images/s.png); animation:xMove 1.5s infinite linear;}
.slogan .slg i.on{ animation:xMove 2s .5s infinite linear;}
.page{width: 1200px; height:1000px; margin:0 auto; display: none;}
.p1{display: block;}
.page .dy{width:678px; height: 65px;  margin:276px auto 0 auto; z-index: 2; position: relative;}
.page .dy a{display: block; float: left; width:226px; height:65px; background:url(../images/dqbtn.png) no-repeat; background-position-y:-3px; text-indent:-999em;}
.page .dy a:first-child{background-position-x:0px;}
.page .dy a:first-child+a{background-position-x:-230px;}
.page .dy a:first-child+a+a{background-position-x:-456px;}
.page .dy a.active,.page .dy a:hover{background-position-y:-63px !important;}
.page .dy:after{display:block; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); content:''; background:url(../images/tips.png); width: 282px; height: 30px;}

.map{width:1200px; height:780px; top:210px; z-index: 1;}
.map a{display: block; position: absolute;z-index: 5;}

.m0 { top: 166px; left: 50%; margin-left: 10px; }
.m1 { top: 150px; left: 50%; margin-left: -350px; }
.m2 { top: 386px; left: 50%; margin-left: -556px; }
.m3 { top: 534px; left: 50%; margin-left: 22px; }
.m4 { top: 143px; left: 50%; margin-left: 248px; }
.m5 { top: 144px; left: 50%; margin-left: -554px; }

.m0 .mt{width: 314px; height: 360px;}
.m1 .mt{width: 350px; height: 250px;}
.m2 .mt{width: 510px; height: 300px;}
.m3 .mt{width: 373px; height: 180px;}
.m4 .mt{width: 322px; height: 312px;}
.m5 .mt{width: 210px; height: 232px;}
.mt:before,.mt:after{display: block; content:''; width:100%; height:100%; position: absolute; top:0px; left:0px;}
.mLi.active{z-index:10;}
.mLi.active .mt:before,.mt:after{opacity:0;}
.mt:before,.mLi.active .mt:after{opacity:1;}
.m0 .mt:before{background:url(../images/map0.png) no-repeat;}
.m1 .mt:before{background:url(../images/map1.png) no-repeat;}
.m2 .mt:before{background:url(../images/map2.png) no-repeat;}
.m3 .mt:before{background:url(../images/map3.png) no-repeat;}
.m4 .mt:before{background:url(../images/map4.png) no-repeat;}
.m5 .mt:before{background:url(../images/map5.png) no-repeat;}

.m0 .mt:after{background:url(../images/map0-0.png) no-repeat;}
.m1 .mt:after{background:url(../images/map1-0.png) no-repeat;}
.m2 .mt:after{background:url(../images/map2-0.png) no-repeat;}
.m3 .mt:after{background:url(../images/map3-0.png) no-repeat;}
.m4 .mt:after{background:url(../images/map4-0.png) no-repeat;}
.m5 .mt:after{background:url(../images/map5-0.png) no-repeat;}

.dz{width:110px; height:110px; perspective:700;-webkit-perspective:700; transform:rotateX(50deg) scale(.8);transform-origin:center center;}
.dz:before{display: block; content:''; width:106px; height:106px; border:2px solid #43778d; border-radius:106px; opacity:.4; position: absolute; top:50%; left:50%; margin:-53px 0 0 -53px;}
.dz:after{display: block; content:''; width:96px; height:96px; border:2px solid #39667c; border-radius:96px; opacity:.4; position: absolute; top:50%; left:50%; margin:-48px 0 0 -48px;}
.mLi.active .dz:before{border:2px solid #866343;}
.mLi.active .dz:after{border:2px solid #8e6441;}

.dz i{width:86px; height:86px; background:url(../images/rdg0.png) no-repeat; position: absolute; top:50%; left:50%; margin:-40px 0 0 -41px; display: block;}
.dz i:before{width:86px; height:86px; background:url(../images/rdg1.png) no-repeat; position: absolute; top:50%; left:50%; margin:-43px 0 0 -43px; display: block; content:''; animation:rdg1 6s infinite linear;}
.mLi.active .dz i{background:url(../images/rdg0-0.png) no-repeat;}
.mLi.active .dz i:before{background:url(../images/rdg1-0.png) no-repeat;}
.dz i:after{display: block;content:''; width:10px; height:10px; background:#fff; border-radius:10px; position: absolute; top:50%; left:50%; margin:-5px 0 0 -5px; box-shadow:0px 0px 3px 2px #fff;}
.m0 .dz{top:50%; left:50%; margin:110px 0 0 134px;}
.m1 .dz{top:50%; left:50%; margin:144px 0 0 172px;}
.m2 .dz{top:50%; left:50%; margin:130px 0 0 224px;}
.m3 .dz{top:50%; left:50%; margin:36px 0 0 202px;}
.m4 .dz{top:50%; left:50%; margin:88px 0 0 94px;}
.m5 .dz{top:50%; left:50%; margin:6px 0 0 48px;}

.m0 .role{width:187px; height:200px; top:-10px; left:86px;}
.m1 .role{width:176px; height:181px; top:26px; left:150px;}
.m2 .role{width:191px; height:186px; top:20px; left:192px;}
.m3 .role{width:200px; height:186px; top:-74px; left:162px;}
.m4 .role{width:162px; height:188px; top:-26px; left:68px;}
.m5 .role{width:270px; height:224px; top:-132px; left:-20px;}
.role:before,.role:after{display: block; content:''; width:100%; height:100%; position: absolute; top:0px; left:0px;}
.mLi.active .role:before,.role:after{opacity:0;}
.role:before,.mLi.active .role:after{opacity:1;}

.m0 .role:before{background:url(../images/r0.png) no-repeat;}
.m1 .role:before{background:url(../images/r1.png) no-repeat;}
.m2 .role:before{background:url(../images/r2.png) no-repeat;}
.m3 .role:before{background:url(../images/r3.png) no-repeat;}
.m4 .role:before{background:url(../images/r4.png) no-repeat;}
.m5 .role:before{background:url(../images/r5.png) no-repeat;}

.m0 .role:after{background:url(../images/r0-0.png) no-repeat;}
.m1 .role:after{background:url(../images/r1-0.png) no-repeat;}
.m2 .role:after{background:url(../images/r2-0.png) no-repeat;}
.m3 .role:after{background:url(../images/r3-0.png) no-repeat;}
.m4 .role:after{background:url(../images/r4-0.png) no-repeat;}
.m5 .role:after{background:url(../images/r5-0.png) no-repeat;}

.g:before{display: block; width:171px; height:125px; background:url(../images/g0.png); content:''; position: absolute; z-index: 1; animation:rdg2 1s infinite linear;}
.g:after{display: block; width:171px; height:125px; background:url(../images/g1.png); content:''; position: absolute; }
.mLi.active .g:before{ background:url(../images/g0-0.png);}
.mLi.active .g:after{ background:url(../images/g1-0.png);}

.m0 .g:before,.m0 .g:after{top:69px; left:103px;}
.m1 .g:before,.m1 .g:after{top:103px; left:142px;}
.m2 .g:before,.m2 .g:after{top:89px; left:194px;}
.m3 .g:before,.m3 .g:after{top:-4px; left:172px;}
.m4 .g:before,.m4 .g:after{top:48px; left:63px;}
.m5 .g:before,.m5 .g:after{top:-34px; left:17px;}

.infoBox{ z-index: 3;}
.m0 .infoBox{width:180px; height:266px; top:24px; left:60px;}
.m1 .infoBox{width:280px; height:174px; top:52px; left:38px;}
.m2 .infoBox{width:364px; height:204px; top:60px; left:100px;}
.m3 .infoBox{width:278px; height:126px; top:14px; left:60px;}
.m4 .infoBox{width:214px; height:192px; top:4px; left:56px;}
.m5 .infoBox{width:152px; height:200px; top:0px; left:20px;}

.tit:before,.tit:after{display: block; content:''; width:100%; height:100%; position: absolute; top:0px; left:0px;}
.tit:after{z-index:2;}
.mLi.active .tit:before,.tit:after,.mLi .tit .titInfo{opacity:0; transform:scale(0);}
.tit:before,.mLi.active .tit:after,.mLi.active .tit .titInfo{opacity:1; transform:scale(1);}

.m0 .tit .titInfo{top:-52px; left:-310px; z-index:3;}
.m1 .tit .titInfo{top:-6px; left:218px; z-index:3;}
.m2 .tit .titInfo{top:-294px; left:206px; z-index:3;}
.m3 .tit .titInfo{top:-398px; left:-230px; z-index:3;}
.m4 .tit .titInfo{top:6px; left:-398px; z-index:3;}
.m5 .tit .titInfo{top:-8px; left:108px; z-index:3;}

.m0 .tit:before{width:158px; height:112px; top:86px; left:-50px; background:url(../images/m0.png) no-repeat;}
.m1 .tit:before{width:185px; height:106px; top:16px; left:212px; background:url(../images/m1.png) no-repeat;}
.m2 .tit:before{width:212px; height:186px; top:-40px; left:180px; background:url(../images/m2.png) no-repeat;}
.m3 .tit:before{width:232px; height:106px; top:-32px; left:196px; background:url(../images/m3.png) no-repeat;}
.m4 .tit:before{width:162px; height:178px; top:-26px; left:110px; background:url(../images/m4.png) no-repeat;}
.m5 .tit:before{width:150px; height:172px; top:-116px; left:-80px; background:url(../images/m5.png) no-repeat;}

.tit p{font-size: 12px; color:#520f0f; position: relative; line-height:26px; text-align: left;}
.tit .infoBtn{position: relative; display: block; width:231px; height: 42px; text-indent: -999em;}
.m0 .tit .iB1{top:221px; left:50px;}
.m0 .tit .iB2{top:236px; left:50px;}
.m0 .tit p{top:207px; left:130px;}
.m1 .tit .iB1{top:224px; left:142px;}
.m1 .tit .iB2{top:239px; left:142px;}
.m1 .tit p{top:210px; left:226px;}
.m2 .tit .iB1{top:224px; left:169px;}
.m2 .tit .iB2{top:239px; left:169px;}
.m2 .tit p{top:210px; left:248px;}
.m3 .tit .iB1{top:227px; left:57px;}
.m3 .tit .iB2{top:242px; left:57px;}
.m3 .tit p{top:213px; left:138px;}
.m4 .tit .iB1{top:227px; left:54px;}
.m4 .tit .iB2{top:242px; left:54px;}
.m4 .tit p{top:213px; left:136px;}
.m5 .tit .iB1{top:227px; left:163px;}
.m5 .tit .iB2{top:242px; left:163px;}
.m5 .tit p{top:213px; left:244px;}

.m0 .tit:after{width:432px; height:424px; top:-52px; left:-310px; background:url(../images/m0-0.png) no-repeat;}
.m1 .tit:after{width:444px; height:430px; top:-6px; left:218px; background:url(../images/m1-0.png) no-repeat;}
.m2 .tit:after{width:470px; height:430px; top:-294px; left:206px; background:url(../images/m2-0.png) no-repeat;}
.m3 .tit:after{width:418px; height:446px; top:-398px; left:-230px; background:url(../images/m3-0.png) no-repeat;}
.m4 .tit:after{width:466px; height:434px; top:6px; left:-398px; background:url(../images/m4-0.png) no-repeat;}
.m5 .tit:after{width:466px; height:434px; top:-8px; left:108px; background:url(../images/m5-0.png) no-repeat;}

.p2{width:1200px; height:470px; padding-top:124px; background:url(../images/p2.png) no-repeat center center; margin:276px auto 0 auto}
.p2 .login{text-align: center;}
.p2 .login .loginBtn,.p2 .login .logoutBtn{font-size:14px; color:#fff;}
.p2 .login .loginBtn a,.p2 .login .logoutBtn a{margin-left:5px; color:#fff; text-decoration: underline;}
.p2 .gift{width:706px; height:44px; margin:193px auto 0;}
.p2 .gift a{display: block; width:238px; height: 44px; text-indent:-999em;}
.p2 .gift a:first-child{float: left;}
.p2 .gift a:first-child+a{float: right;}
.p2 .lookBtn{margin-top:132px; left:50%; margin-left:-118px; display: block; width: 56px; height: 20px; text-indent: -999em;}

.sbtn{width:140px; height: 124px; background:url(../images/sbtn.png) no-repeat 0px 0px; position: absolute; bottom:10px; left: 50%; margin-left:-70px; animation:sbtn 1s infinite linear;}
.sbtn.on{background-position-x:-140px;}

.layer{position:relative; display:none;}
.layer .m-layer{position: relative;}
.layer .close{position:absolute; top:22px; right:24px; display:block; width:28px; height:28px; background:url(../images/close1.png);}

#layer0{background:url(../images/zldq.png); width:591px; height:290px;}

#layer0 .close,#layer1 .close{top:0px; right:-34px; background:url(../images/close.png);}
#layer1 .c0{width:411px; height:187px; background:url(../images/mtc0.png);}
#layer1 .c1{width:431px; height:290px; background:url(../images/mtc1.png);}
#layer1 .c2{width:431px; height:421px; background:url(../images/mtc2.png);}
#layer1 .c3{width:411px; height:368px; background:url(../images/mtc3.png);}
#layer1 .c4{width:411px; height:134px; background:url(../images/mtc4.png);}
#layer1 .c5{width:411px; height:264px; background:url(../images/mtc5.png);}

#layer2{width:526px; height:460px; background:url(../images/tc1.png) no-repeat; padding-top:46px;}
#layer2 h3{line-height: 37px; height: 37px; text-align: center; color:#1d1400; margin-bottom:23px;}
#layer2 .integralBtn{width:208px; height:26px; border:1px solid #ffb000; overflow: hidden; margin-bottom:20px;}
#layer2 .integralBtn a{float: left; color:#f5f5f4;  line-height:26px; font-size:14px; padding:0px 10px; display: block;}
#layer2 .integralBtn a.active{background:#ffb000 ;color:#000;}
#layer2 .m-layer{width:424px; height:424px; margin:0 auto;}
#layer2 .m-layer table{ box-shadow:1px 1px 0px #ab8223 inset; display: none;}
#layer2 .m-layer tr th,#layer2 .m-layer tr td{text-align: center; vertical-align:middle; line-height:26px; box-shadow:-1px -1px 0px #ab8223 inset;}
#layer2 .m-layer tr th{background:rgba(255,176,0,0.2); color:#fcb71c; font-size: 16px; font-weight: normal;}
#layer2 .m-layer tr td{color:#fff;}
#layer2 .m-layer tr th:first-child,#layer2 .m-layer tr td:first-child{width:80px;}
#layer2 .m-layer tr th:first-child+th,#layer2 .m-layer tr td:first-child+td{width:254px;}
#layer2 .m-layer tr th:first-child+th+th,#layer2 .m-layer tr td:first-child+td+td{width:90px;}

#layer3{width:585px; height:450px; background:url(../images/tc0.png) no-repeat; padding-top:56px;}
#layer3 .m-layer{width:500px; height:414px; margin:0 auto;}
#layer3 .m-layer h3{font-size:20px; color:#fff; margin-bottom:20px;}
#layer3 .m-layer ol{box-shadow:1px 1px 0px #ab8223 inset; overflow: hidden; width: 100%;}
#layer3 .m-layer .giftLi{height:234px; width:515px;}
#layer3 .m-layer ol li,#layer3 .m-layer ul li p{text-align: center; vertical-align:middle; line-height:32px; box-shadow:-1px -1px 0px #ab8223 inset;}
#layer3 .m-layer ol li{background:rgba(255,176,0,0.2); color:#fcb71c; font-size: 16px; font-weight: normal; float: left;}
#layer3 .m-layer ul{box-shadow:1px 0px 0px #ab8223 inset; overflow: hidden; width:500px;}
#layer3 .m-layer ul li{color:#fff;font-size: 12px; overflow: hidden;}
#layer3 .m-layer ul li p{float: left; line-height: 26px;}
#layer3 .m-layer ol li:first-child,#layer3 .m-layer ul li p:first-child{width:25%;}
#layer3 .m-layer ol li:first-child+li,#layer3 .m-layer ul li p:first-child+p{width:40%;}
#layer3 .m-layer ol li:first-child+li+li,#layer3 .m-layer ul li p:first-child+p+p{width:35%;}

.export{display: block; width:240px; height:66px; background:url(../images/dc.png) no-repeat; margin:20px auto 0 auto; text-indent: -999em;}

#layer4,#layer5{width:438px; height:226px; padding-top:36px; background:url(../images/tc2.png);}
#layer4 .m-layer,#layer5 .m-layer{width: 340px; height: 188px; margin:0 auto;}
#layer4 .m-layer p,#layer5 .m-layer p{height:110px; text-align: center; font-size:18px; color:#fff; display:table-cell; vertical-align: middle; line-height:30px; width:340px;}
#layer4 .m-layer .sure{display: block; width:146px; height:50px; background:url(../images/sure.png); margin:10px auto 0 auto; text-indent: -999em;}
#layer5 .m-layer .sure{display: block; width:146px; height:50px; background:url(../images/sure.png); margin:10px auto 0 auto; text-indent: -999em; float: left; margin-left:10px;}
#layer5 .m-layer .cancel{display: block; width:146px; height:50px; background:url(../images/cancel.png); margin:10px auto 0 auto; text-indent: -999em; float: right; margin-right:10px;}

/*滚动条*/
.rollbar-path-vertical{position:absolute; width:10px; height:100% !important; overflow: hidden;background:#281c01; z-index:100; right:0px; top:0px!important;}
.rollbar-handle{position:absolute; width:10px;  background:#fcb71c; left:0px; z-index:101;}

@keyframes rdg1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes rdg2{
	0%,100%{opacity:1; filter:brightness(1);}
	50%{opacity:.2; filter:brightness(2);}
}
@keyframes bg{
	0%,100%{opacity:1;}
	50%{opacity:0;}
}
@keyframes sbtn{
	0%,100%{transform:translateY(0px);}
	50%{transform:translateY(2px);}
}

@keyframes xMove{
	0%,4%,8%,100%{transform:translateX(0) scale(1); filter:brightness(1);}
	2%{transform:translateX(5px) scale(1.001); filter:brightness(2);}
	6%{transform:translateX(3px) scale(1.002); filter:brightness(3);}
}

.loginAfter{width:550px; height:32px; margin:0 auto;}
.loginAfter .cdy,.loginAfter .cjs{float: left; margin-right:8px; width:116px; height:28px;}
.select{position:relative; width:100%;float: left; top:0px; cursor:pointer; overflow:inherit; z-index:100; font-weight: normal; border:1px solid #5cfffe; background:rgba(0,0,0,0.1); text-align: center; font-size: 14px; color:#5cfffe;}
.cdy i,.cjs i{display: block; width: 17px; height: 11px; background:url(../images/jiantou.png) no-repeat; position: absolute; top:50%; right:5px; margin-top:-5px;}
.select .select_text{height:26px;line-height:26px; width:86%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:14px;}
.select_ul{display:none;position:absolute;top:26px;left:0px;width:116px;background:rgba(92,255,254,0.2); z-index:100; max-height: 286px; overflow-x:hidden;}
.select_ul li{line-height:26px;text-indent:0px; margin-bottom:0px !important; color:#fff !important; font-weight: normal !important;}
.select_ul li:hover{color:#fff !important; background:rgba(252,183,28,0.3);}
.select_ul li.cur{color:#fff !important;background:rgba(252,183,28,0.6);}

.loginAfter .user{float: left; height:28px; line-height:28px; text-align: center; font-size:14px; color:#fff; background:rgba(92,255,254,0.2); margin-right:5px; padding:0px 10px;}
.loginAfter .bind,.loginAfter .loginOut{display: block; float: left; width:70px; font-size: 14px; color:#fff; text-align: center; line-height:28px; margin-right:8px; background:#8f394e;}


.select_ul::-webkit-scrollbar{width:8px;}
.select_ul::-webkit-scrollbar-track{background-color:#fff;}
.select_ul::-webkit-scrollbar-thumb{background-color:#f8a439;}
.select_ul::-webkit-scrollbar-button{background-color:#fff;display:none;}