.promo-details-modal {
    width: 920px;
    height: 600px;
    color: #fff;
    padding: 68px 20px 20px;
    border-radius: 20px;
    background-color: #3a2e5c;
}

.promo-details-modal .modal-content {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
}

.promo-details-modal .modal-content::-webkit-scrollbar {
    width: 4px
}

.promo-details-modal .modal-content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #c59a2f;
    border: 2px;
}

.promo-details-modal .modal-content::-webkit-scrollbar-track {
    border-radius: 4px;
    background: transparent
}

.promo-details-modal .modal-header {
    padding: 0 0 16px
}

.promo-details-modal .modal-img {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px
}

.promo-details-modal .modal-title {
    font-size: 26px;
    font-weight: 700;
    color: #c59a2f;
    padding-bottom: 20px
}

.promo-details-modal .modal-subtitle {
    font-size: 16px;
    color: #fff;
    padding-bottom: 20px
}

.promo-details-modal .modal-icon {
    width: 20px;
    height: 20px;
    margin-right: 9px
}

.promo-details-modal .modal-time {
    font-size: 16px;
    color: #8d8d8d;
    padding-bottom: 20px;
    display: flex;
    align-items: center
}

.promo-details-modal .time-light {
    padding-left: 9px;
    color: #c59a2f
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    background: linear-gradient(#3a2e5c);
    /* background-image: linear-gradient(180deg,#2d3035,#2d3035),linear-gradient(146deg,#fae163 8%,#9d6307 24%,#e0b521 56%,#9f6812 82%,#f8cf40 94%); */
}

.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%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.promo-details-modal .promo-goto-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 152px;
    height: 39px;
    border-radius: 40px;
    border-style: solid;
    border-width: 1.5px;
    border-image-source: linear-gradient(146deg,#fae163 8%,#9d6307 24%,#e0b521 56%,#9f6812 82%,#f8cf40 94%);
    border-image-slice: 1;
    background-image: linear-gradient(180deg,#2d3035,#2d3035),linear-gradient(146deg,#fae163 8%,#9d6307 24%,#e0b521 56%,#9f6812 82%,#f8cf40 94%);
    background-origin: border-box;
    background-clip: content-box,border-box;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    min-width: 100px;
    height: 40px;
    margin-block:20px}

.promo-details-modal .promo-goto-btn:hover {
    opacity: .8
}

.promo-detail-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    padding-bottom: 40px
}

.promo-detail-container .detail-img {
    width: 100%
}

.promo-detail-container .detail-title {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: #e0e8fa
}

.promo-detail-container .vhtml {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #ebebeb
}

.promo-detail-container .detail-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.promo-detail-container .detail-footer .promo-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 102px;
    height: 30px;
    border-radius: 30px;
    background-image: linear-gradient(105deg,#fae163 5%,#9d6307 21%,#e0b521 52%,#9f6812 78%,#f8cf40 89%);
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.promo-detail-container .detail-footer .promo-btn.active,.promo-detail-container .detail-footer .promo-btn:hover {
    opacity: .8
}

.zoom-in-top-enter-active,.zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transform-origin: center top
}

.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);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transform-origin: center bottom
}

.zoom-in-bottom-enter,.zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.promo-container .promo-bg {
    position: relative;
    padding: 37px 0;
    width: 1280px
}

.promo-container .promo-menu-container {
    /* position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 30px */
}

.promo-container .swiper-slide {
    width: fit-content
}

.promo-container .promo-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 43px;
    height: 38px;
    padding: 0 10px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff
}

.promo-container .promo-menu-item:hover {
    border-radius: 45px;
    border: 1px solid #ffa325;
    background-color: rgba(255,163,37,.18)
}

