.Tbx8um {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
    min-height: 35px;
    padding: 0 10px
}

.Tbx8um:disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.Tbx8um {
    background-color: #FAD318;
    color: #000
}

.Tbx8um svg path,
.Tbx8um svg rect,
.Tbx8um svg circle,
.Tbx8um svg ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #000
}

@media (hover: hover),
(-moz-touch-enabled: 0) {
    .Tbx8um:hover {
        background-color: #F5A623
    }
}

@media (hover: none),
(-moz-touch-enabled: 1) {
    .Tbx8um:active {
        background-color: #F5A623
    }
}

.Tbx8um:focus {
    background-color: #F5A623
}

.Tbx8um:active {
    background-color: #ef990b
}

.hUzwE8,
.Sio8uZ {
    font-size: 3rem;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    text-align: left
}




@media (max-width: 600px) {

    .hUzwE8,
    .Sio8uZ {
        font-size: 2rem;
        margin-bottom: 15px
    }

    .pFaGHa {
        font-size: 1.1rem;
    }
}

@media (max-width: 360px) {

    .hUzwE8,
    .Sio8uZ {
        margin: 0 -5px 10px
    }
}

.neIoEL {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.DoW3u1>section:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-top: 40px
}

.DoW3u1>section:nth-child(odd)+section {
    margin-top: 30px
}

.DoW3u1>section:nth-child(odd):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.3);
    width: 100vw
}

@media (hover: none),
(max-width: 1200px) {
    .DoW3u1>section:nth-child(odd):after {
        width: 100vw
    }
}

