@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:67.5px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:60px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:45px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:40px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:37.5px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:33.75px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:30px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:25.875px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:25px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:23.4375px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:22.5px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:20px;
     }
   }
     @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
     html,body {
         font-size:15px;
     }
   }
  @charset "utf-8";
/*author:Yingqi.Guo*/
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}
body{font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;}

/*contentPage*/
#content{width:16rem;margin:0 auto;height:100%;}
.indexbg{background:url(../images/mbg.jpg) no-repeat center top;background-size:100% auto;}
.rulebg{background:url(../images/rbg.jpg) no-repeat center top;background-size:100% auto;}
#wrap{position:relative;}
.header{height:15.425rem;position:relative;z-index:10;}
.indexbg .header a.logo{display:block;width:3rem;position:absolute;top:3.2rem;}
.rulebg .header a.logo{display:block;width:3rem;position:absolute;top:0.6rem;left:1rem;}
.header a.logo img{display:block;width:3rem;}



.gameBox{width:100%;height:3.15rem;background:url(../images/game.png) no-repeat center;background-size:100% auto;}
.gameBox .gameCon{padding:0 0.625rem;margin:0 auto;}
.gameBox a{display:block;width:2.7rem;height:3.15rem;background:url(../images/mgameBtn.png) no-repeat center top;background-size:100% auto;text-align:center;color:#000;font-size:0.35rem;font-weight:bold;}
.gameBox a p{padding-top:0.7rem;}
.gameBox a.gameBtn4 p{padding-top:0.9rem;}
.gameBox a span{font-size:0.45rem;display:block;padding-top:0px;}

.main{padding:0.75rem 0.15rem 2.5rem;}
.main h3.tit{font-size:0.8rem;text-align:center;height:1.475rem;line-height:1.475rem;color:#fff;font-weight:bold;background:#579bc8;}


.game_lunbo{width:15.7rem;height: 8.325rem;margin: 0 auto;position: relative;overflow: hidden;}
.game_lunbo .swiper-wrapper{width: 100%;height: 100%;position: relative;}
.game_lunbo .swiper-slide{width: 100%;height: 100%;position: relative;float: left;}
.game_lunbo .swiper-slide a{width: 100%;height: 100%;display: block;}
.game_lunbo .swiper-slide a img{width: 100%;height: 100%;display: block;}
.pageSign1{width: 100%;text-align: center;padding:0.2rem 0;}
.pageSign1 span{width: 0.55rem;height:0.625rem;margin: 0 0.2rem;display: inline-block;background: url('http://zx.wanmei.com/web201607/mobile/images/cover/pagesign.png');background-size: 100% 100%;}
.pageSign1 span.swiper-pagination-bullet-active{background: url('http://zx.wanmei.com/web201607/mobile/images/cover/pagesign1.png');background-size: 100% 100%;}


.news{width:13rem;margin:0 auto;color:#464646;font-size:0.45rem;}
.news h3{font-size:0.8rem;color:#579bc8;font-weight:bold;margin-bottom:0.5rem;}
.news dl dd{line-height:0.825rem;}
.news dl dd a{color:#464646;}
.news dl dd a:hover,.news dl dd a.on{color:#9e7719;}
.news dl dd p{width:11.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news dd span{float:right;}
.news dt a{display:block;width:5.125rem;height:0.925rem;text-align:center;line-height:0.925rem;color:#579bc8;font-size:0.45rem;border-top:1px solid #bcdae7;border-bottom:1px solid #bcdae7;margin:0.625rem auto 0;}

.rewardTit{margin-top:1.25rem;}
.reward_lunbo{width:15.7rem;height: 8.8rem;margin: 0 auto;position: relative;overflow: hidden;}
.reward_lunbo .swiper-slide p{padding:3.5rem 0 0 4.9rem;font-size:0.35rem;line-height:0.65rem;}
.reward_lunbo .slide1{background:url(../images/sort1.jpg) no-repeat center top;background-size:100% auto;color:#fdd365;}
.reward_lunbo .slide2{background:url(../images/sort2.jpg) no-repeat center top;background-size:100% auto;color:#fff;}
.reward_lunbo .slide3{background:url(../images/sort3.jpg) no-repeat center top;background-size:100% auto;color:#fff;}
.reward_lunbo .slide4{background:url(../images/sort4.jpg) no-repeat center top;background-size:100% auto;color:#4a4051;}
.reward_lunbo .slide5{background:url(../images/sort5.jpg) no-repeat center top;background-size:100% auto;color:#4a4051;}
.reward_lunbo .reward_left,.reward_lunbo .reward_right{content: '';width: 1.475rem;height: 2.8rem;position: absolute;top: 50%;margin-top: -1.4rem;z-index: 2;cursor:pointer;}
.reward_lunbo .reward_left{left:0.2rem;background: url(../images/left.png);background-size: 100% 100%;}
.reward_lunbo .reward_right{right: 0.2rem;background: url(../images/right.png);background-size: 100% 100%;}
.reward_lunbo .swiper-wrapper{width: 100%;height: 100%;position: relative;}
.reward_lunbo .swiper-slide{width: 100%;height: 100%;position: relative;float: left;}
.reward_lunbo .swiper-slide a{width: 100%;height: 100%;display: block;}
.reward_lunbo .swiper-slide a img{width: 100%;height: 100%;display: block;}

.main p.tip{font-size:0.45rem;color:#464646;text-align:center;padding:0.25rem 0;}


/*导航*/
#menu{display:block;width:1.6rem;height:1.875rem;background:url(../images/menu.png) no-repeat center;background-size:100% auto;position:absolute;top:0.45rem;right:0.5rem;z-index:20;}
/*侧边导航*/
#slide{width:4rem;height:100%;padding-top:2.5rem;position:fixed;right:0;top:0;background:#5696c1;z-index:333;transform:translate3d(100%,0,0);}
#slide a{display:block;width:3rem;margin:0 auto;height:1.8rem;line-height:1.8rem;font-size:0.5rem;text-align:center;color:#fff;border-bottom:1px solid #fff;}
#slide a:last-child{border-bottom:none;}
#shou{display:block;width:0.9rem;height:1.125rem;background:url(../images/closeBtn.png) no-repeat center;background-size:100% auto;text-indent:-249.975rem;cursor:pointer;text-indent:-249.975rem;position:absolute;top:0.45rem;right:0.45rem;}
/*阴影层*/
#layer{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:222;display:none;}



/* css animation */
@-webkit-keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInLeft{0%{opacity:1;-moz-transform:translate3d(0,0,0);}100%{opacity:0;-moz-transform:translate3d(100%,0,0);}}
@-ms-keyframes fadeInLeft{0%{opacity:1;-ms-transform:translate3d(0,0,0);}100%{opacity:0;-ms-transform:translate3d(100%,0,0);}}
@-o-keyframes fadeInLeft{0%{opacity:1;-o-transform:translate3d(0,0,0);}100%{opacity:0;-o-transform:translate3d(100%,0,0);}}
@keyframes fadeInLeft{0%{opacity:1;transform:translate3d(0,0,0);}100%{opacity:0;transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeOutLeft{0%{opacity:0;-webkit-transform:translate3d0,0,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes fadeOutLeft{0%{opacity:0;-moz-transform:translate3d0,0,0);}100%{opacity:1;-moz-transform:translate3d(0,0,0);}}
@-ms-keyframes fadeOutLeft{0%{opacity:0;-ms-transform:translate3d0,0,0);}100%{opacity:1;-ms-transform:translate3d(0,0,0);}}
@-o-keyframes fadeOutLeft{0%{opacity:0;-o-transform:translate3d0,0,0);}100%{opacity:1;-o-transform:translate3d(0,0,0);}}
@keyframes fadeOutLeft{0%{opacity:0;transform:translate3d(0,0,0);}100%{opacity:1;transform:translate3d(0,0,0);}}
.fadeInLeft,.fadeOutLeft{
-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;
-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-ms-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}



/*page of rule*/
.center{text-align:center;}
.ruleItem{width:15.625rem;height:65.15rem;background:url(../images/mtbg1.jpg) no-repeat center top;background-size:100% auto;overflow:hidden;}
.ruleItem1{margin-bottom:1.85rem;}
.ruleItem h2.tit{width:11.8rem;height:1.2rem;margin:1.45rem auto 0.6rem;background:url(../images/mtit1.png) no-repeat center top;background-size:100% auto;text-indent:-249.975rem;}
.ruleItem h2.tit2{background-image:url(../images/mtit2.png);margin:1.45rem auto 0.85rem;}
.ruleItem p{font-size:0.32rem;color:#000;line-height:0.60rem;width:12.75rem;margin:0 auto;}

.ruleItem3{text-align:center;font-size:0.45rem;color:#464646;padding-top:0.75rem;}



/*bottom*/
.bottom{width:15rem;height:1.175rem;padding:0.5rem;background:#fff;}
.bottom img{width:2.7rem;height:0.95rem;float:left;margin-left:0.5rem;margin-right:0.35rem;}
.bottom > p{font-size:0.4rem;color:#7b7b7b;white-space:nowrap;}