.promo-container .promo-menu-item.active {
    background-image: linear-gradient(119deg,#fae163 40%,#e0b521 58%,#9f6812 73%,#f8cf40 85%);
    color: #1c1e22
}

.promo-container .promo-menu-item .svg-icon {
    width: 28px;
    margin-right: 10px
}

.promo-container .promo-menu-item .promo-menu-icon {
    flex-shrink: 0;
    width: 37px;
    height: 37px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.promo-container .promo-menu-item .promo-menu-icon.all_promo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASJSURBVHgB7VbNbltVEJ6Zc52IglTnCeoHAOEsWiJ+HakSIMSPxRaRmEpIlZDirBBs6oYFO+IKIRYsYgQLNpBYLCqVRVKBQgSL+hHMC4ArISSS3DvMmTnn3lvHVkxXXfjYV+fnnjPzzd93LsC8zdu8zduj3XDS4pMvfr6BCXQgcVWsEEBCID1jgu8NvrvWq69/08AK7Pt3WHHyHgETx1hBBN1HKA/AgvNjeRfWHaLfr+cSHKbkmofN5wbj+ml84akXbr0JwF0GvJhDlp7L+BNZQj8nZpZXgIzkN0gfDdWBTBGKKWGQJT+iS0kCO5OccgYUpNmSCvdavWKMYPiBbQJS/pnsUsXIJi30qDaIEC6Miuc4GMT+ZR1mAuWc2Yol9YZPLKWLqgMlLMQGmmQQsYvbPCCd6oEATfd5oN5YCvKRJyePBmLMUfIjCXi00GsLWvxKu/7u1wDZaduDRxMc3MEDGcoDDZnXwn49x6hu6YP3DELNBBeRPtdTTn45IAjWxTmJQMJtJKz5hIEYGIThE//8vfr7J2+3KOFV2TPikIY+hJzy1uG1q82FFJfB4LCCnuKpCeGLHtKwqNgcoDmunLpehN83Oui2Rn529FFzmKe69nz36PrLHT86dtlb4dhYvp4HKmjOwYTDCkY8IuXWERTDqDIUXP3yx9+v++mVT3+8IQtV0+f3ccuPVnZu18DRZ6YVebxwzgcFoXqsVPS0xpChO+it3STgTWMEtFzzISLYubK1x5BlHb8/Ax4RZY2j668OPSCihX3ZuYQU3C6R+F+eUs6xirGCiTFDuO+7lGDEEbytYzmxfUU6zFqHH7z2h19zXPF8VIs5hoHDcNacSqFwrFZO8JJyTsYhr5wKBuMoM7hMtGm29evmG3t++uxXP92QQw2MaRCrTkI4LYBnq4+CB7AAZr04sGITKScsiDEgKoD1fvvw9Y4fPPPFnQ2fgw8oiFXHynM8E6hcD0BMYnWWZaZ7yYDT0yHxw7786PCxf9NNP7i8facuzugGo0bimZ7sO1CjlN8QpsUvmbg6ptByTC+G9eX3v1Vy9GBJ2RPY5OOQUl496DRHK9u3a+xOdwGdpUIGrcN3VjWcz//w876kagMehqc0ue0CHeeUS8GFhp5yaugcdYSjdJjtyptaycZ7uXzO7mZohc1TaGGyp+J5E6gdRkKNSwSl5PZaXL3e2e0vXqhss10nwWxJaAftxs7uzePHqzUktwaBWHEKJ0zIKRfuKwxXgV28bN7pZxdOlkRRN7gAQrJ62mkvLCZ/ytpanvRWFl5M+2Sx+hcB3RPv1Lh8Mc8GKhClaS3d5EoM/YFcJ+KvPpSqMs/BPKYYvgIiuUI+tw35nTk7KPue8ojYQqOeKCSc5tuQAYp8Uw6iaAhGL8Yqi0xsJhJOZc+zPHVyvCd37P2Y7CWhUkQl2MWly/Zg/KgzBCqZsfyhF+/TEDmph+zWJFBnEn1wsDmqv/LlcuZoQ9KriiZdK5EpHYZTQ/FiTyhBbpRgl5FDQGRY9fM3hIkisMAh0g1+uboyEdS8zdu8zduj3v4D7MqDR/u0wEAAAAAASUVORK5CYII=)
}

.promo-container .promo-menu-item .promo-menu-icon.new_player {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPeSURBVHgB7ZcxaBxXEIZn3rx3d6TxpVOqXDqDCTklBKIQ0Ak3SRU5kIBJkRhSCBIiJRBIp+sTkEiRMsKV4zSxscG48rmwrcIYubBd+tQYd7YbY2zfPf8zb/fuDEant8K4uZEWvd292/l25n8zI6KZzWxmb8aYDmCHP9noiPCXFKmDo4lL/cjxZKRw6c7Vn3apolWGOrKwsUHkVmOMxKzP4ZjuAMu5uxTkq9u9H3eoglWCOrKwCSBam7wGtMj4Jecie2AKP4zed25dXLlJmeYo095f+GtxDMQaqKh/nTBzkOjqjrnmiGvS9IE2qYJlQ0UejoD0jAFDNT0UxDEF/eujgsWaLM5//c8iZVo+lIqa7ZuIjEUkupooECUwA2K95urC0cd5yjRPucZ8iDx0Aw4WMf1E8DCukQBKI+ehfKyjgN7FZqaHfCi8/S5E3AJAErRTABxYKwjZGkAmeGIn8oAyLTt9SNfZJGQcZfrqmr7xoWlMghcaCF2mTMuGGgTeSs7dS+ImwNk5AEuNYTee2fn72+xalQ116/zKTaTqFzYhe4MwcQeIW9cJkGJw/aEPa1TBhCrY/dvntufmlx9BO4cB0bTdFiwypidoqzcIw2M7f3xTqdUcqPe1V7ZaCEtHgltE8aSh0CPsxTPX/zzeowNYpUgZ0NpWk3zjc9+QDxCpOfS6OdcIT1zDvf3O0eN079LpPlW07Ei11061kKR1VKll1Kqm1SafSoGVg1SrsHZ96K27vfrFScq0LKiPfv53FY67CUasgEbUK5cacFGjsAuLtROn1/scfOfqD0f3ra99Q3346+l1uOhqNcckoMWSyuJZVnArqBMVnQs4jdowuqXtE0v9/fjaF9THv/23CuebGhWGr7HTIm0jKB6BKbQBB/2O3dsNj4fzvRNLD6f5m9pm2r+faqFldPHgcZp8Aacg1ge56HkaxdR2JqKVPofWNHjLb+GRx6b5nFo8JdTWUYOaNp6E1FpwzmVLsfXkea1c67Qw0X7qNj0sf3bhWmeazz0j1e7+38JLfq8psSFOd5njUdNNESs1ZKnjURS96LWksaQtuyfsvsOje1Q1Uo26dNJbirUO63F17Lp62dsAoefW97z1v3HUir5o94tqry/AcZmm2J5QHLhtDkIa2spGnCaB5NjSFdII7JDiYhQu0qi7VMg0xTrH64xIhz69cuPdvfzumb7oUa11NvKsArZ5abSrPNOk0JOYiSd2IYbl4rd8yWK3y9NnOo3uVoKCWLuRB+9ZXRJNH0BFh0/MUDRMWtFR3bQWDcQhk/p5THm4NXjFUwU/zyv96zWzmc3sddsLclvVSjalKGAAAAAASUVORK5CYII=)
}

.promo-container .promo-menu-item .promo-menu-icon.app_download {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASwSURBVHgB7VZBaKNVEJ5570+abWFNBM/7x4OICE0E160Fm3ioLAu2wZuXtl5EVtitB0E8JHWFPSg0LHg13eNeTHOQRbqav4fdrgptAnqUxpOih0ZBmuTP/8aZ9yfdpZu06Z4z8P//y3tvZr6Z9828AIxlLGMZy1jOLDjKptjNrYyecKY1mYRycA8M1pur2cZpem6pGo9NRhaUwqTjUFOBrtVyM95peieCcm5sZZyILilFLiokrQCVRtHagKhTjFI3pxSA4pdyFDmy4gDJnAZV0RquoYNLrILhPh4gNBxtcj9fma0N9TtsIXrj3iJbLgMQiCULBcMYxLgOumn2lBewsoy8zfCLwRD7R4NBXTMiIEJWAH6TtaPAJdR7F7/7cfmnt167Pci3GoiocNc1CCVrxOKw9sK0Wvcw53dgE5Aa/At7OScLkD881fjt3Tc2WW/OhgN0wI62++cSzkExU96LjwxKO5E868XBxikgsOF32klEVURrFJJOTF1rH1KaKMgBBivs+D00/BCtBJ1O+oU798WGCwyUCD6rL85kWbUiwVnkAPHWZOv6yKDYSAoZjISMAot50PrkcgPIVBDC5PGTj51Te6j1AhN4jgHPgeZH6bnIRKTMeoVwn/mHDbydKj9Y5LkUR9gQTGIUtVoaGRQbS9l4OEPdbpAO/PaKzHPFeUZFXJ4vhhzjTBAts6NlXl6SMevxgxl7ngRrv74zmxD/pLDMx+vtXrmUtIUilAB0B/kfTHSkA1ZI8Hff/3S+5j+21Pxw9vfnvqrWmb2Afc7JEZPhylTHgsNnXirfT/EWlyE2GaT76rf821LDchPPkCmsh8WGmckvfjiY+rJakvn4+lbm2VvePquVelsp3C8cf2QfpdjQfq9zLe5yQW7WFl5PyB5Szi4TY9GyFcAbHZSiCvSII1jC4+QC0I4rJQ22vC0m7AXR2xtWKRE9loFwnAorLS4ctduVZEptDPQPQyR68/t9bpQXjhqfxqZtigrjKH1KS3/ijqPR9q1+czz68ro02keNsz9vbcgpNHbmLyZHBhX5/N6S1noblakyTy6gBSOZskVjx8p6w6IGrDg9Zva/yoEM6+d7wUhXYF25DvrAcR9N8KbsfXh5pnHc/0Cio8aCUbAxGVXprjF5vkQWhaxSTpIlPgAPjFn74/2sB4PFe/HOzj6DWOZxRiKxHZ3rhIy5da4VK/rnMc93gOxdPa6shhhlbppCx6c9CqD+70fZJJtMGg3pbocSfotyf34wFJCVWLRV6bZhRUMswQGkAaNJ05l4nj167Sm/SmS4ceLAju7AicIXsVZfn1+vljjqGl9ooKNCfLrNi4WTNGu5bPPlbx6UDR5Oc6brQG3XiWJcKxUPixbtRT4wIYMmOds16SOWQGF1y+Q0D6THwF9XswUYRRDXQPqdggwzyrX9iazFnm2zPTIoo4I11m1aYNY4QL+0udzXYET5hf87Mam9HsCjWz28+qjhQ+CNDMr/eF6O6hVG0L/Zpbk02djq31ezG3AWCQ5zCtVmaML2NwnWI3AyD7NPVp7Ff5rN+HrVNj1+mnz3NeEp5dLdHTfQJj7132TDy6Wf2s5YxjKWsYxliPwPGvOdnSAmHF0AAAAASUVORK5CYII=)
}

.promo-container .promo-menu-item .promo-menu-icon.rng_promo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAStSURBVHgB7VdPbxtFFH/vzeyuQznkG2RzRBwSQESBSpEjDqhccKiE+CNBK+WCEKT9AsS5UA5Ibk+IC3Yl1HIjRUK9EVtIbVBAGC4ccT4B7pXiHX5vZjd22qy17qUXj+TszLyZ937z/odoPuZjPp7O4KoH03pr8Zl/ZYfJpS5zxDK+6gpG+sdaIoMJC0lEfs6x7f75/fbNqrIqg3r+1ettsL+UZc4xJs4RvhwAYc2GHRkhtuBpDOa6J44t0BucsXaz/93lbhVZlqoORylwkAjngBzrk8Ry0IwCMoDngbCCxB7QWBzUfZKlqqJmAOW8SpzzplPhCsR581jVEPZEARHnAMFdij1SZVYVVR2UspVCK5iriTwAnYv/kQLzIMfmCyb1d111SSXjuVdaDbDb8YdUoNAqXr7IhansBLgAgNR3CICC+cIZp8qCJp3hPjQ6BGDlRQ8Nb/WbW0OaRVNg+yZeV5/wFwomY3diLvUfE7STz4t9b1IFKbmZ4Xurk+ctuVWI6c4GKlYJ4kacLP/10/bxo/SVd9pt+MrN/rePR9RLV253hE37qPV271Ha2rU7TWj8s2l+U0qTxDqkGo4WzqZzTS1/tptIzSqFS2gIYQ0Knh0UR7hpyy9yzXjPffHT201RLmouEc0VfY4MfOm/sy/Gytc4l41oZlCU5CGPh61eal9hlh1SkGLo96/fX5Yk0lyljr3rLP+jrzeRLMIZ9zxAZ2ntyx8aYm2L8qjFnTq5LI9SWxqNUkqIEe8JPHVhQYEMOZY7Eus3d84IoRBpWjBN+NZbpmaHOD8Aww606CxMaBKrALpYDxiPvLf92jHBfHANMlF53ioFxTUJoGpE/W8+6NCC7VNsV1xca/qLoLmE+dcvLu7xOZtCaKo17rC5NUCQ4J6l+5+8sU/naA9rRLFcDY+FSpWvLTfSFPMZn58cJQF9Yj+E4//x27WLx/kakelyWryr74aX3PAPSpAps8zTTLywi0o5vPfe5r7fiKGHSM2bzQ5KappkOASZCjJ2n0z2oKCrYMqY1lt3U5gvhZMPjz5+vR8EaxYNRhCR3siMemO+alJxhp4AFDTluwB6tuaXR59v3ThNj5y66uHVC4P1r+4u04QQqUXIB2H987sbnVOPVU1ZeH0ms4OycYTSUHrPazJzIawPP7owOEVLUF74bNYBi3PlkKZqKoTxw4ga660fH1BR25ASkC60Z0itMY3zt3pLsDIiEXsmC1+RJZxubBz8suTPF2A505yygk5jasdQDgopQUJHcN3XMat1K7Qlfo7gdFbq2i+5ABgFzfq51jf86iFrj9NRwKJdGU1FNSWjmz18eoSWFi9XX2gBoO8SQONxC8OT/VNYCxeCmfMeDKsOQtI7PG4Nupsvd0tlU8Vx/tbB30gRqQ8qW/RPQXuhbVHLeBhOVeJhaKDkpsL25e7GWqeKrOpNnoZ56DJP2g+AYQXmwRRATkBM7GE5GlWWVB2UScww75tCoZb8p9p2wW94UvOnwenGsKosqXoQeamj5UF8iRA6aT3UXP5/icf7GL/nwfEACaRfVVRln9JRP7ifAlE6QudhRlX/EVANRXDsFypraj7mYz6e1vgfg3Y+oWUK8RMAAAAASUVORK5CYII=)
}