.DoW3u1>section:nth-child(odd)>.ftAQ7w,
.DoW3u1>section:nth-child(odd)>h2,
.DoW3u1>section:nth-child(odd)>section {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.RXvh7P {
    margin-bottom: 40px;
    display: grid;
    grid-gap: 20px
}

@media (min-width: 1201px) {
    .RXvh7P {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1200px) and (min-width: 1001px) {
    .RXvh7P {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1000px) and (min-width: 801px) {
    .RXvh7P {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 800px) and (min-width: 601px) {
    .RXvh7P {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 600px) and (min-width: 371px) {
    .RXvh7P {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 370px) {
    .RXvh7P {
        grid-template-columns: repeat(2, 1fr)
    }
}

.UCOPAE {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
    background: #5825CC;
    -webkit-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
    padding: 15px 5px 0;
    text-align: center;
    -webkit-box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.2)
}

.UCOPAE img {
    max-height: 40px
}

@media (hover: hover),
(-moz-touch-enabled: 0) {
    .UCOPAE:hover {
        background: #32117D
    }
}

@media (hover: none),
(-moz-touch-enabled: 1) {
    .UCOPAE:active {
        background: #32117D
    }
}

.R9MZzx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wdsXEH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.OlFsps {
    min-width: 194px;
    margin: 0 auto 40px
}

.ZmqmGD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f2yv2A {
    margin-bottom: 40px;
    display: grid;
    grid-gap: 20px
}

.f2yv2A>div {
    display: grid
}

@media (min-width: 1025px) {
    .f2yv2A {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1024px) and (min-width: 841px) {
    .f2yv2A {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 840px) and (min-width: 601px) {
    .f2yv2A {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 600px) {
    .f2yv2A {
        grid-gap: 15px;
        grid-auto-flow: row
    }
}

@media (max-width: 360px) {
    .f2yv2A {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media (min-width: 601px) {
    .f2yv2A .l_JKVt {
        grid-column: span 2
    }

    .f2yv2A .l_JKVt.gYiFww {
        grid-row: 2;
        grid-column: -3 / -1
    }

    .f2yv2A .l_JKVt>div .Trmgto .xm1VLm {
        padding-top: 0;
    }

    .f2yv2A .l_JKVt>div .FVVeFG {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.sDj9mo>.hUzwE8 {
    display: none
}

@media (max-width: 768px) {
    .sDj9mo>.hUzwE8 {
        display: block
    }
}

@media (min-width: 931px) {
    .sDj9mo {
        display: none
    }
}

.Sio8uZ {
    display: none
}

@media (max-width: 930px) {
    .Sio8uZ {
        display: block
    }
}

.BgBYjV {
    display: none
}

@media (max-width: 768px) {
    .BgBYjV {
        display: grid;
        grid-auto-flow: column;
        grid-gap: 20px;
        margin-bottom: 50px
    }

    .BgBYjV>a {
        -webkit-transition: opacity 150ms ease-in-out;
        transition: opacity 150ms ease-in-out
    }

    .BgBYjV>a:hover {
        opacity: .8
    }
}

@media (max-width: 600px) {
    .BgBYjV {
        grid-gap: 15px;
        margin-bottom: 20px
    }
}

@media (max-width: 360px) {
    .BgBYjV {
        margin-left: -5px;
        margin-right: -5px
    }
}

.vmXzUI {
    display: none
}

@media (max-width: 930px) {
    .vmXzUI {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px
    }

    .vmXzUI>a {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0 40px
    }
}

@media (max-width: 600px) {
    .vmXzUI {
        margin-bottom: 20px
    }
}

@media (max-width: 360px) {
    .vmXzUI {
        margin: 0 -5px 20px -5px
    }
}

.WZhcwM {
    display: block;
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #E9E8F7
}

.WZhcwM>strong {
    color: #00CF9F
}

.o82VZD {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 3fr 2fr;
    max-width: 420px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.k8hJN_ {
    line-height: 1;
    font-size: 1.5rem;
    justify-self: center
}

.hebooI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    position: relative;
    height: 72px
}

.hebooI>svg {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -webkit-transition: top 150ms ease-in-out;
    transition: top 150ms ease-in-out
}

.hebooI>svg path {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out
}

.hebooI>span {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: top 150ms ease-in-out, opacity 150ms ease-in-out;
    transition: top 150ms ease-in-out, opacity 150ms ease-in-out;
    color: #E9E8F7;
    font-size: 1.2rem;
    opacity: 0;
    top: 50%;
    left: 50%
}

.hebooI:hover>svg path {
    fill: #FAD318
}

.t15iQA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 72px;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out
}

.t15iQA>svg {
    margin-right: 10px
}

.t15iQA>svg path {
    fill: currentColor
}

.t15iQA:hover {
    color: #FAD318
}

.VZhCDT:hover>span {
    top: calc(50% + 12px);
    opacity: 1
}

.VZhCDT:hover>svg {
    top: calc(50% - 9px)
}

.Djm6ui:hover>span {
    top: calc(50% + 18px)
}

.ftAQ7w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 600px) {
    .ftAQ7w {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }

    .ftAQ7w>h1 {
        margin: 0
    }
}

@media (max-width: 400px) {
    .ftAQ7w {
        margin-bottom: 10px
    }
}

.ftAQ7w>a {
    white-space: nowrap;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 10px;
    min-width: 135px
}

@media (max-width: 600px) {
    .ftAQ7w>a {
        margin-top: 0;
        margin-left: 10px
    }
}

.Y61Wuf {
    margin-bottom: 50px
}

@media (max-width: 930px) {
    .Y61Wuf {
        display: none
    }
}

.ftTpHe.ftTpHe {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    color: #fff
}

.ftTpHe.ftTpHe>svg {
    margin-right: 12px
}

.ftTpHe.ftTpHe:hover {
    color: #FAD318
}

.ftTpHe.ftTpHe:hover path,
.ftTpHe.ftTpHe:hover rect,
.ftTpHe.ftTpHe:hover circle,
.ftTpHe.ftTpHe:hover ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: currentColor
}

@media (max-width: 1000px) {
    .ftTpHe.ftTpHe {
        padding: 0 12px
    }
}

.HT8JTq {
    background-color: #32117D;
    overflow: hidden
}

.qf4ndF {
    font-weight: 600;
    font-size: 1.6rem;
    text-transform: uppercase
}

.PovaeN {
    margin-bottom: 20px
}

@media (min-width: 931px) {
    .PovaeN {
        display: none
    }
}

.rsx6bV.rsx6bV {
    padding: 12px
}

.rsx6bV.rsx6bV path,
.rsx6bV.rsx6bV rect,
.rsx6bV.rsx6bV circle,
.rsx6bV.rsx6bV ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #fff
}

.j3SLgY {
    font-weight: 600;
    font-size: 1.6rem
}

.j3SLgY>svg {
    margin-right: 20px
}

.j3SLgY>svg path {
    fill: #ADA1C8
}

.j3SLgY span {
    font-size: 1.3rem;
    color: #E9E8F7;
    font-weight: 400
}

.RgzCN0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #32117D;
    padding: 20px 50px;
    font-weight: 500
}

@media (max-width: 424px) {
    .RgzCN0 {
        padding: 20px 30px
    }
}

.RgzCN0>li:nth-last-child(n+2) {
    margin-bottom: 20px
}

.eU4kCU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 300%;
    max-width: 300%;
    left: 0
}

.qLoPB1 {
    -webkit-animation: t4exiJ 500ms ease-in-out;
    animation: t4exiJ 500ms ease-in-out
}

.gxt9p9 {
    -webkit-animation: X96rQl 500ms ease-in-out;
    animation: X96rQl 500ms ease-in-out
}

@-webkit-keyframes t4exiJ {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@keyframes t4exiJ {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes X96rQl {
    0% {
        left: -100%
    }

    100% {
        left: -200%
    }
}

@keyframes X96rQl {
    0% {
        left: -100%
    }

    100% {
        left: -200%
    }
}

.IdjMoG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 33.33%;
    max-width: 33.33%
}

.IdjMoG>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kFwuGj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ADA1C8;
    position: relative;
    font-weight: 700;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out
}

.kFwuGj:hover {
    color: #FAD318
}

.kFwuGj::before {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: #5825CC;
    left: 0
}

.EsGfDX {
    background: #1F0A4E;
    position: relative;
    height: 400px
}

.jhTz2A {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.iacaV8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: -20px 0 50px
}

@media (min-width: 1025px) {
    .iacaV8 {
        padding-top: 20vw
    }
}

@media (min-width: 1921px) {
    .iacaV8 {
        padding-top: 384px
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .iacaV8 {
        padding-top: 28vw
    }
}

@media (max-width: 800px) {
    .iacaV8 {
        margin: -20px -20px 50px;
        width: calc(100% + 40px)
    }
}

@media (max-width: 600px) {
    .iacaV8 {
        margin-bottom: 25px
    }
}

.Pd7evM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1920px;
    position: absolute;
    overflow: hidden;
    z-index: 1
}

@media (min-width: 1025px) {
    .Pd7evM {
        margin-top: -20vw
    }
}

@media (min-width: 1921px) {
    .Pd7evM {
        margin-top: -384px
    }
}

.Pd7evM li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    padding-top: 20%;
    background-size: cover;
    background-position: center top;
    min-width: 10%;
    -webkit-box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.6)
}

.Pd7evM li:nth-child(1) {
    z-index: 4
}

.Pd7evM li:nth-child(2) {
    z-index: 3
}

.Pd7evM li:nth-child(3) {
    z-index: 2
}

.Pd7evM li:nth-child(4) {
    z-index: 1
}

.Pd7evM li:nth-child(5) {
    z-index: 0
}

.Pd7evM li>a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0
}

.Pd7evM li>a>span {
    display: none
}

.Pd7evM li>button {
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: -webkit-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-position: center top;
    width: calc(min(1920px, 100vw) / 10);
    overflow: hidden;
    background-size: contain
}

.Pd7evM li>button:hover:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.12);
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0
}

@media (min-width: 1025px) {
    .Pd7evM li:only-child {
        padding-top: 22%
    }
}

@media (min-width: 801px) {
    .Pd7evM li {
        -webkit-transition: -webkit-box-flex 250ms ease-in-out;
        transition: -webkit-box-flex 250ms ease-in-out;
        transition: flex 250ms ease-in-out;
        transition: flex 250ms ease-in-out, -webkit-box-flex 250ms ease-in-out, -ms-flex 250ms ease-in-out
    }

    .Pd7evM li.RCmvEF {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .Pd7evM li.RCmvEF>a {
        width: 100%
    }

    .Pd7evM li.RCmvEF>button {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .Pd7evM {
        margin-top: -28vw
    }

    .Pd7evM li {
        padding-top: 28%;
        min-width: 14%
    }

    .Pd7evM li>button {
        width: calc(min(1920px, 100vw) / (100 / 13.9))
    }
}

@media (max-width: 800px) {
    .Pd7evM {
        position: relative;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        background: -webkit-gradient(linear, left bottom, left top, from(#4618AC), to(#FAD318));
        background: linear-gradient(to top, #4618AC, #FAD318)
    }

    .Pd7evM li {
        width: 25%;
        padding-top: 50%;
        background-image: none !important
    }

    .Pd7evM li button {
        min-width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background-size: cover;
        pointer-events: none
    }

    .Pd7evM li a {
        width: 100%
    }
}

.mz_IXE {
    background: none;
    font-size: 1rem;
    font-weight: 700
}

.mz_IXE>svg {
    margin: 0 -3px !important
}

.mz_IXE>svg>path:nth-child(1) {
    fill: #fff
}

.mz_IXE>svg>path:nth-child(2) {
    fill: transparent
}

.mz_IXE.wNzmkF>svg>path:nth-child(2) {
    fill: #fff
}

.EDyt3d {
    margin-top: 20px
}

.jTNWAp {
    background: none;
    position: relative;
    font-size: 10px
}

.jTNWAp path {
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms
}

.jTNWAp .GHOR6X path,
.jTNWAp .GHOR6X rect,
.jTNWAp .GHOR6X circle,
.jTNWAp .GHOR6X ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: rgba(255, 255, 255, 0.2)
}

.jTNWAp .hCIUYw {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 25%
}

.jTNWAp .gGgYUr path,
.jTNWAp .gGgYUr rect,
.jTNWAp .gGgYUr circle,
.jTNWAp .gGgYUr ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #fff
}

.jTNWAp:hover .GHOR6X path,
.jTNWAp:hover .GHOR6X rect,
.jTNWAp:hover .GHOR6X circle,
.jTNWAp:hover .GHOR6X ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: rgba(255, 255, 255, 0.4)
}

.jTNWAp.WBHqDa .GHOR6X path,
.jTNWAp.WBHqDa .GHOR6X rect,
.jTNWAp.WBHqDa .GHOR6X circle,
.jTNWAp.WBHqDa .GHOR6X ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #00CF9F
}

.kPGp9p {
    max-width: 400px !important;
    font-size: 1.4rem
}

.kPGp9p>p {
    color: #E9E8F7;
    margin-bottom: 20px
}

.iWM3Ik {
    min-width: 150px
}

.AoAu7x {
    margin-bottom: 20px
}

.U_qFe0 {
    font-size: 1.4rem;
    padding-left: 10px
}

@media (max-width: 930px) {
    .U_qFe0 {
        display: none
    }
}

.pFaGHa {
    display: grid;
    position: relative;
    z-index: 0;
    font-weight: 700;
    line-height: 1;
    font-size: .875rem;
    background: rgba(0, 0, 0, .5);
    border-radius: .875rem;
    transition: 150ms linear;
}

.pFaGHa .AYvEf0 {
    position: relative;
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    /* padding-top: 140%;
    margin-bottom: -60px */
}

.pFaGHa .AYvEf0 img::after {
    content: attr(data-text);
    position: absolute;
    top: calc(50% - 26px);
    right: 0;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 500;
    padding: 15px
}

.pFaGHa .AYvEf0 img {
    border-radius: .875rem .875rem 0 0;
}

@media (max-width: 600px) {
    .pFaGHa .AYvEf0 img::after {
        top: 50%;
        font-size: 1.2rem;
        content: attr(data-text-short);
        padding: 10px
    }

    .pFaGHa .AYvEf0 img {
        border-radius: .875rem;
    }

    .pFaGHa .AYvEf0 {
        padding-top: 65%;
    }
}

.pFaGHa .AYvEf0 img::before {
    content: "";
    display: block;
    background-color: #ADA1C8;
    width: 100%;
    height: 100%
}

.pFaGHa .EpPMss+.AYvEf0 {
    display: none
}

.pFaGHa.active .AYvEf0,
.pFaGHa:hover .AYvEf0 {
    opacity: .8
}

.pFaGHa.active .Zqg5jD,
.pFaGHa:hover .Zqg5jD {
    opacity: 1
}

.pFaGHa.KRC33X .AYvEf0 {
    opacity: 1
}

.pFaGHa.KRC33X:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: #1F0A4E;
    opacity: .5;
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.pFaGHa.KRC33X.active::after,
.pFaGHa.KRC33X:hover::after {
    opacity: .6
}

.pFaGHa .lirayz {
    overflow: hidden;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
}

.pFaGHa .YLosEL {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: 3em;
    font-size: 18px;
    /* font-family: Yuanti SC,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    font-weight: 400; */
}

.pFaGHa .YLosEL.sales {
    font-size: 14px;
    align-items: center;
    display: flex;
    font-weight: 100;
}

.pFaGHa .Pm6lW1 {
    color: #78bbcb;
    /* text-transform: uppercase; */
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 100;
    line-height: 1.5;
    font-family: Yuanti SC, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
    font-weight: 400;
}

.uy1qit {
    display: grid;
    grid-template: "img""top""bottom";
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
}

._vfaJQ {
    grid-area: img;
    overflow: hidden;
    position: relative
}

.tUUnLz {
    position: relative;
    grid-area: top;
    display: grid;
    padding: 15px 15px 10px
}

.x4MuJo {
    min-width: 0
}

.oSVLlh {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.oSVLlh::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.pFaGHa:hover {
    box-shadow: 0px 0px 16px -2px #000;
}

.Lyw0wM {
    display: grid;
    font-size: 1.2rem;
}

.iqjN1x {
    color: rgba(255, 255, 255, 0.5);
    position: relative
}


/* .iqjN1x span{
    font-family: Yuanti SC,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    font-weight: 400;
} */

.iqjN1x>strong {
    color: #fff
}

.PG8Ynw {
    color: rgba(255, 255, 255, 0.5);
    position: relative
}

.bmxuMu {
    position: relative
}

.bmxuMu::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    border-top: 1px solid
}

.DTv7Ag {
    margin-top: 4px;
    font-size: 2.2rem
}

.PIG8fA {
    color: #7ED321
}

.A0O7eQ {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px
}

@media (max-width: 600px) {
    .A0O7eQ {
        font-size: 1rem;
        margin: 4px 0
    }
}

.EoJMSg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1;
    position: relative;
    pointer-events: none;
    margin: 10px 0;
    font-weight: 500;
    font-size: 1.4rem
}

.EoJMSg:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.EoJMSg>svg {
    margin-right: 10px
}

.kq4D4Y {
    padding: 4px 0;
    color: #E9E8F7
}

.Zqg5jD {
    position: absolute
}

.Zqg5jD.WXFkp0 {
    right: 10px;
    z-index: 1
}

.Zqg5jD.WXFkp0>button {
    font-size: 0.7rem;
    padding: 0 5px
}

@media (max-width: 600px) {
    .Zqg5jD {
        right: 10px;
        z-index: 1
    }

    .Zqg5jD>button {
        font-size: 0.7rem;
        padding: 0 5px
    }
}

@media (min-width: 601px) {
    .Zqg5jD:not(.WXFkp0) {
        right: 10px;
        opacity: 0
    }

    .Zqg5jD.PR7twL,
    .Zqg5jD.poysvZ {
        opacity: 1;
        z-index: 1
    }
}

.KF0KlO {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.tFBySr {
    border: 2px solid red
}

.f4CpSs {
    border: 3px solid #00CF9F
}

.IEzS80 {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    word-break: keep-all;
    text-align: center;
    background: red;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.IEzS80.MF56ld {
    position: relative;
    height: 30px;
    padding: 1px 5px 1px 0;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-left: 15px;
    margin-right: -8px
}

.IEzS80.MF56ld::before {
    content: "";
    position: absolute;
    right: unset;
    left: -15px;
    top: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent red transparent transparent
}

@media (min-width: 601px) {
    .IEzS80.MF56ld {
        display: none
    }
}

.IEzS80.l6edY4 {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 15px;
    font-size: 1.2rem;
    line-height: 1.2;
    height: 36px;
    min-width: 50px;
    padding: 4px 0 2px 9px
}

.IEzS80.l6edY4::before {
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
    border-style: solid;
    border-width: 18px 0 18px 16px;
    border-color: transparent transparent transparent red
}

@media (max-width: 600px) {
    .IEzS80.l6edY4 {
        display: none
    }
}

.IEzS80.l6edY4.DYnziR {
    margin-bottom: 39px
}

.FFc156 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.1rem;
    padding: 7px;
    background: rgba(70, 24, 172, 0.8)
}

.FFc156>svg {
    margin-right: 7px
}

.FFc156>svg path,
.FFc156>svg rect,
.FFc156>svg circle,
.FFc156>svg ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #FAD318
}

@media (max-width: 600px) {
    .FFc156 {
        justify-self: start;
        margin-bottom: 10px
    }
}

.BYxbuw {
    display: none
}

.IKkrFT {
    background: rgba(255, 0, 0, 0.8)
}

@media (max-width: 600px) and (min-width: 401px) {
    .IKkrFT {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.8)), to(transparent));
        background: linear-gradient(to right, rgba(255, 0, 0, 0.8), transparent)
    }
}

