@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%;
}
 .navbox{width: 100%;height: 70px;}
 .top{
     width:25.6rem; 
     left: 50%;
     margin: 0 0 0 -12.8rem;
     height: 10.8rem;
     background: url(../images/bg2.jpg) center top no-repeat;
     background-size: 100%;
     z-index: 3;
     position: relative;
}
 .qrbox{width: 1.9rem;height: 1.9rem;position: absolute;left: 50%;margin: 0 0 0 -8.23rem;top:7.95rem}
 .qrbox img{width: 100%;}
 .wmgameFooter {
      position: relative;
      z-index: 101;
 }

/*赛事直播*/
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
#content{max-width: 19.2rem; margin:0 auto; position: relative; min-width: 12.22rem; display: none;}
.wrap{padding-bottom:0.5rem;width:100%;background: url(https://xxa.wanmei.com/net/230506pk/images/bg.jpg) no-repeat center top; background-size: 100% auto; position: relative;}
.rel{width: 12.22rem;margin:0 auto;position: relative;}
.logo{position: absolute;left: 0;top:0; width: 3.25rem;}
.header{height: 10.16rem;}
.btn-website{position: absolute;right: 0;top:0.24rem;width: 1.64rem;height: 0.39rem;background: url(https://xxa.wanmei.com/net/230506pk/images/btn-home.png) no-repeat 0 0; background-size: 100% auto; z-index: 100;}
/*.btn-website:hover{background-position: 0 -0.39rem;}*/
.slg{width: 8.76rem; height: 2.98rem; background: url(https://xxa.wanmei.com/net/230506pk/images/slogan.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 50%; margin-left: -4.38rem; top: 5.57rem;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.btnlink{width:100%;text-align: center;position: absolute;left: 0;top:8.86rem; }
.btnlink a{display: inline-block; width: 2.29rem; height:0.78rem; overflow: hidden; text-indent: -99.99rem; cursor: pointer; margin: 0 0.06rem;background: url(https://xxa.wanmei.com/net/230506pk/images/nav.png) no-repeat; background-size: 12.12rem 0.78rem;}
.btnlink a.b1{margin-left:-0.08rem;background-position: 0 0;}
.btnlink a.b2{background-position: -2.46rem 0;}
.btnlink a.b3{background-position: -4.92rem 0;}
.btnlink a.b4{background-position: -7.37rem 0;}
.btnlink a.b5{margin-right:0;background-position: -9.83rem 0;}
.btnlink a:hover,.btnlink a.on{background-image: url(https://xxa.wanmei.com/net/230506pk/images/nav-hov.png); background-size: 12.12rem 0.78rem;}
.hoverTop{-webkit-transition:transform 0.4s;-moz-transition:transform 0.4s;-ms-transition:transform 0.4s;-o-transition:transform 0.4s;transition:transform 0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-0.1rem);
  -moz-transform: translate(0,-0.1rem);
  -ms-transform: translate(0,-0.1rem);
  -o-transform: translate(0,-0.1rem);
  transform: translate(0,-0.1rem);
}
.title-live{width: 8.77rem;height: 1.82rem;margin: 0.3rem auto 0.3rem;background: url(../images/tit-live2.png) no-repeat; background-size: 100% auto;}
.live_subTit{ position: relative; width: 10.34rem; margin: 0 auto 0.2rem auto; text-align: center; font-size: 0.42rem; color: #313c5d; }
.liveDateBtn{ position: absolute; right: 0; bottom: 0; width: 2.53rem; height: 0.53rem; background: url(../images/liveDateBtn2.png) no-repeat 0 0; background-size: 100% auto; }
.live_wall{ width: 10.34rem; height: 5.82rem; margin: 0 auto 0.09rem auto; background: #3b3b3b; }
.tab{ width: 10.34rem; height: 0.86rem; margin: 0 auto 107px auto; display: flex; justify-content: space-between; align-items: center; }
.tab a{ width: 5.12rem; height: 0.86rem; box-sizing: border-box; padding-top: 0.35rem; text-align: center; background: url(../images/tab2.png) no-repeat 0 0; background-size: 100% auto; font-size: 26px; color: #FFF; }
.tab a.on{ background-position: 0 -0.86rem; }
.live-box img{display: block;margin-bottom: 0.44rem; width: 12.45rem;}