@charset "gbk";body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,a,textarea,input,button,span,em,strong,img,div{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none; outline: none;}html{-webkit-text-size-adjust:none;word-wrap:break-word;background:#f4f4f4;font-family:Arial,Verdana,Sans-serif}h1,h2,h3{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}fieldset,img{border:0}cite,em,s,i,b{font-style:normal}input,button,textarea,select{font-size:100%; border: medium none;}body,input,button,textarea,select,option{font-size:normal}a,input,textarea{text-decoration:none;outline:0}li,img,label,input{vertical-align:middle}var{font-style:normal}ins{text-decoration:none}body{font-size:.2rem;color:#3c3c3c}textarea{resize:none}a{color: #3c3c3c;}.mlr20{margin:auto .2rem}.m20{margin:.2rem 0}.m30{margin:.3rem 0}.mt20{margin-top:.2rem}.mb20{margin-bottom:.2rem}.mt40{margin-top:.4rem}.mb40{margin-bottom:.4rem}::-webkit-input-placeholder{ color: rgba(255,255,255,0.5);}:-moz-placeholder{ color: rgba(255,255,255,0.5);}::-moz-placeholder{ color: rgba(255,255,255,0.5);}:-ms-input-placeholder{ color: rgba(255,255,255,0.5);}.clear:after{content: '\20'; display: block; height: 0; clear: both;}
  html{ background: #fff;} 

body{background:#fff; font-family:"Arial","微软雅黑" ; color:#f7e6b2;  }
.content{ max-width: 7.5rem; margin:0 auto; position:relative; overflow: hidden;}
.content img{width:100%;}


.gameItem{width:6.9rem; padding: 0.15rem; margin: 0.1rem auto; background-color: #ededff; border-radius:4%;
position: relative;
}

.leftSide{width:1.5rem;} 

.leftSide a{
	display: block;
	width:1.5rem;
	height: 0.4rem;
	border-radius: 0.18rem;
	background-color: #ff6e00;
	line-height: 0.42rem;
	margin-top:0.1rem;
	margin-bottom:0.20rem;
	text-align: center;
	color:#FFFFFF;
	font-size: 0.16rem;
	font-weight: bold;
}
/*.tip{
	width: 1.5rem;
	color: #898989;

	font-size: 0.16rem;
}
*/
.star{ width:1.5rem;}

.rightSide{
	position: absolute;
	width:4.9rem;
	top:0.15rem;
	right:0.15rem;
}
.textBottom{
	line-height: 1.29rem;
	height: 1.29rem;
	text-align: center;
	font-size: 0.35rem;
	color: #FFFFFF;
	background:url(../images/bg1_034.jpg) no-repeat;
}

.anima01{ position:absolute; width:1.69rem; height: 1.68rem; top:4.3rem; left:-0.5rem;}
.anima02{ position:absolute; width:0.94rem; height: 1.29rem; top:5.8rem; left:6rem;}
.anima03{ position:absolute; width:1.67rem; height: 1.02rem; top:6.8rem; left:4.5rem;}
.anima04{ position:absolute; width:1.4rem;  top:2.8rem; left:1.8rem;}



footer{ background-color:#e9e9e9; width:7.5rem; margin:0px auto; margin-bottom:0.4rem; text-align:center; font-size:0.18rem; color:#676767;  padding:0.2rem 0rem; line-height:150%;}

/*绑定动画*/
.anima01{
	animation:golden01 2s ease-in-out infinite;
	-webkit-animation-name: golden01 2s ease-in-out infinite;
	-moz-animation-name: golden01 2s ease-in-out infinite;
	-o-animation-name: golden01 2s ease-in-out infinite;
}
.anima03{
	animation:golden03 2s ease-in-out infinite;
	-webkit-animation-name: golden03 2s ease-in-out infinite;
	-moz-animation-name: golden03 2s ease-in-out infinite;
	-o-animation-name: golden03 2s ease-in-out infinite;
}

.anima02{
	animation:golden02 2s ease-in-out infinite;
	-webkit-animation-name: golden03 2s ease-in-out infinite;
	-moz-animation-name: golden03 2s ease-in-out infinite;
	-o-animation-name: golden03 2s ease-in-out infinite;
}
.anima04{
    animation: rubberBand 2s linear 0s normal;
    transform-origin: 50% 50%;
    -webkit-animation: rubberBand 2s linear 0s normal;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: rubberBand 2s linear 0s normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rubberBand 2s linear 0s normal;
    -o-transform-origin: 50% 50%;
    -ms-animation: rubberBand 2s linear 0s normal;
    -ms-transform-origin: 50% 50%;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
/*制定动画*/

@keyframes golden01{
	0% {
	    width:1.69rem; left:-0.5rem;
	}
	50% {
	    width:1.8rem; left:-0.5rem;
	}

	100% {
	    width:1.69rem; left:-0.5rem;
	}
}
@-webkit-keyframes golden01{
	0% {
	    width:1.69rem; left:-0.5rem;
	}
	50% {
	    width:1.8rem; left:-0.5rem;
	}

	100% {
	    width:1.69rem; left:-0.5rem;
	}
}
@-o-keyframes golden01{
	0% {
	    width:1.69rem; left:-0.5rem;
	}
	50% {
	    width:1.8rem; left:-0.5rem;
	}

	100% {
	    width:1.69rem; left:-0.5rem;
	}
}
@-moz-keyframes golden01{
	0% {
	    width:1.69rem; left:-0.5rem;
	}
	50% {
	    width:1.8rem; left:-0.5rem;
	}

	100% {
	    width:1.69rem; left:-0.5rem;
	}
}


@keyframes golden03{
	0% {
	    width:1.67rem; top:6.8rem;
	}
	50% {
	    width:1.67rem; top:7rem;
	}

	100% {
	    width:1.67rem; top:6.8rem;
	}
}
@-webkit-keyframes golden03{
	0% {
	    width:1.67rem; top:6.8rem;
	}
	50% {
	    width:1.67rem; top:7rem;
	}

	100% {
	    width:1.67rem; top:6.8rem;
	}
}
@-o-keyframes golden03{
	0% {
	    width:1.67rem; top:6.8rem;
	}
	50% {
	    width:1.67rem; top:7rem;
	}

	100% {
	    width:1.67rem; top:6.8rem;
	}
}
@-moz-keyframes golden03{
	0% {
	    width:1.67rem; top:6.8rem;
	}
	50% {
	    width:1.67rem; top:7rem;
	}

	100% {
	    width:1.67rem; top:6.8rem;
	}
}
@keyframes golden02{
	0% {
	    width:0.94rem; left:6rem;
	}
	50% {
	    width:0.94rem; left:6.1rem;
	}

	100% {
	    width:0.94rem; left:6rem;
	}
}
@-webkit-keyframes golden02{
	0% {
	    width:0.94rem; left:6rem;
	}
	50% {
	    width:0.94rem; left:6.1rem;
	}

	100% {
	    width:0.94rem; left:6rem;
	}
}
@-o-keyframes golden02{
	0% {
	    width:0.94rem; left:6rem;
	}
	50% {
	    width:0.94rem; left:6.1rem;
	}

	100% {
	    width:0.94rem; left:6rem;
	}
}
@-moz-keyframes golden02{
	0% {
	    width:0.94rem; left:6rem;
	}
	50% {
	    width:0.94rem; left:6.1rem;
	}

	100% {
	    width:0.94rem; left:6rem;
	}
}

@keyframes rubberBand {
  0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    15% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        -moz-transform: scale3d(0.85, 1.15, 1);
        -o-transform: scale3d(0.85, 1.15, 1);
        -ms-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    25% {
        -webkit-transform: scale3d(1.18, 0.9, 1);
        -moz-transform: scale3d(1.18, 0.9, 1);
        -o-transform: scale3d(1.18, 0.9, 1);
        -ms-transform: scale3d(1.18, 0.9, 1);
        transform: scale3d(1.18, 0.9, 1);
    }

    32.5% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        -o-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    37.5% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        -o-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes rubberBand {
   0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    15% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        -moz-transform: scale3d(0.85, 1.15, 1);
        -o-transform: scale3d(0.85, 1.15, 1);
        -ms-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    25% {
        -webkit-transform: scale3d(1.18, 0.9, 1);
        -moz-transform: scale3d(1.18, 0.9, 1);
        -o-transform: scale3d(1.18, 0.9, 1);
        -ms-transform: scale3d(1.18, 0.9, 1);
        transform: scale3d(1.18, 0.9, 1);
    }

    32.5% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        -o-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    37.5% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        -o-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes rubberBand{
  0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    15% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        -moz-transform: scale3d(0.85, 1.15, 1);
        -o-transform: scale3d(0.85, 1.15, 1);
        -ms-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    25% {
        -webkit-transform: scale3d(1.18, 0.9, 1);
        -moz-transform: scale3d(1.18, 0.9, 1);
        -o-transform: scale3d(1.18, 0.9, 1);
        -ms-transform: scale3d(1.18, 0.9, 1);
        transform: scale3d(1.18, 0.9, 1);
    }

    32.5% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        -o-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    37.5% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        -o-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-o-keyframes rubberBand {
  0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    15% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        -moz-transform: scale3d(0.85, 1.15, 1);
        -o-transform: scale3d(0.85, 1.15, 1);
        -ms-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    25% {
        -webkit-transform: scale3d(1.18, 0.9, 1);
        -moz-transform: scale3d(1.18, 0.9, 1);
        -o-transform: scale3d(1.18, 0.9, 1);
        -ms-transform: scale3d(1.18, 0.9, 1);
        transform: scale3d(1.18, 0.9, 1);
    }

    32.5% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        -o-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    37.5% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        -o-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes rubberBand {
  0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    15% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        -o-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    20% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        -moz-transform: scale3d(0.85, 1.15, 1);
        -o-transform: scale3d(0.85, 1.15, 1);
        -ms-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    25% {
        -webkit-transform: scale3d(1.18, 0.9, 1);
        -moz-transform: scale3d(1.18, 0.9, 1);
        -o-transform: scale3d(1.18, 0.9, 1);
        -ms-transform: scale3d(1.18, 0.9, 1);
        transform: scale3d(1.18, 0.9, 1);
    }

    32.5% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        -o-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    37.5% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        -o-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}




.page{ width:100%;margin: 0 auto; background: rgba(0,0,0,0.85);overflow: hidden; height:100%; position: fixed; top:0; z-index:9999;}
.title{ background:url(../images/title_img.png) no-repeat left top; width: 5.2rem; height: 0.42rem; background-size:100% 100%; margin:0.3rem auto;}

.info{ padding: 0 0.3rem; overflow: hidden;}
.info p{ overflow: hidden; padding-bottom: 0.2rem;}
.info_tit{ margin-right: 0.15rem; margin-top: 0.2rem; float:left; display:block;width: 0.4rem; height: 0.4rem; padding-left: 0.11rem; background: #ff0000; border-radius:100%;color: #fff;font-size: 0.32rem;line-height:0.4rem;}
.info p span label{ display: block; float: left;}
.info p span label img{width: 100%;}
.info_img1{ width: 0.84rem; height: 0.85rem;}

.info_font{font-size: 0.36rem; color: #fff; float: left; width: 6rem; display: block;}
.if_wz{ padding: 0.18rem 0;}

.info_img2{ width: 4.95rem; height: 2.23rem;}
.info_img3{ width: 6rem;}
.info_img3 img{ width: 100%;}

.hand{width: 3.31rem; height: 3.37rem; margin: 0 auto; background: url(../images/shou.png) no-repeat left top; background-size: 100% 100%;}



/*客服样式*/
.kefu{ position:fixed; bottom:2rem; left:0.5rem; width:1.5rem; height:1.5rem; z-index:9999}
.kefu a{ display:block;}
.kefu a img{ width:100%;}
/*客服样式结束*/