/* CSS Document */
html{height:100%; font-size:62.5%;}
body{width:100%; max-width:640px; height:100%;  margin:0 auto; padding:0;}
div,li{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none;}
a{text-decoration:none;}
img{border:none;}
.ym1{width:100%; max-width:640px; margin:0 auto; min-height:100%; background:url(images/bg.jpg) no-repeat #1e123f; background-size:100%;}
.btDiv{width:260px; margin:0 auto; padding:6% 0 0 0; z-index:2; position:relative;}
.ziBox{width:300px; margin:0 auto; position:relative; margin-top:-20px;  z-index:1;}
.ziDiv{width:50px; line-height:50px; height:50px; font-size:2.4em; font-weight:bold; text-align:center; border:1px solid #fb01f3; position:absolute; z-index:3; bottom:26px; background:rgba(67,17,90,0.8); color:#fff82c; -webkit-box-shadow:0 0 6px #F3C; border-radius:3px; text-shadow:0 0 2px #FFCC00; left:12%;}
#ziDiv2{left:32%;}
#ziDiv3{left:52%;}
#ziDiv4{left:72%;}
.tmtsDiv{color:#CCC; text-align:center;}
.daanBox{width:240px; margin:0 auto; text-align:center; padding-top:15px; position:relative; z-index:8;}
.daBut{background:url(images/butBg.png) no-repeat center; background-size:100% 100%; text-align:center; margin:15px 26px; width:60px;  height:60px; line-height:60px; color:#fff82c; font-size:2.2em; cursor:pointer; text-shadow:0 -1px 6px #cbbd1b; display:inline-block; border-radius:6px;}
.nextBut{background:url(images/nextBut.png) repeat-x; border:1px solid #eb43c6; border-radius:4px; text-align:center; padding:12px 0px; width:240px; margin:30px auto; color:#8ab4fa; font-size:1.8em; cursor:pointer; display:none; position:relative; z-index:9;}
.jiafen{color:#FFF; font-size:12px; width:60px; position:absolute; z-index:5; top:42%; left:36%; opacity:0;}
.jiafenDh{-webkit-animation:jiafDh 1s;}
@-webkit-keyframes jiafDh{
	0%{ opacity:0; font-size:10px;}
	60%{ opacity:1; font-size:40px;}
	100%{ opacity:0; font-size:40px;}
	}
.renwuDiv{width:100%; max-width:640px; height:100%; position:absolute; z-index:3; top:0; overflow:hidden;}
.hhgDiv,.ggmDiv{width:20%; position:absolute; top:52%; right:-15px; -webkit-transform: rotate(-30deg); display:none;}
.ggmDiv{left:-15px; -webkit-transform: rotate(30deg);}
.zuix_gzBut{position:fixed; z-index:10; bottom:0; text-align:center; color:#0FF; width:100%; padding:15px 0; background:rgba(153,153,153,0.2); max-width:640px;}

.ym2{width:100%; min-height:100%;  background:url(images/bg2.jpg) no-repeat #1e123f; background-size:100%; position:relative; display:none;}
.jgbgDiv{width:300px; min-height:160px; margin:-20px auto 0 auto; background:url(images/kuangbg2.png) no-repeat; background-size:100% 100%; padding:70px 12px 35px 12px; position:relative; z-index:1; margin-bottom:30px;}
.jgDiv{width:100%; text-align:center; color:#F30; font-size:2em; font-weight:bold;}
.dfDiv,.pyDiv{width:100%; margin:0 auto; text-align:center; font-size:1.4em; color:#ffeb33;}
.pyDiv img{vertical-align:middle;}
.dfDiv{line-height:35px; padding-top:15px;}
.fxBut,.gzBut,.dyqBut{background:url(images/nextBut.png) repeat-x; border:1px solid #eb43c6; border-radius:4px; text-align:center; padding:12px 0px; width:240px; margin:8px auto; color:#ffbe24; font-size:1.6em; cursor:pointer; position:relative; z-index:9;}
.dyqBut{color:#FFF;}
.fxts{width:100%; background:rgba(0,0,0,0.8); height:100%; position:absolute; z-index:10; top:0; text-align:end; left:0; max-width:640px; margin:0 auto; display:none;}