.promo-container .promo-menu-item .promo-menu-icon.live_promo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAULSURBVHgB7VZNbxtVFL33vTfjJiA05Q/U2YPsRElR1aoZIyQ+BMIWsEFUadgAYhF7iYQUs2GBkOIgIT6KFIxEN5VIsqBC6iKTBQWVqJn8Aer8gWJWJLE9j3Ofx0kWtdOYLFj4SuM3nvdxzzv3vPsu0chGNrKRHRrTGVi+uBLwmM1ZzXmyeHyO4pW5Og1ppwIlzola2YRVjgCAFWVZqTyhJWbLGj8KrWJmw7X7375ToSHMDOp85qWvQmU4xxqOLYWWO1lSipTGXpQ8ysq20A9ABDTABGDSB4DXscRQoPoy9eyr3xSx31V2zglRUXCI8ccAgSnuvlMD4+qk1ZywJiDRctLxs9tfvrFLpzTVt8OoBYQAXGLXHtD4YMCDJ4NHWi/972lr/U7h/nfXqsnYwST+/4UxrDBHPdGepCGsLyg4bnSdKwHWALSJ+OY8W6NqZMCSgDPaAuzf8dfzDZkT1+abGL8jYB1g0dsQ1l9TBotDI2l46vEPcw33fbxTV4lftkfhC6bLtxZVprOWWH0dIQ9diDFXG74wU13Ng/EVAGyQps1OwvHWR69FNBQoTz2AA2iIREOzR5/HZhPRNwTPrs/pp2rJVCXcPQ1ijpzEsJXYim90DhvIA2jRYMyl2u04Y/cLUaXUPB0oleywMamoOZz68OYDhd0mTLMQMsHhuiVbBzBhYvFQ+FqlwBy4bLDfoT1P7aInS3JK2Y3J7fH46/DyyFw2ME9Nvf/jQzgL5Lgfnrj0feuztw7nziyubsBZKDpzK+puK+A6hicNsQBaAeuBMCxMtsmW7r334toj+RgECkLeUT7iIKcvPXFO3HCeL0siTRdxp1OnJ9ONtUr+4117Kvdb5ZU1xOQT7h4AK631udHP78DkCUcxKRsiEbo8JW0aIutnzm9f/HS9yqxDpE03hq1dxlUTg80F0i7TI9GSpIU6Z1STWTmtYWzzj2svxMOB8rCbVB9KsUucqV7k/QLgfZ+KXb5FYKQs88KljbV9r/VQxlpOsuHKRnDAyeKx+fEgvwPDRzrZlHAJ5eRJ2MBCYicSTibxfVfCQ6aXy46W2ju3FyD5soRb+V4umi80ta+Dbm5zz0BQA5lq+V7Dh2jlKpOfDieVrY9LDel7bvmXGu7emlzAwhzICi/fuLOE181E06JFiB27OHXCVNs41nOOZebdoZmKqyVkaN7tZXZj/LDXpw3yDnaNC1sYgYA1IdsvJB7uS0/n3fcui01hqnslCXsQubEDmTqxdLn0+c+rlqkoQhaBQxfroiGkxmJPb7285A6EK13Qrdx7E3SVPW5tJl7mTxKOJI/9kzkflSab/Xyak0BZTUiiWgD0rpUigFlJ9mnFkF5FCImiGFw0UB/sdMjGd98sOEau3r67JDVWOq45CJCYOgnUOTqouQsZ4XBiNqoJEQMoL2N2BeCe91r09K9vhxPtTKaCqnOHM35WPTVue2uwrwJ3ULyTRe7G02PalRt3wna73fj9g5cbItzOuBR96gJLBcoqb5WVKjRImZOUgWvJvgshyr1ZdZ6kr5N8ERUuls8ElJiAaY3xT/BZ6OlJQunyj7u8eyFWlIYYlzJS1XE/CZeiwvTamYHq2ZVbGyErnUUoUCprsJTk0QbHRX8oDCl/rHV+rBSwycFUVLj8307f41q4uh3Qk3tIEwYlCs0CVGAtKorjPpij6Op04aS1zgxUPws37qH6VFmQ1IwKMxGNbGQj+x/bvz97bVRQZAzKAAAAAElFTkSuQmCC)
}

