/* 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;margin: 0 auto; position: relative;clear: both; text-align: center;}
.wrap1{width:7.1rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}

@media screen and (max-width: 750px) {
	body{background: #dd3c29;}
}


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

/*banner*/
.banner-box{height:11.1rem;width: 100%; float: left;}
.page-zd .banner-box{height: 5.64rem;}
.page-paper .banner-box{height: 4rem;}

.banner-box .wrap{text-align: center;}
.banner-box .logo{width:1.7rem; height:auto; top: .25rem; position: absolute; left: 0;}
.banner-box .logo img{width: 100%; display: block;}


.fixBtn{position: fixed; top:.22rem; right: 0; z-index: 5;}
.fixBtn a{font: .24rem/.46rem "microsoft yahei"; display: block; clear: both; float: left; margin-bottom: .2rem; cursor: pointer;
	border-radius: .25rem 0 0 .25rem; 
	padding: 0 .17rem;
}
.fixBtn a::before{content: ''; width: .25rem; height: .46rem; display: inline-block; margin-right: .1rem; float: left;}
.fixBtn a.btn01,.fixBtn a.btn03{ color: #c83f24;
	background: #fed04f;
	background: -webkit-linear-gradient(left, #fce488 , #ffc52e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fce488, #ffc52e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fce488, #ffc52e); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fce488 , #ffc52e); /* 标准的语法 */
}
.fixBtn a.btn01::before{background: url(../images/icon01.png) no-repeat center; background-size: auto .25rem;}
.fixBtn a.btn02{color: #fff; background: rgba(138,11,5,.4);}
.fixBtn a.btn02::before{background: url(../images/icon02.png) no-repeat center; background-size: auto .25rem;}
.fixBtn a.btn03::before{background: url(../images/icon03.png) no-repeat center; background-size: 100%; width: .29rem;}


.index-btn{width: 100%; clear: both; float: left;display: block; position: relative; margin-bottom: .45rem;}
.index-btn a{width: 5.4rem; height: .91rem; display: block; margin: auto; font: bold .36rem/.8rem "microsoft yahei"; color: #943b06; cursor: pointer;
	background: url(../images/index-btn01.png) no-repeat center; background-size: 100%;
	border-radius: .4rem;
}
.index-btn a.end{
	background: url(../images/index-btn02.png) no-repeat center; background-size: 100%; color: #fff;
}


.mainbox{width: 100%; clear: both; float: left; height: 5.28rem;
	background: url(../images/img01.png) no-repeat center; background-size: 100%;
	border-radius: .2rem;
	box-shadow: 0 0 .65rem rgba(200,54,26,.67);
}
.mainbox .letTime{width: 100%; clear: both; float: left; margin-top: .1rem; height: .68rem;}
.mainbox .letTime p{font-size: .3rem; line-height: .68rem; color: #fff;}
.mainbox .letTime p em{font-weight: bold; font-size: .36rem;}
.mainbox ul{clear: both; float: left; width: 5.6rem; margin: .37rem .6rem 0;}
.mainbox ul li{width: 50%; float: left;}
.mainbox ul li span{width: 2.36rem; height: .42rem; border: solid 2px #fdcf57; border-radius: .23rem;
	background: #da2c1f; font-size: .24rem; color: #fff; display: block; line-height: .42rem; margin: auto;
}
.mainbox ul li.user img{width: 2.18rem; display: block; margin:.24rem auto 0;}
.mainbox ul li.joiner img{width: 2.75rem; display: block; margin-top: .13rem;}

.list-btn{width: 100%; clear: both; float: left;display: block;margin: .27rem auto .31rem;}
.list-btn a{width: 5.4rem; height: .91rem; display: none; margin: auto; font: bold .36rem/.8rem "microsoft yahei"; color: #943b06; cursor: pointer;
	background: url(../images/btn01.png) no-repeat center; background-size: 100%;
	border-radius: .4rem;
}




.basebox{width: 100%; height: 1.4rem; display: block; clear: both; float: left; border-radius: .7rem; margin-bottom: .6rem; position: relative;
	background: url(../images/base-img01.png) no-repeat center; background-size: 100%;
}
.basebox >img{width: 2.85rem; height: 2.8rem; display: block;position: absolute; left: -.2rem;bottom: -.25rem;}
.basebox .txt{float: left; margin-top: .21rem;width: 100%; position: relative;}
.basebox .txt font{width: 100%; height: .54rem; display: block; float: left; clear: both; font: bold .32rem/.54rem "microsoft yahei"; color: #fff;
	background: url(../images/base-img03.png) no-repeat center; background-size: 3.02rem auto;
}
.basebox .txt p{clear: both; width: 100%; float: left; text-align: center; font: bold .28rem/.4rem "microsoft yahei"; color: #fff;}
.basebox a{position: absolute; top: .2rem; right: .37rem; width: .98rem;}
.basebox a img{width: 100%; display: block;}