/* 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;}
.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: #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;}

/*banner*/
.banner-box{height:7.5rem;background:url(../images/banner.jpg) no-repeat center top;background-size: 18rem;}
.banner-box .wrap{}
.banner-box .logo{width:1.7rem; height:0; top: .25rem;}

.banner-box .btn{width: 4rem; height: .64rem; display: inline-block; position: absolute; top: 4rem; left: 1.4rem;}

/*section1*/
.sec01{height: auto;}
.s1-tit{margin-top: .3rem; background-size:auto 1.1rem; height: auto;}
.s1-tit h2{font: bold .42rem/.95rem "microsoft yahei";}
.s1-tit span{height: .54rem; background-size: auto .54rem; font: .24rem/.54rem "microsoft yahei"; top: -.3rem;}
.s1-tit::before{display: none;}
.s1-tit p{ position: initial; background: none; font: .24rem/.5rem "microsoft yahei"; height: .5rem;}
.s1-tit p em{font-size: .3rem;}

.page-draw{width: 100%; background: #f9ece3; border: solid 1px #e1ac68; border-radius: .1rem; margin-top: .7rem; height: auto;}
.s1-cont .rulebtn{margin-top: -.5rem; height: .5rem;margin-right: 0;}
.s1-cont .rulebtn a{height: .5rem; background-size: auto .5rem; width: 2.15rem; font: .28rem/.5rem "microsoft yahei"; }

.page-draw .myGift{width: 90%; margin: .2rem 5%; height: .8rem;}
.page-draw .myGift a{font: .32rem/.6rem "microsoft yahei"; height: .6rem; background-size: auto .6rem; margin: .1rem; width: 1.7rem;}
.page-draw .myGift p{font: .32rem/.8rem "microsoft yahei";}
.page-draw .draw-cont{width: 6.66rem; height: 4.76rem; display: block; float: left; margin: 0 .12rem .13rem; background-size: 100% 100%;}
.page-draw .draw-cont .draw{width: 5.96rem; height: auto; float: left; margin: .32rem .34rem auto; display: block;}

.draw .item{width: 1.86rem; height: 1.1rem; background-size: 100% 100%;}
.draw .item.active { background-image: url(../images/draw-btn02.png); background-size: 100%;}
.draw .img img{width: 100%;}
.draw .draw-btn{width: 100%; height: 1.1rem;}


.draw .gap{width: .03rem;}
.draw .gap-2{height: .05rem;}

/*section2*/
.sec02{height: auto;}
.s2-tit{margin-top: .55rem; background-size:auto 1.1rem; height: auto;}
.s2-tit h2{font: bold .42rem/.95rem "microsoft yahei";}
.s2-tit span{height: .54rem; background-size: auto .54rem; font: .24rem/.54rem "microsoft yahei"; top: -.3rem;}
.s2-tit::before{display: none;}
.s2-tit p{ position: initial; background: none; font: .24rem/.5rem "microsoft yahei"; height: .5rem;}

.s2-cont{width: 100%; background: #f9ece3; border: solid 1px #e1ac68; border-radius: .1rem; margin-top: .6rem; height: auto;}
.s2-cont .rulebtn{margin-top: -.5rem; height: .5rem;margin-right: 0;}
.s2-cont .rulebtn a{height: .5rem; background-size: auto .5rem; width: 2.15rem; font: .28rem/.5rem "microsoft yahei"; }

.s2-cont .mhGift{width: 90%; margin: .2rem 5%; height: .8rem;}
.s2-cont .mhGift a{font: .32rem/.6rem "microsoft yahei"; height: .6rem; background-size: auto .6rem; margin: .1rem; width: 1.7rem;}
.s2-cont .mhGift p{font: .32rem/.8rem "microsoft yahei";}

#manghe{ background: none; padding-bottom: 0;}
#manghe li{width: 48%; margin: 0 1% .3rem;height: auto;}
#manghe li img{width: 2.5rem;}
#manghe li span{font: .28rem/.65rem "microsoft yahei"; padding: 0 .2rem; height: .65rem;}
#manghe li i{width: .72rem; height: .72rem; top: 1.2rem; right: .35rem; background-size: 100%;}

/*section3*/
.sec03{height: auto;}
.s3-tit{margin-top: .55rem; background-size:100% 1.1rem; height: auto;}
.s3-tit h2{font: bold .42rem/.95rem "microsoft yahei";}
.s3-tit span{height: .54rem; background-size: auto .54rem; font: .24rem/.54rem "microsoft yahei"; top: -.3rem;}
.s3-tit::before{display: none;}
.s3-cont{width: 100%; background: #f9ece3; border: solid 1px #e1ac68; border-radius: .1rem; margin-top: .2rem; height: auto;}
.s3-cont ul{width: 100%; margin-top: .25rem;}
.s3-cont ul li{width: 46%; margin: 0 2% .15rem;}
.s3-cont ul li img{width: 100%;}
.s3-cont .ewmbox{width: 46%; margin-right: 2%; margin-top: -3.2rem; position: relative;}
.s3-cont .ewmbox img{width: 75%; clear: both;}
.s3-cont .ewmbox span{font: .32rem/.65rem "microsoft yahei";}

/* .s3-cont .txt{margin-top: .2rem;}
.s3-cont .txt .left{width: 90%; margin: auto 5%;}
.s3-cont .txt .left p{font: .26rem/.45rem "microsoft yahei"; }
.s3-cont .txt .left p span{color: #a51b2b;}
.s3-cont .txt .right{width: 90%; margin: .2rem 5%; font:bold .3rem/.55rem "microsoft yahei";}
.s3-cont .txt .right p span{height: .55rem; background-size: 100% .55rem; width: 1.56rem; margin-left: .05rem;}
 */

.s3-cont p{font: .3rem/.55rem "microsoft yahei"; margin: 0 auto .2rem;}
.s3-cont p span{height: .55rem; background-size: 100% .55rem; width: 1.56rem; margin-left: .05rem;}

/*section4*/
.sec04{height: auto;}
.s4-tit{margin-top: .55rem; background-size:100% 1.1rem; height: auto;}
.s4-tit h2{font: bold .42rem/.95rem "microsoft yahei";}
.s4-tit::before{display: none;}

.s4-cont{width: 100%;  margin-top: .7rem; height: auto; margin-bottom: 0;}
.s4-cont .part{background: #f9ece3; border: solid 1px #e1ac68; border-radius: .1rem; height: auto; }
.s4-cont .part01{margin-bottom: .55rem;}
.s4-cont .part h3{height: .74rem; background-size: auto .74rem; font: .36rem/.74rem "microsoft yahei"; margin-top: -.3rem;}
.s4-cont .cardbox{margin-top: .35rem;}
.s4-cont .cardbox a{width: 46%; margin: 0 1.5% .3rem;}
.s4-cont .cardbox a img{width: 100%}

/*section5*/
.sec05{height: auto;}
.sec05 .part{background: #f9ece3; border: solid 1px #e1ac68; border-radius: .1rem; height: auto; margin-bottom: .55rem;}
.sec05 .part01{margin-top: .85rem;}
.sec05 .part h3{height: 1.2rem; background-size: auto 1.2rem; font: .42rem/.95rem "microsoft yahei"; margin-top: -.5rem;}
.sec05 .part ul{width: 90%; margin: .2rem 5%; font: .28rem/.45rem "microsoft yahei";}
.sec05 .part ul li i{width: 8%;}
.sec05 .part ul li p{width: 92%;}
.sec05 .part ul li .red{margin-left: 8%;}
.sec05 .part .ewmbox{width: 90%; margin: .15rem 5%;}
.sec05 .part .ewmbox img{width: 3rem; display: block; margin: auto; float: initial;}
.sec05 .part .txt{width: 100%; margin: .2rem auto; font: .28rem/.45rem "microsoft yahei";}

.sec05 .part02{margin-top: .2rem;}
.sec05 .part02 .txt{width: 90%; margin: .15rem 5%;}

/*section2*/