/* 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: #30248f;}
.wrap{width:6.8rem;margin: 0 auto;}
.wrap1{width:6.9rem;margin: 0 auto; text-align: center;}
.wrap2{width:6.5rem;margin: 0 auto; text-align: center;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.m-ib{display: inline-block!important;}


.indexPage{width: 100%;  display: block; float: left; background: url(../images/index-bg.jpg) no-repeat center top; background-size:  7.5rem ;}

@media screen and (min-width: 800px) {
    .indexPage {
        height: 1334px;
    }
	.indexPage .section{height: 1334px;}
}




/*banner*/
.banner-box{float: left; width: 100%; height: 5.82rem;}
.listPage .banner-box{height: 6.17rem;}
.zuduiPage .banner-box{height: 5.93rem;}
.banner-box .wrap{}
.banner-box .logo{width:1.92rem; height:0; top: .25rem; position: absolute;}
.banner-box .logo img{width: 100%; display: block;}

.fixBtn{position: fixed; top: .4rem; right: 0;}
.fixBtn a{font: .24rem/.48rem "microsoft yahei"; color: #fff; background: rgba(43,27,145,.8); padding-left: .21rem; padding-right: .16rem; height: .48rem; display: block; float: left;
	-webkit-border-radius: .24rem 0 0 .24rem;
	-moz-border-radius: .24rem 0 0 .24rem;
	border-radius: .24rem 0 0 .24rem;
}
.fixBtn a:before{content: '';width: .17rem; height: .48rem;display: block; background: url(../images/rule-icon.png) no-repeat center; background-size: 100%; float: left; margin-right: .1rem;}

