.promoDetailSection{--titleTextColor:var(--textMain);--titleIconColor:var(--titleTextColor);--contentTitleColor:var(--mainColor);--contentTitleFontSize:16px;--contentColor:#fff;--contentFontSize:14px;--contentLineHeight:24px}.mbPromoMain{--promoImg:url(./promo-girl-zhTW.BTKaikY1.webp)}.mbPromoMain:lang(en){--promoImg:url(./promo-girl-enUS.DvdZcubw.webp)}.mbPromoMain:lang(zh-cn){--promoImg:url(./promo-girl-zhCN.BYYPgo2Q.webp)}.promoMain{--pcPromoImg:url(./promo-girl-zhTW.DK4zmm14.webp)}.promoMain:lang(en){--pcPromoImg:url(./promo-girl-enUS.BZzx2SFC.webp)}.promoMain:lang(zh-cn){--pcPromoImg:url(./promo-girl-zhCN.DP_Bd10h.webp)}.promoImgH5,.promoImgPc{aspect-ratio:600/240;background-position:0 0;background-repeat:no-repeat;background-size:100%;width:100%}.promoImgPc{background-image:var(--pcPromoImg);display:none}.promoImgH5{background-image:var(--promoImg)}.promoImgH5,.promoTab{margin-bottom:10px}.promoTab ul{align-items:center;display:flex;gap:10px;width:100%}.btnDefault.btnPromo{background-color:transparent;border:1px solid #797979;border-radius:10px;color:#797979;flex:1;font-size:18px;font-weight:700;min-height:50px;padding:10px 20px;transition:all .5s}.btnDefault.btnPromo.active{background-color:#f4ad30;border:1px solid #f4ad30;color:#fff}.promoWrapper .promoList{background-color:#4c5658;border-radius:10px;display:block;margin-bottom:10px;overflow:hidden}.promoWrapper .promoList:hover .promoListImg img{scale:1.05}.promoWrapper .promoList:hover .btnPromoDetail{color:#000}.promoWrapper .promoList .promoListBody{position:relative}.promoWrapper .promoList .promoListImg{aspect-ratio:400/144;overflow:hidden;width:100%}.promoWrapper .promoList .promoListImg img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%}.promoWrapper .promoList .promoCateloge{align-items:center;background:linear-gradient(270deg,#984e32 0,#ef4c10);border-bottom-right-radius:50px;display:flex;font-size:14px;font-weight:700;gap:5px;height:34px;left:0;padding:8px 30px 8px 10px;position:absolute;top:0;z-index:1}.promoWrapper .promoList .promoCateloge .text{color:#fff}.promoWrapper .promoList .promoCateloge .iconMask{--iconSize:15px;--iconColor:#fff}.promoWrapper .promoList .promoListFooter{align-items:center;display:flex;gap:10px;min-height:50px;padding:6px 10px}.promoWrapper .promoList .promoListDate{color:#fff;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promoWrapper .promoList .btnPromoDetail{background-color:#f1a318;border-radius:50px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;margin-left:auto;padding:8px 15px;transition:all .5s}.promoDetailWrapper{--detailTitleFontSize:22px;--detailTitleIconSize:18px;line-height:1.5}.promoDetailWrapper .promoCateloge{align-items:center;color:#fff;display:flex;font-size:var(--detailTitleFontSize);font-weight:700;gap:5px;justify-content:center;margin-bottom:15px;padding:15px}.promoDetailWrapper .promoCateloge .text{color:var(--titleTextColor)}.promoDetailWrapper .promoCateloge .iconMask{--iconSize:var(--detailTitleIconSize);--iconColor:var(--titleIconColor)}.promoDetailWrapper .promoListImg{border-radius:10px;margin-bottom:15px;overflow:hidden}.promoDetailWrapper .promoDetailContentSection{padding-left:20px}.promoDetailWrapper .promoDetailContentSection+.promoDetailContentSection{margin-top:20px}.promoDetailWrapper .promoDetailSubTitle{color:var(--contentTitleColor);font-size:var(--contentTitleFontSize);font-weight:600;line-height:26px;padding:5px 0;position:relative}.promoDetailWrapper .promoDetailSubTitle:before{background:var(--contentTitleColor);border-radius:100%;content:"";height:10px;left:-20px;position:absolute;top:13px;width:10px}.promoDetailWrapper .promoDetailContent{color:var(--contentColor);font-size:var(--contentFontSize);line-height:var(--contentLineHeight);margin-top:5px}.promoDetailWrapper .promoListFooter{display:none}.desktop .promoSection{display:flex;gap:30px}.desktop .promoImgPc{display:block}.desktop .promoImgH5{display:none}.desktop .promoMenu{max-width:380px;width:30%}.desktop .promoTab{background:linear-gradient(180deg,#373b3c 0,#373b3c00);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:calc(100% - 150px);padding:30px}.desktop .promoTab ul{flex-direction:column;gap:20px;width:100%}.desktop .promoTab li{width:100%}.desktop .promoTab .btnPromo{background-color:transparent;border:2px solid var(--mainColor);border-radius:10px;color:#fff;flex:none;font-size:16px;font-weight:700;height:70px;padding:10px 20px;transition:all .5s;width:100%}.desktop .promoTab .btnPromo.active,.desktop .promoTab .btnPromo:hover{background-color:var(--mainColor);border:1px solid var(--mainColor);color:#fff}.desktop .promoWrapper{flex:1;padding-top:40px}.desktop .promoList{margin-bottom:20px}.desktop .promoList .promoListImg{aspect-ratio:800/190;width:100%}.desktop .promoList .promoListImg img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.desktop .btnPromoDetail:hover{color:#000}.desktop .promoDetailSection{--contentFontSize:18px;--contentLineHeight:28px;--contentTitleFontSize:24px}.desktop .promoDetailWrapper{--detailTitleFontSize:30px;--detailTitleIconSize:26px}.desktop .promoDetailWrapper .promoListBody{border-radius:10px;overflow:hidden;position:relative}.desktop .promoDetailWrapper .promoListBody .promoCateloge{align-items:center;background:linear-gradient(270deg,#984e32 0,#ef4c10);border-bottom-right-radius:50px;display:flex;font-size:20px;font-weight:700;gap:5px;height:44px;left:0;padding:8px 30px 8px 10px;position:absolute;top:0}.desktop .promoDetailWrapper .promoListBody .promoCateloge .iconMask{--iconSize:20px;--iconColor:#fff}.desktop .promoDetailWrapper .promoListBody .promoCateloge .text{color:#fff}.desktop .promoDetailWrapper .promoDetailContentBox{background:linear-gradient(180deg,#363a3b 0,#363a3b00);border-radius:10px;padding:30px 70px}.desktop .promoDetailWrapper .promoDetailContentBox .promoCateloge{justify-content:flex-start;margin-bottom:35px;padding:0}.desktop .promoDetailWrapper .promoListFooter{display:block;margin:20px auto 100px}.desktop .promoDetailWrapper .btnPromoDetail{background-color:#f1a318;border-radius:10px;color:#fff;font-size:14px;font-weight:700;margin:20px auto;padding:12px 80px;transition:all .5s;width:500px}.desktop .promoDetailWrapper .btnPromoDetail:hover{color:#000}.mobile .promoTab{overflow-x:auto}.mobile .promoTab ul{width:-moz-fit-content;width:fit-content}.mobile .promoTab li{flex-shrink:0}.day .btnPromo{background-color:#fff;border:1px solid transparent;color:#797979}.day .btnPromo.active{background-color:#f4ad30;border:1px solid transparent;color:#fff}.day .mbPromoMain{--promoImg:url(./promo-girl-zhTW-day.Dwv71iD8.webp)}.day .mbPromoMain:lang(en){--promoImg:url(./promo-girl-enUS-day.CreulyUq.webp)}.day .mbPromoMain:lang(zh-cn){--promoImg:url(./promo-girl-zhCN-day.JfczZhv5.webp)}.day .promoDetailSection{--contentColor:#6d6d6d;--contentTitleColor:#d48d0f}.day .promoWrapper .promoList{background-color:#fff;box-shadow:0 2px 4px #00000026}.day .promoWrapper .promoList .promoListDate{color:#6d6d6d}.day .promoDetailWrapper .promoCateloge{color:#242424}.day.desktop .promoTab{background:linear-gradient(180deg,#fff 0,#fff0);box-shadow:0 2px 4px #0000001a}.day.desktop .promoTab .btnPromo{background-color:#fff;border:2px solid var(--mainColor);color:#797979}.day.desktop .promoTab .btnPromo.active,.day.desktop .promoTab .btnPromo:hover{background-color:var(--mainColor);border:2px solid var(--mainColor);color:#fff}.day.desktop .promoWrapper .promoList{background-color:#4f85c5;box-shadow:none}.day.desktop .promoWrapper .promoList .promoListDate{color:#fff}.day.desktop .promoDetailWrapper .promoDetailContentBox{background:linear-gradient(180deg,#ddd 0,#dedede00);color:#000}
