/* 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;}
.wrap1{width:7.05rem;margin: 0 auto;clear: both; text-align: center;}
.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: #193596;width:7.5rem;z-index: 9999;}
.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: #2c55df;margin:0 2%; border-radius: .1rem;}
.lfNav{display: none;}


.page-index{width: 100%; height: 100%; background: #3f67f7; float: left;}

/*banner*/
.banner-box{height:6.04rem;background:url(../images/banner.jpg);width: 100%; background-size: 7.5rem;}
.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: .47rem;}
.fixBtn a{width: auto; background: #2e49be; 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:before{content: '';width: .22rem; height: .48rem; display: block;float: left; margin-left: .25rem; margin-right: .08rem;}
.fixBtn a.rulebtn:before{background: url(../images/icon01.png) no-repeat center; background-size: auto .2rem;}
.fixBtn a.videobtn:before{background: url(../images/icon02.png) no-repeat center; background-size: auto .2rem;}

/* 领取时间 */
.letTime{width: 100%; clear: both; float: left; margin: auto;}
.letTime p{font: .36rem/.97rem "microsoft yahei";color: #fff; text-align: center;}
.letTime p:before{content: "";width: .37rem; height: .97rem; display: inline-block; background: url(../images/icon03.png) no-repeat center; background-size: 100%; margin-right: .15rem; vertical-align: top;}

/* 主体模块 */
.mainbox{width:100%; clear: both; float: left; background:#fff; margin-bottom: .34rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	-webkit-box-shadow: 0 0 .16rem #5f77ea;
	box-shadow: 0 0 .16rem #5f77ea;
}
.mainbox .tipTxt{float: left; margin-top: .22rem;}
.mainbox .tipTxt span{float: left; background: #e9f1ff; font: .28rem/.46rem "microsoft yahei";color: #304ae0; text-align: left; padding-left: .15rem; padding-right: .25rem;
	-webkit-border-radius: 0 .23rem .23rem 0;
	-moz-border-radius: 0 .23rem .23rem 0;
	border-radius: 0 .23rem .23rem 0;
}
.mainbox .tipTxt span:before{content: "";width: .23rem; height: .46rem; display: block; float: left; background: url(../images/icon04.png) no-repeat center; background-size: 100%; margin-right: .1rem;}
.mainbox .tipTxt span em{font-weight: bold;}

.mainbox .numPeo{width: 100%; clear: both; float: left; margin-top: .2rem; height: .64rem; position: relative;}
.mainbox .numPeo p{width: 100%; font: .32rem/.64rem "microsoft yahei";color: #333; height: .64rem;}
.mainbox .numPeo p em{color: #eb3f00;}
.mainbox .numPeo .iconSuc{position: absolute; width: 1.87rem; top: -.55rem; right: .1rem;}

.mainbox .yetImg{width: 100%; clear: both; float: left; margin-top: .2rem; height: 3.4rem; overflow: hidden;}
.mainbox .yetImg img{width: 4.01rem; display: block; margin: auto;}

.mainbox .progressbox{width: 100%; clear: both; float: left; margin-top: .2rem;}
.mainbox .progressbox .progressImg{width: 100%; height: .46rem; display: block; float: left;}
.mainbox .progressbox .progressImg img{width: auto; height: .46rem; display: block; margin: auto;}
.mainbox .progressbox ul{width: 90%; clear: both; float: left; margin: .15rem 5% 0;}
.mainbox .progressbox ul li{width: 33.33%; float: left; height: .72rem; display: block; text-align: center;}
.mainbox .progressbox ul li.type01{background: url(../images/use-img01.png) no-repeat center; background-size: auto .72rem;}
.mainbox .progressbox ul li.type02{background: url(../images/use-img02.png) no-repeat center; background-size: auto .72rem;}
.mainbox .progressbox ul li.type01 span{width: 100%; font: .24rem/.62rem "microsoft yahei";color: #eb3f00; float: left; margin-top: .1rem;}
.mainbox .progressbox ul li.type02 a{width: 100%; font: .24rem/.3rem "microsoft yahei";color: #eb3f00; float: left; margin-top: .1rem;}
.mainbox .progressbox ul li.type02 span{width: 100%; font: .24rem/.3rem "microsoft yahei";color: #333;}



.list-btn{width: 100%; clear: both; float: left; margin-top: .42rem; margin-bottom: .35rem; position: relative;}
.index-btn{margin-top: 0;}
.list-btn a{width: 6rem; height: .88rem; display: block; margin: auto; font: .4rem/.88rem "microsoft yahei";color: #fff;
	-webkit-border-radius: .44rem;
	-moz-border-radius: .44rem;
	border-radius: .44rem;
}
.list-btn a.btn01{background: url(../images/btn01.png) no-repeat center; background-size: 100%;
	-webkit-box-shadow: 0 .04rem .16rem rgba(238,112,0,.4);
	box-shadow: 0 .04rem .16rem rgba(238,112,0,.4);
}
.list-btn a.btn02{background: url(../images/btn02.png) no-repeat center; background-size: 100%;
	-webkit-box-shadow: 0 .04rem .16rem rgba(248,88,67,.4);
	box-shadow: 0 .04rem .16rem rgba(248,88,67,.4);
}
.list-btn span{width: 1.35rem; height: .56rem; display: block; background: url(../images/img04.png) no-repeat center; background-size: 100%;
	font: .28rem/.42rem "microsoft yahei"; color: #fff;
	position: absolute; right: .74rem; top: -.18rem;
	-webkit-animation: ballon 4s linear infinite; 
	animation: ballon 4s linear infinite;
}
.index-btn span{background: url(../images/img03.png) no-repeat center; background-size: 100%;}

.txtbox{width: 6.6rem; height: 3.19rem; display: block; clear: both; margin:0 auto .23rem; background: url(../images/img02.png) no-repeat center; background-size: 100%;}
.txtbox ul{float: left; clear: both; margin-left: .35rem; margin-top: .22rem; }
.txtbox ul li{clear: both; float: left; border-bottom: dashed 1px #95abff; font: .28rem/.52rem "microsoft yahei";color: #fff; text-align: left;}
.txtbox ul li span{font-weight: bold; color: #ffe464;}
.txtbox ul li:before{content: '';width: .1rem; height: .52rem; display: block; float: left; margin-left: -.1rem; background: url(../images/icon05.png) no-repeat center; background-size: 100%;}


@keyframes ballon {
	0%   {right:.74rem;}
	25%  {right:1rem;}
	50%  {right:.74rem;}
	75%  {right:1rem;}
	100% {right:.74rem;}
}
@-webkit-keyframes ballon {
	0%   {right:.74rem;}
	25%  {right:1rem;}
	50%  {right:.74rem;}
	75%  {right:1rem;}
	100% {right:.74rem;}
}