
body, div, a, span, img, ol, ul, li, input, p, a, h4,h3 { padding: 0; margin: 0; }
body { font-size:0.18rem; line-height:1.42857; font: "Microsoft Yahei", Arial, Verdana, sans-serif;  color:#f6f4f4; background: #281131;}
img { vertical-align: top; border: 0 none; }
a{ cursor: pointer; outline: none; color: #f6f4f4; text-decoration: none;}
i{ font-style: normal;}
/* ul, li { list-style: none; } */
.text-center { text-align:center; }
.text-right{ text-align:right;}
.text-red { color:#bd1601;}
.text-yellow { color:#ffdc52;}
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.warp{overflow: hidden; width:7.5rem; margin:0 auto;position: relative;}
.warp_01{width:7.5rem; height:13.34rem;background: url(../image/index.jpeg) no-repeat 0 0;-webkit-background-size:100% 100%;  background-size:100% 100%;}

.pop{position: fixed;bottom: 0rem; width:7.5rem; height:2.18rem;background: url(../image/pop.png) no-repeat 0 0;-webkit-background-size:100% 100%;  background-size:100% 100%;}
.pop .btn{display: inline-block;width: 1.42rem;height: .5rem;position: absolute;top:.05rem;}
.pop .btn.btn-mess{left: 1.25rem;}
.pop .btn.btn-limit{left: 2.9rem;}
.pop .btn.btn-secret{right:1.25rem;}
.btn_free{position: absolute;top:.85rem;right: .25rem;}
.btn_free .btn_down{display: inline-block;width:2.85rem; height:.82rem;background: url(../image/btn.png) no-repeat 0 0;-webkit-background-size:100% 100%;  background-size:100% 100%;}
.btn_free .hand{animation: 1s ease 0s infinite normal none running btn-run;-webkit-animation: btn-run 1s infinite;-moz-animation: btn-run 1s infinite;-ms-animation: btn-run 1s infinite;position: absolute;top:.35rem;right:-.15rem;display: inline-block;width:.72rem; height:.63rem;background: url(../image/point.png) no-repeat 0 0;-webkit-background-size:100% 100%;  background-size:100% 100%;}
.diaBox{ display: none; width:7.5rem; height:9rem;overflow-y: auto;overflow-x: none; position:absolute; bottom:0rem; left:50%; margin-left: -3.75rem; z-index:100;  background:#fff;}
.diaBox .close{display:block; position:absolute; top:0.18rem; right:0.18rem; width:0.46rem; height:0.46rem; background:url(../image/close.png) no-repeat 0 0;background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.title{font-size: .31rem;color: #000;text-align: center;font-weight: bold;padding-top: .4rem;}
.serectInfo{font-size: .2rem;color: #333; padding: 0rem .45rem;}
.serectInfo h3{font-size: .2rem;}
.limitBox{height: 5.2rem;}
.limitBox .prompt{font-size: .22rem;color: #868686;text-align: center;}
.margin {margin-top: .4rem;}
.margin h3{font-size: .28rem;}
.margin p{font-size: .22rem;color: #868686;}
.messBox{height: 4rem;}


@-webkit-keyframes btn-run {
	0% { transform: scale(0.9);	}
	50% { transform: scale(1); }
	100% { transform: scale(0.9); }
}
@-moz-keyframes btn-run {
	0% { transform: scale(0.9);	}
	50% { transform: scale(1); }
	100% { transform: scale(0.9); }
}
@keyframes btn-run {
	0% { transform: scale(0.9);	}
	50% { transform: scale(1); }
	100% { transform: scale(0.9); }
}
/*进度条*/

.w-progressBar{ margin:0 auto; width:220px; height: auto;}
.w-progressBar-wrap {
    position: relative;
    width:220px;
    height:10px;
    overflow: hidden;
    background-position: 0 -10px;
}
.w-progressBar-bar{ position:absolute; z-index:1; background-position:0 0; width:220px; height:10px; overflow:hidden;}
.w-progressBar-wrap, .w-progressBar-bar {
    background-image: url(../image/progressBar_img.png);
    background-repeat: no-repeat;
}

.pr{ position:relative;}
.pa{ position:absolute;}
.dn{ display:none;}

/*弹窗样式*/
.alert{
	width:7.5rem;
	height:100%; 
	background:rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index:999; _position:absolute; _height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.alertCase{ width:7.5rem;height:auto;	
	position: absolute;
	left:50%; margin-left: -3.75rem; bottom:23%;
	z-index:1000;
}
.jd-tex{ text-align:center; font-size:0.28rem; color:#ececec; padding-bottom:0.2rem;}



