.detail-img-wrapper{margin-bottom:20px;padding:20px;border-radius:10px;box-shadow:0 3px 9px 0 rgba(0,0,0,.06)}.promo-detail-container{display:flex;flex-direction:column;align-items:center;padding:30px 20px;background-color:#0a4e89;border-radius:10px}.promo-detail-container .detail-img{width:100%;margin-bottom:20px}.promo-detail-container .detail-title{width:100%;font-size:24px;font-weight:600;color:#333}.promo-detail-container .vhtml{width:100%;font-size:17px;color:#999}.promo-detail-container .detail-footer{width:100%;display:flex;align-items:center;justify-content:center;padding-top:20px}.promo-detail-container .detail-footer .promo-btn{display:flex;align-items:center;justify-content:center;height:40px;padding:0 18px;font-size:16px;line-height:normal;color:#fff;text-align:center;cursor:pointer;background:#4cb5ff;border-radius:10px;box-shadow:0 2px 0 0 rgba(0,0,0,.02)}.promo-details-modal{width:920px;height:600px;padding:68px 20px 20px;color:#fff}.promo-details-modal .modal-content{position:relative;width:100%;height:100%;pointer-events:auto;overflow:hidden auto}.promo-details-modal .modal-content::-webkit-scrollbar{width:4px}.promo-details-modal .modal-content::-webkit-scrollbar-thumb{background:#2a68a1;border-radius:4px}.promo-details-modal .modal-content::-webkit-scrollbar-track{background:#0a4e89;border-radius:4px}.promo-details-modal .modal-header{padding:0 0 16px}.promo-details-modal .modal-img{width:100%;margin-bottom:20px;border-radius:20px}.promo-details-modal .modal-title{padding-bottom:20px;font-size:26px;font-weight:700;color:#4cb5ff}.promo-details-modal .modal-subtitle{padding-bottom:20px;font-size:16px;color:rgba(61,108,252,.6)}.promo-details-modal .modal-icon{width:20px;height:20px;margin-right:9px}.promo-details-modal .modal-time{display:flex;align-items:center;padding-bottom:20px;font-size:16px;color:#8d8d8d}.promo-details-modal .time-light{padding-left:9px;color:#4cb5ff}.promo-details-modal .modal-body iframe,.promo-details-modal .modal-body img{max-width:100%}.promo-details-modal .modal-title{margin-bottom:0;line-height:1.5}.promo-details-modal .modal-footer{width:100%;height:90px;text-align:center;display:flex;align-items:center;justify-content:center}.promo-details-modal .btn{-webkit-user-select:none;-ms-user-select:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;user-select:none;transition:.2s;text-transform:capitalize;padding:0 4px;font-size:16px;color:#4cb5ff;min-width:100px;height:40px}.promo-details-modal .btn:hover{filter:brightness(1.2)}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.zoom-in-top-enter,.zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.zoom-in-bottom-enter-active,.zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.zoom-in-bottom-enter,.zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.promo-container{padding-bottom:30px}.promo-container .promo-banner{margin-bottom:20px}.promo-container .promo-bg{position:relative;border-radius:10px}.promo-container .promo-content{display:flex;gap:40px}.promo-container .promo-menu-container{position:relative;display:flex;flex-direction:column;gap:20px;align-items:center}.promo-container .swiper-slide{width:140px}.promo-container .promo-menu-item{display:flex;align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.2s;position:relative;gap:5px;width:100px;height:40px;padding:0 10px;font-size:16px;color:#c2d4e6;background:#0a4e89;border:1px solid #2a68a1;border-radius:10px}.promo-container .promo-menu-item:hover{color:#4cb5ff;border-color:#4cb5ff}.promo-container .promo-menu-item.active{color:#fff;background:#4cb5ff;border-color:transparent;transition-property:color}.promo-container .promo-menu-item.active .promo-menu-icon{color:#4cb5ff}.promo-container .promo-menu-item .promo-menu-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.promo-container .promo-menu-item .promo-menu-name{line-height:1.1;white-space:pre-wrap}.promo-container .active-promo-box{position:relative}.promo-container .active-promo-list{display:grid;grid-template-columns:repeat(2,495px);gap:20px 17px;width:100%}.promo-container .active-promo-list .active-promo-item{position:relative;padding:10px;cursor:pointer;background:#0a4e89;border-radius:10px;box-shadow:0 3px 6px 0 rgba(0,0,0,.06);transition:.2s}.promo-container .active-promo-list .active-promo-img{width:100%;border-radius:10px}.promo-container .active-promo-list .active-promo-info{display:flex;gap:20px;align-items:center;justify-content:space-between;width:100%;padding-top:15px}.promo-container .active-promo-list .active-promo-left{display:flex;flex:1;flex-direction:column;gap:5px;align-items:flex-start}.promo-container .active-promo-list .info-title{overflow:hidden;text-overflow:ellipsis;line-height:1.5;white-space:nowrap;width:100%;font-size:16px;font-weight:600;color:#fff}.promo-container .active-promo-list .info-time{font-size:15px;color:#666}.promo-container .active-promo-list .info-btn{-webkit-user-select:none;-ms-user-select:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;user-select:none;transition:.2s;text-transform:capitalize;min-width:100%;height:55px;font-size:18px;color:#703904;text-align:center;background-color:#d1ae52;border:1px solid #d1ae52;border-radius:10px;box-shadow:0 2px 0 0 rgba(0,0,0,.04);min-width:86px;height:42px;padding:0 10px;font-size:16px}.promo-container .active-promo-list .info-btn:hover{filter:brightness(1.2)}.promo-container .swiper-arrow{top:33%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABEBAMAAADKPY6BAAAAGFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAABoAtTLAAAAB3RSTlMAzt8QnVBAHJYd7AAAAJVJREFUSMft1M0JgDAMhuEo6lmIIziAIziCbqAjFISsL61/J7/PQ24154e3oG1E/slw1m4gojZTQgqzQDKl0UwkJBMJySSCM4ngzEFg5iAwcxKUOQnKXARkLgIyN3nP3OQ985DAiS2cjJy0LuTDQRMlm8en+/AD1OMyqMfFVI9Hoh4PVj2WB1lBFV9kDV+HMveD/JPv7NW1e4Z2OcTfAAAAAElFTkSuQmCC) no-repeat 50%/contain}.promo-container .swiper-arrow.prev{transform:translateY(-50%) rotate(180deg)}.promo-container .swiper-arrow svg{display:none}.promo-container .back-content{position:absolute;top:50%;left:20px;gap:10px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.2s;text-transform:capitalize}.promo-container .back-content:hover{filter:brightness(1.2)}.promo-container .back-content .back-icon{display:block;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-image:linear-gradient(270deg,#f2890b,#ee3a22);border-radius:50%}.promo-container .back-content .back-icon svg{width:40%;height:40%;fill:#fff;transform:rotate(90deg)}.promo-container .back-content .back-text{font-size:16px;font-weight:700;color:transparent;background-image:linear-gradient(270deg,#f2890b,#ee3a22);-webkit-background-clip:text;background-clip:text}