@font-face {
  font-family: 'iconfont';  /* Project id 2474268 */
  src: url('//at.alicdn.com/t/font_2474268_dxjfmp6dbyw.woff2?t=1642766474961') format('woff2'),
       url('//at.alicdn.com/t/font_2474268_dxjfmp6dbyw.woff?t=1642766474961') format('woff'),
       url('//at.alicdn.com/t/font_2474268_dxjfmp6dbyw.ttf?t=1642766474961') format('truetype');
}
.icon{
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
.iconfont{
    font-family:"iconfont" !important;
    font-size:60px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
        color: #c2c2c2;
}
body{margin: 0;padding: 0;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;background: #f1f1f1;}
input{border: 0;}
a:hover{color:#fd6853;}
a,body{color:#4e4e4e}
.dn{display: none;}
.l{float:left;}
.jl-c{color:#fd6853;margin: 0 5px;}
.w1600{width:1440px; height: auto;margin-left: auto; margin-right: auto;}
.h-min{min-height:600px}
.jl-m{margin:0 auto;text-align:center}
.jl-tc{text-align:center}
.jl-center{    text-align: center;margin: 0 auto;}
.jl-icon{font-size: 60px;color: #fd6853;}
.mar10{margin-top:10px}
.mar20{margin-top:20px}
.mar30{margin-top:30px}
.pad-lr10{padding:0 10px}
.pad-lr20{padding:0 20px}
.pad10{padding: 10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.dp{    padding: 6px 10px;float:left;margin: 8px;}
.layui-text a:not(.layui-btn) {
    color: #6d6d6d;
}
.layui-text a:not(.layui-btn):hover {
    color:#fd6853;
    text-decoration:none
}

.ifm{border-width: 1px;
    border-style: solid;
    border-color: #fff;
    background: #fff;}
.top{    background-color: #393D49;height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #b4bac5;}
.top a{    color: #b4bac5;}
.top a:hover{color:#ff8776;}
.top .welcome{float: left;
    display: inline-block;
    width: 203px;
    padding-left: 7px;}
.top .welcome h1{font-size: 13px;}
.top .top-left{    float: left;
    height: 35px;
    border-left: 1px solid #444d5b;}
.top .top-left a{    padding: 0 17px;
    border-right: 1px solid #444d5b;
    height: 35px;
    position: relative;
    float: left;
    cursor: pointer;
}
.top .top-right{    float: right;
    border-right: 1px solid #444d5b;}
.top .top-right a{float: left;
    display: block;
    height: 35px;
    border-left: 1px solid #444d5b;
    padding: 0 10px;
}

.top-so{    float: right;
    width: 258px;
    height: 31px;
    margin-top: 14px;}
.top-so form{display: block;
    border: 1px solid #dbe1ec;
    border-radius: 16px;
    width: 258px;
    height: 29px;
    position: relative;}
.top-so .so-txt{float: left;
    width: 190px;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    color: #3c5e80;
    font-size: 12px;
    background: none;
    margin-top: 2px;
}
.top-so .so-btn{
    cursor: pointer;
    background-color: #fd6853;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 67px;
    height: 31px;
    color: #fff;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.nav{background: #fff;box-shadow: 0px 10px 6px 0px #e5e5e5;    width: 100%;
    height: 86px;}
.jl-nav{padding:15px 0}
.jl-logo{float: left;}
.nav-item{margin-left: 30px; float: left;}
.nav-item li{float: left;margin: 18px;}
.nav-item li a{    
    text-align: center;
    display: block;
    color: #212127;
    font-size: 15px;
    overflow: hidden;
    position: relative;}
.nav-item li a:hover{color: #ff4d45;}
.carou {position: relative;}
.carou img{width:100%; height: 100%;}
.carou a{ color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
    font-size: 16px;}
.tags{font-weight: bold;
    color: #5f5f5f;
    font-size: 16px;
    box-shadow: 0px 8px 8px 0px rgba(215, 215, 215, 0.4);
}
.tags_2{font-weight: bold;
    color: #5f5f5f;
    font-size: 16px;
}
.tags span:before {
    content: '';
    float: left;
    width: 6px;
    height: 18px;
    background-color: #f76341;
    border-radius: 3px;
    margin-top: 12px;
    margin-right: 5px;
}
.tags_2 span:before {
    content: '';
    float: left;
    width: 6px;
    height: 18px;
    background-color: #f76341;
    border-radius: 3px;
    margin-top: 12px;
    margin-right: 5px;
}
.box {box-shadow: 0px 8px 8px 0px rgba(215, 215, 215, 0.4);}
.index_news{}
.index_news li{
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: left;
    overflow: hidden;}
.index_news li a{
    width: 90%;
    overflow: hidden;
    float: left;}
.index_news li i {
    font-size: 0;
    display: inline-block;
    vertical-align: bottom;
    width: 8px;
    height: 8px;
    background-color: #fd6853;
    border-radius: 2px;
    float: left;
    margin-top: 10px;
    margin-right: 12px;
}
.index_news li span {
    float: right;
    color: #b1b1b1;
    line-height: 28px;
    font-size: 12px;
}
.index_c{padding: 10px 15px 0 10px;
    height: 516px;
    overflow: hidden;}
.index_c li{width: 100%;
    height: 90px;
    margin-top: 14px;
    border-bottom: #d7d7d7 1px solid;
    overflow: hidden;
    position: relative;
}
.index_c img{width:120px;height:70px;border-radius: 2px;}
.c-i{
        width: 120px;
    height: 70px;
    float: left;
    position: relative;
    overflow: hidden;
}
.c-t{width: 300px;
    height: 70px;
    float: left;
    margin-left: 20px;
    display: inline;
    position: relative;}
.c-s {
    border: 1px solid #fe5825;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    overflow: hidden;
    display: block;
    float: right;
    margin: 11px 15px 0 0;
    font-size: 24px;
    text-align: center;
    line-height: 64px;
    color: #fe5825;
    font-weight: bold;
    cursor: default;
    position: absolute;
    top: -10px;
    right: 0;
}
.game_hot{max-height: 904px;}
.game_hot li{  
    margin: 7px 0;
    transition: all 0.3s;
    flex: 1;
    border-radius: 2px;
    overflow: hidden;}
.game_hot li a img{
    width: 120px;
    height: auto;
    border-radius: 2px;
    transition: all 0.3s;
}
.game_hot li a img:hover{
    width: 125px;
}
.game_hot li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
    overflow: hidden;
    border-radius: 2px;
}
.game_hot p{ flex: 2;
    margin: 5px 5px 5px 10px;
    height: 40px;}
.game_hot li:hover{background:#f3f3f3;color:#fff}
.game_ad{min-height: 336px;}
.game_ads{    padding: 5px !important;
    margin: 5px 0;
    
}
.game_adsp{    padding: 5px !important;
    
}
.game_adsp p{
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    bottom: 0;
    padding: 10px 0;
    height: 16px;
    text-align: center;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.gbox{    position: relative;
          overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.gboxli{    position: relative;
          overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: 2px;
    box-shadow: 3px 3px 4px 0px #b2b2b2;
}
.gbox a{    display: flex;
    align-items: center;
    justify-content: center;
    height: 148px;
    border-radius: 2px;
}
.gboxli a{    display: flex;
    align-items: center;
    justify-content: center;
    height: 235px;
    border-radius: 2px;
}
.gbox img{
    transition: all 0.5s;
    height: 152px;
    width: auto;
    margin: 0%;
    border-radius: 2px;
}
.gboxli img{
    transition: all 0.5s;
    height: 235px;
    width: auto;
    margin: 0%;
    border-radius: 2px;
}
.gbox p:hover{color:#fd6853;}
.gboxli p:hover{color:#fd6853;}
.gbox img:hover {
    transition: all 0.5s;
    height: 110%;
}
.gboxli img:hover {
    transition: all 0.5s;
    height: 110%;
}
.game_ads p{
    align-items: center;
    justify-content: center;
    /* background: rgb(67 51 87); */
    color: #f66a4a;
    padding: 4px 0;
    margin: 0;
    font-size: 14px;
    height: 24px;
    /* line-height: 14px; */
    text-align: center;
    overflow: hidden;
    font-weight: 600;
}
.layui-tab-content {padding:0}
.jl-tags{    height: 60px;}
.jl-tags li{    padding: 0 35px;
    line-height: 60px;
 
}
.layui-tab-brief>.layui-tab-title .layui-this {
    color: #f76341;
    font-weight: bold;
    line-height: 20px;
}
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #f76341;
}
.more{    float: right;
    font-size: 12px;
    color: #f76341;}
/*文章内容页*/

.jl-title{
    background: #fff;
    width: 100%;
    border-bottom: #dfdfdf 1px solid;
    box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.6);
    border-radius: 10px;
    margin: auto;
}
.jl-linav{    width: 100%;
    height: 30px;
    margin: 0 auto;
    padding: 10px;
    color: #9b9b9b;
}
.jl-h1{width: 1000px;
    margin: 10px auto 28px;
    padding: 0;
    line-height: 40px;
    font-weight: bold;
    font-size: 34px;
    color: #3b3b3b;
    text-align: center;}
.jl-tag{    width: 1150px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    height: 40px;
  color: #9b9b9b;
  text-align:center;
}
.jl-content{
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    margin: auto;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.6);
    border-radius: 2px;
}
.jl-content p{text-indent: 2em;}
.jl-content img{max-width:100%;margin:10px auto;display: block;}
.jl-bodyli{background: #fff;
    margin: 0 0 0 10px;
    border-radius: 10px;}
.jl-bodyli li{ margin: 20px 0;
    width: 100%;
    height: 20px;
    overflow: hidden;}
/*文章列表页*/
.jl-list{line-height: 30px;
    font-size: 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    margin: auto;
    padding: 10px 40px 0;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.6);
    border-radius: 2px;}
.jl-list2{
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    margin: auto;
    padding:40px;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.6);
    border-radius: 2px;
}


.jl-list li{    width: 100%;
    height: 190px;
    margin-top: 20px;
    border-bottom: #d7d7d7 1px solid;
    overflow: hidden;}
.jl-list2 li{margin-top: 20px;
    background: #f1f1f1;
    padding: 20px;}
.jl-t{    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    font-size: 18px;
    font-weight: bold;}
.jl-t a:hover{color:#fd6853;}
.jl-w{width: 100%;
    height: 120px;
    margin-top: 15px;}
.jl-i{width: 180px;
    height: 120px;
    float: left;
    position: relative;
    overflow: hidden;}
.jl-i img{    width: 180px;
    height: 120px;height: 100%;
    border-radius: 6px;}
.jl-e{       width: 800px;
    height: 120px;
    float: left;
    margin-left: 20px;
    display: inline;
    position: relative;
    
}
.jl-b{height: 78px;
    line-height: 26px;
        font-size: 14px;
    color: #767676;
    overflow: hidden;
    width: 620px;
}
.jl-p{width: 100%;
    height: 12px;
    margin-top: 20px;}
.jl-p span{color: #767676;
    font-size: 14px;}
.jl-s{ 
    border: 3px solid #fe5825;
    border-radius: 50%;
    width: 84px;
    height: 84px;
    overflow: hidden;
    display: block;
    float: right;
    margin: 11px 15px 0 0;
    font-size: 30px;
    text-align: center;
    line-height: 84px;
    color: #fe5825;
    font-weight: bold;
    cursor: default;
    position: absolute;
    top: 0%;
    right: 4%;
}
.category2{
    height: 70px;
}
.cattop{text-align: center;
    background: #fd6853;
    width: 100px;
    margin: 0 auto;
    color: #fff;
    border-radius: 0 0 15px 15px;
    padding: 6px 0;}
.category ul{margin-top: 20px;}
.category a {
       width: 140px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    border: #d9d9d9 1px solid;
    text-align: center;
    border-radius: 25px;
}
.category2 a {
    width: 140px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: left;
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 6px;
    font-size: 14px;
    margin-right: 8px;
    float: left;
    text-align: center;
    border: #d9d9d9 1px solid;
    color: #6e6e6e;}
.gamelist{
    font-size: 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    margin: auto;
    border-radius: 10px;
}
.category .pro{    color: #fff;background: #fd6853;border: #fd6853 1px solid;
}
.gamelist li{width:25%;float: left;  position: relative;}
.game-i{
    width:350px;
    height: 238px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
}
.game-i img{width:350px;height:238px;transition: all 0.5s;}
.game-i img:hover{width:105%;height:105%;}
.game-w{width: 100%;margin-top: 15px;}
.game-e{padding: 10px 0;}
.game-t{width: 350px;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    height: 60px;
}
.game-tag{
    position: absolute; 
    left: 10px;
    bottom: 10px;}
.tag-dp{ color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-size: 10px;}
.gamelistlang {
    color: #fff;
    background: #fc775a;
    padding: 5px;
    border-radius: 3px;
    font-size: 10px;
}
.tag-pc{background: #009068;}
.tag-an{background: #00b8d5;}
.pow-vip{background: #ff4600;
    color: #fff;
    padding: 5px;
    font-size: 10px;
    border-radius: 3px;}
.pow-mf{background: #0159c7;
    color: #fff;
    padding: 5px;
    font-size: 10px;
    border-radius: 3px;}
.gametitle{ line-height: 40px;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    height: 80px;
    color: #555;
    padding-right: 20px;
}
.info{
    margin-top: 90px;
    font-size: 16px;
    color: #797979;
    line-height: 30px;
}
.info .info-l{float: left;width: 300px;}
.info .info-r{float: right;width: 300px;}
.gnav{margin-top: -10px;
    height: 46px;
    margin-bottom: 5px;}
.gnav li{   
    cursor: pointer;
    float: left;
    padding: 10px 25.6px;
    font-size: 20px;
    color: #757575;
    border-right: 1px solid #ecf0f1;
    font-weight: 500;
    background: #fff;
}
.jl-content .a-video{width:100%;border:0;background: #000;object-fit:cover}
.jl-elem{    
    margin: 20px 0;
    padding: 0 15px 0 15px;
    line-height: 1.6;
    border-left: 5px solid #fd6853;
    border-radius: 0 2px 2px 0;
    text-align: left;}
.jl-gameli{
    background: #fff;
    margin-left: 10px;
    border-radius: 2px;
    margin-top: -10px;
}
.jl-gameli li{ margin-bottom: 10px;position: relative;}
.jl-gameli li img{width:100%}
.jl-gameli .ab{    position: absolute;
    background: #000000a3;
    z-index: 99;
    bottom: 0;
    padding: 5px;
    overflow: hidden;
    height: 25px;
    width: 310px;
    text-align: center;
}
.jl-gameli li a{color:#fff}
.jl-gameli li a:hover{color:#fd6853}
.wdmax{width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.wdimg{    margin: 0 auto;
    text-align: center;}
.wdimg img{        max-height: 196px;
    width: 100%;
    filter: blur(10px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);}
.wdtitle{    width: 1160px;
    height: 87px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

}
.wdband{width: 100%;
    height: 219px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));}
.wdmax h1{width: 100%;
    height: 87px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    line-height: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.wdcontent{
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    margin: auto;
    padding: 40px;
    
  }
.wdcontent img{max-width:100%;margin:10px auto;margin-left: -2em;}
.wdcontent p{text-indent: 2em;}
.score{font-size: 40px;
    font-weight: 600;
    color: #fe5825;}
.jl-page a{
    margin: 0 5px 5px;

}
.user_box{ 
    text-align: center;
    padding-top: 20px;
    
}
.user_box img{    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid rgb(253 104 83);
    text-align: center;}
.user_text{margin-top:20px}
.pviptab{
    border: 1px solid #ecf0f1;
    padding: 4px 10px;
    border-radius: 4px;}

.kviptab{    
    background: #2e2e2e;
    color: #fdd988;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.sviptab{ border: 1px solid #ff6136;
    padding: 4px 10px;
    border-radius: 4px;
    color: #ff6136;
}
.kviptab:hover{    
    background: #ff5616;
    color: #ffffff;}
.k_info{    margin: 20px auto;
    font-size: 11px;
    background: #ffffff;
    padding: 3px;
    border: 1px solid #e63500;
    color: #e63500;
    width: 200px;
    text-align: center;
    border-radius: 2px;}
.jl_body_p{border: 3px dotted #DDE;
    padding: 30px;}
.down{    min-height: 80px;}
.downimg{background: #fd6853;
    padding: 10px 20px;
    color: #fff;
    border-radius: 3px;
    box-shadow: 2px 2px 5px 1px #b6b6b6;}
.downimg:hover{    background: #ff7859;
    color: #fff;
    box-shadow: 2px 2px 0px 0px #b6b6b6;}
/*登录*/
.jl-login{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.loginform{        
    background: #fff;
    padding: 40px;
    border-radius: 4px;
    margin-top: 160px;}
.login-title{    color: #ff7a67;
    font-size: 26px;
    text-align: CENTER;
    margin-bottom: 20px;}
.jl-input{
    background: #f1f1f1;
    color: #ff8467;
}
.jl-btn{background: #ff8467;}
.jl-formbt{margin: 15px auto;
    text-align: CENTER;}
.jl-formbt a{color: #ff8467;}
.jl-get-mobile-code{     cursor: pointer;
    background: #54af00;
    padding: 10px;
    color: #fff;
    line-height: 38px;
    font-size: 12px;
    border: 0;
    margin-left: 20px;}
.jl-get-mobile-code:hover {color: #fff;background-color: #2f8912;border-color: #2c8011;}
/*个人中心*/
.jl-brand{background: #a38eb6;text-align: center;color: #fff;padding: 30px 0;box-shadow: inset 0px 5px 6px #909090;}
.jl-brand h2{font-size: 36px;}
.userinfo{padding: 30px;text-align: center;}
.user_img img{border-radius: 50%;}
.user_name{    font-size: 16px;margin: 10px}
.user_svip{background: #fd6853;
    color: #fff;
    width: 90px;
    text-align: center;
    margin: 0 auto;
    padding: 4px;
    border-radius: 4px;}
.user_pvip{    background: #9e9e9e;
    color: #fff;
    width: 90px;
    text-align: center;
    margin: 0 auto;
    padding: 4px;
    border-radius: 4px;}
.user_svip_time{margin-top: 10px;
    color: #484848;}
.user_list{padding: 10px;}
.user_list a{ position: relative;
    display: block;
    padding: 25px 15px;
    background-color: #fff;
    text-align: CENTER;
    color: #626262;}
.user_list a:hover{font-weight: bold;
    color: #ff7939;}
.user_tab{background: #ffffff;
    padding: 20px;
    color: #fff;
    border-radius: 2px;
    background-image: linear-gradient(to right, #678ccf , #ff9191);
    margin-left: 20px;}
.user-elem{margin-bottom: 10px;
    padding: 15px 10px;
    line-height: 1.6;
}
.onsvip{position: relative;
    right: 10px;}
.onsvip a{    padding: 10px 50px;
    color: #fff;
    background: #ff521e;
    border-radius: 25px;
    box-shadow: 1px 1px 7px 0px #ff521e;
    position: absolute;
    right: 10px;
    top: -50px;
    background-image: linear-gradient(to right, #ff521e , #d22010);}
.user_kefu{background: #fff;
    margin-left: 20px;
    padding: 20px;
    height: 106px;
}
.user_kefu a{    text-align: CENTER;
    width: 160px;
    margin: 0 auto;
    float: left;}
.user_kefu a:hover{color:#ddd}
.user_kefu p{    color: #28a1db;}
.user_kefu span{    float: left;
    width: 90px;
    text-align: center;
    color: #28a1db;
    border-right: 2px solid #dadada;
    padding-right: 20px;}
.qqico{    color: #28a1db;
    font-size: 80px;}
.jl-privilege{margin-left: 20px;
    padding: 20px;
    margin-top: 20px;
        min-height: 410px
}
.jl-privilege li{   
    width: 25%;
    float: left;
    padding: 20px;
    margin: 20px 10px 0 0;
    color: #747474;
    text-align:center}
.jl-privilege li p{    margin-top: 30px;
    color: #fd6853;}
.jl-on{    background: #fd6853;
    color: #fff;
    padding: 20px;
    font-size: 40px;
    border-radius: 50%;
    text-align: center;}
.jl-off{    background: #8d8d8d;
    color: #fff;
    padding: 20px;
    font-size: 40px;
    border-radius: 50%;
    text-align: center;}
.user_content{background: #fff;
    padding: 50px;
    margin-left: 20px;
    min-height: 698px;
    color:#767676;
}
.user_form{width:400px}
.userinvite {
    height: 100px;
}
.userinvite li {
    width: 30%;
    float: left;
    margin-right: 20px;
    background: #ffffff;
    text-align: center;
}
.userinvite li span {
    font-size: 20px;
    font-weight: 800;
}
.userinvite li p {
    line-height: 40px;
    font-size: 12px;
    font-weight: 400;
    color: #828282;
}
.invitebtn {
    color: #fff;
    background: #f35e3d;
    padding: 10px 30px;
    border-radius: 5px;
    cursor: pointer;
}
.invitebtn:hover{color: #fff;}
.invurl {
    width: 100%;
    border: dotted 2px #ddd;
    padding: 40px 20px;
    background: #f7f7f7;
}
.invurl span {
    font-size: 18px;
    color: #ff5d5d;
    margin-left: 10px;
}
.copybtn {
    color: #ddd;
    padding: 5px 10px;
    background: #46586b;
    margin-left: 20px;
    border-radius: 5px;
}
.urlms {
    padding-top: 10px;
    color: #ff5d5d;
}

/*充值中心*/
.p_g {
    padding: 20px;
    border-radius: 4px;
    border-bottom: 1px solid #ececec;
}
.p_li {width:100%;
}
.p_li a {
    width: 24%;
    float: left;
    text-align: center;
    border: 2px solid #ececec;
    margin: 20px;
    padding: 20px;
    border-radius: 6px;
    color: #727272;
    position: relative;
    cursor: pointer;
}
.p_li .bt{    background: #fd6853;
    color: #fff;
    padding: 4px 10px;
    width: 100px;
    text-align: CENTER;
    margin: 10px auto;
    border-radius: 25px;}
.layui-elem-field legend {
    margin-left: 0;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 300;
}
.jl-le{padding: 10px;
    height: 108px;}
.p_c {
    color: #ff521e;
    border-bottom: dotted 1px #ddd;
    margin: 20px 0;
}
.p_c span {
    font-size: 26px;
}
.svipli {
    display: block;
    width: 85px;
    height: 29px;
    background: url(//js.wotucdn.com/framework/web/vip/recharge/images/shop_3.png) no-repeat;
    background-size: cover;
    font-size: 12px;
    color: #7d5113;
    line-height: 25px;
    text-align: center;
    position: absolute;
    left: -5px;
    top: 5px;
}
.paytype {
    width: 100%;
    height: 80px;
    padding: 20px;
    border-top: 1px solid #ececec;
}
.paytype li {
    width: 260px;
    float: left;
    text-align: left;
    margin-right: 20px;
    padding: 10px;
    position: relative;
    border: dotted 2px #ddd;
}
.svip_btn {
    background: #ff521e;
    color: #fff;
    border: 0;
    padding: 12px 50px;
    border-radius: 5px;
    cursor: pointer;
}
.svip_btn:hover{background: #ff744b;}
.paytype li a {
    position: absolute;
    left: 35%;
    top: 35%;
    font-size: 16px;
}
.cell-right .cell-radio-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 22px;
    background-image: url(data:image/png;base64,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);
}
.cell-right input[type="radio"]:checked + .cell-radio-icon:after, .cell-right input[type="checkbox"]:not(.m-switch):checked + .cell-radio-icon:after {
    content: '';
    background-image: url(data:image/png;base64,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);
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: 22px;
}
.cell-right input[type="radio"], .cell-right input[type="checkbox"]:not(.m-switch) {
    -moz-appearance: none;
    left: -9999em;
    opacity: 0;
}
.aui-total span {
    padding: 20px;
    font-weight: 700;
    color: #ff5808;
}
.aui-payment-method {
    position: absolute;
    top: 10%;
    font-size: 16px;
    right: -50px;
}
.p_li .on {
    border: solid 2px #ff521e;
}
.aui-total{padding:20px 0}


.wid70 {
    width: 70px;
    height: 70px;
}
#boxbg{width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:0.5;position:absolute;top:0;left:0;}
#pay_bolck{
    background: #fff;
    width: 400px;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    right: auto;
    border: 4px solid #e1e1e1;
    padding: 30px 0;
    z-index: 999;
    margin-left: -200px;
}
#typeimg ,#pay_text{margin:20px 0;font-size: 18px;}
/*弹出层*/
.modal.fade.in {
    top: 35%;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}
.modal {
    display: none;
    position: fixed;
    top: 35%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}

.modal.fade.in {
    top: 35%;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}


.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}



.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 20px;
    margin: 20px;
    border: 1px solid #e7e7eb;
    display: flex;
    align-items: center;
}
.pan-url ,.pan-url2{
   margin-right: 20px;
    border: 1px solid #fd6853;
    padding: 8px 10px;
    color: #fd6853;
    border-radius: 3px;
}
.pan-url:hover,.pan-url2:hover{    background: #fd6853;
    color: #fff;}
.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.btn-default {
    color: #fff;
    background-color: #fd6853;
    border-color: #fd6853;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal .close {
    color: #333333;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    text-decoration: none;
    text-shadow: none;
    opacity: .4;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
/*搜索页面*/
.soindex {
    width: 100%;
    height: 760px;
    background-image: url(https://9liyun.com/static/images/soband.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.searchPart {

    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -413px;
    border: rgba(0,0,0,0.15) 4px solid;
    height: 70px;
    border-radius: 70px;
    z-index: 999;
}
.searchPart .wt-serach input {
    box-sizing: border-box;
    width: 809px;
    height: 70px;
    border-radius: 70px;
    background: rgba(255,255,255,.85);
    outline: none;
    padding-left: 21px;
    font-size: 18px;
    border: 0;
}
.searchPart .wt-serach .search {
    cursor: pointer;
    display: block;
    width: 130px;
    height: 62px;
    line-height: 62px;
    border-radius: 62px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    background: #f5680b;
    position: absolute;
    top: 4px;
    right: 4px;
    border: 0;
}
.recent-search {
    margin-top: 20px;
    color: #fff;
    text-align: left;
    margin-left: 50px;
    width: 700px;
}
.recent-search a {
    border-radius: 13px;
    background: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    margin: 0 6px;
    line-height: 26px;
    word-break: keep-all;
}
.jl-so-list{background: #fff;
    height: 190px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 2px;}
.soinfo{margin-top: 10px;
    font-size: 16px;
    color: #797979;
    line-height: 30px;}
.soinfo .soinfo-l {
    float: left;
    margin-right: 20px;
}
.soinfo .soinfo-r {
    float: right;
    width: 200px;
}
.sotext{    font-size: 20px;
    padding: 20px;
    text-align: center;
    min-height: 600px;
    color: #fd6853;}
.sobtn{    padding: 4px 20px;
    background: #fd6853;
    border: 0;
    color: #fff;
    font-size: 20px;
    border-radius: 4px;}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #ff6752!important;
    background-color: #ff6752!important;
    color: #fff!important;
}
.jl-bd{padding-top: 380px;
    background: url(https://steam.cdn.namejin.com/store/gog2/static/bg.e278aa6a.jpg) no-repeat;
    width: 100%;
    height: 850px;
    background-size: 100%;
    box-shadow: 0px 2px 7px 0px #191919;}
.jl-onsvip{    
    width: 1080px;
    min-height: 600px;
    margin-top: -120px;}
.jl-elem-list {
    margin: 20px 0;
    padding: 0 15px 0 15px;
    line-height: 1.6;
    border-left: 5px solid #fd6853;
    border-radius: 0 2px 2px 0;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    color: #fd6853;
}
.jl-onsvip li{list-style: initial;
    margin: 10px 0;
    color: #6a6a6a;}
.jl-btnurl{    padding: 10px 20px;
    background: #fd6853;
    color: #fff;
    border-radius: 4px;
    border: 0;
    margin: 10px;
    cursor: pointer;
    color:#fff;
}
.jl-btnurl:hover{background: #fd6843;}
.jl-onsvip span{color: #fd6853}
.jl-onsvip a{color: #fd6853;font-size:11px}
.tu1,.tu2{    color: #fd6853;
    cursor: pointer;}

/*FOOTER*/
.footer{    background: #212121;
    width: 100%;
    margin-top: 20px;}

.rettop{    position: fixed;
    bottom: 5%;
    right: 5%;
    color: #fff;
    background: #f66a4a;
    padding: 20px;
    border-radius: 2px;
    cursor: pointer;
}
.to{color:#fff; font-size: 20px;}
.kefu{    padding: 15px 60px;
    background: #434343;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
.kefu:hover{    background: #474747;}
.footer p{font-size: 12px;
    color: #8D8D8D;
    }
.bottomnav{    text-align: left;
    margin: 0 auto;}
.bottomnav span{    font-size: 18px;
    color: #6f6f6f;
    display: inline-block;
}
.bottomnav ul{margin-top: 10px;}
.bottomnav ul li{padding: 1px 0;
    font-size: 14px;}
.bottomnav ul img{}
.foot{    background: #1d1d1d;
    text-align: center;
    padding: 20px 0;}
.no-content{margin: 0 auto;
    width: 100%;
    text-align: CENTER;
    /* display: block; */
    position: absolute;
    top: 35%;
    left: 0;
  }
.bc{cursor: pointer;}