html,body{width:100%;margin:0;padding:0;font-family:"PingFang SC","微软雅黑","Helvetica Neue","Helvetica","STHeiTi","Arial","sans-serif";background-color:#4b444b;display:flex;flex-direction:column;align-items:center}a{text-decoration:none;color:inherit}a:hover{color:inherit}img{vertical-align:middle}h1{font-size:24px;font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:18px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:12px;font-weight:600}h6{font-size:10px;font-weight:600}.iconfont{font-weight:normal}input::-webkit-input-placeholder{color:#c9cdd4;font-size:14px;font-weight:400}body>.header{width:100%;height:48px;background:#8c2c16;box-shadow:0 2px 4px rgba(153,153,153,0.25);display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:1000;top:0;left:0}body>.header>.logo{position:relative;display:flex;align-items:center;margin-left:24px}body>.header>.logo *{box-sizing:border-box}body>.header>.logo>.icon-menu{color:#fff;font-size:32px;cursor:pointer}body>.header>.logo>.icon-menu:hover{background-color:rgba(0,0,0,0.08);border-radius:6px}body>.header>.logo>.icon-menu>.menu-block{position:absolute;z-index:9998;top:32px;left:-12px;padding-top:20px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content{width:476px;display:flex;align-items:center;flex-direction:column;background-color:#fff;filter:drop-shadow(0 0 4px rgba(153,153,153,0.25));border-radius:12px;padding:0 16px 16px 16px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.separator{width:100%;border-top:1px solid #f2f3f5;margin:8px 0}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row{width:100%;display:flex;align-items:center;flex-wrap:wrap}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.cmg-link{width:100%;display:flex;align-items:center;justify-content:space-between;height:72px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.cmg-link>.iconfont{color:#1d2129;font-size:24px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.cmg-link:hover>.iconfont{color:#49a8fc}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.nav-link{width:220px;height:60px;display:flex;align-items:center;padding:12px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.nav-link>span{font-size:16px;font-weight:600;color:#4e5969;margin-left:12px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.nav-link>img{height:48px}body>.header>.logo>.icon-menu>.menu-block>.menu-block-content>.row>.nav-link:hover{background-color:rgba(73,168,252,0.08);border-radius:6px}body>.header>.logo>.icon-menu>.menu-block.hide{display:none}body>.header>.logo>.separator{height:24px;border-left:1px solid rgba(255,255,255,0.25);margin:0 24px}body>.header>.logo>a>img{height:32px}body>.header>.logo>.header-bar-title{font-size:24px;font-weight:700;color:#fff;margin-left:24px;flex-shrink:0}body>.header>.info{display:flex;align-items:center;margin-right:24px;padding:0 24px}body>.header>.info>.search-bar{position:relative}body>.header>.info>.search-bar>.search-container>input{padding:0 20px 0 16px;width:320px;height:32px;background:rgba(242,244,250,0.5);border-radius:200px;border:0;font-size:14px;color:#fff;font-weight:500;opacity:1;outline:0}body>.header>.info>.search-bar>.search-container>.icon-search{position:absolute;top:2px;right:10px;padding:6px;cursor:pointer;color:#fff;font-size:16px}body>.header>.info>.search-bar>.search-container>input::-webkit-input-placeholder{color:#fff}body>.header>.info>.search-bar>.search-container>input:-moz-placeholder{color:#fff}body>.header>.info>.search-bar>.search-container>input::-moz-placeholder{color:#fff}body>.header>.info>.search-bar>.search-float{position:absolute;width:500px;background:#fff;box-shadow:0 0 4px rgba(153,153,153,0.25);border-radius:2px;top:36px;padding:24px 0;display:flex;flex-direction:column}body>.header>.info>.search-bar>.search-float>.init>.head{display:flex;justify-content:space-between;align-items:center;padding:0 24px}body>.header>.info>.search-bar>.search-float>.init>.head>.title{font-size:16px;font-weight:500;color:#333}body>.header>.info>.search-bar>.search-float>.init>.head>.action>.btn-clear-history{font-size:14px;font-weight:500;color:#999}body>.header>.info>.search-bar>.search-float>.init>.search-history{margin-top:24px;display:flex;flex-wrap:wrap;margin-bottom:24px;margin-right:-12px;padding:0 24px}body>.header>.info>.search-bar>.search-float>.init>.search-history>.item{height:25px;background:#f2f4fa;border:1px solid #f2f4fa;border-radius:20px;flex-shrink:0;padding:0 8px;display:flex;align-items:center;justify-content:center;margin-right:12px;margin-bottom:12px}body>.header>.info>.search-bar>.search-float>.init>.search-history>.item>.txt{font-size:12px;font-weight:500;line-height:25px;color:#999;cursor:pointer}body>.header>.info>.search-bar>.search-float>.init>.search-history>.item>i{width:20px;height:20px;background-size:16px 16px;background-repeat:no-repeat;background-image:url("/style/img/common/cancel_grey.png");background-position:center}body>.header>.info>.search-bar>.search-float>.init>.search-discovery{margin-top:24px;display:flex}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item{width:202px;height:36px;padding:0 24px;display:flex;align-items:center;cursor:pointer}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item:hover{background:#f2f4fa}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item>.number{font-size:14px;font-weight:500;color:#999}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item>.txt{font-size:14px;font-weight:500;color:#333;margin-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.header>.info>.search-bar>.search-float>.init>.search-discovery>.left>.item:nth-child(-n+3)>.number{color:#49a8fc}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item>.icon{width:20px;height:20px;background-size:20px 20px;background-repeat:no-repeat;margin-left:4px;flex:none}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item>.icon.icon-hot{background-image:url("/style/img/common/icon_hot.png")}body>.header>.info>.search-bar>.search-float>.init>.search-discovery .item>.icon.icon-new{background-image:url("/style/img/common/icon_new.png")}body>.header>.info>.search-bar>.search-float>.result{display:flex;flex-direction:column}body>.header>.info>.search-bar>.search-float>.result>.item{height:36px;display:flex;align-items:center;padding:0 24px;cursor:pointer;font-size:14px;font-weight:500;word-break:break-word;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:428px}body>.header>.info>.search-bar>.search-float>.result>.item:hover{background:#f2f4fa}body>.header>.info>.search-bar>.search-float>.result>.item.look{color:#db496a}body>.header>.info>.search-bar>.search-float>.result>.item>.active{color:#49a8fc}body>.header>.info>.notice{position:relative;margin-left:32px}body>.header>.info>.notice>.icon-notice{font-size:28px;color:#fff}body>.header>.info>.notice>.badge{position:absolute;left:18px;top:-8px;background:#db496a;border:1px solid #db496a;border-radius:2px;font-size:10px;font-weight:bold;color:#fff;padding:0 4px}body>.header>.info>.notice>.float{position:absolute;width:360px;height:409px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 4px rgba(153,153,153,0.25));right:-166px;top:20px;z-index:9998}body>.header>.info>.notice>.float>.arrow{width:0;height:0;border-width:9px;border-style:solid;border-color:transparent transparent #fff transparent;z-index:9999}body>.header>.info>.notice>.float>.content{display:flex;flex-direction:column;width:100%;background:#fff;border-radius:10px}body>.header>.info>.notice>.float>.content>.tabs{display:flex;border-bottom:2px solid #f2f4fa;align-items:center;justify-content:center}body>.header>.info>.notice>.float>.content>.tabs>.tab{height:40px;width:90px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px 0}body>.header>.info>.notice>.float>.content>.tabs>.tab.active{padding-bottom:0;border-bottom:4px solid #49a8fc}body>.header>.info>.notice>.float>.content>.tabs>.tab>.dot{width:6px;height:6px;border-radius:50%;background:#db496a;position:absolute;right:25%}body>.header>.info>.notice>.float>.content>.tabs>.tab>.icon{width:20px;height:20px;background-size:20px 20px;background-repeat:no-repeat}body>.header>.info>.notice>.float>.content>.tabs>.tab>.iconfont{color:#ababab;font-size:20px}body>.header>.info>.notice>.float>.content>.tabs>.tab.active>.iconfont{color:#49a8fc}body>.header>.info>.notice>.float>.content>.tabs-item{height:320px;border-bottom:2px solid #f2f4fa}body>.header>.info>.notice>.float>.content>.tabs-item>.item{display:flex;flex-direction:column}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.loading{height:32px;display:flex;align-items:center;justify-content:center}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.no-data{width:100%;height:320px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#999}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.split{border-top:2px solid #f2f4fa;margin:0 12px}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item{display:flex;align-items:center;margin:16px 12px;flex-wrap:wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#49a8fc}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.nickname{font-size:14px;font-weight:500;color:#333;margin-right:8px}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.tips{font-size:14px;font-weight:500;color:#999;margin-right:8px}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.tips>.flex-row{display:flex;justify-content:space-between;align-items:center}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.tips>.flex-row>.left{flex:1}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.tips>.flex-row>.right{flex-shrink:0}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.tips>.flex-row>.time{font-size:12px;font-weight:500;color:#999;margin-left:12px}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item>.target{font-size:14px;font-weight:500;color:#49a8fc}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item-user{display:flex;align-items:center;margin:16px 12px}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.tips{margin:0 12px;padding:16px 0;font-size:14px;font-weight:500;color:#999;text-align:center;border-bottom:2px solid #f2f4fa}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item-user>.avatar>img{width:50px;height:50px;border-radius:50%}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item-user>.info{margin-left:12px;width:274px;display:flex;flex-direction:column}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item-user>.info>.name{font-size:16px;font-weight:bold;color:#333}body>.header>.info>.notice>.float>.content>.tabs-item>.item>.sub-item-user>.info>.profile{font-size:12px;font-weight:500;color:#999;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.header>.info>.notice>.float>.content>.today-count{width:100%}body>.header>.info>.notice>.float>.content>.today-count>.item{width:100%;display:flex;align-items:center;justify-content:center;height:29px;background:#f2f4fa;font-size:12px;font-weight:500;color:#999}body>.header>.info>.notice>.float>.content>.today-count>.item .color-bilibili{margin:0 4px}body>.header>.info>.notice>.float>.content>.tabs-more{height:33px;display:flex;align-items:center;justify-content:center}body>.header>.info>.notice>.float>.content>.tabs-more>.item{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#999}body>.header>.info>.pm{position:relative;margin-left:32px}body>.header>.info>.pm>a>.icon-comment{color:#fff;font-size:28px}body>.header>.info>.pm>.badge{position:absolute;left:18px;top:-8px;background:#db496a;border:1px solid #db496a;border-radius:2px;font-size:10px;font-weight:bold;color:#fff;padding:0 4px}body>.header>.info>.pm>.float-simple{position:absolute;width:166px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px rgba(153,153,153,0.25));right:-8px;top:25px;z-index:9998}body>.header>.info>.pm>.float-simple>.arrow{width:0;height:0;border-width:9px;border-style:solid;border-color:transparent transparent #fff transparent;z-index:9999}body>.header>.info>.pm>.float-simple>.content{display:flex;justify-content:center;align-items:center;width:100%;height:40px;background:#fff;border-radius:10px;font-size:12px;font-weight:400;color:#333}body>.header>.info>.pm>.float-simple>.content>a{text-decoration:underline;color:#fb7299;margin:0 4px}body>.header>.info>.avatar{position:relative;margin-left:32px}body>.header>.info>.avatar>a>img{width:36px;height:36px;border-radius:50%}body>.header>.info>.avatar>.float{position:absolute;width:76px;top:30px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 4px rgba(153,153,153,0.25));right:-20px;z-index:9998}body>.header>.info>.avatar>.float>.arrow{width:0;height:0;border-width:9px;border-style:solid;border-color:transparent transparent #fff transparent;z-index:9999}body>.header>.info>.avatar>.float>.content{display:flex;flex-direction:column;width:100%;padding:7px 20px;background:#fff;border-radius:10px}body>.header>.info>.avatar>.float>.content>.item{display:flex;align-items:center;padding:7px 0;cursor:pointer}body>.header>.info>.avatar>.float>.content>.item>i{font-size:16px;color:#999}body>.header>.info>.avatar>.float>.content>.item:hover>i{color:#49a8fc}body>.header>.info>.avatar>.float>.content>.item>i.icon-pwd{background-image:url("/style/img/common/pwd.png")}body>.header>.info>.avatar>.float>.content>.item:hover>i.icon-pwd{background-image:url("/style/img/common/pwd_active.png")}body>.header>.info>.avatar>.float>.content>.item>a{font-size:14px;font-weight:500;color:#999;opacity:1;margin-left:4px}body>.header>.info>.avatar>.float>.content>.item:hover>a{color:#49a8fc;opacity:1}body>.header>.info.simple{padding-left:80px}body>.container{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;padding-top:54px;padding-bottom:336px;min-height:calc(100vh - 390px)}body>.container>.main-container{width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;position:relative}body>.container>.footer{width:100%;background-color:#1d2129;display:flex;justify-content:center;position:absolute;bottom:0}body>.container>.footer>.footer-container{width:1200px;display:flex;flex-direction:column}body>.container>.footer>.footer-container>.slogan{color:#fff;margin-top:40px}body>.container>.footer>.footer-container>.separator{border-top:1px solid rgba(255,255,255,0.15);margin:24px 0}body>.container>.footer>.footer-container>.footer-content{margin-bottom:40px;display:flex;align-items:flex-start;justify-content:space-between}body>.container>.footer>.footer-container>.footer-content>.left{display:flex;align-items:flex-start}body>.container>.footer>.footer-container>.footer-content>.left>.text-block{display:flex;flex-direction:column;margin-right:64px}body>.container>.footer>.footer-container>.footer-content>.left>.text-block>.text-title{color:#fff;font-size:20px}body>.container>.footer>.footer-container>.footer-content>.left>.text-block>.text-content{display:flex;flex-direction:column;margin-top:12px}body>.container>.footer>.footer-container>.footer-content>.left>.text-block>.text-content>a{margin-top:12px;font-size:12px;font-weight:400;color:#fff}body>.container>.footer>.footer-container>.footer-content>.right{display:flex}body>.container>.footer>.footer-container>.footer-content>.right>.qrcode{margin-left:24px}body>.container>.footer>.footer-container>.footer-content>.right>.qrcode>img{height:141px}body>.container>.footer>.footer-container>.footer-safe{display:flex;align-items:center;justify-content:center;margin:12px 0}body>.container>.footer>.footer-container>.footer-safe>a{color:#fff;font-size:12px;font-weight:400;display:flex;align-items:center;margin-right:40px}body>.container>.footer>.footer-container>.footer-safe>a:last-child{margin-right:0}body>.container>.footer>.footer-container>.footer-safe>a>img{height:20px;margin-right:6px}.layui-layer{border-radius:10px !important}.layui-layer iframe{border-radius:10px}.layui-layer-title{display:none !important}.layui-layer-setwin{display:none !important}.layui-layer-page .layui-layer-content{height:180px}.layui-layer .frame-button{display:inline-block;height:48px;border-radius:10px;background-color:#fff;color:#fff;font-size:.875rem;font-weight:700;text-align:center;line-height:48px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:3px 5px 10px 0 rgba(255,255,255,.2);-webkit-appearance:button;text-transform:none;overflow:visible}.layui-layer .frame-button.close{background-color:#555398;box-shadow:4px 7px 12px 0 rgba(85,83,152,.2)}.layui-layer .frame-button.close:hover{background-color:#45437f}.layui-layer .layer-close{width:40px;height:40px;border-radius:10px;position:absolute;top:-16px;right:-16px;line-height:40px}.swal2-popup-customer{min-width:348px;width:auto !important;border-radius:10px !important}.swal2-toast .swal2-title{text-align:center !important;padding:14px 0 !important;font-size:14px !important;font-weight:500 !important;color:#333 !important}.swal2-popup{box-shadow:0 0 4px rgba(153,153,153,0.25) !important}.swal2-modal .swal2-title{padding-top:37px !important;font-size:14px;font-weight:500;color:#333}.swal2-actions{margin:0}.swal2-confirm{background:#49a8fc;border-radius:5px;font-size:14px;font-weight:500;line-height:20px;color:#fff;border:1px solid #49a8fc;padding:8px 24px;margin:12px;outline:0}.swal2-cancel{background:#fff;border-radius:5px;font-size:14px;font-weight:500;line-height:20px;color:rgba(153,153,153,1);border:1px solid #f2f4fa;padding:8px 24px;margin:12px;outline:0}.swal2-timer-progress-bar{background:rgba(73,168,252,0.2) !important}.swal2-html-container{font-size:12px !important;font-weight:500 !important;color:#db496a !important}.search-mask{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0)}#cnzz_stat_icon_1278827412{display:none}.bg-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.bg-container>.rt{top:46px;right:0;position:absolute}.bg-container>.rt>img{width:320px}.bg-container>.rb{bottom:334px;right:0;position:absolute}.bg-container>.rb>img{width:480px}.bg-container>.lt{top:46px;left:0;position:absolute}.bg-container>.lt>img{width:320px}.bg-container>.lb{bottom:334px;left:0;position:absolute}.bg-container>.lb>img{width:480px}.bg-container>.glass{width:100%;bottom:334px;position:absolute}.bg-container>.glass>img{width:100%;height:750px;object-fit:fill}.top-menu{width:1184px;height:80px;padding:0 43px !important;z-index:1;position:relative;overflow:hidden}.top-menu>.swiper-wrapper{position:relative;z-index:1}.top-menu>.swiper-wrapper>.menu-item{display:flex;align-items:center;justify-content:center;width:122px;height:80px;position:relative;border-bottom:4px solid #736e66;padding:0 12px;user-select:none;color:#fff}.top-menu>.swiper-wrapper>.menu-item:first-child:before{content:'';width:1px;height:20px;background-color:#736e66;position:absolute;top:30px;left:0}.top-menu>.swiper-wrapper>.menu-item:after{content:'';width:1px;height:20px;background-color:#736e66;position:absolute;top:30px;right:0}.top-menu>.swiper-wrapper>.menu-item.active,.top-menu>.swiper-wrapper>.menu-item:hover{border-bottom:4px solid #fff}.top-menu>.swiper-controls>.swiper-button-prev{width:43px;height:80px;position:absolute;top:0;left:0;background-color:#fff;--swiper-navigation-size:14px;--swiper-navigation-color:#adafca}.top-menu>.swiper-controls>.swiper-button-next{width:43px;height:80px;position:absolute;top:0;right:0;background-color:#fff;--swiper-navigation-size:14px;--swiper-navigation-color:#adafca}.goto-top-container{position:fixed;right:calc(100vw / 2 - 690px);bottom:24px;display:flex;flex-direction:column}.goto-top-container>.button{cursor:pointer;width:76px;height:76px;border-radius:12px;background-color:#fff;margin-top:10px;display:flex;align-items:center;justify-content:center}.goto-top-container>.button:hover{background:#1891FB26}.goto-top-container>.button>.icon-rocket{font-size:29px;color:#1891fb}.goto-top-container>.list{width:76px;border-radius:12px;background-color:#fff;padding:4px;box-sizing:border-box}.goto-top-container>.list>.item{width:100%;height:87px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;padding:8px;box-sizing:border-box;margin-bottom:4px}.goto-top-container>.list>.item:last-child{margin-bottom:0}.goto-top-container>.list>.item:hover{background:#1891FB26}.goto-top-container>.list>.item>img{width:52px;height:52px;border-radius:50%}.goto-top-container>.list>.item>.txt{font-size:12px;font-weight:500;color:#4e5969;margin-top:2px}.popup{position:relative}.popup::after{content:' ';position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;backdrop-filter:blur(10px)}.popup>.popup-container{position:relative;width:460px;display:flex;flex-direction:column;background-color:rgba(0,0,0,0.8);padding:6px;box-sizing:border-box;z-index:2}.popup>.popup-container>.header-line{box-sizing:border-box;width:100%;display:flex;align-items:start}.popup>.popup-container>.header-line>.block{flex-shrink:0;background-color:#fff;width:18px;height:6px}.popup>.popup-container>.header-line>.top{flex:1;height:2px;background-color:rgba(255,255,255,0.25)}.popup>.popup-container>.partner-skill-header{display:flex;align-items:center;position:relative;margin-bottom:12px;padding:0 12px}.popup>.popup-container>.partner-skill-header>.txt{font-size:14px;font-weight:500;color:#fff;z-index:1}.popup>.popup-container>.partner-skill-header>.bg{position:absolute;bottom:0;left:0;right:0;height:10px;background-color:rgba(128,128,128,0.5)}.popup>.popup-container>.base-container{width:100%;margin-top:12px;border-left:3px solid #6be7ff;display:flex;align-items:center;box-sizing:border-box}.popup>.popup-container>.base-container>.level-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:80px;background-color:rgba(153,153,153,0.2);margin-left:4px}.popup>.popup-container>.base-container>.level-container>.title{color:#fff;font-size:16px}.popup>.popup-container>.base-container>.level-container>.level{color:#fff;font-size:36px}.popup>.popup-container>.base-container>.name-container{flex:1;display:flex;flex-direction:column;height:80px;background-color:rgba(153,153,153,0.2);margin-left:4px;padding:0 6px}.popup>.popup-container>.base-container>.name-container>.name{display:flex;align-items:end;justify-content:space-between;height:38px}.popup>.popup-container>.base-container>.name-container>.name>.txt{color:#fff;font-size:24px;font-weight:600;flex:1;display:flex;align-items:end}.popup>.popup-container>.base-container>.name-container>.name>.gender{position:relative;width:34px;height:34px;background-image:url('/palworld/style/img/icon/T_Icon_PanGender_Male.png');background-size:34px 34px;margin-right:12px}.popup>.popup-container>.base-container>.name-container>.name>.gender>span{position:absolute;bottom:0;right:-12px;font-size:12px;font-weight:400;color:#fff}.popup>.popup-container>.base-container>.name-container>.line{flex-shrink:0;height:2px;background-color:rgba(255,255,255,0.1)}.popup>.popup-container>.base-container>.name-container>.level{flex:1;display:flex;align-items:center}.popup>.popup-container>.base-container>.name-container>.level>.progress-container{flex:1;display:flex;flex-direction:column}.popup>.popup-container>.base-container>.name-container>.level>.progress-container>.txt{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff}.popup>.popup-container>.base-container>.name-container>.level>.progress-container>.progress{width:100%;background-color:#333}.popup>.popup-container>.base-container>.name-container>.level>.progress-container>.progress>.current{width:50%;background-color:#6be7ff;height:6px}.popup>.popup-container>.base-container>.name-container>.level>.attr{flex-shrink:0;margin-left:12px;width:32px;height:32px}.popup>.popup-container>.base-container>.name-container>.level>.attr>img{width:32px;height:32px}.popup>.popup-container>.pal-container{margin-top:36px;display:flex}.popup>.popup-container>.pal-container>.left{flex-shrink:0;padding:18px;display:flex;flex-direction:column}.popup>.popup-container>.pal-container>.left>.other{display:flex;flex-direction:column}.popup>.popup-container>.pal-container>.left>.other>.other-bar-container{display:flex;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,0.25);padding:4px 12px;margin-bottom:2px;color:#fff;font-size:16px}.popup>.popup-container>.pal-container>.left>.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;width:110px;height:110px;border:4px solid #666}.popup>.popup-container>.pal-container>.left>.avatar>img{border-radius:50%;width:105px;height:105px}.popup>.popup-container>.pal-container>.line{flex-shrink:0;border-left:2px solid rgba(255,255,255,0.1)}.popup>.popup-container>.pal-container>.right{flex:1;display:flex;flex-direction:column;padding:18px}.popup>.popup-container>.pal-container>.right>.health-container{display:flex;align-items:center;margin-bottom:12px}.popup>.popup-container>.pal-container>.right>.health-container>.icon{flex-shrink:0;background:url('/palworld/style/img/icon/T_icon_status_00.png');width:21px;height:21px;margin-right:6px}.popup>.popup-container>.pal-container>.right>.health-container>.bar{flex:1;color:rgba(255,255,255,0.51);font-size:14px;background-color:#27bf74;padding:0 6px}.popup>.popup-container>.pal-container>.right>.health-container>.bar>span{color:#fff;font-size:15px;font-weight:bold}.popup>.popup-container>.pal-container>.right>.hungry-container{display:flex;align-items:center;margin-bottom:12px}.popup>.popup-container>.pal-container>.right>.hungry-container>.icon{flex-shrink:0;background:url('/palworld/style/img/icon/T_Icon_foodamount_off.png');width:21px;height:21px;margin-right:6px}.popup>.popup-container>.pal-container>.right>.hungry-container>.bar{flex:1;color:rgba(255,255,255,0.51);font-size:14px;background-color:#d87635;padding:0 6px}.popup>.popup-container>.pal-container>.right>.hungry-container>.bar>span{color:#fff;font-size:15px;font-weight:bold}.popup>.popup-container>.pal-container>.right>.san-container{color:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,0.25);padding:4px 12px;font-size:14px;margin-bottom:24px}.popup>.popup-container>.pal-container>.right>.san-container>div:last-child>span{font-size:15px;color:#fff;font-weight:bold}.popup>.popup-container>.pal-container>.right>.fight-container{display:flex;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,0.25);padding:4px 12px;margin-bottom:2px}.popup>.popup-container>.pal-container>.right>.fight-container>.left{display:flex;align-items:center;font-size:14px;color:rgba(255,255,255,0.8)}.popup>.popup-container>.pal-container>.right>.fight-container>.left>.icon{width:24px;height:24px;background-size:24px 24px;margin-right:4px}.popup>.popup-container>.pal-container>.right>.fight-container>.left>.icon.attack{background-image:url('/palworld/style/img/icon/T_icon_status_02.png')}.popup>.popup-container>.pal-container>.right>.fight-container>.left>.icon.definse{background-image:url('/palworld/style/img/icon/T_icon_status_03.png')}.popup>.popup-container>.pal-container>.right>.fight-container>.left>.icon.work-speed{background-image:url('/palworld/style/img/icon/T_icon_status_05.png')}.popup>.popup-container>.pal-container>.right>.fight-container>.right{color:#fff;font-size:16px;font-weight:bold}.popup>.popup-container>.work-container{width:calc(100% - 34px);background-color:rgba(0,0,0,0.25);display:flex;flex-direction:column;margin:16px}.popup>.popup-container>.work-container>.icon-list{display:flex;align-items:center;justify-content:space-around;background-color:rgba(0,0,0,0.5);padding:4px}.popup>.popup-container>.work-container>.icon-list>.icon{width:32px;height:32px;background-size:32px 32px;position:relative}.popup>.popup-container>.work-container>.icon-list>.icon>.level{color:#fff;font-weight:bold;position:absolute;bottom:0;right:5px}.popup>.popup-container>.work-container>.icon-list>.icon.disabled{filter:grayscale(100%)}.popup>.popup-container>.work-container>.icon-list>.icon.fire{background-image:url('/palworld/style/img/icon/T_icon_palwork_00.png')}.popup>.popup-container>.work-container>.icon-list>.icon.water{background-image:url('/palworld/style/img/icon/T_icon_palwork_01.png')}.popup>.popup-container>.work-container>.icon-list>.icon.plant{background-image:url('/palworld/style/img/icon/T_icon_palwork_02.png')}.popup>.popup-container>.work-container>.icon-list>.icon.electric-power{background-image:url('/palworld/style/img/icon/T_icon_palwork_03.png')}.popup>.popup-container>.work-container>.icon-list>.icon.manual{background-image:url('/palworld/style/img/icon/T_icon_palwork_04.png')}.popup>.popup-container>.work-container>.icon-list>.icon.gather{background-image:url('/palworld/style/img/icon/T_icon_palwork_05.png')}.popup>.popup-container>.work-container>.icon-list>.icon.logging{background-image:url('/palworld/style/img/icon/T_icon_palwork_06.png')}.popup>.popup-container>.work-container>.icon-list>.icon.mining{background-image:url('/palworld/style/img/icon/T_icon_palwork_07.png')}.popup>.popup-container>.work-container>.icon-list>.icon.pharmacy{background-image:url('/palworld/style/img/icon/T_icon_palwork_08.png')}.popup>.popup-container>.work-container>.icon-list>.icon.chill-down{background-image:url('/palworld/style/img/icon/T_icon_palwork_10.png')}.popup>.popup-container>.work-container>.icon-list>.icon.transport{background-image:url('/palworld/style/img/icon/T_icon_palwork_11.png')}.popup>.popup-container>.work-container>.icon-list>.icon.pasture{background-image:url('/palworld/style/img/icon/T_icon_palwork_12.png')}.popup>.popup-container>.work-container>.eat{padding:4px 8px;font-size:14px;color:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:space-between}.popup>.popup-container>.work-container>.eat>.icon{display:flex;align-items:center}.popup>.popup-container>.work-container>.eat>.icon>.bread{width:20px;height:20px;background-size:20px 20px;background-image:url('/palworld/style/img/icon/T_Icon_foodamount_off.png')}.popup>.popup-container>.work-container>.eat>.icon>.bread.fill{background-image:url('/palworld/style/img/icon/T_Icon_foodamount_on.png')}.popup>.popup-container>.skill-container{width:calc(100% - 34px);display:flex;flex-direction:column;margin:0 16px;margin-bottom:12px}.popup>.popup-container>.skill-container>.title{font-size:12px;font-weight:300;color:#92d7df;margin-bottom:4px}.popup>.popup-container>.skill-container>.skill-list{display:flex;flex-direction:column}.popup>.popup-container>.skill-container>.skill-list>.skill-item{border:1px solid rgba(255,255,255,0.5);border-left:4px solid #fff;height:32px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff;font-weight:600;padding:0 0 0 8px;margin-bottom:4px}.popup>.popup-container>.skill-container>.skill-list>.skill-item>.left>.level{color:#999}.popup>.popup-container>.skill-container>.skill-list>.skill-item>.right>.power{width:116px;height:32px;display:flex;align-items:center;justify-content:flex-end;position:relative}.popup>.popup-container>.skill-container>.skill-list>.skill-item>.right>.power>img{position:absolute;top:0;left:0;width:116px;height:32px}.popup>.popup-container>.skill-container>.skill-list>.skill-item>.right>.power>span{font-size:16px;font-weight:600;padding-right:8px;z-index:1}.popup>.popup-container>.skill-container>.skill-list>.skill-item.with-desc{background-color:rgba(0,0,0,0.2);margin-bottom:2px}.popup>.popup-container>.skill-container>.skill-list>.skill-item.with-desc>.right{padding-right:12px}.popup>.popup-container>.skill-container>.skill-list>.skill-desc-item{background-color:rgba(0,0,0,0.2);color:#fff;padding:12px;font-size:12px;font-weight:300;min-height:100px}.popup>.popup-container>.other-container{width:calc(100% - 34px);display:flex;flex-direction:column;margin:0 16px;margin-bottom:12px}.popup>.popup-container>.other-container>.title{font-size:12px;font-weight:300;color:#92d7df;margin-bottom:4px}.popup>.popup-container>.other-container>.other-list{display:flex;flex-wrap:wrap}.popup>.popup-container>.other-container>.other-list>.other-item{border:1px solid rgba(255,255,255,0.5);border-left:4px solid #fff;height:32px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff;font-weight:600;padding:0 8px;margin-bottom:4px}.popup>.popup-container>.other-container>.other-list>.other-item.f1.desc{height:unset;padding:4px 8px}.popup>.popup-container>.other-container>.other-list>.other-item.f2{width:calc(50% - 3px);margin-right:6px}.popup>.popup-container>.other-container>.other-list>.other-item.f2:nth-child(even){margin-right:0}.popup>.popup-container>.other-container>.other-list>.other-item>.left>.level{color:#999}.popup>.popup-container>.other-container>.other-list>.other-item>.right>.power{width:116px;height:32px;display:flex;align-items:center;justify-content:flex-end;position:relative}.popup>.popup-container>.other-container>.other-list>.other-item>.right>.power>img{position:absolute;top:0;left:0;width:116px;height:32px}.popup>.popup-container>.other-container>.other-list>.other-item>.right>.power>span{font-size:16px;font-weight:600;padding-right:8px;z-index:1}.popup>.popup-container>.other-container>.other-list>.other-item.with-desc{background-color:rgba(0,0,0,0.2);margin-bottom:2px}.popup>.popup-container>.other-container>.other-list>.other-item.with-desc>.right{padding-right:12px}.popup>.popup-container>.other-container>.other-list>.other-desc-item{background-color:rgba(0,0,0,0.2);color:#fff;padding:12px;font-size:12px;font-weight:300;min-height:100px}.popup>.popup-container>.footer-line{box-sizing:border-box;width:100%;display:flex;align-items:end;margin-top:32px}.popup>.popup-container>.footer-line>.block{flex-shrink:0;background-color:#fff;width:18px;height:6px}.popup>.popup-container>.footer-line>.bottom{flex:1;height:2px;background-color:rgba(255,255,255,0.25)}.custom-ad-container{width:1184px;height:90px;margin-bottom:12px !important;z-index:1}@media screen and (max-width:1200px){.top-menu{width:calc(100% - 48px)}}