.event-item[data-v-7ba7d8a3]{background-color:#1a1e49;border-radius:16px;cursor:pointer;overflow:hidden;padding-bottom:12px;position:relative;width:calc(33.33333% - 10.66667px)}.event-item:hover .status .detail[data-v-7ba7d8a3],.event-item:hover .title[data-v-7ba7d8a3]{color:#fee75c}.event-item .thumb[data-v-7ba7d8a3]{height:182px;-o-object-fit:cover;object-fit:cover;width:100%}.event-item .title[data-v-7ba7d8a3]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;font-size:18px;font-weight:700;line-height:26px;margin:12px 16px;word-break:break-word}.event-item .info-wrap[data-v-7ba7d8a3]{align-items:center;display:flex;gap:4px;margin:4px 16px;margin-bottom:0!important;min-height:24px}.event-item .info-wrap.time[data-v-7ba7d8a3]{min-height:20px}.event-item .info-wrap.q-cao[data-v-7ba7d8a3]{min-height:48px!important}.event-item .info-wrap .left[data-v-7ba7d8a3]{color:#8f98f6;font-size:14px;font-weight:400;line-height:20px;width:90px}.event-item .info-wrap .time[data-v-7ba7d8a3]{color:#eaebeb;font-size:14px;font-weight:400;line-height:20px}.event-item .info-wrap .value[data-v-7ba7d8a3]{color:#fee75c;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600;line-height:24px}.event-item .info-wrap .value .phu2[data-v-7ba7d8a3]{display:flex;font-family:Roboto Mono;gap:5px}.event-item .info-wrap .value .phu2[data-v-7ba7d8a3] span{font-size:16px;line-height:24px}.event-item .info-bottom[data-v-7ba7d8a3]{bottom:12px;left:0;position:absolute;right:0}.event-item .line[data-v-7ba7d8a3]{border-top:1px dashed #232861;margin:12px 16px}.event-item .overlay[data-v-7ba7d8a3]{display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.event-item .status[data-v-7ba7d8a3]{align-items:center;display:flex;justify-content:space-between;margin:12px 16px 0}.event-item .status .info[data-v-7ba7d8a3]{align-items:center;display:flex;font-size:16px;font-weight:600;gap:4px;line-height:16px}.event-item .status .info .black[data-v-7ba7d8a3]{color:#eaebeb;font-size:16px;font-weight:600;line-height:16px}.event-item .status .info span[data-v-7ba7d8a3]:before{color:#2dc770;font-size:24px}.event-item .status .info .timestring[data-v-7ba7d8a3]{color:#2dc770;display:flex;font-size:16px;font-weight:600;gap:4px;line-height:24px}.event-item .status .info .timestring .date[data-v-7ba7d8a3]{color:#8f98f6;font-size:14px;font-weight:400}.event-item .status .info .green[data-v-7ba7d8a3]{color:#2dc770;display:flex;font-size:16px;font-weight:600;gap:4px;line-height:24px}.event-item .status .info .green .date[data-v-7ba7d8a3]{color:#8f98f6;font-size:14px;font-weight:400}.event-item .status .info .red[data-v-7ba7d8a3]{color:#fee75c;font-size:16px;font-weight:600;line-height:24px}.event-item .status .info .orange[data-v-7ba7d8a3]{color:#fb6944;font-size:16px;font-weight:600;line-height:24px}.event-item .status .info .icon-ClockCountdown[data-v-7ba7d8a3]:before{color:#fb6944;font-size:24px}.event-item .status .info .icon-CalendarX[data-v-7ba7d8a3]:before{color:#bfc0c1;font-size:24px}.event-item .status .info .icon-Trophy[data-v-7ba7d8a3]:before{color:#fee75c;font-size:24px;font-weight:unset!important}.event-item .status .info .status-block[data-v-7ba7d8a3]{align-items:center;display:flex;gap:4px}.event-item .status .detail[data-v-7ba7d8a3]{border-bottom:1px solid #313338;color:#eaebeb;cursor:pointer;font-size:14px;font-weight:600;line-height:20px}.event-item .wrapper-button[data-v-7ba7d8a3]{margin-top:12px;padding:12px 16px 0;position:relative;z-index:2}.event-item .wrapper-button[data-v-7ba7d8a3]:before{border-top:1px dashed #232861;content:"";height:1px;left:50%;position:absolute;top:0;transform:translate(-50%);width:calc(100% - 32px)}.event-item .wrapper-button .secondary[data-v-7ba7d8a3]{background:transparent;border:1px solid #fff}.event-item .wrapper-button .secondary[data-v-7ba7d8a3]:hover{opacity:.9}.event-item .wrapper-button .join[data-v-7ba7d8a3]{display:flex;gap:12px}.event-item .wrapper-button .join .btn-detail[data-v-7ba7d8a3]{width:50%}.events[data-v-89060060]{margin-bottom:16px}.events-loading[data-v-89060060]{padding:80px 0}.events.mt-16[data-v-89060060]{margin-top:16px}.events .banner[data-v-89060060]{border-radius:16px;cursor:pointer;margin:16px 0;width:100%}.events .filter[data-v-89060060]{align-items:center;display:flex;height:56px;justify-content:space-between;margin-bottom:16px;overflow:hidden;position:relative}.events .filter-tab[data-v-89060060]{display:flex;font-size:20px;font-weight:700;gap:14px;line-height:28px}.events .filter-tab .tab[data-v-89060060]{align-items:center;color:#eaebeb;cursor:pointer;display:flex;height:56px;padding:12px 17px;position:relative}.events .filter-tab .tab[data-v-89060060]:after{background-color:#5865f2;bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;width:100%}.events .filter-tab .active[data-v-89060060]{color:#7984f5}.events .filter-tab .active[data-v-89060060]:after{opacity:1}.events .filter .types-wrap[data-v-89060060]{align-items:center;background-color:#1a1e49;border:1px solid #232861;border-radius:999px;display:flex;height:56px;padding:0 8px;transition:all .5s}.events .filter .types-wrap.none[data-v-89060060]{transform:translate(1500px);transition:all .5s}.events .filter .types-wrap .type-item[data-v-89060060]{align-items:center;border:1px solid transparent;color:#8f98f6;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;line-height:24px;padding:0 16px}.events .filter .types-wrap .type-item.active[data-v-89060060]{background-color:#5865f2;border-radius:999px;color:#fff}.events .list-events[data-v-89060060]{-moz-column-gap:16px;column-gap:16px;display:flex;flex-wrap:wrap;row-gap:16px}.events .list-promotions[data-v-89060060]{-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:24px}[data-v-89060060] .empty{background:#1a1e49!important;border-radius:8px;min-height:424px}[data-v-89060060] .empty p{font-size:16px;line-height:24px}.event-item[data-v-89f0e755]{background-color:#1a1e49;border-radius:2.1333333333vw;overflow:hidden;padding-bottom:3.2vw;position:relative;width:100%}.event-item .thumb[data-v-89f0e755]{height:40vw;-o-object-fit:cover;object-fit:cover;width:100%}.event-item .title[data-v-89f0e755]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;font-size:4.2666666667vw;font-weight:600;line-height:6.4vw;margin:3.2vw;word-break:break-word}.event-item .info-wrap[data-v-89f0e755]{align-items:center;display:flex;gap:4px;margin:0 3.2vw 4px}.event-item .info-wrap .left[data-v-89f0e755]{color:#8f98f6;font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw;width:24vw}.event-item .info-wrap .time[data-v-89f0e755]{color:#eaebeb;font-size:3.7333333333vw;font-weight:400;line-height:20px}.event-item .info-wrap.q-cao[data-v-89f0e755]{margin-bottom:0;min-height:12.8vw!important}.event-item .info-wrap .value[data-v-89f0e755]{color:#fee75c;font-size:4.2666666667vw;font-weight:700;line-height:6.4vw}.event-item .info-wrap .value .phu2[data-v-89f0e755]{display:flex;font-family:Roboto Mono;gap:1.3333333333vw}.event-item .info-wrap .value .phu2[data-v-89f0e755] span{font-size:4.2666666667vw;line-height:6.4vw}.event-item .line[data-v-89f0e755]{border-top:1px dashed #2c3379;margin:3.2vw}.event-item .status[data-v-89f0e755]{align-items:center;display:flex;justify-content:space-between;margin:3.2vw}.event-item .status .info[data-v-89f0e755]{align-items:center;display:flex;font-size:4.2666666667vw;font-weight:600;gap:1.0666666667vw;line-height:6.4vw}.event-item .status .info .black[data-v-89f0e755]{color:#eaebeb}.event-item .status .info span[data-v-89f0e755]:before{color:#2dc770;font-size:6.4vw}.event-item .status .info .green[data-v-89f0e755]{color:#2dc770;display:flex;gap:4px}.event-item .status .info .green .date[data-v-89f0e755]{color:#8f98f6;font-size:3.7333333333vw;font-weight:400}.event-item .status .info .red[data-v-89f0e755]{color:#fee75c}.event-item .status .info .orange[data-v-89f0e755]{color:#fb6944;font-size:4.2666666667vw;font-weight:600;line-height:6.4vw}.event-item .status .info .icon-ClockCountdown[data-v-89f0e755]:before{color:#fb6944}.event-item .status .info .icon-CalendarX[data-v-89f0e755]:before{color:#bfc0c1}.event-item .status .info .icon-Trophy[data-v-89f0e755]:before{color:#fee75c}.event-item .status .info .status-block[data-v-89f0e755]{align-items:center;display:flex;gap:4px}.event-item .status .detail[data-v-89f0e755]{border-bottom:1px solid #313338;color:#eaebeb;font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.event-item .overlay[data-v-89f0e755]{display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.event-item .wrapper-button[data-v-89f0e755]{margin-top:3.2vw;padding:3.2vw 3.2vw 0;position:relative;z-index:2}.event-item .wrapper-button[data-v-89f0e755]:before{border-top:.2666666667vw dashed #232861;content:"";height:.2666666667vw;left:50%;position:absolute;top:0;transform:translate(-50%);width:calc(100% - 6.4vw)}.event-item .wrapper-button .secondary[data-v-89f0e755]{background:transparent;border:.2666666667vw solid #fff}.event-item .wrapper-button .join[data-v-89f0e755]{display:flex;gap:3.2vw}.event-item .wrapper-button .join .btn-detail[data-v-89f0e755]{width:50%}.events[data-v-8ba1d6e0]{margin-bottom:4.2666666667vw;padding-bottom:26.6666666667vw}.events.mt-16[data-v-8ba1d6e0]{margin-top:4.2666666667vw}.events .banner[data-v-8ba1d6e0]{border-radius:2.1333333333vw;margin:4.2666666667vw 0 3.7333333333vw;padding:0 4.2666666667vw}.events .banner img[data-v-8ba1d6e0]{border-radius:2.1333333333vw;height:26.1333333333vw;width:100%}.events .filter-tab[data-v-8ba1d6e0]{align-items:center;display:flex;gap:4.2666666667vw;padding:0 4.2666666667vw}.events .filter-tab .tab[data-v-8ba1d6e0]{align-items:center;color:#eaebeb;display:flex;flex:1;font-size:4.2666666667vw;font-weight:700;height:10.6666666667vw;justify-content:center;line-height:6.4vw}.events .filter-tab .tab.active[data-v-8ba1d6e0]{border-bottom:2px solid #5865f2;color:#7984f5}.events .types-wrap[data-v-8ba1d6e0]{align-items:center;display:flex;margin-bottom:3.7333333333vw;margin-top:3.7333333333vw;overflow-x:scroll;overflow-y:hidden;padding-left:4.2666666667vw;position:relative}.events .types-wrap[data-v-8ba1d6e0]::-webkit-scrollbar{height:0}.events .types-wrap .type-item[data-v-8ba1d6e0]{align-items:center;border-radius:99px;color:#8f98f6;display:flex;font-size:4.2666666667vw;font-weight:600;height:10.6666666667vw;line-height:5.3333333333vw}.events .types-wrap .type-item .name[data-v-8ba1d6e0]{margin:0 4.2666666667vw;width:-moz-max-content;width:max-content}.events .types-wrap .type-item.active[data-v-8ba1d6e0]{background-color:#5865f2;color:#fff}.events .types-wrap .type-item[data-v-8ba1d6e0]:last-child{margin-right:4.2666666667vw}.events .list-events[data-v-8ba1d6e0]{display:flex;flex-wrap:wrap;row-gap:3.7333333333vw}.events .list-promotions[data-v-8ba1d6e0]{display:flex!important;flex-direction:column!important;gap:3.7333333333vw;margin-top:3.7333333333vw;padding:0 4.2666666667vw}.loading[data-v-8ba1d6e0]{min-height:calc(100vh - 34.13333vw)}[data-v-8ba1d6e0] .empty{background:transparent!important}[data-v-8ba1d6e0] .empty p{font-size:3.7333333333vw;line-height:5.3333333333vw}