.promo-container .promo-menu-item .promo-menu-icon.pvp_promo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQiSURBVHgB7VbNahxHEK6q7plNCMEiLxCRJ1gFkkByyCiQa6wFk0MMYUVewC8QohwCgRAk3wI5SIbkkkvso33R6mRjGbx+AklP4DEGY9maKddPz6zWeGfR6rrN/vRPddVX/w2wHMuxHMvRDuw67G/srkAOvwBzH0lIawaGi0rAm+P/Nm9f6ErX4ac/7O0KiGEiZfmgXmDHJlNWoZCQshMBY8vXlsA5fwQv6l2hXSHAseh20AWUukBxTquYCZtcyDIEnXO0NeocssgQiDEL7HuBKZ3pHcwEcRYAzqAv/yVloRA+N2T//7Xre/sLgaIsCnNhqkCyyVfXoEBEqIIBFW5g/V/PJjQE8b3oACO6Ug66WPvp34/fJTd2gbJT4YXuKcTzzmZIXkoeM7/qTuNm0xeZOXk56C+TnDH70eO/r5/ARUFhL1oA2beNEueJaKHjsWXnmLIghZTFGrtCNba6uTamwRPosEWHpZSxqs2tjVimpOZwCM9E+kikbiA2EU+JTtGpBZX0TOIK2fMk5QPyySyxnTEVJEgtTjRYo5hf/ptApjyUSLz+6M9rA1nfAgv84DGnSaH3LEGUvscUgyeA8SSU++OFQEGOzsRACCMPcgFHJffwm8M/vjfGh79fGwLRngMSWgVv90wJYMEjge4JYDwCV1AvCErdlxE3wkRzTf0TIlg73BpMMT38bbBJGdxqac9lauxBWqNayKxIMT+eKbYLk1lpusBqZO88+Pnq8bvoX1Zwo/c+XRX7XvHs9MCCWqwHNXhkWoA+e/jrd4u6L0xqUy6mly9GLGeRj7cGpShSioW1djWuRFM9YuJltW3cJbYTFCbGztwCHKVMDGfRf7Z9ry+gV92FWuW9eEIUVFpeYnJtwOMuud0lwdzn2Z+andak4su/7h5Jgx4B0yjLn995/frDba5r9dZGoydOldoq1aZmCxe3FEVPb7USRc8gbTsYwyoHKiSrRqPNQSm4n2CkodCuYB7NzU2CNG2GLfPU/QFCnF0451oKe8Gq5XR38bothaHEgFtf/aN9tQasLdaupHI+/fyoKqkY1CZNpGy8MCgrgkzW21SMlWhuq3tfDvreaAR8aJ0zebqkJmQ9hn0qv+Xox/VyYVBqausrSMYR27YF6dlknax5ZHlLaYVP2HAUS50pLouWTivNBaUVXYK5Ubv1iAYxJ7nn65hSEKe22yih89p6tz0lpGh1xtN8UFGLHk4EWONvMlE3kZMs2yd/O/DkmWNLjGc1VGZtWdc8gsuACiEciKEKTM8Qf1SFFFpNRFvMgYN2kOZNv6PTp6/yD46y09NCUVZVXc4DhfMIiv2HQxH8ta/qtEvqBsC2otRv3Zrsiw471SkXAndHNo4Ovv3iE7gsqMuOYv/+qii1LaZTC90crX8+N9CXYzmWYznOjTdQ4m2LnBOfdgAAAABJRU5ErkJggg==)
}