@media (min-width: 601px) {
    .pFaGHa.WpvaUk .FFc156 {
        position: absolute;
        bottom: 100%;
        width: 100%
    }

    .pFaGHa.WpvaUk .b3POZC {
        grid-area: bottom;
        padding: 0 15px 15px;
        display: grid;
        grid-column-gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr))
    }
}

@media (max-width: 600px) {
    .pFaGHa.WpvaUk .FFc156 {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        justify-self: start;
        -ms-flex-item-align: start;
        align-self: start;
        padding: 5px;
        line-height: 1
    }

    .pFaGHa.WpvaUk.KRC33X .Lyw0wM {
        display: none
    }

    .pFaGHa.WpvaUk .tUUnLz {
        padding: 0 0 10px 0
    }

    .pFaGHa.WpvaUk .uy1qit {
        grid-template: "img top""img bottom";
        grid-template-columns: 180px minmax(0, 1fr);
        grid-template-rows: 1fr auto;
        padding: 8px;
        grid-column-gap: 8px
    }

    .pFaGHa.WpvaUk .uy1qit .EpPMss {
        display: none
    }

    .pFaGHa.WpvaUk .uy1qit .AYvEf0 {
        margin: 0
    }

    .pFaGHa.WpvaUk .uy1qit .AYvEf0:not(.EpPMss) {
        display: block
    }

    .pFaGHa.WpvaUk .uy1qit .lirayz {
        border: none;
        height: auto;
        line-height: 1.3
    }

    .pFaGHa.WpvaUk .YbAiO1 {
        margin: 0 0 5px
    }

    .pFaGHa.WpvaUk .YbAiO1 .YjJDAj {
        min-width: 20px;
        padding: 0 5px;
        font-size: 1.2rem
    }

    .pFaGHa.WpvaUk .b3POZC {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .pFaGHa.WpvaUk .b3POZC .DTv7Ag {
        margin-top: 2px;
        font-size: 2rem
    }

    .pFaGHa.WpvaUk .b3POZC .iqjN1x>.fNKhR5 {
        display: none
    }
}

@media (max-width: 400px) {
    .pFaGHa.WpvaUk .uy1qit {
        grid-template-columns: 140px 1fr
    }
}

.pFaGHa.mIBBw6 .FFc156 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-self: start;
    -ms-flex-item-align: start;
    align-self: start;
    padding: 5px;
    line-height: 1
}

