html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
body {font-size: 16px; line-height: 1.5; font-family:'PingFang SC','Lantinghei SC','Helvetica Neue','Helvetica','Arial','Microsoft YaHei','STHeitiSC-Light','simsun','WenQuanYi Zen Hei','WenQuanYi Micro Hei',"sans-serif"; color: #333; background-color: #f7f7f7; }
table { border-collapse:collapse; border-spacing:0; }
em, i { font-style: normal }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
textarea{border:0;}
a { text-decoration: none; color: #333; background: none }
ul, ol { list-style: none; }
button,img,input{ border:none}
input,textarea,select{ color: #333; font-size: 14px;}
:focus{ outline:none;}

/* 原子类 */
.w1280{ width: 1280px;}
.m-img{ display: block; width: 100%;}

/*提示语*/
.body-msg{
    position: fixed;top: 50%;left: 50%;height: 50px;line-height: 50px;padding: 0 25px;
    background-color: rgba(0,0,0,.6);color: #fff;font-size: 18px;border-radius: 5px;
    animation: slideLeft 300ms ease forwards;transform: translate(-40%, -50%);opacity: 0;z-index: 9;
}
/*加载*/
.body-loading{
    position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 9;

}
.body-loading span{
    position: absolute;top: 50%;left: 50%;height: 50px;line-height: 50px;padding: 0 25px;
    background-color: rgba(0,0,0,.6);color: #fff;font-size: 18px;border-radius: 5px;
    animation: fadeIn 300ms ease forwards;transform: translate(-45%, -50%);opacity: 0;

}
.body-loading span::before{
    content: '';display: inline-block;width: 30px;height: 30px;vertical-align: top;
    margin: 10px 5px 0 0;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAn1BMVEUAAAC8u7yxr7DLysrOzs7S0tK6uLmjoaLp6enFxMWvra+lo6SWlJXr6+vm5ubf39/R0dG7ubrBv8Dh4eGlo6Tc3NyenJ2rqaqbmZrp6emhn6Da2tqxsLDY2Niura2amJnHxsfLy8uzs7PCwMHf39+UkpOioKGvrq6YlpeYlpf+//+XlZd2c3WamJni4uLb29vDwcKysrKrqarT09P09fV/crQcAAAALXRSTlMAIRMu+1X++/19TjBWMSXjzcy5emZlPN7dwcC4j4x+fkPr4d/V1c6wk+3MpmKjQrqtAAABDUlEQVQoz73P2XKCQBAF0NvDElkUZV9EUaNmG7bk/78tYyjCjCSvngeqmluXbvBAWfZPsApIPBaLJcD2NIuDuhjjd/4yi5d1bQxxzHmMmbL2QIsvDef78iq6bfTqANkbPvgrA5yQpr1NUxKM5wiCe3bFcZzvMaKiaTwDv9yU81y6XjQbb5pSnrpQRZHUDpWIBCiY9KbQhTWT0vxJyDFYfwpKfLnFl3HSBCjIcRzIDOnH7BCqaq0fpinpE1v+lK/rB7md9P2VMLJ0vSRUG+Mn29hg277fYaRZFYBTa8HfIOyODIh3DhRWewIzTcKx22JGa1sDZJoa7K6LAdyXfQwxrn/UyaIxZtJelTjtcb4BNboSop/e5fkAAAAASUVORK5CYII=') no-repeat center center;background-size: 100%;animation: rotate 1s linear infinite;
}
/*css3动画*/
@keyframes slideLeft{
    from{transform: translate(-40%, -50%);opacity: 0;}
    to{transform: translate(-50%, -50%);opacity: 1;}
}
@keyframes fadeIn{
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes rotate{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.hide {display: none}
/* 公共头部 */
.public-head-wrap{ height: 75px;}
.public-head{ position: fixed; top: 0; right: 0; left: 0; z-index: 12; height: 75px; background-color: #FEDA43;}
.public-head__con{ position: relative; width: 1280px; height: 75px; line-height: 75px; margin: 0 auto;}
.public-head__con .logo{ display: inline-block;}
.public-head__con .logo-link{ display: block; width: 115px; height: 50px; border-radius: 10px; overflow: hidden; margin-top: 13px;}
.public-head__nav{ position: absolute; top: 0; left: 120px; height: 75px; width: 1100px;}
.public-head__nav .item{ float: left; padding: 0 25px; font-size: 18px;}
.public-head__nav .item:hover, .public-head__nav .active{ font-weight: 700;}

.public-head__nav .head-right{ float: right; height: 75px;}
.public-head__nav .head-search{ float: left; width: 180px; height: 36px; margin-top: 19px; margin-right: 15px; border-radius: 18px; background-color: #fff; overflow: hidden; position: relative;}
.public-head__nav .head-search .head-search-input{ float: left; width: 140px; height: 36px; line-height: 36px; padding: 0 10px 0 15px; font-size: 13px; color: #333; background-color: transparent; border: 0; outline: none; box-sizing: border-box;}
.public-head__nav .head-search .head-search-btn{ float: right; width: 40px; height: 36px; border: 0; cursor: pointer; background: url(/static/pc/img/so.png) no-repeat center;}


.public-head__nav .head-right>a{display:inline-block;height:45px;line-height:45px;margin-left:15px;color:#000000;font-size:15px;text-decoration:none;position:relative;}
.public-head__nav .head-right>a:hover{color:#ff7700;}
.public-head__nav .user-name-tip::after{content:"VIP"attr(data-vip);position:absolute;top:-5px;right:5px;font-size:11px;color:#fff;background:#ff4400;padding:2px 5px;border-radius:4px;line-height:1;}


/* 内容main */
.main{ width: 1280px; margin: 0 auto; overflow: hidden;}
/* 公共-全站右侧样式 */
.public-main-right{ float: right; width: 310px;}
.public-mr__title{ height: 50px; line-height: 50px; overflow: hidden;font-size: 20px;font-weight: 700; padding-left: 20px;}
/* 右侧-标签 */
.public-mr__box{ background-color: #fff; border-radius: 18px; padding:10px 0 5px; margin-bottom: 20px;}
.public-mr__box .tag{ overflow: hidden; margin-top: 10px; padding-left: 10px;}
.public-mr__box .tag-item{
    width: 80px;height: 36px; line-height: 36px; text-align: center; background: #f5f5f5;border-radius: 18px; margin: 0 8px 23px; float: left;
}
.public-mr__box .tag-item:hover{
    background-color: #FEDA43;
}

/*用户登录框*/
.dialog-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;outline:0;-webkit-overflow-scrolling:touch;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);z-index:9999;}
.qw-account{background:#fff;padding:20px 30px;border-radius:6px;z-index:10000;position:fixed;left:50%;top:50%;width:580px;height:340px;margin-top:-310px;margin-left:-290px;box-sizing:border-box;}
.qw-account.reg{height:auto;margin-top:-380px;}
.qw-account .close-ico{position:absolute;display:block;width:30px;height:30px;line-height:30px;text-align:center;top:10px;right:10px;font-size:21px;cursor:pointer;color:#333;background:url('/static/pc/img/dialog-close.png') no-repeat;}
.qw-account .qw-account-tab{border-bottom:1px solid #dedede;}
.qw-account .qw-account-tab span{width:49%;display:inline-block;vertical-align:middle;height:40px;line-height:40px;cursor:pointer;text-align:center;font-size:16px;color:#333;}
.qw-account .qw-account-tab span.active{color:#ef6d00;line-height:38px;border-bottom:3px solid #ef6d00;margin-bottom:-1px;}
.qw-account-left{width:300px;float:left;box-sizing:border-box;}
.qw-account-right{float:right;width:180px;padding-left:40px;margin-top:40px;border-left:1px dashed #dedede;box-sizing:border-box;}
.qw-account .layui-form{padding-top:10px;box-sizing:border-box;}
.qw-account .input-item{margin-top:12px;position:relative;box-sizing:border-box;}
.qw-account .input-item i{display:inline-block;width:28px;height:18px;border-right:1px solid #dedede;position:absolute;left:0px;top:10px;}
.qw-account .input-item i.ipt-usr{background:url('/static/pc/img/ipt-user.png') center center no-repeat;}
.qw-account .input-item i.ipt-pwd{background:url('/static/pc/img/ipt-pwd.png') center center no-repeat;}
.qw-account .input-item i.ipt-pho{background:url('/static/pc/img/ipt-pho.png') center center no-repeat;}
.qw-account .input-item i.ipt-code{background:url('/static/pc/img/ipt-code.png') center center no-repeat;}
.qw-account .input-item i.ipt-card{background:url('/static/pc/img/ipt-card.png') center center no-repeat;}
.qw-account .input-item span.input-tips{display:block;line-height:25px;font-size:12px;color:#888;text-align:right;padding-right:5px;}
.qw-account .input-item span.input-tips.success{color:#008000;}
.qw-account .input-item span.input-tips.error{color:#f00;}
.qw-account .input-item i.ipt-tips{left:unset;right:5px;border:none;display:none;}
.qw-account .input-item i.ipt-tips.success{background:url('/static/pc/img/tips_success.png') center center no-repeat;display: inline;}
.qw-account .input-item i.ipt-tips.error{background:url('/static/pc/img/tips_error.png') center center no-repeat;display: inline;}
.qw-account .input-item i.ipt-tips.loding{background:url('/static/pc/img/loading.gif') center center no-repeat;}
.qw-account .input-item input{width:100%;height:38px;line-height:38px;border:1px solid #dedede;padding-left:33px;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,0.1) inset;vertical-align:bottom;box-sizing:border-box;}
.qw-account .input-item.item-mobilecode input,.qw-account .input-item.item-imgcode input{display:inline-block;width:166px;box-sizing:border-box;}
.qw-account .input-item.item-mobilecode button.phone-send{display:inline-block;float:right;width:120px;height:38px;line-height:38px;text-align:center;cursor:pointer;background:#515151;color:#fff;font-size:14px;border-radius:2px;vertical-align:bottom;box-sizing:border-box;border: none;}
.qw-account .input-item.item-imgcode img{display:inline-block;float:right;vertical-align:bottom;width:120px;height:38px;cursor:pointer;border-radius:2px;border:none;box-sizing:border-box;}
.qw-account .input-item.item-mobilecode i.ipt-tips,.qw-account .input-item.item-imgcode i.ipt-tips{right:140px;}
.qw-account .item-keeplogin{margin-top:15px;line-height:18px;height:18px;box-sizing:border-box;}
.qw-account .layui-form-checkbox span{font-size:12px;}
.qw-account .item-keeplogin .layui-form-checkbox{display:inline-block;}
.qw-account .item-keeplogin a{float:right;color: #ef6d00 !important;}
.qw-account .login-btn,.qw-account .login-btn2,.qw-account .register-btn{width:100%;display:block;height:36px;line-height:36px;text-align:center;color:#fff;background:#ef6d00;border-radius:3px;margin-top:15px;font-size:14px;border:none;box-sizing:border-box;}
.qw-account .sms-login{box-sizing:border-box;}
.qw-account .sms-login.reg{height:auto;}
.qw-account .sms-login .tip-word{font-size:16px;line-height:36px;color:#000;}
.qw-account button.change-model{background:#3ec564;display:block;margin:10px 0;width:100%;height:32px;line-height:32px;border-radius:2px;color:#fff;text-align:center;font-size:14px;border:none;box-sizing:border-box;}
.qw-account .sms-login .tip-word-sms{font-size:14px;color:#000;line-height:25px;margin-top:15px;text-align: center;}
.qw-account .sms-login .sms-login{margin-top:10px;}
.qw-account .sms-login .sms-login a{display:inline-block;width:24px;height:24px;margin-right:10px;background:url('/static/pc/img/smslogin.png') left center no-repeat;}
.qw-account .sms-login .sms-login a.qq-login{background-position:0 0;}
.qw-account .sms-login .sms-login a.wx-login{background-position:0 -40px;}
.qw-account .sms-login .tip-findpwd{line-height:30px;text-align:left;margin-top:30px;}
.qw-account .sms-login .tip-findpwd a{color:#c00;font-size:14px;}
.qw-account .btn:hover{opacity:0.8;filter:alpha(opacity=80);text-decoration:none;}
.user-form-checked{display: inline-block;}
.user-form-checked span {color: #666;font-size: 12px;}
.user-form-checked span a {color: #666 !important;font-size: 12px;margin: 0;padding: 0;white-space: normal;float: none;float: none !important;display: inline !important;}
.qw-account .item-keeplogin input[type=checkbox]{ cursor: pointer; position: relative; margin-right: 5px;}
.qw-account .item-keeplogin input[type=checkbox]::after{ position: absolute; top: 0; background-color: #fff; color: #fff; width: 17px; height: 17px; display: inline-block; visibility: visible; padding-left: 0px; text-align: center; content: ' '; border-radius: 2px; box-sizing: border-box; border: 1px solid #ddd; }
.qw-account .item-keeplogin input[type=checkbox]:checked::after{ content: ""; background-color:#FF7417; border-color:#FF7417; }
.qw-account .item-keeplogin input[type=checkbox]:checked::before{ content: ''; position: absolute; top: 2px; left: 6px; width: 3px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); z-index: 1; }

/* 右侧-相关游戏推荐 */
.public-mr__box .recommend{ overflow: hidden; padding-left: 8px; margin-top: 10px;}
.public-mr__box .recommend-item{ width: 70px; text-align: center; height: 100px; overflow: hidden; float: left; margin: 0 14px 20px;}
.public-mr__box .recommend-pic{ position: relative; width: 70px; height: 70px; display: block; border-radius: 9px; overflow: hidden;}
.public-mr__box .bg-default{
    position: absolute;top: 0; right: 0; bottom: 0; left: 0; height: 70px; overflow: hidden;
    background:#eee url(/static/pc/img/bg_default_small.png) center no-repeat;
}
.public-mr__box .recommend-img{ position: absolute; top: 0; right: 0;left: 0; z-index: 2; display: block; width: 100%; height: 100%;}
.public-mr__box .recommend-words{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; }
.public-mr__box .recommend-item:hover .recommend-words{ color: #FFAE00;}

/* 公共尾部 */

.public-foot-wrap{padding: 28px 0 40px; background-color: #24232C; margin-top: 50px;}
.public-foot{width: 1280px; margin: 0 auto; color: #fff; font-size: 12px; font-weight: 700;}
.public-foot .words{padding-left: 5px; line-height: 24px; font-size: 14px; margin-bottom: 10px;}
.public-foot .words-qq {color: #bebdc0;font-weight: 400; margin-bottom: 10px;}
.public-foot__link{overflow: hidden;}
.public-foot__link a{color: #fff; display: inline-block; line-height: 30px; padding: 0 5px;}
.public-foot__link a:hover{color: #ffae00;}
.public-foot__about{text-align: center; margin-top: 40px;}
.public-foot__about a{display: inline-block; margin: 0 16px; color: #fff;}
.public-foot__about a:hover{color: #ffae00;}
.public-foot__b{color: #7d7c82; text-align: center; line-height: 26px; margin-top: 15px;}
.public-foot__b a{color: #7d7c82;}
.public-foot__b p{margin-bottom:5px;}
.public-foot__b p img{margin-right: 3px;vertical-align: middle;}



/* 返回顶部 */
.public-back-top{  position: fixed; bottom: 200px; left: 50%; z-index: 13;
    margin-left: 660px;text-indent: -9999em;width: 70px;height: 70px;
    background: url(/static/pc/img/icon_backtop.png) no-repeat;
    cursor: pointer; display: none;
}
.public-back-top:hover{
    background-position: 0 -70px;
}

/* 面包屑 */
.public-crumbs{ line-height: 20px; margin: 20px auto; font-size: 14px; color: #5b5b5b;}
.public-crumbs a{ position: relative; display: inline-block; padding-right: 20px; color: #5b5b5b;}
.public-crumbs a::after{
    content: ""; position: absolute; right: 6px; top: 50%; margin-top: -5px; width: 5px; height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJBAMAAAAIg/utAAAAHlBMVEUAAAAzMzM1NTU0NDQ0NDQ2NjY0NDQ0NDQ1NTU2NjaANAG3AAAACnRSTlMA4EEvOjTKrGAmGnZsNAAAACpJREFUCNdjSGFgYAh0YGBgFgIyDBUYGDgEGBgcAxiYhBkYFA0YGCoZGAA1ngLkx/jPyAAAAABJRU5ErkJggg==) no-repeat;
}
.public-crumbs span,.public-crumbs h1{ display: inline-block;}

/* 公共滚动加载样式 */

.public-loading{text-align: center; color: #999; line-height: 36px; font-size:14px;}
.public-loading>span{ position: relative; display: inline-block; padding-left: 30px;}
.public-loading>span::before{
    content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAn1BMVEUAAACZmZmZmZmampqYmJiZmZmZmZmZmZmampqfn5+YmJibm5uZmZmXl5eZmZmXl5eZmZmZmZmZmZmampqWlpaYmJiZmZmYmJiUlJSZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJibm5uXl5eWlpaYmJiampqampqZmZmYmJiZmZmampqZmZmbm5uZmZmampqZmZmWlpaZmZmYmJjcZykzAAAAM3RSTlMA1rnZvUzIfRwGo2GdizsPxMBrMhWPg3UK8+3ltbCsp4Z5VkVBI/v4mHFg38/LkVMs65zBC8iIAAADOklEQVRo3u3a55LaMBQF4GPADVccMKb3pWVLcv3+z5YN1kY2wqylRJPJhO83zAHp6kpjGbKWz89BBL169K7tQqckp5+W0GlKFwZ06tBFGzq1/nDI5iXYiCF1w2X6Bw/SDjkRBU1DAnoXZ5AzLMrIaxbi0YUNORZdjLImIdmILr5KL7rCoEnIgNTqISBm93nIjpgB5DhPOV10akLExZM/OZCUspB881nI5uOTKWS5YyqcPws5U2HsQtqaCvmwJoQXe2ENBRYV9tG9kGhPBQsqvhDTvRfSJeYLlCz494UQ4ZcsoKb/RAVLCBHG9KkPRSti1nWtfk3MCsomvDqFTatS5xOoM4lZojCtdsIlMSYasS3jZYdrMRVy1jGSSqaTUyEW5zN9fh7iyvwye2lWV8ZBebx6bPSC2vI9fuO1L/Sf8xpV369/axLHyfV+8B1VJqu5/IQyPyemF6Is2t9Zz3PeEkreZvShhbIZcV0HDJ+F3LtTFwlKooCoJuREJaNK0dt3du+ATRfnTagkQYVPZcYruDC1a/tSaKcmuG2Pylouqk4TKpuGkOYsKCduNISgP6CKIyTZIypbOLd7+5TKTMgwDSrrbZt9sgUJKZVNPNyz4v/5LLnBcYPo89ljppKbApNPv6COWIcy9WXz6jfRzMkgaq8h4Y2v4+bCEHKGRdnuoNXW7xy2eHj4C5J5p/VLp+tBmdfttK505iuXHwq5JRT5dJMBrEiwhZIN1bBhkOAAJTOqYfzBkHl9yIAEJpS8Uo0DojZd6UJRi26aOIC7/No2fmnHRygbWm3jSvur38fDw8P/bdeHbkMj3/sZdHotWnIP+oSdnO8oejh++Syhx3BEnActulSy11NgayoZh9BiRtzcgR49+mBtoMsxZyN1hD5uTD/5DnRy7djohnh4ALLAsI7Qq2/InvHVr8VP0MhkTWAGjSZ0kfvQxyYWsml6MzKIfuM+qwHXonftPuS8EBOigUTtgtmoe6TqmmZW+1aDYsgOVeZZeLSsHpLeHoC3nD8YEW9GUsjJWnyNiDdGnZuHnTiDLG8298QuUDcu68Us+afewNEbItyYamQTae//7JnStx20ihbjsfQ59gfZFhVioknsFQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% auto;
    animation: rotate 1s linear infinite;
}
@keyframes rotate{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* 分页 */
.page-wrap{margin: 30px 0;}
.page-list{display: flex;justify-content: center;width: 72%;margin: auto;align-items: center;}
.page-list .pagination{display:flex;gap:8px;margin:0;padding:0;list-style:none;}
.page-item{display:block;min-width:60px;border:1px solid #eee;text-align:center;height:32px;line-height:32px;transition:.3s;list-style:none;}
.page-item a,.page-item span{display:block;width:100%;height:100%;text-decoration:none;color:#333;font-size:14px;}
.page-item:hover{border-color:#fbdd00;}
.page-item.active{background-color:#fbdd00;border-color:#fbdd00;}
/* 删掉禁用拦截！不再阻止.disabled下a点击，只给文字灰色样式 */
.page-item.disabled a{color:#999;cursor:pointer;}
.page-item.dot{border: none;}
.page-item.next{font-size: .8rem;padding: 0 5px;}




/*侧边栏*/
.common-sidebars{ flex-shrink: 0; width: 312px; margin-left: 26px; }
.common-sidebard-sticky{ position: -webkit-sticky; position: sticky; top: 100px; }
.common-sidebar{ padding: 22px 20px 32px 26px; margin-bottom: 20px; background: #FFFFFF; border-radius: 14px; font-family: SourceHanSansSC-Medium, SourceHanSansSC; }
.common-sidebar:last-of-type{ margin-bottom: 0; }
.common-sidebar .common-sidebar__head{ margin-bottom: 19px; display: flex; align-items: center; justify-content: space-between; }
.common-sidebar__head .common-sidebar__title{ font-size: 20px; font-weight: 500; color: #333333; }
.common-sidebar__head .common-sidebar__more{ font-size: 12px; font-weight: 400; color: #333333; cursor: pointer; position: relative;padding-right: 7px;}
.common-sidebar__head .common-sidebar__more::after{ content:""; width: 5px; background: url(/static/pc/img/icon_arrow.png) no-repeat center; background-size: 5px; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0; }
.common-sidebar .common-sidebar__list{}
.common-sidebar__list .common-sidebar__item{ margin-bottom: 26px; }
.common-sidebar__list .common-sidebar__item:last-of-type{ margin-bottom: 0; }
.common-sidebar__item .common-sidebar__href{ display: flex; align-items: center; justify-content: space-between; }
.common-sidebar__href .common-sidebar__left{ flex: 1; display: flex; }
.common-sidebar__left .common-sidebar__img{ flex-shrink: 0; width: 60px; height: 60px; background: #D8D8D8; border-radius: 10px; display: block; }
.common-sidebar__left .common-sidebar__title{ width: 136px; margin-left: 10px; display: flex; flex-direction: column; justify-content: center; }
.common-sidebar__title .common-sidebar__name{ font-size: 14px; font-weight: 500; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .1s linear 0s; }
.common-sidebar__title .common-sidebar__score{ position: relative; font-size: 14px; font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; color: #FFAE00; text-indent: 13px; }
.common-sidebar__title .common-sidebar__score::before{ content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAS1BMVEUAAAD/rwD/rwD/rwD/rwD/wAD/rwD/rwD/rwD/rwD/rwD/sAD/rwD/sQD/sQD/sgD/rwD/rgD/rwD/sAD/rgD/sAD/rwD/uwD/rgBYkWKHAAAAGHRSTlMA4M+4ewfv2cLAk1g8Nigao6FgXlVNEA+DVe+fAAAAWklEQVQI103MRw7AIAxE0SH0nh7uf9KAJQv+xnoLD6hibcHMt+anUuslUF++xKA48wuotqRgVhrsKw9oOSU1oDfW1gUEZsBIMiVRMAXR9a8Y+4IjVnWP86gK/Bi2CksPtNvWAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain; }
.common-sidebar__href .common-sidebar__btn{ flex-shrink: 0; width: 58px; height: 28px; background: #FEDA43; border-radius: 21px; font-size: 12px; font-weight: 500; color: #333333; display: flex; align-items: center; justify-content: center; }
.common-sidebar__href:hover .common-sidebar__name{
    color: #FFAE00;
}

/*资讯列表*/
.common-information{ font-family: SourceHanSansSC-Regular, SourceHanSansSC; display: flex; justify-content: space-between; }
.common-information .common-information-content{ width: 365px; }
.common-information-content .common-information-title{font-size: 24px; font-weight: 500; color: #333333; display: block; }
.common-information-content .common-information-list{}
.common-information-list .common-information-item{ margin: 20px 0; }
.common-information-item .common-information-href{ font-size: 14px; font-weight: 400; display: flex; justify-content: space-between; }
.common-information-href p{ color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .1s linear 0s; position:relative; padding-left:14px; }
.common-information-href p::before{ content:"·"; position:absolute; left:0; top:0; color:#333333; }
.common-information-href span{ color: #999999; white-space: nowrap; }
.common-information-item .common-information-href:hover p{ color: #FFAE00; }
.common-information-item .common-information-href:hover p::before{ color:#FFAE00; }
.common-information-content .title-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;}
.common-information-content .title-wrap a{font-size:14px;color:#999;text-decoration:none;}
.common-information-content .title-wrap a:hover{color:#FFAE00;}


/*相关内容*/
.common-correlation{ font-family: SourceHanSansSC-Regular, SourceHanSansSC; }
.common-correlation__title{ margin-bottom: 20px; line-height: 24px; font-size: 24px; font-weight: 500; color: #333333; display: block; }
.common-correlation__list{ display: flex; flex-direction: column; overflow: hidden; }
.common-correlation__item{ height: 186px; margin-bottom: 20px; padding-left: 32px; padding-right: 34px; background: rgba(216,216,216,0.17); border-radius: 15px; display: flex; align-items: center; overflow: hidden; }
.common-correlation__item:last-of-type{ margin-bottom: 0; }
.common-correlation__href{ flex: 1; display: flex; justify-content: space-between; align-items: center; overflow: hidden; }
.common-correlation__btn{ flex-shrink: 0; width: 101px; height: 43px; background: #FEDA43; border-radius: 21px; font-size: 16px; font-weight: 500; color: #333333; display: flex; align-items: center; justify-content: center; }
.common-correlation__content{ flex: 1; display: flex; overflow: hidden; }
.common-correlation__img{ flex-shrink: 0; width: 120px; height: 120px; margin-right: 20px; border-radius: 17px; background: #eee url(/static/pc/img/bg_default.png) center no-repeat; display: flex; align-items: center; overflow: hidden; }
.common-correlation__img img{ width: 100%; transition: all .2s linear 0s; }
.common-correlation__info{ flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; overflow: hidden; white-space: nowrap; }
.common-correlation__head{ display: flex; align-items: center; }
.common-correlation__name{ margin-right: 14px; font-size: 24px; font-weight: 500; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.common-correlation__score{ display: inline-block; position: relative; font-size: 18px; font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; color: #FFAE00; text-indent: 17px; }
.common-correlation__score::before { content: ""; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; transform: translateY(-50%); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAS1BMVEUAAAD/rwD/rwD/rwD/rwD/wAD/rwD/rwD/rwD/rwD/rwD/sAD/rwD/sQD/sQD/sgD/rwD/rgD/rwD/sAD/rgD/sAD/rwD/uwD/rgBYkWKHAAAAGHRSTlMA4M+4ewfv2cLAk1g8Nigao6FgXlVNEA+DVe+fAAAAWklEQVQI103MRw7AIAxE0SH0nh7uf9KAJQv+xnoLD6hibcHMt+anUuslUF++xKA48wuotqRgVhrsKw9oOSU1oDfW1gUEZsBIMiVRMAXR9a8Y+4IjVnWP86gK/Bi2CksPtNvWAAAAAElFTkSuQmCC) no-repeat; background-size: contain; }
.common-correlation__tag{ font-size: 14px; font-weight: 400; color: #999999; position: relative;}
.common-correlation__tag span{ margin-right: 15px; display: inline-flex; align-items: center; }
.common-correlation__tag span::after{ content:""; transform: translateX(8px); display: inline-block;width: 3px; height: 3px; opacity: .5; border-radius: 50%; background-color: #999; }
.common-correlation__tag span:last-of-type::after{ display: none; }
.common-correlation__foot{ display: flex; }
.common-correlation__describe{ margin-left: 29px; font-size: 14px; font-weight: 400; color: #999999; }
.common-correlation__describe:first-of-type{ margin-left: 0; }
.common-correlation__source{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.common-correlation__label{ font-size: 14px; font-weight: 400; color: #999999; }
.common-correlation__highlight{ color: #FFAE00; }
.common-correlation__item:hover .common-correlation__name{ color: #ffae00; }
.common-correlation__item:hover .common-correlation__img img{ transform: scale(1.1); }

/*通用攻略列表*/
.common-strategy__list{ display: flex; flex-direction: column; margin-bottom: 24px; }
.common-strategy__item{ height: 141px; padding: 0 19px; margin-bottom: 12px; background: #F9F9F9; border-radius: 12px; display: flex; align-items: center; }
.common-strategy__href{ display: flex; align-items: center; overflow: hidden; }
.common-strategy__img{ flex-shrink: 0; width: 166px; height: 88px; margin-right: 17px; border-radius: 9px; background: #eee url(/static/pc/img/bg_default.png) center no-repeat; display: flex; align-items: center; overflow: hidden; }
.common-strategy__img img{ width: 100%; transition: all .2s linear 0s; }
.common-strategy__info{ height: 88px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.common-strategy__title{ font-size: 16px; font-weight: 500; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .1s linear 0s; }
.common-strategy__describe{ font-size: 12px; font-weight: 400; color: #666666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.common-strategy__data{ font-size: 12px; font-weight: 400; color: #888; }
.common-strategy__item:hover .common-strategy__title{ color: #ffae00; }
/*通用列表单行特殊处理*/
.common-uniline__tags{ max-height: 48px; display: flex; overflow: hidden; }
.common-uniline__tags object{ flex: 1; display: flex; flex-wrap: wrap; gap: 6px 43px; }
.common-uniline__tag{ width: 25%; font-size: 14px; font-weight: 500; color: #FFAE00; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.common-uniline-content{ font-family: SourceHanSansSC-Regular, SourceHanSansSC; }
.common-uniline-content .common-strategy__item{ height: 192px; padding-top: 31px; padding-bottom: 31px; background: #fff; }
.common-uniline-content .common-strategy__img{ width: 311px; height: 192px; margin-right: 29px; }
.common-uniline-content .common-strategy__info{ height: 192px; }
.common-uniline-content .common-strategy__title{ font-size: 26px;font-weight: bold;margin-bottom: 10px; }
.common-uniline-content .common-strategy__describe{ font-size: 15px; color: #999999;transform: translateY(-2px); }
.common-uniline-content .common-strategy__data{ font-size: 12px;margin-left: 90px; }
.common-uniline-content .common-strategy__item:hover  .common-strategy__title{ color: inherit }
.common-uniline-content .inventory-item__foot{ justify-content: flex-start; }
.common-uniline-content .inventory-item__foot span{font-size: 12px; color: #888; }
/**/
.common-column{ font-family: SourceHanSansSC-Regular, SourceHanSansSC; }
.common-column__list{ margin-bottom: 25px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.common-column__item{ width: 50%; height: 116px; margin-bottom: 20px; display: flex; }
.common-column__href{ flex: 1; padding: 0 19px; margin-right: 18px; background: rgba(216,216,216,0.17); border-radius: 12px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.common-column__item:nth-of-type(2n) .common-column__href{ margin-right: 0; margin-left: 18px; }
.common-column__info{ flex: 1; display: flex; overflow: hidden; }
.common-column__img{ flex-shrink: 0;  width: 142px; height: 84px; margin-right: 12px;  border-radius: 13px; background: #eee url(/static/pc/img/bg_default.png) center no-repeat;  display: flex; align-items: center;  overflow: hidden; }
.common-column__img img{ width: 100%; transition: all .2s linear 0s; }
.common-column__content{ flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; overflow: hidden; }
.common-column__name{ font-size: 16px; font-weight: 500; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.common-column__describe{ font-size: 14px; font-weight: 400; color: #999999; display: flex; }
.common-column__btn{ flex-shrink: 0; width: 61px; height: 27px; background: #FEDA43; border-radius: 21px; font-size: 14px; font-weight: 500; color: #333333; display: flex; align-items: center; justify-content: center; }
.common-column__avtor{ width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; background-position: center; display: block; }
.common-column__imgBlock{ width: 84px; }
.common-column__clamp{ height: 48px; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/**/
.game-rel-list-wrap {}
.game-rel-list {display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;gap:32px 24px;}
.game-rel-item {width:calc(25% - 18px);}
.game-rel-link {display:flex;gap:12px;text-decoration:none;color:#333;}
.game-rel-ico {flex-shrink:0;width:78px;height:78px;border-radius:9px;background:#eee url(/static/pc/img/bg_default.png) center no-repeat;overflow:hidden;}
.game-rel-ico img {width:100%;height:100%;object-fit:cover;transition:all .2s linear 0s;}
.game-rel-info {display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden;}
.game-rel-title {font-size:16px;font-weight:500;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}
.game-rel-tag {font-size:13px;color:#777;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.game-rel-size {font-size:13px;color:#777;}
.game-rel-link:hover .game-rel-title {color:#ff9900;}


/*通用图文卡片(游戏单列表)*/
.inventory-list{ width: 1278px; display: flex; flex-wrap: wrap; gap: 30px 26px;}
.inventory-list__item{ flex-shrink: 0; width: calc( (100% - 78px) / 4); height: 316px; background: #FFFFFF; box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.02); border-radius: 12px; display: flex; overflow: hidden; transition: all .1s linear 0s; }
.inventory-item__href{ flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.inventory-item__img{ width: 300px; height: 185px; background:#eee url(/static/pc/img/bg_default.png) center no-repeat; display: flex;align-items: center; overflow: hidden;}
.inventory-item__img img{ width: 100%;height:100%;object-fit:cover;transition: all .2s linear 0s; }

.inventory-item__info{ padding: 12px 13px; display: flex; flex-direction: column; justify-content: space-between; font-family: SourceHanSansSC-Regular, SourceHanSansSC; flex: 1; }
.inventory-item__title{ font-size: 18px; font-weight: 500; color: #292929; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .1s linear 0s; }
.inventory-item__describe{ height: 40px; font-size: 14px;    font-weight: 400; color: #999999; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.inventory-item__foot{ margin-top: 10px; padding-right: 10px; display: flex; justify-content: space-between; font-size: 12px; font-weight: 400; color: #656565; }
.inventory-item__name{ display: flex; }
.inventory-item__avtor{ width: 20px; height: 20px; margin-right: 6px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; background-position: center; display: block; }
.inventory-list__item:hover { box-shadow:none; }
.inventory-list__item:hover .inventory-item__title{ color: #ffae00; }
.inventory-list__item:hover .inventory-item__img img{ transform: scale(1.02); }
/*弹出层*/
/* 礼包弹窗 */
.mask_layer{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.3);position:fixed;top:0;right:0;z-index:99;}
.mask_layer .pop_up{display:none;width:453px;height:481px;margin:0 auto;position:relative;text-align:center;position:fixed;top:50%;right:50%;transform:translate(50%,-50%);background:url('/static/pc/img/lb_bg.png') no-repeat;}
.mask_layer .gift_show_code{margin-top:208px;}
.mask_layer .gift_show_code span{color:#666;font-size:16px;line-height:30px;}
.mask_layer .copy_btn{width:250px;line-height:90px;cursor:pointer;text-align:center;color:transparent;font-size:18px;margin:40px auto 0;}
.mask_layer .close_btn{width:46px;height:46px;cursor:pointer;background:url(/static/pc/img/down_icon.png) no-repeat;background-size:345px 736px;background-position:-119px -418px;position:absolute;right:5px;top:70px;transform:translateX(50%);}
/* 隐私说明弹窗 */
.mask{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.3);position:fixed;top:0;right:0;z-index:99;}
.privacy{display:none;width:545px;min-height:640px;margin:0 auto;position:relative;position:fixed;top:45%;right:50%;transform:translate(50%,-50%);background:#FFF;border-radius:30px;padding:26px 36px 50px;box-sizing:border-box;}
.privacy .privacy_title{font-weight:bold;font-size:20px;color:#222;text-align:center;}
.privacy .privacy_content{padding-top:30px;height: 400px;overflow-y: scroll;}
.privacy .privacy_content b {display: block;font-weight: bold;font-size: 16px;color: #FCB10F;margin: 10px 0;}
.privacy .privacy_content p {font-size: 14px;color: #555;line-height: 30px;}
.privacy .privacy_content span i{display:inline-block;width:20px;height:20px;line-height:20px;background:#FCB10F;border-radius:10px;text-align:center;font-weight:bold;font-size:14px;color:#FFFFFF;}
.privacy .privacy_btn{width:356px;height:48px;line-height:48px;background:linear-gradient( 90deg,#FFCE3A 0%,#FF9A1F 100%);border-radius:40px;opacity:0.88;margin:66px auto 0;font-weight:bold;font-size:15px;color:#FFFFFF;text-align:center;cursor:pointer;}
.privacy .close_btn{width:46px;height:46px;cursor:pointer;background:url(/static/pc/img/down_icon.png) no-repeat;background-size:345px 736px;background-position:-119px -418px;position:absolute;right:-35px;top:16px;transform:translateX(50%);}
/* 用户反馈弹窗 */
.feedback{width:599px;padding:0;background:transparent;}
.feedback_title{height:200px;background:url('/static/pc/img/feedback_bg.png') no-repeat top/contain;}
.feedback_content{background:#fff;padding:20px 40px;margin-top:-1px;min-height:635px;box-sizing:border-box;border-radius:0 0 30px 30px;}
.feedback_content span{display:block;font-size:13px;color:#999;margin-bottom:16px;}
.feedback_content>div:nth-child(3) span,.feedback_content>div:nth-child(4) span{font-weight:bold;font-size:14px;color:#333;}
.feedback_content input{margin-bottom:20px;width:517px;height:40px;background:#F8F8F8;border-radius:30px;opacity:0.88;border:none;font-size:14px;color:#333;padding-left:20px;box-sizing:border-box;}
.feedback_content textarea{margin-bottom:20px;width:517px;height:142px;background:#F8F8F8;border-radius:10px;border:none;opacity:0.88;font-size:14px;color:#333;padding:10px 20px;box-sizing:border-box;}
.feedback_content textarea:-webkit-textarea-placeholder,.feedback_content textarea:-ms-textarea-placeholder,.feedback_content textarea:-moz-textarea-placeholder,.feedback_content input:-webkit-input-placeholder,.feedback_content input:-ms-input-placeholder,.feedback_content input:-moz-input-placeholder{color:#999;font-size:12px;}
.feedback .close_btn{right:-40px;top:100px;}
.feedback .submit{display:block;width:356px;height:48px;line-height:48px;background:linear-gradient(90deg,#FFCE3A 0%,#FF9A1F 100%);border-radius:40px;opacity:0.88;margin:25px auto 0;font-weight:bold;font-size:15px;color:#FFFFFF;text-align:center;cursor:pointer;}
/* 登录*/
.masks{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;right:0;z-index:99;}
.masks .pop_up{display:none;width:450px;min-height:430px;margin:0 auto;position:relative;text-align:center;position:fixed;top:50%;right:50%;transform:translate(50%,-50%);background:#fff url('/static/pc/img/dl_bg.png') no-repeat top/contain;border-radius:10px;padding-bottom:30px;box-sizing:border-box;}
.logo_mask .icon{display:block;padding-top:36px;text-align:center;margin:0 auto;width:200px;}
.logo_mask .icon img{width:100%;height:100%;}
.logo_mask .close_btn{position:absolute;top:23px;right:23px;width:46px;height:46px;cursor:pointer;background:url(/static/pc/img/down_icon.png) no-repeat;background-size:345px 736px;background-position:-119px -418px;}
.logo_content{margin-top:50px;}
/* 账号和验证码登录切换 */
.logo_tab span{font-size:18px;color:#333;display:inline-block;margin:0 32px;cursor:pointer;}
.logo_tab span.current{font-weight:bold;position:relative;}
.logo_tab span.current::before{content:'';display:inline-block;width:25px;height:4px;background:var(--pm-c);border-radius:10px;position:absolute;left:50%;transform:translate(-50%,0);bottom:-15px;}
/* 登录表单 */
.logo_content form{padding:26px 30px 0;}
.logo_content form input{border:none;width:384px;height:50px;line-height:50px;background:#F8F8F8;border-radius:30px;padding:0 24px;font-size:14px;color:#999;box-sizing:border-box;margin-bottom:20px;}
.logo_content form .checkbox{width:17px;height:17px;line-height:17px;background:#fff;border-radius:2px;vertical-align:sub;margin-right:5px;margin-bottom:0;margin-left:8px;}
.logo_content form .code_box{position:relative;width:384px;height:50px;line-height:50px;background:#F8F8F8;border-radius:30px;margin-bottom:20px;}
.logo_content form .code_box input{width:250px;position:absolute;left:0;}
.logo_content form .code_btn{display:block;position:absolute;top:12px;right:15px;border:none;font-size:13px;color:var(--pm-c);border-left:1px solid #E2E2E2;height:25px;line-height:25px;padding-left:30px;background:#F8F8F8;cursor:pointer;}
.logo_content form .box{display:flex;justify-content:space-between;}
.logo_content form .tips{font-size:13px;color:#999999;}
.logo_content form .description{font-size:13px;color:#999999;text-align:center;}
.logo_content form .forgot_pwd{font-size:13px;color:var(--pm-c);text-align:right;}
.logo_content form .submit{width:384px;height:56px;line-height:56px;background:linear-gradient( 90deg,#FFCE3A 0%,#FF9A1F 100%);border-radius:30px;font-weight:bold;font-size:16px;color:#FFFFFF;text-align:center;border:none;margin-top:35px;cursor:pointer;}
/* 修改默认的复选框选中颜色 */
.logo_content input[type=checkbox]{cursor:pointer;position:relative;}
.logo_content input[type=checkbox]::after{position:absolute;top:0;background-color:#fff;color:#fff;width:17px;height:17px;display:inline-block;visibility:visible;padding-left:0px;text-align:center;content:' ';border-radius:2px;box-sizing:border-box;border:1px solid #ddd;}
.logo_content input[type=checkbox]:checked::after{content:"";background-color:var(--pm-c);border-color:var(--pm-c);background-color:var(--pm-c);}
.logo_content input[type=checkbox]:checked::before{content:'';position:absolute;top:2px;left:6px;width:3px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);z-index:1;}
/*右侧通栏*/
/* 最新资讯 */
.news_zx{background-color:#fff;padding:18px 20px;border-radius:6px;margin-top:14px;}
.module_title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.module_title .title{font-size:20px;font-weight:bold;color:#222;position:relative;}
.module_title .more{width:18px;height:18px;line-height:18px;text-align:center;background:#FFBB27;color:#fff;border-radius:5px;font-size:14px;text-decoration:none;}
.news_zx_item{margin-top:20px;}
.news_zx .item{display:flex;align-items:flex-start;border-bottom:1px dashed #E5E5E5;padding-bottom:22px;margin-bottom:16px;}
.news_zx .item:last-child{border:none;padding-bottom:0;margin-bottom:0;}
.news_zx .item .info{flex:1;overflow:hidden;margin-right:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:70px;}
.news_zx .item .tag{font-size:12px;color:#FFBB27;display:inline-block;}
.news_zx .item .tag::before{content:'';display:inline-block;width:4px;height:4px;background:#FFBB27;border-radius:4px;vertical-align:middle;margin-right:5px;}
.news_zx .item .title{display:block;font-size:14px;color:#222;margin-top:0;margin-bottom:0;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;max-height:44px;}
.news_zx .item .thum img{width:102px;height:70px;border-radius:6px;object-fit:cover;}



/* 精彩专题 */
.game_zt{margin-top:11px;background:#fff;padding:15px 16px 18px 24px;border-radius:6px;}
.game_zt .items{background:#F8F8F8;border-radius:6px;margin-top:20px;overflow:hidden;}
.game_zt .items .thum{overflow:hidden;}
.game_zt .items .thum img{display:block;width:100%;height:140px;object-fit:cover;border-radius:6px 6px 0 0;transition:all .3s;}
.game_zt .items .thum:hover img{transform:scale(1.2);}
.game_zt .items .title{display:block;font-size:14px;color:#333;line-height:40px;text-align:center;padding:0 20px;text-decoration:none;}
.game_zt .items .title:hover{color:#FFBB27;}
.game_zt ul{padding-left:0;}
.game_zt ul li{list-style:none;width:100%;margin-top:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.game_zt ul li a{font-size:14px;color:#333;text-decoration:none;}
.game_zt ul li::before{content:'';display:inline-block;width:5px;height:5px;border-radius:5px;background:#E6E6E6;margin-right:10px;vertical-align:middle;}

/*右侧热门游戏*/
.hot_game{background:#fff;padding:15px 16px 18px 24px;border-radius:6px;    margin-bottom: 20px;}
.hot_game ul{padding:0;list-style:none;}
.hot_game ul li{position:relative;margin-top:20px;}
.hot_game ul li a{display:flex;align-items:center;position:relative;height:60px;overflow:hidden;text-decoration:none;*zoom:1;}
.hot_game ul li a img{width:60px;height:60px;border-radius:12px;object-fit:cover;flex-shrink:0;}
.hot_game ul li a .info{margin-left:15px;flex:1;overflow:hidden;}
.hot_game ul li a .info .title{display:block;line-height:22px;margin-bottom:4px;font-size:15px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot_game ul li a:hover .info .title{color:#ff9900;}
.hot_game ul li a .info .slogan{display:block;font-size:12px;color:#999;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot_game ul li a .info .type{display:block;font-size:12px;color:#999;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot_game ul li a .btn{display:flex;align-items:center;justify-content:center;padding:3px 13px;border:1px solid #ffb133;color:#ff9900;border-radius:30px;font-size:13px;white-space:nowrap;flex-shrink:0;}
.hot_game ul li a .btn:hover{background-color:#ffb133;color:#ffffff;}
/*优惠卷选择*/
/* 弹出层遮罩 - 优化居中方案 */
.coupon-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.2s ease; }
.coupon-layer.show { opacity: 1; visibility: visible; }

/* 优惠券核心容器 - 固定高度500px */
.coupon { width: 600px; height: 500px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); overflow: hidden; font-family: "Microsoft Yahei", sans-serif; display: flex; flex-direction: column; position: relative; }
.coupon .coupon-header { padding: 20px 24px; border-bottom: 1px solid #f0f0f0; position: relative; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.coupon .coupon-header h3 { font-size: 18px; font-weight: 600; color: #333; margin: 0; }
.coupon .coupon-close { font-size: 24px; color: #999; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; transition: color 0.2s; }
.coupon .coupon-close:hover { color: #ff6767; }
.coupon .coupon-recharge-tip { font-size: 14px; color: #666; margin-left: 20px; }
.coupon .recharge-amount { color: #ff4444; font-weight: 600; }

/* 标签切换栏 */
.coupon .coupon-tabs { display: flex; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
.coupon .coupon-tab { flex: 1; text-align: center; padding: 16px 0; font-size: 16px; color: #666; cursor: pointer; transition: all 0.2s; position: relative; }
.coupon .coupon-tab.active { color: #ff6767; font-weight: 600; }
.coupon .coupon-tab.active::after { content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #ff6767; border-radius: 1px; }

/* 内容区 - 可滚动 */
.coupon .coupon-content { padding: 24px; flex: 1; overflow-y: auto; }
.coupon .coupon-content::-webkit-scrollbar { width: 6px; }
.coupon .coupon-content::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; }
.coupon .coupon-content::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }
.coupon .coupon-content::-webkit-scrollbar-thumb:hover { background: #ccc; }

.coupon .coupon-panel { display: none; height: 100%; }
.coupon .coupon-panel.active { display: block; }

/* 优惠券项 */
.coupon .coupon-item { display: flex; align-items: center; padding: 16px 20px; border-radius: 8px; margin-bottom: 12px; border: 1px solid #f0f0f0; transition: box-shadow 0.2s; border-left: 4px solid #FF7417; }
.coupon .coupon-item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
.coupon .coupon-item-general { border-left: 4px solid #FF7417; }
.coupon .coupon-item-vip { border-left: 4px solid #ff9900; }
.coupon .coupon-item-limited { border-left: 4px solid #FF7417; }
.coupon .coupon-item-used { border-left: 4px solid #FF7417; background: #fafafa; }
.coupon .coupon-left { flex: 1; }
.coupon .coupon-amount { font-size: 24px; font-weight: 600; color: #ff4444; margin-bottom: 4px; }
.coupon .coupon-desc { font-size: 12px; color: #999;padding-top: 5px;}
.coupon .coupon-condition { font-size: 12px; color: #999;padding-top: 5px; }
.coupon .coupon-type { font-size: 12px; color: #999; margin-top: 5px; }
.coupon .coupon-status { font-size: 12px; color: #666; margin-top: 4px; }
.coupon .coupon-right { flex-shrink: 0; }

.coupon .coupon-btn-receive { padding: 8px 20px; background: #ff6767; color: #fff; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; transition: background 0.2s; }
.coupon .coupon-btn-receive:hover {background: #ff6767;color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(4, 181, 254, 0.3);}
.coupon .coupon-status-text { font-size: 14px; color: #999; padding: 8px 20px; }
.coupon .coupon-empty { text-align: center; padding: 40px 0; color: #999; font-size: 14px; }

@media (max-width: 768px) {
    .coupon { width: 90%; max-width: 500px; height: 450px; }
    .coupon .coupon-amount { font-size: 20px; }
}

.box_select_voucher { margin-bottom: 20px; }
.coupon-wrap { position: relative; display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 10px 15px; background: #f9f9f9; border: 1px solid #e8e8e8; border-radius: 8px; transition: all 0.3s ease; }
.coupon-wrap:hover { border-color: #FF7417; box-shadow: 0 2px 8px rgba(4, 181, 254, 0.1); }
.coupon-display-wrapper { flex: 1; min-height: 40px; display: flex; align-items: center; }
.coupon-display-default { display: flex; align-items: center; gap: 8px; color: #999; font-size: 14px; }
.coupon-default-icon { font-size: 18px; }
.coupon-default-text { font-weight: normal; }

.coupon-display-selected { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 12px; background: linear-gradient(135deg, #e6f7ff 0%, #f0f9ff 100%); border: 1px solid #b3e0ff; border-radius: 6px; animation: fadeIn 0.3s ease; }
.coupon-selected-left { display: flex; align-items: center; gap: 10px; }
.coupon-selected-tag { padding: 2px 6px; background: #FF7417; color: white; font-size: 12px; border-radius: 4px; font-weight: bold; }
.coupon-selected-amount { color: #ff4444; font-size: 18px; font-weight: bold; }
.coupon-selected-info { display: flex; gap: 10px; }
.coupon-selected-name { color: #333; font-size: 14px; font-weight: 500; }
.coupon-selected-condition { color: #666; font-size: 12px; }
.coupon-change-btn { padding: 8px 20px;background: #ff6767;color: #fff;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background 0.2s;}
.coupon-change-btn:hover {background: #ff6767;color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(4, 181, 254, 0.3);}

.coupon-select-btn { display: flex; align-items: center; gap: 6px; padding: 8px 16px; background: white; color: #FE5700; border: 1px solid #FE5700; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; }
.coupon-select-btn:hover { background: #FE5700; color: white; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(4, 181, 254, 0.3); }
.coupon-select-icon { font-size: 16px; font-weight: bold; line-height: 1; }
.coupon-select-text { font-weight: 500; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 768px) {
    .coupon-wrap { flex-direction: column; align-items: stretch; gap: 12px; padding: 15px; }
    .coupon-select-btn { width: 100%; justify-content: center; padding: 10px; }
    .coupon-display-selected { flex-direction: column; gap: 10px; align-items: stretch; }
    .coupon-change-btn { align-self: flex-end; }
}