@charset "utf-8";

 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;
}
 area{
     outline:none;
}
 img{
     border:0;
}
 input{
     -webkit-appearance: none;
     outline: none;
     border-radius: 0;
     border: 0;
}
 input::-ms-clear{
     display:none;
}
 ol,ul{
     list-style:none;
}
 a{
     text-decoration:none;
     outline:none;
     cursor: pointer;
}
 .cf:after {
     content:"";
     display:block;
     height:0;
     clear:both;
}
 .cf {
     zoom:1;
}
 .f_left{
     float: left;
}
 .f_right{
     float: right;
}
 .cl {
     zoom: 1;
}
 .fl{
     float:left;
}
 .fr{
     float:right;
}
 .ovf{
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
.of{overflow: hidden;}
 .scroll::-webkit-scrollbar {
     width: 0.1rem;
     height: 0.06rem;
     background-color:#a5472e;
     border-radius: 0.05rem;
     -webkit-border-radius: 0.05rem;
}
 .scroll::-webkit-scrollbar-track {
     background-color: #eed8cb;
     border-radius: 0.05rem;
     -webkit-border-radius: 0.05rem;
}
 .scroll::-webkit-scrollbar-thumb {
    /* -webkit-box-shadow: inset 0 0 0.0.06rem rgba(0,0,0,.3);
     */
     background-color: #f2aa89;
     border-radius: 0.05rem;
     -webkit-border-radius: 0.05rem;
}
 html,body{
     font-size: 62.5%;
     font-family: Microsoft Yahei,SimSun,Helvetica;
}
 body {
    background: #25346e;background-size: 100%;
    
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
     font-size: 0.14rem;
     color:#000;
     margin: 0 auto;
     padding: 0;
     min-width: 13.36rem;
     overflow: hidden;
     overflow-y:auto;
     /* max-width: 19.2rem; */
     height: 100%;
}
  
 .container{
     height: 100%;
     width: 100%;
     /* min-width: 12rem; */
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     /* background: url(https://mhxzx.games.wanmei.com/images/cover221202/bg.jpg) no-repeat top; */
     background-size: auto 100%;
}
 
 .top{
     width:25.6rem; 
     left: 50%;
     margin: 0 0 0 -12.8rem;
     height: 12.61rem;
     background: url(../images/top.jpg) center top no-repeat;
     background-size: 100%;
     z-index: 3;
     position: relative;
}
.page1{width: 25.6rem;
left: 50%;
     margin: 0 0 0 -12.8rem;
     height: 6.7rem;
     background: url(../images/page1.jpg) center top no-repeat;
     background-size: 100%; 
     position: relative;}
.page2 {
     width: 25.59rem; 
     height: 23.57rem;
     background: url(../images/page2.jpg?v=1) center top no-repeat;
     background-size: 100%;
     position: relative;left: 50%;
          margin: 0 0 0 -12.8rem;
}
.page3 {
     width: 25.6rem;
left: 50%;
     margin: 0 0 0 -12.8rem;
     height: 31rem;
     background: url(../images/page3.jpg?v=1) center top no-repeat;
     background-size: 100%;
     position: relative;
}
.page4 {
     width: 25.6rem;
left: 50%;
     margin: 0 0 0 -12.8rem;
     height:18.28rem;
     background: url(../images/page4.jpg) center top no-repeat;
     background-size: 100%;
     position: relative;overflow: hidden;
}
 .content{
     width: 100%;
     height: inherit;
    
    
}
.logo{
     /*width:5.31rem;
     height: 0.60rem;
     position: absolute;
     left:-1.45rem;
     top:0.32rem;
     background: url(https://mhxzx.games.wanmei.com/images/cover221202/logo.png) no-repeat ;
     background-size: 100%;
     z-index: 3;*/
     width: 2.1rem;height: 0.9rem;
     background: url(../images/logo.png) no-repeat;background-size: 100%;
     margin: 0.5rem auto 0;
}
 /***login****/
.login{width:6rem;color:#fff;font-size:0.18rem;position:absolute;right:1rem;top:0.1rem;text-align:right;height:0.48rem;line-height:0.52rem;z-index:100}
.login .before{display:none}
.login .before a{color:#fff;font-weight:bold;cursor:pointer}
.login .after{display:block}
.login .after a{color:#fff;font-weight:bold;cursor:pointer}
     
/*加入新服玩家群*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 999; display: none; }
.pop_join_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 579px; height: 450px; margin-left: 35px; background: url(https://mhxzx.games.wanmei.com/images/cover20220601/pop_join.png) no-repeat 0 0; }
.pop_close{ position: absolute; top: 0px; right: 50px; width: 78px; height: 78px; background: url(https://mhxzx.games.wanmei.com/images/cover20220601/pop_close.png) no-repeat 0 0; }
.pop_code{ position: absolute; top: 108px; left: 141px; width: 235px; height: 235px; }
    
.btn_tougao {
     width: 3.4rem;
     height: 0.6rem;
     background: url(../images/btn_tougao.png) no-repeat 0 0;
     background-size: 100%;
     position: absolute;
     left: 50%;
     margin: 0 0 0 -6rem;
     top: 3rem;
}

.btn_tougao:hover {
     background-position-y: -0.8rem;
}

.btn_mywork {
     width: 3.4rem;
     height: 0.6rem;
     background: url(../images/btn_mywork.png) no-repeat 0 0;
     background-size: 100%;
     position: absolute;
     left: 50%;
     margin: 0 0 0 -1.8rem;
     top: 3rem;
}

.btn_mywork:hover {
     background-position-y: -0.8rem;
}

.btn_mingdan {
     width: 3.4rem;
     height: 0.6rem;
     background: url(../images/btn_mingdan.png) no-repeat 0 0;
     background-size: 100%;
     position: absolute;
     left: 50%;
     margin: 0 0 0 2.4rem;
     top: 3rem;
}

.btn_mingdan:hover {
     background-position-y: -0.8rem;
}
.rule{color: #fcde8c;font-size: 0.18rem;position: absolute;width: 12rem; left: 50%;margin: 0 0 0 -6rem;line-height: 0.35rem;}
.pxgz{top: 5rem;}
.csge{top: 12.5rem;}
.ztjs {
     top: 9rem;
}
.pjgz {
     top: 19.5rem;
}
.zpsh{top: 24.5rem;}

.list {
     width: 12.7rem;
     height: 6.7rem;
     margin: 3rem auto 0;
     overflow: hidden;
}

.list ul {
     width: 12.6;
}

.list li {
     float: left;
     width: 2.9rem;
     height: 2.45rem;
     display: inline;
     background: #2d2824;
     margin: 0 0.28rem 0.28rem 0;
     background: #3a4893;border: 1px solid #808fc6;
}

.list li:nth-child(4n) {
     margin: 0 0px 28px 0;
}

.listImg {
     width: 2.7rem;
          height: 1.5rem;
          border: 1px solid #7978cb;
     position: relative;
     overflow: hidden;
     
     margin: 8px auto 0;
      
}

.listImg img {
     width: 100%;
     margin: 0 auto;
     display: block;
}

.listImg a {
     /* display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
     text-indent: -999px;
     background: url(../images/play.png) no-repeat center center;
     z-index: 10;
     position: absolute;
     left: 0;
     top: 0; */
}
.listName{color: #fff2c4;font-size: 0.18rem;text-align: center; width: 2.74rem;height: 0.3rem;line-height: 0.3rem;background: #1e2a6b;margin: 0.05rem auto 0;white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     word-break: break-all;}
 
 .btn_view{width: 1.5rem;height: 0.34rem;background: url(../images/btn_view.png) no-repeat center center;background-size: 100%; margin: 0.05rem auto 0;overflow: hidden;display: block;text-indent: -9rem; cursor: pointer;}

#pagination {
     text-align: center;
}

#pagination li {
     font-size: 16px;
     color: #a7a6ec;
     display: inline-block;
     padding: 0 10px;
}

#pagination li a {
     color: #a7a6ec;
}

#pagination li.active,
#pagination li:hover {
     color: #f9f0e6;
}

