.recommend-playmate__panel{margin-bottom:48px}.recommend-playmate__panel .playmate-list__box{-ms-flex-wrap:wrap;flex-wrap:wrap}.recommend-playmate__panel .title{position:relative;color:#2a2a2a;font-size:24px;margin-bottom:15px}.recommend-playmate__panel .title i{width:40px;height:40px;margin-right:8px;background:url(../img/icon8.983629b9.png) no-repeat;background-size:contain}.recommend-playmate__panel .title .reload{width:80px;height:28px;margin-left:24px;color:#878787;font-size:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f6f6f6;border-radius:14px;border:1px solid #e7e7e8;cursor:pointer}.recommend-playmate__panel .title .reload b{width:14px;height:14px;margin-right:5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAoFJREFUSEvNVsF14jAQ1cgH4EYHGzqAChYqICWECuAEyBfCAcuPS5IKklSw2QpCKsBbQVwCN3yxZj1eyc8YYWxvDvHNkkZ//mjmzwD7wk9KeQMAe6VU6LruwHY1VMVbrVbddrvddRynSzZxHB+EEGHe3vf9Z0S802trIcR98f5SQA0yRcRbAOjbnEv2As75DhF/M8bezRkAOByPx956vT7k7S4CSilXidEMEVNGDb8zlmeAxKrVar1fYtQAuJcP/Rmg53n7LwQj/3ZCiFEW6rzHFMbk/+Sh6S0YY9k7IOJNA5YjIcSO7DKGlNKMsU99GWXfK2PspZiJtC+lHHLO+4g4RsRhBQcylhlgLqWt6XzpUiklZeZVUMdxBvP5PEgBTcFyzke0WMHj9EghKmVmFDEKa2gA7xDx4LruW1UwDfjIGJueFfe/dw8Q8YOSJoqiwNRjCrjdbvt1mBkAz/NmAPBAiQUAlBQfSqnAJIjN+RSQaq+oCHWY1jlbWUvrXFp29vsCmm5hq8sq7Cmjsyy1GWiAftLfxkqpYU7uatWpKR/O+e1isXg8CalREKXUmAAudIonIcSsCitzxvf9X4hIdrus8HUvq6KTJ+pfBqyj9EBKJIToZVq62Wz6nPP9Na8BIFgul9bRoWhL0WKMPSd6TCQmQoiXonhX0kTdPXYAkBa54zgHGjc0IF3+U2ur0dcwiqLBidIYtYnj+CrLa1Gw7GfsThiWaWMDEGNSPmLQI3c6nc//nGMugp0xpAUjyE1ZkYgjIjFLO3zxs0qbpalOtCEJwA/GWFajAEC9LkTEP8n6W1mnsDLUb0kZZmbM0NRQU9Z5u7K59B4ApkqpSd3GXObYX9HyJiwM0l7+AAAAAElFTkSuQmCC) no-repeat;background-size:contain}.recommend-playmate__panel .title .more{position:absolute;right:0;color:#878787;font-size:14px;cursor:pointer}.recommend-playmate__panel .playmate-item{position:relative;width:224px;height:224px;border-radius:8px;cursor:pointer;overflow:hidden;margin-bottom:24px}.recommend-playmate__panel .playmate-item:not(:nth-child(5n)){margin-right:24px}.recommend-playmate__panel .playmate-item:hover .cover{-webkit-transform:scale(1.2);transform:scale(1.2)}.recommend-playmate__panel .playmate-item:hover .detail{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,71,255,0)),to(#0047ff));background:linear-gradient(180deg,rgba(0,71,255,0),#0047ff)}.recommend-playmate__panel .playmate-item:hover .detail .nickname{font-size:16px;font-weight:600}.recommend-playmate__panel .playmate-item .cover{width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.recommend-playmate__panel .playmate-item .detail{position:absolute;left:0;right:0;bottom:0;width:224px;height:88px;padding:36px 8px 0 8px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.61)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.61));border-radius:0 0 8px 8px}.recommend-playmate__panel .playmate-item .detail .nickname{color:#fff;font-size:14px;margin-bottom:6px}.recommend-playmate__panel .playmate-item .detail .career-list img{width:18px;height:18px;margin-right:8px}.recommend-playmate__panel .playmate-item .detail .city{position:absolute;top:36px;right:8px;color:#fff;font-size:14px}.recommend-playmate__panel .playmate-item .detail .city i{width:14px;height:14px;margin-right:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAcRJREFUSEu1VtFVwzAM1G0AG9AJoBvABjABMAFsAEzACNAJYAPYgG5AmYBucOTec/pSW7KT9KGfvBdbPkt3kgybYSRPktsWwHbKERi7meS5md2Zmb5HA79N9+/TzFYA9K1aE5DkmZk9J6DWeQK8BaBLuFYFJHltZq8tlGxdKb4AsPb8QkCSl2b2NhGs3x6CuoBJFB9ddL045uAqrctcVBHgi5ndzEHJfJ4APA7/FYAkpcDfCpjSteoupAgkKPEcmcrmuAVY404gEsROhSPSr7TuBORFqBQ8BFdeeJJPNSrOPVOZ7JTuAWrRS1ORnv70Bg17PE4B3ABYRGSRZLDWBKylVPwV7YukFC1le3YF4L1f8CJUr4z4+BfRqCy+swad31w8/3Sd6NTMpOrIChqiwq+ldUo/2FOoHCNARfl1aGvzRFZr3jUuW1GqG6ngizHVGk/3aRa2APL1IpWhSnNPkhpRNWHkLkXDrvZSB3AKn9XmEIrGAdVUUG0O3zL5tqJGPR6ab5pBv2zxuddRItJHA+qAbhRFjb3K2yQOh5vTVMjrcw1gOVbGkyJMUeqdI1DxOYq32RFmfOpRrHprPn4PBhybPm/fH6P7tR0sleBHAAAAAElFTkSuQmCC) no-repeat;background-size:contain}.rank-entry[data-v-3f79ca44]{position:absolute;bottom:0;right:0;width:328px;height:109px;padding:43px 0 0 40px;background:url(../img/bg1.1a5b3501.png) no-repeat;background-size:contain}.rank-entry .rank-swiper[data-v-3f79ca44]{width:300px;height:60px;overflow:hidden}.rank-entry .rank-swiper .swiper-slide[data-v-3f79ca44]{height:100%;padding-top:5px}.rank-entry .rank-list .user[data-v-3f79ca44]{position:relative;width:48px;height:48px;margin-right:4px;cursor:pointer}.rank-entry .rank-list .user[data-v-3f79ca44]:after{position:absolute;content:"";height:60px;left:-2px;right:-2px;bottom:-1px;top:-9px;background-position:50%;background-repeat:no-repeat;background-size:cover}.rank-entry .rank-list .user[data-v-3f79ca44]:first-child:after{background-image:url(../img/ring1.28124f66.png)}.rank-entry .rank-list .user[data-v-3f79ca44]:nth-child(2):after{background-image:url(../img/ring2.764adb3d.png)}.rank-entry .rank-list .user[data-v-3f79ca44]:nth-child(3):after{background-image:url(../img/ring3.d1755d56.png)}.rank-entry .rank-list .user img[data-v-3f79ca44]{width:100%;height:100%;border-radius:50%}.home-page__container[data-v-2335aa2e]{width:1216px;margin:0 auto}.page-top__panel[data-v-2335aa2e]{position:relative;width:100%;height:96px;margin-top:48px;background:#fff;border-radius:14px}.page-top__panel .random-dispatch[data-v-2335aa2e]{position:absolute;left:-30px;bottom:0;width:278px;height:114px;background:url(../img/bg2.e342a415.png) no-repeat;background-size:contain;cursor:pointer}.page-top__panel .career-list[data-v-2335aa2e]{padding:0 328px 0 258px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-top__panel .career-list .career-item[data-v-2335aa2e]{cursor:pointer}.page-top__panel .career-list .cover[data-v-2335aa2e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 10px;width:56px;height:56px;background:#fff;-webkit-box-shadow:0 4px 4px 0 hsla(0,0%,79.6%,.25);box-shadow:0 4px 4px 0 hsla(0,0%,79.6%,.25);border-radius:16px}.page-top__panel .career-list img[data-v-2335aa2e]{width:46px;height:46px}.page-top__panel .career-list .name[data-v-2335aa2e]{font-size:12px;color:#555;text-align:center}.page-recommend__panel[data-v-2335aa2e]{margin-top:48px}.page-recommend__panel .recommend-playmate__swiper[data-v-2335aa2e]{position:relative;width:384px;margin-right:32px;overflow:hidden}.page-recommend__panel .recommend-playmate__swiper .tag[data-v-2335aa2e]{position:absolute;top:0;right:0;width:179px;height:90px;z-index:10}.page-recommend__panel .recommend-playmate__swiper .swiper-slide[data-v-2335aa2e]{width:336px;cursor:pointer}.page-recommend__panel .recommend-playmate__swiper .swiper-slide .cover[data-v-2335aa2e]{width:336px;height:450px;border-radius:16px;margin-right:8px;overflow:hidden}.page-recommend__panel .recommend-playmate__swiper .swiper-slide .cover img[data-v-2335aa2e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-recommend__panel .recommend-playmate__swiper .swiper-slide.swiper-slide-active .detail[data-v-2335aa2e]{opacity:1}.page-recommend__panel .playmate-detail[data-v-2335aa2e]{width:304px;height:80px;padding:10px 14px 20px 14px;margin:0 auto;background:#fff;border-radius:0 0 8px 8px}.page-recommend__panel .playmate-detail .avatar[data-v-2335aa2e]{width:42px;height:42px;margin-right:8px}.page-recommend__panel .playmate-detail .avatar img[data-v-2335aa2e]{width:100%;height:100%;border-radius:50%}.page-recommend__panel .playmate-detail .info[data-v-2335aa2e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-recommend__panel .playmate-detail .info .nickname[data-v-2335aa2e]{color:#2a2a2a;font-size:14px}.page-recommend__panel .playmate-detail .info .career-list img[data-v-2335aa2e]{width:18px;height:18px;margin-right:6px;border-radius:2px}.page-recommend__panel .playmate-detail .btn[data-v-2335aa2e]{width:72px;height:32px;line-height:32px;font-size:18px;text-align:center;color:#fff;background:linear-gradient(115deg,#ff00e5,#ff6969);border-radius:16px;cursor:pointer}.page-recommend__panel .banner-swiper[data-v-2335aa2e]{position:relative;width:800px;height:240px;border-radius:16px;margin-bottom:24px;overflow:hidden}.page-recommend__panel .banner-swiper img[data-v-2335aa2e]{width:100%;height:100%;cursor:pointer;-o-object-fit:cover;object-fit:cover}.page-recommend__panel .activity-zone[data-v-2335aa2e]{position:relative;width:800px;height:266px;padding:15px;background:#fff;border-radius:16px}.page-recommend__panel .activity-zone .type[data-v-2335aa2e]{width:174px;color:#979797;font-size:16px;height:32px;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:16px;margin:0 10px 25px 0;background-color:#f0f0f0;cursor:pointer}.page-recommend__panel .activity-zone .type.active[data-v-2335aa2e]{background:#edf2ff;color:#467cfd;font-size:20px}.page-recommend__panel .activity-zone .type.active .more[data-v-2335aa2e]{color:#467cfd}.page-recommend__panel .activity-zone .type.active .more i[data-v-2335aa2e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWVJREFUWEftlk1Ow0AMhe1MRQWrcoNygx4hXRR1SU8AnANQVAXuEU7QLtuyCDcoR8gRumKBmjHy0JH4iZQZZ0pUqd5Gmff52TM2QsuBLevDEeCwHBg9bG+4Z17SThaqd5wdGN9TrEHnLIwI2TJVtyEgnAHihHpdrddE0A8J4QzAouOE+qR1biEA8O1M4XA+xY3UDS+AfUB4A1RCIBRRFA0XUyx8nRABhIQQAzAEN+ZJSTkADUzmAicaAViIbkkzAoolEI0BbM0v77YZIF77QgQDYOEfEACb1aM6r2vKYABXCfXev/UDIhTLVF38C0CVODpey8YO8OuoS5rZm8CZu4p/XZwGYcS1zmE3H/hpjhROfB4kMUCVuGQuiABCiYtK8FscAV9PFU6kE9HLgT+ZEz2vnjpmS5KGM8A+xL1KMEo+Bliqtck0QObWMWcHzAjeLaWLNpZSaY3r/vNyoO4wyfcjQOsOfAKZxsUhEICQLQAAAABJRU5ErkJggg==)}.page-recommend__panel .activity-zone .type .more[data-v-2335aa2e]{color:#979797;font-size:12px}.page-recommend__panel .activity-zone .type .more i[data-v-2335aa2e]{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAUtJREFUWEftlrFtwzAQRe8qSp2zQbKBR7BH8ASJOp2WUScCaqRMkBGcDZIRMoJbFcIFJ8iAbQgQ70RHCOBrVBDUf/z85BFh5cKV9eEB8L8c8N6/SWaIqI2VnWAHvPc7ADiOwi0RZTEgggHKstwkSfIFAM8xIYIBRNR7L+LiwgCBiN/OuX2WZSerGyqAe0CoAaYgAOAHAPZEJF9VmQBiQpgBBEKCmabpkZm347LVTiwCuID4YGY5plIqiMUA5w2vqqpFxFctRDQAEb6EQMRTnudPc4mMBtA0zabruqs8ENHLnwBMiYcey8UOyO2IiBJC00lYBDB1NTPzQXMhmQFi9QUTQCzxoaHNpfR2fEL80zl3sHZEFcCtODO/F0UxvJKsFQxwD3HVFtR1ve37Xl5EEGPlZ8eCHRhb8HqPUusez81TOTD3M8v4A2B1B34B0W+dIfXK7q4AAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}.page-recommend__panel .activity-zone b[data-v-2335aa2e]{position:absolute;top:0;right:0;display:block;width:330px;height:120px;background:url(../img/bg3.cd018f56.png) no-repeat;background-size:contain;pointer-events:none}.playmate-list .item[data-v-2335aa2e]{margin:0 16px;cursor:pointer}.playmate-list .item .cover[data-v-2335aa2e]{margin:0 auto 8px;width:120px;height:120px;border-radius:8px;overflow:hidden}.playmate-list .item .cover img[data-v-2335aa2e]{width:100%;height:100%}.playmate-list .item .nickname[data-v-2335aa2e]{color:#2a2a2a;font-size:14px;text-align:center;margin-bottom:8px}.playmate-list .item .career-list[data-v-2335aa2e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.playmate-list .item .career-list img[data-v-2335aa2e]{width:18px;height:18px;margin:0 3px;border-radius:2px}.star-headline__panel[data-v-2335aa2e]{position:relative;width:1216px;height:218px;margin:48px auto;background:#fff;border-radius:16px 16px 16px 16px}.star-headline__panel[data-v-2335aa2e]:before{position:absolute;content:"";left:0;top:0;width:470px;height:100px;background:url(../img/bg4.cbe94604.png) no-repeat;background-size:contain;pointer-events:none}.star-headline__panel .headline-list[data-v-2335aa2e]{margin:78px 0 0 24px;width:350px;height:120px;overflow:hidden}.star-headline__panel .headline-list .headline-item[data-v-2335aa2e]{width:350px;height:36px;padding:6px;font-size:12px;color:#666;border-radius:18px;margin-bottom:8px;cursor:pointer}.star-headline__panel .headline-list .headline-item[data-v-2335aa2e]:nth-child(n){background:-webkit-gradient(linear,left top,right top,from(rgba(0,71,255,.1)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,71,255,.1),hsla(0,0%,100%,0))}.star-headline__panel .headline-list .headline-item[data-v-2335aa2e]:nth-child(2n){background:-webkit-gradient(linear,left top,right top,from(rgba(255,46,0,.1)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(255,46,0,.1),hsla(0,0%,100%,0))}.star-headline__panel .headline-list .headline-item[data-v-2335aa2e]:nth-child(3n){background:-webkit-gradient(linear,left top,right top,from(rgba(204,0,255,.1)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(204,0,255,.1),hsla(0,0%,100%,0))}.star-headline__panel .headline-list .headline-item img[data-v-2335aa2e]{width:24px;height:24px}.star-headline__panel .headline-list .headline-item img.avatar[data-v-2335aa2e]{border-radius:50%}.star-headline__panel .headline-list .headline-item .nickname[data-v-2335aa2e]{color:#f66;font-size:12px;margin:0 6px}.banner-swiper__pagination[data-v-2335aa2e]{position:absolute;left:0;bottom:8px;text-align:center;z-index:10}.banner-swiper__pagination[data-v-2335aa2e] .swiper-pagination-bullet{width:40px;height:4px;margin:0 4px;background:rgba(0,0,0,.3);border-radius:2px 2px 2px 2px}.banner-swiper__pagination[data-v-2335aa2e] .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(0,0,0,.8)}.playmate-swiper__pagination[data-v-2335aa2e]{position:absolute;left:0;bottom:2px;text-align:center;z-index:10}.playmate-swiper__pagination[data-v-2335aa2e] .swiper-pagination-bullet{width:40px;height:4px;margin:0 4px;background:rgba(0,0,0,.3);border-radius:2px 2px 2px 2px}.playmate-swiper__pagination[data-v-2335aa2e] .swiper-pagination-bullet.swiper-pagination-bullet-active{background:linear-gradient(115deg,#ff00e5,#ff6969)}.recommend-channel__panel[data-v-2335aa2e]{margin:48px auto}.recommend-channel__panel .title[data-v-2335aa2e]{color:#2a2a2a;font-size:24px;margin-bottom:20px}.recommend-channel__panel .title i[data-v-2335aa2e]{width:40px;height:40px;margin-right:4px;background:url(../img/icon7.8555e349.png) no-repeat;background-size:contain}.recommend-channel__panel .title .tag-list[data-v-2335aa2e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.recommend-channel__panel .title .tag-list span[data-v-2335aa2e]{width:80px;height:28px;line-height:28px;text-align:center;margin-left:24px;color:#878787;font-size:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f6f6f6;border-radius:14px;border:1px solid #e7e7e8;cursor:pointer}.recommend-channel__panel .title .more[data-v-2335aa2e]{color:#878787;font-size:14px;cursor:pointer}.channel-list[data-v-2335aa2e]{-ms-flex-wrap:wrap;flex-wrap:wrap}.channel-list .channel-item[data-v-2335aa2e]{border-radius:8px;overflow:hidden;margin-bottom:20px;cursor:pointer}.channel-list .channel-item[data-v-2335aa2e]:not(:nth-child(5n)){margin-right:24px}.channel-list .channel-item[data-v-2335aa2e]:hover{-webkit-box-shadow:0 5px 10px #aaa;box-shadow:0 5px 10px #aaa}.channel-list .channel-item .cover[data-v-2335aa2e]{position:relative;width:224px;height:224px}.channel-list .channel-item .cover img[data-v-2335aa2e]{width:100%;height:100%}.channel-list .channel-item .type[data-v-2335aa2e]{position:absolute;right:8px;top:8px;width:56px;height:24px;line-height:24px;color:#fff;font-size:14px;text-align:center;background:linear-gradient(115deg,#ff7c7c,#ff4fa3);border-radius:12px}.channel-list .channel-item .detail[data-v-2335aa2e]{position:relative;width:224px;height:59px;padding:8px;background:#fff}.channel-list .channel-item .detail .name[data-v-2335aa2e]{width:80%;color:#2a2a2a;font-size:14px;margin-bottom:6px}.channel-list .channel-item .detail .tag[data-v-2335aa2e]{color:#ff9696;font-size:12px}.channel-list .channel-item .detail .popular-val[data-v-2335aa2e]{position:absolute;right:8px;top:8px;color:#c4c4c4;font-size:12px}