/* 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;}
.wrap{width:6.8rem!important;margin: 0 auto;}
.wrap1{width:7.2rem;margin: 0 auto;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.m-ib{display: inline-block!important;}
#box-kefu,#zhy,.aside-bgd,.box-fix-nav{display: none;}
.nav-bgd{position: fixed;top: 0; display: block;background: #860303;width:7.5rem;z-index: 99;}
.nav-cont{font-size: 0;text-align: center;}
.nav-cont li{display: inline-block;vertical-align: top;width: 25%;}
.nav-cont li a{display: block;height: .7rem;font-size:.24rem;color: #fff;line-height: .7rem;background: #bd0303;margin:0 2%; border-radius: .1rem;}
.lfNav{display: none;}

/*banner*/
.banner-box{height:5.5rem;margin-top: .7rem;background-size:17rem;}
.banner-box .wrap{}
.banner-box .logo{width:1.7rem; height:0; top: .25rem;}

/*section01*/
.sec-title h2{ font: bold .42rem/.8rem "microsoft yahei";
	background-size:auto .42rem;
}
.sec-title img{width: 100%;}
.s1-main{ padding-bottom: .15rem; padding-top: .1rem;}
.s1-main .tip{font-size: .24rem; line-height: .42rem; width: 80%; margin: 0 10% .1rem;}
.s1-main .itembox{width: 90%; margin: 0 5%;}
.s1-main .itembox .item{width: 100%; height: auto; margin: 0 auto .25rem;}
.s1-main .itembox .item.type01{background: #fef3f1;}
.s1-main .itembox .item.type02{background: #f5f3ff;}
.s1-main .itembox .item.type03{background: #fef2f2;}
.s1-main .itembox .item h3{font: .3rem/.68rem "microsoft yahei"; margin-bottom: .2rem;}
.s1-main .itembox .item font{font: .36rem/.52rem "microsoft yahei";}
.s1-main .itembox .item .txt{width: 88%; margin: .2rem 6% .1rem; height: auto; padding-bottom: .2rem;}
.s1-main .itembox .item .txt li{font-size: .24rem; line-height: .46rem;}
.s1-main .itembox .item .txt li p{font-size: .24rem;}
.s1-main .itembox .item .txt li p.type02{margin-top: 0; line-height: .46rem; margin-bottom: .05rem; width: 4rem;}
.s1-btn{margin: .2rem auto;}
.s1-btn a{font-size: .26rem; line-height: .64rem; border-radius: .35rem;}
.s1-btn a.btn01{width: 1.8rem;}
.s1-btn a.btn02{width: 2.5rem;}

/* section02 */
.s2-main{height: 6.4rem;}
.s2-main .left{width: 50%; margin:.2rem auto 0;}
.s2-main .left img{width: 60%; margin: auto 20%;}
.s2-main .med{width: 50%; margin:.35rem auto 0;}
.s2-main .med img{width: 90%; margin: auto 5%;}
.s2-main .right{width: 80%; margin: .2rem 10%;}
.s2-main .right a{width: 80%; margin: .1rem 10% .25rem; font: .3rem/.6rem "microsoft yahei"; border-radius: .3rem;}
.s2-main .right .box{width: 80%; margin: auto 10%; height: auto;}
.s2-main .right .box font{font: bold .32rem/.75rem "microsoft yahei"; background-size: auto 100%;}
.s2-main .right .box p{font: .26rem/.44rem "microsoft yahei"; margin: .2rem auto .35rem;}

/* section03 */
.s3-main{padding-bottom: .2rem;}
.s3-main .myGrade{width: 90%; height: .6rem;}
.s3-main .myGrade >div{margin-left: 1.5rem; padding-left: 0;}
.s3-main .myGrade .rank{margin-left: .05rem;}
.s3-main .myGrade >div i{width: .8rem;}

.s3-main .gradeTab{width: 90%;margin: .15rem 5%;display: flex;flex-direction: column}
.s3-main .gradeTab ul{width: 100%; margin:0 auto .1rem;}
.s3-main .gradeTab ul li{width: 32%; margin: 0 .5% .1rem;}
.s3-main .gradeTab .sheetbox{width: 100%;height: fit-content;}
.s3-main .gradeTab .sheetbox .tab-th td{font-size: .28rem;}
#sheetList{height: auto; overflow-y: scroll;max-height: 6rem;min-height: 3rem;}
#sheetList table td{font: .26rem/.6rem "microsoft yahei";}
.sheetbox .noData img{width: 100%; display: block; margin: auto;}
.s3-main .myGrade >div b{font-size: 0.26rem;}
.s3-main .right{width: 100%; margin: .2rem auto 0;}
.s3-main .right h4{width: 2.02rem;}
.s3-main .right .txt{width: 100%;}
.s3-main .right .txt p{font: .24rem/.4rem "microsoft yahei";width: 95%;}
.s3-ewm{width: 100%; margin:.15rem auto 0;}
.s3-ewm img{width: 3.06rem; display: block; margin: auto;}
.s3-main .rankInfo{width: 90%;margin: .1rem 5% 0;}
.s3-main .rankInfo p{font-size: .26rem; line-height: .54rem; text-align: left;}

/* section04 */
.s4-main{flex-direction: column}
.s4-main .left{width: 90%;  margin: 0 5% .2rem;}
.s4-main .left .item01,.s4-main .left .item02{width: 100%; background: #ff2928; height: auto; border-radius: .2rem .2rem 0 0;}
.s4-main .left .item01 h3, .s4-main .left .item02 h3{
	font-size: .32rem; line-height: .72rem; width: 100%;
}
.s4-main .left .item01 ul,.s4-main .left .item02 ul{width: 90%; padding: .1rem 2%; float: left; margin: 0 3% .2rem; background: #fff;}
.s4-main .left .item01 ul li{font: .26rem/.56rem "microsoft yahei";}
.s4-main .left .item02 ul{padding: .2rem 2%;}
.s4-main .left .item02 ul li{font: .26rem/.56rem "microsoft yahei";}
.s4-main .left .item02 ul li i{width: .36rem; height: .36rem; margin-top: .1rem;}
.s4-main .left .item02 ul li p span{font-weight: bold; font-size: .28rem;}

.s4-main .right{width: 90%; height: auto; margin: 0 5% .2rem;border:solid 2px #ff2928;
	background: #fff; border-radius: .2rem .2rem 0 0;
	box-sizing: border-box;
}
.s4-main .right h3{font-size: .32rem; line-height: .72rem; width: 100%;background: #ff2928; border-radius: .1rem .1rem 0 0;}
.s4-ewm{width: 3.58rem; height: auto; margin-left: 1.2rem;}
.s4-ewm img{width: 3.16rem; margin-top: .21rem; margin-left: .21rem;}
.s4-ewm p{ margin-bottom: .2rem; font: .26rem/.4rem "microsoft yahei";}

/* section05 */
.s5-main{flex-direction: column}
.s5-main .left{width: 100%; clear: both;}
.s5-main .left h3{width: 4.22rem; font-size: .32rem;}
.s5-main .left h3 span{margin-left: .15rem;}
.s5-main .left ul{width: 80%; clear: both; margin: .25rem 10%;justify-content: center;}
.s5-main .right{width: 80%; margin: .2rem 10%;}
.s5-main .right .jiaon{font-size: .26rem; width: 3rem;}
.s5-main .right p{font-size: .24rem; line-height: .42rem;}

/* section06 */
.s6-main{padding-bottom: 0.25rem;}
.s6-main ul{width: 85%; margin-left: 10%; margin-top: .2rem;}
.s6-main ul li font{font-size: .28rem;}
.s6-main ul li font::before{margin-left: -.5rem;}
.s6-main ul li p{font: .24rem/.42rem "microsoft yahei";}
.s6-main ul li p span{float: left; clear: both;width: 100%; margin: auto;}
.s6-ewm{width: 100%; margin: 0.2rem auto 0; padding: 0; text-align: center;position: initial;}
.s6-ewm .ewm{width: 2.23rem;height: 2.23rem; display: block; margin: auto; float: none;}

/*section2*/