#pagination li.active a,
#pagination li:hover a {
     color: #f9f0e6;
}
/*  底部*/

.ewmBox{width:100%;margin:1rem auto 1rem;text-align:center; position: relative;}
.ewmBox li{display:inline-block;width:2.23rem;height:3rem;vertical-align:top;background:url(../images/ewm.png) center top no-repeat;background-size: 100%;margin: auto 0.4rem -0.07rem;}
.ewmImg{height:1.4rem;margin: 0.4rem auto 0;}
.ewmImg img{display:block;width:1.38rem;height:1.38rem;margin:0.54rem 0 0 0.43rem; }
.ewmName{height:0.42rem}
.ewmName span{display:block;width:1.26rem;height:0.26rem;border-bottom:0.01rem solid #9a3318;text-align:center;margin:0 auto;font-size:0.16rem;color:#c76100}
.ewmText{text-align:center;font-size:0.14rem;color:#cbd8fe;margin: 0.3rem auto 0;}
.ewmText span{color:#cbd8fe;display: block;font-weight: bold;}
.ewmText strong{display:inline-block;border:0.01rem solid #e55e2e;color:#cbd8fe;width:0.7rem;height:0.2rem;line-height:0.2rem;border-radius:0.05rem;margin-left:0.1rem}
 

.sidebar{width: 5.2rem;height: 12.3rem;background:url(../images/sidle_bg.png) repeat;position: fixed;left: 0;z-index: 100;}
.sidebar ul{margin: 0.2rem auto 0;}
.sidebar li{width: 5.2rem; height: 1.21rem;background: url(../images/li.png) repeat;background-size: 100%;}
.sidebar li.on,.sidebar li:hover{background: url(../images/li_on.png) repeat;
     background-size: 100%;}
          .sidebar li a{display: block;width: 5.2rem;
               height: 1.21rem;background: url(../images/nav.png) repeat;
                    background-size: 100%;}
.sidebar li.l1 a{background-position: 0 0;}
.sidebar li.l2 a {
     background-position: 0 -1.22rem;
}
.sidebar li.l3 a {
     background-position: 0 -2.41rem;
}
.sidebar li.l4 a {
     background-position: 0 -3.63rem;
}
.sidebar li.l5 a {
     background-position: 0 -4.82rem;
}
.sidebar li.l6 a {
     background-position: 0 -6.07rem;
}
/* popup */
.pop_fixed {
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(49, 49, 49, 0.9);
     z-index: 999;
}
.pop_fixed .content{width: 5.58rem;height: 8.03rem;background: url(../images/pop_bg.png) no-repeat;background-size: 100%;position: absolute;left: 50%;margin: 0 0 0 -2.79rem;top: 2rem;}
.coverup {
     width:1rem;
     height:1rem;
     background: url(../images/cover.jpg) no-repeat;
     background-size: 100%;
     position: absolute;
     left: 1.6rem;
     top: 3.9rem;
}

.coverup .img {
     width: 1rem;
     height: 1rem;
     position: absolute;
     z-index: 0;
     overflow: hidden;
     top: 0;
}
.pop_fixed .content .tit{width: 100%;margin: 1.5rem auto 0;}
.pop_fixed .content .tit img{ display: block;margin: 0 auto 0}
.coverup .img img {
     height: 100%;
}
#img {
     width: 1rem;
     height: 1rem;
     opacity: 0;
     z-index: 1;position: relative;
}
#pop_up .tit2{width: 0.9rem;height: 1.18rem;background: url(../images/tit.png) no-repeat;position: absolute;left: 0.5rem;top: 3rem;
     background-size: 100%;}
.editname{width: 3.2rem;height: 0.56rem;background: #fff;position: absolute;left: 1.6rem;top:2.85rem;}
#pop_up .t{color: #fff;position: absolute;left:2.7rem;top: 3.9rem;}
.close{width: 0.5rem;height: 0.5rem;background: url(../images/close.png) no-repeat;background-size: 100%;position: absolute;right: 0.4rem;top: 1.2rem;}
.sub{width: 2.46rem;height: 0.56rem;background: url(../images/btn_up.png) no-repeat;
     background-size: 100%;position: absolute;left: 50%;margin: 0 0 0 -1.23rem;top: 6rem;cursor: pointer;}
          #popFiex_bind select {
               width: 3.9rem;
               height: 0.72rem;
               margin: 0.4rem auto 0;
               border: 0.01rem solid #ac632d;
               font-size: 0.28rem;
               color: #868686;
               appearance: none;
               -moz-appearance: none;
               -webkit-appearance: none;
               outline: none;
               background: #fff url(../images/select.jpg) no-repeat scroll 100% center;
               text-indent: 0.1rem;
               display: block;
               padding-right: 0/92rem;
          }
     
          #popFiex_bind select::-ms-expand {
               display: none;
          }
     
          .btn_bind {
               width: 2.67rem;
               height:0.68rem;
               background: url(../images/btn_bind.png) no-repeat center center;
               background-size:auto 100%;
               margin: 0.6rem auto 0;
               cursor: pointer;
          }
.pt_bind {
     background: url(../images/bind_tit.png) no-repeat center center;background-size:auto 100%;
     width: 4.26rem;
     height: 0.48rem;
     margin: 1.5rem auto 0;
}

/*  */
.detail{width: 4.38rem;height: 3.42rem;background: url(../images/detailbox.png) no-repeat center center;margin: 0.5rem auto 0;
     background-size: auto 100%;position: relative;}
.detail .title{font-size: 0.28rem;color: #fff;text-align: center;line-height: 0.52rem;}
.detail .img{width: 3.6rem;height: 2.04rem;border: 0.01rem solid #7978cb;margin: 0.3rem auto 0;position: relative;overflow: hidden;display: block;}
.detail .img img{width: 100%;margin: 0 auto;
     display: block;}
.detail .mask{width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 90;position: absolute;left: 0;top: 0;}
.qun_qr{width: 2.02rem;height: 3.76rem;background: url(../images/qun_qr.png) no-repeat center center;background-size: auto 100%;position: fixed;right: 0.2rem;top: 4rem; z-index: 100;}
.shenhe{width: 3rem;height: 1.22rem;background: url(../images/shenhe.png) no-repeat ;
     background-size: 100%; z-index: 91;left: 50%;margin: 0 0 0 -1.5rem;top: 0.5rem;position: absolute;}
.shenhe_end {
     width: 3rem;
     height: 1.22rem;
     background: url(../images/shenhe_end.png) no-repeat center center;
     background-size: auto 100%;
     z-index: 91;left: 50%;margin: 0 0 0 -1.5rem;
          top: 0.5rem;
          position: absolute;
} 
.shenhe_no {
     width: 3rem;
     height: 1.22rem;
     background: url(../images/shenhe_no.png) no-repeat center center;
     background-size: 100%;
     z-index: 91;left: 50%;margin: 0 0 0 -1.5rem;
          top: 0.5rem;
          position: absolute;
}
/* 我的 */
#pop_my .con{width: 5rem;
     height: 5rem;overflow: auto;margin: 0 auto;}
 #pop_my .con::-webkit-scrollbar {
      width: 0.1rem;
      height: 0.06rem;
      background-color: #a5472e;
      border-radius: 0.05rem;
      -webkit-border-radius: 0.05rem;
 }

 #pop_my .con::-webkit-scrollbar-track {
      background-color: #eed8cb;
      border-radius: 0.05rem;
      -webkit-border-radius: 0.05rem;
 }

 #pop_my .con::-webkit-scrollbar-thumb {
      /* -webkit-box-shadow: inset 0 0 0.0.06rem rgba(0,0,0,.3);
     */
      background-color: #f2aa89;
      border-radius: 0.05rem;
      -webkit-border-radius: 0.05rem;
 }
 .wmgameFooter {
      position: relative;
      z-index: 101;
 }
  .pop_fixed .content .con{width: 4.36rem;height: 5.7rem;overflow-y: auto;margin: 1.7rem auto;}
  .pop_fixed .content .con img{width: 100%;}
  ::-webkit-scrollbar {
       width: 0.1rem;
       height: 0.1rem;
       background-color: rgba(0, 0, 0, 0);
  }

  ::-webkit-scrollbar-track {
       background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
       border-radius: 0.05rem;
       background-color: rgba(106, 106, 112, 1);
  }

  ::-webkit-scrollbar-thumb:hover {
       background-color: rgba(143, 143, 148, 1);
  }

  ::-webkit-scrollbar-thumb:active {
       background-color: rgba(106, 106, 112, 1);
  }

  ::-webkit-scrollbar-track-piece {
       margin: 0;
  }