.promo-container .promo-menu-item .promo-menu-icon.sport_promo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUlSURBVHgB7VfPbxtFFH7vzcy69ND4P4jbU1uqxgFSwg+16yIhAQfiJggqJBKrlZAoUuyeWoQUO+oPJA6xKxX1ENHk0OQAig0HDly8CJpYSqRuSgmcyOY/MDfSxDu82SQ0P+yN3XBAap60ysbzduebb973vVmA/diPZyAQ9hgxeyT63GPVpv2Vw0hq8ffpT5dgj/FUoI6+cuuMIL8HfOgxuPhy+UVVDRDl+zhfjkY97vvg/FHJeNBitATqRPeIzRMPAaKtNWhEBK21t1BJH9mRp0Q/SupHiwpieTnnOplqs/NQs4nHuwtDjKKMRDavhW/NgjQC6eHtuY8qGUeJWgaVABA06B86+ODYudH2ZudqiikDiAEMrQF5EhpwcWFm8Eij506+c2cRJLWj5CcFVlGKhDuRcmGX2JWpE68WGIwe4NfObx1BxuQPhz2LilzD1voVRYXFzgv3dmUsFNTR7pEY18xATevEbzPpTr5Qr+pOAp1knua1praw57me/gLFlad4GkUalGgnqcdgL6AE1xCDym1W0MJsxv11JlNCoTPSwnTY8wxCB4AkabII+a8BZ7+QnhyApwG1rjRYqGTG6o0/+iXjaEXe829+1V9vPP7R+BBIjLMQDusInvWJUqzGHFiixLXVDyEhGw1wwfSz3nMQEsxCgYhGjvfcnl8oXXI3A0KCHnaNhDuWMlbgbX6u67NvF1/6/Bt77tp7TkugWGf2yioUIBSUaOM9jikhHnR88LVGgfPBdgmuutrqBqCdwWwJpA6+c+oN192+eHzEODNPhlOm2KERKCmygRcpqY3syRJxs2VIutAQkAnFSrYw3mi4LqjHB7l1GFMSFFMRUT5q7wR28v3RQS7adpY5kMUKsww4CuRPloxCSChluZwbazRed/uITA9DCNQimDGpysfeHrXhAEAEodOX0M61lDbyRJMjgwUYuYL5XxN2QEj4iqqs3objdZlalVyYwappffUYsyzfs0wNCOwnErGN8e1X8LtFPfErk7F677ZHilGMkGEZWmKKCanWAn9hJgSbHjOgSV9+OHUxv5ETH7hb4Foqc04sYMuwJDbYRc+Sstx1reQIoXOVq0nPgPlbHhhcRvY2wjYifQtaYSro6IqctZWbGhFLD6c+zm/JGUt5mkSCAZn+tsaSFA6vwp673tdJiAkhcAl461/O/1BkQH+yKof4vVFjpFpJpyVQJjAiHDI9i4uY+azrV+6d816N4Ow6oOzcF32J2ZvnfjJjlWzSq1x9N8u/J0gKe633MVSLa45bDtPvtgyKfMnbw52dXduduDDWKM/Nn/c4pzp3o7cu8ErmLU9LLG2pPUnjlVTCazh3w8lKKbOFBWbLgZDoyhbZmyj0OMKF7f7bmKUAbalsWH740YUgryXZL16aaNirtBTt7FGhp0ppEbO51pxRQG6697XQc/yuh7yuT+7FfSWmyKqdm/3ywyf9LVuMWkbahGn2rCrIlUQlk/TqvaN7shyTLAj2r7H7vadTu83Z1Mnz1OWpjppaLZGg/OyNvsKp69+Zc3qaLSBqzknGOLnNLGFE2dMX39jCgn23HF1tk0U+KC79nDw90Mx8TX84dF8pxvwDsM2XaM3B152cVepFSHU6qUQ1AHNIDnLeIEtt+H7y9Xyzc7X8idV98/sBrqMhVNwfRaAmHRgmBeZpitnlYna5dnr4+FJagVqukmystP8E1EZ03f4xTujbbKxnmI0oBYxRlQ3Tq6E/bykoOclE059V+7Ef+/F/iH8AzbKTzIzxo7EAAAAASUVORK5CYII=)
}