.pFaGHa.mIBBw6.KRC33X .Lyw0wM {
    display: none
}

.pFaGHa.mIBBw6 .tUUnLz {
    padding: 0 50px 10px 0
}

.pFaGHa.mIBBw6 .uy1qit {
    grid-template: "img top""img bottom";
    grid-template-columns: 95px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    padding: 8px;
    grid-column-gap: 8px
}

.pFaGHa.mIBBw6 .uy1qit .EpPMss {
    display: none
}

.pFaGHa.mIBBw6 .uy1qit .AYvEf0 {
    margin: 0
}

.pFaGHa.mIBBw6 .uy1qit .AYvEf0:not(.EpPMss) {
    display: block
}

.pFaGHa.mIBBw6 .uy1qit .lirayz {
    border: none;
    height: auto;
    line-height: 1.3
}

.pFaGHa.mIBBw6 .YbAiO1 {
    margin: 0 0 5px
}

.pFaGHa.mIBBw6 .YbAiO1 .YjJDAj {
    min-width: 20px;
    padding: 0 5px;
    font-size: 1.2rem
}

.pFaGHa.mIBBw6 .b3POZC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.pFaGHa.mIBBw6 .b3POZC .DTv7Ag {
    margin-top: 2px;
    font-size: 2rem
}

