@charset "utf-8";
/* CSS Document */
* {    touch-action: pan-y;}
body,p{font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;line-height:24px;font-size:14px;text-rendering:optimizeLegibility}
body {    background-color: #000!important;}
h1,h2,h3,h4,h5,h6{color:#1c1c1c;font-weight:700;font-family:Barlow,sans-serif}
h1{font-size:26px;line-height:48px}
h2{font-size:20px;line-height:36px}
h3{font-size:14px;}
.container{    overflow: hidden;}
.mb-10 { margin-bottom: 10px; }
    *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .tbbg{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1;background-repeat:no-repeat;background-position:50% 0;background-size:cover;background-color: #d6dad5;background-image:url(../image/bg.jpg);opacity: .9;}
    .tbbg img{display:block;margin:auto;width:100%}
    a{text-decoration:none}
    .main{  margin:0px auto 30px auto;max-width:1000px; border-radius: 5px;  z-index:2;background:rgba(0,0,0,0.70);}
.headTop{    padding: 10px 0;}
    .logo{ position: relative; width: 130px; margin: 0 auto; display: block;}
    .logo:before,.logo:after{content:"";position:absolute}
    .logo:before{left:500px;bottom:0;width:300px;background-size:auto 100%; height:80px}
    .logo:after{display:block;width:100%;height:60px;top:160px }
    a.appd{     text-align: center;display:block; margin-top: 10px;}
    .cr:before,.cr:after{display:table;content:" "}
    .cr:after{clear:both}
.bg0 {border-radius: 5px;background: #0006}
    .game-if ul{margin:0;padding:10px}
    .game-if ul li{width:50%;float:left;list-style:none;padding:5px}
    .game-if ul li a{position: relative; display:block;padding:5px 10px;     background: -webkit-linear-gradient(20deg,#fffdc8 0,#fce300 100%); 
    background: -o-linear-gradient(20deg,#fffdc8 0,#fce300 100%);    background: linear-gradient(20deg,#fffdc8 0,#fce300 100%)}
.game-if ul li a:hover{  text-decoration: none;  background: linear-gradient(20deg,#fbfadd 0,#fded5d  100%)}
    .game-if ul li.tit{width:100%;float:none;text-align:center;font-size:28px;margin:0;height:49px;padding:0;color:#fff}
    .game-if ul li.tit:after{display:none}
    .game-if ul li h3{ font-size:16px;font-weight:600;line-height:28px}
    .game-if ul li h3.red{color:#FF0000}
    .game-if ul li p{color:#8d7e5b;font-size:12px;font-weight:400;line-height:22px}
.game-if ul li span {position: absolute; right: 3px; bottom: 11px; background-color: #252527; border-radius: 50%; width: 40px; height: 40px; line-height: 36px; vertical-align: middle; text-align: center; display: block; margin: 0 auto; font-size: 22px; color: #fff;}
    .text{color:#ef201f;display:inline-block;padding:10px 15px;font-size:36px}
    .infos{text-align:center;text-transform:;display:block;font-size:30px;color:#f1ebe5;background-image:-webkit-gradient(linear,0 0,0 bottom,from(rgb(254,239,14)),to(rgb(249,35,2)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px #c80101;font-weight:bold;text-align:center;height:40px;line-height:40px}
    .kf{color:#fff;text-align:center;display:block;line-height:50px;font-size:16px;width:220px;margin:auto;border-radius:20px;text-decoration:none;background:#333}
    .newlo{margin:auto;position:relative;z-index:2;width:450px;padding:90px 50px 30px;background:url(../image/tc.gif) no-repeat;background-size:100% auto}
    .newlo:after{display:block;content:"";height:30px;position:absolute;left:0;right:0;bottom:-10px;background:url(../image/tc.gif) no-repeat 0 100%;background-size:100% auto}
    .ipt{display:flex;align-items:center}
    .phoneBox{position:relative}
    .phone-btn{border:none;padding:0 0 0 12px;border-radius:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;height:45px;line-height:45px;font-size:14px}
    .selectConentent{display:none;position:absolute;top:45px;z-index:233;background-color:#ffffff;left:0;border:1px solid #ebebeb;width:210px;border-radius:0;-webkit-box-shadow:0 5px 20px rgba(26,26,26,.1);box-shadow:0 5px 20px rgba(26,26,26,.1)}
    .select-ul{overflow:auto;position:relative;max-height:400px;padding:8px 0;border-radius:4px;text-align:left;margin:0}
    .select-ul li{padding:3px 12px}
    .select-ul li:hover{background:#efefef}
    .select-option{display:block;width:100%;height:40px;padding:0 20px;line-height:40px;color:#8590a6;text-align:left;background:none;border:none}
    .Select-arrow{margin-left:8px;fill:currentcolor;width:24px;height:24px;display:inline-block;vertical-align:middle}
    .district-code-span{display:none}
    .main,.newlo{position:relative; }
    .clo{display:block;height:50px;width:50px;position:absolute;right:0;top:25px;text-indent:-9999px}
    .newlo .ipt{position:relative}
    .newlo .yzm{padding:0 80px 0 0}
    .newlo .yzm img,.newlo .yzm button{position:absolute;right:0;top:0;height:40px;width:86px;border-radius:0 5px 5px 0}
    .newlo input,.newlo button,a.reg2{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;border-radius:5px;padding:0 8px;line-height:40px;height:40px}
    .newlo .t-button{}
    .newlo .t-button button,.newlo .t-button a.reg2{float:left;width:48%;margin:0;text-align:center;font-size:14px}
    .newlo .t-button a.reg2{background:#dfddb3}
    .newlo .t-button button{float:right}
  input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 111111s;
    -webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
}
    .newlo .meta li{line-height:35px;cursor:pointer}
    .newlo .meta li:hover{background:#f5f5f5}
    .newlo .meta li.cur{position:relative}
    .newlo .meta li.cur:after,.newlo .meta li.cur:before{content:'';height:20px;width:4px;display:block;background:#8993f4;position:absolute;top:10px;right:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
    .newlo .meta li.cur:before{height:12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:17px;right:29px}
    .newlo button,a.reg2{color:#373401;background-color:#fef600;cursor:pointer}
    a.reg2{width:80px;margin:15px auto 0}
    .otherlogin{padding-top:20px;text-align:center}
    .otherlogin h5{color:#888;display:inline-block;font-weight:normal}
    .otherlogin a{display:inline-block;font-size:14px;color:#ddd;margin:0 10px}
    .otherlogin a i{height:35px;text-align:center;border-radius:50%;width:35px;line-height:35px;font-size:19px;display:block;color:#ffffff;font-style:normal;margin:0;background:#ffb257}
    .otherlogin em i{background:#fff;color:#5b74de}
    .otherlogin a i.z-weixin,.otherlogin a i.z-desktop{background:#75d172}
    .otherlogin a i.z-weibo{background:#d04340}
    .otherlogin a i.z-qq,.otherlogin a i.z-iphonezhuanhuan{background:#5ca3e1}
    .otherlogin a i.z-taobao{background:#FF4400}
    .otherlogin a i.z-windows{background:#21B384}
    .otherlogin a i.z-alipay{background:#00a0e9}
    .errmsg{display:block;color:#FF0000;position:absolute;top:62px}
    .copyr{font-size: 13px;  padding: 0 10px;  line-height: 30px; text-align:center;color:#333}
    .login{margin:0 auto 0;height:65px;padding:8px 0 0;background:rgba(0,0,0,0.7411764705882353)}
    .login a{text-align:center;line-height:40px;color:#fff;text-shadow:0px 1px 3px #000;float:left;padding:0 10px}
    .login a span{display:inline-block;width:40px;margin-right:5px;height:40px;border-radius:50%;text-align:center;background:#75DB4E}
    .login a.qq span{background:#06f}
    .newlo .zcxy{color:#999;margin-bottom:10px;font-size:12px}
    .newlo .zcxy a{color:#fff}
    .newlo .zcxy input{display:inline-block;width:auto}
    .newlo .m-login-form{background:#fff;margin-bottom:10px}
    .newlo .m-login-form .ipt{border-radius:0;border-bottom:1px solid #333}
    .newlo .m-login-form input{border-radius:0}
    .newlo .m-login-form  input:-webkit-autofill {
      　　-webkit-box-shadow: 0 0 0px 1000px white inset;
      　　-webkit-text-fill-color: #333;
    }
    .di{position:fixed;width:100%;height:180px;bottom:0}
    .di_di{background:#6f65ef;position:fixed;width:100%;height:50px;bottom:0;z-index:999}
    .di_n{text-align: center;max-width:1090px;position:relative;margin:auto}
    .di_ewm{display:block;position:absolute;right:0;bottom:0;background:#6f65ef;color:#fff;font-size:12px;padding:5px;text-align:center;border-radius:10px}
    .tewm{background:#fff;padding:5px;margin-bottom:5px;border-radius:8px}
.tewm img {width: 90px}
    .guanbi{position:fixed;right:10px;bottom:5px;font-size:35px;color:#d3d0ff}
    .di_n_l{color:#ffdf90;font-size:18px;line-height:50px}
    .di_di h2{line-height:50px;color:#ffdf90;float:left;font-weight:400; }
    .di_n_l span{margin-left:10px}
    .di_n_l span.more{display:inline-block;font-size:16px;background:#ffdf90;color:#8c6a18;line-height:30px;padding:0 10px;margin-left:30px;border-radius:5px}
    .di_n_r{float:left;padding:18px 0 0;margin-left:145px}
    .di_n_r a{display:block;color:#fff;padding:67px 20px 7px;text-indent:14px}
    .di_n_r a img{width:16px;height:auto;vertical-align:middle;padding:0 8px 0 0}
    .d-head{padding:0 15px 10px;color:#fff;background:rgb(0 0 0 / 19%)}
    .d-head:before,.d-head:after,.m-tabel:before,.m-tabel:after,.t-button:before,.t-button:after{display:table;content:" "}
    .d-head:after,.m-tabel:after,.t-button:before,.t-button:after{clear:both}
    .d-head .head-title,.d-head .desc{font-size:20px}
    .d-head .head-title{     color: #edff00;   line-height: 40px;padding:5px 0 5px}
.d-head p{    line-height: 24px; }.d-head p em {color: #00ff45;be}
.head-title{color: #fff;    margin: 0; font-size: 1.2rem; font-weight: 500; line-height: 50px; padding: 0 15px;}
    .desc,.ftag{font-size:12px; }
    .ftag p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:109px}
    .tags a,.tags span{color:#c9ecff;margin-right:3px;border:1px solid #3194ca;padding:0px 3px;font-size:12px;float:left;border-radius:5px}
    .head-img{float:left;width:110px; margin:10px 10px 0 0;border-radius:9px}
    .box{height:52px;overflow:hidden;padding:0;margin-bottom:0;line-height:26px}
    .box:target{height:auto}
    #more_c{position:absolute;z-index:-1;opacity:0}
    label.more{cursor:pointer;display:block;padding:0;text-align:center;color:#fff;transform:scale(2.2,1);font-size:18px}
    label.more:after{content:"∨"}
    #more_c:checked + .box{height:auto}
    #more_c:checked ~ label[for="more_c"]:after{content:"∧"}
    .m-game-server{height:367px}
    .game-intru{color:rgba(255,255,255,0.8509803921568627);position:relative;padding:10px 30px 0;z-index:0}
    p.g-content{line-height:24px;text-indent:24px}
    .app-tc{width:580px;background:#f2f2f2;margin:0;padding:22px 20px 22px 40px}
    .app-tc .saom{float:left;text-align:center;line-height:30px;padding:20px 0 0 20px}
    .app-tc .saom-k{padding:0;position:relative;display:block;width:140px;padding:10px;background:#fff;text-align:center}
    .app-tc .saom-k canvas{display:block}
    .app-tc .saom-k .saomiao{position:absolute;width:140px;margin:0;height:1px;left:0;top:-10px;background:#fff;box-shadow:0 0 5px #08ffff;-webkit-animation:saomiao 3s ease-in-out infinite;-moz-animation:saomiao 3s ease-in-out infinite;animation:saomiao 3s ease-in-out infinite}
    @-webkit-keyframes saomiao{0%{top:-10px}
      100%{top:100%}
    }@-moz-keyframes saomiao{0%{top:-10px}
       100%{top:100%}
     }@keyframes saomiao{0%{top:-10px}
        100%{top:100%}
      }.app-tc-images-text{margin:20px 0 0 260px;position:relative}
    .app-tc ul{list-style:none;margin:0;padding:0}
    .app-tc ul li{margin:0;color:#666;line-height:35px}
    .app-tc ul li a{color:#666}
    .app-tc ul li .zico{width:30px;display:inline-block;font-size:18px;color:#999;vertical-align:bottom}
    .app-tc-b{padding:20px 0 0 0;text-align:center}
    .app-tc-b .abtn{width:auto;display:inline-block;font-size:16px;line-height:35px;text-align:center;padding:0 15px;margin:auto;border-radius:10px;background:#6cc000;border:none;color:#fff}
    .qrcode-download{background:#f2f2f2;position:absolute;left:0;right:0;top:0;bottom:0}
    .m-game-server h2{margin:0;padding:0;line-height:47px;font-size:18px;font-weight:400;text-align:center}
    .list h2,.like-game h2{    color: #bfbfbf; border-bottom:1px solid #4c534c;padding:10px 0 10px;line-height:18px;font-size:1.2rem;margin-bottom:15px}
    .list h2 .zico,.like-game h2 .zico{color:#bd7474;background:#dbdff1;height:25px;width:25px;display:inline-block;line-height:25px;text-align:center;border-radius:50%;margin-right:10px}
    .like-game li a.gogamebtn{font-size:14px;border-radius:20px;background:#fce300;margin-top:10px;color:#252527;line-height:28px}
    .like-game{    overflow: hidden;padding:15px}
.like-game .game-tj {background:  url(../image/arrows.png) no-repeat right center;}
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
    .like-game ul{margin:0;padding:0}
    .like-game li{float:left;width:20%;padding:0 5px;list-style:none}
    .like-game li a{display:block;text-align:center;color:#cac3ab}
    .like-game li a img{width:65px;height:65px;border-radius:10px;display:block;margin:0 auto 5px}
    .like-game li a div{width:65px;margin:auto;position:relative}
    .like-game li a div span{text-transform:uppercase;color:#fff;border-radius:0;font-size:12px;text-align:center;right:0;color:#636aad;background:#edefff;position:absolute;padding:0 2px;top:0;border-bottom:1px solid rgba(214,214,214,0.34)}
    .like-game li a span{    font-size: 13px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .showagree h3{border-bottom:1px solid #eee}
    .showagree .layui-m-layercont{height:400px}
    .jy-list{padding:0 10px}
    .jy-list h2{ font-weight:300;padding-left:5px}
    .jy-list li{float:left;width:33%;padding:5px;list-style:none;margin:0}
    .jy-list li a{display:block;background:rgb(255 255 255 / 0.1); color:#eee;padding:8px ;border-radius:5px;font-size:14px}
     .jy-list li a img{    float: left;    width: 60px;    height:60px;    margin-right: 8px;    margin-top: 5px;}
    .jy-list li a div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(255 255 255 / 32%)}
      .jy-list li a div.tits{    font-size: 14px;color: #fff}
    .pf{position:absolute;left:70px;top:-8px;background:#fd3a68;background:linear-gradient(to right,#fd3a68,#e342b0);font-size:12px;color:#fff;padding:0 5px;border-radius:15px}
    .m-w{width:100%;margin:auto}
    .zskf,.t3b,.mykf div.tsinfo,.online_qq_layer .nwx{display:none}
.game-tj h3{font-size: 14px}
.game-tj h3 a{    color: #fff;}
.game-tj .click {margin: 0; font-size: 12px;color: #9e9e9e;max-height: 46px;    overflow: hidden;}
.game-tj .download span{float:right;color:orangered}
.post-block-style .post-content { padding-left: 5px;float: left;     max-width: 63%;}
.game-tj .post-block-style {background:rgb(255 255 255 / 0.1); color:#eee;padding:8px ;border-radius:5px; display: flex;overflow: hidden; }
.game-tj .post-block-style:hover {background:rgb(255 255 255 / 0.2); }
.game-tj .post-block-style .post-thumb { width: 80px; height: 80px; float: left; border-radius: 10px; }
.game-tj .post-block-style .post-thumb img { display: block; width: 100%; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; max-width: 100%; height: auto; }
.game-tj .post-block-style .post-content { padding: 0 10px; float: left; }
.game-tj h2 { margin: 0; line-height: 14px;}
.game-tj h2 a{font-size: 20px!important; font-weight: 500;    color: #333;    line-height: 26px; }
.game-tj .tag-lists { color: #ababab; font-size: 12px; display: block; }
.game-tj .post-meta span.view { color: #fc4a00; }
.game-tj .download {  float: right;  font-size: 14px; border-radius: 5px; margin: 5px 0; height: 24px;line-height: 24px; text-align: center;  width: 70px; background: #29cfc6; }
.game-tj .download:hover{ background: #02fff1; }
.game-tj .download a { color: #fff; }
@media screen and (max-width:750px){
	.di_di{display:none;}.like-game li {width: 33.33%;margin-bottom: 10px}
	.conts{width: 300px!important;}
}