.promo-container .promo-menu-item .promo-menu-icon.fish_promo {
    background-image: url(data:image/png;base64,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)
}

.promo-container .promo-menu-item .promo-menu-icon.other_promo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ7SURBVHgB7VaxbhtHEJ2Z3eMxScN8gZhUCuAARCoJKSzVQRCnCRAEiMIuRWBJX2DlAwJSLlPYcpqUSZNaDGDYBlyYAmzBpfwFpgFXtu7GM7N7x6MM8+7swi44AHm85dzNm5k3bxdgZStb2fsxbOO8vjHqE+IIgPvy5OHpnf2jN/k5wmvMPCCgo4d3dw+hhbUCdWnz+nHO+WVEQGZgRD7JGL5/fG//rPD5YnN0xQHdkL8/BUJGh5gTDE8nV4+axqGmjoPBqMeQb5GUSnJ5Kt+SPc4k5rFWRn3WNw53COlG7uAv6NARph6w49mlyWVoYY1BTaf7M7nMpCUguV9/dHdvXz7bOeBYgN1c3xr1fYeuZXn+1ent3b1H/18dUkpPIHWACT6DFubbOEvXDqQtY2bcWZdWepch+PwE2Q2I6BgS/D35JF378ts/1xBxS5q8Rg7PMD8ft4vT0rRVkkm/TMf7mFq4YuKYBayP93Dup9N/h7M2MZaCurR5uCuV2QueCOQRhLQgVQGU30JkQEeTk/9+HarL4MrNHifZA3Aycw6B7X8MJHHO/MHjzCc8vD/+afqmuEvbxwAjDYBCC3uhBBBANlFcThb2ywe60EPv+gqEUf3kORf8QwKgGUFG+J38ejtQmMqbJAAqIAUjw4QyfmxrBtaqVgEl686qgzqlziolCRBTBKZrurwsbg0oF1tkL1NAYBXy+jsE1bYugEIXWxYAlABDq1laKcMh17cFBUJa5Q6WWRYZgwawoLZegurKwAFYyyleQ0JFcqjPMbxDpZzPPw/gyqgAWbjnbv6a/3T849nG3t+fQd4B6AT3BZNH6GPPnecvlupWrSQMfr61I1O3ZZ4+ZM7aNU9hIh1N7//xg+1tg4N/egnDiIzQGCulLVdXvZdlDwd3fvvmybKYteKJCW3LGO9g5EhB/IIfQuKJuBkoKUwv9/gLu9DqyC3Eefsgz/iWuL4jqNRrcDYwfj5BJc+q05cq11wBPE4fmU6JVNiVc6i1elAdBUMYBLAIYmthkhDnk6REJ9kc4xAosEqFbd3zeV3IelDUVWGhyBEIbXOhQiaGWNGEIAlVbQs+FZCSTV3IJqA8G7GVsF40SkE4KCu2IAlqqTOfUqt85Jb6qyvXH0xqQbG0zvY5eTlhFExpBZJtIba/labt60AchFJAEcsBIWhAqQac6rpyisrJM46VlaiA0pEntDVVfs3CxwppxSy/rC5kE0kQJEkMsLB9UFD4xUJB5n0YgKBRoaJkwDQRhqz+tFTPqY/0fFQQN+jTfNuJ1wqqAkSskGQTtNb+N3bWWz2nEjl1++ppIexfEI8hcPGUAK4gf/jS4eSgGvLdCFUTSdADWiT2XAwLheaL01e5NxCV6oSKvag9hdaCEloeJA4mQTw5aJWQltGOTsrsSpDuDPOXw/BbT3gXSY1nk+2vp7Cyla3sA7VXi5kD8EimXUAAAAAASUVORK5CYII=)
}