.pFaGHa.mIBBw6 .b3POZC .iqjN1x>.fNKhR5 {
    display: none
}

@media (max-width: 400px) {
    .pFaGHa.mIBBw6 .uy1qit {
        grid-template-columns: 70px 1fr
    }
}

.pFaGHa.WDUbqT .FFc156 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-self: start;
    -ms-flex-item-align: start;
    align-self: start;
    padding: 5px;
    line-height: 1
}

.pFaGHa.WDUbqT.KRC33X .Lyw0wM {
    display: none
}

.pFaGHa.WDUbqT .tUUnLz {
    padding: 0 50px 10px 0
}

.pFaGHa.WDUbqT .uy1qit {
    grid-template: "img top""img bottom";
    grid-template-columns: 95px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    padding: 8px;
    grid-column-gap: 8px
}

.pFaGHa.WDUbqT .uy1qit .EpPMss {
    display: none
}

.pFaGHa.WDUbqT .uy1qit .AYvEf0 {
    margin: 0
}

.pFaGHa.WDUbqT .uy1qit .AYvEf0:not(.EpPMss) {
    display: block
}

.pFaGHa.WDUbqT .uy1qit .lirayz {
    border: none;
    height: auto;
    line-height: 1.3
}

.pFaGHa.WDUbqT .YbAiO1 {
    margin: 0 0 5px
}

