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




.page-index{width: 100%; height: 100%; background: #0098f4 url(../images/page-index.jpg) no-repeat center top; background-size: 7.5rem; float: left;}
/*banner*/
.banner-box{height:8.98rem;width: 100%; float: left; position: relative;}
.banner-box .wrap{text-align: center;}
.banner-box .logo{width:1.8rem; height:.68rem; top: 0; position: absolute; left: 0;
	background: #fff;
	border-radius: 0 0 .1rem 0;
}
.banner-box .logo img{width: 1.5rem; display: inline-block; margin: .1rem 0;}



/* 首页 */
.main{width: 100%; clear: both; float: left; margin: 0 auto;}
.main .item01{width: 100%; padding: .22rem 0 .05rem; background-color: #fff; float: left; margin-bottom: .65rem;
	border-radius: .12rem;
}
.main .item01 ul{width: 6.36rem; float: left;margin: 0 .22rem; clear: both;}
.main .item01 ul li{width: 100%; height: .8rem; line-height: .8rem; font-size: .26rem; text-align: left; margin-bottom: .18rem;}
.main .item01 ul li.no01{background: url(../images/index-img01.png) no-repeat center; background-size: 100%;}
.main .item01 ul li.no02{background: url(../images/index-img02.png) no-repeat center; background-size: 100%;}
.main .item01 ul li.no03{background: url(../images/index-img03.png) no-repeat center; background-size: 100%;}
.main .item01 ul li.no04{background: url(../images/index-img04.png) no-repeat center; background-size: 100%;}
.main .item01 ul li span{font-size: .3rem; color: #fff; float: left; margin-left: .57rem; width: 1.5rem;}
.main .item01 ul li p{float: left; margin-left: .28rem;}

.main .item02{width: 100%; background-color: #fff; float: left; margin-bottom: .25rem;
	border-radius:0 0 .12rem .12rem;
	position: relative;
}
.main .item02::before{content: '';width: 100%; height: .14rem; display: block;
	background-color: #8dd3fd;
	border-radius: .24rem .24rem 0 0;
	position: absolute; left: 0; top: -.14rem;
}
.main .item02 h2{width: 4.16rem; height: .79rem; display: block; float: left; margin:-.36rem 1.32rem .21rem;
	font-size: .32rem; line-height: .79rem; font-weight: bold; color: #fff;
	background: #0ca3ff;
	border-radius: .16rem;
	position: relative;
}
.main .item02 ul{width: 6.36rem; float: left;margin: 0 .22rem .1rem; clear: both;}
.main .item02 ul li{width: 100%; height: 1.08rem; display: block; float: left; margin-bottom: .22rem; background: #f4f3ff;
	border-radius: .12rem;
	box-shadow: 0 .02rem .08rem rgba(199,197,220,.75);
}
.main .item02 ul li i{width: .47rem; height: 1.08rem; display: block; float: left; margin-left: .16rem;
	background: url(../images/index-icon01.png) no-repeat center; background-size: 100%;
}
.main .item02 ul li span{float: left; font-size: .26rem; line-height: 1.08rem;}
.main .item02 ul li a{width: 1.76rem; height: .56rem; display: block; float: right; margin-top: .26rem; margin-right: .2rem;
	font-size: .26rem; line-height: .56rem; font-weight: bold; color: #fff;
	background: #fd6500;
	background: -webkit-linear-gradient(#ffc602 , #fd6500); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffc602 , #fd6500); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffc602 , #fd6500); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffc602 , #fd6500); /* 标准的语法 */
	border-radius: .3rem;
	box-shadow: 0 .03rem .06rem rgba(253,126,0,.5);
}



.index-ewm{width: 100%; clear: both; float: left; background-color: #fff; margin-bottom: .31rem; border-radius: .12rem;}


.index-ewm .left{float: left;width: 1.74rem;margin-left: .62rem;margin-top: .22rem; margin-bottom: .23rem;}
.index-ewm .left img{width: 100%;}

.index-ewm .txt{float: left; margin-left: .48rem; margin-top: .3rem; max-width: 3.3rem;}
.index-ewm .txt font{width: 3.16rem; height: .63rem; display: block; padding-left: .14rem; float: left; font:bold .26rem/.63rem "microsoft yahei"; color: #fff;
	background: url(../images/btm-img01.png) no-repeat center;
	background-size: 100%;
}

.index-ewm .txt p{font: .24rem/.3rem "microsoft yahei"; color: #333; float: left; clear: both; margin-top: .1rem; text-align: left; margin-left: .36rem;}
.index-ewm .txt p span{color: #fd6b00;}

.capsule{width: 100%; clear: both; float: left; margin: 0 auto .35rem; height: 1.67rem;
	background: url(../images/capsule.png) no-repeat center; background-size: 100%;
	border-radius: .85rem;
	box-shadow: 0 .02rem .08rem rgba(122,101,219,.75);
}
.capsule >div{width: 1.44rem; height: 1.44rem; display: block; margin-top: .11rem;
	background: url(../images/capsule-img01.png) no-repeat center;
	background-size: 100%;
	position: relative;
}
.capsule .left{float: left; margin-left: .15rem;}
.capsule .right{float: right; margin-right: .15rem;}
.capsule a{display: block; color: #f67900;}
.capsule a span{ padding: .45rem 0 0;display: block; width: 100%; float: left; font-weight: bold;font-size: .24rem; line-height: .31rem; letter-spacing: -1px;}
.capsule a::after{content: ''; width: .73rem; height: .61rem; display: block;
	position: absolute; top: 1.15rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}
.capsule .left a::after{ left: -.1rem;
	background: url(../images/cursor01.png) no-repeat center;
	background-size: 100%;
}
.capsule .right a::after{ right: -.1rem;
	background: url(../images/cursor02.png) no-repeat center;
	background-size: 100%;
}

@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}