.promo-container .promo-menu-item .promo-menu-name {
    line-height: 1.1;
    white-space: pre-wrap;
    text-transform: uppercase
}

.promo-container .active-promo-box {
    position: relative
}

.promo-container .active-promo-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,390px);
    gap: 20px 15px
}

.promo-container .active-promo-list .active-promo-item {
    position: relative;
    border-radius: 10px;
    transition: .2s
}

.promo-container .active-promo-list .active-promo-img {
    width: 100%;
    border-radius: 10px 10px 0 0
}

.promo-container .active-promo-list .active-promo-info-bg {
    border: 2px solid transparent;
    border-image-source: linear-gradient(180deg,rgba(250,225,99,0) 30%,rgba(157,99,7,0) 41%,rgba(224,181,33,.4) 53%,#9f6812 64%,#f8cf40 76%);
    background-origin: border-box;
    background-clip: content-box,border-box;
    border-image-slice: 1;
    border-radius: 0 0 10px 10px
}

.promo-container .active-promo-list .active-promo-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 70px;
    padding: 0 30px;
    font-size: 18px;
    font-weight: 500;
    color: #333
}

.promo-container .active-promo-list .active-promo-left {
    width: 61%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

.promo-container .active-promo-list .info-title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.promo-container .active-promo-list .info-time {
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.promo-container .active-promo-list .info-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 30px;
    background-image: linear-gradient(105deg,#fae163 5%,#9d6307 21%,#e0b521 52%,#9f6812 78%,#f8cf40 89%);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    min-width: 102px;
    height: 30px
}

.promo-container .active-promo-list .info-btn.active,.promo-container .active-promo-list .info-btn:hover {
    opacity: .8
}