.pFaGHa.WDUbqT .YbAiO1 .YjJDAj {
    min-width: 20px;
    padding: 0 5px;
    font-size: 1.2rem
}

.pFaGHa.WDUbqT .b3POZC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.pFaGHa.WDUbqT .b3POZC .DTv7Ag {
    margin-top: 2px;
    font-size: 2rem
}

.pFaGHa.WDUbqT .b3POZC .iqjN1x>.fNKhR5 {
    display: none
}

@media (max-width: 400px) {
    .pFaGHa.WDUbqT .uy1qit {
        grid-template-columns: 70px 1fr
    }
}

._2u_zj1 .AYvEf0 img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top
}

@media (min-width: 601px) {
    ._2u_zj1 .AYvEf0 img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top
    }
}

.UCI5jk {
    position: absolute !important;
    top: -1px;
    z-index: 1;
    color: #fff;
    margin-left: 5px
}

@media (max-width: 600px) {
    .UCI5jk {
        display: none !important
    }
}

.UCI5jk>svg {
    max-width: 14px !important;
    min-width: 14px !important
}

.g0_bxT>img {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.wcAWhN img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 600px) {
    .X79Yqs.X79Yqs {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden
    }
}

.X79Yqs.X79Yqs img {
    -o-object-fit: cover;
    object-fit: cover
}

