@charset "utf-8";
html,body { background: #040404; padding:0; margin:0; font-size:12px; font-family:"Microsoft YaHei"; /* font-family:tahoma,arial,"SimSun";*/ color:#000; }
.g-thide { text-indent: -9999px }
.g-clr { zoom: 1 }
.clr{ display: block; clear: both; height: 0; overflow:hidden; line-height:0; width:100%; }
a { color: #fff; text-decoration: none; outline:none; background:none;  cursor:pointer; }
ul,li,h3,p,div,tr,td,dd,dl,dt,ol,input,td{  padding:0; margin:0; list-style:none; border: 0; }
img{ border:0; }
.f18{ font-size:18px; }
.f16{ font-size:16px; }

#an{ position:fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 222; background: #000; }
#wrapbg { width:100vw; min-width:1200px; height:100vh; margin:0 auto; overflow:hidden; position:relative; }
.wrap{ width: 600px; height: 900px; position: absolute;	left: 50%;	top: 50%; margin: -450px 0 0 -300px; }
.wapcom{ width:100%; min-width:1200px; height:100%; position:relative; position:absolute; left:0; top:0; overflow:hidden; transition-duration:.6s; -webkit-transition-duration:.6s; -ms-transition-duration:.6s; -o-transition-duration:.6s;  }
#wrap4{ background:url(../images/bg.jpg) no-repeat center 0; background-size: cover; color:#fff;  }
.wrapbottom{ position: absolute; bottom: 0; left: 0; width: 100%; height: 14%; background: url(../images/bottom.png) no-repeat center bottom; background-size: 100% 100%; 
	transform: translateY(100%); transition-duration: 1s; transition-delay: 0.72s; transition-timing-function: ease-out;
}
.on .wrapbottom{ transform: translateY(0); }

.wapcom.on{ top:-100%; }
#wrap4.on{ top:0; }

/* ::-webkit-input-placeholder{
  font-size: 14px; color: #666;
}
:-ms-input-placeholder{
  font-size: 14px; color: #666;
}
:-moz-placeholder,
::-moz-placeholder{
  font-size: 14px; color: #666;
  opacity: 1;
} */
.wapcom img.r1{ transition:none; -webkit-transition:none; -ms-transition:none; -o-transition:none; }

.bcom1{ left:0; top:0; width:1000px; height:703px; position:absolute; background: url(../images/bcom1.png) no-repeat; }
.bcom1 a{ display:block; width:128px; height:86px; left:640px; top:486px; overflow:hidden; text-indent:-999px; position:absolute; background: url(../images/btn.png) no-repeat; }
.bcom1 a:hover{ background-position:0 -86px; }

.mm1{ width:100%; height:60%; position:absolute; left:0; top:0; z-index:13; background:url(../images/m1.png) no-repeat center 0; background-size: 100% 100%;
	-webkit-transition-duration: 0.6s; transition-duration: 0.6s;
}
.mm2{ width:100%; height:50%; position:absolute; left:0; bottom:0; z-index:12; background:#000 url(../images/m2.jpg) no-repeat center 0; background-size: 100% 100%; text-align:center;
	-webkit-transition-duration: 0.6s; transition-duration: 0.6s;
}
.mm1.on{ -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.mm2.on{ -webkit-transform: translateY(100%); transform: translateY(100%); }
.pertiosn{ display:block; margin:122px auto 0; width:68px; height:68px; text-align:center; position:relative; line-height:68px; color:#fff; }
.pertiosn span{ display:block; background:url(../images/qq.png) no-repeat; width:68px; height:68px;  animation:load 3s infinite linear; -webkit-animation:load 3s infinite linear; -ms-animation:load 3s infinite linear; -o-animation:load 3s infinite linear;  }
.pertiosn a{ display:block; width:68px; height:68px; position:absolute; left:0; top:0; color:#fff;  }
.wz{ color:#ccc; margin:10px auto 0; }

@keyframes load {
	0% { 
		-webkit-transform:rotateZ(0deg); 
		transform:rotateZ(0deg);
	}
	100% { 
		-webkit-transform:rotateZ(360deg); 
		transform:rotateZ(360deg);
	}
}

.btncom{ display:block; position:absolute; cursor:pointer; }
.btn1{ left:432px; top:608px; }
.btn2{ left:432px; top:516px; }

.txt{ display:block; position:absolute; left:460px; top:457px; width:245px; height:36px; line-height:36px; border:0; background:none; }
.btn3{ left:445px; top:600px; }
.perscom{ top:492px; left:474px; position:absolute; width:104px; height:106px; overflow:hidden;  }
.perscom2{ left:622px; }
.perscom img{ display:none; position:absolute; left:0; top:0; }
.perscom .g{ display:none; position:absolute; left:45px; top:55px; width:40px; height:40px; background:url(../images/g.png) no-repeat; }
.perscom img.on,.perscom .g.on{ display:block; }

.xhd{ width:512px; height:152px; position:absolute; left:838px; top:380px; }
.xhd img{ display:none; position:absolute; left:0; top:0; width:100%; }
#tts{ display:block; position:absolute; left:856px; top:123px; }

.sh1{ width:448px; height:48px; position:absolute; display:none; background:url(../images/sh1.png) no-repeat; left:152px; top:586px; line-height:48px;   }
.sh2{ width:342px; height:48px; position:absolute; display:none; background:url(../images/sh2.png) no-repeat; left:572px; top:642px; line-height:48px;   }

.txt2{ left:132px; top:0; width:324px; display:block; position:absolute; display:block; height:48px; color:#fff; font-size:14px; line-height:48px;  }
.txt3{ left:26px; top:0; width:230px; display:block; position:absolute; display:block; height:48px; color:#fff; font-size:14px; line-height:48px;  }

.sh1 .jj{ display:block; position:absolute; left:0; top:0; width:118px; text-align:center; height:48px; color:#fcfe4d; font-size:16px; line-height:48px; }
.sh2 .jj{ display:block; position:absolute; right:2px; top:0; width:68px; text-align:center; height:48px; color:#fcfe4d; font-size:16px; line-height:48px; }


.nnam{ display:block; position:absolute; left:1062px; top:270px; width:32px; height:138px; text-align:center; font-size:18px; color:#fff; }
.nnam td{ height:138px; }

.righttop{
	position: absolute; right: 60px; top: 20px; width: 452px; height: 171px; display: flex; justify-content:space-between;
}
.righttop a{ display: block; width: 78px; height: 78px; overflow: hidden; text-indent: -999px; background:url(../images/icons.png) no-repeat; }
.righttop a:nth-child(1){ background-position: 0 0; }
.righttop a:nth-child(2){ background-position: -93px 0; }
.righttop a:nth-child(3){ background-position: -185px 0; }
.righttop a:nth-child(4){ background-position: -275px 0; }
.righttop a:nth-child(5){ background-position: right 0; }
.righttop a:hover{ filter: brightness(1.3); }

.lefttop{ width:389px; height:100px;position:absolute; left:280px; top:25px; font-size:12px; }
.lefttop.nan{ background:url(../images/userInfo.png) no-repeat;  }
.lefttop.nv{ background:url(../images/nv.png) no-repeat;  }
.lefttop .nnas{ display:block; position:absolute; left: 100px; top: 5px; text-align:center; width:98px; color: #f8eaa8; font-size:14px; }
.nasdm{ position:absolute; display:flex; left:108px; top:60px; background-color: #1e3124; }
.nasdm strong{ color:#ff0000; text-shadow:1px 1px 1px #000; -webkit-text-shadow:1px 1px 1px #000; -ms-text-shadow:1px 1px 1px #000; -o-text-shadow:1px 1px 1px #000; }
.nasdm a{ text-decoration:underline; color:#2dd2e3;  }
.nasdm span{ color:#f68500; }
.nasdm span.leftName{ color: #fff; }
.nasdm img{ vertical-align:middle; margin:-3px 3px 0; }
.loginLater{ display: none; }
.loginLater,.loginBefore{ width: fit-content; padding: 1px 10px 1px 0; }
.leftCount{ margin-right: 7px; }
.loginLater strong{ color:#2dd2e3;  }

.shuohua{ position:absolute; left:0; bottom:50px; width:291px; height:397px; background:url(../images/shuohua.png) no-repeat; font-size:12px; }
.ssh{ position:absolute; width:256px; height:312px; overflow:hidden; overflow-y:auto; left:16px; top:30px; line-height:22px; }
.ssh span{ display:block;  text-shadow:1px 1px #000,-1px -1px #000; -webkit-text-shadow:1px 1px #000,-1px -1px #000; -ms-text-shadow:1px 1px #000,-1px -1px #000; -o-text-shadow:1px 1px #000,-1px -1px #000; }
.ssh .huas{ color:#fabf0d;  }
.ssh .lans{ color:#6badff;  }
.ssh .hs{ color:#ff0000;  }
.ssh .ls{ color:#73ff48;  }

.ren1{ position:absolute; left:-65px; top:450px; display:none; }
.ren2{ position:absolute; right:27px; top:308px; display:none; }

.ren1.on,.ren2.on,.sh1.on,.sh2.on{ display:block; }

#wrap3.dongh .ren1{  animation:ren1 1s infinite linear alternate; -webkit-animation:ren1 1s infinite linear alternate; -ms-animation:ren1 1s infinite linear alternate; -o-animation:ren1 1s infinite linear alternate; }
@keyframes ren1 {
	0% { 
		-webkit-transform:translateY(-10px); 
		transform:translateY(-10px); 
	}
	100% { 
		-webkit-transform:translateY(10px); 
		transform:translateY(10px);
	}
}

#wrap3.dongh .ren2{  animation:ren2 1s infinite linear alternate; -webkit-animation:ren2 1s infinite linear alternate; -ms-animation:ren2 1s infinite linear alternate; -o-animation:ren2 1s infinite linear alternate; }
#wrap3.dongh .ren22{ left:782px; top:312px; }

@keyframes ren2 {
	0% { 
		-webkit-transform:translateY(-15px); 
		transform:translateY(-15px); 
	}
	100% { 
		-webkit-transform:translateY(10px); 
		transform:translateY(10px); 
	}
}
.logo{
	position: absolute; width: 198px; height: 82px; left: 50px; top: 20px; background:url(../images/logo.png) no-repeat;
}
.zt2m .logo{ width: 176px; height: 123px; background-image:url(../images/zt2mlogo.png);  }
.zt2m .lefttop{ left: 240px; }

.yszt .logo{ width: 131px; height: 153px; background-image:url(../images/ysztlogo.png);  }
.yszt .lefttop{ left: 170px; }

.slogan{
	position: absolute; width: 1073px; height: 241px; top: 110px; left: 50%; margin-left: -537px; transform-origin: center 0;
	transition-duration: 1s;
}
.slogan::after{
	content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../images/slogan.png) no-repeat; background-size: contain;	
	transition-duration: 1s; visibility: hidden; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition-delay: 0.6s;
}
.zt2m .slogan::after{ background-image: url(../images/zt2m_slogan.png); }
.yszt .slogan::after{ background-image: url(../images/yszt_slogan.png); }

.on .slogan::after{
	-webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1;
}

.snow #wrap4{ background-image:url(../images/snowbg.jpg);  }
.snow .wrapbottom{ background-image: url(../images/bottomSnow.png); }
.snow .slogan{
	width: 305px; height: 732px; top: 50%; right: 5%; margin-top: -420px;
}
.snow .slogan::after{
	width: 305px; height: 732px; background:url(../images/snowslogan.png) no-repeat;	
}
.snow #indexsnow,.snow #indexsnow div{ display: block; }

.snow2 #wrap4{ background-image:url(../images/snowbg2.jpg);  }
.snow2 .wrapbottom{ background-image: url(../images/bottomSnow2.png); }
.snow2 .slogan{
	width: 305px; height: 732px; top: 50%; right: 5%; margin-top: -360px;
}
.snow2 .slogan::after{
	width: 305px; height: 732px; background:url(../images/snowslogan2.png) no-repeat;	
}
.snow2 #indexsnow,.snow2 #indexsnow div{ display: block; }


.copyright_btn {  position: absolute;  right: 1%; bottom: 2%;  z-index: 10;  color: #d6d197;  cursor: pointer;  opacity: .5;  font-size: 16px; width: 90px; height: 23px; background:url(../images/botclick.png) no-repeat; }
.copyright_btn.cur{ background-position-y: -23px;  }
.copyright_btn:hover{ filter: brightness(1.1);  }
.bottom{ position: fixed; bottom: 0; left: 0; width: 100%; display: none; }
.footer {  position: fixed; bottom: 0;  display: none;  width: 100%;  height: 126px !important;  transition: all 1s;  pointer-events: none;  z-index: 6 !important; }
.footer_show {
  z-index: 6;  display: block;  pointer-events: auto;
}
.zt2m .footer{ height: 285px !important; }
.yszt .footer{ height: 245px !important; }

.txt4{ left:18px; top:361px; height:30px; line-height:30px; width:196px; color:#89958d; }
.txt4.on{ color:#000; }
.fsbtn{ display:block; position:absolute; left:215px; top:365px; width:67px; height:23px; text-align:center; line-height:23px; color:#fff; background:url(../images/fsbtn.png) no-repeat; }
.fsbtn:hover{ background-position:0 -23px; }

.renwulb{ position:absolute; right:0; top:50%; margin-top:-170px; color:#9f9f9f; width:189px; height:354px; background:url(../images/renwu.png) no-repeat; font-size:12px;  }
.renwulb span{ color:#ff0000; }
.rwlb{ position:absolute; left:12px; top:34px; width:172px; height:316px; overflow:hidden; }
.rwlb li{ width:150px; height:46px; padding-left:22px; float:left; background:url(../images/j.png) no-repeat; }
.rwlb li a{ color:#89ff2a; text-decoration:underline; }
.rwlb li .wc{ display:none; }
.rwlb li .zhu{ color:#ff0000; }

.rwlb li.on{ color:#9f9f9f; }
.rwlb li.on .zhu{ color:#9f9f9f; }
.rwlb li.on .wc{ display:inline;  }
.rwlb li.on a{ color:#9f9f9f; text-decoration:underline; }

.nbtit{ display:block; position:absolute; left:0; top:120px; font-size:22px; text-align:center; width:100%;  text-shadow:2px 2px #000,-2px -2px #000; -webkit-text-shadow:2px 2px #000,-2px -2px #000; -ms-text-shadow:2px 2px #000,-2px -2px #000; -o-text-shadow:2px 2px #000,-2px -2px #000; transition-duration:1s; -webkit-transition-duration:1s; -ms-transition-duration:1s; -o-transition-duration:1s;   filter:alpha(opacity=0);	-moz-opacity:0;	-khtml-opacity: 0;	opacity: 0; }
.nbtit .name{ color:#fabf0d; }
.nbtit.on{filter:alpha(opacity=100);	-moz-opacity:1;	-khtml-opacity: 1;	opacity: 1; }

.nbtit .bs{ color:#fff; }
.nbtit .lans{ color:#6a9fff; }
.nbtit .hs{ color:#ffea00; }
.nbtit .ls{ color:#1b7c40; }
.nbtit .zs{ color:#df57f7; }

.djs{ width:98px; height:74px; padding-top:24px; display:none; overflow:hidden; text-align:center; position:absolute; left:100px; top:100px; color:#fceb6b; background: url(../images/djs.png) no-repeat; }
.djs span{ font-size:36px; display:inline-block; margin-top:-6px; }
.djs.on{ display:block; }
.djs strong{ display:block; margin:5px 0 0; font-size:20px;  }

.djs span.prg-cont{ display:block; position:absolute; left:2px; top:2px; width:90px; height:90px; margin:0; }


.cover,.cover2{ display:none; width:100%; position:absolute; left:0; top:0; height:100%; z-index:10; background:#000; filter:alpha(opacity=70);	-moz-opacity:0.7;	-khtml-opacity: 0.7;	opacity: 0.7;}
.tcc{ display:none; color:#edddb7; width:806px; height:528px; z-index:10; position:absolute; left:50%; top:50%; margin:-264px 0 0 -404px; background: url(../images/tcc.png) no-repeat; font-size: 14px; }
.tcc2{ background: url(../images/tcc2.png) no-repeat; margin-top:-109px;  }

.cover.on,.cover2.on,.tcc.on{ display:block; }


.close{ display:block; width:60px; height:90px; overflow:hidden; text-indent:-999px; position:absolute; right:0; top:9px; }
.tccTitle{ display: flex; width: 99%; height: 54px; justify-content: center; align-items: center; font-size: 24px;
	color: #fdfcc5;
	background-image: -webkit-gradient(linear,0 0,0 bottom,from(#ffffff),to(#e8cb7a));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#gzjlycList{ display: flex; margin: 20px auto 0; width: 600px; height: 300px; align-items: center; flex-wrap: wrap; justify-content:space-between; align-content: center; }
#gzjlycList li{ display: flex; position: relative; width: 112px; height: 118px; margin: 10px 40px; cursor: pointer; }
#gzjlycList li::after{ content: ''; position: absolute; width: 112px; height: 118px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/case.png) no-repeat center; }
#gzjlycList li:hover::after{ width: 201px; height: 201px; background-image: url(../images/casehover.png);  }
#gzjlycList li.cur::after{ width: 201px; height: 201px; background-image: url(../images/caseCur.png);  }

.gzjlycsm{ text-align: center; color: #edddb7; margin: 40px auto 0; }
.gzjlycsm strong{ font-size: 18px; color: #f2b015; margin: 0 5px; }
.kaiqi{ height: 62px; display: flex; align-items: center; justify-content: center; align-items: center; }
.kaiqits{ width: 100%; font-size: 20px; color: #fdfcc5; text-align: center; display: none; }
.kaiqits strong{ color: #9bf53a; }
.kaiqi.cur .kaiqits{ display: block; }
.kaiqi.cur #chaibtn{ display: none; }

#a{  background-image: url(../images/citantcc.png); }
.xx2{ padding-top:72px; width:415px; margin:0 auto; font-size:16px; line-height:28px;  }
.tt{ display:block; font-size:18px; color:#fff; text-align:center; height:46px; line-height:46px; }
.tt2{ display:none; font-size:18px; color:#fff; text-align:center; height:46px; line-height:46px; }
.cittansm{ width: 100%; margin: 35px auto 0; height: 46px; text-align: center; }
.ctresult{ display: flex; height: 102px; justify-content: center; align-items: center; align-content: center; }
.citancaozuo{ display: flex; margin: 43px auto 15px; height: 63px; align-items: center; justify-content: center; align-content: center; font-size: 20px; }
.citancaozuo .startbtn{ margin-bottom: 0; }
.citancaozuoEnd{ display: none; }
.cittansm2{ text-align: center; }
.cittansm2 strong{ font-size: 18px; color: #f2b015; }
#succesTT{ width: 300px; margin: 0 auto; text-align: center; padding: 95px 0 0; font-size: 16px; background: url(../images/succesTT.png) no-repeat center 0; display: none; }
#failTT{ width: 300px; margin: 0 auto; text-align: center; padding: 95px 0 0; font-size: 16px; background: url(../images/failTT.png) no-repeat center 0; display: none; }
#succesTT strong{ color: #e1a517; margin-left: 5px; }
.ctresult.succes .counts,.ctresult.failed .counts{ display: none; }
.ctresult.succes #succesTT{ display: block; }
.ctresult.failed #failTT{ display: block; }
.citancaozuo.cur #ctstart{ display: none; }
.citancaozuo.cur .citancaozuoEnd{ display: block; }

.tcc .line{ border-bottom:dotted 1px #fb0c0c; display:block; height:0; overflow:hidden; margin:25px auto 18px;  }
.center{ text-align:center; }
.f1{ position:absolute; left:30px; top:66px; }

.btncoms2{ display:block; width:97px; height:26px; text-align:center; line-height:26px; background: url(../images/btns.png) no-repeat 0 -98px; }
.btncoms2:hover{ background-position:0 -72px;  }

.btncoms{ font-size:18px; display:block; width:157px; height:36px; text-align:center; line-height:36px; background: url(../images/btns.png) no-repeat 0 -36px; }
.btncoms:hover{ background-position:0 0;  }

.canbtn{ position:absolute; left:374px; top:68px; }
.sqbtn{ position:absolute; left:176px; top:250px; display:none; }
.qdbtn{ position:absolute; left:176px; top:250px; display:block;  }

.tab{ width:358px; position:absolute; left:114px; top:64px; font-family:tahoma,arial,"SimSun"; }
.tab strong{ color:#fff600; }
.tab td{ padding:2px; line-height:18px; }

.buzhou{ width: 564px; position: relative; margin: 0 auto; display:none; }
.buzhou.on{ display:block; }

.cors{ text-align:left; margin:10px 0 0; width:100%; font-size:14px; display: flex; }
.cors span{ margin:0 90px 0 0; font-weight:bold; text-shadow:1px 1px #000,-1px -1px #000; -webkit-text-shadow:1px 1px #000,-1px -1px #000; -ms-text-shadow:1px 1px #000,-1px -1px #000; -o-text-shadow:1px 1px #000,-1px -1px #000; }
.cors .bs{ color:#fff; margin: 0 122px 0 75px; }
.cors .lans{ color:#6a9fff; margin-right: 105px; }
.cors .hs{ color:#ffea00; margin-right: 85px; }
.cors .ls{ color:#1bed5d; margin-right: 50px; }
.cors .zs{ color:#df57f7; margin:0; }

.counts{ 
	font-size:50px; color:#ffea00; display:flex; justify-content: center; align-items: center; align-content: center; width: 81px; height: 81px; position:absolute; text-align:center;
	background: url(../images/djs2.png) no-repeat
}
.jss1{ display: none; }
.jss{ text-align:center; width:520px; position:relative; margin: 20px auto 0; } 
.pser{ display:block; margin:9px 0 0; height:15px; width:520px; position:relative; overflow:hidden; background: url(../images/pser.png) no-repeat; background-size: 100% 100%; }
.pser2{ position:absolute; height:15px; left:0; top:0; background: url(../images/pser2.png) no-repeat right 0; background-size: 100% 100%;  }

.dlzcs{ display:none; position:absolute; left:344px; top:260px; font-size:14px;  }
.dlzcs.on{ display:none; }
.dlzcs a{ color:#fff; margin:0 7px; }
.dlzcs a:hover{ text-decoration:underline; color:#ff0000; }

.jss2{ display:none; }

.ysnase{ font-size:80px; color:#ffea00; display:none; top:80px; left:200px; position:absolute; text-align:center; width:110px; }
.ysnase.bs{ color:#fff; }
.ysnase.lans{ color:#6a9fff; }
.ysnase.hs{ color:#ffea00; }
.ysnase.ls{ color:#1bed5d; }
.ysnase.zs{ color:#df57f7; }

.vs{ margin:18px auto 0; line-height:20px; display:block; }
.vs img{ margin:0 30px; }

.vs2{ margin:4px auto 0; line-height:20px; display:block; }
.vs2 p{ width:388px; text-align:left; margin:10px auto; }
.vs2 img{ margin:0 8px; vertical-align:middle; }

.tab2{ width:292px; left:126px; line-height:20px; }
.zsss{ font-size:18px; color:#ffea00; }

.tcc2 .tt{ color:#7ac8ff; }
.tcc2 .msg{ width:428px; margin:24px auto 0; line-height:22px;  }
.zdbtn{ margin:20px auto 0; }
.tcc2 .msg a{ color:#fe0000; text-decoration:underline; }
.tcc2 .msg span{ color:#ffea00; }

.bq{ position:absolute; width: 204px; height: 410px; left: 260px; top: 30px; background-position: 0 bottom; }
/*.bq:hover{  -moz-box-shadow:22px 22px 22px #000,-22px -22px -22px #000; }*/
/* .xz{ position:absolute; width:340px; height:320px; left: -180px; top: 340px; } */
.rencom:hover .rwmz{ filter: brightness(150%); }
.xz{ position: absolute; left: 5%; top: auto; bottom: 14%; width: 926px; height: 488px; background: url(../images/banzhuan.png) no-repeat right 0; transform-origin: 0 bottom; }
.xz::before{ content: ""; position: absolute; width: 293px; height: 181px; left: 395px; top: 0; background: url(../images/banzhuans.png) no-repeat; background-size: 1758px 181px; animation: xzss 1s steps(6) infinite; }
@keyframes xzss {
	0% { background-position: 0 0; }
	100% { background-position: -1758px 0; }
}

.rwmz{ display:block; position:absolute; width:57px; left: 180px; top: 250px; overflow: hidden; text-align:center; -webkit-animation: rwmz 1.2s infinite linear alternate; animation: rwmz 1.2s infinite linear alternate; -webkit-animation-delay: var(--delay); animation-delay: var(--delay); }
.rwmz:nth-child(1){ --delay: 0s; }
.rwmz:nth-child(2){ --delay: 0.8s; }
.rwmz:nth-child(3){ --delay: 0.6s; }
.rwmz:nth-child(4){ --delay: 0.2s; }
.rwmz:nth-child(5){ --delay: 0.4s; }
.rwmz:nth-child(6){ --delay: 1s; }
@keyframes rwmz {
	100% { transform: translateY(-0.1rem); }
}
.rwmz:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 2rem;
    margin-left: -20px;
    width: 70%;
    background: linear-gradient(0deg, transparent 40%, rgba(255, 255, 255, .4) 50%, transparent 60%);
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, black), color-stop(70%, black), to(transparent));
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, black), color-stop(70%, black), to(transparent));
    mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
    -webkit-animation: imgShine 3s linear infinite;
    animation: imgShine 3s linear infinite;
}
@keyframes imgShine{
	0%{top:-100%}
	20%{opacity: 1;}
	50%{opacity: 1;}
	to{top:70%;opacity: 0;}
}
.ct{ display:block; height:19px; overflow:hidden; background: url(../images/ct.png) no-repeat; }
.cb{ display:block; height:30px; overflow:hidden; background: url(../images/cb.png) no-repeat; }
.cc{ display:block; background: url(../images/cc.png) repeat-y; font-size:16px; margin: -1px 0; }
.bq .djs{ left: 226px;	top: 242px; }

.xz .rwmz{ left: 610px;	top: 102px; }
.xz .djs{ left: 660px; top: 96px; }

.ma{ display:block; position:absolute; width:628px; height:280px; left: 800px; top: 550px; transition-duration: 2s; transition-timing-function: ease-in-out; transition-delay: 0.7s; visibility: hidden; opacity: 0; }
.ma .rwmz{ left: 0; top: 0; }
.ma .djs{ left: 50px; top: -10px; }
.ma img{ width:100%; display:none; position:absolute; left:0; top:0; }
.on .ma{ transform: translate(0,0); visibility: visible; opacity: 1; }
#maimg{ position: absolute; left: 200px; top: -360px; width: 350px; height: 350px; background: url(../images/qizis.png) no-repeat; background-size: 2800px 350px; animation: qizis 1.2s steps(8) infinite; }
@keyframes qizis {
	0% { background-position: 0 0; }
	100% { background-position: -2800px 0; }
}
#xcdimg{ width: 290px; height: 550px; background: url(../images/ctszs.png) no-repeat; background-size: 5800px 550px; animation: ctszs 2s steps(20) infinite; }
@keyframes ctszs {
	0% { background-position: 0 0; }
	100% { background-position: -5800px 0; }
}
#qbimg{ width: 437px; height: 825px; background: url(../images/wss.png) no-repeat; background-size: 5244px 825px; animation: wss 2s steps(12) infinite; }
@keyframes wss {
	0% { background-position: 0 0; }
	100% { background-position: -5244px 0; }
}

.qb{ display:block; position:absolute; width:437px; height:825px; left: 2%; bottom: 0; -webkit-transform-origin: 0 bottom; transform-origin: 0 bottom; }
.qb .rwmz{ left: 335px; top: 130px; }
.qb .djs{ left: 385px; top: 120px; }
.qb img{ width:100%; display:none; position:absolute; left:0; top:0; }
.cao{ position: absolute; width: 291px; height: 213px; left: 50%; bottom: 60px; margin-left: -146px; background: url(../images/cao.png) no-repeat; }

.xcd{ display:block; position:absolute; width:290px; height:550px; left: -90px; top: 345px; transition-duration: 2.5s; transition-timing-function: ease-in-out; transition-delay: 0.75s; visibility: hidden; opacity: 1; transform: translate(0,0);  }
.xcd .rwmz{ left: 200px;	top: 60px; }
.xcd .djs{ left: 246px;	top: 70px;}
.xcd img{ width:100%; display:none; position:absolute; left:0; top:0; }
.on .xcd{ transform: translate(0,0); visibility: visible; opacity: 1; }
.baoxiang{ position: absolute; width: 616px; height: 162px; left: 50%; bottom: 0; margin-left: -308px; background: url(../images/baoxiang.png) no-repeat; }

.cp{ display:none; position:absolute; width:100px; height:200px; left:550px; top:540px; }
.cp .rwmz{ left:107px; top:-10px; }
.cp .djs{ left:146px; top:0; }
.cp img{ width:100%; display:none; position:absolute; left:0; top:0; }

.ss{ display:none; position:absolute; width:236px; left:495px; top:520px; }
.ss img{ width:100%; display:none; position:absolute; left:0; top:0; }

.biaoche{ position: absolute; right: 0; bottom: 0; width: 1759px; height: 1219px; background: url(../images/biaoche.png) no-repeat; transform-origin: right bottom; }

#sg{ width:100%; height:80px; position:relative; overflow:hidden; }
#sg ul{ position:absolute; left:0; top:0; width:100%; }
#sg ul li{ float:left; height:21px; width:100%; }

.szbtn{ display:block; width:38px; height:36px; overflow:hidden; left:700px;position:absolute;top:458px; cursor:pointer; background: url(../images/fsadf22.gif) no-repeat; border:0; }

.muisc{ display:block; width:29px; height:29px; overflow:hidden; right:14px; top:38px; position:absolute; text-indent:-999px; z-index:8; background: url(../images/muisc.png) no-repeat; border:0; }
.muisc.on{ background-position:0 -29px; }

#bcjh{ width: 807px;	height: 527px;	margin: -268px 0 0 -430px; background: url(../images/bcjh.png) no-repeat;  }
.bcsm{ width: 580px; color: #edddb7; height: 44px; margin: 10px auto 0; }
.luckdrawbg{
	display: flex; width: 668px; height: 376px; margin: 1px 0 0 67px;
}
#luckdraw{ width: 100%; position: relative; }
#luckdraw img{ position: relative; }
.luckdrawbg p{ display: flex; justify-content:space-between; margin: 10px; }
.luckdrawbg p a{ display: block; position: relative; width: 100px; height: 80px; }
.luckdrawbg p a.cur::after{
	content: ''; position: absolute; width: 117px; height: 97px; background: url(../images/cur.png) no-repeat; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.luckdrawbg p a.luckdh::before{
	content: ''; position: absolute; width: 256px; height: 256px; left: 50%; top: 50%; background-repeat: no-repeat; transform: translate(-50%,-50%);
	animation: luckdraw 0.6s infinite alternate-reverse linear;
}
@keyframes luckdraw {
	0% {	 background-image:url(../images/cur/0.png);	}
	6% {	 background-image:url(../images/cur/1.png);	}
	12% {	 background-image:url(../images/cur/2.png);	}
	18% {	 background-image:url(../images/cur/3.png);	}
	24% {	 background-image:url(../images/cur/4.png);	}
	30% {	 background-image:url(../images/cur/5.png);	}
	36% {	 background-image:url(../images/cur/6.png);	}
	42% {	 background-image:url(../images/cur/7.png);	}
	48% {	 background-image:url(../images/cur/8.png);	}
	54% {	 background-image:url(../images/cur/9.png);	}
	60% {	 background-image:url(../images/cur/10.png);	}
	66% {	 background-image:url(../images/cur/11.png);	}
	72% {	 background-image:url(../images/cur/12.png);	}
	80% {	 background-image:url(../images/cur/13.png);	}
	86% {	 background-image:url(../images/cur/14.png);	}
	92% {	 background-image:url(../images/cur/15.png);	}
	98% {	 background-image:url(../images/cur/0.png);	}
	100% {	 background-image:url(../images/cur/0.png);	}
}
.start{
	position: absolute; font-size: 16px; color: #edddb7; width: 311px; text-align: center; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.start strong{ color: #f2b015; font-size: 18px; }
.startbtn{
	display: block; width: 218px; height: 62px; overflow: hidden; text-indent: -999px; margin: 0 auto 12px; background: url(../images/start.png) no-repeat;  background-size: 100% auto; transition: 0.6s;
}
.startbtn:hover {
  filter: brightness(1.3);
}
.luckcontent{ height: 62px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; }
.luckshaohou{ text-align: center; font-size: 20px; display: none; }
.luckcontent .startbtn{ margin-bottom: 0; }
.luckcontent.startloading .startbtn{ display: none; }
.luckcontent.startloading .luckshaohou{ display: block; }

#laohuji{ background-image: url(../images/ddp.png) }
#laohuji .startbtn{ margin: 0 auto;}
#enters{ display: none; }
#SlotMachine{
	width: 454px; height: 256px; margin: 0 auto; position: relative;	display: flex;	align-items: center;	flex-direction: column;	justify-content: center;	
	-webkit-user-select: none; -moz-user-select: none;	-ms-user-select: none;	user-select: none;
	background: url(../images/laohujibg.jpg) no-repeat center 0; background-size: 100% 100%;
}
#SlotMachine::before {
  position: absolute;  width: 100%;  height: 100%;  content: " ";
  background: url(../images/sg.png) no-repeat center;  background-size: 100% 100%;  animation: sg 1s infinite alternate-reverse linear;
}
@keyframes sg {
	0% {
	 background-image:url(../images/sg.png)
	}
	25% {
	 background-image:url(../images/sg2.png)
	}
	50% {
	 background-image:url(../images/sg.png)
	}
	75% {
	 background-image:url(../images/sg2.png)
	}
	100% {
	 background-image:url(../images/sg.png)
	}
}
#SlotMachine .window {
  position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  height: 100%;  border-radius: 5px;  overflow: hidden;  transform: translateZ(0);
}
#SlotMachine .window::after, #SlotMachine .window::before {
  content: "";  position: absolute;  width: 100%;  height: 25%;  top: 0;  background-image: -webkit-linear-gradient(bottom,rgba(252,248,242,0) 40%,#c58b52 100%);  z-index: 5;
}
#SlotMachine .window::before {
  top: auto;  bottom: 0;  background-image: -webkit-linear-gradient(top,rgba(252,248,242,0) 40%,#c58b52 100%);
}
#SlotMachine .window .container {
  width: 100%;  height: 100%;  position: relative;  display: flex;  align-items: center;  justify-content: space-between;  overflow: hidden;
}
.laohujism{ text-align: center; margin: 30px auto 0; height: 40px; }
.laohujism strong{ font-size: 18px; color: #f2b015; }
.laohujism2{ text-align: center; margin: 0 auto; }
.laohujism2 strong{ font-size: 18px; color: #f2b015; }
.ddpshaohou{ display: none; font-size: 20px; text-align: center; }
.cur .ddpshaohou{ display: block; }
.cur .startbtn{ display: none; }

#laohuji .ddpcontent{ display: flex; width: 100%; height: 62px; justify-content: center; align-items: center; align-content: center;  margin: 10px auto 0; }

.backimage {  position: absolute;  display: flex;  justify-content: space-between;  width: 100%;  height: 100%; }
.backimage div {
  display: flex; width: 136px;  height: 100%;  background-image: -webkit-linear-gradient(90deg,#ffe7a4 0,#fff3d2 16%,#fff 50%,#fff3d2 87%,#ffe7a4 100%);
}
.gift-container { 
	perspective: 999999px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  position: relative;  display: flex;  align-items: center;  margin-right: var(--width);  transform-style: preserve-3d; 
	transition-duration: 2s; transition-timing-function: ease-in-out;
}
.gift-container:nth-child(1){ transition-delay: 0.1s; }
.gift-container:nth-child(2){ transition-delay: 0.15s; }
.gift-container:nth-child(3){ transition-delay: 0.2s; }
.gift-container * {  box-sizing: border-box; }
.gift-container .gift {  position: absolute;  display: flex;  align-items: center;  justify-content: center;  width: var(--width);  height: var(--height);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  font-size: var(--fontSize); }
#SlotMachine .window .gift-style {  font-family: Lobster,cursive;  color: #09384e; }
.gift-container img{  max-width: 80%; }
#SlotMachine .body {
  position: absolute;  width: 91.5%;  height: 85%;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);
}
.ybs {
  position: absolute;  width: 100%;  font-family: hychi;  color: #fffefe;  bottom: 13%;  right: 1%;  font-size: 20px; display: none;
}
.ybs span {
  position: absolute;  left: 0;  top: 0;  width: 100%;  text-align: right;  letter-spacing: 2px;
}
.ybs span:nth-child(1) {  text-shadow: 3px 3px #650004,-3px -3px #650004,-3px 3px 0 #650004,3px -3px 0 #650004; }
.ybs span:nth-child(2) {  color: #fffefe;  background-image: -webkit-gradient(linear,0 0,0 bottom,from(#fffefe),to(#f4db97));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  }
.errotips {  width: 584px;  height: 373px;  background: url(../images/laohujierrotips.png) no-repeat;    background-size: auto;  background-size: cover;  color: #fff;  font-size: 24px;  line-height: 38px;  display: flex;
	justify-content: center;  align-items: center;  align-content: center;  transition-duration: .5s;  transform: translateY(-2000px);
}
#snow, #squen {
  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;
}

#guize{ background-image: url(../images/gztcc.png); }
#guize .startbtn{  background-image: url(../images/zdbtn.png); }
.gzcontent{ width: 680px; height: 340px; overflow: hidden; overflow-y: auto; margin: 38px auto 15px; color: #edddb7; line-height: 26px; }
.gzcontent strong{ font-size: 16px; color: #f6cd6c; }

#hetcc{ background-image: url(../images/hctcc.png); }
.hcContent{
	position: absolute; left: 100px; top: 100px;
}
.hcCount{ width: 100%; color: #edddb7; text-align: center; }
.hcCount strong{ color: #f2b015; font-size: 16px; }
.hcqq{ position: relative; width: 310px; height: 310px; margin: 0 auto 60px;  background: url(../images/hcqq.png) no-repeat center;  }
.hcqq img{ margin: 0; }
.hcqq a{ position: absolute; left: 16px; top: -16px; display: flex; width: 104px; height: 104px;  background: url(../images/hckk.png) no-repeat center; align-items: center; justify-content: center; align-content: center;  }
.hcqq a:nth-child(2){ left: 194px; top: -16px; }
.hcqq a:nth-child(3){ left: 246px; top: 154px; }
.hcqq a:nth-child(4){ left: 104px; top: 256px; }
.hcqq a:nth-child(5){ left: -36px; top: 154px; }
.hcbtn{
	position: absolute; width: 148px; height: 148px; left: 82px; top: 86px; background: url(../images/hcbtn.png) no-repeat;
}
.hcbtn:hover{ background-position: 0 bottom; }
.hcqq a span{ position: absolute;	right: 0;	top: 0;	color: #fff;	font-weight: bold;	background: #253429;	width: 30px;	height: 30px;	border-radius: 50%;	display: flex;	align-items: center;	justify-content: center;	border: solid 1px #3e5042; }

.hcsm{
	position: absolute; width: 180px; left: 530px; top: 210px; line-height: 30px;
}
.hcsm strong{ font-size: 16px; color: #edc568; display: block; text-align: center; }

#dhtcc{ background-image: url(../images/gztcc.png); }
.dhsm{ width: 100%; text-align: center; margin: 40px auto; }
.dhsm strong{ font-size: 22px; color: #f2b015; }
.dhlist{ display: flex; justify-content: center; }
.dhlist li{ display: block; width: 160px; margin: 0 10px; position: relative; }
.yszt .dhlist li{ width: 180px; }
.dhlist li strong{ color: #52e958; font-weight: 500; }
.tckk{ display: flex; width: 156px; height: 157px; background: url(../images/tckk.png) no-repeat; justify-content: center; align-items: center; }
.yszt .tckk{ margin: 0 auto; }
.tckk-2{ position: absolute; width: 90px; height: 59px; left: 50%; margin-left: -45px; top: 120px; display: flex; justify-content: center; align-items: center;	align-content: center; flex-wrap: wrap; background: url(../images/tckk-2.png) no-repeat;  }
.tckk-2 img{ max-width: 50%; }
.yszt .tckk-2{ display: none; }
.iconsm{ display: block; width: 100%; text-align: center; margin: 30px auto 10px; }
.yszt .iconsm{ margin-top: 15px; }
.iconsm strong{ color: #52e958; }
.dhbtn{ display: block; width: 144px; height: 41px; margin: 0 auto; overflow: hidden; text-indent: -999px;  background: url(../images/dhbtn.png) no-repeat; }
.dhbtn.over{ background-position-y:center; }
.dhbtn.on{ background-position-y:bottom; }
.dhtstcc{
	position: absolute;bottom: 230px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);min-width: 284px;line-height: 24px;padding: 10px;border: 1px solid #dfa566;border-radius: 15px;background: #fff6e7; color: #434343; display: none;
}
.dhtstcc::after {
  content: '';  position: absolute;  bottom: -12px;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  width: 28px;  height: 12px;  background: url(//zt2.ztgame.com/act/wish/images/gift-info-box-arrow.png) no-repeat;  z-index: 8;
}
.dhlist li:hover{ z-index: 2; }
.dhlist li:hover .dhtstcc{ display: block; }
.dhsm{ text-align: center; }


#libao{ width: 807px; height: 589px; margin: -295px 0 0 -404px; background-image: url(../images/tcc2.png); }
.libaoLeft{ position: absolute; left: 60px; top: 130px; width: 314px; display: flex; flex-wrap: wrap; }
.libaoRight{ position: absolute; left: 428px; top: 130px; width: 314px; }
.copybg{ height: 280px; width: 100%; display: none; }
.copybg.show{ display: flex; }
.yszt .copybg{ height: 212px; }
.cophuode{ height: 100%; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; }
.copytr{ width: 100%; display: none; flex-wrap: wrap; justify-content: center; }
.copytr.have{ display: flex; }
.copybg h3{ display: none; }
.copybg.nohave h3{ display: flex;	width: 100%;	height: 100%;	align-items: center;	justify-content: center;	font-size: 32px;	color: #ccc; }
.copybg.nohave .cophuode{ display: none; }
.swiper2 .swiper-slide,.swiper22 .swiper-slide,.swiper3 .swiper-slide,.swiper4 .swiper-slide{ height: auto; }
.lingqubtn{ display: block; width: 181px; height: 51px; margin: 0 auto; background: url(../images/lingqubtn.png) no-repeat; }
.lingqubtn.done{ background-position: 0 bottom; }
#zt2m_lingqubtn{ margin-top: 35px; }

.swiper4 .lingqubtn{ width: 90px; height:32px; text-align: center; line-height: 32px; color: #fff; background-image: url(../images/lingqubtn_small2.png); }
.swiper4 .lingqubtn.done{ filter: grayscale(1); }

.swiper3,.swiper4{ width: 100%; }
#zt2m_libaos .thead span{ width: 50%; }
.swiper3 ul,.swiper4 ul{ display: flex; width: 100%; flex-wrap: wrap; border-bottom: solid 1px #536c58; }
.swiper3 li,.swiper4 li{ display: flex; width: 100%; border-bottom: solid 1px #536c58; }
.swiper3 li .td1,.swiper4 li .td1{ width: 50%; height: 60px; background: #113b3d; border-left: solid 1px #536c58; border-right: solid 1px #536c58; color: #d2d19f;  }
.swiper3 li .td2,.swiper4 li .td2{ width: 50%; height: 60px; background: #113b3d; border-left: solid 1px #536c58; border-right: solid 1px #536c58; color: #d2d19f;  }
.copybg .thead{ width: 100%; }

.copytt{ display:block; width: 100%; text-align: center; }
.copytxts{ display: block; width: 210px; height: 32px; line-height: 32px; background: #fff; border-radius: 3px; color: #666666; margin: 10px -10px 10px 0; padding-left: 10px; border: 0; font-size: 16px; }
.zfbtn{ 
	display: block; width: 90px; height: 32px; text-align: center; line-height: 32px; margin: 10px 0; border-radius: 3px;
	background: -webkit-linear-gradient(top,#ffad28,#e67912,#eb801a);     
}
.ctsm{width: 304px; margin: 10px auto 0; line-height: 20px; font-size: 12px; display: none;}
.ctsm.show{ display: block; }
.thead{ display: flex; width: 304px; font-size: 16px; color: #000000; margin: 0 auto; }
.td1{ display: flex; width: 150px; height: 34px; justify-content: center; align-items: center; border-right: solid 1px #536c58; border-right: solid 1px #536c58; background: -webkit-linear-gradient(top,#997847,#c9c081);    }
.td2{ display: flex; width: 150px; height: 34px; justify-content: center; align-items: center; border-left: solid 1px #536c58; border-right: solid 1px #536c58; background: -webkit-linear-gradient(top,#997847,#c9c081);    }
.td3{ display: flex; width: 100%; height: 34px; justify-content: center; align-items: center; border-left: solid 1px #536c58; border-right: solid 1px #536c58; background: -webkit-linear-gradient(top,#997847,#c9c081);    }
.swiper2{ width: 304px; height: 146px; margin: 0 auto; overflow: hidden; overflow-y: auto; position: relative; }
.swiper2 ul{ display: flex; width: 100%; flex-wrap: wrap; border-bottom: solid 1px #536c58; }
.swiper2 li{ display: flex; width: 100%; border-bottom: solid 1px #536c58; }
.swiper2 li .td1{ background: #113b3d; border-left: solid 1px #536c58; border-right: solid 1px #536c58; color: #d2d19f;  }
.swiper2 li .td2{ background: #113b3d; border-left: solid 1px #536c58; border-right: solid 1px #536c58; color: #d2d19f;  }
.libaoform{ width: 100%; display: block; }
.libaoform li{ display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 10px; }
.tds1{ display: flex; width: 50px; height: 34px; justify-content: center; align-items: center; }
.formText{ width: 240px; height: 30px; background: #fff; border: 0; color: #666; padding: 4px; font-size: 14px; font-family: "Microsoft YaHei"; }
.formText.focus{ color: #000; }
textarea.formText{ height: 50px; }
.submitbtn{ display: block; margin: 20px auto 0; width: 151px; height: 43px; overflow: hidden; text-indent: -999px; background: url(../images/submitbtn.png) no-repeat; }

#verify{ width: 685px; height: 408px; margin: -204px 0 0 -343px; background-image: url(../images/tcc3.png); }
.verifybg{ display: flex; width: 350px; height: 210px; margin: 70px auto 0; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; font-size: 16px; color: #fefabd; }
.verifybg .text{ display: block; width: 210px; height: 34px; line-height: 34px; padding-left: 10px; background: #fff; color: #181817; margin-left: 6px; border-radius: 3px; }
.verifybg .text#txtYzm{ width: 112px; border-radius: 3px; }
.yzmbtn{ display: block; width: 92px; height: 34px; margin: 0 0 0 6px; text-align: center; line-height: 34px; background: #1c9995; color: #fff; font-size: 14px; }
.yzmbtn.on{ background: #333; color: #ccc; }
.yybtn{ display: block; margin: 50px auto 0; width: 218px; height: 63px; overflow: hidden; text-indent: -999px; background: url(../images/yybtn.png) no-repeat; }
.vertd{ width: 100%; height: 15px; overflow: hidden; }

#dbc{ width: 685px; height: 408px; margin: -204px 0 0 -343px; background-image: url(../images/tcc3.png); }
#dbc .verifybg{ width: 490px; }
.set_val { display: block; line-height: 52px; width: 100%; height: 100%; color: #070706;text-indent: 24px; background:url(../images/download.png) no-repeat 96% center; }
.setSelect{ width: 360px; height: 52px; position: relative; background-color: #fff; border-radius: 4px; }
.setSelect.on { z-index: 2; }
.setSelect ul { position: absolute; width: 100%; left: 0; top: 51px; border-top: 0; background-color: #fff; height: 300px; overflow: hidden; overflow-y: auto; display: none; }
.setSelect ul li { cursor: pointer; font-size: 18px; height: 50px; line-height: 50px; color: #333; text-align: center;}
.setSelect ul li:hover { background-color: #333; color: #fff;}
.setSelect.on ul { display: block; }
#bindrolebtn{ margin-top: 40px; }
#dbc .dhsm{ margin: 10px auto 0; }

#succtcc{ width: 685px; height: 408px; margin: -204px 0 0 -342px; background-image: url(../images/tcc3.png); }
.succbg{ display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; width: 400px; height: 310px; margin: 20px auto 0; }
.succbg .tckk img{ max-width: 60%; }
.succsm{ display: block; font-size: 18px; width: 100%; margin: 10px auto 20px; text-align: center; }
.succsm strong{ color: #e1a517; margin-left: 5px; }
.surebtn{ display: block; width: 218px; height: 63px; margin: 0 auto; overflow: hidden; text-indent: -999px; background: url(../images/surebtn.png) no-repeat; }

#failedtcc{ width: 668px; height: 420px; margin: -212px 0 0 -334px; background-image: url(../images/tcc3.png); }
.failedbg{ display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; width: 400px; height: 310px; margin: 20px auto 0; }
.failedbg h3{ font-size: 28px;	width: 100%;	height: 100px;	text-align: center; }

#ctmjtcc{ background-image: url(../images/gztcc.png); }
.ctmjsm{ text-align: center; margin: 40px auto 25px; }
#ctmjtcc .thead{ display: flex; width: 680px; font-size: 16px; color: #000000; margin: 0 auto; }

#ctmjtcc .thead .td1{ display: flex; width: 224px; height: 54px; justify-content: center; align-items: center; border-right: solid 1px #89754a; border-right: solid 1px #f5dd6e; background: -webkit-linear-gradient(top,#997847,#c9c081);    }
#ctmjtcc .thead .td2{ display: flex; width: 224px; height: 54px; justify-content: center; align-items: center; border-left: solid 1px #89754a; border-right: solid 1px #f5dd6e; background: -webkit-linear-gradient(top,#997847,#c9c081);    }
#ctmjtcc .thead .td3{ display: flex; width: 228px; height: 54px; justify-content: center; align-items: center; border-left: solid 1px #89754a; border-right: solid 1px #74633f; background: -webkit-linear-gradient(top,#997847,#c9c081);    }

.swiper22{  width: 680px; height: 272px; margin: 0 auto; overflow: hidden; overflow-y: auto; position: relative; }
.swiper22 ul{ display: flex; width: 100%; flex-wrap: wrap; border-bottom: solid 1px #74633f; }
.swiper22 li{ display: flex; width: 100%; border-bottom: solid 1px #74633f; }
.swiper22 li .td1,.swiper22 li .td2,.swiper22 li .td3{ background: none; }
.swiper22 li:nth-child(odd){ background-color: #113b3d;}
.swiper22 li:nth-child(even){ background-color: #10383a;}
.swiper22 li .td1{ width: 224px; height: 88px; border-left: solid 1px #74633f; border-right: solid 1px #74633f; color: #d2d19f;  }
.swiper22 li .td2{ width: 224px; height: 88px; border-left: solid 1px #202b23; border-right: solid 1px #74633f; color: #d2d19f;  }
.swiper22 li .td3{ width: 228px; height: 88px; border-left: solid 1px #202b23; border-right: solid 1px #74633f; color: #d2d19f;  
	display: flex; justify-content: center; align-items: center;
}

.loginLaterBtn,.MyYyBtn,.MyShareBtn{ display: block; width: 150px; height: 43px; overflow: hidden; text-indent: -9999px; background: url(../images/btncoms.png) no-repeat; }
.loginLaterBtn{ background-position: right -5px; }
.loginLaterBtn.cur{ background-position: right -175px; }
.MyYyBtn{ background-position: right -61px; }
.MyYyBtn.cur{ background-position: right -231px; }
.MyShareBtn{ background-position: right -117px; }
.MyShareBtn.cur{ background-position: right -287px; }

#shitoujiandaobu{  background-image: url(../images/citantcc.png); }
.jsbsm{ text-align: center; margin: 38px auto 0; height: 52px; }
.jsbcontent{ display: flex; justify-content: center; width: 560px; margin: 0 0 0 105px; font-size: 16px; }
.jsbcaozuo{ display: flex; align-items: center; justify-content: center; height: 63px; margin: 62px auto 10px; font-size: 20px; }
.jsbcaozuo .startbtn{ margin-bottom: 0; }
.jsbcaozuoEnd{ display: none; }
.jsbcaozuo.startLoading .jsbcaozuoEnd{ display: block; }
.jsbcaozuo.startLoading .startbtn{ display: none; }

.jsbsm2{ text-align: center;  }
.jsbsm2 strong{ font-size: 18px; color: #f2b015; }
.sjbvs{ display: flex; width: 170px; height: 148px; background: url(../images/sjbvs.png) no-repeat; }
.left_head{ display: flex; width: 200px; align-items: center; position: relative; }
.left_head img{ margin-left: 10px; }
#jsbcontentStart .left_head::after{
	content: ''; position: absolute; width: 54px; height: 54px; left: 90px;	top: 130px; background: url(../images/sjb.gif) no-repeat;
}
.right_head{ display: flex; width: 170px; align-items: center; justify-content: flex-end; position: relative; }
.right_head img{ margin-right: 10px; }
.sjbsetbg{ position: absolute;	width: 196px;	top: 122px;	color: #99f099;	text-align: center;	left: 0;  }
.sjbset{ display: flex; justify-content: center; width: 196px; height: 74px; background: url(../images/sjbset.png) no-repeat; margin-bottom: 5px; }
.sjbset a{ display: block; width: 56px; height: 56px; background: url(../images/btncoms.png) no-repeat; margin: 13px 0 0; }
.sjbset a:nth-child(1){ background-position: -315px 0; }
.sjbset a:nth-child(2){ background-position: -435px 0; }
.sjbset a:nth-child(3){ background-position: -375px 0; }
.sjbset a:hover,.sjbset a.cur{ background-position-y: -71px; }

#jsbcontentEnd{ display: none; }
.sjbstart #jsbcontentStart{ display: none; }
.sjbstart #jsbcontentEnd{ display: flex; }
#jsbcontentEnd .right_head{ width: 150px; }
.setsjb{ display: block; background: url(../images/btncoms.png) no-repeat; }
.setsjb.bu{ width: 110px; height: 117px; background-position: 0 0; }
.setsjb.jiandao{ width: 110px; height: 130px; background-position: 0 -143px; }
.setsjb.shitou{ width: 110px; height: 105px; background-position: 0 -318px; }
.left_head .setsjb{ margin-left: 10px; }

.right_head .setsjb.bu{ background-position-x: -131px; }
.right_head .setsjb.jiandao{ background-position-x: -131px; }
.right_head .setsjb.shitou{ background-position-x: -131px; }
.right_head .setsjb{ margin-right: 10px; }

.sjbresult{ width: 250px; text-align: center; }
.sjbresult strong{ color: #f56d2a; font-size: 44px;}
.sjbhead{ display: block; width: 86px; height: 94px; margin: 12px auto;  background: url(../images/succesTT.png) no-repeat; }
.sjbcuess strong{ color: #e1a517; font-size: 16px; }

.fails strong{ color: #dff8c4; }
.fails .sjbhead{ display: block; width: 102px; height: 92px; margin: 12px auto;  background: url(../images/failTT.png) no-repeat; }
.sjbstart .jsbcaozuo{ margin-top: 20px; }
#indexsnow,#indexsnow div{
	position: absolute; width: 100%; height: 100%; overflow: hidden; left:0; top: 0;
}

#mobilecover{ 
	position:fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 222; background: #000; z-index: 99999; color: #fff; font-size: 16px;
	display: none; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap;
}
#mobilecover img{ display: block; margin-bottom: 20px; }
::-webkit-scrollbar { width: 6px; height: 8px; }

::-webkit-scrollbar-thumb { min-height: 5px; min-width: 5px; -webkit-border-radius: 20px; border: 1px solid #f2c893; background-color: #f2c893;}
::-webkit-scrollbar-thumb:hover { min-height: 5px; min-width: 5px; -webkit-border-radius: 20px; border: 1px solid #f2c893; background-color: #f2c893;}

::-webkit-scrollbar-thumb:active {-webkit-border-radius: 20px; border: 1px solid #f2c893; background-color: #f2c893;}
.libaomn{ display: none; }

#counsts{ display: none; }
@media screen and (min-width: 3300px) {
	.xz{ left: 12%; bottom: -3%; }
	.bq{ left: 320px; top: 200px; }
	.xcd{ left: -100px; top: 500px; }
}
@media screen and (min-width: 5100px) {
	.xz{ left: 12%; bottom: 5%; }
	.bq{ left: 320px; }
	.xcd{ left: -100px; top: auto; bottom: 5%; }
}
@media screen and (max-width: 750px) {
	a{ -webkit-tap-highlight-color: transparent; }
	a:focus,a:active{ background-color: transparent !important; /* 透明背景 */ }
	html, body{ height: 100%; }
	.wraptop{ position: absolute; width: 100%; height: 117px; left: 0; top: 0; background: url(../images/m/top.png) no-repeat; }
	#mobilecover{display: flex;	}
	#wrapbg{min-width: auto; height: 100%; }
	#wrap4{ min-width: 375px; background-image: url(../images/m/bg.jpg); }
	.mm1,.mm2,#an{ display: none; }
	.logo{ display: none; }
	.wrapbottom{ width: 100%; height: 1.34rem;background-image: url(../images/m/bottom.png); background-position: center 0; background-size: cover; z-index: 2; }
	.wrapbottom::after{ content: ""; position: absolute; bottom: 0.2rem; right: 0.2rem; width: 1.98rem; height: 0.82rem; background: url(../images/m/logo.png) no-repeat; background-size: contain; }
	.zt2m .wrapbottom::after{ bottom: 0.3rem; width: 1.76rem; height: 1.23rem; background-image: url(../images/m/zt2mlogo.png); }
	.yszt .wrapbottom::after{ bottom: 0.2rem; width: 1.31rem; height: 1.53rem; background-image: url(../images/m/ysztlogo.png); }
	.copyright_btn{ display: none; }
	.lefttop{ left: 10px; top: 10px; }
	.zt2m .lefttop{ left: 10px; top: 10px; }
	.yszt .lefttop{ left: 10px; top: 10px; }
	.lefttop .nnas{ font-size: 20px; top: 0; width: 128px; }
	.righttop{ right: 20px; top: 15px; width: 422px; height: 110px; }

	.slogan{ width: 690px; height: 164px; top: 200px; margin-left: -345px; }
	.slogan::after{ background-image: url(../images/m/slogan.png); }

	.zt2m .slogan{ width: 690px; height: 164px; top: 200px; margin-left: -345px; }
	.zt2m .slogan::after{ background-image: url(../images/m/zt2m_slogan.png); }

	.yszt .slogan{ width: 690px; height: 164px; top: 200px; margin-left: -345px; }
	.yszt .slogan::after{ background-image: url(../images/m/yszt_slogan.png); }

	.nasdm { position: absolute; display: flex; left: auto; right: -350px; top: 122px; font-size: 24px; color: #133639; background: none; }
	.nasdm a,.loginLater strong{ color: #148887; }
	.nasdm strong{ text-shadow:none }
	.nasdm label{ display: none;}
	#counsts{ display: block; position: absolute; font-size: 20px; left: 110px; top: 53px; }
	#counsts .leftCount{ color: #fd6547; }
	.nasdm span.leftName{ color: #000; }

	.rwmz{ width: 68px; }
	.rwmz:after { margin-left: -0.22rem; } 
	.ct{ background: url(../images/m/ct.png); height: 22px; }
	.cc{ background: url(../images/m/cc.png); font-size: 24px; }
	.cb{ background: url(../images/m/cb.png); height: 36px; }

	.wrap{ width: 2rem; height: 9rem; margin: -4.5rem 0 0 -1rem; }
	.xcd{ width: 2.9rem; height: 5.5rem; left: 50%; top: 54%; margin: 0 0 0 -1.125rem; visibility: visible; opacity: 1; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
	#xcdimg{ width: 2.9rem; height: 5.5rem; background-size: 58rem 5.5rem; }
	.xcd .rwmz { left: 1.6rem; top: 0.6rem;}
	.xcd .djs { left: 2.25rem; top: 0.75rem; }

	.xz{ width: 5.78rem; height: 5.68rem; left: 0; top: 45%; background-image: url(../images/m/banzhuan.png); -webkit-transform: translateX(-10%); transform: translateX(-10%); }
	.xz .rwmz { left: 2.5rem; top: 0.5rem; }
	.xz .djs { left: 3.15rem; top: 0.55rem; }
	.xz::before{ left: 0.17rem; top: 0; }

	.qb { width: 4.37rem; height: 8.25rem; left: 0; bottom: 0; -webkit-transform: translate(-1rem, 15%); transform: translate(-1rem, 25%); z-index: 1; }
	#qbimg { width: 4.37rem; height: 8.25rem; background-size: 52.44rem 8.25rem; }
	.qb .rwmz {left: 3rem; top: 1.3rem;}
	.qb .djs { left: 3.65rem; top: 1.35rem; }
	
	.biaoche{ background: none; width: 2.25rem; height: 3.4rem; bottom: auto; top: 60%; right: 0; z-index: 1; }
	.ma{ left: 0; top: 0; }
	.ma .djs{ left: 0.65rem; top: 0; }

	.bq { width: 2rem; height: 3rem; left: auto; top: 20%; right: -1.8rem; }
	.rwmz{ left: 0; top: 0.05rem; }
	.bq .djs { left: 0.65rem; top: 0.1rem; }

	.tcc{ width: 685px; height: 588px; margin: -294px 0 0 -342px; background-image: url(../images/m/tcc.png); font-size: 22px; }
	#a { background-image: url(../images/m/citantcc.png); }
	.cittansm{ width: 84%; margin: 20px auto; height: 72px; text-align: center; }
	.pser,.pser2{ height: 20px; }

	#shitoujiandaobu { background-image: url(../images/m/citantcc.png); }
	#jsbcontentStart .left_head::after{ left: 113px;}
	.jsbcontent{ margin:35px 0 0 55px; font-size: 22px; }
	.jsbsm{ height: 56px; width: 84%; margin-top: 20px; }
	.jsbsm2 strong{ font-size: 24px; }
	.sjbcuess strong{ font-size: 22px; }
	.left_head{ justify-content: flex-end; }
	.left_head .setsjb{ margin-left: 0; }
	.left_head label{ display: inline-block; width: 50px; }

	#guize { height: 645px; margin-top: -322px; background-image: url(../images/m/gztcc.png); }
	.gzcontent { width: 560px; height: 440px; line-height: 1.5; }
	.gzcontent strong{ font-size: 24px; }

	#gzjlycList{ margin-top: 40px; }
	.gzjlycsm strong{ font-size: 24px; }

	#hetcc { width: 687px; height: 645px; margin: -322px 0 0 -343px; background-image: url(../images/m/hctcc.png); }
	.hcContent { left: 180px;  top: 110px; }
	.hcsm { width: 540px; margin-left: -270px; left: 50%; top: 540px; display: block; }
	.hcsm strong{ font-size: 22px; display: inline-block; }
	.hcCount strong{ font-size: 24px; }

	#dhtcc { background-image: url(../images/m/gztcc.png); height: 645px; margin-top: -322px; }

	#bcjh {width: 686px; height: 645px; margin: -322px 0 0 -343px; background: url(../images/m/bcjh.png) no-repeat; }
	.bcsm{ height: 70px; }
	.luckdrawbg{ width: 560px; height: 460px; margin-top: 12px; }
	.start{ font-size: 22px; }
	.start strong{ font-size: 24px; }

	#laohuji { background-image: url(../images/m/ddp.png); }
	.laohujism {text-align: center; margin: 15px auto 25px; height: 70px; width: 84%;}
	.laohujism2 strong{ font-size: 24px; }
	#laohuji .ddpcontent{ margin: 10px auto; }
	#libao { width: 687px; height: 674px; margin: -387px 0 0 -343px; background-image: url(../images/m/tcc2.png); }
	.libaomn{ display: flex; width: 492px; height: 62px; margin: 20px auto 0; }
	.libaomn a{ width: 246px; height: 62px; overflow: hidden; text-indent: -999px; background: url(../images/m/hover.png) no-repeat; }
	.libaomn a:nth-child(1){ background-position: 0 0; }
	.libaomn a:nth-child(2){ background-position: -246px 0; }
	.libaomn a.cur{ background-position-y: bottom; }
	.libaoRight{ width: 512px; left: 90px; top: 150px; display: none; }
	.libaoLeft{ width: 512px; left: 90px; top: 150px; }
	.ctsm { width: 100%; margin: 10px auto 0;line-height: 1.6; font-size: 20px;}
	.thead{ width: 100%; font-size: 22px; }
	.td1{ width: 50%; height: 44px; }
	.td2{ width: 50%; height: 44px; }
	.swiper2{ width: 100%; height: 182px; }
	.swiper2 ul{ flex-wrap: wrap; }
	.swiper2 li{ flex-wrap: nowrap;}
	.formText{ width: 210px; font-size: 22px; }
	.laohujism strong{ font-size: 24px; }

	.swiper3 .td1,.swiper4 .td1{ width: 50%; height: 70px; }
	.swiper3 .td2,.swiper4 .td2{ width: 50%; height: 70px; }
	.zt2m .copybg,.yszt .copybg{ height: 250px; }
	.swiper4 .lingqubtn{ width: 151px; height: 43px; overflow: hidden; text-indent: -999px; background-image: url(../images/lingqubtn_small.png); }

	.libaoform{ display: flex; flex-wrap: wrap; }
	.libaoform li{ margin-top: 20px; }
	.libaoform li.tr1{ width: 220px; }
	.libaoform li.tr1 input{ width: 138px; }
	.libaoform li.tr2{ width: 290px; }
	.libaoform li.tr3{ width: 100%; }
	textarea.formText{ width: 430px; height: 74px; }
	.tds1{ width: 70px; text-align: center; }

	#ctmjtcc { background-image: url(../images/m/gztcc.png); height: 645px; margin-top: -322px;}
	#ctmjtcc .thead{ width: 590px; font-size: 24px; }
	.swiper22{ width: 590px;}

	.verifybg{ width: 520px; font-size: 24px; }
	.verifybg .text{ width: 360px; height: 52px; line-height: 52px; font-size: 24px; }
	.verifybg .text#txtYzm{ width: 172px; }
	.yzmbtn{ width: 180px; height: 52px; line-height: 52px; font-size: 22px; }
	.vertd{ height: 20px;}

	.succsm{ font-size: 26px; }

	#failedtcc { width: 685px; height: 408px; margin: -204px 0 0 -342px; background-image: url(../images/m/tcc3.png); }
	.failedbg h3{ height: 120px; font-size: 38px; }

	.setSelect ul li{ font-size: 24px; }
	.dhsm{ width: 84%; }
	#dbc .dhsm{ margin: 10px auto 0; font-size: 20px; }

	.copytr{ align-items: center; }
	.copytt{ width: 120px; text-align: right; margin-right: 20px; }
	.copytxts,.zfbtn{ height: 42px; line-height: 42px; }

	.dhlist{ -webkit-transform: scale(0.8); transform: scale(0.8); }
}

/*判断横竖屏*/
.horizon { width: 100%; height: 100%; background: #333; position: fixed; left: 0; top: 0; z-index: 99999; display: none; }
.horizon_box { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.horizon_pic { width: 194px; margin: 0 auto;  text-align: center; }
.horizon span { font-size: 2vw; display: block; color: #fff; text-align: center; margin-top: 2.67vw; }
.horizon i { width: 8.93vw; height: 14.53vw; background: url(../images/m/pm.png) 0 0 no-repeat; background-size: 8.93vw; margin: 0 auto; -webkit-animation: maskAni 1s ease-in-out infinite alternate; animation: maskAni 1s ease-in-out infinite alternate; position: static; display: block; }
@keyframes maskAni {
    0% { transform: rotate(0); }
    100% { transform: rotate(90deg); }
}
@media screen and (max-width: 750px) and (min-aspect-ratio: 12/7) {
    #horizon { display: block; }
}