html {font-size: 13.33333vw}
@media screen and (max-width:320px) {
    html {
        font-size: 42.667px;
    }
}
@media screen and (min-width:640px) {
    html {
        font-size: 85.33px;
    }
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
html{ max-width: 640px; margin: 0 auto;}
body {font-size: .32rem; 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: #fdfdfd; max-width: 640px;margin: 0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
ul,ol,dd,dt,dl{list-style-type:none;}
a{color:#333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
a, input, select, span{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;border-radius: 0;}
input,img,select{border:none;padding:0;font-size:.32rem;}
i,em{font-style:normal;}
:focus{outline: none}

/* 原子类 */
.m-img{ display: block; width: 100%;}
/*提示语*/
.body-msg{
    position: fixed;top: 50%;left: 50%; line-height: .6rem;padding: .1rem .25rem; text-align: center;
    background-color: rgba(0,0,0,.6);color: #fff;font-size: .32rem;border-radius: .1rem;
    -webkit-animation: slideLeft 300ms ease forwards;
    animation: slideLeft 300ms ease forwards;transform: translate(-40%, -50%);opacity: 1;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: .8rem;line-height: .8rem;padding: 0 .25rem;
    background-color: rgba(0,0,0,.6);color: #fff;font-size: .32rem;border-radius: .1rem;
    -webkit-animation: fadeIn 300ms ease forwards;
    animation: fadeIn 300ms ease forwards;transform: translate(-45%, -50%);opacity: 0;
}
.body-loading span::before{
    content: '';display: inline-block;width: .6rem;height: .6rem;vertical-align: middle;
    margin-right:.05rem;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%;-webkit-animation: rotate 1s linear infinite;animation: rotate 1s linear infinite;
}
/*css3动画*/
@-webkit-keyframes slideLeft{
    from{transform: translate(-40%, -50%);opacity: 0;}
    to{transform: translate(-50%, -50%);opacity: 1;}
}
@keyframes slideLeft{
    from{transform: translate(-40%, -50%);opacity: 0;}
    to{transform: translate(-50%, -50%);opacity: 1;}
}
@-webkit-keyframes fadeIn{
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes fadeIn{
    from{opacity: 0;}
    to{opacity: 1;}
}
@-webkit-keyframes rotate{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
@keyframes rotate{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}
    body{ background: #FAFAFA; }
        .m-footer{ background: #fff; }
/*公共弹窗阻止浏览器底层滚动*/
.base-popup{position: fixed;width: 100%;}
.show_main{}
/*用户注册登录*/
/*注册登录*/
/*注册登录*/
.user-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.user { width: 100%; max-width: 330px; background-color: #fff; border-radius: 12px; overflow: hidden; position: relative; z-index: 9999; max-height: 90vh; overflow-y: auto; box-sizing: border-box; }
.user-header { background-color: #ffaa22;  padding: 15px 20px; position: relative; text-align: center; color: #fff; font-size: 18px; font-weight: bold; box-sizing: border-box; }
.user-header .close { position: absolute; right: 15px; top: 45%; transform: translateY(-50%); width: 20px; height: 30px; line-height: 30px; text-align: center; font-size: 24px; color: #fff; cursor: pointer; z-index: 10; }
.user-form-wrap { padding: 8px 20px; box-sizing: border-box;}
.user .user-subtab { display: flex; margin-bottom: 10px; border: none; border-radius: 0; overflow: visible; border-bottom: 1px solid #eee; position: relative; }
.user .user-subtab-item { flex: 1; text-align: center; padding: 8px 0; cursor: pointer; position: relative; font-size: .28rem;color: #333;font-weight: bold;}
.user .user-subtab-item.active {color: #ffaa22; }
.user .user-subtab-item.active::after { content: ''; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 30px; height: 2px; background-color: #ffaa22; border-radius: 1px; }
.user-form { display: none; }
.user-form.active { display: block; }
.user-form-item { margin-bottom: 10px; position: relative; box-sizing: border-box; }
.user-form-input { width: 100%; height: 44px; padding: 0 15px; border: 1px solid #eee; border-radius: 4px; font-size: 14px; outline: none; box-sizing: border-box; }
.user-form-input:focus { border-color: #ffaa22; }
.user-code-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; padding: 0 10px; background-color: #ffaa22; color: #fff; border: none; border-radius: 4px; font-size: 12px; cursor: pointer; }
.user-code-btn.disabled { background-color: #ccc; cursor: not-allowed; }
.user-agreement { display: flex; align-items: center; font-size: 12px; color: #666; margin-bottom: 20px; box-sizing: border-box; }
.user-agreement input { margin-right: 8px; }
.user-agreement a { color: #ffaa22; text-decoration: none; }
.user-submit-btn { width: 100%; height: 48px; line-height: 48px; text-align: center;background-color: #ffaa22; color: #fff; border: none; border-radius: 24px; font-size: 16px; font-weight: bold; cursor: pointer; box-sizing: border-box; }
.user-submit-btn:disabled { background: #ccc; cursor: not-allowed; }
.user-switch-txt { text-align: center; margin-top: 10px; font-size: 14px; color: #666;     margin-bottom: 5px;}
.user-switch-txt a { color: #ffaa22; text-decoration: none; margin-left: 5px; }
.user-tip { text-align: center; font-size: 12px; color: #999; margin: 10px 0; }
.user-agreement input[type="checkbox"]{width:16px;height:16px;display:inline-block;-webkit-appearance:checkbox;appearance:checkbox;margin:0 8px 0 0 !important;vertical-align:middle;}

/*防沉迷*/
.fcm-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.fcm { width: 100%; max-width: 350px; background-color: #fff; border-radius: 12px; overflow: hidden; position: relative; z-index: 9999; max-height: 90vh; overflow-y: auto; box-sizing: border-box; }
.fcm-header { background: linear-gradient(to right, #ff9d00, #ffaa22); padding: 15px 20px; position: relative; text-align: center; color: #fff; font-size: 18px; font-weight: bold; box-sizing: border-box; }
.fcm-header .close { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; z-index: 10; }
.fcm-form-wrap { padding: 20px; box-sizing: border-box; }
.fcm-form { width: 100%; box-sizing: border-box; }
.fcm-form-item { margin-bottom: 15px; position: relative; box-sizing: border-box; }
.fcm-form-input { width: 100%; height: 44px; padding: 0 15px; border: 1px solid #eee; border-radius: 4px; font-size: 14px; outline: none; box-sizing: border-box; }
.fcm-form-input:focus { border-color: #ffaa22; }
.fcm-code-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 30px; line-height: 30px; padding: 0 10px; background-color: #ffaa22; color: #fff; border: none; border-radius: 4px; font-size: 12px; cursor: pointer; }
.fcm-code-btn.disabled { background-color: #ccc; cursor: not-allowed; }
.fcm-agreement { display: flex; align-items: center; font-size: 12px; color: #666; margin-bottom: 20px; box-sizing: border-box; }
.fcm-agreement input { margin-right: 8px; }
.fcm-agreement a { color: #ffaa22; text-decoration: none; }
.fcm-submit-btn { width: 100%; height: 48px; line-height: 48px; text-align: center; background: linear-gradient(to right, #ff9d00, #ffaa22); color: #fff; border: none; border-radius: 24px; font-size: 16px; font-weight: bold; cursor: pointer; box-sizing: border-box; }
.fcm-submit-btn:disabled { background: #ccc; cursor: not-allowed; }
.fcm-tip { text-align: center; font-size: 12px; color: #999; margin: 10px 0 0 0; line-height: 1.5; }


/* 公共尾部 */
.m-footer{ text-align: center; overflow: hidden; margin-top: .2rem; padding:0 .2rem .6rem;}
.m-footer__link{ margin-top: .34rem; box-sizing: border-box; display: flex; flex-wrap: wrap; }
.m-footer__link>a{ display: block; width: 33.33%; overflow: hidden; margin-bottom: .19rem; height: .32rem; line-height: .32rem; font-size: .22rem;font-weight: 500;color: #666; }
.m-footer__tip{ display: flex; flex-direction: column; overflow: hidden; }
.m-footer__tip>p{ font-size: 0.22rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #999999; }
.m-footer__tip>p+p{ margin-top: .06rem; }
.m-footer__tip .gongan-beian{display:flex;justify-content:center;align-items:center;}
.m-footer__tip .gongan-beian img{margin-right:3px;max-width:18px;}
.m-footer__copyright{ height: auto !important; }
.m-footer__copyright a{ display: inline-block; }
.m-footer__friendLink{ margin-left: .2rem; margin-top: .32rem; margin-bottom: .63rem; }
.m-footer__title{ margin-bottom: .23rem; padding-left: 0.14rem; font-size: 0.24rem; font-family: SourceHanSansSC-Medium, SourceHanSansSC; font-weight: bold; text-align: left; color: #333333; position: relative; display: block; }
.m-footer__title::before{ content:""; width: 0.04rem; background: #FFD803; position: absolute; left: 0; top: 0; bottom: 0; }
.m-footer__list{ display: flex; flex-wrap: wrap; gap: .23rem .36rem; }
.m-footer__list .m-footer__item{ font-size: 0.22rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #666666; white-space: nowrap; position: relative; }
.m-footer__list .m-footer__item a{ color: inherit; }
.m-footer__list .m-footer__item::after{ content:""; width: 0.01rem ; background: #eee; position: absolute; top: 0; bottom: 0; right: 0; transform: translateX(.18rem); }
.m-footer__list .m-footer__item:last-of-type::after{ width: 0; }

/* 底部导航 */
.m-nav-wrap{ height: 1.4rem;}
.m-nav{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 1.16rem;background-color: #fff;box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11); max-width: 640px; margin: 0 auto; display: flex; align-items: center;margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);}
.m-nav__item{
    display: block; width: 33.33%; text-align: center;color: #878787; line-height: .3rem;font-size: .24rem;
}
.m-nav__item>span{
    display: block; width: .5rem; height: .5rem; margin: 0 auto; background: url(/static/m/img/icon_nav.png) no-repeat;
    background-size: 100% auto;
}
.m-nav__item--active{ color: #F9E316;}
.m-nav__item>.icon_index{ background-position: 0 0;}
.m-nav__item--active>.icon-index{ background-position: 0 -.5rem !important;}
.m-nav__item>.icon-sort{ background-position: 0 -1rem;}
.m-nav__item--active>.icon-sort{ background-position: 0 -1.5rem;}
.m-nav__item>.icon-ranking{ background-position: 0 -2rem;}
.m-nav__item--active>.icon-ranking{ background-position: 0 -2.5rem;}


/* 公共加载样式 */

.m-loading{ text-align: center; color: #999; line-height: .7rem; font-size: .24rem;}
.m-loading>i{position: relative;  display: inline-block;}
.m-loading>i::before{
    content: ""; position: absolute; left: -.8rem; top: 50%; transform: translateY(-50%);
    width: .7rem; height: 1px; background-color: #f5f5f5;
}
.m-loading>i::after{
    content: ""; position: absolute; right: -.8rem; top: 50%; transform: translateY(-50%);
    width: .7rem; height: 1px; background-color: #f5f5f5;
}
.m-loading>span{ position: relative; display: inline-block; padding-left: .5rem;}
.m-loading>span::before{
    content: ""; position: absolute; left: 0; top: 50%; margin-top: -.15rem; width: .3rem; height: .3rem;
    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);
    }
}

/* 通用列表 */

.m-back-title{ position: sticky; top:0; background-color: #fff; z-index: 10; overflow: hidden; height: .8rem; line-height: .8rem; text-align: center; font-size: .36rem; margin-top: 0;}
.m-back-title .back{
    position: absolute; left: 0; top: 0; width: 1.2rem; height: .8rem; display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABOCAMAAABljaQYAAAAk1BMVEUAAAAzMzNEREQzMzMzMzMzMzMzMzMzMzMzMzM7Ozs5OTlkZGQzMzMzMzMzMzMzMzM0NDQ0NDQ0NDQzMzMzMzMzMzM0NDQ0NDQ2NjY3Nzc3Nzc6OjozMzMzMzMzMzMzMzMzMzM0NDQ0NDQ0NDQ1NTU0NDQ3NzczMzMzMzMzMzMzMzM0NDQ0NDQ2NjY0NDQzMzMzMzPS7H+wAAAAMHRSTlMA+gX16rqKy5MTCgLw2NGxclVD7uSaal02IBsOwqunoYFiTUkwLBfg3X09OiglxHbj7JR1AAABeElEQVRIx43Wx7KCUBCEYXIURAyYM5hQz/s/3b11ugqX3bP+Flrwz+AIUxejxBPcxTXGRNw9ffM/AXVL60zM3HVqXdAS1wfWja7ErWbW+S/i1jfr3Jq4roA7E5eWxs6EuE0MdyIu+8AtiPNCuC9zY7gjcfkOLnHIHODmzCVw+5y4CG7sEXeEC5n7wm0z4hZw8Ya4E1yZEjdxrSs64s5wtzULGG62ksI0Qc/CHGkhtQjTXxL3DuBqLUz3wsK8w020ME0jhrkQw6xYmFu4oxhmJIaJkHggB4cNHtwup7DkZWJePn6ieEbwp7VOHlw2vweoNdpwWQlbHfOArLmMhmC0nThtuZwj6jeF+X5YJ9oLV6RchsNq1KL4ZAwiM6xvLdxdzmUxvJ7ackm4XM2GyrUFWHHZTqXTjyWNHailia0qHRL/yeXZxYVQIw56MWJcMekg3zs14jJVI44zNeLQUyMeC/IwLG7t4ytx1IgbR4x4zyEirhxhvCqMvD/CKFusa6EpMQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .2rem auto;
}
.m-back-titlebai{ position: sticky; top:0; z-index: 10; overflow: hidden; height: .9rem; line-height: .9rem; text-align: center; font-size: .36rem; margin-top: 0;background-color: #FF7417;color: #fff;}
.m-back-titlebai .backbai{
    position: absolute; left: 0; top: 0; width: 1.1rem; height: .9rem; display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABOCAYAAABSU1QqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDUgNzkuMTY0NTkwLCAyMDIwLzEyLzA5LTExOjU3OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA5LTA4VDExOjQ2OjA1KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0wOFQxMTo0NjozMSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0wOFQxMTo0NjozMSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODcyOTg4YS1iOTllLTUwNGYtOWE5MC1kZWI0MDdjOTY1ODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDg3Mjk4OGEtYjk5ZS01MDRmLTlhOTAtZGViNDA3Yzk2NTg4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDg3Mjk4OGEtYjk5ZS01MDRmLTlhOTAtZGViNDA3Yzk2NTg4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODcyOTg4YS1iOTllLTUwNGYtOWE5MC1kZWI0MDdjOTY1ODgiIHN0RXZ0OndoZW49IjIwMjYtMDktMDhUMTE6NDY6MDUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Yk17/AAACtUlEQVRo3s2aLUwDQRCFNyQ1CAwCUYMhQSBQCJKqKgSysqay8gSuovbsuboqBAqLJLiqupomCFQFwdTUPMxUULrv/nZ3ZpO67uXLpd2Z7806AM7Qpw9gBeAHQAGgYwnuAcAOf1duBa4HYIv/a2MB7s4DBwALbbhbAN8euA2AG024a4E4tn4E3mnBXQL48sBtAdzvv6sB1wXw6YHbyVHjtAAv5JzzwT0e7kkJdw5gCf8aHNuXCu4MwILAjXx7U8CdAvggcGO2PzZcB8AbgXsqe0ZsuFcCN63ynFhwJwBeCFxR9VmxAOcEblbnWTHgCgL3LG9XDTAncK/yu3RagFMC99YELiTgE4F7l7PQaQGOCdxCqojTAhwRuKXUX6cFODgiOfu1ks7FaQE+ErhP6fmcFmCfwH1Jt+y0AHvEwDbiGU4L8E5khkqOFuAN0cOtwDstwCuih9tDyUkNyPRwJ3mK0wLsAlgTuEEKn2mihwAwTGWDTfRwnNKl6+phljqJONTD97aSEwuwTA9zrRSsih7OoJghlnnEXDuBdaSEvdQ1sFiAy1CKGAvwnrRQMwuAvhmF+j/48BxkjjGxAOikxpoocawWjyw0CWXdTFYn6NbqBydVRwWaHXWu4SF1ncSX932LTKkDOjmwfS58ZQHwREpf9KijjbiztmwVIskKEX2wxrZ1FhgqPGJq8NEmTQ0ZvzG5apxHhw4wmZ4Ga3ZDjFhXMXvJUBP0dduRV+wxBAuZphYAy2K6zAJgWdA5sgDIouJGkV2sIu8zxdqhZ+yrdjtPL9mzAMgGPpWnAinadp/OVpqrpJKfYdPJVEqF9I1t12zwmFrEs7qjW404Y0Ia3lMLgExn//WSmtFaUeV2iPYd1nlZ9KwNyK5QFRYAy3R2aOWit09nny1dlT+ms5klwP2bzORt5gA6v7OMc99IIi8dAAAAAElFTkSuQmCC) no-repeat center;
    background-size: .2rem auto;
}
.m-back-titlebai .homebai{ position:absolute; right:0; top:0; width:1.2rem; height:.9rem; display:block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDUgNzkuMTY0NTkwLCAyMDIwLzEyLzA5LTExOjU3OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTExLTIwVDE3OjI4OjI5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wOS0wOFQxNTozOTowMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wOS0wOFQxNTozOTowMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjQ1M2I2OS03Y2IwLWYzNDMtYTVhMi04MDE4MTczMDZkZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdmYmRlZDgtZGViMi1mODRjLWE1NWItNjVhMWE2NDI4YzcyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ODdmYmRlZDgtZGViMi1mODRjLWE1NWItNjVhMWE2NDI4YzcyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4N2ZiZGVkOC1kZWIyLWY4NGMtYTU1Yi02NWExYTY0MjhjNzIiIHN0RXZ0OndoZW49IjIwMjQtMTEtMjBUMTc6Mjg6MjkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTFiNjNkYmUtMDk2OS00NTQ0LWI5NzYtZWM4YjcxOWIxYTlkIiBzdEV2dDp3aGVuPSIyMDI0LTExLTIwVDE3OjQzOjU1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2NDUzYjY5LTdjYjAtZjM0My1hNWEyLTgwMTgxNzMwNmRkNCIgc3RFdnQ6d2hlbj0iMjAyNi0wOS0wOFQxNTozOTowMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtaNc1QAAAFrSURBVGje7ZqxDcIwEEUzAPSwBSOkhYaSlgWQGCFjQMMANIyARMsQlAiExAAgfRpHRMHYd8aXXIRP+hXmeC9EdmwlA5B1OVkScGcDYNVVgQPedeiawBafte2KgA1eTEIavjDxSYwA7C05ArgDmDUhYIMvP/NJnOCuh7SAC54isYO/xAQo8BSJ3BJxAQ489XaqRlQgBJ4rISbwCzxHQkQgBjxVIrpATHjO7LSLISABT52dfl6JJeFDZieWQBPwwRKa4IMktMGzJTTCsyS0wpMlNMOTJLTDeyXKAQsLfLlLGrUIXmUobBfYdvWL2i7p1KJAnaGo/wvVwWsAc86DVAOxMSwNq3cd0CpAXsiSQBJIAn8mMDXHgMcvx4Sko8I2BZ6g10OjALdUC+ShR4VaBBrrmQSSQBKgfXlPCFcgSs+Y8zpXIEpPl8At8IfOjp6XwJ7XEIGh2b6NHQtTNRMzvufo2TdjcmbPQXrZQ2tebMTRlDtjPn8AAAAASUVORK5CYII=) no-repeat center center;background-size:.4rem auto;}

.m-list-wrap{ overflow: hidden;}
.m-list{ overflow: hidden; padding: 0 .3rem;}
.m-list__item{ display: flex; align-items: center; min-height: 1.3rem; padding: .3rem 0; border-bottom: 1px solid #f5f5f5;}
.m-list__item .pic{width: 1.3rem; height: 1.3rem; display: block; border-radius: .2rem;}

.m-list__item .info{ flex: 1; overflow: hidden; padding: 0 .25rem; box-sizing: border-box; }
.m-list__item .info-title{
    height: .6rem; line-height: .6rem; font-size: .34rem;font-weight: 700;color: #292929; overflow: hidden;
}
.m-list__item .info-score{
    position: relative; font-size:.24rem;font-weight: bold;color: #FFAE00; height: .34rem; line-height: .34rem;
    padding-left: .22rem;
}
.m-list__item .info-score::before{
    content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);width: .16rem; height: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAeFBMVEUAAAD/rwD/rwD/uwD/xQD/rgD/rwD/rwD/tAD/rwD/rwD/rgD/sAD/sAD/tgD//wD/rwD/rwD/rwD/rwD/rwD/sAD/sAD/rgD/rwD/rwD/rwD/rwD/rwD/rwD/rwD/sQD/sAD/sQD/rwD/rwD/rwD/sQD/rgD/rgAofVbbAAAAJ3RSTlMA4MIKBvvwhBP0vLZBOw8C9tTNx4qAZeemlHVsX1xTTjMa6J1JLilvvkHdAAAA3ElEQVQ4y5WT2Q6CMBBFb0spIMgiuCIgbv3/P5SgMEGnTTxPhHMe2skUC/qD1oceVlJhBkRqDSozUtl8GL2DKARPYD4EvE/1FGj+FFszs+X8JaIgXy+UenanozQLytupfXijXkvf2CiTwZNm8BNI40Qicgc5hDsQCNxBACVdfqUATzr8OAlvZfPx4Mcitng1z3rD+Y3CzJkLdvgjqLjgCCJm70ien/eevGdYQto2PqC9S+jndU/fCb2YaauKDrhPU/PD7ycjmgwDWVv87n4tclnPo82aUhc7LMnA8wJuRloZGN0e5AAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto;
}
.m-list__item .btn{ width: 1.3rem; height: .56rem; line-height: .56rem; border-radius: .3rem;background-color: #FFD803; overflow: hidden; text-align: center;}

/* 权限说明、关于我们等-公共内容样式 */
.m-about-con{
    padding: .3rem .3rem .6rem; color: #666; line-height: .6rem;
}
.m-about-con p{font-size:0.26rem;line-height:0.65rem;color:#666;}
.m-about-con strong{font-size:16px;display:inline-block;padding:0 2px;}
.m-about-con img{max-width:100%;margin:0.2rem auto;display:block;}
.m-about-con table{width:100% !important;}
.m-about-con h3{font-size:16px;font-weight:bold;color:#333;margin:15px 0 10px;line-height:1.5;}
.m-about-con a{color:#0066cc !important;text-decoration:none;}
.m-about-con a:hover{color:#0052aa;}

.m-introduce-con{
    padding: .3rem .3rem .6rem; color: #666; line-height: .6rem;
}
.m-introduce-footer{
    background-color: #fafafa; padding-top: .4rem;
}
.icp-link {color: #999;}

/* mask */
.mask-fake{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0000006e;z-index: 10;align-items: center;justify-content:center;}
.mask-fake-box{
    background-color: #fff;width: 80%;height: 30%;border-radius: 16px;text-align: center;padding: 0 .2rem;margin:auto;
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;
}
.mask-fake-box .title{color: #000;font-weight: bold;margin: 0.4rem 0;}
.mask-fake-box .desc_t{color: #000;margin-bottom: 0.1rem;font-size: 0.28rem;font-weight: bold;}
.mask-fake-box .desc{color: #000;margin-bottom: 0.3rem;font-size: 0.28rem;font-weight: bold;}
.mask-fake-box .btn{width: 80%;background: #FEDA43;margin: 0 auto 0.3rem auto;height: 0.8rem;line-height: .8rem;border-radius: 1rem;font-size: .28rem;color: #000;font-weight: bold;}
.m-new-download {position: fixed;width: 94%;bottom: 1.6rem;z-index: 10;text-align: center;background: #FFDD0B;border-radius: 1rem;height: 1.04rem;line-height: 1.04rem;margin: auto;right: 3%;max-width: 620px;transition: width .2s linear 0s; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.m-new-download-text {font-size: 0.31rem;font-weight: 700;letter-spacing: 1px;display: flex;justify-content: center;align-items: center;user-select: none; white-space: nowrap;}
.m-new-download-text span {font-size: 0.32rem;font-weight: 900;}
.m-new-download-text img {width: 0.28rem;}

.m-new-download-text-span { margin-left: 0.16rem; font-size: inherit !important;font-weight: inherit !important; }
.m-new-download-small{ width: 1.04rem; box-shadow: 0px 2px 17px 0px rgba(123, 103, 19, 0.25);}
.m-new-download-small .m-new-download-text-span{
    display: none;
}
/* page */
.page-wrap {margin: .3rem 0;}
.page-list {display: flex;justify-content: center;width: 72%;margin: auto;align-items: center;}
.page-item{display: block;min-width: .5rem;border: 1px solid #eee;text-align: center;margin-left: -1px;height: 0.5rem;line-height: .5rem;}
.page-item.active {background-color: #fbdd00;}
.page-item.dot{border: none;}
.page-item.next{font-size: .24rem;padding: 0 5px;}

/**/
.m-navbar{background:#fff;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;z-index:9;}
.m-navbar_logo{height:1.22rem;background:rgba(252,230,16,.07);display:flex;align-items:center;padding:0 .31rem 0 .31rem;overflow:hidden;gap:.12rem;}
.m-navbar_logo .m-navbar_title{flex-shrink:0;display:flex;align-items:center;overflow:hidden;}
.m-navbar_logo .m-navbar_title .m-img{flex-shrink:0;width:auto;height:.62rem;margin-right:0;border-radius:0.16rem;}
.m-navbar_search{position:relative;width:3.38rem;height:.6rem;background:#f5f5f5;border-radius:4rem;font-size:.24rem;color:#999;line-height:.62rem;flex-shrink:0;margin-left:auto;margin-right:.18rem;}
.m-navbar_input{width:100%;height:100%;background:transparent;border:0;padding:0 .6rem 0 .28rem;outline:none;font-size:0.28rem;font-family:SourceHanSansCN-Regular,SourceHanSansCN;color:#333333;}
.m-navbar_btn{width:.32rem;height:.32rem;background:url('/static/m/img/search.png') no-repeat center/contain;position:absolute;top:50%;right:.14rem;transform:translateY(-50%);border:0;color:transparent;cursor:pointer;outline:none;}
.m-navbar-avatar{flex-shrink:0;z-index:10;position:relative;}
.m-navbar-avatar .game_login{display:block;width:0.43rem;height:0.43rem;background:url('/static/m/img/user.png') no-repeat center/contain;border:none;padding:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;}



.m-navbar_tabs{height: .92rem; padding: 0 .12rem; display: flex; align-items: center; overflow-x: scroll; position: -webkit-sticky; position: sticky; top: 1.22rem; z-index: 9;}
.m-navbar_tabsfirst{height: .92rem; padding: 0 .12rem; display: flex; align-items: center; overflow-x: scroll; position: -webkit-sticky; position: sticky; z-index: 9;}
.m-navbar_tabs{background: #fff;}
.m-navbar_tabs::-webkit-scrollbar{display: none;}
.m-navbar_tabs .m-navbar_tabItem{height: 100%; display: flex; align-items: center; font-family: SourceHanSansSC-Medium, SourceHanSansSC; font-weight: 500; position: relative;}
.m-navbar_tabs .m-navbar_tabItem a{font-size: 0.3rem; color: #999999; white-space: nowrap; display: flex; align-items: center; padding: 0.32rem;}
.m-navbar_tabs .active a{font-size: 0.32rem; color: #333333;}
.m-navbar_tabs .m-navbar_tabItem::before{content:""; height: 0.07rem; width: 0; margin: auto; background: #FFD803; border-radius: 0.04rem; position: absolute; left: 0; right: 0; bottom: 0; transition: all .2s ease-out 0s;}
.m-navbar_tabs .active::before{width: .6rem;}
.m-navbar_crumbs{padding:.25rem 0 .25rem .3rem; background: inherit; overflow: hidden; display: flex; align-items: center;}
.m-navbar_crumbs span,.m-navbar_crumbs a{padding-left: .35rem; font-size: 0.24rem; font-family: SourceHanSansSC-Normal, SourceHanSansSC; font-weight: 400; color: #8A8A8A; white-space: nowrap; position: relative;}
.m-navbar_crumbs a{color: #8A8A8A;}
.m-navbar_crumbs a::before,.m-navbar_crumbs span::before{content:""; position: absolute; top: 0; bottom: 3px; left: 0; transform: translateX(0.07rem);  line-height: .35rem; width: .21rem; height: 100%; background: url(/static/m/img/icon_arrow.png) no-repeat center; background-size: contain;}



.m-navbar_crumbs a:first-of-type{ padding-left: 0; }
.m-navbar_crumbs a:first-of-type::before{ display: none; }
/* .m-navbar_crumbs span::before{ content:"〉"; color: #8A8A8A; position: absolute; top: 0; bottom: 0; left: 0; transform: translateX(.13rem);  line-height: .35rem; } */
.m-navbar_crumbs span:first-of-type{ padding-left: 0; }
.m-navbar_crumbs span:first-of-type::before{ display: none; }
.m-navbar_crumbs span:last-of-type{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


/**/
.page_content{ min-height: calc(100vh - 3.81rem); padding: 0 .3rem; position: relative; }
.page_section{ margin-bottom: 0.2rem; position: relative;background: #fff;  }
.page_section .page_section-title{ font-size: 0.42rem; font-weight: bold; color: #333333;padding: 0.25rem;text-align: center;}
.page_section .page_section-info{ margin: .05rem 0 .26rem; display: flex; gap: .65rem; font-size: 0.22rem; color: #999999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;justify-content:center; }
.page_section .page_section-info>span{ white-space: nowrap; }
.page_section .page_section-info>span:nth-of-type(1){ flex-shrink: 0; width: 2rem; }
.page_section .page_section-info>span:last-of-type{ text-overflow: ellipsis; overflow: hidden; }
.page_section .page_section-container{font-size:0.24rem;color:#333333;    padding: 0.25rem;}
.page_section .page_section-container p{font-size:0.24rem;line-height:.65rem;color:#333333;}
.page_section .page_section-container strong{font-size:0.3rem;display:inline-block;padding:0 0.02rem;}
.page_section .page_section-container img{width:100%;height:auto;margin:0.2rem auto;display:block;}
.page_section .page_section-container table{width:100% !important;}
.page_section .page_section-container h3{font-size:0.32rem;font-weight:bold;color:#333;margin:0.3rem 0 0.2rem;line-height:1.5;}
.page_section .page_section-container a{color:#0066cc !important;text-decoration:none;}
.page_section .page_section-container a:hover{color:#0052aa;}

/*标签列表*/
.page_tabs{display: flex; gap: 0.1rem 0.2rem; flex-wrap: wrap;background: #fff;padding: 0.25rem; }
.page_tabs .page_tab-item{ height: 0.58rem; padding: 0 .3rem; background: rgba(153, 153, 153, .09); border-radius: 0.28rem; display: flex; align-items: center; cursor:pointer; }
.page_tabs .page_tab-item span{ font-size: 0.26rem; font-family: SourceHanSansSC-Medium, SourceHanSansSC; font-weight: 500; color: #666666; line-height: 0; pointer-events:none; }
.page_tabs .page_tab-active{ background: #ffaa22; }
.page_tabs .page_tab-active span{ color: #ffffff; }



.news_tabs{display: flex; gap: 0.1rem 0.2rem; flex-wrap: wrap;background: #fff;padding: 0.25rem; }
.news_tabs .news_tab-item{ height: 0.58rem; padding: 0 .3rem; background: rgba(153, 153, 153, .09); border-radius: 0.28rem; display: flex; align-items: center; }
.news_tabs .news_tab-item a{ font-size: 0.26rem; font-family: SourceHanSansSC-Medium, SourceHanSansSC; font-weight: 500; color: #666666; line-height: 0; }
.news_tabs .active{ background: rgba(248, 183, 0, .17); }
.news_tabs .active a{ color: #FFAE00; }

/**/
.page_panel{ overflow: hidden; }
.page_panel .page_panel-container{ display: flex; transition: all .2s linear 0s; }
.page_panel .page_card-list{ width: 100%; flex-shrink: 0; }

/*分页*/
.page_pagination{padding:0.4rem 0.3rem;display:flex;justify-content:center;}
.page_pagination .pagination{display:flex !important;flex-direction:row !important;gap:0.12rem;margin:0;padding:0;list-style:none;}
.page_pagination .page-item{display:flex;align-items:center;justify-content:center;min-width:0.9rem;border:1px solid #eee;text-align:center;height:0.5rem;transition:.3s;list-style:none;border-radius:0.06rem;flex-shrink:0;}
.page_pagination .page-item a,.page_pagination .page-item span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:#ffffff;font-size:0.28rem;font-family:SourceHanSansSC-Regular, SourceHanSansSC;}
.page_pagination .page-item:hover{border-color:#FFAE00;}
.page_pagination .page-item.active{background-color:#FFAE00;border-color:#FFAE00;color:#fff;}
.page_pagination .page-item.disabled a{color:#999;cursor:pointer;}
.page_pagination .page-item.dot{border:none;border:0;}




/*通用图文卡片列表*/
.page_common-list{ display: flex; flex-wrap: wrap; gap: .28rem;    padding: .25rem;background: #fff; }
.page_common-item{ width: calc(50% - .14rem); height: 4rem; background: #FFFFFF; box-shadow: 0rem 0.02rem 0.09rem 0rem rgba(0,0,0,0.05); border-radius: 0.2rem; overflow: hidden; display: flex; flex-direction: column; }
.page_common-item>a{height: 100%;display: flex;flex-direction: column;gap: 0.14rem;}
.page_common-item 
.page_common-img{ flex-shrink: 0; }
.page_common-img{ width: 100%; height: 2.3rem; background: #eee url(/static/m/img/bg_default_small.png) center no-repeat; display: flex; align-items: center; overflow: hidden; position: relative; }
.page_common-img img{ width: 100%; }
.page_common-img>img{ transform: scale(1.5); }
.page_common-item 
.page_common-iconList{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0 0.1rem 0.1rem; }
.page_common-iconList{ display: flex; gap: .1rem; }
.page_common-iconList>li{ flex-shrink: 0; width: 0.69rem; height: 0.69rem; background: rgba(255,255,255,0.95) url(/static/m/img/bg_default_small.png) center no-repeat; border-radius: 0.1rem; border: 0.03rem solid #FFFFFF; font-size: 0.22rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #333333; display: flex; align-items: center; justify-content: center; overflow: hidden; box-sizing: border-box; }
.page_common-iconList>li>a{ display: flex; align-items: center; justify-content: center; }
.page_common-iconList>li:last-of-type{ background: rgba(255,255,255,0.95); }
.page_common-item 
.page_common-infos{ flex: 1; }
.page_common-infos{ padding: 0 0.13rem 0.16rem; display: flex; flex-direction: column; justify-content: space-evenly; }
.page_common-infos .page_common-title{ height: .72rem; font-size: 0.26rem; font-weight: 700; color: #292929; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.page_common-info{ display: flex; align-items: center; font-size: 0.22rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #9A9A9A; }
.page_common-info .page_common-avtor{ width: 0.28rem; height: 0.28rem; margin-right: .06rem; background: #D8D8D8; border-radius: 0.19rem; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.page_common-info .page_common-name{ flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*通用图文单列*/
.page_column-list{ display: flex; flex-direction: column; gap: 0.23rem; }
.page_column-item{ width: 100%; height: 2.1rem; padding: .37rem .25rem; box-sizing: border-box; background: #FFFFFF; border-radius: 0.27rem; display: flex; }
.page_column-item>a{ display: flex; }
.page_column-item 
.page_column-img{ flex-shrink: 0; }
.page_column-img{ width: 2.57rem; height: 1.36rem; background: #eee url(/static/m/img/bg_default_small.png) center no-repeat; margin-right: .19rem; border-radius: 0.18rem; display: flex; align-items: center; overflow: hidden; }
.page_column-img img{ width: 100%; }
.page_column-item 
.page_column-info{ flex: 1; }
.page_column-info{ display: flex; flex-direction: column; justify-content: space-between; font-family: SourceHanSansSC-Regular, SourceHanSansSC; }
.page_column-info .page_column-title{ font-size: 0.28rem; font-weight: 400; color: #292929; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.page_column-info .page_column-date{ font-size: 0.22rem; font-weight: 400; color: #999999; }

/*通用单行文本列表*/
.page_document-list{display:flex;flex-direction:column;gap:.27rem;    padding: .2rem;}
.page_document-item{padding:0 0 .27rem;border-bottom:0.01rem solid rgba(151,151,151,.14);}
.page_document-item>a{display:flex;justify-content:space-between;align-items:center;}
.page_document-item span{font-size:0.26rem;font-family:SourceHanSansSC-Regular,SourceHanSansSC;font-weight:400;color:#666666;white-space:nowrap;}
.page_document-title{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:0.15rem;}
.page_document-title::before{content:"·";margin-right:0.1rem;color:#666;}


/*通用列表卡片*/
.page_common-group{ box-sizing: border-box; display: flex; flex-direction: column;background: #fff; }
.page_common-group 
.page_group-list{ flex: 1; display: flex; flex-direction: column; gap:.52rem;     padding: .25rem;}
/*head*/
.page_group-head{padding: .39rem .25rem; box-sizing: border-box; background: #fff; display: flex; flex-direction: column; }

.page_group-head .page_group-infos{display: flex;}
.page_group-head .page_group-infos .page_group-info{flex:1;display:flex;flex-direction:column;gap:0.2rem;font-size:0.22rem;font-family:SourceHanSansSC-Regular, SourceHanSansSC;font-weight:400;color:#999999;}
.page_group-head .page_group-infos .page_group-info h1.page_group-name{margin:0;font-size:0.36rem;font-family:SourceHanSansSC-Medium, SourceHanSansSC;font-weight:bold;color:#292929;white-space:normal;line-height:1.4;text-align:center;}
.page_group-head .page_group-infos .page_group-info .page_group-meta-wrap{display:flex;justify-content:center;gap:0.3rem;font-size:0.22rem;color:#999;line-height:1.3;margin:0.1rem 0;}
.page_group-head .page_group-infos .page_group-info .page_group-describe{font-size:0.24rem;color:#666666;overflow:visible;line-height:0.5rem;}


.page_group-head .page_group-tags{ margin-top: .24rem; display: flex; flex-wrap: wrap; gap: .3rem; position: relative; overflow: hidden; }
.page_group-head .page_group-tags>a{ font-size: 0.24rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #FFAE00; }
.page_group-head .page_group-minTags{ height: 0.36rem;}
.page_group-head .page_group-tagIcon{width: .8rem;height: 100%;background: url(/static/m/img/icon_drop.png) no-repeat center right;
background-size: .19rem;display: none;position: absolute;right: 0;top: 0;}
/*title*/
.page_group-title{ padding: .34rem 0; display: flex; justify-content: space-between; align-items: center; }
.page_group-title>span,
.page_group-title>a{ font-size: 0.26rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #333333; }
.page_group-title>span{ font-size: 0.32rem; font-weight: bold; }
/*cell*/
.page_common-cell,
.page_common-cell>a{ width: 100%; display: flex; align-items: center; overflow: hidden; }
.page_common-cell .page_cell-img{ flex-shrink: 0; width: 1.2rem; height: 1.2rem; margin-right: .18rem; background: #eee url(/static/m/img/bg_default_small.png) center no-repeat; border-radius: 0.27rem; overflow: hidden; }
.page_common-cell .page_cell-img img{ width: 100%; }
.page_common-cell .page_cell-infos{ flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.page_common-cell .page_cell-name { font-size: 0.3rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: bold; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page_common-cell .page_cell-tag{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page_common-cell .page_cell-tag .score{ padding-left: .24rem; font-size: 0.25rem; font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; color: #FFAE00; position: relative; }
.page_common-cell .page_cell-tag .score::before{ content: ""; width: 0.2rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAeFBMVEUAAAD/rwD/rwD/uwD/xQD/rgD/rwD/rwD/tAD/rwD/rwD/rgD/sAD/sAD/tgD//wD/rwD/rwD/rwD/rwD/rwD/sAD/sAD/rgD/rwD/rwD/rwD/rwD/rwD/rwD/rwD/sQD/sAD/sQD/rwD/rwD/rwD/sQD/rgD/rgAofVbbAAAAJ3RSTlMA4MIKBvvwhBP0vLZBOw8C9tTNx4qAZeemlHVsX1xTTjMa6J1JLilvvkHdAAAA3ElEQVQ4y5WT2Q6CMBBFb0spIMgiuCIgbv3/P5SgMEGnTTxPhHMe2skUC/qD1oceVlJhBkRqDSozUtl8GL2DKARPYD4EvE/1FGj+FFszs+X8JaIgXy+UenanozQLytupfXijXkvf2CiTwZNm8BNI40Qicgc5hDsQCNxBACVdfqUATzr8OAlvZfPx4Mcitng1z3rD+Y3CzJkLdvgjqLjgCCJm70ien/eevGdYQto2PqC9S+jndU/fCb2YaauKDrhPU/PD7ycjmgwDWVv87n4tclnPo82aUhc7LMnA8wJuRloZGN0e5AAAAABJRU5ErkJggg==) no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 0; bottom: 0; transform: translateY(calc(50% - 0.1rem)); }
.page_common-cell .page_cell-tag .tag-item{ padding-right:0.16rem; font-size: 0.2rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #999999; position: relative; }
.page_common-cell .page_cell-tag .tag-item::after{ content: ""; position: absolute; top: 50%; right: 1px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 3px; height: 3px; opacity: .5; border-radius: 50%; background-color: #999; }
.page_common-cell .page_cell-tag .tag-item:last-of-type::after{ width: 0; }
.page_common-cell .slogan{font-size:0.22rem;color:#999999;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top: 2px;}
.page_common-cell .page_cell-other{ font-size: 0.22rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #999999; }
.page_common-cell .page_cell-other>span:nth-of-type(2n){ color: #FFAE00 ; }
.page_common-cell .page_cell-btn{ flex-shrink: 0; width: 1.12rem; height: 0.5rem; background: #FFD803; border-radius: 0.28rem; display: block; font-size: 0.26rem; font-family: SourceHanSansSC-Regular, SourceHanSansSC; font-weight: 400; color: #333333; display: flex; justify-content: center; align-items: center; }
.page_common-cell .page_cell-other{ display: flex; }
.page_common-cell  .page_cell-other>span{ color: #999999 !important; }
.page_common-cell .page_cell-avtor{ width: 0.38rem; height: 0.38rem; margin-right: .07rem; border-radius: 50%; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
/*首页-排行榜*/
.page_home-group{ flex-shrink: 0; width: 5.78rem; height: 7.92rem; padding: 0 .3rem; margin-bottom:.1rem; background: #FFFFFF; box-shadow: 0rem 0.02rem 0.09rem 0rem rgba(0,0,0,0.05); border-radius: 0.22rem;  }

/*首页-好游戏推荐*/
.page_common-card{background:#FFFFFF;border-radius:0.22rem;box-sizing:border-box;}
.page_tabs .page_tab-item{width:calc((100% - .6rem)/4);padding:0;justify-content:center;}
.page_card-list{margin:.13rem 0;display:flex;flex-wrap:wrap;gap:.33rem;padding: .25rem;box-sizing:border-box;}
.page_card-item{display:flex;flex-direction:column;overflow:hidden;width:calc((100% - 0.99rem)/4);box-sizing:border-box;}
.page_card-item>a{display:flex;flex-direction:column;overflow:hidden;}
.page_card-item .page_card-img{width:100%;height:1.45rem;background:#eee url(/static/m/img/bg_default_small.png) center no-repeat;border-radius:0.32rem;display:flex;align-items:center;overflow:hidden;}
.page_card-img img{width:100%;height:100%;object-fit:cover;}
.page_card-item .page_card-title{max-height:0.72rem;margin-top:.11rem;font-size:0.24rem;font-family:SourceHanSansSC-Regular, SourceHanSansSC;font-weight:400;color:#333333;text-align:center;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.page_home-card .page_card-list{gap:.33rem;}
.page_home-card .page_card-item{width:calc((100% - 0.99rem)/4);box-sizing:border-box;}

/*.page_home-card .page_card-item .page_card-img{height:1.3rem;}*/



/*首页-游戏专题*/
.page_common-scroll{overflow-x: scroll; }
.page_common-scroll::-webkit-scrollbar{ display: none; }
.page_common-scroll .page_common-list{ display: flex; flex-wrap: nowrap; gap: .33rem; }
.page_common-scroll .page_common-item{ flex-shrink: 0; width: 3.65rem; height: 4.28rem; }
.page_common-scroll .page_common-img{ height: 2.65rem; }
.page_common-scroll .page_common-iconList{ gap:.1rem; }
.page_common-scroll .page_common-iconList>li{ width: calc((2.65rem - .5rem) / 4); height: calc((2.65rem - .5rem) / 4); }
/* 基于100，如切图100px等于1rem; 命名m-开头代表是公共的*/
/*首页礼包*/
.index-gift__bd{padding:0;margin:0;list-style:none;padding:0 .25rem;}
.gift-cell{width:100%;overflow:hidden;}
.gift-cell>a{width:100%;display:flex;align-items:center;overflow:hidden;padding:0.3rem 0;border-bottom:1px solid #f4f4f4;}
.gift-cell:last-child>a{border-bottom:none;}
.gift-cell .gift-img{flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:.18rem;background:#eee url(/static/m/img/bg_default_small.png) center no-repeat;border-radius:0.27rem;overflow:hidden;}
.gift-cell .gift-img img{width:100%;}
.gift-cell .gift-infos{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.gift-cell .gift-name{font-size:0.3rem;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.gift-cell .gift-desc{font-size:0.22rem;color:#999999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:0.06rem;}
.gift-cell .gift-time{font-size:0.22rem;color:#999999;margin-top:0.04rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.gift-cell .gift-btn{flex-shrink:0;width:1.12rem;height:0.5rem;background:#FFD803;border-radius:0.28rem;display:flex;justify-content:center;align-items:center;font-size:0.26rem;color:#333333;}


/*首页文字攻略*/
.index-text-news{padding:0 0.25rem 0;margin:0;list-style:none;}
.index-text-news .list{display:flex;align-items:center;padding:0.18rem 0;border-bottom:1px dashed #f4f4f4;}
.index-text-news .dot{width:3px;height:3px;border-radius:50%;background:#333;margin-right:0.16rem;flex-shrink:0;}
.index-text-news .title{font-size:0.26rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;}
.index-text-news .time{font-size:0.22rem;color:#999;flex-shrink:0;}
/*首页排行榜*/
.rank-wrap{background:#fff;margin:.25rem 0 0;overflow:hidden;}
.rank-wrap .rank-list-box{padding: 0 .25rem;}
.rank-wrap .rank-tab{display:flex;width:100%;margin-bottom: 10px;padding: 0 .25rem;}
.rank-wrap .rank-tab .tab-item{flex:1;text-align:center;height:45px;line-height:45px;font-size:18px;color:#666;background:#f3f3f3;cursor:pointer;}
.rank-wrap .rank-tab .tab-item.active{background:#ffaa22;color:#fff;font-weight:bold;}
.rank-wrap .rank-list{display:none;}
.rank-wrap .rank-list.active{display:block;}
.rank-wrap .rank-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #eee;}
.rank-wrap .rank-num{width:25px;height:25px;line-height:25px;text-align:center;font-size:18px;color:#999;font-weight:bold;flex-shrink:0;}
.rank-wrap .rank-num.r1{color:#ff4444;}
.rank-wrap .rank-num.r2{color:#ff7744;}
.rank-wrap .rank-num.r3{color:#ffaa44;}
.rank-wrap .rank-item-link{display:flex;align-items:center;flex:1;min-width:0;text-decoration:none;    padding-right: 3px;}
.rank-wrap .rank-ico-img{width:60px;height:60px;border-radius:10px;margin:0 12px 0 5px;flex-shrink:0;object-fit:cover;}
.rank-wrap .rank-info{flex:1;min-width:0;overflow:hidden;}
.rank-wrap .rank-title{font-size:16px;color:#000;margin-bottom:5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold;}
.rank-wrap .tag-bt{background:#f42fb9;color:#fff;font-size:11px;padding:2px 6px;border-radius:15px;margin-left:6px;flex-shrink:0;display:inline-block;}
.rank-wrap .rank-info > p{font-size:13px;color:#666;margin:3px 0;}
.rank-wrap .rank-info .rank-desc{font-size:13px;color:#fb9143;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-wrap .rank-btn{background:#ffaa22;color:#fff;padding:5px 12px;border-radius:33px;font-size:14px;flex-shrink:0;white-space:nowrap;}