.page-layout[data-v-0ab96097]{position:relative;color:#fff;background-size:cover;background-position:bottom;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.page-layout .title[data-v-0ab96097]{width:100%;background-color:#000;display:flex;align-items:center;justify-content:center}.page-layout .title .content[data-v-0ab96097]{display:flex;align-items:center}.page-layout .title .h1[data-v-0ab96097]{font-size:65px;font-weight:700;white-space:nowrap}.page-layout .title .text[data-v-0ab96097]{font-size:16px;margin-left:10px}.page-layout .activity-live[data-v-0ab96097]{position:relative;background:rgba(0,0,0,.5019607843);width:100%;overflow:hidden;border-radius:8px;padding:20px}.page-layout .activity-live .title[data-v-0ab96097]{color:#fff;width:100%;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;padding:3px 0;z-index:1;margin-bottom:10px;background:transparent;text-shadow:0px 3px 3px rgba(0,0,0,.6509803922)}.page-layout .activity-live .filter[data-v-0ab96097]{display:flex;margin-bottom:20px}.page-layout .activity-live .filter .tag[data-v-0ab96097]{margin-right:10px;width:120px;text-align:center;padding:5px 0;font-size:18px;border-radius:4px;color:#fff;cursor:pointer;border:1px solid #fff}.page-layout .activity-live .filter .active[data-v-0ab96097]{border:1px solid #fbc600;background:#f39800}.page-layout .activity-live .content[data-v-0ab96097]{min-height:560px}.page-layout .activity-live .content .list[data-v-0ab96097]{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.page-layout .activity-live .content .list .item[data-v-0ab96097]{background:#1f1e1e;display:flex;align-items:center;flex-direction:column;border-radius:8px;height:180px;width:140px;overflow:hidden}.page-layout .pagination[data-v-0ab96097]{display:flex;justify-content:center;align-items:center;margin-top:30px}@media (max-width: 834px){.page-layout .activity-live .content .list[data-v-0ab96097]{grid-template-columns:repeat(4,1fr);gap:15px}.page-layout .activity-live .filter .tag[data-v-0ab96097]{color:#000;background:rgba(255,255,255,.5019607843);font-size:14px;width:120px;border:none}.page-layout .activity-live .filter .active[data-v-0ab96097]{background:#f39800}}@media (max-width: 576px){.page-layout[data-v-0ab96097]{padding:20px 0!important}.page-layout .title .text[data-v-0ab96097]{margin-top:10px}.page-layout .title img[data-v-0ab96097]{width:200px}.page-layout .content[data-v-0ab96097]{display:flex;flex-direction:column}.page-layout .content .h1[data-v-0ab96097]{font-size:24px}.page-layout .content .text[data-v-0ab96097]{font-size:14px}.page-layout .name[data-v-0ab96097]{display:flex;padding:0 20px}.page-layout .name div[data-v-0ab96097]{background:linear-gradient(90deg,rgba(102,142,243,0) 0%,rgba(102,142,243,.8) 13.5%,rgba(102,142,243,.8) 84%,rgba(102,142,243,0) 100%);font-weight:700;font-size:22px;color:#fff;text-align:center;width:100%;margin-top:40px;line-height:55px}.page-layout .activity-live[data-v-0ab96097]{padding:20px 10px}.page-layout .activity-live .title[data-v-0ab96097]{font-size:24px}.page-layout .activity-live .content[data-v-0ab96097]{min-height:600px}.page-layout .activity-live .content .list[data-v-0ab96097]{grid-template-columns:repeat(2,1fr);gap:16px}.page-layout .activity-live .content .list .item[data-v-0ab96097]{padding:0}.page-layout .activity-live .filter .tag[data-v-0ab96097]{width:80px}.page-layout .role-image[data-v-0ab96097]{display:flex;align-items:center;width:100%;justify-content:center;margin-top:-90px;position:relative}}