/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;background: #2535ca;}
.wrap{width:6.8rem;margin: 0 auto; position: relative;}
.wrap1{width:6.98rem;margin: 0 auto;clear: both; text-align: center;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.m-ib{display: inline-block!important;}



.page-index{width: 100%; height: 100%; background: #2535ca url(../images/page-index.jpg) no-repeat center top; background-size: 7.5rem; float: left;}
.page-zd{width: 100%; height: 100%; background: #282399 url(../images/page-zd.jpg) no-repeat center top; background-size: 7.5rem; float: left;}

/*banner*/
.banner-box{height:5.64rem;width: 100%; }
.page-zd .banner-box{height: 6.38rem;}
.banner-box .wrap{}
.banner-box .logo{width:1.7rem; height:0; top: .25rem; position: absolute;}
.banner-box .logo img{width: 100%; display: block;}

.fixBtn{position: fixed; right: 0; top: .4rem;}
.fixBtn a{width: auto; background: #4769ee; height: .48rem; font: .24rem/.48rem "microsoft yahei";color: #fff; float: left; display: block; clear: both; margin-bottom: .12rem; padding-right: .15rem;
	-webkit-border-radius: .24rem 0 0 .24rem;
	-moz-border-radius: .24rem 0 0 .24rem;
	border-radius: .24rem 0 0 .24rem;
}
.fixBtn a.rulebtn:before{content: "";width: .17rem; height: .48rem; display: block; background: url(../images/icon01.png) no-repeat center; background-size: 100%; float: left; margin-right: .1rem; margin-left: .2rem;}


.index-btn{width: 100%; clear: both; float: left; margin-top: 6.42rem; display: block; text-align: center; margin-bottom: .28rem;}
.index-btn a{width: 4.32rem; height: 1rem; display: block; margin: auto;background: url(../images/index-btn.png) no-repeat center; background-size: 100%;
	font: bold .4rem/1rem "microsoft yahei"; color: #fff;
	-webkit-border-radius: 2.16rem;
	-moz-border-radius: 2.16rem;
	border-radius: 2.16rem;
	-webkit-box-shadow: .1rem 0 .4rem rgba(52,77,235,.5);
	box-shadow: .1rem 0 .4rem rgba(52,77,235,.5);
}

.mainbox{width: 100%; height: 5.38rem; clear: both; float: left; background: url(../images/img01.png) no-repeat center top; background-size: 100%;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	-webkit-box-shadow: 0 .06rem .06rem rgba(32,29,169,.2);
	box-shadow: 0 .06rem .06rem rgba(32,29,169,.2);
}

/* 倒计时 */
.countdown{width: 100%; height: .66rem; display: block; float: left; margin-top: .39rem; margin-bottom: .5rem; clear: both; background: rgba(92,118,252,.2);}
.countdown p{text-align: center; font: .28rem/.66rem "microsoft yahei"; color: #0625cb;}
/* .countdown p em{background: url(../images/time-img01.png) no-repeat center; background-size:auto .4rem; font: .28rem/.4rem arial; color: #fff;  display: inline-block; letter-spacing: .15rem;padding-left: .15rem;} */
.countdown p em{background: #474feb; font: .28rem/.4rem arial; color: #fff;  display: inline-block; text-align: center; padding: 0 .1rem;margin: 0 .08rem;}
.countdown p.suc{color: #e00000;}

.mainbox .member{width: 100%; clear: both; float: left; margin-bottom: .43rem;}
.mainbox .member li{width: 1.54rem; height: 1.93rem; display: inline-block; margin: auto .05rem;
	-webkit-border-radius: .15rem;
	-moz-border-radius: .15rem;
	border-radius: .15rem;
	-webkit-box-shadow: 0 0 .15rem rgba(41,54,188,.32);
	box-shadow: 0 0 .15rem rgba(41,54,188,.32);
}
.mainbox .member li img{width: 100%; margin: auto; display: block;}

.list-btn{width: 100%; clear: both; float: left;}
.list-btn a{width: 6.12rem; height: 1rem; display: none; margin: auto; background: url(../images/btn01.png) no-repeat center; background-size: 100%;
	font: bold .4rem/1rem "microsoft yahei"; color: #fff;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	-webkit-box-shadow: 0 0 .15rem rgba(232,52,52,.42);
	box-shadow: 0 0 .15rem rgba(232,52,52,.42);
}

/* 领课流程 */
.step{width: 100%; height: 5.54rem; display: block; clear: both; float: left; margin-top: .92rem; background: url(../images/img02.png) no-repeat center top; background-size: 100%;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	-webkit-box-shadow: 0 .06rem .06rem rgba(32,29,169,.2);
	box-shadow: 0 .06rem .06rem rgba(32,29,169,.2);
}
.step h3{width: 4.58rem; height: .93rem; display: block; margin: -.46rem auto 0; font: bold .4rem/.93rem "microsoft yahei"; color: #fff;
	text-shadow: 0 .02rem .32rem rgba(255,92,28,.6);
	background: #ff941c;
	background: -webkit-linear-gradient(#ffdb8e, #ff8e13); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffdb8e, #ff8e13); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffdb8e, #ff8e13); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffdb8e, #ff8e13); /* 标准的语法 */
	-webkit-border-radius: .46rem;
	-moz-border-radius: .46rem;
	border-radius: .46rem;
	-webkit-box-shadow: 0 .02rem .46rem rgba(51,44,158,.42);
	box-shadow: 0 .02rem .46rem rgba(51,44,158,.42);
}
.step img{display: block;width: 6.71rem; margin: .43rem auto 0;}
.step p{font: .24rem/.88rem "microsoft yahei"; color: #fff; width: 100%; clear: both;}

/* 助力列表 */
.joinList{width: 100%; height: auto; display: block; clear: both; float: left; margin-top: .9rem; margin-bottom: .7rem; background: url(../images/img04.png) no-repeat center top; background-size: 100%;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	-webkit-box-shadow: 0 .06rem .06rem rgba(32,29,169,.2);
	box-shadow: 0 .06rem .06rem rgba(32,29,169,.2);
}
.joinList h3{width: 4.58rem; height: .93rem; display: block; margin: -.46rem auto 0; font: bold .4rem/.93rem "microsoft yahei"; color: #fff;
	text-shadow: 0 .02rem .32rem rgba(255,92,28,.6);
	background: #ff941c;
	background: -webkit-linear-gradient(#ffdb8e, #ff8e13); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffdb8e, #ff8e13); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffdb8e, #ff8e13); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffdb8e, #ff8e13); /* 标准的语法 */
	-webkit-border-radius: .46rem;
	-moz-border-radius: .46rem;
	border-radius: .46rem;
	-webkit-box-shadow: 0 .02rem .46rem rgba(51,44,158,.42);
	box-shadow: 0 .02rem .46rem rgba(51,44,158,.42);
}
.joinList img{width: 100%; display: none; margin: .25rem auto 0;}
.joinList ul{width: 100%; float: left; margin: .25rem auto; display: none;}
.joinList ul li{width: 6.1rem; clear: both; float: left; margin: 0 .42rem auto; font: .24rem/.8rem "microsoft yahei"; color: #333; border-bottom: solid 1px #d2d2d2;}
.joinList ul li:last-child{border-bottom: none;}
.joinList ul li i{width: .32rem; height: .8rem; display: block; float: left; background: url(../images/icon02.png) no-repeat center; background-size: 100%; font: .24rem/.8rem arial; color: #fff;}
.joinList ul li p{float: left;  width: 2.2rem; text-align: left; margin-left: .18rem;}
.joinList ul li span{float: left;}
.joinList ul li time{float: right;}