/* 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: #1c34a0;}
.wrap{width:6.8rem;margin: 0 auto; position: relative;}
.wrap1{width:7rem;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: #1c34a0 url(../images/index-bg.png) no-repeat center top; float: left; background-size: 7.5rem;}
.page-note{width: 100%; height: 100%; background: #1c34a0 url(../images/note-bg.png) no-repeat center top; float: left; background-size: 7.5rem;}

/*banner*/
.banner-box{height:6rem;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;}


/* 主体模块 */
.list-btn,.list-btn2{width: 100%; clear: both; float: left; margin-top: 5.78rem; position: relative; padding-bottom: .25rem; height: .85rem;}
.list-btn2{display: none;}
.list-btn a{width: 3.3rem; height: .86rem; display: block; margin: auto; font: 500 .36rem/.8rem "microsoft yahei";color: #fff;
	-webkit-border-radius: .44rem;
	-moz-border-radius: .44rem;
	border-radius: .44rem;
}
.list-btn a.btn01{background: url(../images/index-btn01.png) no-repeat center; background-size: 100%; float: left; color: #781903;
	-webkit-box-shadow: 0 .04rem .16rem #031e6c;
	box-shadow: 0 .04rem .16rem #031e6c;
}
.list-btn a.btn02{background: url(../images/index-btn02.png) no-repeat center; background-size: 100%; float: right;
	-webkit-box-shadow: 0 .04rem .16rem #031e6c;
	box-shadow: 0 .04rem .16rem #031e6c;
}
.list-btn span{width: 2.49rem; height: .51rem; display: block; background: url(../images/index-tip.png) no-repeat center; background-size: 100%;
	position: absolute; top: -.6rem; left: 1.23rem;
	font: .24rem/.45rem "microsoft yahei";color: #fff;
	-webkit-animation: ballon 3s linear infinite;
	animation: ballon 3s linear infinite;
}
@keyframes ballon {
  0% {left: 1.13rem;}
  25% {left: 1.33rem;}
  50% {left: 1.13rem;}
  75% {left: 1.33rem;}
  100% {left: 1.13rem;}
}
@-webkit-keyframes ballon {
	0% {left: 1.13rem;}
	25% {left: 1.33rem;}
	50% {left: 1.13rem;}
	75% {left: 1.33rem;}
	100% {left: 1.13rem;}
}