@font-face {
  font-family: 'zaozi';
  src: url('../font/zaozigongfangshangyati.woff2') format('opentype');
}
@font-face {
  font-family: 'lang';
  src: url('../font/zaozigongfanglangsong.woff2') format('opentype');
}
.main{
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.mainList{
	width:12.4rem;
	height:6.01rem;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	z-index:1;
}
.mainList div{
	width:1.89rem;
	height:1.86rem;
	position:absolute;
	overflow: hidden;
}
.mainList div img{
	display:block;
	width:100%;
}
.mainList div.active img:nth-child(1){
	display:none;
}
.mainList div:nth-child(1){
	top:0;
	left:.94rem;
}
.mainList div:nth-child(2){
	top:1.09rem;
	left:0;
}
.mainList div:nth-child(3){
	top:3.1rem;
	left:0;
}
.mainList div:nth-child(4){
	top:4.22rem;
	left:.94rem;
}
.mainList div:nth-child(5){
	top:0;
	right:.94rem;
}
.mainList div:nth-child(6){
	top:1.09rem;
	right:0;
}
.mainList div:nth-child(7){
	top:3.1rem;
	right:0;
}
.mainList div:nth-child(8){
	top:4.22rem;
	right:.94rem;
}
.main .tree{
	display:block;
	width:2.15rem;
	position:absolute;
	right:0;
	bottom:0;
}
.main .slogan{
	width:7.74rem;
	height:2.3rem;
	position:absolute;
	left:50%;
	margin-left:-3.87rem;
	top:4rem;
	z-index:2;
}
.main .slogan .sloTxt{
	width:4.18rem;
	height:.77rem;
	background:url(../images/time.png) no-repeat center;
	background-size:cover;
	position:relative;
	font-size:.48rem;
	color:#fdff52;
	font-family: 'lang';
	text-indent:2.55rem;
	line-height:.85rem;
	position:absolute;
	bottom:0;
	left:1.83rem;
}
.main .slogan .slo{
	width:7.74rem;
	height:2.3rem;
	background:url(../images/slo.png) no-repeat center;
	background-size:cover;
	position:relative;
}
/* .main .slogan .slo::after{
	display: block;
	content: ''; 
	width:7.74rem;
	height:2.3rem;
	background: url(../images/slo.png) no-repeat; 
	background-size: 7.74rem 2.3rem;
	animation: heartBeat 4s ease-in-out both infinite;
	-webkit-animation: heartBeat 4s ease-in-out both infinite;
} */
.main .slogan i{
	display:block;
	width:1.64rem;
	height:.31rem;
	position:absolute;
	left: 1.3rem;
	top: 0.3rem;
}
.main .afterSlogan{
	width:6.33rem;
	height:2.77rem;
	position:absolute;
	left:50%;
	margin-left:-3.5rem;
	top:3.4rem;
	z-index:2;
}
.main .afterSlogan .afterSloganPic{
	width:6.33rem;
	height:2.77rem;
	background:url(../images/afterSlo.png) no-repeat center;
	background-size:cover;
	position:relative;
}
.main .afterSlogan .afterSloganPic i{
	display:block;
	width:1.64rem;
	height:.31rem;
	position:absolute;
	left:1.82rem;
	top:2.39rem;
}
.main .afterSlogan .afterSloganBtn{
	width:2.3rem;
	height:.81rem;
	overflow: hidden;
	position:absolute;
	top:.16rem;
	left:2.44rem;
}
.main .afterSlogan .afterSloganBtn img{
	display:block;
	width:100%;
	height:100%;
}
.main .afterSlogan .afterSloganBtn.active img:nth-child(1){
	display:none;
}
.mainRuleTc,.loginTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.mainRuleBody{
	width:8.53rem;
	height:5rem;
	background:url(../images/mainRule.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.mainRuleBody .drawTxt{
	width:7.5rem;
	margin-top:.64rem;
}
.loginBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.loginBody .loginDiv{
	width:3.55rem;
	overflow: hidden;
	position:relative;
	margin:0.66rem auto 0;
}
.loginBody .loginDiv .s_put{
	width:100%;
	overflow: hidden;
	position:relative;
}
.loginBody .loginDiv .s_put .s_put_one{
	width:100%;
	height:.42rem;
	background:url(../images/put2.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
}
.loginBody .loginDiv .s_put .s_put_one input{
	display:block;
	width:2.14rem;
	height:.42rem;
	overflow: hidden;
	position:relative;
	float:left;
	font-size:.2rem;
	color:#81b2ff;
	font-family: 'zaozi';
	line-height:.46rem;
	text-indent:.26rem;
}
/*input placeholder样式修改*/
.loginBody .loginDiv .s_put input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
	color:#81b2ff;
	line-height:.46rem;
}
.loginBody .loginDiv .s_put input::-moz-placeholder { /* Firefox 19+ */  
	color:#81b2ff;
	line-height:.46rem;
}	
.loginBody .loginDiv .s_put input:-ms-input-placeholder { /* IE 10+ */
	color:#81b2ff;
	line-height:.46rem;
}
.loginBody .loginDiv .s_put input:-moz-placeholder { /* Firefox 18- */
	color:#81b2ff;
	line-height:.46rem;
}
.loginBody .loginDiv .s_put .g_code{
	width:1.36rem;
	height:.42rem;
	position:relative;
	float:left;
	font-size:.22rem;
	line-height:.46rem;
	text-align: center;
	font-family: 'zaozi';
	color:#81b2ff;
}
.loginBody .loginDiv .s_put .g_code.active{
	pointer-events: none;
}
.loginBody .loginDiv .s_put .qufu{
	width:2.23rem;
	height:.42rem;
	background:url(../images/qufu.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	font-size:.22rem;
	color:#81b2ff;
	text-indent:.22rem;
	line-height:.42rem;
	border:none;
	font-family: 'zaozi';
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:none;
}
.loginBody .loginDiv .s_put.b_put{
	margin-top:0.09rem;
}
.loginBody .loginDiv .s_put.b_put p {
	font-size:.22rem;
	color:#81b2ff;
	width:1.25rem;
	height:.42rem;
	line-height:.42rem;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
	font-family: 'zaozi';
	margin-left:0.04rem;
}
.loginBody .loginDiv .s_put.b_put::after{
	display:block;
	content:'';
	width:.25rem;
	height:.17rem;
	background:url(../images/san.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:1.82rem;
	top:.15rem;
}
.loginBody .loginDiv .s_put .s_put_two{
	width:100%;
	height:.42rem;
	background:url(../images/put3.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.09rem auto 0;
}
.loginBody .loginDiv .s_put .s_put_two input{
	display:block;
	width:100%;
	height:.42rem;
	overflow: hidden;
	position:relative;
	float:left;
	font-size:.2rem;
	color:#81b2ff;
	font-family: 'zaozi';
	line-height:.46rem;
	text-indent:.26rem;
}
.loginBody .loginDiv .dl{
	display:block;
	width:1.66rem;
	margin:0.05rem auto 0;
}
.shareMain{
	width:100%;
	height:100%;
	background:url(../images/shareMain.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.shareMain .back{
	top:.18rem;
	right:1.3rem;
}
.shareMain .share{
	right:2rem;
}
.shareMain .sharePic{
	display:block;
	width:3rem;
	position:absolute;
	left:3rem;
	top:2.1rem;
}
.shareCode{
	width:2.16rem;
	height:.49rem;
	background:url(../images/code.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:.45rem;
	top:.29rem;
	font-size:.21rem;
	color:#fff;
	text-align: center;
	line-height:.49rem;
	font-family: 'zaozi';
	display: flex;
	display:-webkit-flex;
	justify-content: center;
}
.shareCode span{
	width:1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.shareFu{
	display: block;
	width:1.24rem;
	position:absolute;
	left:2.78rem;
	top:.42rem;
}
.dengBtn{
	width:1.66rem;
	height:.6rem;
	overflow: hidden;
	position:absolute;
	right:2.7rem;
	top:.23rem;
	z-index:2;
}
.dengBtn img{
	display:block;
	width:100%;
	height:100%;
}
.dengBtn.active img:nth-child(1){
	display:none;
}
.shareSlo{
	width:8.38rem;
	height:2.26rem;
	background:url(../images/shareSlo.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.65rem auto 0;
}
.shareSlo i{
	display:block;
	width:1.64rem;
	height:.31rem;
	position:absolute;
	left:2.04rem;
	top:0.05rem;
}
.shareCan{
	width:1.01rem;
	height:2.42rem;
	background:url(../images/shareCan.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:2.11rem;
	top:2.68rem;
}
.shareCan i{
	display:block;
	width:.49rem;
	height:1.49rem;
	position:absolute;
	right:0;
	bottom:0;
}
.shareMenu{
	width:5.75rem;
	height:3.76rem;
	background:url(../images/ui1.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:2.29rem;
	top:2.9rem;
}
.shareMenu>div{
	width:1.78rem;
	height:1.78rem;
	float:left;
	margin-left:.16rem;
	position:relative;
}
.shareMenu>div:nth-child(1),.shareMenu>div:nth-child(4){
	margin-left:0;
}
.shareMenu>div:nth-child(4),.shareMenu>div:nth-child(5),.shareMenu>div:nth-child(6){
	margin-top:.18rem;
}
.shareMenu>div a{
	display:block;
	width:100%;
	height:100%;
}
.shareSlo1{
	width:8.04rem;
	height:2.33rem;
	background:url(../images/shareSlo1.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.36rem auto 0;
}
.shareSlo1 i{
	display:block;
	width:1.64rem;
	height:.31rem;
	position:absolute;
	left:2.65rem;
	top:0.05rem;
}
.shareMenu1{
	width:5.44rem;
	height:3.57rem;
	background:url(../images/ui2.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin-left:5.9rem;
	margin-top:-.2rem;
}
.shareMenu1>div{
	width:1.68rem;
	height:1.68rem;
	float:left;
	margin-left:.16rem;
	position:relative;
}
.shareMenu1>div:nth-child(1),.shareMenu1>div:nth-child(4){
	margin-left:0;
}
.shareMenu1>div:nth-child(4),.shareMenu1>div:nth-child(5),.shareMenu1>div:nth-child(6){
	margin-top:.18rem;
}
.shareMenu1>div a{
	display:block;
	width:100%;
	height:100%;
}
.shareBtnList{
	width:4.6rem;
	height:1rem;
	position:relative;
	margin:.1rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.shareBtnList .assistNum{
	font-size:.18rem;
	color:#fff;
	position:absolute;
	left:.24rem;
	top:-.25rem;
	text-shadow: 5px 5px 5px #5286cb;
	font-family: 'zaozi';
}
.shareBtnList .assistNum span{
	font-size:.24rem;
}
.shareBtnList .assistNum i{
	font-style:normal;
}
.shareBtnList>div{
	width:2.84rem;
	height:1rem;
	background:url(../images/bg1.png) no-repeat center;
	background-size:cover;
	position:relative;
}
.shareBtnList>div .shareIcon {
    display: block;
    width: 1.04rem;
    float: left;
    margin: 0.08rem 0 0 .4rem;
}
.shareBtnList>div:nth-child(2){
	width:1.5rem;
	background-size:100% 100%;
}
.shareBtnList>div .shareBtnOne{
	width:.7rem;
	height:.8rem;
	position:relative;
	overflow: hidden;
	float:right;
	margin:.1rem .5rem 0 0; 
}
.shareBtnList>div .shareBtnOne img{
	display:block;
	width:100%;
	height:100%;
}
.shareBtnList>div .shareBtnOne.active img:nth-child(1){
	display:none;
}
.shareBtnList>div:nth-child(2) .shareIcon{
	display:block;
	width:1.19em;
	float:left;
	margin:0.08rem 0 0 .29rem;
}
.shareBtnList>div .shareWant{
	display:block;
	width:.7em;
	margin:0.09rem auto 0;
}
.loveMain{
	width:100%;
	height:100%;
	background:url(../images/love.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.loveMain .back{
	top:.19rem;
	right:1.3rem;
}
.back img{
	display:block;
	width:100%;
}
.loveMain .share{
	top:.19rem;
	right:2.1rem;
}
.loveMain .tit{
	width:8.55rem;
	margin:.6rem auto 0;
	position:relative;
}
.loveMain .tit img{
	display:block;
	width:100%;
}
.loveMain .tit i{
	display:block;
	width:1.65rem;
	height:.34rem;
	position:absolute;
	left:2.78rem;
	top:.12rem;
	z-index:2;
}
.loveMain .SayLove{
	width:11.82rem;
	height:2.61rem;
	position:relative;
	margin:-.21rem auto 0;
}
.loveMain .SayLove div:nth-child(1){
	margin-left:0;
}
.loveMain .SayLove div{
	width:1.97rem;
	height:2.18rem;
	position:relative;
	overflow: hidden;
	float:left;
	margin-left:-.4rem;
}
.loveMain .SayLove div:nth-child(even){
	margin-top:.44rem;
}
.loveMain .SayLove div img{
	display:block;
	width:100%;
	height:100%;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.loveMain .SayLove div.active img:nth-child(1){
	display:none;
}
.loveMain .sendLove{
	width:9.91rem;
	height:1.03rem;
	position:relative;
	margin:-0.07rem 0 0 1.86rem;
}
.loveMain .sendLove input{
	display:block;
	width:8.72rem;
	height:.53rem;
	background:url(../images/put.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	font-size:.21rem;
	color:#fff;
	line-height:.53rem;
	font-family: 'lang';
	text-indent:.3rem;
	letter-spacing: 0.03rem;
	margin-top:.28rem;
}
/*input placeholder样式修改*/
.loveMain .sendLove input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
	color:#fff;
	letter-spacing: .05rem;
}
.loveMain .sendLove input::-moz-placeholder { /* Firefox 19+ */  
	color:#fff;
	letter-spacing: .05rem;
}	
.loveMain .sendLove input:-ms-input-placeholder { /* IE 10+ */
	color:#fff;
	letter-spacing: .05rem;
}
.loveMain .sendLove input:-moz-placeholder { /* Firefox 18- */
	color:#fff;
	letter-spacing: .05rem;
}
.loveMain .sendLove .sendGift{
	display:block;
	width:.91rem;
	float:right;
}
.loveMain .tips{
	display:block;
	width:2.33rem;
	position:absolute;
	right:2.5rem;
	top:1rem;
}
.roleName{
	width:2.43rem;
	height:.49rem;
	background:url(../images/role.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:.25rem;
	top:.21rem;
	z-index:5;
	font-size:.18rem;
	color:#fff;
	line-height:.49rem;
	font-family: 'zaozi';
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.roleName span{
	display:block;
	width:1.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.playMusic{
	display:block;
	width:.68rem;
	position:absolute;
	right:.43rem;
	top:.19rem;
	z-index:2;
}
.playMusic.active{
	animation:vGo1 2s linear infinite;
	-webkit-animation: vGo1 2s linear infinite;
}
.share{
	display:block;
	width:.61rem;
	position:absolute;
	right:1.3rem;
	top:.18rem;
	z-index:2;
}
.loveRuleTc,.lovePriceTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.loveRuleBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/rule.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.lovePriceBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/price.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display:block;
	width:.6rem;
	position:absolute;
	right:-.25rem;
	top:-.16rem;
}
.ruleTxt{
	width:3.9rem;
	margin:1.1rem auto 0;
	font-size:.16rem;
	color:#3a5e88;
	line-height:.22rem;
	font-family: 'zaozi';
}
.ruleTxt p{
	letter-spacing: 0.03rem;
}
.dataMain{
	width:100%;
	height:100%;
	background:url(../images/det.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.logo{
	display:block;
	width:1.95rem;
	position:absolute;
	left:.29rem;
	top:.08rem;
	z-index:5;
}
.daName{
	width:2.15rem;
	height:.49rem;
	background:url(../images/name.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:2.36rem;
	top:.31rem;
	z-index:5;
	font-size:.21rem;
	color:#fff;
	line-height:.49rem;
	font-family: 'zaozi';
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.daName span{
	display:block;
	width:1.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.back{
	display:block;
	width:.61rem;
	position:absolute;
	right:1.57rem;
	top:.55rem;
	z-index:5;
}
.playMusic1{
	display:block;
	width:1.35rem;
	position:absolute;
	right:.42rem;
	top:.24rem;
	z-index:5;
}
.playMusic1.active{
	animation:vGo1 2s linear infinite;
	-webkit-animation: vGo1 2s linear infinite;
}
.data1,.dataLoading{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.data1 .dataLetter{
	width:11.98rem;
	height:4.64rem;
	background:url(../images/letter.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.82rem auto 0;
}
.data1 .dataLetter img{
	display:block;
	width:2.02rem;
	position:absolute;
	left:3.35rem;
	top:1.13rem;
}
.data1 .start{
	display:block;
	width:4.16rem;
	margin:-.45rem auto 0;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
	position:relative;
	z-index:2;
}
.data1 .dtime{
	display:block;
	width:8.16rem;
	margin:-0.05rem auto 0;
	position:relative;
	z-index:1;
}
.zz{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
.jdtMain{
	width:9.66rem;
	height:.26rem;
	position:relative;
	margin:3rem auto 0;
}
.jdtMain .jdt{
	width:9.6rem;
	height:0.2rem;
	border-radius: .3rem;
	border:0.03rem solid #fff;
}
.jdtMain .jdt i{
	display:block;
	width:0%;
	height:100%;
	background:linear-gradient(to right, #2be3fc, #fff, #f8e775);
	border-radius: .3rem;
}
.jdtMain img{
	display:block;
	width:1.3rem;
	position:absolute;
	left:-3%;
	top:-.5rem;
}
.jdtTxt{
	font-size:.38rem;
	color:#fff;
	font-family: 'zaozi';
	font-style: italic;
	text-align: center;
	margin-top:.2rem;
}
.dataBanner{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.dataBanner .dataKv{
	width:100%;
	height:100%;
	background:url(../images/banner1.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.dataBanner .dataKv .oneTxt{
	width:100%;
	height:100%;
	background:url(../images/white.png) no-repeat center;
	background-size:cover;
	text-align: center;
	font-size:.36rem;
	font-family: 'lang';
	color:#626cb8;
	overflow: hidden;
}
.dataBanner .dataKv .oneTxt>p:nth-child(1){
	margin-top:1.8rem;
}
.dataBanner .dataKv .oneTxt p{
	letter-spacing: 0.02rem;
	position:relative;
	z-index:1;
}
.dataBanner .dataKv .oneTxt p span{
	font-size:.44rem;
	color:#ff8b19;
}
.dataBanner .dataKv .oneTxt p em{
	font-style:normal;
	position:relative;
}
.dataBanner .dataKv .oneTxt p b{
	font-weight:normal;
	position:relative;
}
.dataBanner .dataKv .oneTxt p em::before{
	display:block;
	content:'';
	width:1.61rem;
	height:1.99rem;
	background:url(../images/beer.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left: -1.2rem;
	top:-1rem;
	z-index:-1;
}
.dataBanner .dataKv .oneTxt p b::before{
	display:block;
	content:'';
	width:.71rem;
	height:.54rem;
	background:url(../images/shu.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -.5rem;
	top: -0.08rem;
	z-index:-1;
}
.dataBanner .dataKv .oneTxt .margin{
	margin:.14rem 0 .26rem;
}
.dataBanner .prev1{
	width:.97rem;
	height:1.23rem;
	background:url(../images/prev.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:.48rem;
	top:50%;
	margin-top:-0.615rem;
	z-index:5;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.dataBanner .next1{
	width:.97rem;
	height:1.23rem;
	background:url(../images/next.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:.48rem;
	top:50%;
	margin-top:-0.615rem;
	z-index:5;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.dataBanner .dataSec{
	width:100%;
	height:100%;
	background:url(../images/banner2.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.dataBanner .dataSec .twoTxt{
	width:100%;
	height:100%;
	background:url(../images/white1.png) no-repeat center;
	background-size:cover;
	font-size:.36rem;
	font-family: 'lang';
	color:#626cb8;
	overflow: hidden;
}
.dataBanner .dataSec .twoTxt>div p{
	letter-spacing: 0.03rem;
}
.dataBanner .dataSec .twoTxt>div p em{
	font-style:normal;
	position:relative;
}
.dataBanner .dataSec .twoTxt>div p b{
	font-weight:normal;
	position:relative;
}
.dataBanner .dataSec .twoTxt>div p em::after{
	display:block;
	content:'';
	width:1.1rem;
	height:1.29rem;
	background:url(../images/gun.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -.7rem;
	top: -.8rem;
}
.dataBanner .dataSec .twoTxt>div p b::after{
	display:block;
	content:'';
	width:1.12rem;
	height:.73rem;
	background:url(../images/ya.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left: -1rem;
	top: 0rem;
}
.dataBanner .dataSec .twoTxt>div:nth-child(1){
	margin:2.55rem 0 0 1.8rem;
}
.dataBanner .dataSec .twoTxt span{
	font-size:.44rem;
	color:#ff8b19;
}
.dataBanner .dataSec .twoTxt>div:nth-child(2){
	margin:.6rem 0 0 3.4rem;
}
.dataBanner .dataThc{
	width:100%;
	height:100%;
	background:url(../images/banner3.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.dataBanner .dataThc .thcTxt{
	width:100%;
	height:100%;
	background:url(../images/white2.png) no-repeat center;
	background-size:cover;
	font-size:.36rem;
	font-family: 'lang';
	color:#626cb8;
	overflow: hidden;
}
.dataBanner .dataThc .thcTxt>div p{
	letter-spacing: 0.03rem;
}
.dataBanner .dataThc .thcTxt>div p em{
	font-style:normal;
	position:relative;
}
.dataBanner .dataThc .thcTxt>div p b{
	font-weight:normal;
	position:relative;
}
.dataBanner .dataThc .thcTxt>div p em::after{
	display:block;
	content:'';
	width:1.09rem;
	height:1.13rem;
	background:url(../images/yazi.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -1rem;
	top: -.5rem;
}
.dataBanner .dataThc .thcTxt>div p b::after{
	display:block;
	content:'';
	width:1.34rem;
	height:.9rem;
	background:url(../images/fish.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -.5rem;
	top: -.15rem;
}
.dataBanner .dataThc .thcTxt>div:nth-child(1){
	margin:2rem 0 0 1.8rem;
}
.dataBanner .dataThc .thcTxt span{
	font-size:.44rem;
	color:#ff8b19;
}
.dataBanner .dataThc .thcTxt>div:nth-child(2){
	margin:.38rem 0 0 3.25rem;
}
.dataBanner .dataFor {
	width:100%;
	height:100%;
	background:url(../images/banner4.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.dataBanner .dataFor .forTxt{
	width:100%;
	height:100%;
	background:url(../images/white3.png) no-repeat center;
	background-size:cover;
	font-size:.36rem;
	font-family: 'lang';
	color:#626cb8;
	overflow: hidden;
}
.dataBanner .dataFor .forTxt>div{
	display:none;
}
.dataBanner .dataFor .forTxt>div.active{
	display:block;
}
.dataBanner .dataFor .forTxt>div p{
	letter-spacing: 0.03rem;
	text-align: center;
}
.dataBanner .dataFor .forTxt>div p em{
	font-style:normal;
	position:relative;
}
.dataBanner .dataFor .forTxt>div p b{
	font-weight:normal;
	position:relative;
}
.dataBanner .dataFor .forTxt>div p em::after{
	display:block;
	content:'';
	width:.42rem;
	height:.75rem;
	background:url(../images/ping.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left: -.6rem;
	top: -.2rem;
}
.dataBanner .dataFor .forTxt>div p b::after{
	display:block;
	content:'';
	width:.55rem;
	height:.47rem;
	background:url(../images/flo.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -.5rem;
	top: 0;
}
.dataBanner .dataFor .forTxt>div:nth-child(1){
	margin:2.5rem 0 0 0;
}
.dataBanner .dataFor .forTxt span{
	font-size:.44rem;
	color:#ff8b19;
}
.dataBanner .dataFor .forTxt>div:nth-child(2){
	margin:2.4rem 0 0 0;
}
.dataBanner .dataFor .forTxt>div:nth-child(2) p em::after{
	display:block;
	content:'';
	width:.5rem;
	height:.91rem;
	background:url(../images/ping1.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left: -.6rem;
	top: -.2rem;
}
.dataBanner .dataFive {
	width:100%;
	height:100%;
	background:url(../images/banner5.jpg) no-repeat center;
	background-size:cover;
	position:relative;
}
.dataBanner .dataFive .fiveTxt{
	width:100%;
	height:100%;
	background:url(../images/white4.png) no-repeat center;
	background-size:cover;
	font-size:.36rem;
	font-family: 'lang';
	color:#626cb8;
	overflow: hidden;
}
.dataBanner .dataFive .fiveTxt>div p{
	letter-spacing: 0.03rem;
	position:relative;
	z-index:1;
}
.dataBanner .dataFive .fiveTxt>div p em{
	font-style:normal;
	position:relative;
}
.dataBanner .dataFive .fiveTxt>div p b{
	font-weight:normal;
	position:relative;
}
.dataBanner .dataFive .fiveTxt>div p i{
	font-weight:normal;
	position:relative;
}
.dataBanner .dataFive .fiveTxt>div p em::after{
	display:block;
	content:'';
	width:1.04rem;
	height:1.58rem;
	background:url(../images/card.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -1rem;
	top: -.5rem;
	z-index:-1;
}
.dataBanner .dataFive .fiveTxt>div p b::after{
	display:block;
	content:'';
	width:.63rem;
	height:.44rem;
	background:url(../images/wen.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: .1rem;
	top: -.55rem;
}
.dataBanner .dataFive .fiveTxt>div p i::after{
	display:block;
	content:'';
	width:1.38rem;
	height:1.16rem;
	background:url(../images/fish1.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right: -.8rem;
	top: -.55rem;
	z-index:-1;
}
.dataBanner .dataFive .fiveTxt>div:nth-child(1){
	margin:2.5rem 0 0 1.7rem;
}
.dataBanner .dataFive .fiveTxt span{
	font-size:.44rem;
	color:#ff8b19;
}
.dataBanner .dataFive .fiveTxt>div:nth-child(2){
	margin:.66rem 0 0 2.3rem;
}
.dataLast{
	width:100%;
	height:100%;
	position:relative;
}
.dataLast .lastPic{
	display:block;
	width:12.25rem;
	margin:.87rem auto 0;
}
.dataLast .btnList{
	width:4.41rem;
	height:1.73rem;
	position:relative;
	margin:-.72rem auto 0;
	overflow: hidden;
	z-index:2;
}
.dataLast .btnList img{
	display:block;
	width:100%;
	height:100%;
}
.dataLast .btnList:hover img:nth-child(1){
	display:none;
}
.dataLast .btnList.active img:nth-child(1),.dataLast .btnList.active img:nth-child(2) {
	display:none;
}
.dataPriceTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.dataPriceBody{
	width:6.88rem;
	height:3.82rem;
	background:url(../images/jiang.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.dataPriceBody .close{
	width:.72rem;
	height:.71rem;
	right: -.4rem;
	top: -.25rem;
}
.drawMain{
	width:100%;
	height:100%;
	background:url(../images/drawBg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.drawMain .daName{
	left:.32rem;
	top:.3rem;
}
.drawMain .drawSlo{
	width:5.73rem;
	height:3.66rem;
	background:url(../images/qing.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin-left:3.8rem;
}
.drawMain .drawSlo i{
	display:block;
	width:1.53rem;
	height:.3rem;
	position:absolute;
	left:1.23rem;
	top:.91rem;
}
.drawMain .xiang{
	display:block;
	width:.61rem;
	position:absolute;
	top:.21rem;
	right:2.27rem;
}
.drawMain .back{
	right:1.39rem;
	top:.21rem;
}
.drawMain .playMusic{
	width:1.35rem;
	right:.18rem;
	top:0;
}
.drawMain .drawList{
	width:11.65rem;
	height:2.25rem;
	position:relative;
	margin:-.53rem auto 0;
	z-index:1;
}
.drawMain .drawList li{
	width:1.13rem;
	height:1.78rem;
	position:relative;
	overflow: hidden;
	float:left;
	margin-left:.02rem;
}
.drawMain .drawList li img{
	display:block;
	width:100%;
	height:100%;
}
.drawMain .drawList li:nth-child(1){
	margin-left:0;
}
.drawMain .drawList li:nth-child(even){
	margin-top:.2rem;
}
.drawMain .drawList li.active img:nth-child(1){
	display:none;
}
.drawMain .drawList li.on img:nth-child(1),.drawMain .drawList li.on img:nth-child(2){
	display:none;
}
.drawMain .fenBtn{
	display:block;
	width:3.98rem;
	margin:0.24rem auto 0;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.drawMain .fenBtn.active{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	animation: none;
	-webkit-animation: none;
}
.drawMain .fenTxt{
	display:block;
	width:100%;
	margin:-.26rem auto 0;
	position:relative;
	z-index:1;
}
.drawRuleTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.drawRuleBody{
	width:6.29rem;
	height:3.78rem;
	background:url(../images/drawRule.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.drawTxt{
	width:5.4rem;
	overflow: hidden;
	position:relative;
	margin:.6rem auto 0;
}
.drawTxt p{
	font-size:.2rem;
	color:#39599b;
	line-height:.32rem;
	font-family: 'lang';
}
.drawTxt p img{
	display:block;
	width:1.14rem;
}
.drawListTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.drawListBody {
	width:8.06rem;
	height:4.77rem;
	background:url(../images/listTc.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.drawListBody .listCon{
	width:6.83rem;
	height:2.7rem;
	overflow: auto;
	position:relative;
	margin:1.37rem auto 0;
}
.drawListBody .listCon li{
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.drawListBody .listCon li p{
	font-size:.26rem;
	color:#39599b;
	font-family: 'lang';
	letter-spacing: 0.02rem;
	padding:.1rem;
}
.drawSuccessTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.drawSuccessBody {
	width:5.59rem;
	height:3.15rem;
	background:url(../images/success.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.drawPic{
	display:block;
	width:1.35rem;
	margin:0.8rem auto 0;
}
.backMain{
	width:100%;
	height:100%;
	background:url(../images/backBg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.backMain .backDiv{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
.backMain .backDiv.active{
	display:block;
}
.backMain .backSlo{
	width:4.71rem;
	height:2.3rem;
	background:url(../images/backSlo.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:1.18rem auto 0;
}
.backMain .backSlo i{
	display:block;
	width:1.5rem;
	height:.29rem;
	position:absolute;
	left:.68rem;
	top:.05rem;
}
.backMain .bak_yzm{
	width:4.16rem;
	height:.69rem;
	background:url(../images/bck.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0.2rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content:space-around;
}
.backMain .bak_yzm p{
	font-size:.28rem;
	color:#fff;
	text-shadow:0 0 .1rem #000;
	line-height:.75rem;
	font-family: 'lang';
}
.backMain .bak_yzm img{
	display:block;
	width:.51rem;
	height:.58rem;
	margin:0.04rem 0 0 .05rem;
}
.backMain .backNum{
	width:7.36rem;
	height:.34rem;
	background:url(../images/num.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.03rem auto 0;
	text-align: center;
	font-size:.18rem;
	line-height:.34rem;
	color:#fff;
	white-space: nowrap;
	letter-spacing: 0.03rem;
	font-family: 'lang';
}
.backMain .backNum span{
	font-size:.36rem;
}
.backMain .backJdt{
	width:9.38rem;
	height:.15rem;
	position:relative;
	margin:0.32rem auto 0;
}
.backMain .backJdt .backTiao{
	width:9.32rem;
	height:0.09rem;
	border:0.03rem solid #fff;
	border-radius: 0.3rem;
}
.backMain .backJdt .backTiao i{
	display:block;
	width:0%;
	height:100%;
	background:linear-gradient(to right, #2be3fc, #fff, #f8e775);
	border-radius: .3rem;
}
.backMain .backJdt ul{
	width:100%;
	position:absolute;
	left:0;
	top:-.12rem;
}
.backMain .backJdt ul li {
	width:1.34rem;
	overflow: hidden;
	position:relative;
	float:left;
}
.backMain .backJdt ul li .liDiv{
	width:.37rem;
	height:.37rem;
	position:relative;
	margin:0 auto 0;
	overflow: hidden;
}
.backMain .backJdt ul li .liDiv img{
	display:block;
	width:100%;
	height:100%;
}
.backMain .backJdt ul li.active .liDiv img:nth-child(1){
	display:none;
}
.backMain .backJdt ul li .xuPic{
	width:1.37rem;
	height:1.22rem;
	position:relative;
	margin:-.1rem auto 0;
	overflow: hidden;
}
.backMain .backJdt ul li .xuPic img{
	display:block;
	width:100%;
	height:100%;
}
.backMain .backJdt ul li.active .xuPic img:nth-child(1){
	display:none;
}
.backMain .backJdt ul li.on .xuPic img:nth-child(1){
	display:none;
}
.backMain .backJdt ul li:nth-child(1){
	margin-left:1.7rem;
}
.backMain .backJdt ul li:nth-child(2){
	margin-left:1rem;
}
.backMain .backJdt ul li:nth-child(3){
	margin-left:1rem;
}
.backMain .backJdt ul li:nth-child(4){
	position:absolute;
	right:-.55rem;
	top:0;
}
.backRuleTc1,.backRuleTc2{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.backRuleBody{
	width:6.29rem;
	height:3.78rem;
	background:url(../images/drawRule.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.drawTxt p img{
	margin-bottom:0.1rem;
}
.backMain .daName{
	left:.32rem;
}
.backMain .xiang{
	display:block;
	width:.61rem;
	position:absolute;
	right:3.15rem;
	top:.22rem;
}
.backMain .back{
	top:.22rem;
	right:1.39rem;
}
.backMain .share{
	top:.22rem;
	right:2.26rem;
}
.backMain .playMusic{
	width:1.35rem;
	top:0;
	right:.24rem;
}
.backMain .backInit{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:1.53rem;
}
.backMain .backInit .backTit{
	width:4.78rem;
	height:2.33rem;
	background:url(../images/backInit.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 0 0 1.4rem;
	float:left;
}
.backMain .backInit .backTit i{
	display:block;
	width:1.52rem;
	height:.29rem;
	position:absolute;
	left:.69rem;
	top:.06rem;
}
.backMain .backInit .backPut{
	width:3.49rem;
	height:.4rem;
	background:url(../images/put1.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	margin:1.01rem 0 0 1.03rem;
}
.backMain .backInit .backPut input{
	display:block;
	width:100%;
	height:100%;
	font-size:.2rem;
	color:#fff;
	line-height:.4rem;
	text-indent:.18rem;
	font-family: 'lang';
}
/*input placeholder样式修改*/
.backMain .backInit .backPut input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
	color:#4d93f7;
	letter-spacing: .05rem;
}
.backMain .backInit .backPut input::-moz-placeholder { /* Firefox 19+ */  
	color:#4d93f7;
	letter-spacing: .05rem;
}	
.backMain .backInit .backPut input:-ms-input-placeholder { /* IE 10+ */
	color:#4d93f7;
	letter-spacing: .05rem;
}
.backMain .backInit .backPut input:-moz-placeholder { /* Firefox 18- */
	color:#4d93f7;
	letter-spacing: .05rem;
}
.backMain .backInit .backBtn{
	width:1.67rem;
	height:1.56rem;
	position:absolute;
	right:.92rem;
	top:.16rem;
	overflow:hidden;
}
.backMain .backInit .backBtn img{
	display:block;
	width:100%;
	height:100%;
}
.backMain .backInit .backBtn.active img:nth-child(1){
	display:none;
}
.daLiAnMain{
	width:100%;
	height:100%;
	background:url(../images/talian.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.daLiAnMain .daName{
	left:.25rem;
}
.daLiAnMain .share{
	top:.22rem;
	right:2.27rem;
}
.daLiAnMain .back{
	top:.22rem;
	right:1.41rem;
}
.daLiAnMain .playMusic{
	width:1.35rem;
	right:.18rem;
	top:0;
}
.daLiAnSlo{
	width:7.58rem;
	height:2.47rem;
	background:url(../images/daji.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.45rem auto 0;
}
.daLiAnSlo i{
	display: block;
	width: 1.5rem;
	height: .29rem;
	position: absolute;
	left: 2rem;
	top: .26rem;
	z-index:2;
}
.daLiAnDraw{
	width:8.24rem;
	height:4.27rem;
	position:relative;
	margin:-.44rem auto 0;
}
.daLiAnDraw ul{
	width:100%;
	height:100%;
	position:relative;
}
.daLiAnDraw ul li{
	position:absolute;
}
.daLiAnDraw ul li img{
	display:block;
	width:100%;
}
.daLiAnDraw ul li.active {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.daLiAnDraw ul li:nth-child(1){
	width:1.04rem;
	height:1.24rem;
	left:.64rem;
	top:.23rem;
}
.daLiAnDraw ul li:nth-child(2){
	width:1.04rem;
	height:1.25rem;
	left:2.05rem;
	top:.44rem;
}
.daLiAnDraw ul li:nth-child(3){
	width:1.41rem;
	height:1.73rem;
	left:3.25rem;
	top:0;
}
.daLiAnDraw ul li:nth-child(4){
	width:1.29rem;
	height:1.25rem;
	right:2.16rem;
	top:.44rem;
}
.daLiAnDraw ul li:nth-child(5){
	width:1.31rem;
	height:1.24rem;
	right:.71rem;
	top:.23rem;
}
.daLiAnDraw ul li:nth-child(6){
	width:1.04rem;
	height:1.25rem;
	left:0;
	top:1.49rem;
}
.daLiAnDraw ul li:nth-child(7){
	width:1.17rem;
	height:1.24rem;
	left:1.38rem;
	top:1.71rem;
}
.daLiAnDraw ul li:nth-child(8){
	width:1.22rem;
	height:1.24rem;
	right:1.56rem;
	top:1.71rem;
}
.daLiAnDraw ul li:nth-child(9){
	width:1.3rem;
	height:1.25rem;
	right:0;
	top:1.49rem;
}
.daLiAnDraw ul li:nth-child(10){
	width:1.05rem;
	height:1.25rem;
	left:0.1rem;
	top:3.02rem;
}
.daLiAnDraw ul li:nth-child(11){
	width:1.17rem;
	height:1.25rem;
	right:0.25rem;
	top:3.02rem;
}
.daLiAnDrawBtn{
	width:1.45rem;
	height:1.59rem;
	overflow: hidden;
	position:absolute;
	left:3.25rem;
	top:1.76rem;
}
.daLiAnDrawBtn img{
	display:block;
	width:100%;
	height:100%;
}
.daLiAnDrawBtn.active {
	pointer-events: none;
}
.daLiAnDrawBtn.active img:nth-child(1){
	display:none;
}
.daLiAnDrawNum{
	width:4.29rem;
	height:.35rem;
	background:url(../images/zz2.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:1.63rem;
	top:3.3rem;
	font-size:.16rem;
	color:#fff;
	text-align: center;
	font-family: 'lang';
	letter-spacing: 0.06rem;
	line-height:.35rem;
}
.daLiAnDrawBtnList{
	width:3.99rem;
	height:.46rem;
	background:url(../images/drawBtn.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:2rem;
	top:3.71rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.daLiAnDrawBtnList>div{
	width:1.94rem;
	height:100%;
}
.daLiAnRuleTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.daLiAnRuleBody{
	width:7.56rem;
	height:4.49rem;
	background:url(../images/dalian.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.daLiAnRuleBody .drawTxt{
	width:6.66rem;
	margin-top:.53rem;
}
.daLiAnRuleBody .drawTxt p{
	font-size:.16rem;
	line-height:.26rem;
}
.daLiAnPriceTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.daLiAnPriceBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.daLiAnPriceTxt{
	width:100%;
	display: flex;
	display:-webkit-flex;
	justify-content: center;
	margin-top:.75rem;
}
.daLiAnPriceTxt p{
	font-size:.3rem;
	font-family:'lang';
	color:#7e84c8;
	line-height:1.4rem;
	margin-right:.2rem;
}
.daLiAnPriceTxt img{
	display:block;
	height:1.1rem;
}
.daLiAnPriceSure{
	display:block;
	width:2.08rem;
	margin:0 auto 0;
}
.daLiAnTaskSlo{
	width:9.04rem;
	margin:.79rem 0 0 2.81rem;
}
.daLiAnTaskList{
	width:8.76rem;
	overflow: hidden;
	position:relative;
	margin:-0.09rem auto 0;
}
.daLiAnTaskList li:nth-child(1){
	margin-top:0;
}
.daLiAnTaskList li{
	width:100%;
	height:.66rem;
	background:url(../images/da.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.16rem auto 0;
	overflow: hidden;
	font-family: 'lang';
	line-height:.66rem;
	color:#fff;
}
.daLiAnTaskList li p:nth-child(1) {
	width:2.8rem;
	font-size:.26rem;
	margin-left:.55rem;
	float:left;
}
.daLiAnTaskList li p:nth-child(2) {
	font-size:.26rem;
	margin-left:.1rem;
	float:left;
}
.daLiAnTaskList li div{
	width:1.64rem;
	height:.41rem;
	position:relative;
	overflow: hidden;
	float:right;
	margin:.1rem .52rem 0 0;
}
.daLiAnTaskList li div img{
	display:block;
	width:100%;
	height:100%;
}
.daLiAnTaskList li.on div img:nth-child(1){
	display:none;
}
.daLiAnTaskList li.active div img:nth-child(1),.daLiAnTaskList li.active div img:nth-child(2){
	display:none;
}
.daLiAnPriceListSlo{
	display:block;
	width:9.03rem;
	margin:.68rem 0 0 3.16rem;
}
.daLiAnPriceList{
	width:7.77rem;
	overflow: hidden;
	position:relative;
	margin:-.33rem auto 0;
}
.daLiAnPriceListTit{
	width:100%;
	height:.48rem;
	background:rgba(0,0,0,.1);
	position:relative;
	margin:0 auto 0;
	border-radius: .1rem;
}
.daLiAnPriceListTit img{
	display:block;
	width:100%;
}
.daLiAnPriceListBody{
	width:100%;
	height:2.88rem;
	background:rgba(0,0,0,.1);
	overflow: auto;
	position:relative;
	margin:0.2rem auto 0;
	border-radius: .1rem;
}
.daLiAnPriceListBody li {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.daLiAnPriceListBody li p {
    font-size: .26rem;
    color: #bfffff;
    font-family: 'lang';
    letter-spacing: 0.02rem;
    padding:.1rem .4rem;
}
.daLiAnPriceListData{
	display:block;
	width:1.95rem;
	margin:0.2rem auto 0;
}
.daLiAnPriceListDate{
	display:block;
	width:10.49rem;
	margin:0.09rem auto 0;
}
.daLiAnAddressTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.daLiAnAddressBody{
	width:6.12rem;
	height:3.6rem;
	background:url(../images/shou.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.daLiAnAddressXin{
	display:block;
	width:1.55rem;
	margin:0.5rem auto 0;
}
.daLiAnAddressBody .s_put{
	width:5.2rem;
	height:.49rem;
	background:url(../images/zz3.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	display: flex;
	display: -webkit-flex;
}
.daLiAnAddressBody .s_put p{
	font-size:.18rem;
	font-family: 'lang';
	line-height:.49rem;
	margin-left:.26rem;
	color:#39599b;
}
.daLiAnAddressBody .s_put input{
	display:block;
	width:3.8rem;
	line-height:.49rem;
	color:#39599b;
}
.daLiAnSureDiZhi{
	display:block;
	width:2.08rem;
	margin:0.1rem auto 0;
}
.daLiAnAddressTips{
	display:block;
	font-size:.16rem;
	font-family: 'lang';
	color:#39599b;
	text-align: center;
	margin-top:.1rem;
}
.daLiAnSureAddressTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.daLiAnSureTit{
	display:block;
	width:4.68rem;
	margin:1.1rem auto 0;
}
.daLiAnSureDian{
	display:block;
	width:2.62rem;
	margin:.26rem auto 0;
}
.guessHeartMain{
	width:100%;
	height:100%;
	background:url(../images/guessBg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
}
.guessHeartMain .daName,.onlyMain .daName,.pinTuMain .daName{
	left:.25rem;
}
.guessHeartMain .share,.onlyMain .share,.pinTuMain .share{
	top:.22rem;
	right:2.27rem;
}
.guessHeartMain .back,.onlyMain .back,.pinTuMain .back{
	top:.22rem;
	right:1.41rem;
}
.guessHeartMain .playMusic,.onlyMain .playMusic,.pinTuMain .playMusic{
	width:1.35rem;
	right:.18rem;
	top:0;
}
.guessSlo{
	width:6.5rem;
	height:1.54rem;
	background:url(../images/zixuan.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.59rem auto 0;
}
.guessSlo i{
	display:block;
	width:1.23rem;
	height:.24rem;
	position:absolute;
	left:1.64rem;
	top:.13rem;
}
.guessJdt{
	width: 10.16rem;
	height: .13rem;
	position: relative;
	margin: 0.41rem auto 0;
}
.guessTiao{
	width: 10.12rem;
	height: 0.09rem;
	border: 0.03rem solid #fff;
	border-radius: 0.3rem;
}
.guessJdt .guessTiao i {
    display: block;
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #2be3fc, #fff, #f8e775);
    border-radius: .3rem;
}
.guessJdt  ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: -.4rem;
}
.guessJdt ul li .guessFen{
	display:block;
	width:.47rem;
	margin:0 auto 0;
}
.guessJdt ul li {
    width: 1.34rem;
    overflow: hidden;
    position: relative;
    float: left;
}
.guessJdt ul li .liDiv {
    width: .37rem;
    height: .37rem;
    position: relative;
    margin: 0 auto 0;
    overflow: hidden;
}
.guessJdt ul li .liDiv img {
    display: block;
    width: 100%;
    height: 100%;
}
.guessJdt ul li.active .liDiv img:nth-child(1){
	display:none;
}
.guessJdt ul li.on .liDiv img:nth-child(1){
	display:none;
}
.guessJdt ul li .xuPic {
    width: 1.34rem;
    height: 1.23rem;
    position: relative;
    margin: -.1rem auto 0;
    overflow: hidden;
}
.guessJdt ul li .xuPic img{
	display:block;
	width:100%;
}
.guessJdt ul li:nth-child(1) {
	margin-left:.37rem;
}
.guessJdt ul li:nth-child(2) {
	margin-left:.62rem;
}
.guessJdt ul li:nth-child(3) {
	margin-left:.73rem;
}
.guessJdt ul li:nth-child(4) {
	margin-left:.63rem;
}
.guessJdt ul li:nth-child(5) {
	margin-left:.7rem;
	width:1.5rem;
}
.guessTaskList{
	width:11.83rem;
	overflow: hidden;
	position:relative;
	margin:1rem auto 0;
}
.guessTaskList>div{
	width:3.83rem;
	height:.64rem;
	background:url(../images/guessTask.png) no-repeat center;
	background-size:cover;
	position:relative;
	float:left;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-top:.22rem;
	margin-left:.16rem;
}
.guessTaskList>div p{
	font-size:.18rem;
	color:#fff;
	text-shadow: 0px 0px 0.08rem rgba(30, 27, 93, 0.4);
	line-height:.64rem;
	font-family: 'lang';
}
.guessTaskList>div:nth-child(1){
	margin-left:2rem;
}
.guessTaskList>div:nth-child(3){
	margin-left:0;
}
.guessTaskList>div div{
	width:.51rem;
	height:.54rem;
	position:relative;
	overflow: hidden;
	margin-top:0.04rem;
}
.guessTaskList>div div img{
	display:block;
	width:100%;
	height:100%;
}
.guessTaskList>div.active div img:nth-child(1){
	display:none;
}
.guessBtn{
	display:block;
	width:4.16rem;
	margin:0 auto 0;
}
.guessBtn.active{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.guessTy{
	display:block;
	width:7.45rem;
	margin:-.2rem auto 0;
}
.guessHeartRuleTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.guessHeartRuleBody{
	width:5.27rem;
	height:2.98rem;
	background:url(../images/guessRule.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.guessHeartRuleBody p{
	font-size:.3rem;
	color:#7e84c8;
	line-height:.5rem;
	text-align: center;
	margin-top:.7rem;
	font-family: 'lang';
}
.guessDiv{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.guessHeartBanner{
	width:10.62rem;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.guessHeartBanner ul li>div{
	width:100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top:.15rem;
}
.guessHeartBanner ul li>div img{
	display:block;
	width:1.41rem;
	height:1.4rem;
}
.guessHeartBanner ul li>div img.active{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.guessHeartBanner ul li>div.centerDiv{
	margin-top:1.75rem;
}
.guessDiv .guessPrev{
	width:.8rem;
	height:.85rem;
	background:url(../images/prev1.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:.2rem;
	top:50%;
	margin-top:-.425rem;
}
.guessDiv .guessNext{
	width:.8rem;
	height:.85rem;
	background:url(../images/next1.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:.2rem;
	top:50%;
	margin-top:-.425rem;
}
.guessDui{
	display:block;
	width:4.36rem;
	margin:1.2rem auto 0;
}
.guessHeartDuiTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.guessHeartDuiBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	top:45%;
	margin:0 auto;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.guessHeartDuiCon{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top:.7rem;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
}
.guessHeartDuiCon p{
	font-size:.32rem;
	color:#7e84c8;
	font-family:'lang';
	line-height:1.3rem;
	margin-right:.1rem;
}
.guessHeartDuiCon img{
	display:block;
	width:1.16rem;
	height:1.16rem;
}
.guessQueRen{
	display:block;
	width:2.08rem;
	margin:.1rem auto 0;
}
.guessQuestionMain{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.guessQuestionMain>div{
	display:none;
	width:100%;
	height:100%;
	position:relative;
}
.guessQuestionMain>div.active {
	display:block;
} 
.guessQuestionMain>div .guessQuestionTit{
	width:8.46rem;
	height:2.13rem;
	background:url(../images/guessTit.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:1.6rem auto 0;
}
.guessQuestionMain>div .guessQuestionTit img{
	display:block;
	width:2.13rem;
	height:2.13rem;
	position:absolute;
	top:0;
	left:3.1rem;
}
.guessQuestionMain>div ul{
	width:10.2rem;
	position:relative;
	margin:0.88rem auto 0;
	display: flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.guessQuestionMain>div ul li{
	display:flex;
	display: -webkit-flex;
}
.guessQuestionMain>div ul li.active {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.guessQuestionMain>div ul li img{
	display:block;
	width:.41rem;
	height:.44rem;
}
.guessQuestionMain>div ul li p{
	font-size:.32rem;
	color:#fff;
	font-family: 'zaozi';
	line-height:.6rem;
	-webkit-text-stroke: 0.01rem #3d8cd8;
}
.guessHeartAnswerRightTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.guessHeartAnswerRightBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.guessHeartAnswerRightBody p{
	font-size:.32rem;
	color:#7e84c8;
	font-family: 'lang';
	text-align: center;
	margin-top:.55rem;
}
.guessHeartAnswerRightBody .guessHeartAnswerPic{
	display:block;
	width:3.16rem;
	margin:0 auto 0;
}
.guessHeartAnswerTipTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.guessHeartAnswerTipTc .guessHeartAnswerRightBody p{
	margin-top:1.1rem;
}
.onlyMain{
	width:100%;
	height:100%;
	background:url(../images/onlyBg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	overflow: hidden;
}
.update{
	display:block;
	width:.92rem;
	position:absolute;
	right:2.9rem;
	top:.17rem;
	animation: vGo1 2s linear infinite;
	-webkit-animation: vGo1 2s linear infinite;
}
.onlyMain .guessSlo{
	width: 7.53rem;
	height: 1.54rem;
	background: url(../images/onlySlo.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0.74rem auto 0;
}
.onlyMain .guessSlo i{
	left:1.58rem;
}
.onlyMain .guessJdt ul li:nth-child(5) .xuPic {
    width: 1.5rem;
    height: 1.13rem;
    position: relative;
    margin: 0.05rem auto 0;
    overflow: hidden;
}
.onlyMain .guessTaskList>div {
	width: 3.74rem;
	height: .63rem;
	background: url(../images/sss.png) no-repeat center;
	background-size: cover;
}
.onlyMain .guessBtn{
	width:4.07rem;
}
.onlyDui{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.onlyDui>div{
	width:4.16rem;
	overflow: hidden;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.onlyDui>div .onlyPic{
	display:block;
	width:2.6rem;
	height:2.64rem;
	margin:0 auto 0;
}
.onlyDui>div p{
	width:100%;
	font-size:.3rem;
	color:#fff;
	-webkit-text-stroke: 0.01rem #3d8cd8;
	position:absolute;
	text-align: center;
	top:2.25rem;
	font-family: 'lang';
}
.onlyBtn{
	display:block;
	width:4.16rem;
	margin:0 auto 0;
}
.onlyDuiRenTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.onlyDuiBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.onlyDuiDiv{
	width:2.79rem;
	position:relative;
	margin:0.75rem auto 0;
	display: flex;
	display:-webkit-flex;
	justify-content: center;
}
.onlyDuiDiv .onlyDuiTxt{
	font-size:.3rem;
	color:#7e84c8;
	font-family: 'lang';
	line-height:1.3rem;
	margin-right:.1rem;
}
.onlyDuiDiv .onlyDuiTou{
	width:1.15rem;
	height:1.15rem;
	position:relative;
}
.onlyDuiDiv .onlyDuiTou img{
	display:block;
	width:100%;
	height:100%;
	border-radius: 50%;
}
.onlyDuiDiv .onlyDuiTou p{
	font-size:.2rem;
	color:#fff;
	position:absolute;
	text-align: center;
	bottom:0;
	-webkit-text-stroke: 0.01rem #3d8cd8;
	font-family: 'lang';
	position:absolute;
	left:0;
	bottom:0;
	white-space: nowrap;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.onlyQueBtn{
	display:block;
	width:2.08rem;
	margin:0 auto 0;
}
.onlyQuestionMain{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.onlyQuestionMain>div.active {
    display: block;
}
.onlyQuestionMain>div {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
}
.onlyQuestionMain>div .onlyQuestionTit {
    width:9.06rem;
    height:2.14rem;
    background:url(../images/duili.png) no-repeat center;
    background-size:cover;
    position:relative;
    margin:1.22rem auto 0;
}
.onlyQuestionMain>div .onlyQuestionTit img {
    display: block;
    width: 2.13rem;
    height: 2.14rem;
    position: absolute;
    top: 0;
    right: 0;
}
.onlyQuestionMain>div ul {
    width: 10.03rem;
    overflow: hidden;
    position: relative;
    margin: 0.25rem auto 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.onlyQuestionMain>div ul li{
	display: flex;
	display: -webkit-flex;
}
.onlyQuestionMain>div ul li.active{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.onlyQuestionMain>div ul li img:nth-child(1) {
    display: block;
    width: .41rem;
    height: .44rem;
	margin-top:.38rem;
}
.onlyQuestionMain>div ul li img:nth-child(2) {
    display: block;
    width: 1.61rem;
    height: 1.31rem;
}
.guessQuestionBtn{
	display:block;
	width:4.16rem;
	margin:.5rem auto 0;
}
.onlyQuestionBtn{
	display:block;
	width:4.16rem;
	margin:.5rem auto 0;
}
.onlyAnswerTipsTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.onlyAnswerTipsBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.onlyAnswerTipsBody p{
	font-size:.4rem;
	color:#7e84c8;
	line-height:.52rem;
	text-align: center;
	margin-top:1.1rem;
	font-family: 'lang';
}
.pinTuMain{
	width:100%;
	height:100%;
	background:url(../images/pinBg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.pinSlo{
	width: 6.82rem;
	height: 1.44rem;
	background: url(../images/pinSlo.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0.69rem auto 0;
}
.pinSlo i{
	display: block;
	width: 1.23rem;
	height: .23rem;
	position: absolute;
	left: 1.44rem;
	top: .11rem;
}
.pinTuMain .guessJdt ul li:nth-child(5) .xuPic img {
	display:block;
	width:1.28rem;
	margin:0.1rem auto 0;
}
.pinTuBtn{
	display: block;
	width: 4.16rem;
	margin: 0 auto 0;
}
.pinTuBtn.active{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.pinTxt{
	display:block;
	width:11.7rem;
	margin:-.2rem auto 0;
}
.pinTuDiv{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.pinTuBanner{
	width:10.35rem;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.pinTuBanner ul li>div{
	width:100%;
	display: flex;
	display:-webkit-flex;
	justify-content: space-around;
}
.pinTuBanner ul li>div div{
	display:block;
	width:2.23rem;
	height:3.78rem;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
}
.pinTuBanner ul li>div div.active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.pinTuBanner ul li>div div img{
	display:block;
	width:100%;
}
.pinTuBanner ul li>div div.on{
	pointer-events: none;
}
.pinTuBanner ul li>div div.on:before{
	display:block;
	content:'';
	width:1.11rem;
	height:.37rem;
	background:url(../images/yyy.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	top:.1rem;
}
.pinTuBanner ul li>div div.on.lastTuPic:before{
	display:none;
}
.pinTuDiv .pinPrev {
    width: .8rem;
    height: .85rem;
    background: url(../images/prev1.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: .2rem;
    top: 50%;
    margin-top: -.425rem;
}
.pinTuDiv .pinNext {
    width: .8rem;
    height: .85rem;
    background: url(../images/next1.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: .2rem;
    top: 50%;
    margin-top: -.425rem;
}
.pinTuDiv .pinBtnList{
	width:4.16rem;
	height:1.29rem;
	position:relative;
	margin:1.8rem auto 0;
	overflow: hidden;
}
.pinTuDiv .pinBtnList img{
	display:block;
	width:100%;
	height:100%;
}
.pinTuDiv .pinBtnList.active img:nth-child(1){
	display:none;
}
.pinTuDiv .pinTit{
	display:block;
	width:11.96rem;
	margin:-.2rem auto 0;
}
.pinTuDuiTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.pinTuDuiBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.pinTuDuiDiv{
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content: center;
	margin-top:.75rem;
}
.pinTuDuiDiv p{
	font-size:.3rem;
	color:#7e84c8;
	line-height:1.4rem;
	font-family: 'lang';
	margin-right:.1rem;
}
.pinTuDuiDiv.active img{
	display: block;
	width: 2rem;
	height: .72rem;
	margin-top: .3rem;
}
.pinTuDuiDiv img{
	display:block;
	width:1.5rem;
	height:1.2rem;
}
.pinTuBtnList{
	width:2.08rem;
	height:.45rem;
	position:relative;
	overflow:hidden;
	margin:0 auto 0;
}
.pinTuBtnList img{
	display:block;
	width:100%;
	height:100%;
}
.pinTuBtnList.active img:nth-child(1) {
	display:none;
}
.pinTuPic{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}
.pinTuPic>div{
	display:none;
	width:100%;
	height:100%;
	position:relative;
}
.pinTuPic>div.active{
	display:block;
}
.pinTuTit{
	display:block;
	width:5rem;
	margin:0.4rem auto 0;
}
.pintuDetail{
	width:4.67rem;
	height:4.68rem;
	background:#fff;
	position:relative;
	margin:0.1rem auto 0;
	overflow: hidden;
}
.pintuDetail img{
	display:block;
	width:1.48rem;
	height:1.48rem;
	position:relative;
	float:left;
	margin-top:0.06rem;
	margin-left:0.06rem;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.pintuDetail img.active{
	transform: rotate(180deg);
}
.pinTuWan{
	display:block;
	width:2.61rem;
	margin:0 auto 0;
}
.pinTuSucTc,.pinTuTipsTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.pinTuSucBody{
	width:5.59rem;
	height:3.15rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.pinTuSucBody p{
	font-size:.32rem;
	color:#7e84c8;
	text-align:center;
	margin-top:.55rem;
	font-family:'lang';
}
.pinTuSucBody .pinTuSucPic{
	display:block;
	width:3.16rem;
	margin:.1rem auto 0;
}
.pinTuTipsTc .pinTuSucBody p{
	margin-top:1.1rem;
}
.pinTuRuleTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	display:none;
}
.pinTuRuleBody {
	width: 5.27rem;
	height: 2.98rem;
	background: url(../images/guessRule.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 auto;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}
.pinTuRuleBody p{
	font-size:.22rem;
	line-height:.3rem;
	color:#7e84c8;
	font-family: 'lang';
	text-align: center;
	margin-top:.12rem;
}
@keyframes vGo1{
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
@-webkit-keyframes vGo1{
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
@keyframes vGo{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
@-webkit-keyframes vGo{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
@media screen and (orientation: portrait) {
    html{
        width : 100vmin;
        height : 100vmax;
    }
    body{
        width : 100vmin;
        height : 100vmax;
    }
    #gyroContain{
        width : 100vmax;
        height : 100vmin;
        transform-origin: top left;
        transform: rotate(90deg) translate(0,-100vmin);
    }
	.time{
		top:4.9rem;
	}
	.start{
		top:5.6rem;
	}
  }
@media screen and (orientation: landscape) {
    html{
        width : 100vmax;
        height : 100vmin;
    }
    body{
        width : 100vmax;
        height : 100vmin;
    }
    #gyroContain{
        width : 100vmax;
        height : 100vmin;
    }
	
}