.index-txt{width: 100%; height: 3rem; display: block; clear: both; background: #fff;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.index-txt ul{width: 100%; clear: both; float: left; margin-top: .22rem;}
.index-txt ul li{width: 2rem; display: inline-block; margin: auto;}
.index-txt ul li img{width: 1.71rem; display: block; margin: auto;}
.index-txt ul li p{font: .28rem/.32rem "microsoft yahei"; color: #333; width: 100%; clear: both; float: left; margin-top: .1rem;}

.indexBtn{width: 100%; height: 4.06rem; display: block; clear: both; float: left; margin: .16rem auto .3rem; background: #fff;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.indexBtn .item{width: 6.34rem; height: 1.69rem; display: block; clear: both; float: left; margin: 0 .29rem; background: url(../images/index-img04.png) no-repeat center; background-size: 100%;}
.indexBtn .item01{margin: .23rem .29rem .2rem;}
.indexBtn .item font{float: left; clear: both; font: bold .28rem/.32rem "microsoft yahei"; color: #fff; margin-top: .14rem; width: 1.7rem;}
.indexBtn .item .itemTxt{width: 6.08rem; height: 1.01rem; display: block; background: #fff; float: left; margin: .1rem .13rem; overflow: hidden;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.indexBtn .item .itemTxt p{float: left; font: .28rem/.36rem "microsoft yahei"; text-align: left; width: 4.4rem; margin-left: .17rem;margin-top: .15rem;}
.indexBtn .item .itemTxt a{width: 1.33rem; display: block; float: right; font: bold .28rem/.32rem "microsoft yahei"; color: #fff; padding: .19rem 0;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.indexBtn .item01 .itemTxt a{
	background: #f49f25;
	background: -webkit-linear-gradient(left, #f39a1a , #fed28d); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f39a1a, #fed28d); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f39a1a, #fed28d); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f39a1a , #fed28d); /* 标准的语法 */
}
.indexBtn .item02 .itemTxt a{
	background: #e32521;
	background: -webkit-linear-gradient(left, #e01f1f , #ff7b3a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e01f1f, #ff7b3a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e01f1f, #ff7b3a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e01f1f , #ff7b3a); /* 标准的语法 */
}
/* 开课列表 */
.listCourse{width: 100%; height: 5.13rem; display: block; clear: both; float: left; background: #fff; margin: 0 auto .4rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.listCourse ul{clear: both; width: 5.84rem; float: left; margin: .4rem .34rem auto;}
.listCourse ul li{width: 100%; height: .54rem; float: left; margin-bottom: .21rem; display: block;
	background: #4733ba;
	background: -webkit-linear-gradient(left, #4332b5 , #6941e6); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #4332b5, #6941e6); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #4332b5, #6941e6); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #4332b5 , #6941e6); /* 标准的语法 */
	-webkit-border-radius: .06rem .3rem .3rem .06rem;
	-moz-border-radius: .06rem .3rem .3rem .06rem;
	border-radius: .06rem .3rem .3rem .06rem;
}
.listCourse ul li p{float: left; font: .24rem/.54rem "microsoft yahei"; color: #fff;}
.listCourse ul li p:before{content: '·'; display: block; width: .1rem; height: .54rem; float: left; margin-left: .1rem;font-weight: bold; font-size: .3rem;}
.listCourse ul li a{float: right; margin-right: -1px; width: 1.57rem; height: .54rem; font: bold .28rem/.54rem "microsoft yahei"; color: #d81607;
	background: #fdda8e;
	background: -webkit-linear-gradient( #faf1c0 , #ffc460); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #faf1c0, #ffc460); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #faf1c0, #ffc460); /* Firefox 3.6 - 15 */
	background: linear-gradient( #faf1c0 , #ffc460); /* 标准的语法 */
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
	-webkit-box-shadow: 0 .03rem .1rem rgba(213,116,0,.3);
	box-shadow: 0 .03rem .1rem rgba(213,116,0,.3);
}
.invitBtn{width: 100%; clear: both; float: left; margin-bottom: .97rem;}
.invitBtn a{width: 100%; height: .68rem; display: block;  font: bold .36rem/.68rem "microsoft yahei"; color: #d81607;
	background: #fdda8e;
	background: -webkit-linear-gradient( #faf1c0 , #ffc460); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #faf1c0, #ffc460); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #faf1c0, #ffc460); /* Firefox 3.6 - 15 */
	background: linear-gradient( #faf1c0 , #ffc460); /* 标准的语法 */
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}


.zdbox{width: 100%; height: 5.66rem; display: block; clear: both; float: left; margin-bottom: .3rem; background: url(../images/zd-img01.png) no-repeat center; background-size: 100%;}
.zdbox .letTime{width: 100%; clear: both; float: left;}
.zdbox .letTime p{font: .3rem/.7rem "microsoft yahei",arial; color: #9c6318;}
.zdbox font{font: bold .3rem/.8rem "microsoft yahei"; color: #d81607; background: #fdf8ec; padding: 0 .15rem;}




.userList{width: 100%;float: left; margin: 0 auto .2rem;}
.userList ul{width: 6.3rem; clear: both; float: left; margin-top: .13rem; margin-left: .325rem; background: url(../images/user-img04.png) no-repeat center .46rem; background-size: auto .3rem;}
.userList ul li{width: 2.1rem; display: inline-block; float: left;}
.userList ul li img{width: 1.18rem; display: block; margin: auto;}
.userList ul li span{font: .24rem/.46rem "microsoft yahei"; color: #9c6318;}
.step{width: 100%; clear: both; float: left; }
.step img{display: block; margin: auto; height: 1.54rem;}


.zdBtn{margin-bottom: .5rem; text-align: center;}
.zdBtn.fail{height: .68rem;}
.zdBtn a{display: inline-block; margin-bottom: .15rem;}
.zdBtn a.btn01{width: 100%;}
.zdBtn a.btn02{ width: 2.68rem; margin: 0 .1rem; color: #faebb3;
	background: #d13c14;
	background: -webkit-linear-gradient( #ff7436 , #bf2507); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #ff7436, #bf2507); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #ff7436, #bf2507); /* Firefox 3.6 - 15 */
	background: linear-gradient( #ff7436 , #bf2507); /* 标准的语法 */
}
.zdBtn a.btn03{ width: 3.36rem; margin: 0 .1rem;}

.shareCont{display: none;}