.PXpbTL {
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0
}

.PXpbTL strong {
    font-weight: 900;
    font-size: 1.6rem;
    color: #fff;
    text-shadow: 0 0 7.49379px rgba(255, 29, 34, 0.4), 0 0.74938px 2.99752px rgba(157, 44, 48, 0.69), 0 0 1.49876px rgba(219, 26, 26, 0.75), 0 0 7.49379px rgba(219, 26, 26, 0.42)
}

.YbAiO1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px 0 10px
}

.YbAiO1 .YjJDAj {
    background: #5825CC;
    color: #fff;
    line-height: 1.4;
    padding: 5px;
    font-size: 1.4rem;
    text-align: center;
    min-width: 35px;
    font-weight: 700
}

.mNcJun {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mNcJun .x1HNTn {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-weight: 400
}

.mNcJun .g6YsKM {
    -o-object-fit: contain;
    object-fit: contain;
    height: 20px;
    width: 20px;
    overflow: hidden
}

.pFaGHa.WDUbqT .DTv7Ag {
    color: #FAD318
}

@media (min-width: 601px) {
    .pFaGHa.WDUbqT .uy1qit {
        grid-template-columns: 125px minmax(0, 1fr);
        padding: 15px;
        grid-column-gap: 20px
    }

    .pFaGHa.WDUbqT .lirayz {
        font-size: 1.6rem;
        margin-bottom: 15px
    }

    .pFaGHa.WDUbqT .x1HNTn {
        font-size: 1.2rem;
        line-height: 1.4
    }

    .pFaGHa.WDUbqT .l6edY4 {
        display: none
    }

    .pFaGHa.WDUbqT .MF56ld {
        display: block;
        margin-right: -15px;
        font-size: 1.2rem;
        height: 36px;
        min-width: 50px;
        padding: 4px 4px 2px 0
    }

    .pFaGHa.WDUbqT .MF56ld::before {
        left: -16px;
        border-width: 18px 16px 18px 0
    }
}

.P6qk_m {
    display: grid;
    grid-template-columns: auto 1fr auto;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.hVddgK {
    position: relative;
    z-index: 1;
    width: 42px;
    border: 0;
    background: none;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: margin;
    transition-property: margin
}

.hVddgK:hover {
    background: rgba(0, 0, 0, 0.38)
}

.hVddgK:hover path,
.hVddgK:hover rect,
.hVddgK:hover circle,
.hVddgK:hover ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #FAD318
}

.hVddgK.IxWE6H.woaSrY {
    margin-left: -42px
}

.hVddgK.TE4c8m.woaSrY {
    margin-right: -42px
}

@media (max-width: 600px) {
    .hVddgK.IxWE6H {
        margin-left: -42px
    }

    .hVddgK.TE4c8m {
        margin-right: -42px
    }
}

.KbsDMg {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 30px;
    opacity: 0;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.KbsDMg.AO4zkM {
    opacity: 1
}

.KbsDMg.VzJNIA {
    left: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(28.16%, rgba(0, 0, 0, 0.38)), color-stop(103.95%, rgba(31, 10, 78, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.38) 28.16%, rgba(31, 10, 78, 0) 103.95%)
}

.KbsDMg.rdKfW9 {
    right: 0;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(28.16%, rgba(0, 0, 0, 0.38)), color-stop(103.95%, rgba(31, 10, 78, 0)));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.38) 28.16%, rgba(31, 10, 78, 0) 103.95%)
}

.cDcTgv {
    width: 100%;
    overflow: hidden;
    position: relative
}

.vlCavz {
    overflow: auto;
    scroll-behavior: smooth;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 601px) {
    .vlCavz.ZRaSWz {
        overflow-y: scroll;
        scrollbar-width: none
    }

    .vlCavz.ZRaSWz::-webkit-scrollbar {
        width: 0;
        height: 0
    }
}

.CYUsFp {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1;
    color: #ADA1C8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    white-space: nowrap;
    padding: 0 20px;
    min-height: 50px
}

.CYUsFp path,
.CYUsFp rect,
.CYUsFp circle,
.CYUsFp ellipse {
    -webkit-transition: fill 150ms ease-in-out;
    transition: fill 150ms ease-in-out;
    fill: #ADA1C8
}

.CYUsFp:not(:last-child) {
    margin-right: 2px
}

.CYUsFp.nt2Rxr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.CYUsFp svg:not(:last-child) {
    margin-right: 10px
}

@media (hover: hover),
(-moz-touch-enabled: 0) {
    .CYUsFp:hover {
        color: #FAD318
    }
}

@media (hover: none),
(-moz-touch-enabled: 1) {
    .CYUsFp:active {
        color: #FAD318
    }
}

.CYUsFp.AO4zkM {
    pointer-events: none;
    background: #32117D;
    color: #fff
}

@media screen and (max-width:1200px) {

    .pFaGHa {
        font-size: 1.25rem;
    }

}

@media screen and (max-width:600px) {

    .pFaGHa {
        font-size: 1.1rem;
    }

}