@-webkit-keyframes reviewAct {
    0%,
    to {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
    50% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@keyframes reviewAct {
    0%,
    to {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
    50% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@-webkit-keyframes popShow {
    0% {
        top: 10%;
        opacity: 0
    }
    to {
        top: 15%;
        opacity: 1
    }
}

@keyframes popShow {
    0% {
        top: 10%;
        opacity: 0
    }
    to {
        top: 15%;
        opacity: 1
    }
}

@-webkit-keyframes popHide {
    0% {
        top: 15%;
        opacity: 1
    }
    to {
        top: 10%;
        opacity: 0
    }
}

@keyframes popHide {
    0% {
        top: 15%;
        opacity: 1
    }
    to {
        top: 10%;
        opacity: 0
    }
}

@-webkit-keyframes fallin {
    0% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
    50%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes fallin {
    0% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
    50%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
}

@-webkit-keyframes buzz-out {
    10%,
    30% {
        -webkit-transform: translate(3px, -5px) rotate(2deg) scale(1.05);
        transform: translate(3px, -5px) rotate(2deg) scale(1.05)
    }
    20%,
    40% {
        -webkit-transform: translate(-3px, -5px) rotate(-2deg) scale(1.05);
        transform: translate(-3px, -5px) rotate(-2deg) scale(1.05)
    }
    50%,
    70% {
        -webkit-transform: translate(2px, -5px) rotate(1deg) scale(1.05);
        transform: translate(2px, -5px) rotate(1deg) scale(1.05)
    }
    60%,
    80% {
        -webkit-transform: translate(-2px, -5px) rotate(-1deg) scale(1.05);
        transform: translate(-2px, -5px) rotate(-1deg) scale(1.05)
    }
    90% {
        -webkit-transform: translate(1px, -5px) rotate(0) scale(1.05);
        transform: translate(1px, -5px) rotate(0) scale(1.05)
    }
    to {
        -webkit-transform: translate(-1px, -5px) rotate(0) scale(1.05);
        transform: translate(-1px, -5px) rotate(0) scale(1.05)
    }
}

@keyframes buzz-out {
    10%,
    30% {
        -webkit-transform: translate(3px, -5px) rotate(2deg) scale(1.05);
        transform: translate(3px, -5px) rotate(2deg) scale(1.05)
    }
    20%,
    40% {
        -webkit-transform: translate(-3px, -5px) rotate(-2deg) scale(1.05);
        transform: translate(-3px, -5px) rotate(-2deg) scale(1.05)
    }
    50%,
    70% {
        -webkit-transform: translate(2px, -5px) rotate(1deg) scale(1.05);
        transform: translate(2px, -5px) rotate(1deg) scale(1.05)
    }
    60%,
    80% {
        -webkit-transform: translate(-2px, -5px) rotate(-1deg) scale(1.05);
        transform: translate(-2px, -5px) rotate(-1deg) scale(1.05)
    }
    90% {
        -webkit-transform: translate(1px, -5px) rotate(0) scale(1.05);
        transform: translate(1px, -5px) rotate(0) scale(1.05)
    }
    to {
        -webkit-transform: translate(-1px, -5px) rotate(0) scale(1.05);
        transform: translate(-1px, -5px) rotate(0) scale(1.05)
    }
}

@-webkit-keyframes bubble {
    0%,
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    33% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    66% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px)
    }
}

@keyframes bubble {
    0%,
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    33% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px)
    }
    66% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px)
    }
}

@-webkit-keyframes bubblerise {
    0% {
        bottom: 0;
        opacity: 0
    }
    5% {
        bottom: 0;
        opacity: 1
    }
    99% {
        opacity: 1
    }
    to {
        bottom: 100%;
        opacity: 0
    }
}

@keyframes bubblerise {
    0% {
        bottom: 0;
        opacity: 0
    }
    5% {
        bottom: 0;
        opacity: 1
    }
    99% {
        opacity: 1
    }
    to {
        bottom: 100%;
        opacity: 0
    }
}

@-webkit-keyframes bubblewobble {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 2px
    }
}

@keyframes bubblewobble {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 2px
    }
}

@-webkit-keyframes rubberBand {
    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@-webkit-keyframes rubberBand2 {
    0%,
    to {
        -webkit-transform: scale3d(1.15, 1.2, 1);
        transform: scale3d(1.15, 1.2, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand2 {
    0%,
    to {
        -webkit-transform: scale3d(1.15, 1.2, 1);
        transform: scale3d(1.15, 1.2, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, 200px, 0) rotate(25deg) scale(.3);
        transform: translate3d(0, 200px, 0) rotate(25deg) scale(.3);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0) rotate(-25deg);
        transform: translate3d(0, -20px, 0) rotate(-25deg);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) rotate(15deg);
        transform: translate3d(0, 10px, 0) rotate(15deg)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) rotate(-15deg);
        transform: translate3d(0, -5px, 0) rotate(-15deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, 200px, 0) rotate(25deg) scale(.3);
        transform: translate3d(0, 200px, 0) rotate(25deg) scale(.3);
        opacity: 0
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0) rotate(-25deg);
        transform: translate3d(0, -20px, 0) rotate(-25deg);
        opacity: 1
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) rotate(15deg);
        transform: translate3d(0, 10px, 0) rotate(15deg)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) rotate(-15deg);
        transform: translate3d(0, -5px, 0) rotate(-15deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1)
    }
}

@-webkit-keyframes dartMove {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes dartMove {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes childMove {
    0% {
        background-position: 0-3px
    }
    4% {
        background-position: -217px -3px
    }
    8% {
        background-position: -434px -3px
    }
    12% {
        background-position: -651px -3px
    }
    16% {
        background-position: -868px -3px
    }
    20% {
        background-position: -1085px -3px
    }
    24% {
        background-position: -1302px -3px
    }
    28% {
        background-position: -1519px -3px
    }
    32% {
        background-position: -1736px -3px
    }
    36% {
        background-position: 0-261px
    }
    40% {
        background-position: -217-261px
    }
    44% {
        background-position: -434px -261px
    }
    48% {
        background-position: -651px -261px
    }
    52% {
        background-position: -868px -261px
    }
    56% {
        background-position: -1085px -261px
    }
    60% {
        background-position: -1302px -261px
    }
    64% {
        background-position: -1519px -261px
    }
    68% {
        background-position: -1736px -261px
    }
    72% {
        background-position: 0-519px
    }
    76% {
        background-position: -217-519px
    }
    80% {
        background-position: -434px -519px
    }
    84% {
        background-position: -651px -519px
    }
    88% {
        background-position: -868px -519px
    }
    92% {
        background-position: -1085px -519px
    }
    96% {
        background-position: -1302px -519px
    }
    to {
        background-position: -1519px -519px
    }
}

@keyframes childMove {
    0% {
        background-position: 0-3px
    }
    4% {
        background-position: -217px -3px
    }
    8% {
        background-position: -434px -3px
    }
    12% {
        background-position: -651px -3px
    }
    16% {
        background-position: -868px -3px
    }
    20% {
        background-position: -1085px -3px
    }
    24% {
        background-position: -1302px -3px
    }
    28% {
        background-position: -1519px -3px
    }
    32% {
        background-position: -1736px -3px
    }
    36% {
        background-position: 0-261px
    }
    40% {
        background-position: -217-261px
    }
    44% {
        background-position: -434px -261px
    }
    48% {
        background-position: -651px -261px
    }
    52% {
        background-position: -868px -261px
    }
    56% {
        background-position: -1085px -261px
    }
    60% {
        background-position: -1302px -261px
    }
    64% {
        background-position: -1519px -261px
    }
    68% {
        background-position: -1736px -261px
    }
    72% {
        background-position: 0-519px
    }
    76% {
        background-position: -217-519px
    }
    80% {
        background-position: -434px -519px
    }
    84% {
        background-position: -651px -519px
    }
    88% {
        background-position: -868px -519px
    }
    92% {
        background-position: -1085px -519px
    }
    96% {
        background-position: -1302px -519px
    }
    to {
        background-position: -1519px -519px
    }
}

@-webkit-keyframes dragonFx {
    0% {
        background-position: 0 0
    }
    3% {
        background-position: -80px 0
    }
    6% {
        background-position: -160px 0
    }
    9% {
        background-position: -240px 0
    }
    12% {
        background-position: -320px 0
    }
    15% {
        background-position: -400px 0
    }
    18% {
        background-position: -480px 0
    }
    21% {
        background-position: -560px 0
    }
    24% {
        background-position: -640px 0
    }
    27% {
        background-position: -720px 0
    }
    30% {
        background-position: -800px 0
    }
}

@keyframes dragonFx {
    0% {
        background-position: 0 0
    }
    3% {
        background-position: -80px 0
    }
    6% {
        background-position: -160px 0
    }
    9% {
        background-position: -240px 0
    }
    12% {
        background-position: -320px 0
    }
    15% {
        background-position: -400px 0
    }
    18% {
        background-position: -480px 0
    }
    21% {
        background-position: -560px 0
    }
    24% {
        background-position: -640px 0
    }
    27% {
        background-position: -720px 0
    }
    30% {
        background-position: -800px 0
    }
}

@-webkit-keyframes tipClose {
    0% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    to {
        opacity: 0;
        height: 0;
        margin: 0;
        padding: 0
    }
}

@keyframes tipClose {
    0% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    to {
        opacity: 0;
        height: 0;
        margin: 0;
        padding: 0
    }
}

@-webkit-keyframes icon-switch {
    0%,
    45% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    55%,
    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes icon-switch {
    0%,
    45% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    55%,
    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@-webkit-keyframes reloadmove {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes reloadmove {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@-webkit-keyframes errorShow {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes errorShow {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes TopToBottom {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    70% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes TopToBottom {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    70% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes BottomToTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes BottomToTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
}

@-webkit-keyframes failPopShow {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes failPopShow {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes failPopHide {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
}

@keyframes failPopHide {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
}

@-webkit-keyframes btnOpen {
    0% {
        -webkit-transform: rotatex(90deg);
        transform: rotatex(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotatex(0deg);
        transform: rotatex(0deg);
        opacity: 1
    }
}

@keyframes btnOpen {
    0% {
        -webkit-transform: rotatex(90deg);
        transform: rotatex(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotatex(0deg);
        transform: rotatex(0deg);
        opacity: 1
    }
}

@-webkit-keyframes shadowOpen {
    0% {
        opacity: 0
    }
    to {
        opacity: .7
    }
}

@keyframes shadowOpen {
    0% {
        opacity: 0
    }
    to {
        opacity: .7
    }
}

@-webkit-keyframes btnmove {
    0% {
        right: 0
    }
    99% {
        right: -100%
    }
    to {
        width: 0
    }
}

@keyframes btnmove {
    0% {
        right: 0
    }
    99% {
        right: -100%
    }
    to {
        width: 0
    }
}

@-webkit-keyframes mail {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes mail {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes resend {
    0% {
        right: -100%
    }
    to {
        right: 0
    }
}

@keyframes resend {
    0% {
        right: -100%
    }
    to {
        right: 0
    }
}

@-webkit-keyframes mailani {
    0% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@keyframes mailani {
    0% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes smsAct {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
}

@keyframes smsAct {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

@keyframes shake {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

@-webkit-keyframes chess-poker-move1 {
    0% {
        -webkit-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%)
    }
    to {
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%)
    }
}

@keyframes chess-poker-move1 {
    0% {
        -webkit-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%)
    }
    to {
        -webkit-transform: translate(100%, 100%);
        transform: translate(100%, 100%)
    }
}

@-webkit-keyframes chess-poker-move2 {
    0% {
        -webkit-transform: translate(150%, -150%);
        transform: translate(150%, -150%)
    }
    50%,
    to {
        -webkit-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%)
    }
}

@keyframes chess-poker-move2 {
    0% {
        -webkit-transform: translate(150%, -150%);
        transform: translate(150%, -150%)
    }
    50%,
    to {
        -webkit-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%)
    }
}

@-webkit-keyframes infoShow {
    0% {
        height: 0;
        margin-bottom: 0;
        opacity: 0
    }
    50% {
        height: auto;
        opacity: 1
    }
    to {
        height: auto;
        margin-bottom: .9375rem;
        opacity: 1
    }
}

@keyframes infoShow {
    0% {
        height: 0;
        margin-bottom: 0;
        opacity: 0
    }
    50% {
        height: auto;
        opacity: 1
    }
    to {
        height: auto;
        margin-bottom: .9375rem;
        opacity: 1
    }
}

@-webkit-keyframes valueHide {
    0% {
        height: auto;
        opacity: 1
    }
    to {
        height: 0;
        opacity: 0
    }
}

@keyframes valueHide {
    0% {
        height: auto;
        opacity: 1
    }
    to {
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes inputShow {
    0% {
        height: 0;
        padding: 0;
        border-width: 0
    }
    80% {
        height: 2.5rem;
        border-width: .125rem
    }
    to {
        height: 2.5rem;
        padding: .6875rem;
        border-width: .125rem
    }
}

@keyframes inputShow {
    0% {
        height: 0;
        padding: 0;
        border-width: 0
    }
    80% {
        height: 2.5rem;
        border-width: .125rem
    }
    to {
        height: 2.5rem;
        padding: .6875rem;
        border-width: .125rem
    }
}

@-webkit-keyframes icon-copy-show {
    0% {
        top: 3.125rem;
        opacity: 0
    }
    to {
        top: 4.375rem;
        opacity: 1
    }
}

@keyframes icon-copy-show {
    0% {
        top: 3.125rem;
        opacity: 0
    }
    to {
        top: 4.375rem;
        opacity: 1
    }
}

@-webkit-keyframes icon-copy-hide {
    0% {
        top: 4.375rem;
        opacity: 1
    }
    to {
        top: 3.125rem;
        opacity: 0
    }
}

@keyframes icon-copy-hide {
    0% {
        top: 4.375rem;
        opacity: 1
    }
    to {
        top: 3.125rem;
        opacity: 0
    }
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes third-party-icon-line-tip {
    0% {
        top: 1rem;
        left: -.1875rem;
        width: 0
    }
    40% {
        top: 1.5625rem;
        left: -.3125rem;
        width: 2.0625rem
    }
    70% {
        top: 1.9375rem;
        left: .5625rem;
        width: 1.0625rem
    }
    80%,
    to {
        top: 1.875rem;
        left: .5rem;
        width: 1.125rem
    }
}

@keyframes third-party-icon-line-tip {
    0% {
        top: 1rem;
        left: -.1875rem;
        width: 0
    }
    40% {
        top: 1.5625rem;
        left: -.3125rem;
        width: 2.0625rem
    }
    70% {
        top: 1.9375rem;
        left: .5625rem;
        width: 1.0625rem
    }
    80%,
    to {
        top: 1.875rem;
        left: .5rem;
        width: 1.125rem
    }
}

@-webkit-keyframes third-party-icon-line-long {
    0% {
        top: 2.25rem;
        right: 1.75rem;
        width: 0
    }
    30% {
        top: 2.125rem;
        right: 1.875rem;
        width: 0
    }
    60% {
        top: 2.125rem;
        right: 1.875rem;
        width: .25rem
    }
    70% {
        top: 1.4375rem;
        right: .25rem;
        width: 2.1875rem
    }
    to {
        top: 1.5625rem;
        right: .375rem;
        width: 2rem
    }
}

@keyframes third-party-icon-line-long {
    0% {
        top: 2.25rem;
        right: 1.75rem;
        width: 0
    }
    30% {
        top: 2.125rem;
        right: 1.875rem;
        width: 0
    }
    60% {
        top: 2.125rem;
        right: 1.875rem;
        width: .25rem
    }
    70% {
        top: 1.4375rem;
        right: .25rem;
        width: 2.1875rem
    }
    to {
        top: 1.5625rem;
        right: .375rem;
        width: 2rem
    }
}

@-webkit-keyframes rotate-circle {
    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12%,
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotate-circle {
    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12%,
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }
    to {
        -webkit-transform: rotate(1.5turn);
        transform: rotate(1.5turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }
    to {
        -webkit-transform: rotate(1.5turn);
        transform: rotate(1.5turn)
    }
}

@-webkit-keyframes popOpacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes popOpacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes invite-friend-show {
    0% {
        top: 100%;
        opacity: 0
    }
    to {
        top: 2.5rem;
        opacity: 1
    }
}

@keyframes invite-friend-show {
    0% {
        top: 100%;
        opacity: 0
    }
    to {
        top: 2.5rem;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes tips-show {
    0% {
        top: -3.75rem;
        opacity: 0
    }
    to {
        top: -2.5rem;
        opacity: 1
    }
}

@keyframes tips-show {
    0% {
        top: -3.75rem;
        opacity: 0
    }
    to {
        top: -2.5rem;
        opacity: 1
    }
}

@-webkit-keyframes tips-hide {
    0% {
        top: -2.5rem;
        opacity: 1
    }
    to {
        top: -3.75rem;
        opacity: 0
    }
}

@keyframes tips-hide {
    0% {
        top: -2.5rem;
        opacity: 1
    }
    to {
        top: -3.75rem;
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateIn2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotateIn2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -1rem, 0);
        transform: translate3d(0, -1rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    90% {
        -webkit-transform: translate3d(0, -.25rem, 0);
        transform: translate3d(0, -.25rem, 0)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -1rem, 0);
        transform: translate3d(0, -1rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    90% {
        -webkit-transform: translate3d(0, -.25rem, 0);
        transform: translate3d(0, -.25rem, 0)
    }
}

@-webkit-keyframes greenPulse {
    0% {
        box-shadow: 0 0 .0625rem #24b448
    }
    30%,
    35% {
        box-shadow: 0 0 2.1875rem #24b448
    }
    60%,
    65% {
        box-shadow: 0 0 0#24b448
    }
    to {
        box-shadow: 0 0 1px #24b448
    }
}

@keyframes greenPulse {
    0% {
        box-shadow: 0 0 .0625rem #24b448
    }
    30%,
    35% {
        box-shadow: 0 0 2.1875rem #24b448
    }
    60%,
    65% {
        box-shadow: 0 0 0#24b448
    }
    to {
        box-shadow: 0 0 1px #24b448
    }
}

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: translate(0, 20px);
        opacity: 0
    }
}

@keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
}

@-webkit-keyframes slide-right-left {
    0%,
    90%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(50%) scale(1.3);
        transform: translateX(50%) scale(1.3)
    }
    40%,
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    60% {
        -webkit-transform: translateX(50%) scale(.75);
        transform: translateX(50%) scale(.75)
    }
}

@keyframes slide-right-left {
    0%,
    90%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(50%) scale(1.3);
        transform: translateX(50%) scale(1.3)
    }
    40%,
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    60% {
        -webkit-transform: translateX(50%) scale(.75);
        transform: translateX(50%) scale(.75)
    }
}

@-webkit-keyframes slide-left-right {
    0%,
    90%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-50%) scale(.75);
        transform: translateX(-50%) scale(.75)
    }
    40%,
    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.3);
        transform: translateX(-50%) scale(1.3)
    }
}

@keyframes slide-left-right {
    0%,
    90%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-50%) scale(.75);
        transform: translateX(-50%) scale(.75)
    }
    40%,
    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.3);
        transform: translateX(-50%) scale(1.3)
    }
}

header {
    z-index: 6000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.pop-bg {
    z-index: 8000
}

.login-pop-group,
.pop-wrap {
    z-index: 9000
}

.gotop {
    z-index: 7000
}

.rotating-pop {
    z-index: 10000
}

.pop-bonuswallet {
    z-index: 8999
}

.side-slider {
    z-index: 7000
}

.side-slider.contact-service-box {
    z-index: 7001
}

.side-slider.transfer-box.active {
    z-index: 7003
}

.casino-lg .mask::after,
.casino-xs .mask::after,
.check-wrap [type=checkbox]+label::after,
.clearfix::after,
.container-1200.casino .list-wrap-casino::after,
.content .container-1200::after,
.content .container-1400::after,
.content .container-register-success::after,
.content .container-w100::after,
.content.nomainnav .container-1200::after,
.featured-game-btn-group::after,
.fish-group .btn-subitem dl::after,
.fish-group::after,
.footer-license::after,
.footer-link-group::after,
.footer-logo-wrap::after,
.footer-partner-wrap::after,
.form-btn-box::after,
.forpass-item::after,
.games-container .total-games-group::after,
.games-container::after,
.header-inner::after,
.hot-event .event-group::after,
.list-wrap-casino::after,
.main-banner-group li::after,
.main-nav ul::after,
.main-sub-nav .lv2-menu .lv2-menu-inner::after,
.main-wrap-2nd::after,
.main-wrap-casino-1st::after,
.main-wrap-slotgame .slotgame-inner::after,
.main-wrap-slotgame-1st .main-wrap-slotgame::after,
.main-wrap-slotgame-1st .slot-tab::after,
.main-wrap-slotgame-1st .slotgame-inner.no-jackpot::after,
.main-wrap-sport .navigation::after,
.main-wrap-sport-1st::after,
.mini-header .logo-wrap .login-input-group::after,
.navigation-1::after,
.navigation-2::after,
.pop-wrap.login .input-slides::after,
.promotion-card::after,
.referral-program-promotion::after,
.register-block .register-form-inner::after,
.register-block .register-form-step3 .account-longword-wrap::after,
.register-block .register-form-step3 .account-wrap::after,
.register-block::after,
.register-card-wrap::after,
.register-tab::after,
.right-fish-wrap .fish-inner::after,
.select-platform-wrap ul::after,
.sport-lg .mask::after,
.sport-xs .mask::after,
.top-card-wrap ul::after,
.top-card-wrap::after,
.top-subnav-inner .select-platform-wrap::after,
.week-top-game-wrap.col-2 .games-icon::after {
    content: "";
    display: block;
    clear: both
}

.main-sub-nav .nav-inner::after {
    display: block;
    clear: both
}

.casino-lg .mask,
.casino-xs .mask,
.check-wrap [type=checkbox]+label,
.clearfix,
.container-1200.casino .list-wrap-casino,
.content .container-1200,
.content .container-1400,
.content .container-register-success,
.content .container-w100,
.content.nomainnav .container-1200,
.featured-game-btn-group,
.fish-group,
.fish-group .btn-subitem dl,
.footer-license,
.footer-link-group,
.footer-logo-wrap,
.footer-partner-wrap,
.form-btn-box,
.forpass-item,
.games-container,
.games-container .total-games-group,
.header-inner,
.hot-event .event-group,
.list-wrap-casino,
.main-banner-group li,
.main-nav ul,
.main-sub-nav .lv2-menu .lv2-menu-inner,
.main-sub-nav .nav-inner,
.main-wrap-2nd,
.main-wrap-casino-1st,
.main-wrap-slotgame .slotgame-inner,
.main-wrap-slotgame-1st .main-wrap-slotgame,
.main-wrap-slotgame-1st .slot-tab,
.main-wrap-slotgame-1st .slotgame-inner.no-jackpot,
.main-wrap-sport .navigation,
.main-wrap-sport-1st,
.mini-header .logo-wrap .login-input-group,
.navigation-1,
.navigation-2,
.pop-wrap.login .input-slides,
.promotion-card,
.referral-program-promotion,
.register-block,
.register-block .register-form-inner,
.register-block .register-form-step3 .account-longword-wrap,
.register-block .register-form-step3 .account-wrap,
.register-card-wrap,
.register-tab,
.right-fish-wrap .fish-inner,
.select-platform-wrap ul,
.sport-lg .mask,
.sport-xs .mask,
.top-card-wrap,
.top-card-wrap ul,
.top-subnav-inner .select-platform-wrap,
.week-top-game-wrap.col-2 .games-icon {
    zoom: 1
}

.clear {
    clear: both
}

.casino-lg,
.casino-lg .img-wrap,
.casino-lg .mask li,
.casino-xs,
.casino-xs .mask li,
.container-1200.casino .casino-banner,
.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-md,
.container-1200.casino .casino-banner-xs,
.container-1200.casino .list-wrap-casino,
.featured-game-btn-group li,
.fish-group li,
.float-L,
.footer-link-group li,
.footer-partner-wrap li,
.games-container,
.games-container .games-icon,
.games-container .total-award-wrap,
.games-container .total-games-group,
.games-container .week-top-game-wrap,
.hot-event .event-group li,
.language-wrap,
.main-banner-group .info-banner-wrap .dptoac-wrap,
.main-banner-group .info-banner-wrap .single-coin,
.main-banner-group .info-banner-wrap .wdtoac-wrap,
.main-banner-group li,
.main-wrap-banner-group,
.main-wrap-casino.left,
.main-wrap-hotsport.left,
.main-wrap-iframe.left,
.main-wrap-slotgame .game-wrap,
.main-wrap-slotgame .jackpot-wrap,
.main-wrap-slotgame-1st .slot-tab li,
.main-wrap-slotgame-1st .slotgame-inner,
.main-wrap-slotgame.left,
.main-wrap-sport.left,
.promotion-card li,
.referral-program-promotion,
.register-block .register-banner,
.register-block .register-banner-skewx,
.register-block .register-form-step1,
.register-block .register-form-step1 .btn-default.prev,
.register-block .register-form-step2,
.register-block .register-form-step2 .btn-default.prev,
.register-block .register-form-step3,
.register-title .step-wrap li,
.select-platform-wrap li,
.sidenav-wrap,
.sport-lg,
.sport-lg .img-wrap,
.sport-lg .mask li,
.sport-xs,
.sport-xs .mask li,
.step-register .step-wrap li,
.toggle-theme-wrap .dark-icon,
.toggle-theme-wrap .light-icon,
.toggle-theme-wrap .toggle-btn,
.top-card-wrap li,
.week-top-game-wrap .games-slide .flex-prev,
header .header-btn-wrap li,
header .logo-wrap .header-online-sevice li,
header .logo-wrap .header-payment-info dd,
header .logo-wrap .header-payment-info dl,
header .logo-wrap .header-payment-info dt,
header .logo-wrap .header-payment-info h5,
header .status-wrap .header-online-sevice li,
header .status-wrap .header-payment-info dd,
header .status-wrap .header-payment-info dl,
header .status-wrap .header-payment-info dt,
header .status-wrap .header-payment-info h5,
header .time {
    float: left
}

.casino-lg .word-wrap,
.container-1200.casino .casino-banner.right,
.container-1200.casino .right.casino-banner-lg,
.container-1200.casino .right.casino-banner-md,
.container-1200.casino .right.casino-banner-xs,
.fish-group .btn-subitem dd,
.float-R,
.main-wrap-banner-group.right,
.main-wrap-casino.right,
.main-wrap-hotsport.right,
.main-wrap-iframe.right,
.main-wrap-slotgame-1st .jackpot-winner-wrap,
.main-wrap-slotgame.right,
.main-wrap-sport .navigation a,
.main-wrap-sport.right,
.navigation-1 a,
.navigation-2 a,
.register-block .register-form,
.sport-lg .word-wrap,
.toggle-theme-wrap,
.week-top-game-wrap .games-slide .flex-next,
header .header-btn-wrap,
header .logo-wrap .header-online-sevice,
header .logo-wrap .header-payment-info,
header .status-wrap .header-online-sevice,
header .status-wrap .header-payment-info {
    float: right
}

.align-L {
    text-align: left
}

.align-R {
    text-align: right
}

.align-C {
    text-align: center
}

.btn-register-next,
.btn-register-prev,
.btn-register-submit,
.fish-nav.no-text li a,
.main-wrap-sport .navigation a,
.navigation-1 a,
.navigation-2 a {
    font-size: 0;
    text-indent: -99999px
}

.login-pop-group .fail-pop .pop-btn-box button,
.pop-wrap.login .pop-title h3,
.pop-wrap.pop-bonus-reminders .time,
.pop-wrap.promotion .time,
.pop-wrap.promotion-sty-a .time,
.promotion-big-card .time,
.promotion-card .explanation-wrap .text,
.promotion-card .explanation-wrap .time,
.promotion-card .explanation-wrap h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-simple-dark:hover,
.btn-simple-light:hover,
.casino-lg:not(.maintenance).active,
.casino-xs:not(.maintenance).active,
.container-1200.casino .casino-banner-lg:hover,
.container-1200.casino .casino-banner-md:hover,
.container-1200.casino .casino-banner-xs:hover,
.container-1200.casino .casino-banner:hover,
.fish-group .btn-subitem dd:hover,
.flex-control-nav .flex-active,
.flex-control-nav .slick-active button,
.flex-control-nav li a:hover,
.flex-control-nav li button:hover,
.iplimit-card-wrap,
.main-wrap-casino .casino-lg .play-item:hover,
.main-wrap-sport .sport-lg .play-item:hover,
.select-platform-wrap li .radio-cube::before,
.slick-dots .flex-active,
.slick-dots .slick-active button,
.slick-dots li a:hover,
.slick-dots li button:hover,
.sport-lg:not(.maintenance).active,
.sport-subnav-sub li a.active,
.sport-subnav-sub li a:hover,
.sport-xs:not(.maintenance).active {
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .1), 0 4px 4px 1px rgba(0, 0, 0, .1), 0 8px 8px 1px rgba(0, 0, 0, .1), 0 16px 16px 1px rgba(0, 0, 0, .1), 0 32px 32px 1px rgba(0, 0, 0, .1)
}

.promotion-big-card .money-wrap h3,
.sport-subnav-sub li a {
    text-shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 4px rgba(0, 0, 0, .1), 0 8px 8px rgba(0, 0, 0, .1), 0 16px 16px rgba(0, 0, 0, .1), 0 32px 32px rgba(0, 0, 0, .1)
}

.casino-lg,
.casino-lg .img,
.casino-lg:not(.maintenance).active,
.casino-xs,
.casino-xs .img,
.casino-xs:not(.maintenance).active,
.sport-lg,
.sport-lg .img,
.sport-lg:not(.maintenance).active,
.sport-xs,
.sport-xs .img,
.sport-xs:not(.maintenance).active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
    -webkit-filter: blur(0)
}

.header-login .amount .balance,
.iplimit-card-wrap.vn,
.iplimit-card-wrap.vn .right-inner h3 {
    font-family: Helvetica, Tahoma, sans-serif
}

.hot-event .event-group .team-name p,
.hot-event .event-group .vs p,
.iplimit-card-wrap .right-inner h3,
.iplimit-card-wrap.system .upgrade-time p,
.main-banner-group .info-banner-wrap .dptoac-wrap .bar::after,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar::after,
.main-banner-group .single-coin p i,
.main-wrap-sport .event-info-wrap .score,
.promotion-big-card .money-wrap h3.number {
    font-family: Impact, Helvetica, Tahoma, sans-serif
}

.games-container .total-award-wrap .money {
    font-family: Menlo, Monaco, Consolas, TrebuchetMS, Rotobo, "Microsoft YaHei", sans-serif
}

.promotion-big-card .money-wrap h3.number i,
body,
input {
    font-family: "Helvetica Neue", Helvetica, Tahoma, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important
}

.flex-control-nav li a,
.flex-control-nav li button,
.main-nav .nav-item,
.slick-dots li a,
.slick-dots li button {
    -ms-behavior: url(../js/ie/css3.htc);
    behavior: url(../js/ie/css3.htc)
}

.btn-2nd-radius::before,
.btn-2nd-xs::before,
.btn-2nd::before,
.btn-3rd-radius::before,
.btn-3rd-xs::before,
.btn-3rd::before,
.btn-4th-radius::before,
.btn-4th-xs::before,
.btn-4th::before,
.btn-5th-radius::before,
.btn-5th-xs::before,
.btn-5th::before,
.btn-default-radius::before,
.btn-default-xs::before,
.btn-default::before,
.btn-gray-radius::before,
.btn-gray-xs::before,
.btn-gray::before,
.casino-lg .img-wrap .AG,
.casino-lg .img-wrap .ALLBET,
.casino-lg .img-wrap .BBIN,
.casino-lg .img-wrap .BG,
.casino-lg .img-wrap .DG,
.casino-lg .img-wrap .EBET,
.casino-lg .img-wrap .KY,
.casino-lg .img-wrap .LG,
.casino-lg .img-wrap .MG,
.casino-lg .img-wrap .PT,
.casino-lg .img-wrap .SUN,
.casino-xs .img-wrap .AG,
.casino-xs .img-wrap .ALLBET,
.casino-xs .img-wrap .BBIN,
.casino-xs .img-wrap .BG,
.casino-xs .img-wrap .DG,
.casino-xs .img-wrap .EBET,
.casino-xs .img-wrap .KY,
.casino-xs .img-wrap .LG,
.casino-xs .img-wrap .MG,
.casino-xs .img-wrap .PT,
.casino-xs .img-wrap .SUN,
.footer-link-group .icon-wrap,
.main-banner-group .main-banner-xs-wrap,
.promo-code .btn-add::before,
.sport-lg .img-wrap .UG,
.sport-xs .img-wrap .UG,
header .icon-arrival,
header .icon-process {
    -ms-behavior: url(../js/ie/backgroundsize.min.htc);
    behavior: url(../js/ie/backgroundsize.min.htc)
}

.btn-2nd-radius::before,
.btn-2nd-xs::before,
.btn-2nd::before,
.btn-3rd-radius::before,
.btn-3rd-xs::before,
.btn-3rd::before,
.btn-4th-radius::before,
.btn-4th-xs::before,
.btn-4th::before,
.btn-5th-radius::before,
.btn-5th-xs::before,
.btn-5th::before,
.btn-default-radius::before,
.btn-default-xs::before,
.btn-default::before,
.btn-gray-radius::before,
.btn-gray-xs::before,
.btn-gray::before,
.btn-sort::before,
.casino-lg .play-item::before,
.casino-lg .rule::before,
.casino-lg .word-wrap h3::before,
.casino-lg::before,
.casino-xs .play-item::before,
.casino-xs .rule::before,
.casino-xs .word-wrap h3::before,
.casino-xs::before,
.check-wrap .check-cube::before,
.chess-menu li::before,
.featured-game-btn-group .icon-3d::before,
.featured-game-btn-group .icon-jackpot::before,
.featured-game-btn-group .icon-new::before,
.fish-group .right-fish-wrap .fish-inner .fish-AGIN::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMFC::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMP8::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYESBINGO::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYL::after,
.fish-group .right-fish-wrap .fish-inner .fish-BBIN::after,
.fish-group .right-fish-wrap .fish-inner .fish-BG::after,
.fish-group .right-fish-wrap .fish-inner .fish-CQ9::after,
.fish-group .right-fish-wrap .fish-inner .fish-GG::after,
.fish-group .right-fish-wrap .fish-inner .fish-JDB::after,
.fish-group .right-fish-wrap .fish-inner .fish-KA::after,
.fish-group .right-fish-wrap .fish-inner .fish-MWG::after,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStonePT::after,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStoneSW::after,
.fish-group .right-fish-wrap .fish-inner .fish-jili::after,
.fish-group .right-fish-wrap .fish-inner .fish-joker::after,
.fish-group .right-fish-wrap .fish-inner .fish-ps::after,
.fish-group .right-fish-wrap .fish-inner .fish-sh::after,
.fish-group li::before,
.fish-nav li a::after,
.fish-nav li a::before,
.fish-nav li::after,
.fish-nav::after,
.fish-nav::before,
.footer-logo-wrap .footer-logo .sponsor::before,
.games-container .games-icon .favorite::before,
.games-container .games-icon .game-inner::after,
.games-container .games-icon .game-inner::before,
.games-container .games-icon .tag.hot::before,
.hot-event::before,
.main-banner-group .info-banner-wrap .dptoac-wrap .bar::after,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar::after,
.main-banner-group .single-coin::after,
.main-banner-group .single-coin::before,
.main-casino-banner::before,
.main-logo .sponsor::before,
.main-nav .nav-item .arrow::after,
.main-nav .nav-item::after,
.main-nav .nav-item::before,
.main-nav li::after,
.main-nav li:first-child::before,
.main-sport-banner2::before,
.main-wrap-slotgame .game-wrap p::before,
.main-wrap-slotgame .jackpot-wrap p::before,
.main-wrap-slotgame-1st .jackpot-winner-wrap::after,
.main-wrap-slotgame-1st .jackpot-winner-wrap::before,
.main-wrap-slotgame-1st .slot-tab li::after,
.main-wrap-sport .event-info-wrap .flag-wrap::after,
.main-wrap-sport .navigation::before,
.navigation-1::before,
.navigation-2::before,
.pop-wrap.pop-bonus-reminders .time::before,
.pop-wrap.promotion .time::before,
.pop-wrap.promotion-sty-a .time::before,
.post .post-icon::before,
.promo-code .btn-add::before,
.promotion-big-card .btn-more::before,
.promotion-big-card .money-wrap::before,
.promotion-big-card .time::before,
.promotion-big-card ul::after,
.promotion-big-card ul::before,
.promotion-card .explanation-wrap .time::before,
.promotion-card .explanation-wrap h3::before,
.referral-wrapper::after,
.referral-wrapper::before,
.register-title .step-wrap li::before,
.register-title .step-wrap::before,
.right-fish-wrap .fish-inner .fish-group .fish-AGIN::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMFC::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMP8::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYESBINGO::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYL::after,
.right-fish-wrap .fish-inner .fish-group .fish-BBIN::after,
.right-fish-wrap .fish-inner .fish-group .fish-BG::after,
.right-fish-wrap .fish-inner .fish-group .fish-CQ9::after,
.right-fish-wrap .fish-inner .fish-group .fish-GG::after,
.right-fish-wrap .fish-inner .fish-group .fish-JDB::after,
.right-fish-wrap .fish-inner .fish-group .fish-KA::after,
.right-fish-wrap .fish-inner .fish-group .fish-MWG::after,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStonePT::after,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStoneSW::after,
.right-fish-wrap .fish-inner .fish-group .fish-jili::after,
.right-fish-wrap .fish-inner .fish-group .fish-joker::after,
.right-fish-wrap .fish-inner .fish-group .fish-ps::after,
.right-fish-wrap .fish-inner .fish-group .fish-sh::after,
.right-fish-wrap .fish-inner .fish::after,
.select-platform-wrap h4::before,
.select-platform-wrap li .check-cube::before,
.select-platform-wrap li .radio-cube::before,
.sport-lg .play-item::before,
.sport-lg .rule::before,
.sport-lg .word-wrap h3::before,
.sport-lg::before,
.sport-xs .play-item::before,
.sport-xs .rule::before,
.sport-xs .word-wrap h3::before,
.sport-xs::before,
.step-register .step-wrap li::before,
.step-register .step-wrap::before,
.third-party-login .forgotpw-info-box .check-wrap .check-cube .item-icon,
.third-party-login .login-info-box .check-wrap .check-cube .item-icon,
.toggle-theme-wrap .toggle-btn::before,
header .logo-wrap .header-online-sevice .online-sevice-inner a::before,
header .sponsor::before,
header .status-wrap .header-online-sevice .online-sevice-inner a::before {
    content: "";
    display: inline-block;
    position: absolute
}

.main-wrap-slotgame .jackpot-inner .tag {
    width: 5rem;
    height: 1.875rem
}

.games-container .total-award-wrap .tag,
.main-wrap-slotgame .jackpot-inner .tag {
    display: block;
    position: absolute;
    background: url(/images/v1/web/img-template/slotgame/jackpot-tag.png)no-repeat center;
    background-size: cover
}

.main-wrap-slotgame .game-wrap .mask,
.main-wrap-slotgame .jackpot-wrap .mask {
    position: absolute;
    z-index: 4
}

.games-container .games-icon .mask,
.main-wrap-slotgame .game-wrap .mask,
.main-wrap-slotgame .jackpot-wrap .mask {
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in .1s, padding-top .3s ease-in .1s;
    opacity: 0;
    background: rgba(0, 0, 0, .8);
    box-shadow: inset 0 0 1px 1px rgba(27, 172, 126, .4), inset 0 0 10px 0 rgba(255, 255, 255, .2)
}

.games-container .games-icon .mask .mask-inner,
.main-wrap-slotgame .game-wrap .mask .mask-inner,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

.games-container .games-icon .mask .mask-inner .mask-btn-wrap,
.main-wrap-slotgame .game-wrap .mask .mask-inner .mask-btn-wrap,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner .mask-btn-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-top: 120%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .3s ease-in .1s
}

.games-container .games-icon .mask .mask-inner .mask-btn-wrap a,
.main-wrap-slotgame .game-wrap .mask .mask-inner .mask-btn-wrap a,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner .mask-btn-wrap a {
    width: 7.5rem;
    margin-bottom: .625rem
}

.games-container .games-icon .mask .mask-inner .mask-btn-wrap a:last-child,
.main-tab-content .tab-pane section:last-child,
.main-wrap-slotgame .game-wrap .mask .mask-inner .mask-btn-wrap a:last-child,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner .mask-btn-wrap a:last-child {
    margin-bottom: 0
}

.week-top-game-wrap .money-1 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.games-container .total-award-wrap .money-left,
.games-container .total-award-wrap .money-right,
.week-top-game-wrap .money-1,
.week-top-game-wrap .money-2,
.week-top-game-wrap .money-3 {
    -webkit-animation-name: bubble;
    animation-name: bubble;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.games-container .total-award-wrap .money-left,
.games-container .total-award-wrap .money-right {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.step-register {
    position: relative;
    width: 100%;
    height: 4.375rem;
    margin-top: 1.875rem;
    background: #fff;
    line-height: 4.375rem;
    text-align: center
}

.step-register h3 {
    font-size: 22px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 2.5rem;
    color: #14805e;
    line-height: 4.375rem
}

.step-register p {
    font-size: 14px;
    line-height: 20px;
    color: #474747
}

.main-banner-group .main-banner-xs-wrap.type2 h4 i,
.main-banner-group .main-banner-xs-wrap.type3 h4 i,
.step-register p a {
    color: #ffdf18
}

.step-register p a:hover {
    color: #cbae00
}

.step-register:not(.step-register) p {
    position: absolute;
    top: 50%;
    right: 1.875rem;
    max-width: 22%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 1.2;
    text-align: right;
    word-wrap: break-word;
    word-break: break-all
}

.step-register .step-wrap {
    display: inline-block;
    position: relative;
    height: 100%;
    padding-top: 1.375rem;
    color: #fff
}

.step-register .step-wrap::before {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: .25rem;
    background: #7a7a7a
}

.step-register .step-wrap li {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    z-index: 3;
    margin-right: 48px
}

.step-register .step-wrap li span {
    position: relative;
    z-index: 2;
    padding: .125rem .75rem .1875rem;
    transition: background .3s ease-in;
    border-radius: .8125rem;
    background: #7a7a7a
}

.step-register .step-wrap li:last-child {
    margin-right: 0
}

.step-register .step-wrap li::before {
    z-index: 1;
    top: .5rem;
    left: 0;
    width: 100%;
    height: .25rem;
    margin-left: 24px;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: all .5s ease-out .2s;
    border-radius: 4px;
    background: linear-gradient(-90deg, #14805e 0, #0d543e 100%)
}

.step-register .step-wrap li.step2::before,
.step-register .step-wrap li.step3::before {
    margin-left: 0
}

.step-register .step-wrap li.step1.active span,
.step-register .step-wrap li.step2.active span,
.step-register .step-wrap li.step3.active span {
    background: #116a4e
}

.step-register .step-wrap.st2 .step2::before {
    margin-left: 24px;
    transition-delay: .5s
}

@font-face {
    font-family: "Bebas Neue";
    src: url(/font/BebasNeue-Regular.ttf)
}

.third-party-login .tag-rebate-money p {
    font-family: "Bebas Neue", Helvetica, Tahoma, sans-serif
}

.tab-primary-box span {
    padding: 0 .625rem;
    border-radius: 10px;
    background-color: #ff003f;
    color: #fff;
    font-size: .75rem
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .4) transparent
}

body {
    width: 100%;
    height: 100%;
    overflow: overlay;
    overflow-x: hidden;
    background: #4e4e4e;
    color: #111;
    line-height: 20px
}

a {
    display: inline-block;
    outline: 0;
    background-color: transparent;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    hlbr: expression(this.onFocus=this.blur())
}

a:hover {
    color: #f79604
}

img {
    border-style: none
}

table {
    border-collapse: collapse
}

input {
    border: 1px #aaa solid;
    background-color: #fff;
    color: #666
}

input:focus {
    outline: 0
}

li,
ul {
    list-style: none
}

li {
    display: inline-block
}

i {
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

body,
button,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
optgroup,
p,
select,
textarea,
ul {
    margin: 0
}

button,
optgroup,
select,
textarea {
    font-family: inherit
}

button,
input,
optgroup,
select,
textarea {
    outline: 0;
    font-size: 100%;
    line-height: 1.15
}

button:invalid,
input:invalid,
optgroup:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none
}

button,
input {
    overflow: hidden
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-webkit-scrollbar {
    width: .4375rem;
    height: .4375rem
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .4);
    border-radius: .4375rem
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .4)
}

::-webkit-scrollbar-track {
    background: 0 0
}

.error {
    padding-top: 3px;
    color: #f35e5e;
    font-size: .875rem;
    line-height: 1.2
}

.error a {
    padding: 0 3px;
    color: #f35e5e;
    text-decoration: underline
}

.error::before {
    content: "!";
    display: inline-block;
    width: .875rem;
    height: .875rem;
    margin-right: .3125rem;
    border-radius: 50%;
    background-color: #f35e5e;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: .875rem;
    text-align: center;
    vertical-align: middle
}

.password-condition p {
    margin-top: .5rem;
    text-align: left;
    font-size: .75rem
}

.password-condition p,
.password-condition p span {
    color: #adacb1;
    line-height: 1.2
}

.password-condition p span.active {
    color: #1bac7e
}

@media (max-width:1440px) {
    @-webkit-keyframes popShow {
        0% {
            top: 5%;
            opacity: 0
        }
        to {
            top: 10%;
            opacity: 1
        }
    }
    @keyframes popShow {
        0% {
            top: 5%;
            opacity: 0
        }
        to {
            top: 10%;
            opacity: 1
        }
    }
    @-webkit-keyframes popHide {
        0% {
            top: 10%;
            opacity: 1
        }
        to {
            top: 5%;
            opacity: 0
        }
    }
    @keyframes popHide {
        0% {
            top: 10%;
            opacity: 1
        }
        to {
            top: 5%;
            opacity: 0
        }
    }
}

.pop-bg,
.pop-wrap {
    display: none;
    position: fixed
}

.pop-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8)
}

.pop-wrap {
    top: 10%;
    left: 50%;
    min-width: 400px;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    background: #fff
}

.pop-wrap.active {
    display: block !important;
    -webkit-animation: popShow .5s ease-in-out forwards;
    animation: popShow .5s ease-in-out forwards
}

.pop-wrap.hide {
    -webkit-animation: popHide .3s ease-in-out forwards;
    animation: popHide .3s ease-in-out forwards
}

.pop-wrap .pop-title {
    position: relative;
    height: 60px;
    border-bottom: 1px solid #22d89f;
    color: #fff;
    background: #14805e
}

.pop-wrap .pop-title h3 {
    padding: 0 24px;
    font-size: 18px;
    line-height: 60px
}

.pop-wrap .btn-close {
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    transition: .5s ease-out;
    background-color: rgba(23, 150, 110, .2);
    cursor: pointer
}

.pop-wrap .btn-close:hover {
    background-color: #17966e
}

.pop-wrap .btn-close::before {
    content: "";
    width: .75rem;
    height: .75rem;
    transition: .3s;
    background-color: #fff;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/cancel.svg)no-repeat center/contain;
    mask: url(../../images/v1/web/img-template/icon-set/cancel.svg)no-repeat center/contain
}

.pop-wrap .pop-inner {
    position: relative;
    padding: 30px 0;
    text-align: center
}

.pop-wrap ul,
.pop-wrap ul li {
    list-style: disc
}

.pop-wrap ol,
.pop-wrap ol li {
    list-style: decimal
}

.pop-wrap ol,
.pop-wrap ul {
    padding-left: 15px;
    text-align: left
}

.pop-wrap li {
    display: list-item;
    padding-bottom: 5px
}

.notshow-checkbox {
    width: 100%;
    height: 35px;
    padding: 0 20px;
    background: #ccc
}

.notshow-checkbox .check-input,
.success-pop a.btn-default,
header .logo-wrap .header-inner.no-sponsor .logo::before {
    display: none
}

.notshow-checkbox .check-cube {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border: 1px solid #111;
    background: rgba(17, 17, 17, .4);
    border-radius: 2px;
    vertical-align: middle
}

.notshow-checkbox .check-cube::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
    transition: transform .3s ease-out .1s, opacity .3s ease-out;
    transition: transform .3s ease-out .1s, opacity .3s ease-out, -webkit-transform .3s ease-out .1s;
    opacity: 0;
    background: url(/images/v1/web/img-template/icon-set/check.svg)no-repeat center;
    background-size: 90%
}

.notshow-checkbox .check-input:checked+.check-label .check-cube::before,
.select-platform-wrap li input:checked+label .check-cube::before,
.select-platform-wrap li input:checked+label .radio-cube::before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.notshow-checkbox .text {
    display: inline-block;
    transition: all .3s;
    opacity: .7;
    color: #111;
    font-size: 14px;
    line-height: 35px
}

.notshow-checkbox .text:hover {
    opacity: 1
}

.check-label {
    cursor: pointer
}

.msg_detail_popup.pop-wrap {
    -webkit-transform: none;
    transform: none
}

.fail-pop,
.success-pop {
    width: 400px;
    padding: 0 35px 20px;
    overflow: visible;
    border-radius: 5px
}

.fail-pop .pop-title,
.success-pop .pop-title {
    height: auto;
    border-bottom: 0;
    background-color: transparent
}

.fail-pop .pop-title h3,
.success-pop .pop-title h3 {
    margin-bottom: 10px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: center
}

.fail-pop .pop-inner,
.success-pop .pop-inner {
    padding: 0
}

.fail-pop p,
.success-pop p {
    font-size: 16px
}

.fail-pop button,
.success-pop button {
    width: 100%;
    margin-top: 20px;
    border: 0
}

.fail-pop .state,
.success-pop .state {
    position: relative;
    width: 100px;
    height: 100px;
    margin: -40px auto 30px;
    -webkit-animation: fallin .7s forwards .2s;
    animation: fallin .7s forwards .2s;
    border-radius: 100%;
    opacity: 0
}

.fail-pop .state::before,
.success-pop .state::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.success-pop .pop-title h3,
.success-pop span {
    color: #4e916d
}

.success-pop .btn-2nd,
.success-pop .state,
.success-pop button {
    background: linear-gradient(135deg, #57a279 0, #4e916d 100%)
}

.success-pop .state::before {
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-pop-success.svg)no-repeat center/50%;
    mask: url(/images/v1/web/img-template/icon-set/icon-pop-success.svg)no-repeat center/50%
}

.success-pop .btn-2nd,
.success-pop button {
    box-shadow: 0 5px 10px 0 rgba(93, 172, 129, .1), inset 0 0 3px 0#77b79a
}

.success-pop .btn-2nd.active,
.success-pop .btn-2nd:hover,
.success-pop button.active,
.success-pop button:hover {
    box-shadow: 0 2px 2px 1px rgba(93, 172, 129, .1), 0 4px 4px 1px rgba(93, 172, 129, .1), 0 8px 8px 1px rgba(93, 172, 129, .1), 0 16px 16px 1px rgba(93, 172, 129, .1), 0 32px 32px 1px rgba(140, 18, 28, .1), inset 0 0 3px 0#77b79a
}

.fail-pop .pop-title h3,
.fail-pop span {
    color: #e93d3d
}

.fail-pop .btn-default,
.fail-pop .state {
    background: linear-gradient(135deg, #ec5454 0, #e93d3d 100%)
}

.fail-pop .state::before {
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-close2.svg)no-repeat center/50%;
    mask: url(/images/v1/web/img-template/icon-set/icon-close2.svg)no-repeat center/50%
}

.fail-pop .btn-default {
    text-shadow: 0 1px 3px #ac1414;
    cursor: pointer
}

.fail-pop .btn-default:hover {
    box-shadow: 0 2px 5px 1px rgba(6, 8, 15, .1)
}

.login-lock-pop .state::before {
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-lock.svg)no-repeat center/50%;
    mask: url(/images/v1/web/img-template/icon-set/icon-lock.svg)no-repeat center/50%
}

.btn-gray {
    display: inline-block;
    position: relative;
    height: 2.5rem;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s;
    font-size: 15px;
    line-height: 2.5rem
}

.btn-gray,
.btn-gray-xs {
    border-radius: 3px
}

.btn-5th,
.btn-gray-radius,
.btn-gray-xs {
    display: inline-block;
    position: relative;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s
}

.btn-5th {
    height: 2.5rem;
    font-size: 15px;
    line-height: 2.5rem
}

.btn-5th,
.btn-5th-xs {
    border-radius: 3px
}

.btn-4th,
.btn-5th-radius,
.btn-5th-xs {
    display: inline-block;
    position: relative;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s
}

.btn-4th {
    height: 2.5rem;
    font-size: 15px;
    line-height: 2.5rem
}

.btn-4th,
.btn-4th-xs {
    border-radius: 3px
}

.btn-3rd,
.btn-4th-radius,
.btn-4th-xs {
    display: inline-block;
    position: relative;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s
}

.btn-3rd {
    height: 2.5rem;
    font-size: 15px;
    line-height: 2.5rem
}

.btn-3rd,
.btn-3rd-xs {
    border-radius: 3px
}

.btn-2nd,
.btn-3rd-radius,
.btn-3rd-xs {
    display: inline-block;
    position: relative;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s
}

.btn-2nd {
    height: 2.5rem;
    font-size: 15px;
    line-height: 2.5rem
}

.btn-2nd,
.btn-2nd-xs {
    border-radius: 3px
}

.btn-2nd-radius,
.btn-2nd-xs,
.btn-default {
    display: inline-block;
    position: relative;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s
}

.btn-default {
    height: 2.5rem;
    font-size: 15px;
    line-height: 2.5rem
}

.btn-default,
.btn-default-xs {
    border-radius: 3px
}

.btn-default-radius,
.btn-default-xs {
    display: inline-block;
    position: relative;
    padding: 0 1.875rem;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s
}

.btn-2nd-radius::before,
.btn-2nd-xs::before,
.btn-2nd::before,
.btn-3rd-radius::before,
.btn-3rd-xs::before,
.btn-3rd::before,
.btn-4th-radius::before,
.btn-4th-xs::before,
.btn-4th::before,
.btn-5th-radius::before,
.btn-5th-xs::before,
.btn-5th::before,
.btn-default-radius::before,
.btn-default-xs::before,
.btn-default::before,
.btn-gray-radius::before,
.btn-gray-xs::before,
.btn-gray::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 1.0625rem;
    background: url(../../images/v1/web/img-template/btn-light.png)no-repeat center top;
    background-size: 100%
}

.btn-2nd-xs,
.btn-3rd-xs,
.btn-4th-xs,
.btn-5th-xs,
.btn-default-xs,
.btn-gray-xs {
    height: 2.1875rem;
    font-size: 14px;
    line-height: 2.1875rem
}

.btn-2nd-radius,
.btn-3rd-radius,
.btn-4th-radius,
.btn-5th-radius,
.btn-default-radius,
.btn-gray-radius {
    height: 2.1875rem;
    border-radius: 20px;
    font-size: 14px;
    line-height: 2.1875rem
}

.btn-default,
.btn-default-radius,
.btn-default-xs {
    background: linear-gradient(to right, #fbc103 0, #f79604 15%, #f79604 30%, #fbc103 55%, #fbc103 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(6, 8, 15, .1), inset 0 0 3px 0#ffdd8f;
    color: #fff
}

.btn-default-radius.active,
.btn-default-radius:hover,
.btn-default-xs.active,
.btn-default-xs:hover,
.btn-default.active,
.btn-default:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(6, 8, 15, .1), 0 4px 4px 1px rgba(6, 8, 15, .1), 0 8px 8px 1px rgba(6, 8, 15, .1), 0 16px 16px 1px rgba(6, 8, 15, .1), 0 32px 32px 1px rgba(6, 8, 15, .1), inset 0 0 3px 0#ffdd8f;
    color: #fff;
    text-shadow: 0 1px 3px #967302
}

.btn-2nd,
.btn-2nd-radius,
.btn-2nd-xs {
    background: linear-gradient(to right, #e32131 0, #e63846 15%, #e63846 30%, #e32131 55%, #e32131 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(140, 18, 28, .1), inset 0 0 3px 0#e63846;
    color: #fff
}

.btn-2nd-radius.active,
.btn-2nd-radius:hover,
.btn-2nd-xs.active,
.btn-2nd-xs:hover,
.btn-2nd.active,
.btn-2nd:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(140, 18, 28, .1), 0 4px 4px 1px rgba(140, 18, 28, .1), 0 8px 8px 1px rgba(140, 18, 28, .1), 0 16px 16px 1px rgba(140, 18, 28, .1), 0 32px 32px 1px rgba(140, 18, 28, .1), inset 0 0 3px 0#e63846;
    color: #fff;
    text-shadow: 0 1px 3px #8c121c
}

.btn-3rd,
.btn-3rd-radius,
.btn-3rd-xs {
    background: linear-gradient(to right, #2d2d2d 0, #474747 15%, #474747 30%, #2d2d2d 55%, #2d2d2d 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(71, 71, 71, .1), inset 0 0 3px 0#999;
    color: #fff
}

.btn-3rd-radius.active,
.btn-3rd-radius:hover,
.btn-3rd-xs.active,
.btn-3rd-xs:hover,
.btn-3rd.active,
.btn-3rd:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(71, 71, 71, .1), 0 4px 4px 1px rgba(71, 71, 71, .1), 0 8px 8px 1px rgba(71, 71, 71, .1), 0 16px 16px 1px rgba(71, 71, 71, .1), 0 32px 32px 1px rgba(71, 71, 71, .1), inset 0 0 3px 0#999;
    color: #fff;
    text-shadow: 0 1px 3px #000
}

.btn-4th,
.btn-4th-radius,
.btn-4th-xs {
    background: linear-gradient(to right, #14805e 0, #22d89f 15%, #22d89f 30%, #14805e 55%, #14805e 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(6, 40, 29, .1), inset 0 0 3px 0#22d89f;
    color: #fff
}

.btn-4th-radius.active,
.btn-4th-radius:hover,
.btn-4th-xs.active,
.btn-4th-xs:hover,
.btn-4th.active,
.btn-4th:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(6, 40, 29, .1), 0 4px 4px 1px rgba(6, 40, 29, .1), 0 8px 8px 1px rgba(6, 40, 29, .1), 0 16px 16px 1px rgba(6, 40, 29, .1), 0 32px 32px 1px rgba(6, 40, 29, .1), inset 0 0 3px 0#22d89f;
    color: #fff;
    text-shadow: 0 1px 3px #06281d
}

.btn-5th,
.btn-5th-radius,
.btn-5th-xs {
    background: linear-gradient(to right, #3356cd 0, #5471d5 15%, #5471d5 30%, #3356cd 55%, #3356cd 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(30, 52, 124, .1), inset 0 0 3px 0#859ae1;
    color: #fff
}

.btn-5th-radius.active,
.btn-5th-radius:hover,
.btn-5th-xs.active,
.btn-5th-xs:hover,
.btn-5th.active,
.btn-5th:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(30, 52, 124, .1), 0 4px 4px 1px rgba(30, 52, 124, .1), 0 8px 8px 1px rgba(30, 52, 124, .1), 0 16px 16px 1px rgba(30, 52, 124, .1), 0 32px 32px 1px rgba(30, 52, 124, .1), inset 0 0 3px 0#859ae1;
    color: #fff;
    text-shadow: 0 1px 3px #1e347c
}

.btn-gray,
.btn-gray-radius,
.btn-gray-xs {
    background: linear-gradient(to right, #5a5a5a 0, #4d4d4d 15%, #4d4d4d 30%, #5a5a5a 55%, #5a5a5a 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(71, 71, 71, .1), inset 0 0 3px 0#5a5a5a;
    color: gray
}

.btn-gray-radius.active,
.btn-gray-radius:hover,
.btn-gray-xs.active,
.btn-gray-xs:hover,
.btn-gray.active,
.btn-gray:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(71, 71, 71, .1), 0 4px 4px 1px rgba(71, 71, 71, .1), 0 8px 8px 1px rgba(71, 71, 71, .1), 0 16px 16px 1px rgba(71, 71, 71, .1), 0 32px 32px 1px rgba(71, 71, 71, .1), inset 0 0 3px 0#5a5a5a;
    color: gray;
    text-shadow: 0 1px 3px #1e347c
}

.btn-player-secendary {
    display: inline-block;
    width: auto;
    height: 1.5625rem;
    padding: 0 .3125rem;
    overflow: hidden;
    transition: .3s ease-in, text-shadow .3s ease-in-out .1s;
    border-radius: 3px;
    background-color: #3356cd;
    background-position: 50%0;
    background-size: 200%;
    color: #fff;
    font-size: .75rem;
    line-height: 1.5625rem;
    text-align: center;
    cursor: pointer
}

.btn-player-secendary:hover {
    background-position: 0;
    box-shadow: 0 2px 2px 1px rgba(51, 86, 205, .1), 0 4px 4px 1px rgba(51, 86, 205, .1), 0 8px 8px 1px rgba(51, 86, 205, .1), 0 16px 16px 1px rgba(51, 86, 205, .1), inset 0 0 3px 0#8fd3ff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.btn-review {
    display: none;
    border: 1px dotted #14805e;
    background: 0 0;
    box-shadow: none;
    pointer-events: none
}

.btn-review::before {
    content: none
}

.btn-review .dotted,
.btn-review p {
    display: inline-block;
    margin-bottom: .3125rem;
    vertical-align: middle
}

.btn-review,
.btn-review p {
    color: #14805e
}

.btn-review .dotted {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #14805e
}

.btn-review span {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 1px;
    border-radius: 50%;
    background: #888;
    vertical-align: middle
}

.btn-review span:first-child {
    animation: reviewAct .5s .1s alternate-reverse 6
}

.btn-review span:nth-child(2) {
    animation: reviewAct .5s .2s alternate-reverse 6
}

.btn-review span:last-child {
    animation: reviewAct .5s .3s alternate-reverse 6
}

.btn-simple,
.tab-primary-box ul {
    height: 1.875rem;
    border-radius: 3px
}

.btn-simple,
.btn-simple-dark,
.btn-simple-light {
    font-size: 14px;
    line-height: 20px;
    padding: 0 1.75rem
}

.btn-simple {
    line-height: 1.875rem
}

.btn-simple-dark,
.btn-simple-light {
    height: 1.875rem;
    border-radius: 3px
}

.btn-simple-light {
    line-height: 1.875rem
}

.btn-simple-dark,
.btn-simple-light {
    transition: all .3s ease-in .1s
}

.btn-simple-dark:hover,
.btn-simple-light:hover {
    transition: all .3s ease-out
}

.btn-simple-dark {
    border: 1px solid #ffdf18;
    background: rgba(0, 0, 0, .8);
    color: #ffdf18;
    line-height: 1.75rem
}

.btn-simple-dark:hover {
    background: #ffdf18;
    color: rgba(0, 0, 0, .8)
}

.btn-simple-light {
    background: #14805e;
    color: #ffdf18;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.btn-simple-light:hover {
    background: #ffdf18;
    color: #14805e;
    text-shadow: 0 1px 1px transparent
}

.btn-jackpot-winner {
    font-size: 12px;
    line-height: 20px;
    padding: .125rem .6875rem;
    border-radius: 3px;
    background: #03120d;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1), inset 0 1px 3px 0 rgba(30, 194, 143, .5);
    color: #fff
}

.btn-jackpot-winner:hover {
    background: #000;
    color: #ffdf18
}

.btn-sort {
    display: inline-block;
    position: relative;
    height: 3.5625rem;
    padding: 0 .625rem;
    transition: color .3s ease-in-out;
    color: rgba(0, 0, 0, .7);
    line-height: 3.5625rem;
    text-align: center
}

.btn-sort::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .3s ease-in-out;
    background: #14805e
}

.btn-sort.active,
.btn-sort:hover {
    color: #14805e
}

.btn-sort.active::before,
.btn-sort:hover::before {
    height: .1875rem;
    background: #14805e
}

.btn-select-more {
    font-size: 14px;
    line-height: 20px;
    width: 9.375rem;
    height: 100%;
    transition: background-position .3s ease-in, text-shadow .3s ease-in-out .1s;
    background-image: linear-gradient(180deg, #17966e 0, #06281d 100%);
    background-position: 0 0;
    background-size: 100% 200%;
    color: #ffdf18;
    cursor: pointer
}

.btn-select-more:hover {
    background-position: 0 100%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.flex-control-nav,
.slick-dots {
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: right
}

.flex-control-nav li,
.slick-dots li {
    margin-left: .4375rem
}

.flex-control-nav li a,
.flex-control-nav li button,
.slick-dots li a,
.slick-dots li button {
    width: .9375rem;
    height: .9375rem;
    transition: box-shadow .5s ease-out .1s, background .3s ease-out .1s;
    border: 0;
    border-radius: 50%;
    background: #0d543e;
    box-shadow: inset 0 2px 3px 0#06281d;
    text-indent: 99999px;
    cursor: pointer
}

.flex-control-nav li a:hover,
.flex-control-nav li button:hover,
.slick-dots li a:hover,
.slick-dots li button:hover {
    transition: box-shadow .3s ease-in, background .3s ease-in .1s;
    background: #f2f2f2;
    cursor: pointer
}

.flex-control-nav .flex-active,
.flex-control-nav .slick-active button,
.slick-dots .flex-active,
.slick-dots .slick-active button {
    transition: box-shadow .3s ease-in, background .3s ease-in .1s;
    background: #f2f2f2
}

.latest-game-area,
.main-banner,
.main-casino-banner,
.main-promotion-banner,
.main-slot-banner,
.main-sport-banner,
.main-sport-banner2,
.ranking-area,
.recommend-area {
    position: relative;
    width: 100%;
    overflow: hidden
}

.main-banner .banner,
.main-promotion-banner .banner {
    height: 100%
}

.main-banner .banner,
.main-casino-banner .banner,
.main-promotion-banner .banner,
.main-slot-banner .banner,
.main-sport-banner .banner,
.main-sport-banner2 .banner {
    width: 100%;
    background: no-repeat center;
    background-size: cover
}

.main-banner .banner a,
.main-casino-banner .banner a,
.main-promotion-banner .banner a,
.main-slot-banner .banner a,
.main-sport-banner .banner a,
.main-sport-banner2 .banner a {
    width: 100%;
    height: 100%
}

.main-banner .slides,
.main-casino-banner .slides,
.main-promotion-banner .slides,
.main-slot-banner .slides,
.main-sport-banner .slides,
.main-sport-banner2 .slides {
    overflow: hidden;
    line-height: 0
}

.main-banner .slides .banner,
.main-casino-banner .slides .banner,
.main-promotion-banner .slides .banner,
.main-slot-banner .slides .banner,
.main-sport-banner .slides .banner,
.main-sport-banner2 .slides .banner {
    height: 31.25rem
}

.main-banner .flex-control-nav,
.main-promotion-banner .flex-control-nav {
    bottom: 2.5rem;
    width: 75rem
}

.main-sport-banner .flex-control-nav,
.main-sport-banner2 .flex-control-nav {
    width: 75rem
}

.main-slot-banner .flex-control-nav {
    bottom: 2.5rem;
    width: 75rem
}

.main-casino-banner .flex-control-nav {
    width: 75rem
}

.main-banner .slick-dots,
.main-promotion-banner .slick-dots {
    bottom: 2.5rem;
    width: 75rem
}

.main-sport-banner .slick-dots,
.main-sport-banner2 .slick-dots {
    width: 75rem
}

.main-slot-banner .slick-dots {
    bottom: 2.5rem;
    width: 75rem
}

.main-casino-banner .slick-dots {
    width: 75rem
}

.main-casino-banner .banner {
    height: 100%
}

.main-casino-banner .flex-control-nav,
.main-casino-banner .slick-dots {
    bottom: 5.625rem
}

.main-casino-banner::before,
.main-sport-banner2::before {
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9.375rem;
    background: linear-gradient(0deg, rgba(78, 78, 78, .9)0, rgba(78, 78, 78, 0) 100%)
}

.main-banner-wrap.slot {
    margin-bottom: 0
}

.main-banner-wrap.slot .flex-control-nav,
.main-banner-wrap.slot .slick-dots {
    bottom: .625rem
}

.main-slot-banner .banner {
    height: 100%
}

.main-slot-banner .slick-slider .banner,
.main-slot-banner .slides {
    height: 22.5rem
}

.latest-game-area .slides,
.ranking-area .slides,
.recommend-area .slides {
    position: relative;
    height: 23.4375rem;
    overflow: hidden;
    line-height: 0;
    pointer-events: none
}

.latest-game-area .slides .slick-list,
.ranking-area .slides .slick-list,
.recommend-area .slides .slick-list {
    top: 0;
    height: 20rem
}

.latest-game-area .slides .slick-track,
.ranking-area .slides .slick-track,
.recommend-area .slides .slick-track {
    display: flex
}

.latest-game-area .slides li,
.ranking-area .slides li,
.recommend-area .slides li {
    width: 20.125rem
}

.latest-game-area .slick-dots,
.ranking-area .slick-dots,
.recommend-area .slick-dots {
    display: flex;
    bottom: 1.25rem;
    align-items: center;
    height: 1.25rem;
    pointer-events: auto
}

.latest-game-area .slick-dots li,
.ranking-area .slick-dots li,
.recommend-area .slick-dots li {
    width: .9375rem;
    height: .9375rem;
    margin: 0 .625rem
}

.latest-game-area .slick-dots li.slick-active button,
.ranking-area .slick-dots li.slick-active button,
.recommend-area .slick-dots li.slick-active button {
    background: #fff
}

.latest-game-area .slick-dots li button,
.ranking-area .slick-dots li button,
.recommend-area .slick-dots li button {
    background: #6a582f
}

.latest-game-area .slick-arrow,
.ranking-area .slick-arrow,
.recommend-area .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 1.125rem;
    height: 3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .5s;
    border: 0;
    opacity: .8;
    color: transparent;
    cursor: pointer;
    pointer-events: auto
}

.latest-game-area .slick-arrow:hover,
.ranking-area .slick-arrow:hover,
.recommend-area .slick-arrow:hover {
    opacity: 1
}

.latest-game-area .slick-arrow.slick-prev,
.ranking-area .slick-arrow.slick-prev,
.recommend-area .slick-arrow.slick-prev {
    left: 1.25rem;
    background: url(/images/v1/web/img-template/icon-arrow-left.png)no-repeat center/98%
}

.latest-game-area .slick-arrow.slick-next,
.ranking-area .slick-arrow.slick-next,
.recommend-area .slick-arrow.slick-next {
    right: 1.25rem;
    background: url(/images/v1/web/img-template/icon-arrow-right.png)no-repeat center/98%
}

.main-banner-wrap.sport {
    margin-bottom: 0
}

.main-sport-banner .banner {
    height: 100%
}

.main-sport-banner .flex-control-nav,
.main-sport-banner .slick-dots {
    bottom: .3125rem
}

.main-sport-banner .slides {
    height: 7.5rem
}

.main-sport-banner .slick-slider .banner {
    height: 7.5rem;
    background-position: top center
}

.main-sport-banner2 .banner {
    height: 100%
}

.main-sport-banner2 .flex-control-nav,
.main-sport-banner2 .slick-dots {
    bottom: 5.625rem
}

.main-banner-wrap.promotion,
.main-tab-content .tab-pane .withdraw-section.bank-section {
    margin-bottom: 0
}

.main-banner-wrap.promotion .flex-control-nav,
.main-banner-wrap.promotion .slick-dots {
    bottom: .625rem
}

.main-promotion-banner .slick-slider,
.main-promotion-banner .slick-slider .banner {
    height: 23.375rem
}

.gotop {
    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    padding: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease-in;
    border-radius: 34px 8px 34px 34px;
    opacity: 0;
    background: rgba(20, 128, 94, .7);
    color: #fff;
    cursor: pointer
}

.gotop:hover {
    background: #14805e
}

.gotop.is-visible {
    opacity: 1
}

.gotop::after,
.gotop::before {
    content: "";
    position: absolute;
    top: 30%;
    width: 3px;
    height: 20px;
    border-radius: 2px;
    background: #fff
}

.gotop::before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.gotop::after {
    -webkit-transform: rotate(-40deg) translate(-1px, -1px);
    transform: rotate(-40deg) translate(-1px, -1px);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.tab-primary-box {
    position: relative;
    width: 75rem;
    margin: 0 auto 1.25rem;
    line-height: 1.875rem;
    text-align: center
}

.tab-primary-box ul {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    background-color: rgba(255, 255, 255, .1)
}

.tab-primary-box ul::after {
    content: "";
    display: block;
    clear: both
}

.tab-primary-box li {
    position: relative;
    flex: 1;
    width: 49%
}

.slider-tab,
.tab-primary-box a {
    position: absolute;
    left: 0;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tab-primary-box a {
    display: block;
    z-index: 2;
    top: 0;
    width: 100%;
    font-size: .875rem;
    font-weight: 700
}

.tab-primary-box a:hover {
    color: #fff
}

.tab-primary-box span {
    margin-right: .1875rem
}

.slider-tab {
    z-index: 1;
    bottom: -10%;
    height: 120%;
    padding: 0 .3125rem;
    transition: .5s;
    border-radius: 3px;
    background: linear-gradient(to right, #e4c400 0, #f7a204 100%);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    line-height: 2.1875rem
}

.main-tab-content .tab-pane {
    display: none;
    opacity: 0
}

.main-tab-content .tab-pane.active {
    display: block;
    -webkit-animation: shows .5s ease-in-out;
    animation: shows .5s ease-in-out;
    opacity: 1
}

.main-tab-content .tab-pane section {
    margin-bottom: 1.25rem
}

.main-tab-content .tab-pane .tab-secondary-box {
    margin-bottom: 0
}

.tips-group {
    position: relative
}

.tips-group,
.tips-info {
    flex: 1;
    margin-bottom: .625rem;
    padding: .9375rem 1.25rem .9375rem 2.5rem;
    border-radius: 5px;
    text-align: left;
    white-space: normal
}

.tips-group::before {
    background-color: #fff
}

.tips-group::before,
.tips-info::before {
    content: "";
    position: absolute;
    top: 1.125rem;
    left: 1.25rem;
    width: .9375rem;
    height: .9375rem;
    vertical-align: sub;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-tips.svg)no-repeat center/cover;
    mask: url(../../images/v1/web/img-template/icon-set/icon-tips.svg)no-repeat center/cover
}

.tips-group b,
.tips-group p {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: .875rem;
    text-align: left;
    vertical-align: middle
}

.tips-info p {
    font-size: .875rem
}

.tips-group .bet-info,
.tips-info b {
    display: inline-block;
    vertical-align: middle
}

.tips-info b {
    width: 100%;
    color: #fff;
    font-size: .875rem;
    text-align: left
}

.tips-group ol,
.tips-group ol li,
.tips-info ol,
.tips-info ol li {
    list-style: decimal outside
}

.tips-group ul,
.tips-group ul li,
.tips-info ul,
.tips-info ul li {
    list-style: disc outside
}

.tips-group ol,
.tips-group ul,
.tips-info ol,
.tips-info ul {
    display: inline-block;
    width: 100%;
    padding-left: .9375rem;
    font-size: .8125rem;
    text-align: left;
    vertical-align: top
}

.tips-group li,
.tips-info li {
    display: list-item
}

.tips-group span,
.tips-info span {
    padding: 0 .3125rem;
    color: #76bd6a;
    font-size: 1rem;
    letter-spacing: 1px
}

.tips-group span.win,
.tips-info span.win {
    color: #76bd6a
}

.tips-group span.lose,
.tips-info span.lose {
    color: #f35e5e
}

.tips-group {
    border: 1px solid #7293e1;
    background-color: rgba(114, 147, 225, .4)
}

.tips-group ol,
.tips-group ul,
header .logo-wrap .header-payment-info b,
header .logo-wrap .header-payment-info dl,
header .logo-wrap .header-payment-info h5,
header .status-wrap .header-payment-info b,
header .status-wrap .header-payment-info dl,
header .status-wrap .header-payment-info h5 {
    color: #fff
}

.tips-group .bet-info {
    width: 95%
}

.tips-group .bet-info p {
    width: auto;
    margin-right: .9375rem;
    padding-right: .9375rem;
    border-right: 1px solid #fff
}

.tips-group .bet-info p:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.tips-info {
    position: relative;
    background-color: #06281d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.tips-info.hide {
    -webkit-animation: tipClose 1s ease-in-out forwards;
    animation: tipClose 1s ease-in-out forwards
}

.tips-info.hide::before {
    opacity: 0
}

.tips-info::before {
    background-color: #26ffbc
}

.tips-info ol,
.tips-info p,
.tips-info ul {
    color: #26ffbc
}

.tips-info p {
    display: inline-block;
    width: auto;
    text-align: left;
    vertical-align: middle
}

.tips-info i {
    padding: 0 .1875rem;
    color: #fff
}

.tips-info a {
    margin: .125rem .1875rem;
    padding: .125rem .1875rem;
    background-color: #ffdf18;
    border-radius: 3px;
    color: #000;
    transition: .3s
}

.tips-info a:hover {
    background-color: #f7a204
}

.close-tips {
    position: absolute;
    top: 1.5625rem;
    right: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5;
    transition: .3s;
    background-color: #fff;
    cursor: pointer;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-close2.svg)no-repeat center/80%;
    mask: url(/images/v1/web/img-template/icon-set/icon-close2.svg)no-repeat center/80%
}

.close-tips:hover {
    opacity: .9
}

.tips-warning {
    border: 1px solid #ff6459;
    background-color: rgba(255, 100, 89, .4)
}

.tips-warning::before {
    background: #ffa7a7;
    box-shadow: 0 0 1px rgba(0, 0, 0, .8)
}

.tips-warning b {
    color: #ffa7a7;
    text-shadow: 0 0 1px rgba(0, 0, 0, .8)
}

.tips-warning.active {
    -webkit-animation: popShow .5s ease-in-out forwards;
    animation: popShow .5s ease-in-out forwards
}

.header-inner {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    width: 75rem;
    height: 100%
}

.header-inner-info {
    display: inline-flex;
    flex-direction: row-reverse;
    float: right
}

.main-logo .logo,
.main-logo .sponsor,
header .logo,
header .sponsor {
    float: left
}

.main-logo .logo {
    width: 50px;
    height: 50px
}

.main-logo .logo,
header .logo {
    position: relative;
    margin-right: 3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.main-logo .logo,
.main-logo .logo::before,
.main-logo .sponsor p,
header .logo,
header .logo::before,
header .sponsor p {
    display: inline-block;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.main-logo .logo::before,
header .logo::before {
    content: "";
    position: absolute;
    right: -1.75rem;
    width: .0625rem;
    height: 2.375rem;
    background: rgba(255, 255, 255, .2)
}

.main-logo .sponsor,
header .sponsor {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    height: 100%;
    text-align: left;
    vertical-align: middle
}

.main-logo .sponsor p,
header .sponsor p {
    position: relative;
    padding-left: 2.6875rem;
    color: #fff;
    line-height: 1.25
}

.main-logo .sponsor::before,
header .sponsor::before {
    background: url(/images/v1/web/bj/gambling_partner.png)no-repeat center;
    background-size: cover;
    content: "";
    top: 50%;
    width: 2.375rem;
    height: 2.375rem;
    margin-right: .3125rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    vertical-align: middle
}

header .icon-arrival,
header .icon-process {
    margin-right: .3125rem
}

header .icon-process {
    background: url(/images/v1/web/img-template/icon-set/header-status/icon-process.png)no-repeat center;
    background-size: cover;
    width: .875rem;
    height: 1.125rem;
    margin-top: .375rem
}

header .icon-arrival {
    background: url(/images/v1/web/img-template/icon-set/header-status/icon-arrival.png)no-repeat center;
    background-size: cover;
    width: 1.125rem;
    height: .875rem;
    margin-top: .5rem
}

header .time {
    margin-right: .625rem;
    color: #fff
}

header .header-btn-wrap {
    height: 100%
}

header .header-btn-wrap li {
    margin-right: .625rem;
    padding-top: .875rem
}

header .header-btn-wrap li .btn-3rd {
    padding: 0 1rem
}

.header-login dd a:last-child,
.header-login dd>a:last-child,
header .header-btn-wrap li:last-child,
header .logo-wrap .header-online-sevice li:last-child,
header .logo-wrap .header-payment-info dt:last-child,
header .status-wrap .header-online-sevice li:last-child,
header .status-wrap .header-payment-info dt:last-child {
    margin-right: 0
}

header .logo-wrap,
header .status-wrap {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #116a4e;
    background: #2d2d2d;
    text-align: center
}

header .logo-wrap .header-payment-info,
header .status-wrap .header-payment-info {
    opacity: .7
}

header .logo-wrap .header-payment-info dt,
header .status-wrap .header-payment-info dt {
    margin-right: 1.25rem;
    color: #fff
}

header .logo-wrap .header-payment-info h5,
header .status-wrap .header-payment-info h5 {
    font-size: 14px;
    line-height: 20px;
    margin-right: 1.375rem;
    line-height: 1.875rem
}

header .logo-wrap .header-online-sevice li,
header .status-wrap .header-online-sevice li {
    margin-right: 7px
}

header .logo-wrap .header-online-sevice .online-sevice-inner a,
header .status-wrap .header-online-sevice .online-sevice-inner a {
    display: inline;
    position: relative;
    padding-right: 7px;
    padding-left: 20px;
    transition: color .3s ease-in;
    border-right: 1px solid rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .7)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a::before,
header .status-wrap .header-online-sevice .online-sevice-inner a::before {
    top: 1px;
    left: 0;
    width: .9375rem;
    height: .9375rem;
    opacity: .8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-cs::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-cs::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-cs.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-phone::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-phone::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-phone.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-mail::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-mail::before {
    top: 3px;
    height: .75rem;
    background-image: url(../../images/v1/web/img-template/icon-set/communication/white/icon-mail.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-QQ::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-QQ::before {
    width: 1rem;
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-qq.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-wechat::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-wechat::before {
    width: 1.125rem;
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-wechat.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-skype::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-skype::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-skype.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-zalo::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-zalo::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-zalo.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-telegram::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-telegram::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-telegram.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-whatsapp::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-whatsapp::before {
    background-image: url(../../images/v1/web/img-template/icon-set/communication/white/icon-whatsapp.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-kakao::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-kakao::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-kakao.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-line::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-line::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-line.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-bbm::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-bbm::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-bbm.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-fb::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-fb::before {
    background-image: url(../../images/v1/web/img-template/icon-set/communication/white/icon-fb.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-imo::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-imo::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-imo.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-instagram::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-instagram::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-instagram.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-forum::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-forum::before {
    background-image: url(../../images/v1/web/img-template/icon-set/communication/white/icon-forum.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-viber::before,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-viber::before {
    background-image: url(/images/v1/web/img-template/icon-set/communication/white/icon-viber.png)
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-wechat,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-wechat {
    padding-left: 1.4375rem
}

header .logo-wrap .header-online-sevice .online-sevice-inner a:hover,
header .status-wrap .header-online-sevice .online-sevice-inner a:hover {
    color: #fff
}

header .logo-wrap .header-online-sevice .online-sevice-inner a:hover::before,
header .status-wrap .header-online-sevice .online-sevice-inner a:hover::before {
    opacity: 1
}

header .status-wrap .header-inner {
    line-height: 1.875rem
}

header .logo-wrap {
    height: 6.25rem;
    background: linear-gradient(to bottom, #1bac7e 0, #14805e 100%)
}

header .logo-wrap .header-inner {
    line-height: 6.25rem
}

header .logo-wrap .header-inner.no-sponsor .logo {
    margin-right: 0
}

.hd-spon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100%;
    float: left;
    overflow: hidden
}

.hd-spon--ani {
    width: 92px
}

.hd-spon--ani .hd-spon__icon {
    animation: icon-switch 5s linear alternate-reverse infinite
}

.hd-spon__icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-origin: 0;
    transform-origin: 0
}

.hd-spon__icon li {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.hd-spon__icon .spon-icon {
    width: 30px;
    height: 30px;
    margin: 0 8px
}

.header-login {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.header-login dd,
.header-login dt {
    float: none !important;
    line-height: normal
}

.header-login dt {
    margin: 0 0 .625rem;
    margin-right: 0 !important;
    text-align: right
}

.header-login .amount .balance,
.header-login dt span {
    display: inline-block;
    vertical-align: middle
}

.header-login dt a,
.header-login dt p {
    margin: 0;
    line-height: normal
}

.header-login dd>a {
    margin-right: .625rem
}

.header-login .balance-main {
    margin-right: 10px;
    padding: 0 5px;
    transition: background .5s ease-in, box-shadow .5s, color .3s;
    border-radius: 3px;
    background: #ffdf18;
    color: linear-gradient(to bottom, #1bac7e 0%, #14805e 100%);
    cursor: default
}

.btn-vcode.sending p span,
.header-login .amount a,
.header-login .amount p,
.pop-wrap.login div.error.active .icon-error {
    display: inline-block
}

.header-login .amount .balance {
    font-size: 16px;
    padding: 0 7px;
    color: rgba(255, 255, 255, .7);
    line-height: normal
}

.header-login .amount .balance::before {
    content: attr(data-currency);
    margin-right: 3px
}

.header-login .amount .reload {
    display: inline-block;
    position: initial;
    width: .875rem;
    height: .875rem;
    transition: .5s;
    background: url(/images/v1/web/img-template/icon-set/icon-reload-gold.svg);
    background-size: cover;
    vertical-align: middle;
    -webkit-filter: none;
    filter: none
}

.header-login .amount .reload.active {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation-name: reloadmove;
    animation-name: reloadmove;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.toggle-theme-wrap {
    height: 1.875rem;
    margin-left: 10px;
    padding-top: 5px;
    cursor: pointer
}

.toggle-theme-wrap .light-icon {
    background-size: 80%
}

.toggle-theme-wrap .dark-icon,
.toggle-theme-wrap .light-icon {
    width: 20px;
    height: 20px;
    transition: opacity .5s;
    background-repeat: no-repeat;
    background-position: center
}

.toggle-theme-wrap .light-icon {
    opacity: 1;
    background-image: url(/images/v1/web/img-template/icon-set/icon-light-w.svg)
}

.toggle-theme-wrap .dark-icon {
    opacity: .5;
    background-image: url(/images/v1/web/img-template/icon-set/icon-dark-w.svg);
    background-size: 65%
}

.toggle-theme-wrap .toggle-btn {
    position: relative;
    width: 34px;
    height: 20px;
    margin: 0 3px 0 5px;
    transition: background-color .3s cubic-bezier(.03, .98, .52, .99);
    border-radius: 10px;
    background-color: #7a7a7a
}

.toggle-theme-wrap .toggle-btn::before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    transition: left .5s;
    border-radius: 50%;
    background-color: #fff
}

.toggle-theme-wrap.dark .toggle-btn {
    transition: background-color .3s cubic-bezier(.03, .98, .52, .99);
    background-color: #474747
}

.toggle-theme-wrap.dark .toggle-btn::before {
    left: 16px;
    transition: left .5s
}

.toggle-theme-wrap.dark .light-icon {
    opacity: .5
}

.toggle-theme-wrap.dark .dark-icon {
    opacity: 1
}

.mini-header .logo-wrap {
    height: 4.375rem
}

.mini-header .logo-wrap .logo {
    margin-right: 1.5625rem;
    -webkit-transform: translate(0, -50%) scale(.8);
    transform: translate(0, -50%) scale(.8);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.mini-header .logo-wrap .header-inner {
    line-height: 4.375rem
}

.mini-header .logo-wrap .header-login dd,
.mini-header .logo-wrap .header-login dt {
    float: left !important
}

.mini-header .logo-wrap .header-login dd {
    margin: 0 0 0 .9375rem
}

.mini-header .logo-wrap .header-login dd a {
    height: 1.875rem;
    margin-right: .625rem;
    padding: 0 1.25rem;
    line-height: 1.875rem
}

.footer-partner-wrap .partner .ft-spon img:last-child,
.mini-header .logo-wrap .header-login dd a:last-child {
    margin-right: 0
}

.mini-header .logo-wrap .header-login dt {
    margin: .4375rem 0 0
}

.mini-header .logo-wrap .header-btn-wrap li {
    position: relative;
    height: 100%;
    padding: .9375rem 0 0;
    line-height: normal
}

.mini-header .logo-wrap .header-btn-wrap li .btn-2nd,
.mini-header .logo-wrap .header-btn-wrap li .btn-3rd,
.mini-header .logo-wrap .header-btn-wrap li .btn-default {
    height: 1.875rem;
    line-height: 1.875rem
}

.mini-header .logo-wrap .login-input-group {
    height: 1.875rem
}

.mini-header .logo-wrap .login-input-group input:-webkit-autofill,
.mini-header .logo-wrap .login-input-group input:-webkit-autofill:focus,
.mini-header .logo-wrap .login-input-group input:-webkit-autofill:hover,
.mini-header .logo-wrap .login-input-group select:-webkit-autofill,
.mini-header .logo-wrap .login-input-group select:-webkit-autofill:focus,
.mini-header .logo-wrap .login-input-group select:-webkit-autofill:hover,
.mini-header .logo-wrap .login-input-group textarea:-webkit-autofill,
.mini-header .logo-wrap .login-input-group textarea:-webkit-autofill:focus,
.mini-header .logo-wrap .login-input-group textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px #6f6f6f inset;
    -webkit-text-fill-color: #333 !important
}

.mini-header .logo-wrap .login-input-group .user-id,
.mini-header .logo-wrap .login-input-group .user-pass {
    display: block;
    position: relative;
    width: 11.875rem;
    height: 100%;
    float: left
}

.mini-header .logo-wrap .login-input-group .user-id i,
.mini-header .logo-wrap .login-input-group .user-pass i {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 5px;
    width: .9375rem;
    height: .9375rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: .5
}

.mini-header .logo-wrap .login-input-group .user-id i.icon-input-id,
.mini-header .logo-wrap .login-input-group .user-pass i.icon-input-id {
    background: url(/images/v1/web/img-template/icon-set/icon-input-id-black.svg)no-repeat center;
    background-size: contain
}

.mini-header .logo-wrap .login-input-group .user-id i.icon-input-pass,
.mini-header .logo-wrap .login-input-group .user-pass i.icon-input-pass {
    background: url(/images/v1/web/img-template/icon-set/icon-lock.svg)no-repeat center;
    background-size: contain
}

.mini-header .logo-wrap .login-input-group .user-id .eyes,
.mini-header .logo-wrap .login-input-group .user-pass .eyes {
    top: -1px;
    width: 2rem;
    height: 2rem;
    background-color: rgba(255, 255, 255, .5)
}

.mini-header .logo-wrap .login-input-group .user-id:first-child,
.mini-header .logo-wrap .login-input-group .user-pass:first-child {
    margin-right: .5rem
}

.mini-header .logo-wrap .login-input-group input {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: .125rem .5rem .125rem 1.5625rem;
    border-radius: 3px;
    border-color: transparent;
    outline: 0;
    background: #6f6f6f;
    box-shadow: 0 1px 2px #101935 inset;
    color: #333;
    letter-spacing: 1px
}

.mini-header .logo-wrap .login-input-group input::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .5)
}

.mini-header .logo-wrap .login-input-group input::-moz-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .5)
}

.mini-header .logo-wrap .login-input-group input::placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, .5)
}

.forpass-item input:focus,
.mini-header .logo-wrap .login-input-group input:focus {
    border-color: #14805e;
    color: #14805e
}

.btn-forpass {
    position: absolute;
    right: 0;
    bottom: -6%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: color .3s ease-in-out .1s;
    border: 0;
    background: 0 0;
    color: rgba(51, 51, 51, .5);
    font-size: .75rem
}

.btn-forpass:hover,
.footer-link-group .text-wrap a:hover {
    color: #14805e
}

.forpass-group {
    display: none;
    position: absolute;
    z-index: 1;
    top: 3.125rem;
    right: -5px;
    width: 12.5rem;
    padding: 5px;
    border-radius: 3px;
    background-color: rgba(78, 78, 78, .9)
}

.forpass-item {
    display: block;
    height: 1.875rem
}

.forpass-item:not(:last-child) {
    margin-bottom: 5px
}

.forpass-item input {
    width: calc(100% - 3.4375rem - 5px);
    height: 100%;
    margin-right: 5px;
    padding: 0 .625rem;
    float: left;
    transition: border-color .2s ease-in-out .1s;
    border-radius: 3px;
    border-color: transparent;
    outline: 0;
    background: #6f6f6f;
    box-shadow: 0 1px 2px #101935 inset;
    color: #333;
    font-size: .75rem
}

.forpass-item input::-webkit-input-placeholder {
    opacity: 1;
    color: #333
}

.forpass-item input::-moz-placeholder {
    opacity: 1;
    color: #333
}

.forpass-item input::placeholder {
    opacity: 1;
    color: #333
}

.forpass-item a {
    width: 3.4375rem;
    height: 100%;
    padding: 0;
    float: left;
    border-radius: 3px;
    font-size: .75rem
}

.forpass-item a.btn-3rd,
.pop-setwallet button {
    border: 0
}

.header-dropdown {
    position: relative
}

.header-dropdown-menu {
    display: none;
    position: absolute;
    top: 5.625rem;
    right: 0;
    width: 9.375rem;
    border-radius: .25rem;
    background: #2f2f2f;
    box-shadow: 0 2px 10px 0#474747, inset 0 0 3px 0#8a8a8a;
    line-height: initial
}

.header-dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-width: 0 7px 8px;
    border-style: solid;
    border-color: transparent transparent #2f2f2f
}

.header-dropdown-menu li {
    display: block
}

.header-dropdown-menu li:first-child {
    border-radius: .25rem .25rem 0 0
}

.header-dropdown-menu li:last-child {
    border-radius: 0 0 .25rem .25rem
}

.header-dropdown-menu a {
    width: 100%;
    padding: .625rem .3125rem;
    color: #fff
}

.header-dropdown-menu a.active,
.header-dropdown-menu a:hover {
    transition: background-color .3s;
    background-color: #0a3e2d;
    color: #fff
}

.header-message {
    display: inline-block;
    position: relative
}

.message-counter {
    position: absolute;
    top: -6.5px;
    right: 3px;
    padding: 2px 5px;
    border-radius: .625rem;
    background-color: #14805e;
    color: #fff;
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1
}

.ic-hamburger::before,
.ic-message::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: background-image .5s ease-in-out;
    background-size: contain
}

.ic-message::before {
    width: 1.4375rem;
    height: 1.4375rem;
    background: svg-message(#fff) no-repeat center
}

.ic-hamburger::before {
    background: svg-hamburger(#fff) no-repeat center
}

.ic-hamburger.active,
.main-sub-nav .lv2-menu .menu-item:hover p {
    background: #14805e
}

.footer-wrap {
    width: 100%;
    background: #353535;
    text-align: center
}

.footer-1200 {
    display: inline-block;
    width: 75rem;
    padding: 1.875rem 0;
    text-align: left
}

.footer-license,
.footer-link-group,
.footer-partner-wrap {
    border-bottom: 1px solid rgba(85, 85, 85, .3)
}

.footer-link-group {
    padding-bottom: 1.25rem
}

.footer-link-group li,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-3 li.menu-item {
    width: 25%
}

.footer-link-group .icon-wrap,
.footer-link-group .text-wrap {
    display: inline-block;
    vertical-align: top
}

.footer-link-group .icon-wrap {
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 1rem;
    background: no-repeat center;
    background-size: cover
}

.footer-link-group .icon-wrap.icon1 {
    background-image: url(../../images/v1/web/bj/icon-set/footer/icon-24hr.png)
}

.footer-link-group .icon-wrap.icon2 {
    background-image: url(../../images/v1/web/bj/icon-set/footer/icon-book.png)
}

.footer-link-group .icon-wrap.icon3 {
    background-image: url(../../images/v1/web/bj/icon-set/footer/icon-ambassador.png)
}

.footer-link-group .icon-wrap.icon4 {
    background-image: url(/images/v1/web/bj/icon-set/footer/icon-license.png)
}

.footer-link-group .icon-wrap.icon5 {
    background-image: url(/images/v1/web/img-template/icon-set/footer/icon-program.png)
}

.footer-link-group .text-wrap {
    width: 12.5rem
}

.footer-link-group .text-wrap h4 {
    font-size: 16px;
    line-height: 40px;
    color: #dedede
}

.footer-link-group .text-wrap a,
.footer-link-group .text-wrap h5 {
    font-size: 12px;
    line-height: 20px
}

.footer-link-group .text-wrap h5 {
    margin-bottom: .625rem;
    color: #999
}

.footer-link-group .text-wrap a {
    margin-right: 5px;
    color: #fff
}

.footer-partner-wrap {
    padding-top: 20px
}

.footer-partner-wrap li {
    position: relative;
    margin-bottom: 1.25rem
}

.footer-partner-wrap li:not(:last-child) {
    margin-right: 2.5rem
}

.footer-partner-wrap li h5 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: .625rem;
    color: rgba(255, 255, 255, .8)
}

.footer-partner-wrap li img {
    height: 1.5625rem
}

.footer-partner-wrap .partner .ft-spon {
    width: 100%
}

.footer-partner-wrap .partner .ft-spon img {
    margin-right: 1.5625rem;
    margin-bottom: 1.25rem;
    opacity: .5
}

.footer-partner-wrap .ft-spon a,
.footer-partner-wrap .partner a {
    margin-right: 1.5625rem
}

.footer-partner-wrap .duty img:last-child,
.footer-partner-wrap .ft-spon a:last-child,
.footer-partner-wrap .partner a:last-child,
.footer-partner-wrap .payment img:last-child,
.footer-partner-wrap .social-media a:last-child,
.footer-partner-wrap .social-media img:last-child,
.login-pop-group .fail-pop .pop-btn-box button:last-child {
    margin-right: 0
}

.footer-partner-wrap .payment img {
    margin-bottom: 1.25rem
}

.footer-partner-wrap .duty img,
.footer-partner-wrap .payment img,
.footer-partner-wrap .social-media img {
    margin-right: 1.5625rem;
    opacity: .5
}

.footer-partner-wrap .duty a,
.footer-partner-wrap .payment a,
.footer-partner-wrap .social-media a {
    margin-right: 1.25rem
}

.footer-partner-wrap .duty {
    min-width: 9.0625rem
}

.footer-logo-wrap {
    padding-top: 1.25rem
}

.footer-logo-wrap .footer-logo {
    height: 100%
}

.footer-logo-wrap .footer-logo .logo,
.footer-logo-wrap .footer-logo .sponsor {
    float: left
}

.footer-logo-wrap .footer-logo .logo {
    display: inline-block;
    position: relative;
    top: 0;
    width: 50px;
    height: 50px;
    margin-right: 3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.footer-logo-wrap .footer-logo .logo::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -1.75rem;
    width: .0625rem;
    height: 2.375rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: rgba(255, 255, 255, .2)
}

.footer-logo-wrap .footer-logo .sponsor {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    height: 100%;
    margin-top: .75rem;
    text-align: left;
    vertical-align: middle
}

.footer-logo-wrap .footer-logo .sponsor p {
    display: inline-block;
    position: relative;
    top: auto;
    padding-left: 2.6875rem;
    color: #fff;
    line-height: 1.25
}

.footer-logo-wrap .footer-logo .sponsor::before {
    background: url(/images/v1/web/bj/gambling_partner.png)no-repeat center;
    background-size: cover;
    content: "";
    top: 0;
    width: 2.375rem;
    height: 2.375rem;
    margin-right: .3125rem;
    vertical-align: middle
}

.footer-logo-wrap .footer-logo.no-sponsor .logo {
    margin-right: 0
}

.footer-logo-wrap .footer-logo.no-sponsor .logo::before {
    display: none
}

.footer-logo-wrap .link-wrap {
    margin-top: .375rem;
    text-align: right
}

.footer-logo-wrap .link-wrap ul {
    margin-bottom: .3125rem
}

.footer-logo-wrap .link-wrap li {
    padding: 0 .9375rem;
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.footer-logo-wrap .link-wrap a {
    font-size: 14px;
    line-height: 20px;
    color: #dedede
}

.footer-logo-wrap .link-wrap a:hover {
    color: #14805e
}

.footer-logo-wrap .link-wrap p {
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, .5)
}

.footer-partner-wrap a img {
    transition: all .3;
    -webkit-filter: saturate(0) brightness(90%) contrast(50%);
    filter: saturate(0) brightness(90%) contrast(50%)
}

.footer-partner-wrap a:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0) brightness(100%);
    filter: grayscale(0) brightness(100%)
}

.float-banner {
    position: fixed;
    left: 35px;
    bottom: 75px;
    z-index: 7999;
    -webkit-filter: drop-shadow(0 0 .375rem rgba(3, 25, 73, .7));
    filter: drop-shadow(0 0 .375rem rgba(3, 25, 73, .7));
    opacity: 1
}

.float-banner .btn-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -.3125rem;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 100%;
    background-color: #14805e;
    opacity: 1
}

.float-banner .btn-close::after,
.float-banner .btn-close::before {
    content: "";
    display: block;
    position: absolute;
    top: .6875rem;
    left: .3125rem;
    width: .9375rem;
    height: .125rem;
    border-radius: .125rem;
    background-color: #fff
}

.float-banner .btn-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.float-banner .btn-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.float-banner .close,
.float-banner a {
    display: inline-flex;
    width: 9.0625rem;
    height: 9.0625rem;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.description .description-section {
    position: relative;
    padding: 0 .5rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
    transition: height .3s
}

.description .description-section .title {
    font-size: 1.125rem;
    margin: .625rem 0;
    color: #dedede
}

.description .description-section .main-landing-page-content {
    line-height: 1.25rem;
    font-size: .875rem;
    color: #999
}

.description .description-section::after {
    background: 0;
    transition: background .3s
}

.description .description-section.fold {
    margin-bottom: 0;
    height: 11.25rem !important
}

.description .description-section.fold::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #353535 10%, rgba(53, 53, 53, 0) 100%)
}

.description .show-more-btn {
    display: block;
    bottom: 1.875rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 1.875rem;
    padding: 0 1.25rem;
    line-height: 1.875rem;
    font-size: .875rem;
    margin: 0 auto;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.main-nav {
    width: 100%;
    height: 2.75rem;
    border-top: 1px solid #525252;
    border-bottom: 1px solid #525252;
    background: #3e3e3e;
    text-align: center
}

.main-nav .header-inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin: 0 auto
}

.main-nav .nav-item {
    position: relative;
    width: 100%;
    margin-top: -1px;
    padding: 0 .625rem;
    cancel.svgtransition: background .5s ease-out .1s;
    color: #fff;
    line-height: 2.75rem
}

.main-nav .nav-item::after {
    bottom: -.0625rem;
    left: 0;
    width: 100%;
    height: .0625rem;
    transition: bottom .2s ease-out .05s, opacity .5s ease-in;
    opacity: 0;
    background: #ffdf18
}

.main-nav .nav-item::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .5s ease-out .1s, opacity .5s ease-in;
    opacity: 0;
    background: url(../../images/v1/web/img-template/theme/green_black/nav-light.png)no-repeat center;
    background-position: center bottom;
    background-size: auto 100%
}

.main-nav .nav-item .arrow::after {
    top: 1.25rem;
    right: 1.25rem;
    width: 0;
    height: 0;
    border-width: 4px 3.5px 0;
    border-style: solid;
    border-color: #fff transparent transparent
}

.nav-item:hover .arrow:after {
    border-color: #14805e transparent transparent
}

.main-nav .nav-item.active,
.main-nav .nav-item:hover {
    transition: background .3s ease-in .1s;
    background: rgba(0, 0, 0, .1);
    color: #14805e
}

.main-nav .nav-item.active::after,
.main-nav .nav-item:hover::after {
    bottom: 0;
    height: .125rem;
    transition: bottom .2s ease-in, opacity .3s ease-out;
    opacity: 1
}

.main-nav .nav-item.active::before,
.main-nav .nav-item:hover::before {
    height: .9375rem;
    transition: height .3s ease-out, opacity .3s ease-in;
    opacity: 1;
    border-bottom: 2px solid #ffdf18
}

.main-nav li {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    width: auto;
    min-width: 7.25rem;
    height: 100%;
    padding-right: 1px;
    float: none
}

.main-nav li>a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-nav li::after {
    top: .875rem;
    right: 0;
    width: 1px;
    height: .875rem;
    background: rgba(255, 255, 255, .2)
}

.main-nav li:first-child::before {
    top: .875rem;
    left: 0;
    width: 1px;
    height: .875rem;
    background: rgba(255, 255, 255, .2)
}

.main-nav .nav-icon {
    flex: 0 0 auto;
    min-width: auto
}

.main-nav .nav-icon .nav-item {
    padding: 0 .625rem
}

.main-nav .nav-icon .nav-item i {
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: background-color .3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle
}

.main-nav .nav-icon .nav-item.active.icon-home i,
.main-nav .nav-icon .nav-item.icon-home i,
.main-nav .nav-icon .nav-item:hover.icon-home i {
    background-image: url(../../images/v1/web/img-template/icon-set/icon-home-w.svg)
}

.main-nav .nav-icon .nav-item.icon-app i {
    background-size: auto 100%
}

.main-nav .nav-icon .nav-item.active.icon-app i,
.main-nav .nav-icon .nav-item.icon-app i,
.main-nav .nav-icon .nav-item:hover.icon-app i {
    background-image: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)
}

.main-sub-nav {
    position: relative;
    height: 45px;
    border: 0
}

.main-sub-nav .nav-inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.main-sub-nav .nav-inner::after,
.main-sub-nav .nav-item::after,
.main-sub-nav .nav-item::before {
    content: none
}

.main-sub-nav .nav-item {
    position: initial;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0
}

.main-sub-nav .nav-item.active>a,
.main-sub-nav .nav-item:hover>a,
.main-sub-nav .nav-item>a:hover {
    color: #22d89f
}

.main-sub-nav .nav-item.active>a .icon-angle-down {
    background-image: url(/images/v1/web/bj/icon-set/nav/icon-angle-down_hover.png)
}

.main-sub-nav .nav-item.active>a::before,
.main-sub-nav .nav-item:hover>a::before {
    bottom: 0;
    height: 10px;
    transition: bottom .2s ease-in, opacity .3s ease-out;
    border-bottom: 2px solid #ffdf18;
    opacity: 1
}

.main-sub-nav .nav-item:hover>a .icon-angle-down {
    background-color: #14805e;
    -webkit-mask: url(../../images/v1/web/bj/icon-set/nav/icon-angle-down.png)no-repeat center/contain;
    mask: url(../../images/v1/web/bj/icon-set/nav/icon-angle-down.png)no-repeat center/contain
}

.main-sub-nav .nav-item:hover::after {
    top: .875rem;
    bottom: auto;
    height: .875rem;
    transition: bottom .2s ease-in, opacity .3s ease-out
}

.main-sub-nav .nav-item>a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 .625rem;
    transition: color .3s;
    color: #fff;
    font-size: .875rem;
    line-height: 42px;
    text-align: center
}

.main-sub-nav .nav-item>a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .5s ease-out .1s, opacity .5s ease-in;
    opacity: 0;
    background: url(../..//images/v1/web/bj/nav/nav-light.png)no-repeat center bottom;
    background-size: 100% 100%
}

.main-sub-nav .nav-item>a::after {
    content: "";
    position: absolute;
    top: .875rem;
    right: 0;
    bottom: auto;
    left: auto;
    width: 1px;
    height: .875rem;
    opacity: 1;
    background: #fff
}

.main-sub-nav .nav-item>a .icon-angle-down {
    display: inline-block;
    width: .6875rem;
    height: .625rem;
    transition: background .3s;
    background-color: #fff;
    -webkit-mask: url(../../images/v1/web/bj/icon-set/nav/icon-angle-down.png)no-repeat center/contain;
    mask: url(../../images/v1/web/bj/icon-set/nav/icon-angle-down.png)no-repeat center/contain
}

.main-sub-nav .nav-item.yb-logo {
    width: 15rem
}

.main-sub-nav .nav-item.yb-logo img {
    display: block;
    width: 9.375rem;
    height: auto;
    margin: 5px auto
}

.main-sub-nav .back-index {
    width: auto;
    padding: 0
}

.main-sub-nav .back-index a {
    width: 100%
}

.main-sub-nav .back-index a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.main-sub-nav .back-index:hover .icon-home {
    background-color: #14805e;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-home-w.svg)no-repeat center/contain;
    mask: url(../../images/v1/web/img-template/icon-set/icon-home-w.svg)no-repeat center/contain
}

.main-sub-nav .back-index:hover .icon-app {
    background-color: #14805e;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)no-repeat center/contain;
    mask: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)no-repeat center/contain
}

.main-sub-nav .back-index .icon-app,
.main-sub-nav .back-index .icon-home {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #fff;
    background-position: center;
    vertical-align: middle
}

.main-sub-nav .back-index .icon-home {
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-home-w.svg)no-repeat center/contain;
    mask: url(../../images/v1/web/img-template/icon-set/icon-home-w.svg)no-repeat center/contain
}

.main-sub-nav .back-index .icon-app {
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)no-repeat center/contain;
    mask: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)no-repeat center/contain
}

.main-sub-nav .app-download,
.main-sub-nav .back-index {
    flex: 0 0 45px;
    min-width: auto
}

.main-sub-nav .app-download:hover i {
    background-color: #14805e
}

.main-sub-nav .app-download i {
    display: inline-block;
    width: 20px;
    height: 45px;
    background-color: #fff;
    vertical-align: middle;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)no-repeat center/100%;
    mask: url(../../images/v1/web/img-template/icon-set/icon-app-w.svg)no-repeat center/100%
}

.login-pop-group .phone-area-code select,
.main-sub-nav .app-download a::before {
    display: none
}

.main-sub-nav .lv2-menu {
    display: none;
    top: 2.75rem;
    height: 245px;
    background: rgba(238, 238, 238, .9)
}

.main-sub-nav .lv2-menu::after {
    content: "";
    bottom: 0;
    height: 30px;
    background: rgba(0, 0, 0, .9)
}

.main-sub-nav .lv2-menu .lv2-menu-inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc((100% - 1200px)/2);
    width: 75rem;
    margin: 0 auto;
    font-size: 0;
    text-align: center
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-2 .menu-item {
    width: calc((100% - 10rem)/2)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-3 .menu-item {
    width: calc((100% - 10rem)/3)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-4 .menu-item {
    width: calc((100% - 10rem)/4)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-5 .menu-item {
    width: calc((100% - 10rem)/5)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-6 .menu-item {
    width: calc((100% - 10rem)/6)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-2 .menu-item {
    width: calc((100% - 19.375rem)/2)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-3 .menu-item {
    width: calc((100% - 19.375rem)/3)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-4 .menu-item {
    width: calc((100% - 19.375rem)/4)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-5 .menu-item {
    width: calc((100% - 19.375rem)/5)
}

.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-6 .menu-item {
    width: calc((100% - 19.375rem)/6)
}

.main-sub-nav .lv2-menu .menu-item {
    height: 100%;
    padding-right: 0;
    float: none;
    transition: background-color .3s;
    vertical-align: middle
}

.main-sub-nav .lv2-menu .menu-item::after,
.main-sub-nav .lv2-menu .menu-item::before,
.pop-wrap.login div.error::before {
    content: none
}

.main-sub-nav .lv2-menu .menu-item:hover {
    background-color: #fff
}

.main-sub-nav .lv2-menu .menu-item a,
.normal-item a {
    display: block;
    height: 100%
}

.main-sub-nav .lv2-menu .menu-item a img {
    display: inline-block;
    width: auto;
    height: 215px;
    max-height: 100%
}

.main-sub-nav .lv2-menu .menu-item p {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 30px
}

.main-sub-nav .lv2-menu .promotion-text {
    width: 8.75rem;
    margin-left: .625rem;
    float: none;
    text-align: left;
    vertical-align: middle
}

.main-sub-nav .lv2-menu .promotion-text .text,
.main-sub-nav .lv2-menu .promotion-text .title {
    display: none;
    color: #14805e;
    font-size: 2.25rem;
    font-weight: lighter;
    line-height: 1.5
}

.main-sub-nav .lv2-menu .promotion-text .text {
    color: #848484;
    font-size: 1.25rem
}

.main-sub-nav .lv2-menu .promotion-text .rebat {
    display: block;
    width: 100%;
    height: auto;
    max-height: 193px;
    margin: 0 0 30px
}

.main-sub-nav li::after {
    width: 0
}

.main-sub-nav .lv2-menu,
.main-sub-nav .lv2-menu::after,
.sub-nav,
.sub-nav::after {
    position: absolute;
    left: 0;
    width: 100%
}

.sub-nav {
    display: none;
    top: 2.75rem;
    height: 245px;
    background: url(/images/v1/web/img-template/nav/SPORTS/sub-nav-bg.jpg)no-repeat center
}

.sub-nav::after {
    content: "";
    bottom: 0;
    height: 30px;
    background: #313131
}

.sub-nav .sub-nav-item.normal-item {
    flex: 1
}

.sub-nav .sub-nav-item.normal-item::after,
.sub-nav .sub-nav-item.normal-item::before {
    content: none;
    display: none
}

.sub-nav .sub-nav-item.promotion-item,
.sub-nav-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.sub-nav .sub-nav-item.promotion-item {
    flex-flow: row
}

.sub-nav .maintenance {
    pointer-events: auto
}

.sub-nav-inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc((100% - 1200px)/2);
    width: 75rem;
    margin: 0 auto;
    font-size: 0;
    text-align: center
}

.normal-item {
    position: relative;
    height: 100%;
    padding-right: 0;
    transition: background-color .3s;
    vertical-align: middle
}

.normal-item:not(.maintenance):hover {
    background-color: rgba(255, 255, 255, .68)
}

.normal-item:not(.maintenance):hover .item-box img.item-2nd {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1
}

.normal-item:not(.maintenance):hover a>p {
    background: #14805e
}

.normal-item .item-box {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    overflow: hidden
}

.normal-item .item-box img {
    display: inline-block;
    position: relative;
    width: auto;
    height: 215px;
    max-height: 100%
}

.normal-item .item-box img.item-1st {
    z-index: 3;
    transition: all .1s
}

.normal-item .item-box img.item-2nd {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    transition: opacity .2s, transform .1s;
    transition: opacity .2s, transform .1s, -webkit-transform .1s;
    opacity: 0
}

.normal-item .item-box img.item-3rd {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    transition: all .1s
}

.normal-item a>p,
.normal-item span {
    width: 100%;
    color: #fff;
    line-height: 30px
}

.normal-item span {
    display: block;
    position: absolute;
    z-index: 4;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: all .5s;
    background-image: linear-gradient(90deg, #fbc103, #b1934e);
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 2px 6px rgba(24, 37, 65, .35);
    text-transform: uppercase;
    background-clip: text;
    -webkit-background-clip: text
}

.normal-item a>p {
    height: 30px;
    transition: .3s;
    background: #000;
    font-size: 14px
}

.promotion-item .promotion-box {
    width: 8.75rem;
    margin-left: .625rem;
    float: none;
    text-align: left;
    vertical-align: middle
}

.promotion-item .promotion-box .text,
.promotion-item .promotion-box .title {
    display: none;
    color: #14805e;
    font-size: 2.25rem;
    font-weight: lighter;
    line-height: 1.5
}

.promotion-item .promotion-box .text {
    color: #848484;
    font-size: 1.25rem
}

.promotion-item .promotion-box .rebat {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px
}

.main-banner-wrap .mask {
    display: none;
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(16, 24, 40, .75)
}

.sub-nav-item .maintenance-box {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    height: calc(100% - 30px);
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .3))
}

.sub-nav-item .maintenance-inner {
    position: relative;
    padding: 40px 0
}

.maintenance-inner img {
    display: block;
    position: absolute;
    z-index: -1;
    top: 40px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .3s;
    -webkit-filter: blur(3px) opacity(.2);
    filter: blur(3px) opacity(.2)
}

.sub-nav-slide {
    display: none;
    position: absolute;
    top: 2.75rem;
    left: 0;
    width: 100%;
    height: 15.3125rem;
    background: #313131
}

.sub-nav-slide .sub-nav-inner {
    height: 100%
}

.sub-nav-slide .arrow-next,
.sub-nav-slide .arrow-prev {
    width: 1.875rem;
    height: 3.75rem;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background: #ffdf18;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-prev.svg)no-repeat center/70%;
    mask: url(../../images/v1/web/img-template/icon-set/icon-prev.svg)no-repeat center/70%
}

.sub-nav-slide .arrow-next:hover,
.sub-nav-slide .arrow-prev:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer
}

.sub-nav-slide .arrow-prev:disabled {
    opacity: .4
}

.sub-nav-slide .arrow-next:disabled,
.sub-nav-slide .arrow-prev:disabled {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sub-nav-slide .arrow-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sub-nav-slide .arrow-next:hover {
    -webkit-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2)
}

.sub-nav-slide .arrow-next:disabled {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: .4
}

.sub-nav-slide .sub-nav-draggable {
    position: relative;
    width: 100%;
    overflow: hidden
}

.sub-nav-slide .sub-nav-track {
    display: flex
}

.sub-nav-slide .item-box {
    display: block;
    position: absolute;
    top: 3rem;
    left: 5%;
    width: 90%;
    height: 90%;
    margin: auto;
    transition: all .3s
}

.sub-nav-slide .sub-nav-item {
    display: flex;
    position: relative;
    flex-shrink: 0;
    align-items: center;
    width: 17.8125rem;
    height: 15.3125rem;
    float: left
}

.sub-nav-slide .sub-nav-item:hover {
    cursor: pointer
}

.sub-nav-slide .sub-nav-item:hover::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .2;
    background: linear-gradient(180deg, rgba(255, 223, 24, .6)0, #3e3e3e 80%)
}

.sub-nav-slide .sub-nav-item img {
    position: absolute;
    left: 0;
    width: 100%
}

.sub-nav-slide span {
    position: relative;
    z-index: 3;
    left: 1.5rem;
    align-self: flex-start;
    max-width: 100%;
    margin-top: 1.25rem;
    padding-left: .75rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.125rem
}

.sub-nav-slide span::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: .125rem;
    height: 1.125rem;
    background: #f5d13c
}

.sub-nav-slide p {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    color: #fff;
    text-shadow: 0 .125rem .25rem #ffdf18
}

.sub-nav-slide p::after {
    display: block;
    position: absolute;
    z-index: -1;
    right: -.5rem;
    bottom: -.5rem;
    width: 4.375rem;
    height: 4.375rem;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    background: linear-gradient(90deg, #ffdf18 0, #f79604 100%);
    box-shadow: 0 .0625rem .125rem 0 rgba(6, 8, 15, .3), inset 0 0 .1875rem 0#fffcfc;
    -webkit-clip-path: polygon(100%0, 0 100%, 100% 100%);
    clip-path: polygon(100%0, 0 100%, 100% 100%)
}

.sub-nav-slide .maintenance-box {
    height: 100%;
    background: rgba(62, 62, 62, .8)
}

.sub-nav-slide .maintenance-box h5 {
    position: relative;
    bottom: 4.5rem;
    color: #ffdf18;
    font-size: 1.125rem;
    letter-spacing: .125rem;
    line-height: 1.25rem
}

.content {
    min-height: 37.5rem;
    padding-top: 10.875rem;
    transition: height 3s
}

.content.nomainnav {
    height: 100vh;
    padding: 6.25rem 0
}

.content.nomainnav .container-1200 {
    justify-content: center;
    height: 100%;
    padding: 0;
    display: inline-block;
    width: 75rem;
    text-align: left
}

.content.nomainnav .iplimit-card-wrap.service {
    margin: 0
}

.content,
.content.nomainnav .container-1200.center {
    text-align: center
}

.content.nomainnav .container-1200.casino {
    position: relative;
    z-index: 2;
    margin-top: -6.25rem
}

.content.separate .container-1200.casino {
    margin-top: 0
}

.content.separate .slick-dots {
    bottom: 2.5rem
}

.content .container-1200 {
    display: inline-block;
    width: 75rem;
    text-align: left
}

.content .container-1200.center {
    text-align: center
}

.content .container-1200.casino {
    position: relative;
    z-index: 2;
    margin-top: -6.25rem
}

.content .container-1400 {
    display: inline-block;
    width: 87.5rem
}

.content .container-w100 {
    display: inline-block;
    width: 100%
}

.mini-header .content {
    padding-top: 9rem
}

.main-banner-wrap {
    position: relative;
    margin-bottom: 1.25rem;
    background: #464646
}

.post {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.875rem;
    background: rgba(13, 84, 62, .9);
    text-align: center
}

.post .marquee,
.post .post-icon {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    line-height: 1.875rem
}

.post .marquee {
    width: 73.125rem;
    height: 100%;
    margin-left: 1.875rem;
    overflow: hidden
}

.post .marquee ul {
    display: flex;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.post .marquee ul li {
    padding-right: 1.25rem
}

.post .marquee ul p {
    display: inline-block;
    white-space: nowrap
}

.post .marquee,
.post a {
    color: rgba(255, 255, 255, .8)
}

.post a:hover {
    color: #1ec28f
}

.post .post-icon {
    position: absolute;
    padding-left: 1.5625rem;
    color: #f2f2f2
}

.post .post-icon::before {
    width: 18px;
    height: 16px;
    margin-top: .5rem;
    margin-left: -1.5625rem;
    background: url(../../images/v1/web/img-template/icon-set/marquee-w.svg)no-repeat center/contain
}

.main-wrap,
.main-wrap-casino,
.main-wrap-slotgame,
.main-wrap-sport {
    background-color: #e5e5e5
}

.main-wrap,
.main-wrap-casino,
.main-wrap-hotsport,
.main-wrap-iframe,
.main-wrap-slotgame,
.main-wrap-sport {
    width: 594px;
    height: 24.5rem;
    border-top: 1px solid rgba(20, 128, 94, .7);
    background: no-repeat center
}

.main-wrap-iframe {
    background-color: #e5e5e5
}

.list-wrap-casino,
.main-wrap-casino-1st,
.main-wrap-sport-1st {
    width: 100%;
    margin-bottom: .75rem
}

.main-wrap-hotsport,
.main-wrap-iframe,
.main-wrap-slotgame,
.main-wrap-sport {
    margin-bottom: .75rem;
    border-radius: 3px;
    overflow: hidden
}

.main-wrap-hotsport h3,
.main-wrap-iframe h3,
.main-wrap-slotgame h3,
.main-wrap-sport h3 {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 3.125rem;
    padding-left: 1.25rem;
    color: #fff;
    line-height: 3.125rem
}

.main-wrap-casino {
    margin-bottom: .75rem;
    border-radius: 3px
}

.main-wrap-sport-1st .main-wrap-hotsport,
.main-wrap-sport-1st .main-wrap-sport {
    margin-bottom: 0
}

.main-wrap-banner-group {
    width: 100%;
    margin-bottom: .75rem
}

.main-wrap-banner-group.right {
    width: 594px
}

.main-banner-group li {
    width: 18.1875rem;
    height: 11.875rem;
    margin-right: .75rem;
    border-radius: 3px;
    overflow: hidden
}

.main-banner-group li:nth-last-of-type(1) {
    margin-right: 0
}

.main-wrap-banner-group.right .main-banner-group li {
    margin-bottom: .75rem
}

.main-wrap-banner-group.right .main-banner-group li:nth-of-type(even) {
    margin-right: 0
}

.main-wrap-banner-group.right .main-banner-group li:nth-last-of-type(-n+2) {
    margin-bottom: 0
}

.main-banner-group .info-banner-wrap {
    position: relative
}

.main-banner-group .info-banner-wrap .dptoac-wrap,
.main-banner-group .info-banner-wrap .wdtoac-wrap {
    width: 100%;
    height: 3rem;
    margin-bottom: 1px;
    background-color: #fff
}

.main-banner-group .info-banner-wrap .dptoac-wrap .bar,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar {
    display: inline-block;
    position: relative;
    height: 100%;
    padding: .25rem .4375rem 0;
    border-bottom: 1px solid #1bac7e;
    background: #14805e
}

.main-banner-group .info-banner-wrap .dptoac-wrap .bar::after,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar::after {
    content: attr(data-time);
    top: 0;
    right: 0;
    -webkit-transform: translate(120%, 0);
    transform: translate(120%, 0);
    color: #14805e;
    font-size: 1.875rem;
    font-style: italic;
    font-weight: 700;
    line-height: 3rem
}

.main-banner-group .info-banner-wrap .dptoac-wrap p,
.main-banner-group .info-banner-wrap .wdtoac-wrap p {
    opacity: .8
}

.main-banner-group .info-banner-wrap .dptoac-wrap .bar {
    width: 30%
}

.main-banner-group .info-banner-wrap .wdtoac-wrap .bar {
    width: 60%
}

.main-banner-group .info-banner-wrap h5,
.main-banner-group .info-banner-wrap p {
    color: #fff
}

.main-banner-group .info-banner-wrap h5 {
    font-size: 15px;
    line-height: 20px
}

.main-banner-group .info-banner-wrap p {
    font-size: 12px;
    line-height: 20px
}

.main-banner-group .single-coin {
    background-image: linear-gradient(-180deg, #d9d9d9 0, #f2f2f2 100%);
    position: relative;
    width: 9.0625rem;
    height: 5.75rem;
    padding: 1rem .875rem
}

.main-banner-group .single-coin::after {
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 97%, rgba(191, 191, 191, .8) 100%)
}

.main-banner-group .single-coin::before {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0)0, rgba(0, 0, 0, .1) 100%)
}

.main-banner-group .single-coin::after {
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-banner-group .single-coin::before {
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    opacity: .5
}

.main-banner-group .single-coin:nth-of-type(3) {
    margin-right: 1px
}

.main-banner-group .single-coin h5 {
    color: #14805e;
    letter-spacing: 1px
}

.main-banner-group .single-coin p {
    margin-top: .875rem;
    color: #14805e;
    letter-spacing: 1px
}

.main-banner-group .single-coin p i {
    margin-right: .3125rem;
    font-size: 1.875rem;
    font-style: italic;
    font-weight: 700
}

.main-banner-group .main-banner-xs-wrap {
    position: relative;
    padding: .9375rem 1.25rem;
    background: no-repeat center;
    background-size: cover
}

.main-banner-group .main-banner-xs-wrap h4 {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.main-banner-group .main-banner-xs-wrap h5 {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    color: #fff
}

.main-banner-group .main-banner-xs-wrap.type1 h4 {
    letter-spacing: 1px;
    line-height: 1.3
}

.main-banner-group .main-banner-xs-wrap.type1 h5 {
    bottom: .9375rem
}

.main-banner-group .main-banner-xs-wrap.type2,
.main-banner-group .main-banner-xs-wrap.type3 {
    text-align: center
}

.main-banner-group .main-banner-xs-wrap.type2 h5,
.main-banner-group .main-banner-xs-wrap.type3 h5 {
    left: 1.25rem;
    width: 15.6875rem;
    top: .9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-banner-group .main-banner-xs-wrap.type2 h4,
.main-banner-group .main-banner-xs-wrap.type3 h4 {
    display: -webkit-box;
    margin-top: 1.25rem;
    overflow: hidden;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.main-banner-group .main-banner-xs-wrap.type2 a,
.main-banner-group .main-banner-xs-wrap.type3 a {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-banner-group .main-banner-xs-wrap.type3 h4 {
    -webkit-line-clamp: 2
}

.maintenance,
.promotion-card li.disable a,
.promotion-subnav li a i,
.promotion-subnav li a p {
    pointer-events: none
}

.maintenance .maintenance-box {
    display: block
}

.maintenance-box {
    display: none;
    width: 100%;
    line-height: 1.2
}

.maintenance-box::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.maintenance-inner {
    display: inline-block;
    width: 98%;
    text-align: center;
    vertical-align: middle
}

.maintenance-inner p,
.maintenance-inner strong {
    color: #14805e;
    text-transform: uppercase
}

.maintenance-inner strong {
    font-size: 1.875rem;
    font-weight: 700
}

.maintenance-inner p {
    font-size: .875rem;
    letter-spacing: 1px
}

.icon-maintenance {
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 auto 5px;
    background: linear-gradient(to bottom, #1bac7e, #14805e);
    vertical-align: middle;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-maintenance.svg)no-repeat center/cover;
    mask: url(/images/v1/web/img-template/icon-set/icon-maintenance.svg)no-repeat center/cover
}

.no-scroll-y {
    overflow-y: hidden
}

select>option {
    color: #555
}

.pop-wrap.login {
    width: 400px
}

.pop-wrap.login div.error {
    font-size: 12px;
    line-height: 20px;
    display: none;
    width: 300px;
    height: 0;
    margin-bottom: 0;
    transition: all .3s linear;
    border: 1px solid #a62626;
    background: rgba(166, 38, 38, .2);
    color: #a62626;
    text-align: left
}

.pop-wrap.login div.error .icon-error {
    display: none;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    background: url(/images/v1/web/img-template/icon-set/icon-error.svg)no-repeat center;
    vertical-align: middle
}

.pop-wrap.login div.error.active {
    display: block;
    height: auto;
    margin-bottom: 10px;
    padding: 6px;
    -webkit-animation: errorShow .5s ease-in-out forwards;
    animation: errorShow .5s ease-in-out forwards;
    opacity: 0
}

.pop-wrap.login .input-group {
    display: inline-block;
    width: 300px;
    padding: 0
}

.pop-wrap.login .input-group input:-webkit-autofill,
.pop-wrap.login .input-group input:-webkit-autofill:focus,
.pop-wrap.login .input-group input:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    -webkit-text-fill-color: #14805e !important
}

.pop-wrap.login .input-group select:-webkit-autofill,
.pop-wrap.login .input-group select:-webkit-autofill:focus,
.pop-wrap.login .input-group select:-webkit-autofill:hover,
.pop-wrap.login .input-group textarea:-webkit-autofill,
.pop-wrap.login .input-group textarea:-webkit-autofill:focus,
.pop-wrap.login .input-group textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #14805e !important
}

.pop-wrap.login .input-group label {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    border-right: 1px solid #adacb1;
    pointer-events: none
}

.pop-wrap.login .input-group i {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: no-repeat center
}

.pop-wrap.login .input-group i.icon-user {
    background-image: url(../../images/v1/web/img-template/icon-set/theme-icon/green-black/login/icon-user.png)
}

.pop-wrap.login .input-group i.icon-password {
    background-image: url(../../images/v1/web/img-template/icon-set/theme-icon/green-black/login/icon-pass.png)
}

.pop-wrap.login .input-group i.icon-mail {
    background-image: url(../../images/v1/web/img-template/icon-set/theme-icon/green-black/login/icon-login-mail.png)
}

.pop-wrap.login .input-group input {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 11px 0 11px 54px;
    transition: all .5s ease-in;
    border: 0;
    background: 0 0;
    font-weight: 700
}

.pop-wrap.login .input-group input::-webkit-input-placeholder {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1;
    color: #999;
    font-weight: 400
}

.pop-wrap.login .input-group input::-moz-placeholder {
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1;
    color: #999;
    font-weight: 400
}

.pop-wrap.login .input-group input::placeholder {
    transition: all .3s ease-out;
    opacity: 1;
    color: #999;
    font-weight: 400
}

.pop-wrap.login .input-group input:-webkit-autofill,
.pop-wrap.login .input-group input:-webkit-autofill:focus,
.pop-wrap.login .input-group input:-webkit-autofill:hover {
    box-shadow: 0 0 0 50px #fff inset !important
}

.pop-wrap.login .input-group li {
    display: block;
    position: relative;
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
    border: 1px solid #adacb1;
    line-height: 44px
}

.pop-wrap.login .input-group li:last-child {
    margin-bottom: 0
}

.pop-wrap.login .input-group li.active,
.pop-wrap.login .input-group li.focus {
    border: 3px solid rgba(20, 128, 94, .4)
}

.pop-wrap.login .input-group li.active label,
.pop-wrap.login .input-group li.focus label {
    width: 40px;
    height: 39px;
    border-right: 1px solid rgba(20, 128, 94, .4)
}

.pop-wrap.login .forget:hover,
.pop-wrap.login .input-group li input,
.pop-wrap.login .link:hover {
    color: #14805e
}

.pop-wrap.login .input-group li input:focus::-webkit-input-placeholder {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
    opacity: 0
}

.pop-wrap.login .input-group li input:focus::-moz-placeholder {
    transform: translate(5px, 0);
    opacity: 0
}

.pop-wrap.login .input-group li input:focus::placeholder {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
    opacity: 0
}

.pop-wrap.login .input-group li.wrong {
    border: 1px solid #a62626
}

.pop-wrap.login .input-group li.wrong label {
    width: 42px;
    height: 42px;
    border-right: 1px solid #a62626
}

.pop-wrap.login .input-group li.wrong input {
    color: #a62626
}

.pop-wrap.login .link {
    display: inline-block;
    text-decoration: underline
}

.pop-wrap.login .forget,
.pop-wrap.login p {
    font-size: 14px;
    line-height: 20px;
    width: 300px
}

.pop-wrap.login .forget {
    margin-bottom: 12px;
    color: #474747;
    text-align: right
}

.pop-wrap.login .btn-default-xs {
    width: 300px;
    height: 40px;
    margin-bottom: 12px;
    line-height: 40px
}

.pop-wrap.login p {
    display: inline-block;
    text-align: left
}

.pop-wrap.login .pop-inner {
    overflow: hidden
}

.pop-wrap.login .input-slides {
    width: 200%;
    overflow: hidden;
    transition: all .5s ease-out
}

.pop-wrap.login .input-slides .input-forget,
.pop-wrap.login .input-slides .input-login {
    width: 400px;
    padding: 0 50px;
    float: left
}

.pop-wrap.login .pop-title h3 {
    padding-right: 63px
}

.pop-wrap.login .eyes {
    top: 0;
    z-index: 1
}

.login-pop-group,
.login-pop-group.active {
    -webkit-animation: popShow .5s ease-in-out forwards;
    animation: popShow .5s ease-in-out forwards
}

.login-pop-group {
    display: none;
    position: fixed;
    top: 25%;
    left: 50%;
    width: 400px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.login-pop-group.active {
    display: block !important
}

.login-pop-group.hide {
    -webkit-animation: popHide .5s ease-in-out forwards;
    animation: popHide .5s ease-in-out forwards
}

.login-pop-group .phone-code-list {
    width: 6.75rem;
    max-height: 7.5rem;
    padding-left: 0;
    background: #fff;
    color: #666
}

.login-pop-group .phone-code-list li {
    flex: 1 0 45%
}

.login-pop-group .pop-wrap {
    display: block;
    position: static;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.login-pop-group .tips-warning {
    width: 100%;
    opacity: 0
}

.login-pop-group .tips-warning.active {
    -webkit-animation: TopToBottom .5s ease-in-out forwards;
    animation: TopToBottom .5s ease-in-out forwards
}

.login-pop-group .tips-warning.hide {
    -webkit-animation: BottomToTop .5s ease-in-out backwards;
    animation: BottomToTop .5s ease-in-out backwards
}

.login-pop-group .pop-wrap.login .pop-inner {
    padding: 20px 0
}

.login-pop-group .pop-wrap.login li {
    height: auto;
    padding-bottom: 0;
    border: 0;
    line-height: 1.5;
    text-align: left
}

.login-pop-group .pop-wrap.login li:last-child {
    margin-bottom: 10px
}

.login-pop-group .pop-wrap.login .phone-code-list li {
    padding: .1875rem .3125rem;
    border-radius: 5px
}

.login-pop-group .pop-wrap.login label {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    border: 0
}

.login-pop-group .pop-wrap.login input {
    position: static;
    height: 40px;
    padding: 0 10px 0 45px;
    border: 1px solid #adacb1;
    border-radius: 3px
}

.login-pop-group .pop-wrap.login input:focus {
    border: 2px solid rgba(20, 128, 94, .4)
}

.login-pop-group .pop-wrap.login .input-icon-type {
    position: relative
}

.login-pop-group .pop-wrap.login .input-icon-type i {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.login-pop-group .pop-wrap.login .input-group,
.login-pop-group .tab-primary-box {
    width: 100%
}

.login-pop-group .pop-wrap.login .input-slides {
    transition: .3s ease-out;
    text-align: left
}

.login-pop-group .pop-wrap.login .forget {
    width: auto;
    max-width: 40%;
    float: right
}

.login-pop-group .pop-wrap.login .forget:lang(hi) {
    max-width: 45%
}

.login-pop-group .pop-wrap.login .btn-default-xs,
.vip-level-wrap tr {
    text-align: center
}

.login-pop-group .pop-wrap.login .error {
    padding: 0
}

.login-pop-group .pop-wrap.login span.error {
    display: inline-block;
    max-width: 60%;
    font-size: .875rem;
    word-wrap: break-word
}

.login-pop-group .pop-wrap.login span.error:lang(hi) {
    max-width: 55%
}

.login-pop-group .pop-wrap.login .lang-select {
    width: 6.875rem;
    line-height: 0
}

.login-pop-group .pop-wrap.login .lang-select img {
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8)
}

.login-pop-group .pop-wrap.login .input-forget,
.login-pop-group .pop-wrap.login .input-login {
    padding: 8px 50px 15px
}

.login-pop-group .pop-wrap.login .phone-info input,
.login-pop-group .pop-wrap.login .verification-input input {
    padding-left: 10px
}

.login-pop-group .pop-wrap.login .phone-info li {
    margin: 0
}

.login-pop-group .pop-wrap.login .eyes {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #000;
    cursor: pointer;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/eyes-close.svg)no-repeat center/50%;
    mask: url(../../images/v1/web/img-template/icon-set/eyes-close.svg)no-repeat center/50%
}

.login-pop-group .pop-wrap.login .eyes.active {
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/eyes-open.svg)no-repeat center/50%;
    mask: url(../../images/v1/web/img-template/icon-set/eyes-open.svg)no-repeat center/50%
}

.login-pop-group .tab-primary-box ul {
    padding-left: 0;
    background: #aaa
}

.login-pop-group .tab-primary-box li {
    list-style: none
}

.login-pop-group .tab-primary-box a {
    line-height: 30px;
    text-align: center
}

.login-pop-group .btn-select {
    height: 40px;
    border: 1px solid #adacb1;
    background: #fff
}

.login-pop-group .btn-select:focus {
    border: 1px solid rgba(20, 128, 94, .4)
}

.login-pop-group .btn-select::after {
    opacity: .6;
    background: url(../../images/v1/web/img-template/icon-set/icon-angle-down.svg)no-repeat center/contain
}

.login-pop-group .btn-select span {
    color: #666
}

.login-pop-group .phone-code-list {
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.login-pop-group .phone-code-list ul {
    padding-left: 0
}

.login-pop-group .verification-input p {
    display: inline-block;
    width: auto
}

.login-pop-group .verification-input .svg-mail-group li {
    height: 2px;
    margin: 1px 0
}

.login-pop-group .verification-input .svg-mail-group li:last-child {
    margin: 1px 0
}

.login-pop-group .fail-pop {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: .3s;
    box-shadow: 0 2px 40px 8px rgba(0, 0, 0, .7)
}

.login-pop-group .fail-pop.active {
    -webkit-animation: failPopShow .2s ease-in-out forwards;
    animation: failPopShow .2s ease-in-out forwards
}

.login-pop-group .fail-pop.hide {
    -webkit-animation: failPopHide .3s ease-in-out forwards;
    animation: failPopHide .3s ease-in-out forwards
}

.login-pop-group .fail-pop .pop-btn-box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.login-pop-group .fail-pop .pop-btn-box button {
    margin-right: 10px;
    padding: 0 .625rem;
    cursor: pointer
}

.login-pop-demo-tool {
    display: flex;
    position: fixed;
    justify-content: center;
    z-index: 8001;
    top: 20px;
    left: 50%;
    width: 1000px;
    flex-flow: row wrap;
    padding: 20px 10px 10px 20px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 1px solid #fbc103;
    border-radius: 5px;
    background: rgba(49, 38, 1, .8);
    box-shadow: 0 0 5px 2px rgba(247, 150, 4, .7);
    line-height: 0
}

.login-pop-demo-tool h3 {
    flex: 1 0 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 1.125rem;
    color: #f79604;
    text-align: center;
    line-height: 1
}

.login-pop-demo-tool a {
    margin: 0 10px 10px 0;
    padding: 0 10px;
    min-width: 150px;
    text-align: center
}

#forgot-password-turnstile {
    margin-top: .625rem
}

.pop-wrap.message {
    max-width: 600px
}

.pop-wrap.message .pop-inner {
    max-height: 500px;
    padding: 30px;
    overflow-y: scroll;
    text-align: left
}

.pop-wrap.message .pop-inner a,
.pop-wrap.message .pop-inner b,
.pop-wrap.message .pop-inner ol li,
.pop-wrap.message .pop-inner p,
.pop-wrap.message .pop-inner span,
.pop-wrap.message .pop-inner ul li {
    color: #111 !important;
    font-size: 14px !important;
    line-height: 1.8 !important
}

.pop-wrap.message .pop-inner a {
    display: inline-block;
    transition: .3s;
    color: #14805e !important;
    text-decoration: underline !important
}

.pop-wrap.message .pop-inner b {
    display: block !important
}

.pop-wrap.message .pop-inner span {
    display: inline-block !important
}

.pop-wrap.message .pop-inner a span:hover,
.pop-wrap.message .pop-inner a:hover {
    color: #0d543e !important
}

.pop-wrap.message .pop-inner a span {
    color: #14805e !important
}

.pop-wrap.message .pop-inner ol,
.pop-wrap.message .pop-inner p,
.pop-wrap.message .pop-inner ul {
    margin-bottom: 15px !important
}

.pop-wrap.message .pop-inner table ol,
.pop-wrap.message .pop-inner table p,
.pop-wrap.message .pop-inner table ul {
    margin-bottom: 0 !important
}

.pop-wrap.message .pop-inner p {
    word-wrap: break-word
}

.pop-wrap.message .pop-title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.pop-wrap.message .pop-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    flex: 1;
    line-height: 1.3;
    word-break: break-all
}

.pop-wrap.message .btn-close {
    position: static
}

.pop-image {
    min-width: 0;
    background: 0 0 !important
}

.pop-image.bg-png .notshow-checkbox {
    transition: all .3s;
    background: 0 0;
    text-align: center
}

.pop-image.bg-png .notshow-checkbox .check-cube {
    text-align: left
}

.pop-image.bg-png .btn-close {
    transition: all .3s;
    border-radius: 50%;
    background: #14805e
}

.pop-image.bg-png .btn-close:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3)
}

.lightbox {
    line-height: 0
}

.lightbox img {
    display: block;
    max-width: 1200px;
    max-height: 80vh
}

.detail-banner,
.lightbox {
    position: relative
}

.detail-banner img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 230px
}

.title-wrap {
    width: 100%
}

.title-wrap h3 {
    color: #14805e
}

.pop-btn-register {
    width: 100%;
    height: 40px;
    transition: .3s;
    border-radius: 0;
    opacity: 0;
    line-height: 40px;
    text-align: center
}

.promotion-sty-a.active .detail-banner::after {
    -webkit-animation: shadowOpen ease-out .5s alternate .2s forwards;
    animation: shadowOpen ease-out .5s alternate .2s forwards
}

.pop-wrap.pop-bonus-reminders,
.pop-wrap.pop-notification,
.pop-wrap.promotion,
.pop-wrap.promotion-sty-a {
    width: 580px
}

.pop-wrap.promotion .pop-inner,
.pop-wrap.promotion-sty-a .pop-inner {
    max-height: 40vh;
    padding: 10px 20px 0;
    line-height: 24px
}

.pop-wrap.pop-bonus-reminders .pop-inner,
.pop-wrap.pop-notification .pop-inner {
    padding: 10px 20px 0;
    line-height: 24px
}

.pop-wrap.pop-bonus-reminders .pop-inner>div,
.pop-wrap.pop-notification .pop-inner>div,
.pop-wrap.promotion .pop-inner>div,
.pop-wrap.promotion-sty-a .pop-inner>div {
    margin-bottom: 20px
}

.pop-wrap.pop-bonus-reminders .article,
.pop-wrap.pop-bonus-reminders .article li,
.pop-wrap.pop-bonus-reminders .article p,
.pop-wrap.pop-bonus-reminders .article table,
.pop-wrap.pop-notification .article,
.pop-wrap.pop-notification .article li,
.pop-wrap.pop-notification .article p,
.pop-wrap.pop-notification .article table,
.pop-wrap.promotion .article,
.pop-wrap.promotion .article li,
.pop-wrap.promotion .article p,
.pop-wrap.promotion .article table,
.pop-wrap.promotion-sty-a .article,
.pop-wrap.promotion-sty-a .article li,
.pop-wrap.promotion-sty-a .article p,
.pop-wrap.promotion-sty-a .article table {
    font-size: .875rem
}

.pop-wrap.pop-bonus-reminders .article ol,
.pop-wrap.pop-bonus-reminders .article p,
.pop-wrap.pop-notification .article ol,
.pop-wrap.pop-notification .article p,
.pop-wrap.promotion .article ol,
.pop-wrap.promotion .article p,
.pop-wrap.promotion-sty-a .article ol,
.pop-wrap.promotion-sty-a .article p {
    margin: 10px 0
}

.pop-wrap.pop-bonus-reminders .article ol,
.pop-wrap.pop-bonus-reminders .article p,
.pop-wrap.pop-bonus-reminders .article table,
.pop-wrap.pop-notification .article ol,
.pop-wrap.pop-notification .article p,
.pop-wrap.pop-notification .article table,
.pop-wrap.promotion .article ol,
.pop-wrap.promotion .article p,
.pop-wrap.promotion .article table,
.pop-wrap.promotion-sty-a .article ol,
.pop-wrap.promotion-sty-a .article p,
.pop-wrap.promotion-sty-a .article table {
    color: #333
}

.pop-wrap.pop-bonus-reminders .article td,
.pop-wrap.pop-bonus-reminders .article th,
.pop-wrap.pop-notification .article td,
.pop-wrap.pop-notification .article th,
.pop-wrap.promotion .article td,
.pop-wrap.promotion .article th,
.pop-wrap.promotion-sty-a .article td,
.pop-wrap.promotion-sty-a .article th {
    padding: 6px;
    border: 1px solid rgba(51, 51, 51, .5)
}

.pop-wrap.pop-bonus-reminders .article ol,
.pop-wrap.pop-bonus-reminders .article ul,
.pop-wrap.pop-notification .article ol,
.pop-wrap.pop-notification .article ul,
.pop-wrap.promotion .article ol,
.pop-wrap.promotion .article ul,
.pop-wrap.promotion-sty-a .article ol,
.pop-wrap.promotion-sty-a .article ul {
    padding-left: 20px
}

.pop-wrap.pop-bonus-reminders .article ol li,
.pop-wrap.pop-bonus-reminders .article ul li,
.pop-wrap.pop-notification .article ol li,
.pop-wrap.pop-notification .article ul li,
.pop-wrap.promotion .article ol li,
.pop-wrap.promotion .article ul li,
.pop-wrap.promotion-sty-a .article ol li,
.pop-wrap.promotion-sty-a .article ul li {
    display: list-item;
    list-style-position: outside;
    color: #333;
    line-height: 24px
}

.pop-wrap.pop-bonus-reminders .article ul li ul li,
.pop-wrap.pop-notification .article ul li ul li,
.pop-wrap.promotion .article ul li ul li,
.pop-wrap.promotion-sty-a .article ul li ul li {
    list-style: circle
}

.pop-wrap.pop-bonus-reminders .article ul li ul li ul li,
.pop-wrap.pop-notification .article ul li ul li ul li,
.pop-wrap.promotion .article ul li ul li ul li,
.pop-wrap.promotion-sty-a .article ul li ul li ul li {
    list-style: square
}

.pop-wrap.pop-bonus-reminders .pop-title,
.pop-wrap.pop-bonus-reminders .title-wrap,
.pop-wrap.promotion .pop-title,
.pop-wrap.promotion .title-wrap,
.pop-wrap.promotion-sty-a .pop-title,
.pop-wrap.promotion-sty-a .title-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px
}

.pop-wrap.pop-bonus-reminders .pop-title h3,
.pop-wrap.pop-bonus-reminders .title-wrap h3,
.pop-wrap.promotion .pop-title h3,
.pop-wrap.promotion .title-wrap h3,
.pop-wrap.promotion-sty-a .pop-title h3,
.pop-wrap.promotion-sty-a .title-wrap h3 {
    flex: 1;
    margin-right: 15px;
    line-height: 24px;
    font-weight: 700;
    word-wrap: break-word;
    word-break: break-all
}

.pop-wrap.pop-bonus-reminders .pop-title a,
.pop-wrap.pop-bonus-reminders .title-wrap a,
.pop-wrap.promotion .pop-title a,
.pop-wrap.promotion .title-wrap a,
.pop-wrap.promotion-sty-a .pop-title a,
.pop-wrap.promotion-sty-a .title-wrap a {
    padding: 0 25px;
    text-align: center
}

.pop-wrap.pop-bonus-reminders .pop-title a,
.pop-wrap.pop-bonus-reminders .pop-title h3,
.pop-wrap.pop-bonus-reminders .title-wrap a,
.pop-wrap.pop-bonus-reminders .title-wrap h3,
.pop-wrap.promotion .pop-title a,
.pop-wrap.promotion .pop-title h3,
.pop-wrap.promotion .title-wrap a,
.pop-wrap.promotion .title-wrap h3,
.pop-wrap.promotion-sty-a .pop-title a,
.pop-wrap.promotion-sty-a .pop-title h3,
.pop-wrap.promotion-sty-a .title-wrap a,
.pop-wrap.promotion-sty-a .title-wrap h3 {
    align-self: center
}

.pop-wrap.promotion .pop-title,
.pop-wrap.promotion-sty-a .pop-title {
    background: 0 0;
    color: #14805e
}

.pop-wrap.pop-bonus-reminders .pop-title {
    background: 0 0
}

.pop-wrap.pop-bonus-reminders .pop-title h3,
.pop-wrap.promotion .pop-title h3,
.pop-wrap.promotion-sty-a .pop-title h3 {
    padding: 0
}

.pop-wrap.pop-bonus-reminders .time,
.pop-wrap.promotion .time,
.pop-wrap.promotion-sty-a .time {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    min-height: 15px;
    margin-top: 5px;
    letter-spacing: .5px
}

.pop-wrap.pop-bonus-reminders .time::before,
.pop-wrap.promotion .time::before,
.pop-wrap.promotion-sty-a .time::before {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: #999;
    vertical-align: middle;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-time.svg)no-repeat center/cover;
    mask: url(/images/v1/web/img-template/icon-set/icon-time.svg)no-repeat center/cover
}

.pop-wrap.pop-bonus-reminders .time span,
.pop-wrap.promotion .time span,
.pop-wrap.promotion-sty-a .time span {
    margin-right: 5px
}

.pop-wrap.pop-bonus-reminders .time span:last-child,
.pop-wrap.promotion .time span:last-child,
.pop-wrap.promotion-sty-a .time span:last-child {
    margin-left: 5px
}

.pop-wrap.promotion {
    line-height: 0
}

.pop-wrap.promotion .pop-title {
    border-color: rgba(0, 0, 0, .1)
}

.pop-wrap.promotion.active .pop-btn-register {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: btnOpen ease-out 1s alternate .7s forwards;
    animation: btnOpen ease-out 1s alternate .7s forwards;
    box-shadow: 0-2px 5px rgba(0, 0, 0, .1)
}

.pop-wrap.promotion .pop-inner {
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left
}

.pop-wrap.pop-bonus-reminders,
.pop-wrap.promotion-sty-a {
    min-width: auto;
    max-height: 95vh
}

.pop-wrap.pop-bonus-reminders .detail-banner::after,
.pop-wrap.promotion-sty-a .detail-banner::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -70px;
    left: 0;
    width: 100%;
    height: 70px;
    background: url(/images/v1/web/img-template/promotion/shadow.png)no-repeat center/contain
}

.pop-wrap.pop-bonus-reminders .title-wrap,
.pop-wrap.promotion-sty-a .title-wrap {
    padding-top: 1.25rem
}

.pop-wrap.promotion-sty-a .pop-title {
    padding-top: .625rem;
    border: 0
}

.pop-wrap.pop-bonus-reminders .pop-title {
    padding-top: .625rem
}

.pop-wrap.pop-bonus-reminders h4,
.pop-wrap.promotion-sty-a h4 {
    margin-bottom: 5px;
    color: #333;
    font-weight: 700
}

.pop-wrap.no-picture .pop-title,
.pop-wrap.pop-bonus-reminders .pop-title,
.pop-wrap.pop-notification .pop-title {
    padding-top: 0;
    color: #fff;
    background: #14805e;
    border: 0
}

.pop-wrap.no-picture .pop-inner,
.pop-wrap.pop-bonus-reminders .pop-inner,
.pop-wrap.pop-notification .pop-inner {
    max-height: 70vh
}

.pop-wrap.no-picture .btn-default-radius,
.pop-wrap.no-picture .detail-banner,
.side-slider .slide-btn::before {
    display: none
}

.pop-wrap.pop-bonus-reminders .pop-inner,
.pop-wrap.pop-notification .pop-inner {
    padding: 1.875rem 1.875rem 4.375rem
}

.pop-wrap.pop-bonus-reminders .pop-btn-box,
.pop-wrap.pop-notification .pop-btn-box {
    position: fixed;
    bottom: 0;
    left: 50%;
    justify-content: center;
    width: 100%;
    padding: .9375rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pop-wrap.pop-bonus-reminders .pop-btn-box .btn-3rd-xs,
.pop-wrap.pop-bonus-reminders .pop-btn-box .btn-default-xs,
.pop-wrap.pop-notification .pop-btn-box .btn-3rd-xs,
.pop-wrap.pop-notification .pop-btn-box .btn-default-xs {
    margin: 0 .625rem
}

.pop-wrap.pop-bonus-reminders table,
.pop-wrap.pop-notification table {
    width: 100%;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid rgba(20, 128, 94, .4);
    border-radius: .375rem
}

.pop-wrap.pop-bonus-reminders table th,
.pop-wrap.pop-notification table th {
    background: #14805e;
    color: #fff
}

.pop-wrap.pop-bonus-reminders table td,
.pop-wrap.pop-bonus-reminders table th,
.pop-wrap.pop-notification table td,
.pop-wrap.pop-notification table th {
    border: 1px solid rgba(20, 128, 94, .4)
}

.side-slider {
    position: fixed;
    top: 9.375rem;
    width: 195px
}

.side-slider .slide-btn {
    position: absolute;
    top: 200px;
    left: -35px;
    padding: 10px 5px;
    border: 0;
    border-radius: 5px 0 0 5px;
    background: #10664b;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .6);
    cursor: pointer
}

.side-slider .slide-btn img {
    display: block;
    width: 25px;
    height: auto
}

.side-slider .slide-btn span {
    display: block;
    width: 25px;
    margin-top: 5px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: initial;
    word-break: keep-all;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr
}

.side-slider .slide-btn.active {
    visibility: hidden;
    opacity: 0
}

.side-slider .side-slider-content {
    position: absolute;
    top: 0;
    width: 12.1875rem;
    background: #3e3e3e;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .6)
}

.side-slider .contact-service-list {
    width: 90%;
    margin: 0 auto 10px;
    overflow: hidden;
    border-radius: 5px;
    background: #f5f5f5;
    color: #333
}

.side-slider .contact-service-list li {
    display: block;
    overflow: hidden;
    transition: .3s;
    background: 0 0;
    font-size: 0
}

.side-slider .contact-service-list li:hover {
    background: rgba(18, 18, 18, .2)
}

.side-slider .contact-service-list li:hover .contact-service-qrcode {
    height: 120px;
    margin-bottom: 10px
}

.side-slider .contact-service-list li:last-child hr {
    display: none
}

.side-slider .contact-service-list a {
    display: block;
    padding: 0 5px 0 10px
}

.side-slider .contact-service-list hr {
    width: 100%;
    height: 1px;
    border: 0;
    background: rgba(51, 51, 51, .2)
}

.side-slider .contact-service-list span {
    display: inline-block;
    width: 79%;
    padding: 8px 0;
    color: #333;
    font-size: .875rem;
    font-weight: lighter;
    vertical-align: middle
}

.side-slider .contact-service-list a img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.side-slider .contact-service-list .qr-code {
    width: 15px;
    height: 15px;
    margin: 0 0 0 10px !important
}

.side-slider #quickTransferForm label {
    display: block;
    width: 90%;
    margin: 0 auto 8px;
    color: #f35e5e;
    font-size: .8125rem;
    line-height: 1
}

.side-slider.contact-service-box {
    right: -13.75rem;
    width: 13.75rem;
    transition: .3s
}

.side-slider.contact-service-box .side-slider-content {
    width: 13.75rem
}

.side-slider.contact-service-box:hover {
    right: 0
}

.side-slider.contact-service-box .slide-btn {
    top: 0
}

.side-slider.contact-service-box .contact-service-icon,
.side-slider.contact-service-box .contact-service-logo {
    margin: 10px 0
}

.side-slider.contact-service-box .contact-service-icon>img,
.side-slider.contact-service-box .contact-service-logo>img {
    display: block;
    margin: 0 auto
}

.side-slider.contact-service-box .contact-service-qrcode {
    display: block;
    max-width: 60%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 0;
    transition: height .3s ease
}

.side-slider.contact-service-box .contact-service-list hr {
    width: 92%;
    margin: 0 auto
}

.side-slider.contact-service-box .contact-service-list span {
    width: 67%
}

.side-slider.transfer-box {
    top: 130px;
    right: -195px;
    transition: .3s
}

.side-slider.transfer-box.active {
    visibility: visible;
    right: 0;
    transition: all .3s;
    opacity: 1
}

.side-slider.transfer-box .side-slider-content {
    padding: .625rem 0 0;
    transition: left .1s, visibility .1s, opacity .3s
}

.side-slider.transfer-box .side-slider-content input,
.side-slider.transfer-box .side-slider-content select {
    display: block;
    width: 90%;
    height: 25px;
    margin: 0 auto .625rem;
    border: 0;
    border-radius: 5px;
    background-color: #eee;
    font-size: 12px
}

.side-slider.transfer-box .side-slider-content .btn-submit-transfer {
    display: block;
    width: 90%;
    height: 25px;
    margin: 0 auto .625rem;
    border: 0;
    border-radius: 5px;
    font-size: 12px
}

.side-slider.transfer-box .side-slider-content input {
    padding: 0 .625rem;
    color: #000
}

.side-slider.transfer-box .side-slider-content input ::-webkit-input-placeholder {
    color: #666
}

.side-slider.transfer-box .side-slider-content input ::-moz-placeholder {
    color: #666
}

.side-slider.transfer-box .side-slider-content input ::placeholder {
    color: #666
}

.side-slider.transfer-box .side-slider-content .btn-submit-transfer {
    transition: .3s;
    background-color: #14805e;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5625rem;
    text-align: center
}

.side-slider.transfer-box .side-slider-content .btn-submit-transfer:hover {
    background-color: #0d543e
}

.side-slider.transfer-box .side-slider-content .wallet {
    width: 90%;
    margin: 0 auto .625rem;
    color: #555;
    text-align: center
}

.side-slider.transfer-box .side-slider-content .wallet dt {
    margin-bottom: .3125rem;
    font-size: .875rem;
    font-weight: 700
}

.side-slider.transfer-box .side-slider-content .wallet dd {
    font-size: 1.125rem;
    font-weight: 700
}

.side-slider.transfer-box .side-slider-content .wallet .btn-refresh {
    display: none;
    border: 0;
    background: 0 0;
    vertical-align: middle;
    cursor: pointer
}

.side-slider.transfer-box .side-slider-content .game-wallet-list {
    width: 100%;
    max-height: 290px;
    overflow: scroll;
    overflow-x: hidden;
    font-size: .8125rem
}

.side-slider.transfer-box .side-slider-content .game-wallet-list>li:nth-of-type(odd) {
    background: rgba(0, 0, 0, .1)
}

.side-slider.transfer-box .side-slider-content .game-wallet-item {
    display: block;
    font-size: 0;
    line-height: 0
}

.side-slider.transfer-box .side-slider-content .game-wallet-item .balance,
.side-slider.transfer-box .side-slider-content .game-wallet-item .platform {
    display: inline-block;
    width: 50%;
    color: #555;
    font-size: .8125rem;
    line-height: 30px
}

.side-slider.transfer-box .side-slider-content .game-wallet-item .platform {
    padding-left: .625rem
}

.side-slider.transfer-box .side-slider-content .game-wallet-item .balance {
    padding-right: .625rem;
    text-align: right
}

.side-slider.client-download-box {
    right: none;
    left: -195px;
    transition: .3s
}

.side-slider.client-download-box:hover {
    left: 0
}

.side-slider.client-download-box .slide-btn {
    top: 0;
    right: -35px;
    left: auto;
    border-radius: 0 5px 5px 0
}

.side-slider.client-download-box .contact-service-devices {
    width: 90%;
    margin: 10px auto;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 0
}

.side-slider.client-download-box .contact-service-devices img {
    width: 100%
}

.language-wrap {
    position: relative;
    z-index: 5;
    width: 10rem;
    background-color: rgba(85, 85, 85, .9);
    line-height: 0
}

.language-wrap .language {
    width: 100%;
    height: 100%;
    line-height: 1.8125rem
}

.language-wrap .language,
.language-wrap .other li {
    display: block;
    position: relative;
    height: 1.8125rem;
    padding: 0 .625rem;
    transition: background .5s ease-in, color .3s;
    background: rgba(85, 85, 85, .9);
    color: #fff;
    text-align: left;
    cursor: pointer
}

.language-wrap .language:hover,
.language-wrap .other li:hover {
    background: #0d543e;
    color: #fff
}

.language-wrap .other {
    display: none;
    width: 100%
}

.language-wrap img {
    width: 1.4375rem;
    height: auto;
    margin: .1875rem .3125rem 0 0;
    float: left;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(9, 13, 26, .4)
}

.language-wrap span {
    font-size: .75rem
}

.language-wrap p {
    width: 6.5625rem;
    height: 1.8125rem;
    float: left;
    line-height: 1.8125rem
}

.pop-language {
    min-width: 12.5rem
}

.pop-language .pop-title h3 {
    padding-right: 4.0625rem
}

.pop-language .pop-inner {
    padding: .9375rem;
    text-align: left
}

.pop-language .language-list {
    padding-left: 0
}

.language-list {
    display: block;
    margin: 0 auto
}

.language-list li {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: .3125rem;
    padding: .3125rem;
    border-bottom: .0625rem solid #eee
}

.language-list li:last-child {
    border: 0
}

.left-language-area,
.right-language-area {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.left-language-area {
    min-width: 105px
}

.left-language-area img {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .625rem;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(9, 13, 26, .4);
    vertical-align: middle
}

.left-language-area p {
    display: inline-block;
    width: 53%;
    color: rgba(102, 102, 102, .6);
    font-size: .75rem
}

.left-language-area span {
    display: inline-block;
    min-width: .625rem
}

.right-language-area {
    display: inline-flex;
    flex-flow: row nowrap
}

.right-language-area .radio-box:last-child {
    margin-right: 0
}

.radio-box {
    display: inline-block;
    min-width: 5.625rem;
    margin-right: .3125rem;
    margin-bottom: .3125rem;
    font-size: .875rem;
    vertical-align: top;
    cursor: pointer
}

.radio-box [type=radio] {
    display: none
}

.radio-box [type=radio]+label {
    display: block;
    padding: 0 .3125rem;
    transition: .3s;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #666;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.radio-box [type=radio]:checked+label,
.radio-box:hover [type=radio]+label {
    border: .0625rem solid #14805e;
    color: #14805e
}

.register-wrap .resend-set {
    color: #ffdd8f
}

.register-wrap .resend-set:hover {
    color: #fff
}

.vcode-input {
    position: relative
}

.btn-vcode,
.resend-set,
.verify {
    position: absolute;
    transition: .3s
}

.resend-set,
.verify {
    display: none;
    z-index: 1;
    top: 50%;
    right: .5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #70571d;
    font-size: .75rem;
    line-height: 2.5rem;
    text-decoration: underline;
    pointer-events: none
}

.resend-set.active,
.verify.active {
    display: inline-block;
    cursor: pointer;
    pointer-events: auto
}

.resend-set.active:hover,
.verify.active:hover {
    color: #14805e
}

.resend-set.countdown,
.verify.countdown {
    text-decoration: none;
    pointer-events: none
}

.btn-vcode {
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0 1.25rem;
    font-size: .8125rem;
    line-height: 0;
    cursor: pointer
}

.btn-vcode p,
.btn-vcode>i,
.sms-svg-group {
    display: inline-block;
    vertical-align: middle
}

.btn-vcode p,
.btn-vcode>i {
    text-align: center
}

.btn-vcode p {
    padding: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 2.5rem
}

.btn-vcode p span {
    display: none;
    width: 3px;
    height: 3px;
    margin-left: 3px;
    border-radius: 50%;
    background-color: #fff
}

.btn-vcode.active {
    padding: 0;
    -webkit-animation: btnmove .4s forwards ease-in;
    animation: btnmove .4s forwards ease-in
}

.btn-vcode.active .line {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.btn-vcode.active.sending {
    overflow: auto;
    opacity: 0
}

.btn-vcode.resend {
    -webkit-animation: resend .3s forwards ease-in;
    animation: resend .3s forwards ease-in
}

.btn-vcode.resend .svg-mail {
    -webkit-transform-origin: center;
    transform-origin: center;
    animation: mail .6s ease-in-out alternate-reverse infinite
}

.btn-vcode.sending {
    overflow: visible;
    cursor: wait;
    pointer-events: none
}

.btn-vcode.sending .svg-phone {
    left: 0;
    opacity: 1
}

.btn-vcode.sending .svg-mail {
    width: 1.875rem;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/mail-w.svg)no-repeat center/30%;
    mask: url(/images/v1/web/img-template/icon-set/mail-w.svg)no-repeat center/30%
}

.btn-vcode.sending .line {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.btn-vcode.mail-rotate .svg-mail {
    -webkit-transform-origin: center;
    transform-origin: center;
    animation: mailani .3s ease-out alternate-reverse infinite
}

.sms-svg-group {
    position: relative;
    width: auto;
    height: 100%
}

.sms-svg-group .svg-sms {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(1);
    transform: translateZ(1)
}

.sms-svg-group .path-sms {
    fill: transparent
}

.svg-phone {
    display: block;
    position: absolute;
    bottom: 5px;
    left: -10px;
    width: 1.875rem;
    height: 1.875rem;
    transition: .3s;
    opacity: 0;
    background-color: #fff;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/phone-w.svg)no-repeat center/contain;
    mask: url(/images/v1/web/img-template/icon-set/phone-w.svg)no-repeat center/contain
}

.svg-mail-group {
    width: 1.875rem;
    height: 100%
}

.svg-mail-group .line {
    position: absolute;
    top: 50%;
    left: -13px;
    width: .75rem;
    padding: 0;
    -webkit-transform: translateY(-49%);
    transform: translateY(-49%)
}

.svg-mail-group .line li {
    width: 100%;
    height: 2px;
    margin: 1px 0;
    padding: 0;
    float: right;
    border-radius: 3px;
    background: #fff
}

.svg-mail-group .line li:first-child {
    width: 70%;
    animation: smsAct .3s alternate-reverse infinite
}

.svg-mail-group .line li:nth-child(2) {
    animation: smsAct .3s .1s alternate-reverse infinite
}

.svg-mail-group .line li:last-child {
    width: 50%;
    animation: smsAct .3s .2s alternate-reverse infinite
}

.svg-mail,
.svg-mail-outer {
    height: 100%;
    transition: .3s
}

.svg-mail {
    background-color: #fff;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/mail-w.svg)no-repeat center/50%;
    mask: url(/images/v1/web/img-template/icon-set/mail-w.svg)no-repeat center/50%
}

.communication-channel-box input,
.communication-channel-box select,
.register-kyc .form-inner li {
    margin-bottom: .625rem
}

.communication-channel-box .first {
    margin-bottom: 0
}

.register-kyc {
    overflow: hidden
}

.register-kyc .register-tip {
    position: static;
    margin-right: .3125rem;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.register-kyc .left-register-info,
.register-kyc .right-register-banner {
    vertical-align: middle
}

.label-btn-group {
    display: flex;
    flex-wrap: row nowrap;
    align-items: center;
    justify-content: space-between
}

.communication-input-group .error {
    max-width: 60%;
    word-break: break-all
}

.content-player .btn-add-input,
.content-player .btn-remove-input {
    position: relative;
    flex: 1 0 auto;
    max-width: 45%;
    height: 1.5625rem;
    padding: 0 .625rem;
    border: 0;
    color: #fff;
    font-size: .75rem;
    line-height: 1.5625rem;
    word-break: break-all
}

.content-player .btn-add-input::before,
.content-player .btn-remove-input::before {
    content: "";
    display: inline-block;
    position: static;
    width: .75rem;
    height: .75rem;
    margin-right: .1875rem;
    background-color: #fff;
    vertical-align: middle
}

.btn-add-input {
    cursor: pointer
}

.btn-add-input::before {
    -webkit-mask: url(/images/v1/web/img-template/icon-set/btn-icon-add.svg)no-repeat center/contain;
    mask: url(/images/v1/web/img-template/icon-set/btn-icon-add.svg)no-repeat center/contain
}

.pop-app-download {
    width: 62.5rem;
    height: auto;
    border-radius: .625rem;
    background: rgba(20, 128, 94, .9)
}

.pop-app-download .pop-title {
    border-color: transparent;
    background: 0 0
}

.pop-app-download .pop-title .btn-close {
    background-color: transparent
}

.pop-app-download .pop-inner {
    padding: 0
}

.pop-app-download .pop-inner a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15.9375rem;
    height: 3.4375rem;
    margin: 0 1.25rem;
    border: .0625rem solid rgba(255, 255, 255, .5);
    border-radius: 10px;
    color: #fff;
    font-weight: 700
}

.pop-app-download .pop-inner a.active {
    border: 0;
    background-image: linear-gradient(180deg, #ffeb71 0, #ffdf1a 100%);
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .5), inset 0 0 .25rem 0 rgba(251, 243, 222, .5);
    color: #000
}

.pop-app-download .pop-inner a.active.btn-android .icon {
    background: url(/images/v1/web/img-template/icon-set/app-download/icon-android-w.png)no-repeat;
    background-size: 100%
}

.pop-app-download .pop-inner a.active.btn-ios .icon {
    background: url(/images/v1/web/img-template/icon-set/app-download/icon-ios-w.png)no-repeat;
    background-size: 100%
}

.pop-app-download .pop-inner a .icon {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .625rem
}

.app-download .section .col-5 .qr-code-box li.android .icon,
.pop-app-download .pop-inner .btn-android .icon {
    background: url(/images/v1/web/bj/icon-set/app-download/icon-android.png)no-repeat;
    background-size: 100%
}

.app-download .section .col-5 .qr-code-box li.ios .icon,
.pop-app-download .pop-inner .btn-ios .icon {
    background: url(/images/v1/web/bj/icon-set/app-download/icon-ios.png)no-repeat;
    background-size: 100%
}

.pop-app-download .pop-inner .slides-wrap {
    width: 200%;
    padding: 0;
    overflow: hidden;
    transition: all .5s ease-out
}

.pop-app-download .pop-inner .slides-wrap .android-wrap,
.pop-app-download .pop-inner .slides-wrap .ios-wrap {
    display: flex;
    flex-flow: row wrap;
    width: 62.5rem;
    height: 37.5rem;
    padding: .9375rem 1.875rem;
    float: left;
    overflow-y: scroll
}

.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap {
    display: grid;
    grid-template-columns: 3.75rem calc(100% - 3.75rem);
    width: calc(50% - 1.875rem);
    margin: .9375rem;
    text-align: left
}

.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap .number,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap .number {
    color: #ffdf1a;
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: .1875rem;
    line-height: 1
}

.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap .text,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 5rem;
    margin-top: .46875rem;
    color: #fff;
    font-size: .875rem
}

.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap img,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap img {
    grid-column: 2/span 1
}

@media (max-width:1440px) {
    .pop-app-download.active {
        -webkit-animation: AppPopShow .5s ease-in-out forwards;
        animation: AppPopShow .5s ease-in-out forwards
    }
    .pop-app-download.hide {
        -webkit-animation: AppPopHide .3s ease-in-out forwards;
        animation: AppPopHide .3s ease-in-out forwards
    }
    @-webkit-keyframes AppPopShow {
        0% {
            top: 0;
            opacity: 0
        }
        to {
            top: 3%;
            opacity: 1
        }
    }
    @keyframes AppPopShow {
        0% {
            top: 0;
            opacity: 0
        }
        to {
            top: 3%;
            opacity: 1
        }
    }
    @-webkit-keyframes AppPopHide {
        0% {
            top: 3%;
            opacity: 1
        }
        to {
            top: 0;
            opacity: 0
        }
    }
    @keyframes AppPopHide {
        0% {
            top: 3%;
            opacity: 1
        }
        to {
            top: 0;
            opacity: 0
        }
    }
}

.pop-wrap.bonus-complete-pop {
    flex-direction: column;
    justify-content: center;
    width: 26.25rem;
    height: 28.125rem;
    background: 0 0;
    background-image: url(/images/v1/web/img-template/player/bonuswallet/bonus-complete/bonus-complete-bg.png);
    background-repeat: no-repeat;
    background-position: center -2.8125rem;
    background-size: contain;
    font-family: Galvji-Bold;
    font-weight: 700;
    text-align: center
}

.pop-wrap.bonus-complete-pop.active {
    display: flex !important
}

.pop-wrap.bonus-complete-pop .btn-close {
    background: 0 0
}

.pop-wrap.bonus-complete-pop .pop-title {
    position: relative;
    bottom: -12.75rem;
    background: 0 0;
    border: 0
}

.pop-wrap.bonus-complete-pop .pop-title .title {
    display: none
}

.pop-wrap.bonus-complete-pop .pop-title .number {
    display: block;
    justify-content: center;
    background: linear-gradient(to top, #fff 15%, #cacaca 45%, #fff 70%);
    color: transparent;
    font-size: 2rem;
    line-height: 2rem;
    -webkit-background-clip: text;
    background-clip: text
}

.pop-wrap.bonus-complete-pop .pop-title .number span {
    display: flex;
    justify-content: center;
    padding: .375rem .625rem 0 0;
    background: linear-gradient(135deg, #f8ff91 0, #ffdf3d 50%);
    color: transparent;
    font-size: 2.875rem;
    line-height: 2.875rem;
    -webkit-background-clip: text;
    background-clip: text
}

.pop-wrap.bonus-complete-pop .pop-title .number span::before {
    content: attr(data-currency);
    font-size: 2rem
}

.pop-wrap.bonus-complete-pop .kv-block {
    position: relative;
    right: 0;
    bottom: -.375rem
}

.pop-wrap.bonus-complete-pop .kv-block .kv-img {
    position: relative;
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem
}

.pop-wrap.bonus-complete-pop .kv-block .kv-img::after,
.pop-wrap.bonus-complete-pop .kv-block .kv-img::before {
    content: "";
    display: block;
    position: absolute;
    padding: .625rem;
    border: .125rem solid transparent;
    border-radius: 9.375rem;
    background-clip: padding-box
}

.pop-wrap.bonus-complete-pop .kv-block .kv-img::before {
    z-index: -1;
    top: -.3125rem;
    left: -.3125rem;
    width: 5.625rem;
    height: 5.625rem;
    background: linear-gradient(to top, #fff 0, #8da5c0 50%, #fff 100%)
}

.pop-wrap.bonus-complete-pop .kv-block .kv-img::after {
    z-index: -2;
    top: -.5rem;
    left: -.5rem;
    width: 6rem;
    height: 6rem;
    background: linear-gradient(to top, #a5bad1 0, #fff 50%, #8da5c0 100%)
}

.pop-wrap.bonus-complete-pop .kv-block .kv-img img {
    z-index: 1;
    width: 100%;
    border-radius: 6.875rem
}

.pop-wrap.bonus-complete-pop .kv-block .kv-img img::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 6.875rem;
    box-shadow: .375rem .375rem .375rem 0 rgba(0, 0, 0, .4) inset
}

.pop-wrap.bonus-complete-pop .bonus-wallet-title {
    display: block;
    position: relative;
    bottom: 12.5rem;
    width: 80%;
    height: 4.6875rem;
    margin: 0 10%;
    overflow: hidden;
    background: linear-gradient(to top, #fff 15%, #bacfe7 50%, #fff 70%);
    color: transparent;
    font-family: Impact, Haettenschweiler, Franklin Gothic Bold;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-overflow: ellipsis;
    -webkit-background-clip: text;
    background-clip: text;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-filter: drop-shadow(0 .125rem .3125rem rgba(0, 0, 0, .7));
    filter: drop-shadow(0 .125rem .3125rem rgba(0, 0, 0, .7))
}

.pop-wrap.bonus-complete-pop .pop-btn-box {
    position: relative;
    top: 1.5625rem;
    padding: 0 3.125rem
}

.pop-wrap.bonus-complete-pop .pop-btn-box button {
    height: 2.5rem;
    border: 0;
    line-height: 2.5rem
}

.casino-lg,
.casino-xs {
    display: inline-block;
    position: relative;
    height: 15.625rem;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99) .1s;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99) .1s, -webkit-transform .3s cubic-bezier(.03, .98, .52, .99) .1s;
    border-radius: 3px
}

.casino-lg::before,
.casino-xs::before {
    z-index: 3;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 0 10px 0 rgba(255, 255, 255, .1);
    pointer-events: none
}

.casino-lg .img-wrap,
.casino-xs .img-wrap {
    position: relative;
    overflow: hidden;
    transition: all .3s cubic-bezier(.03, .98, .52, .99)
}

.casino-lg .img,
.casino-xs .img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99);
    transition: transform .3s cubic-bezier(.03, .98, .52, .99), -webkit-transform .3s cubic-bezier(.03, .98, .52, .99);
    background: #464646 no-repeat center;
    background-size: cover
}

.casino-lg .word-wrap,
.casino-xs .word-wrap {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    background: linear-gradient(0deg, #fff 0, #e0e0e0 100%)
}

.casino-lg .word-wrap h3,
.casino-xs .word-wrap h3 {
    font-size: 22px;
    line-height: 40px;
    position: relative;
    margin-top: -.625rem
}

.casino-lg .word-wrap h3::before {
    top: .3125rem;
    left: -.9375rem
}

.casino-lg .word-wrap h3::before,
.casino-xs .word-wrap h3::before {
    z-index: 3;
    width: .25rem;
    height: 1.875rem;
    transition: transform .5s ease-in .1s;
    transition: transform .5s ease-in .1s, -webkit-transform .5s ease-in .1s;
    background: #34dfa9;
    box-shadow: 0 2px 4px 0 rgba(15, 25, 46, .5)
}

.casino-lg .word-wrap p,
.casino-xs .word-wrap p {
    width: 100%;
    overflow: hidden;
    color: rgba(71, 71, 71, .8)
}

.casino-lg .word-wrap .btn-default,
.casino-xs .word-wrap .btn-default {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    bottom: 1.125rem;
    height: 2.1875rem;
    transition: bottom .3s cubic-bezier(.03, .98, .52, .99) .1s, box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s;
    line-height: 2.1875rem;
    text-align: center
}

.casino-lg .rule,
.casino-xs .rule {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    transition: color .3s ease-out;
    color: rgba(71, 71, 71, .8)
}

.casino-lg .rule::before,
.casino-xs .rule::before {
    bottom: 0;
    width: 0;
    height: 1px;
    transition: width .3s linear .1s;
    background: #14805e
}

.casino-lg .rule:hover,
.casino-xs .rule:hover {
    color: #14805e
}

.casino-lg .rule:hover::before,
.casino-xs .rule:hover::before {
    width: 100%
}

.casino-lg .mask {
    z-index: 2
}

.casino-lg .mask,
.casino-xs .mask {
    position: absolute;
    left: 0;
    max-height: 130px;
    padding: .4375rem;
    overflow: auto;
    overflow-x: hidden
}

.casino-lg .mask li,
.casino-xs .mask li {
    font-size: 12px;
    line-height: 20px;
    margin: 0 .3125rem .3125rem 0;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    transition: transform .3s cubic-bezier(.03, .98, .52, .99), opacity .5s;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99), opacity .5s, -webkit-transform .3s cubic-bezier(.03, .98, .52, .99);
    opacity: 0
}

.casino-lg .mask li:nth-child(1),
.casino-xs .mask li:nth-child(1) {
    transition-delay: .1s
}

.casino-lg .mask li:nth-child(2),
.casino-xs .mask li:nth-child(2) {
    transition-delay: .2s
}

.casino-lg .mask li:nth-child(3),
.casino-xs .mask li:nth-child(3) {
    transition-delay: .3s
}

.casino-lg .mask li:nth-child(4),
.casino-xs .mask li:nth-child(4) {
    transition-delay: .4s
}

.casino-lg .mask li:nth-child(5),
.casino-xs .mask li:nth-child(5) {
    transition-delay: .5s
}

.casino-lg .mask li:nth-child(6),
.casino-xs .mask li:nth-child(6) {
    transition-delay: .6s
}

.casino-lg .mask li:nth-child(7),
.casino-xs .mask li:nth-child(7) {
    transition-delay: .7s
}

.casino-lg .mask li:nth-child(8),
.casino-xs .mask li:nth-child(8) {
    transition-delay: .8s
}

.casino-lg .mask li:nth-child(9),
.casino-xs .mask li:nth-child(9) {
    transition-delay: .9s
}

.casino-lg .mask li:nth-child(10),
.casino-xs .mask li:nth-child(10) {
    transition-delay: 1s
}

.casino-lg .play-item,
.casino-xs .play-item {
    position: relative;
    height: 1.5rem;
    padding: 0 .625rem 0 1.6875rem;
    border-radius: .875rem;
    background: #0d543e;
    color: #ffe332;
    line-height: 1.5rem
}

.casino-lg .play-item::before,
.casino-xs .play-item::before {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffe332;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.casino-lg .play-item:hover,
.casino-xs .play-item:hover {
    color: rgba(255, 255, 255, .8)
}

.casino-lg .play-item.itemBaccarat::before,
.casino-lg .play-item::before,
.casino-xs .play-item.itemBaccarat::before,
.casino-xs .play-item::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemBaccarat.png)
}

.casino-lg .play-item.itemBaccaratTable::before,
.casino-xs .play-item.itemBaccaratTable::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemBaccaratTable.png)
}

.casino-lg .play-item.itemBaccaratBid::before,
.casino-xs .play-item.itemBaccaratBid::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemBaccaratBid.png)
}

.casino-lg .play-item.itemBaccaratSpeed::before,
.casino-xs .play-item.itemBaccaratSpeed::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemBaccaratSpeed.png)
}

.casino-lg .play-item.itemDragonTiger::before,
.casino-xs .play-item.itemDragonTiger::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemDragonTiger.png)
}

.casino-lg .play-item.itemSuibao::before,
.casino-xs .play-item.itemSuibao::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemSuibao.png)
}

.casino-lg .play-item.itemRoulette::before,
.casino-xs .play-item.itemRoulette::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemRoulette.png)
}

.casino-lg .play-item.itemPokerBull::before,
.casino-xs .play-item.itemPokerBull::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemPokerBull.png)
}

.casino-lg .play-item.itemHoldem::before,
.casino-xs .play-item.itemHoldem::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemHoldem.png)
}

.casino-lg .play-item.itemGoldenFlower::before,
.casino-xs .play-item.itemGoldenFlower::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemGoldenFlower.png)
}

.casino-lg .play-item.itemThreeDucalMinisters::before,
.casino-xs .play-item.itemThreeDucalMinisters::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemThreeDucalMinisters.png)
}

.casino-lg .play-item.itemBlackJack::before,
.casino-xs .play-item.itemBlackJack::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemBlackJack.png)
}

.casino-lg .play-item.itemBaccaratBull::before,
.casino-xs .play-item.itemBaccaratBull::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemBaccaratBull.png)
}

.casino-lg .play-item.itemFTan::before,
.casino-xs .play-item.itemFTan::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemFTan.png)
}

.casino-lg .play-item.itemMoneyWheel::before,
.casino-xs .play-item.itemMoneyWheel::before {
    background-image: url(/images/v1/web/img-template/icon-set/casino/icon-casino-itemMoneyWheel.png)
}

.casino-lg {
    width: 594px;
    margin-right: .75rem
}

.casino-lg:nth-child(even) {
    margin-right: 0
}

.casino-lg .mask {
    bottom: -42%;
    width: 22.6875rem;
    transition: bottom .5s cubic-bezier(.03, .98, .52, .99);
    background-image: linear-gradient(-180deg, rgba(9, 13, 26, 0)0, rgba(9, 13, 26, .9) 100%)
}

.casino-lg .img-wrap {
    width: 22.625rem;
    height: 100%
}

.casino-lg .img-wrap .AG {
    background-image: url(/images/v1/web/img-template/casino/main-casino-lg-img1.jpg);
    background-size: cover
}

.casino-lg .img-wrap .ALLBET,
.casino-lg .img-wrap .BBIN,
.casino-lg .img-wrap .BG,
.casino-lg .img-wrap .DG,
.casino-lg .img-wrap .EBET,
.casino-lg .img-wrap .KY,
.casino-lg .img-wrap .LG,
.casino-lg .img-wrap .MG,
.casino-lg .img-wrap .PT,
.casino-lg .img-wrap .SUN {
    background-image: url(/images/v1/web/img-template/casino/main-casino-lg-img2.jpg);
    background-size: cover
}

.casino-lg .word-wrap {
    width: 14.5rem;
    height: 100%;
    padding: .9375rem
}

.casino-lg .word-wrap .rule {
    top: .9375rem;
    right: .9375rem
}

.casino-lg .word-wrap h3 {
    margin-bottom: .625rem
}

.casino-lg .word-wrap h4 {
    margin-bottom: .625rem;
    color: red
}

.casino-lg .word-wrap .btn-default {
    width: 12.625rem
}

.casino-lg .word-wrap p {
    height: 6.25rem
}

.casino-lg:not(.maintenance).active {
    z-index: 5
}

.casino-lg:not(.maintenance).active .mask {
    bottom: -1px
}

.casino-lg:not(.maintenance).active .mask li,
.casino-xs:not(.maintenance).active .mask li {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1
}

.casino-lg:not(.maintenance).active .img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: transform 1s cubic-bezier(.03, .98, .52, .99);
    transition: transform 1s cubic-bezier(.03, .98, .52, .99), -webkit-transform 1s cubic-bezier(.03, .98, .52, .99)
}

.casino-xs {
    width: 14.5rem;
    margin-right: .625rem
}

.casino-xs:nth-child(5n) {
    margin-right: 0
}

.casino-xs .mask {
    z-index: 3;
    top: 100%
}

.casino-xs .img-wrap {
    width: 100%;
    height: 9.375rem
}

.casino-xs .img-wrap .AG,
.casino-xs .img-wrap .ALLBET,
.casino-xs .img-wrap .BBIN,
.casino-xs .img-wrap .BG,
.casino-xs .img-wrap .DG,
.casino-xs .img-wrap .EBET,
.casino-xs .img-wrap .KY,
.casino-xs .img-wrap .LG,
.casino-xs .img-wrap .MG,
.casino-xs .img-wrap .PT,
.casino-xs .img-wrap .SUN {
    background-image: url(/images/v1/web/img-template/casino/main-casino-xs-img1.jpg);
    background-size: cover
}

.casino-xs .word-wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 6.25rem;
    padding: .625rem;
    transition: all .3s ease-in
}

.casino-xs .word-wrap .rule {
    top: .625rem;
    right: .625rem
}

.casino-xs .word-wrap h3 {
    margin-bottom: .3125rem;
    transition: all .3s ease-in
}

.casino-xs .word-wrap h3::before {
    top: .3125rem;
    left: -.625rem
}

.casino-xs .word-wrap h4,
.main-wrap-casino .casino-lg .play-item::before {
    display: none
}

.casino-xs .word-wrap p {
    height: 2.5rem
}

.casino-xs .word-wrap .btn-default {
    bottom: -40px;
    width: 13.25rem
}

.casino-xs:not(.maintenance).active {
    z-index: 5
}

.casino-xs:not(.maintenance).active .mask {
    top: 6.25rem;
    max-height: 92px;
    overflow: hidden
}

.casino-xs:not(.maintenance).active .img {
    height: 9.375rem;
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s;
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s, -webkit-transform .5s cubic-bezier(.03, .98, .52, .99) .1s
}

.casino-xs:not(.maintenance).active .img-wrap {
    position: absolute
}

.casino-xs:not(.maintenance).active .word-wrap {
    height: 11.25rem;
    margin-top: 4.375rem
}

.casino-xs:not(.maintenance).active .word-wrap h3,
.sport-xs:not(.maintenance).active .word-wrap h3 {
    font-size: 15px;
    line-height: 20px;
    margin-top: 0
}

.casino-xs:not(.maintenance).active .word-wrap h3::before,
.sport-xs:not(.maintenance).active .word-wrap h3::before {
    top: -.3125rem;
    -webkit-transform: scale(2, .7);
    transform: scale(2, .7)
}

.casino-xs:not(.maintenance).active .word-wrap p,
.sport-xs:not(.maintenance).active .word-wrap p {
    height: 0;
    opacity: 0
}

.casino-xs:not(.maintenance).active .word-wrap .btn-default {
    bottom: .625rem
}

.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-xs,
.container-1200.casino .casino-lg {
    margin-bottom: .75rem;
    border-radius: 3px
}

.container-1200.casino .list-wrap-casino {
    margin-bottom: 0
}

.container-1200.casino .casino-xs {
    margin-bottom: .75rem
}

.container-1200.casino .casino-banner,
.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-md,
.container-1200.casino .casino-banner-xs {
    height: 15.625rem;
    transition: box-shadow .5s ease-out
}

.container-1200.casino .casino-banner a,
.container-1200.casino .casino-banner-lg a,
.container-1200.casino .casino-banner-md a,
.container-1200.casino .casino-banner-xs a {
    width: 100%;
    height: 100%;
    transition: background-color .5s ease-out
}

.container-1200.casino .casino-banner-lg:hover a,
.container-1200.casino .casino-banner-md:hover a,
.container-1200.casino .casino-banner-xs:hover a,
.container-1200.casino .casino-banner:hover a {
    background-color: rgba(255, 255, 255, .1)
}

.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-md,
.container-1200.casino .casino-banner-xs {
    background: #464646
}

.container-1200.casino .casino-banner-xs {
    width: 29.625rem
}

.container-1200.casino .casino-banner-md {
    width: 37.125rem
}

.container-1200.casino .casino-banner-lg {
    width: 44.75rem
}

.main-wrap-casino .casino-lg {
    height: 24.5rem
}

.main-wrap-casino .casino-lg li {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1
}

.main-wrap-casino .casino-lg .play-item {
    font-size: 14px;
    line-height: 20px;
    height: auto;
    padding: .3125rem .625rem;
    overflow: hidden;
    text-align: center
}

.main-wrap-casino .casino-lg .play-item:hover {
    transition: box-shadow .3s ease-out
}

.main-wrap-casino .casino-lg .mask {
    top: 11.875rem;
    right: 0;
    bottom: auto;
    left: auto;
    width: 14.5rem;
    padding: 0 .9375rem;
    background: 0 0
}

.main-wrap-casino .casino-lg.active .mask {
    bottom: auto
}

.maintenance.casino-lg,
.maintenance.casino-xs {
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%)
}

.maintenance.casino-lg .img,
.maintenance.casino-xs .img {
    -webkit-filter: grayscale(70%) saturate(.7) opacity(.9);
    filter: grayscale(70%) saturate(.7) opacity(.9)
}

.maintenance.casino-lg .icon-maintenance {
    background: linear-gradient(to bottom, #1bac7e, #14805e)
}

.maintenance.casino-lg .maintenance-inner p {
    height: auto
}

.main-wrap-slotgame .more a:hover,
.main-wrap-slotgame-1st .slot-tab li.active,
.main-wrap-slotgame-1st .slot-tab li:hover,
.maintenance.casino-lg .maintenance-inner p,
.maintenance.casino-lg .maintenance-inner strong {
    color: #14805e
}

.maintenance.casino-lg .maintenance-box {
    height: 75%
}

.maintenance.casino-xs .maintenance-box {
    margin-top: .625rem
}

.maintenance.casino-xs .icon-maintenance {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .3125rem;
    background: linear-gradient(to bottom, #aeb5c2, #646b79)
}

.maintenance.casino-xs p,
.maintenance.casino-xs strong {
    display: inline-block;
    color: #fff;
    vertical-align: middle
}

.maintenance.casino-xs strong {
    font-size: .875rem
}

.maintenance.casino-xs p {
    width: auto;
    height: auto;
    font-size: .75rem
}

.main-wrap-slotgame-1st .winner-inner h6 i {
    display: none
}

.main-wrap-slotgame h3,
.top-nav-wrap {
    background: #fff
}

.main-wrap-slotgame .game-wrap,
.main-wrap-slotgame .jackpot-wrap {
    position: relative;
    margin-right: .375rem;
    overflow: hidden;
    border-radius: 3px
}

.main-wrap-slotgame .game-wrap img,
.main-wrap-slotgame .jackpot-wrap img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in
}

.main-wrap-slotgame .game-wrap p,
.main-wrap-slotgame .jackpot-wrap p {
    font-size: 12px;
    line-height: 20px;
    padding-left: 1.0625rem;
    color: rgba(255, 255, 255, .5)
}

.main-wrap-slotgame .game-wrap p span,
.main-wrap-slotgame .jackpot-wrap p span {
    margin-left: .3125rem
}

.main-wrap-slotgame .game-wrap p::before,
.main-wrap-slotgame .jackpot-wrap p::before {
    left: .4375rem;
    width: .75rem;
    height: .9375rem;
    margin-top: 2px;
    background: url(/images/v1/web/img-template/slotgame/fire-icon.png)no-repeat center
}

.main-wrap-slotgame .game-wrap h4,
.main-wrap-slotgame .game-wrap h5,
.main-wrap-slotgame .jackpot-wrap h4,
.main-wrap-slotgame .jackpot-wrap h5,
.promotion-nav ul li a:hover {
    color: #fff
}

.main-wrap-slotgame .jackpot-wrap {
    width: 11.875rem;
    height: 18.9375rem
}

.main-wrap-slotgame .jackpot-inner {
    position: absolute;
    z-index: 2;
    bottom: .1875rem;
    left: .1875rem;
    width: 11.5rem;
    height: 4.75rem;
    padding: .3125rem .4375rem 0;
    border-radius: 3px;
    background: #0d543e
}

.main-wrap-slotgame .jackpot-inner .tag {
    top: -1.375rem;
    right: .1875rem
}

.main-wrap-slotgame .jackpot-inner h4,
.main-wrap-slotgame .jackpot-inner h5 {
    width: 100%;
    height: 1.25rem;
    overflow: hidden;
    color: #fff;
    letter-spacing: .0625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    line-height: 20px
}

.main-wrap-slotgame .jackpot-inner h5 {
    font-size: 12px;
    margin-bottom: .3125rem
}

.main-wrap-slotgame .jackpot-inner p {
    color: rgba(255, 255, 255, .5)
}

.main-wrap-slotgame .game-wrap {
    width: 11.875rem;
    height: 9.25rem;
    margin-bottom: .4375rem
}

.main-wrap-slotgame .game-wrap .game-inner {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 4.625rem;
    background-image: linear-gradient(-180deg, rgba(9, 4, 32, 0)0, rgba(9, 4, 32, .9) 79%)
}

.main-wrap-slotgame .game-wrap .game-group {
    position: relative;
    padding: 1.875rem .625rem .625rem
}

.main-wrap-slotgame .game-wrap .game-group h4 {
    margin-bottom: .0625rem
}

.main-wrap-slotgame .game-wrap .game-group p::before {
    left: .625rem
}

.games-container .games-icon .favorite.active::before,
.games-container .games-icon .favorite:hover::before,
.main-wrap-slotgame .game-wrap:hover .mask,
.main-wrap-slotgame .jackpot-wrap:hover .mask {
    opacity: 1
}

.games-container .games-icon:hover .mask .mask-btn-wrap,
.main-wrap-slotgame .game-wrap:hover .mask .mask-btn-wrap,
.main-wrap-slotgame .jackpot-wrap:hover .mask .mask-btn-wrap {
    padding-top: 0
}

.main-wrap-slotgame .game-wrap:hover img,
.main-wrap-slotgame .jackpot-wrap:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.main-wrap-slotgame .more {
    width: 100%;
    height: 1.6875rem;
    padding-right: 10px;
    background: #fff;
    line-height: 1.6875rem;
    text-align: right
}

.main-wrap-slotgame .more a {
    font-size: 12px;
    line-height: 20px;
    color: #737373
}

.main-wrap-slotgame .jackpot-wrap.jackpot-slider {
    margin: 4px 6px 0
}

.main-wrap-slotgame .jackpot-wrap.jackpot-slider .slotgame-jackpot-banner {
    position: relative;
    width: 100%;
    line-height: 0
}

.main-wrap-slotgame .jackpot-wrap.jackpot-slider .banner {
    height: 303px;
    background: no-repeat center;
    background-size: cover
}

.games-container .games-icon img,
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .banner a {
    width: 100%;
    height: 100%
}

.main-wrap-slotgame .jackpot-wrap.jackpot-slider .flex-control-nav,
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .slick-dots {
    bottom: 10px
}

.main-wrap-slotgame .slotgame-inner {
    padding: .25rem 0 0 .375rem
}

.main-wrap-slotgame-1st .main-wrap-slotgame {
    position: relative;
    width: 100%;
    height: auto
}

.main-wrap-slotgame-1st .slot-tab {
    position: absolute;
    z-index: 4;
    right: 0
}

.main-wrap-slotgame-1st .slot-tab li {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    height: 3.125rem;
    padding: 0 1.25rem;
    color: rgba(0, 0, 0, .7);
    line-height: 3.125rem;
    cursor: pointer
}

.main-wrap-slotgame-1st .slot-tab li::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .2s linear, color .3s ease-in;
    background: #14805e
}

.main-wrap-slotgame-1st .slot-tab li.active::after,
.main-wrap-slotgame-1st .slot-tab li:hover::after {
    height: .1875rem
}

.main-wrap-slotgame-1st .slotgame-inner {
    width: 61.625rem
}

.main-wrap-slotgame-1st .slotgame-inner.no-jackpot {
    width: 49.375rem
}

.main-wrap-slotgame-1st .slotgame-inner.no-jackpot .game-wrap {
    margin-right: 6px
}

.main-wrap-slotgame-1st .jackpot-winner-wrap {
    position: relative;
    width: 13.375rem;
    height: 19.375rem;
    padding: .25rem .375rem .25rem 0;
    overflow: hidden
}

.main-wrap-slotgame-1st .jackpot-winner-wrap::after,
.main-wrap-slotgame-1st .jackpot-winner-wrap::before {
    z-index: 2;
    width: 100%;
    height: 20px
}

.main-wrap-slotgame-1st .jackpot-winner-wrap::before {
    top: 0;
    background: linear-gradient(180deg, #e5e5e5 0, rgba(229, 229, 229, 0) 67%)
}

.main-wrap-slotgame-1st .jackpot-winner-wrap::after {
    bottom: 0;
    background: linear-gradient(0deg, #e5e5e5 0, rgba(229, 229, 229, 0) 67%)
}

.main-wrap-slotgame-1st .winner-inner,
.top-nav-wrap .top-nav-inner {
    position: relative;
    height: 100%
}

.main-wrap-slotgame-1st .winner-inner li {
    position: relative;
    width: 100%;
    margin-bottom: .375rem;
    padding: .4375rem;
    border-radius: .1875rem;
    background: #14805e;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    line-height: 0;
    border-radius: 3px
}

.main-wrap-slotgame-1st .winner-inner li.active {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.main-wrap-slotgame-1st .winner-inner h4,
.main-wrap-slotgame-1st .winner-inner h5 {
    font-size: 12px;
    line-height: 20px;
    color: #f2f2f2
}

.main-wrap-slotgame-1st .winner-inner h4 span,
.main-wrap-slotgame-1st .winner-inner h5 span {
    margin-left: .1875rem
}

.main-wrap-slotgame-1st .winner-inner h5 span {
    font-size: 15px;
    line-height: 20px;
    color: #ffdf18
}

.main-wrap-slotgame-1st .winner-inner h6 {
    display: inline-block;
    width: 67%;
    color: #f2f2f2
}

.main-wrap-slotgame-1st .winner-inner h6 span {
    display: inline-block;
    width: 84%;
    line-height: 1.2;
    vertical-align: top
}

.main-wrap-slotgame-1st .winner-inner a {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: .4375rem;
    bottom: .4375rem;
    padding: .125rem .6875rem;
    border-radius: 3px;
    background: #03120d;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1), inset 0 1px 3px 0 rgba(30, 194, 143, .5);
    color: #fff
}

.main-wrap-slotgame-1st .winner-inner a:hover {
    background: #000
}

.main-wrap-slotgame-1st .jackpot-wrap.jackpot-slider {
    margin: 4px 0 0 6px
}

.main-wrap-slotgame-1st .jackpot-wrap.jackpot-slider .banner {
    background: no-repeat center;
    background-size: cover
}

.main-wrap-slotgame-1st .jackpot-wrap.jackpot-slider .flex-control-nav {
    bottom: 10px
}

.top-nav-wrap {
    width: 100%;
    height: 3.5625rem;
    text-align: center
}

.top-nav-wrap .top-nav-inner {
    display: inline-block;
    width: 75rem;
    text-align: right
}

.search-wrap {
    position: absolute;
    top: 10.5px;
    left: 25.25rem
}

.search-wrap input:-webkit-autofill,
.search-wrap input:-webkit-autofill:focus,
.search-wrap input:-webkit-autofill:hover,
.search-wrap select:-webkit-autofill,
.search-wrap select:-webkit-autofill:focus,
.search-wrap select:-webkit-autofill:hover,
.search-wrap textarea:-webkit-autofill,
.search-wrap textarea:-webkit-autofill:focus,
.search-wrap textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px #f2f2f2 inset;
    -webkit-text-fill-color: #14805e !important
}

.search-wrap .search-icon {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: .4375rem;
    background: url(/images/v1/web/img-template/icon-set/icon-search-g.svg)no-repeat center;
    vertical-align: middle
}

.search-wrap input {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding: .4375rem .625rem;
    transition: background .3s ease-in-out .1s, box-shadow .5s ease-in-out, border .3s ease-in-out .1s;
    border-radius: 5px;
    border-color: transparent;
    outline: 0;
    background: #f2f2f2;
    box-shadow: 0 .125rem .3125rem #e6e6e6 inset;
    color: #14805e;
    letter-spacing: 1px;
    vertical-align: middle
}

.search-wrap input::-webkit-input-placeholder {
    -webkit-transition: opacity .5s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out .1s;
    transition: transform .3s ease-in-out .1s, opacity .5s ease-in-out, color .3s ease-in-out;
    transition: transform .3s ease-in-out .1s, opacity .5s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out .1s;
    color: rgba(0, 0, 0, .4)
}

.search-wrap input::-moz-placeholder {
    -moz-transition: transform .3s ease-in-out .1s, opacity .5s ease-in-out, color .3s ease-in-out;
    transition: transform .3s ease-in-out .1s, opacity .5s ease-in-out, color .3s ease-in-out;
    color: rgba(0, 0, 0, .4)
}

.search-wrap input::placeholder {
    transition: transform .3s ease-in-out .1s, opacity .5s ease-in-out, color .3s ease-in-out;
    transition: transform .3s ease-in-out .1s, opacity .5s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out .1s;
    color: rgba(0, 0, 0, .4)
}

.search-wrap input:focus,
.search-wrap input:hover {
    border: 1px solid #14805e
}

.search-wrap input:focus::-webkit-input-placeholder,
.search-wrap input:hover::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .6)
}

.search-wrap input:focus::-moz-placeholder,
.search-wrap input:hover::-moz-placeholder {
    color: rgba(0, 0, 0, .6)
}

.search-wrap input:focus::placeholder,
.search-wrap input:hover::placeholder {
    color: rgba(0, 0, 0, .6)
}

.search-wrap input:focus::-webkit-input-placeholder {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
    opacity: 0
}

.search-wrap input:focus::-moz-placeholder {
    transform: translate(10px, 0);
    opacity: 0
}

.search-wrap input:focus::placeholder {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
    opacity: 0
}

.sort-wrap {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    height: 3.5625rem;
    color: rgba(0, 0, 0, .7)
}

.sidenav-wrap {
    position: relative;
    width: 24.5rem;
    margin: .75rem .75rem 0 0;
    border-radius: 5px;
    background: #0d543e
}

.sidenav-wrap .dragon-left,
.sidenav-wrap .dragon-top {
    position: absolute;
    pointer-events: none
}

.sidenav-wrap .dragon-top {
    z-index: 3;
    top: -170px;
    width: 22.625rem;
    height: 17.4375rem;
    background: url(/images/v1/web/img-template/slotgame/dragon-top.png)no-repeat center
}

.sidenav-wrap .dragon-top .fx {
    position: absolute;
    z-index: 4;
    top: 10.3125rem;
    left: 11.75rem;
    width: 5rem;
    height: 3.75rem;
    -webkit-animation: dragonFx 2s steps(1) infinite 0s;
    animation: dragonFx 2s steps(1) infinite 0s;
    background: url(/images/v1/web/img-template/slotgame/fx.png)no-repeat;
    background-position: 0 0;
    mix-blend-mode: screen
}

.sidenav-wrap .dragon-left {
    z-index: 1;
    top: 6.25rem;
    left: -5.75rem;
    width: 5.75rem;
    height: 31.375rem;
    background: url(/images/v1/web/img-template/slotgame/dragon-left.png)no-repeat center
}

.featured-game-wrap h3,
.filter-game-wrap h3 {
    width: 100%;
    height: 3.125rem;
    padding: 0 0 0 .9375rem;
    font-size: 14px;
    background-image: linear-gradient(-180deg, #14805e 0, #06281d 100%);
    box-shadow: 0 .125rem 0 0#000;
    color: #f2f2f2;
    line-height: 3.125rem
}

.featured-game-wrap {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.featured-game-btn-group {
    width: 100%;
    padding-bottom: .6875rem;
    white-space: nowrap
}

.featured-game-btn-group li {
    width: 33.3333%;
    text-align: center
}

.featured-game-btn-group li p {
    font-size: 14px;
    line-height: 20px;
    color: #f2f2f2
}

.featured-game-btn-group li a span {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.featured-game-btn-group li a:hover .icon-new {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.featured-game-btn-group li a:hover .icon-new::before {
    -webkit-animation-name: buzz-out;
    animation-name: buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.featured-game-btn-group .icon-3d,
.featured-game-btn-group .icon-jackpot,
.featured-game-btn-group .icon-new {
    position: relative;
    display: inline-block;
    width: 4.5rem;
    height: 4.5rem;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    margin-top: 1.125rem;
    border-radius: .1875rem;
    background-image: linear-gradient(-220deg, #effcfe 14%, #90908f 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .5), inset 0 0 6px 1px rgba(255, 255, 255, .5)
}

.featured-game-btn-group .icon-new::before {
    top: -10px;
    left: -20px;
    width: 108px;
    height: 79px;
    background: url(/images/v1/web/img-template/slotgame/game-icon-new.png)no-repeat center
}

.featured-game-btn-group .icon-3d,
.featured-game-btn-group .icon-jackpot {
    background-image: linear-gradient(-220deg, #facf51 14%, #7e0200 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .3), inset 0 0 6px 1px rgba(255, 221, 133, .5)
}

.featured-game-btn-group .icon-3d::before {
    top: -26px;
    left: 3px;
    width: 76px;
    height: 98px;
    background: url(/images/v1/web/img-template/slotgame/game-icon-3d.png)no-repeat center
}

.featured-game-btn-group .icon-jackpot {
    background-image: linear-gradient(-220deg, #faec7f 14%, #6c490d 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .2), inset 0 0 6px 1px #fcf49c
}

.featured-game-btn-group .icon-jackpot::before {
    top: 4px;
    left: -7px;
    width: 90px;
    height: 63px;
    background: url(/images/v1/web/img-template/slotgame/game-icon-jackpot.png)no-repeat center
}

.filter-game-wrap {
    position: relative
}

.filter-game-wrap .filter-clear-btn {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: .5625rem;
    right: .9375rem;
    padding: .25rem .625rem;
    transition: color .3s ease-in-out, text-shadow .3s ease-in-out;
    border: 2px solid #0a3e2d;
    border-radius: 1rem;
    background: #06281d;
    box-shadow: 0 0 3px 0#17966e, inset 0 2px 4px 0 rgba(0, 0, 0, .5);
    color: #fff;
    letter-spacing: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.filter-game-wrap .filter-clear-btn:hover {
    color: #ffdf18;
    text-shadow: 0 0 0 rgba(0, 0, 0, .8)
}

.select-platform-wrap {
    margin-top: 2px;
    border-radius: 0 0 5px 5px;
    overflow: hidden
}

.select-platform-wrap h4 {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    width: 100%;
    height: 1.875rem;
    padding: 0 0 0 .9375rem;
    background: #06281d;
    color: #fff;
    line-height: 1.875rem
}

.select-platform-wrap h4::before {
    top: .8125rem;
    right: .9375rem;
    width: 0;
    height: 0;
    border-width: 4px 3.5px 0;
    border-style: solid;
    border-color: #fff transparent transparent
}

.select-platform-wrap li {
    position: relative;
    width: 50%
}

.check-wrap input,
.select-platform-wrap li input {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.select-platform-wrap li label {
    display: block;
    position: relative;
    width: 100%;
    height: 2.75rem;
    overflow: hidden;
    transition: background .3s ease-out .1s, box-shadow .5s ease-in .1s
}

.select-platform-wrap li .check-cube,
.select-platform-wrap li .radio-cube {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: .9375rem;
    overflow: hidden;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s, -webkit-transform .3s ease-out .1s;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 2px 3px 0 rgba(0, 0, 0, .05), 0 3px 4px 0 rgba(0, 0, 0, .05);
    vertical-align: middle
}

.select-platform-wrap li .radio-cube {
    border-radius: 100%
}

.select-platform-wrap li .check-cube::before,
.select-platform-wrap li .radio-cube::before {
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    transition: transform .3s ease-out .1s, opacity .3s ease-out;
    transition: transform .3s ease-out .1s, opacity .3s ease-out, -webkit-transform .3s ease-out .1s;
    opacity: 0;
    background: url(/images/v1/web/img-template/icon-set/check.svg)no-repeat center;
    background-size: 90%
}

.select-platform-wrap li .radio-cube::before {
    -webkit-transform: translate(0, 0) scale(0);
    transform: translate(0, 0) scale(0);
    border-radius: 100%;
    background: #fff
}

.select-platform-wrap li .name {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    width: calc(100% - 55px);
    margin-left: .75rem;
    overflow: hidden;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: all .3s ease-out .1s;
    color: #fff;
    line-height: 2.75rem;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select-platform-wrap li .game-logo {
    display: block;
    position: absolute;
    top: 0;
    right: -9.3125rem;
    width: 9.3125rem;
    height: 44px;
    transition: all .3s ease-out .1s;
    background: no-repeat;
    background-position: left center;
    background-size: 149px 44px
}

.select-platform-wrap li input:checked+label .name {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    color: #feda00
}

.select-platform-wrap li input:checked+label .check-cube,
.select-platform-wrap li input:checked+label .radio-cube {
    background: #ffe332
}

.select-platform-wrap li input:checked+label .radio-cube::before {
    -webkit-transform: translate(0, 0) scale(.6);
    transform: translate(0, 0) scale(.6)
}

.select-platform-wrap li:not(.maintenance):hover label {
    z-index: 1;
    background: #feda00;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3)
}

.select-platform-wrap li:not(.maintenance):hover label .game-logo {
    right: 0
}

.select-platform-wrap li:not(.maintenance):hover label .name {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0
}

.select-platform-wrap li:not(.maintenance):hover label.btn-gametype .name {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    color: #fff
}

.select-platform-wrap .maintenance .check-cube {
    background: #ffbf44
}

.select-platform-wrap .maintenance .check-cube::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-maintenance.svg)no-repeat center/80%;
    mask: url(/images/v1/web/img-template/icon-set/icon-maintenance.svg)no-repeat center/80%
}

.games-container {
    width: 49.75rem
}

.games-container,
.games-container .total-games-group,
.games-container .week-top-game-wrap {
    position: relative
}

.games-container .total-award-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 10.1875rem;
    margin-top: .625rem;
    background: no-repeat center
}

.games-container .total-award-wrap .tag {
    z-index: 2;
    left: 7.75rem;
    width: 8.75rem;
    height: 3.25rem;
    -webkit-filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .5))
}

.games-container .total-award-wrap .money-left,
.games-container .total-award-wrap .money-right {
    position: absolute;
    z-index: 2;
    pointer-events: none
}

.games-container .total-award-wrap .money-left {
    left: -.9375rem;
    width: 11.3125rem;
    height: 12.125rem;
    background: url(/images/v1/web/img-template/slotgame/money-left.png)no-repeat center
}

.games-container .total-award-wrap .money-right {
    right: -1.25rem;
    width: 10.375rem;
    height: 11.625rem;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background: url(/images/v1/web/img-template/slotgame/money-right.png)no-repeat center
}

.games-container .total-award-wrap .child {
    position: absolute;
    z-index: 3;
    top: -1.25rem;
    right: -7.5rem;
    width: 13.5625rem;
    height: 16.125rem;
    -webkit-animation: childMove 5s steps(1) infinite 0s;
    animation: childMove 5s steps(1) infinite 0s;
    background: url(/images/v1/web/img-template/slotgame/child-sprite.png)no-repeat;
    background-position: 0 0;
    pointer-events: none
}

.games-container .total-award-wrap .money {
    position: absolute;
    top: 3rem;
    right: 4.375rem;
    height: 61px;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -2px;
    text-align: right
}

.games-container .total-award-wrap .money i,
.games-container .total-award-wrap .money span {
    display: inline-block;
    background: linear-gradient(180deg, #ffee43 0, #fe9035 100%);
    line-height: 61px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))
}

.games-container .total-award-wrap .money i {
    margin-right: 5px;
    font-size: 30px;
    letter-spacing: 0
}

.games-container .total-games-group {
    z-index: 2;
    width: 100%
}

.games-container .games-slide a,
.games-container .total-games-group a {
    padding: 0 5%
}

.games-container .games-icon {
    position: relative;
    width: 15rem;
    height: 20rem;
    margin: 0 .75rem .75rem 0;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(45, 45, 45, .1), 0 4px 4px 0 rgba(49, 49, 49, .1), 0 8px 8px 0 rgba(42, 42, 42, .1), 0 16px 16px 0 rgba(32, 32, 32, .1)
}

.games-container .games-icon:nth-child(4n) {
    margin-right: 0
}

.games-container .games-icon .favorite,
.games-container .games-icon .game-group,
.games-container .games-icon .game-inner,
.games-container .games-icon .mask,
.games-container .games-icon .tag {
    position: absolute
}

.games-container .games-icon .mask {
    z-index: 6
}

.games-container .games-icon .game-inner {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #000 -20%, transparent 40%);
    box-shadow: inset 0 0 0 1px rgba(27, 172, 126, .2), inset 0 0 10px 0 rgba(255, 255, 255, .1)
}

.games-container .games-icon .game-inner::before {
    z-index: 3;
    height: 6px;
    background-image: linear-gradient(0deg, rgba(34, 216, 159, .2)0, transparent 100%)
}

.games-container .games-icon .game-inner::after {
    z-index: 2;
    height: 3.375rem;
    background-image: linear-gradient(0deg, rgba(20, 128, 94, .5) 2%, transparent 100%)
}

.games-container .games-icon .game-inner::after,
.games-container .games-icon .game-inner::before {
    left: 0;
    bottom: 0;
    width: 100%
}

.games-container .games-icon .game-group {
    z-index: 4;
    bottom: 0;
    width: 100%;
    padding: 0 15px 10px
}

.games-container .games-icon h4,
.games-container .games-icon p {
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.games-container .games-icon p {
    font-size: 12px
}

.games-container .games-icon p::before {
    content: "";
    display: inline-block;
    width: .6875rem;
    height: .875rem;
    margin-right: .3125rem;
    margin-bottom: -.1875rem;
    background: url(/images/v1/web/img-template/slotgame/fire-icon.png)no-repeat center
}

.games-container .games-icon p span {
    margin-left: .3125rem
}

.games-container .games-icon .favorite {
    display: inline-block;
    z-index: 7;
    top: .625rem;
    right: .625rem;
    width: 1rem;
    height: .875rem;
    background: url(/images/v1/web/img-template/icon-set/heart-1.svg)no-repeat center;
    cursor: pointer
}

.games-container .games-icon .favorite::before {
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in .1s;
    opacity: 0;
    background: url(/images/v1/web/img-template/icon-set/heart-2.svg)no-repeat center
}

.games-container .games-icon .tag {
    font-size: 12px;
    line-height: 20px;
    z-index: 5;
    top: .3125rem;
    left: .3125rem;
    padding: .0625rem .375rem 0;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), inset 0 1px 3px 0 rgba(255, 255, 255, .2);
    color: #fff
}

.games-container .games-icon .tag.hot {
    background: #a62323
}

.games-container .games-icon .tag.hot::before {
    z-index: 2;
    right: -.8125rem;
    width: 1rem;
    height: 1.1875rem;
    background: url(/images/v1/web/img-template/icon-set/hot.svg)no-repeat center
}

.games-container .games-icon .tag.new {
    background: #2371a6
}

.games-container .games-icon:hover .mask {
    opacity: 1
}

.content.no-sidenav .top-subnav-wrap {
    display: block
}

.content .top-subnav-wrap,
.content.no-sidenav .sidenav-wrap {
    display: none
}

.content.no-sidenav .search-wrap {
    left: 0
}

.content.no-sidenav .total-award-wrap {
    margin-top: 1.5625rem
}

.content.no-sidenav .total-award-wrap .tag {
    left: 50%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

.content.no-sidenav .total-games-group li:nth-child(4n) {
    margin-right: .75rem
}

.content.no-sidenav .total-games-group li:nth-child(6n) {
    margin-right: 0
}

.content.no-sidenav .total-games-group .btn-default-xs {
    padding: 0 5%
}

.content.no-sidenav .games-container {
    width: 150%
}

.content.no-sidenav .games-container .total-award-wrap {
    width: 50.5rem
}

.content.no-sidenav .games-container .week-top-game-wrap {
    display: block
}

.content.no-sidenav.week-col-2 .games-container {
    width: 100%
}

.content.no-sidenav.week-col-2 .games-container .total-award-wrap {
    width: 43.75rem;
    background-size: contain
}

.content.no-sidenav.week-col-2 .games-container .total-award-wrap .money {
    font-size: 1.625rem
}

.content.no-sidenav.week-col-2 .games-container .week-top-game-wrap {
    display: block
}

.games-container .week-top-game-wrap .games-icon:nth-child(4n) {
    margin-right: .75rem
}

.top-subnav-inner {
    display: inline-block;
    position: relative;
    width: 75rem;
    height: 2.75rem
}

.top-subnav-inner .select-platform-wrap {
    margin-top: 0;
    text-align: left
}

.top-subnav-inner .select-platform-wrap li {
    width: 9.375rem;
    cursor: pointer
}

.top-subnav-inner .select-platform-wrap li:not(.maintenance):hover label .game-logo {
    right: -1.25rem
}

.top-subnav-inner .select-platform-wrap .game-logo {
    right: -7.8125rem;
    width: 7.8125rem;
    height: 44px;
    background-size: 120px 35px
}

.top-subnav-inner .btn-select-more {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 2.75rem;
    width: auto;
    padding: 0 2.5rem;
    z-index: 10
}

.select-wrap-expand {
    background: rgba(0, 0, 0, .2)
}

.select-wrap-expand .btn-select-more,
.select-wrap-expand h4 {
    position: relative;
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem
}

.select-wrap-expand h4 {
    padding: 0 0 0 .9375rem;
    background: rgba(255, 255, 255, .2);
    color: #ffdf18;
    font-size: 14px;
    text-align: left
}

.select-wrap-expand .btn-select-more {
    text-align: center
}

.top-subnav-wrap {
    width: 100%;
    height: 2.75rem;
    background-image: linear-gradient(0deg, #14805e, #116a4e 100%);
    text-align: center
}

.top-subnav-wrap .select-wrap-expand {
    display: none
}

.top-subnav-wrap.active {
    display: block;
    height: 100%
}

.top-subnav-wrap.active .top-subnav-inner {
    height: 100%
}

.top-subnav-wrap.active .select-wrap-expand {
    display: block
}

.top-subnav-wrap.active .select-wrap-collapse {
    display: none
}

.week-top-game-wrap {
    display: none;
    position: relative;
    width: 24.5rem;
    height: 12.5rem;
    margin-top: .75rem;
    text-align: center
}

.week-top-game-wrap .games-slide {
    display: inline-block;
    width: 11.875rem;
    height: 8.875rem
}

.week-top-game-wrap .games-slide .slides {
    height: 8.875rem;
    overflow: hidden
}

.week-top-game-wrap .games-slide .flex-viewport {
    border-radius: 3px;
    z-index: 2
}

.week-top-game-wrap .games-icon {
    float: none;
    text-align: left;
    box-shadow: 0 0 0 transparent
}

.week-top-game-wrap .week-top-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.875rem;
    background: url(/images/v1/web/img-template/slotgame/week-top-title.png)no-repeat center;
    z-index: 9
}

.week-top-game-wrap .week-top-title .period {
    position: absolute;
    bottom: 1.5625rem;
    left: 0;
    width: 100%;
    color: #000;
    font-size: 1.125rem;
    font-weight: 700
}

.week-top-game-wrap .money-1,
.week-top-game-wrap .money-2,
.week-top-game-wrap .money-3 {
    position: absolute;
    pointer-events: none;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.week-top-game-wrap .money-1 {
    top: 5.9375rem;
    right: 3.4375rem;
    width: 4rem;
    height: 3.375rem;
    background: url(/images/v1/web/img-template/slotgame/week-top-money-1.png)no-repeat center;
    z-index: 3
}

.week-top-game-wrap .money-2 {
    top: -.625rem;
    right: 3.125rem;
    width: 10.125rem;
    height: 6.8125rem;
    background: url(/images/v1/web/img-template/slotgame/week-top-money-2.png)no-repeat center;
    z-index: 0;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

.week-top-game-wrap .money-3 {
    top: .9375rem;
    left: 3.4375rem;
    width: 12.375rem;
    height: 8.875rem;
    background: url(/images/v1/web/img-template/slotgame/week-top-money-3.png)no-repeat center;
    z-index: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.week-top-game-wrap .navigation a {
    width: 2rem;
    height: 2.9375rem;
    margin-top: 3.125rem;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background: url(/images/v1/web/img-template/slotgame/week-top-arrow.png)no-repeat center
}

.week-top-game-wrap .navigation a.flex-next {
    right: 0
}

.week-top-game-wrap .navigation a.flex-next:hover {
    -webkit-transform: scale(.95) translateX(-3px);
    transform: scale(.95) translateX(-3px)
}

.week-top-game-wrap .navigation a.flex-prev {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.week-top-game-wrap .navigation a.flex-prev:hover {
    -webkit-transform: scaleX(-.95) scaleY(.95) translateX(-3px);
    transform: scaleX(-.95) scaleY(.95) translateX(-3px)
}

.week-top-game-wrap .navigation a.flex-next,
.week-top-game-wrap .navigation a.flex-prev {
    position: absolute;
    top: 0
}

.week-top-game-wrap.col-2 {
    width: 31.25rem
}

.week-top-game-wrap.col-2 .games-slide {
    width: 25rem
}

.week-top-game-wrap.col-2 .games-icon .games-icon-col2 {
    position: relative;
    float: left;
    width: calc(50% - .75rem);
    margin: 0 .75rem .75rem 0
}

.week-top-game-wrap.col-2 .money-1 {
    right: 1.25rem
}

.week-top-game-wrap.col-2 .money-2 {
    right: -.625rem
}

.week-top-game-wrap.col-2 .money-3 {
    left: .9375rem
}

.total-games-group {
    margin-top: 1.875rem
}

.total-award-wrap+.total-games-group {
    margin-top: .3125rem
}

.promotion-nav {
    display: flex;
    width: 100%;
    padding: .75rem 0;
    background: #474747;
    line-height: 0;
    text-align: center;
    justify-content: center
}

.promotion-nav .container-1200 {
    display: grid;
    justify-content: flex-start;
    grid-template-columns: auto 12.5rem;
    padding-bottom: 0
}

.promotion-nav ul {
    display: inline-block;
    height: 2.1875rem;
    overflow: hidden
}

.promotion-nav ul li {
    padding-right: .25rem;
    line-height: 0
}

.promotion-nav ul li:last-child,
.sport-nav-wrap ul li:last-child {
    padding-right: 0
}

.promotion-nav ul li .active {
    border: 1px solid #ffdf18;
    box-shadow: none;
    color: #fff;
    line-height: 1.875rem
}

.promotion-nav.fixed {
    position: fixed;
    z-index: 999;
    top: 174px;
    left: 0
}

.promotion-nav .promo-code {
    margin-left: 3.125rem;
    margin-bottom: 0
}

.promotion-nav .promo-code input {
    height: 100%;
    border: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

.promotion-card-wrap {
    padding: .75rem 0 0
}

.promotion-card .img-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 13.625rem;
    overflow: hidden;
    border-radius: .1875rem .1875rem 0 0
}

.promotion-card .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.promotion-card .explanation-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 145px;
    padding: .4375rem .75rem .625rem;
    background: #8e8e8e
}

.promotion-card .explanation-wrap .line {
    position: absolute;
    z-index: 1;
    top: -.1875rem;
    left: 0;
    width: 100%;
    height: .4375rem;
    background: url(/images/v1/web/img-template/theme/green_black/promotion/line.png)repeat-x center
}

.promotion-card .explanation-wrap .tag {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: .875rem;
    right: .75rem;
    padding: .125rem .4375rem;
    border-radius: 2px;
    color: #ffdf18;
    z-index: 2
}

.promotion-card .explanation-wrap h3,
.promotion-card .explanation-wrap>p {
    z-index: 2
}

.promotion-card .explanation-wrap h3 {
    font-size: 22px;
    line-height: 40px;
    width: 70%;
    color: #fff
}

.promotion-card .explanation-wrap h3::before {
    top: .75rem;
    left: -.125rem;
    width: .25rem;
    height: 1.875rem;
    background-image: linear-gradient(0deg, #ffdf18 3%, #ffe64b 100%);
    box-shadow: 0 2px 4px 0 rgba(15, 25, 46, .5)
}

.promotion-card .explanation-wrap>p {
    color: rgba(0, 0, 0, .8)
}

.promotion-card .explanation-wrap .text {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    min-height: 20px;
    margin-bottom: .1875rem
}

.promotion-card .explanation-wrap .time {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    min-height: 15px;
    margin-bottom: .625rem;
    letter-spacing: .5px;
    line-height: .9375rem
}

.promotion-card .explanation-wrap .time::before {
    display: inline-block;
    position: relative;
    width: .9375rem;
    height: .9375rem;
    margin-right: .3125rem;
    background: rgba(0, 0, 0, .8);
    vertical-align: middle;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-time.svg)no-repeat center/cover;
    mask: url(/images/v1/web/img-template/icon-set/icon-time.svg)no-repeat center/cover
}

.promotion-big-card .time span,
.promotion-card .explanation-wrap .time span {
    margin-right: 5px
}

.promotion-big-card .time span:last-child,
.promotion-card .explanation-wrap .time span:last-child {
    margin-left: 5px
}

.promotion-card .explanation-wrap a {
    margin-right: .75rem
}

.promotion-card .card-inner {
    margin: 0 .375rem .75rem;
    overflow: hidden;
    border-radius: 3px
}

.promotion-card li {
    width: 50%
}

.promotion-card li.disable .tag {
    border-color: rgba(77, 77, 77, .5);
    background-color: rgba(77, 77, 77, .5);
    color: #b3b3b3
}

.promotion-card li.disable h3 {
    color: #404040
}

.promotion-card li.disable img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.promotion-card.three li {
    width: 33.33%
}

.promotion-card.three .img-wrap {
    height: 10rem
}

.promotion-card.three .explanation-wrap h3 {
    font-size: 16px;
    line-height: 40px
}

.promotion-subnav {
    position: fixed;
    z-index: 3;
    top: 12.5rem;
    right: -10%;
    transition: right .5s ease-in-out, opacity .5s ease-in .1s;
    opacity: 0
}

.promotion-subnav.active {
    right: 10%;
    opacity: 1
}

.promotion-subnav li {
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    margin-bottom: 10px;
    border-radius: 10px;
    background: linear-gradient(-90deg, #1bac7e 1%, #0d543e 74%);
    box-shadow: 0 1px 2px 0 rgba(6, 8, 15, .3), inset 0 0 4px 1px rgba(255, 255, 255, .5)
}

.promotion-subnav li p {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px #000
}

.promotion-subnav li a {
    width: 100%;
    height: 100%;
    transition: box-shadow .5s ease-in-out;
    border-radius: 10px
}

.promotion-subnav li a i {
    display: block;
    width: 100%;
    height: 2.5rem;
    margin-top: 5px;
    background: no-repeat center;
    background-size: 46px auto
}

.promotion-subnav li a .icon-1 {
    background-image: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/promotion/promotion-subnav-icon-1.png)
}

.promotion-subnav li a .icon-2 {
    background-image: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/promotion/promotion-subnav-icon-2.png)
}

.promotion-subnav li a .icon-3 {
    background-image: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/promotion/promotion-subnav-icon-3.png)
}

.promotion-subnav li a .icon-4 {
    background-image: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/promotion/promotion-subnav-icon-4.png)
}

.promotion-subnav li a .icon-5 {
    background-image: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/promotion/promotion-subnav-icon-5.png)
}

.promotion-subnav li a .icon-6 {
    background-image: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/promotion/promotion-subnav-icon-6.png)
}

.promotion-subnav li a:hover {
    box-shadow: 0 2px 2px 0 rgba(13, 84, 62, .1), 0 4px 4px 0 rgba(13, 84, 62, .1), 0 8px 8px 0 rgba(13, 84, 62, .1), 0 16px 16px 0 rgba(13, 84, 62, .1), 0 32px 32px 0 rgba(13, 84, 62, .1)
}

.promotion-big-card {
    padding: 3.5625rem 0 .75rem 2rem
}

.promotion-big-card ul {
    position: relative;
    padding-top: 2.5rem
}

.promotion-big-card ul::after,
.promotion-big-card ul::before {
    z-index: 1;
    left: 50%;
    width: 1px;
    -webkit-transform: translate(-91px, 0);
    transform: translate(-91px, 0)
}

.promotion-big-card ul::before {
    top: 0;
    height: 100%;
    background: #06281d
}

.promotion-big-card ul::after {
    bottom: 0;
    height: 80px;
    background-image: linear-gradient(180deg, #06281d 0, #4e4e4e 100%)
}

.promotion-big-card li {
    position: relative;
    z-index: 2;
    width: 61.75rem;
    margin-bottom: 4.4375rem
}

.promotion-big-card .stamp {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    width: 6.625rem;
    height: 6.625rem;
    background: no-repeat center
}

.promotion-big-card .top-tag {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    padding: .125rem .5rem;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 2px;
    background: #0d543e;
    color: #f2f2f2;
    font-weight: 700
}

.promotion-big-card .img-wrap {
    width: 14.375rem;
    height: 14.375rem
}

.promotion-big-card .img-wrap img {
    width: 100%;
    height: 100%
}

.promotion-big-card .money-wrap {
    position: relative;
    width: 100%;
    padding: 1.25rem 1.5625rem;
    border-radius: 0 0 .1875rem .1875rem;
    background-image: linear-gradient(0deg, #06281d 0, #14805e 74%);
    text-align: center
}

.promotion-big-card .money-wrap::before {
    top: 0;
    left: 0;
    width: 100%;
    height: .4375rem;
    background: url(/images/v1/web/img-template/theme/green_black/promotion/line2.png)repeat-x;
    background-size: 100% 7px
}

.promotion-big-card .money-wrap h3 {
    margin-bottom: 1.25rem;
    color: #fff;
    font-size: 42px;
    line-height: 42px
}

.promotion-big-card .money-wrap h3.number {
    margin: .625rem 0;
    font-size: 70px
}

.promotion-big-card .money-wrap h3.number i {
    font-size: 20px;
    font-weight: 700
}

.promotion-big-card .money-wrap .subtext {
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
    padding: .25rem .5625rem;
    border-radius: 1.125rem;
    background: rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .2);
    color: #f2f2f2
}

.promotion-big-card .money-wrap a {
    width: 100%
}

.promotion-big-card .title-wrap {
    color: #fff;
    text-align: left
}

.promotion-big-card .tag,
.promotion-big-card .time {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 1.25rem;
    text-align: right
}

.promotion-big-card .tag {
    top: 1.4375rem;
    padding: .125rem .4375rem;
    border: 1px solid #ffdf18;
    border-radius: 2px;
    color: #ffdf18
}

.promotion-big-card .time {
    display: inline-block;
    top: 3.5625rem;
    margin-bottom: .625rem;
    color: rgba(0, 0, 0, .8);
    letter-spacing: .5px;
    line-height: .9375rem
}

.promotion-big-card .time::before {
    display: inline-block;
    position: relative;
    width: .9375rem;
    height: .9375rem;
    margin-right: .3125rem;
    background: url(/images/v1/web/img-template/icon-set/time-gl.svg)no-repeat center;
    vertical-align: middle
}

.promotion-big-card .text-wrap {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    height: 16.25rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
    transition: all .5s ease-out;
    color: rgba(0, 0, 0, .6);
    text-align: left
}

.promotion-big-card .text-wrap.heightAuto {
    height: auto
}

.promotion-big-card .btn-more {
    font-size: 12px;
    line-height: 20px;
    padding: .25rem .5625rem .3125rem .5rem;
    transition: background .3s ease-out, box-shadow .5s ease-in;
    border-radius: .9375rem;
    background: #06281d;
    color: #fff
}

.promotion-big-card .btn-more::before {
    display: inline-block;
    position: relative;
    width: .875rem;
    height: .875rem;
    margin-top: -2px;
    margin-right: 10px;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    background: url(/images/v1/web/img-template/icon-set/icon-more.svg)no-repeat center;
    vertical-align: middle
}

.promotion-big-card .btn-more:hover {
    background: #0d543e;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4), 0 20px 30px rgba(0, 0, 0, .3);
    color: #f79604
}

.promotion-big-card .btn-more.open::before,
ul.accordion-list li.active h3:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.promotion-big-card .left {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 14.375rem;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.promotion-big-card .right {
    position: relative;
    width: 54.5625rem;
    margin: 1.125rem 0 0 7.1875rem;
    padding: 1rem 1.25rem 2.25rem 8.5rem;
    border-radius: 3px;
    background: #fff;
    text-align: center
}

.promotion-big-card .right h4 {
    font-size: 22px;
    line-height: 40px;
    color: #fff
}

.promotion-big-card .right h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(64, 64, 64, .3);
    color: rgba(0, 0, 0, .8)
}

.pop-wrap.pop-setwallet {
    max-width: 31.25rem
}

.pop-setwallet .pop-inner {
    padding: 1.25rem 1.875rem
}

.pop-setwallet .inner-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: .625rem 0 0;
    padding: 1.25rem .9375rem;
    border: .0625rem solid #eee;
    border-radius: 5px;
    box-shadow: inset 0 0 .5rem #ddd
}

.pop-setwallet .wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 .3125rem;
    padding: .5rem .9375rem;
    border: .125rem solid #eee;
    border-radius: 3.125rem;
    background: #fff;
    box-shadow: inset 0 0 .3125rem rgba(0, 0, 0, .3);
    color: #474747
}

.pop-setwallet .prompt {
    width: 100%;
    margin-bottom: 1.25rem;
    color: rgba(0, 0, 0, .5);
    font-size: .875rem;
    text-align: center
}

.pop-setwallet .btn-box {
    margin-top: 1.25rem
}

.pop-setwallet .error-ani {
    -webkit-animation: shake 1s linear .5s alternate forwards;
    animation: shake 1s linear .5s alternate forwards
}

.pop-setwallet .input-box {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    margin-bottom: .625rem
}

.pop-setwallet .input-box input:-webkit-autofill,
.pop-setwallet .input-box input:-webkit-autofill:focus,
.pop-setwallet .input-box input:-webkit-autofill:hover,
.pop-setwallet .input-box select:-webkit-autofill,
.pop-setwallet .input-box select:-webkit-autofill:focus,
.pop-setwallet .input-box select:-webkit-autofill:hover,
.pop-setwallet .input-box textarea:-webkit-autofill,
.pop-setwallet .input-box textarea:-webkit-autofill:focus,
.pop-setwallet .input-box textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #14805e !important
}

.pop-setwallet .input-box.mistake input:-webkit-autofill,
.pop-setwallet .input-box.mistake input:-webkit-autofill:focus,
.pop-setwallet .input-box.mistake input:-webkit-autofill:hover,
.pop-setwallet .input-box.mistake select:-webkit-autofill,
.pop-setwallet .input-box.mistake select:-webkit-autofill:focus,
.pop-setwallet .input-box.mistake select:-webkit-autofill:hover,
.pop-setwallet .input-box.mistake textarea:-webkit-autofill,
.pop-setwallet .input-box.mistake textarea:-webkit-autofill:focus,
.pop-setwallet .input-box.mistake textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #f35e5e !important
}

.pop-setwallet .input-box.mistake input {
    -webkit-animation: shake 1s linear .5s alternate forwards;
    animation: shake 1s linear .5s alternate forwards;
    border: .125rem solid #f35e5e;
    color: #f35e5e
}

.pop-setwallet .input-box.mistake input:focus {
    border: .125rem solid #f35e5e;
    color: #f35e5e
}

.pop-setwallet .input-box.mistake label {
    color: #f35e5e
}

.pop-setwallet .input-box.mistake .error {
    display: block
}

.pop-setwallet .input-box label {
    position: absolute;
    z-index: 1;
    top: -.625rem;
    left: .9375rem;
    margin-bottom: .3125rem;
    padding: 0 .3125rem;
    background-color: #fff;
    font-size: .875rem;
    text-align: left;
    color: #111
}

.pop-setwallet .input-box input {
    height: 3.125rem;
    padding: 0 .3125rem;
    border-radius: 3px;
    border-color: #999;
    outline: 0;
    background: #fff;
    color: #14805e;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: right
}

.pop-setwallet .input-box input::-webkit-input-placeholder {
    color: rgba(128, 128, 128, .6)
}

.pop-setwallet .input-box input::-moz-placeholder {
    color: rgba(128, 128, 128, .6)
}

.pop-setwallet .input-box input::placeholder {
    color: rgba(128, 128, 128, .6)
}

.pop-setwallet .input-box input:focus {
    border: .125rem solid #14805e;
    color: #14805e
}

.pop-setwallet .input-box p {
    color: #14805e;
    line-height: 2.5rem;
    text-align: right
}

.pop-setwallet .error {
    display: none;
    position: absolute;
    top: 35px;
    left: 2%;
    max-width: 43%;
    padding: .3125rem .3125rem .3125rem 1.5625rem;
    border-radius: 15px;
    background: #f35e5e;
    color: #fff;
    font-size: .75rem;
    line-height: 1;
    text-align: left;
    text-indent: -20px
}

.pop-setwallet .error::before {
    background-color: #fff;
    -webkit-mask: url(/images/v1/web/img-template/icon-set/icon-error.svg)no-repeat center/contain;
    mask: url(/images/v1/web/img-template/icon-set/icon-error.svg)no-repeat center/contain;
    vertical-align: initial
}

.other-choice {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 .3125rem .9375rem
}

.other-choice .tips {
    position: relative;
    width: 100%;
    padding: .9375rem 0;
    font-size: .8125rem;
    text-align: center
}

.other-choice .tips span {
    display: inline;
    padding: 0 .3125rem;
    background: #fff;
    color: #555
}

.other-choice .tips::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1)
}

.other-choice .btn-link {
    display: inline-block;
    transition: .3s;
    color: #14805e;
    text-decoration: underline
}

.other-choice .btn-link:hover {
    color: #0d543e
}

#wrap .content.nomainnav,
.promotion-nav-wallet {
    padding: 0
}

.promotion-nav-inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 75rem;
    margin: 0 auto
}

.promotion-nav-inner .tab-primary-box {
    flex: 1 0 30%;
    width: auto;
    margin: 0 .625rem 0 0;
    padding-right: .625rem;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.promotion-filter-box {
    flex: 1 0 70%;
    position: relative;
    overflow: hidden
}

.promotion-filter-box ul {
    display: block;
    padding: .9375rem 0;
    height: auto;
    line-height: 0;
    text-align: left;
    white-space: nowrap
}

.promotion-filter-box li {
    padding-left: .625rem
}

.promotion-filter-box li:first-child {
    padding-left: 0
}

.promotion-filter-box a,
.promotion-filter-box li .active,
.promotion-filter-box li a:hover {
    box-shadow: none
}

.promotion-filter-box li .active,
.sport-nav-wrap ul li a.active {
    border: 1px solid #ffdf18;
    line-height: 30px
}

.promotion-filter-box .slick-list {
    position: relative;
    width: calc(100% - 80px);
    margin: 0 auto;
    padding: 0 .8125rem;
    overflow: hidden
}

.promotion-filter-box .slick-list::after,
.promotion-filter-box .slick-list::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    width: 1.4375rem;
    height: 100%
}

.promotion-filter-box .slick-list::before {
    left: 0;
    background: linear-gradient(to right, #474747 20%, rgba(71, 71, 71, 0) 100%)
}

.promotion-filter-box .slick-list::after {
    right: 0;
    background: linear-gradient(to left, #474747 20%, rgba(71, 71, 71, 0) 100%)
}

.promotion-filter-box .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    border: 0;
    border-radius: 50%;
    opacity: .8;
    font-size: 0;
    cursor: pointer
}

.promotion-filter-box .slick-arrow:hover {
    opacity: 1
}

.promotion-filter-box .slick-arrow.slick-disabled {
    opacity: .3
}

.promotion-filter-box .slick-next {
    right: 0;
    background: url(/images/v1/web/img-template/icon-set/register-fast/next-arrow.png)no-repeat center/50%, #f7a204
}

.promotion-filter-box .slick-prev {
    left: 0;
    background: url(/images/v1/web/img-template/icon-set/register-fast/left-arrow.png)no-repeat center/50%, #f7a204
}

.promotion-filter-box .slick-dots {
    position: absolute;
    top: 0
}

.receive-amount {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 0 .9375rem;
    color: #4e916d;
    text-align: left
}

.receive-amount label,
.receive-amount p {
    display: inline-block;
    vertical-align: middle
}

.receive-amount label {
    margin-right: .625rem;
    font-size: .9375rem
}

.receive-amount p {
    font-size: 1.25rem;
    font-weight: 500
}

.has-join .btn-apply,
.has-join .btn-joined,
.has-join .btn-review,
.never-join .btn-joined {
    display: none
}

.has-join .btn-joined {
    background: linear-gradient(to right, #ffad00 0, #ffc400 15%, #ffc400 30%, #ffad00 55%, #ffad00 100%);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1), inset 0 0 3px 0 rgba(255, 255, 255, .3)
}

.has-join .btn-joined:hover {
    box-shadow: 0 2px 2px 1px rgba(255, 173, 0, .1), 0 4px 4px 1px rgba(255, 173, 0, .1), 0 8px 8px 1px rgba(255, 173, 0, .1), 0 16px 16px 1px rgba(255, 173, 0, .1), 0 32px 32px 1px rgba(255, 173, 0, .1), inset 0 0 3px 0 rgba(255, 255, 255, .3);
    text-shadow: 0 1px 3px #ffad00
}

.has-join .state-requesting .btn-review {
    display: inline-block
}

.has-join .state-joined .btn-apply,
.has-join .state-joined .btn-join,
.has-join .state-joined .btn-review,
.has-join .state-requesting .btn-apply,
.has-join .state-requesting .btn-join,
.has-join .state-requesting .btn-joined {
    display: none
}

.has-join .state-joined .btn-joined {
    display: inline-block
}

.has-join .state-apply .btn-join,
.has-join .state-apply .btn-joined,
.has-join .state-apply .btn-review {
    display: none
}

.has-join .state-apply .btn-apply {
    display: inline-block
}

.promo-code {
    display: inline-flex;
    flex-flow: row nowrap;
    width: 15.625rem;
    height: 2.1875rem;
    justify-self: flex-end;
    font-size: .9375rem
}

.promo-code .btn-add {
    flex: 1 0 auto;
    padding: 0 .5rem;
    display: inline-flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    transition: box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(to right, #fbc103 0, #f79604 15%, #f79604 30%, #fbc103 55%, #fbc103 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(6, 8, 15, .1), inset 0 0 3px 0#ffdd8f;
    color: #fff;
    cursor: pointer
}

.promo-code .btn-add::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 1.0625rem;
    background: url(../../images/v1/web/img-template/btn-light.png)no-repeat center top;
    background-size: 100%
}

.promo-code .btn-add.active,
.promo-code .btn-add:hover {
    background-position: 0 0;
    box-shadow: 0 2px 2px 1px rgba(6, 8, 15, .1), 0 4px 4px 1px rgba(6, 8, 15, .1), 0 8px 8px 1px rgba(6, 8, 15, .1), 0 16px 16px 1px rgba(6, 8, 15, .1), 0 32px 32px 1px rgba(6, 8, 15, .1), inset 0 0 3px 0#ffdd8f;
    color: #fff;
    text-shadow: 0 1px 3px #967302
}

.main-wrap-sport {
    position: relative;
    background: #14805e
}

.main-wrap-sport h3 {
    pointer-events: none
}

.main-wrap-sport .sport-event {
    position: relative;
    z-index: 2;
    width: 100%
}

.main-wrap-sport .sport-event,
.main-wrap-sport .sport-event .slides {
    height: 21.375rem;
    overflow: hidden
}

.main-wrap-sport .sport-event li {
    position: relative;
    width: 100%;
    height: 100%
}

.main-wrap-sport .sport-event .slick-list,
.main-wrap-sport .sport-event .slick-track {
    height: 100%
}

.main-wrap-sport .navigation {
    position: absolute;
    z-index: 1;
    top: 1.1875rem;
    width: 100%
}

.main-wrap-sport .navigation::before {
    top: -1.1875rem;
    right: 2.25rem;
    width: 1px;
    height: 24.5rem;
    opacity: .1;
    background: #fff
}

.main-wrap-sport .navigation a {
    width: .9375rem;
    height: .625rem;
    margin-right: .9375rem;
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s, background-position .3s;
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s, background-position .3s, -webkit-transform .5s cubic-bezier(.03, .98, .52, .99) .1s;
    background: no-repeat center;
    background-image: url(../../images/v1/web/bj/icon-set/sport/sport-arrow.png);
    background-position: 0 center;
    background-size: cover
}

.main-wrap-sport .navigation a.flex-disabled {
    background-position: 100%center;
    pointer-events: none
}

.main-wrap-sport .navigation a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.main-wrap-sport .navigation a:hover.flex-disabled {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: default
}

.main-wrap-sport .navigation a:hover.flex-prev {
    -webkit-transform: scale(1.2) rotate(180deg);
    transform: scale(1.2) rotate(180deg)
}

.main-wrap-sport .navigation a.flex-prev,
.main-wrap-sport .navigation a.flex-prev.flex-disabled {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg)
}

.main-wrap-sport .slides li .sport-img {
    position: absolute;
    z-index: 2;
    top: -1px;
    right: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover
}

.main-wrap-sport .event-info-wrap {
    display: inline-block;
    position: relative;
    z-index: 3;
    margin: 3.125rem 0 0 1.25rem;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    transition: transform .8s cubic-bezier(.03, .98, .52, .99) .3s, opacity .8s cubic-bezier(.03, .98, .52, .99) .3s;
    transition: transform .8s cubic-bezier(.03, .98, .52, .99) .3s, opacity .8s cubic-bezier(.03, .98, .52, .99) .3s, -webkit-transform .8s cubic-bezier(.03, .98, .52, .99) .3s;
    opacity: 0
}

.main-wrap-sport .event-info-wrap .flag-wrap {
    position: relative;
    width: 13.6875rem;
    margin-bottom: .9375rem;
    padding-bottom: .875rem;
    -webkit-transform: translate(40%, 0);
    transform: translate(40%, 0);
    transition: transform .8s cubic-bezier(.03, .98, .52, .99) .35s, opacity .8s cubic-bezier(.03, .98, .52, .99) .35s;
    transition: transform .8s cubic-bezier(.03, .98, .52, .99) .35s, opacity .8s cubic-bezier(.03, .98, .52, .99) .35s, -webkit-transform .8s cubic-bezier(.03, .98, .52, .99) .35s;
    opacity: 0
}

.main-wrap-sport .event-info-wrap .flag-wrap::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background-image: linear-gradient(-270deg, #14805e 0, #22d89f 100%)
}

.main-wrap-sport .event-info-wrap .flag i {
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    margin-right: .375rem;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: no-repeat center/cover
}

.main-wrap-sport .event-info-wrap .score {
    font-size: 22px;
    line-height: 40px;
    position: absolute;
    right: 0;
    bottom: .3125rem;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: transform .9s cubic-bezier(.03, .98, .52, .99) .4s, opacity .9s cubic-bezier(.03, .98, .52, .99) .4s;
    transition: transform .9s cubic-bezier(.03, .98, .52, .99) .4s, opacity .9s cubic-bezier(.03, .98, .52, .99) .4s, -webkit-transform .9s cubic-bezier(.03, .98, .52, .99) .4s;
    opacity: 0;
    color: #f2f2f2;
    font-weight: 700;
    letter-spacing: 3px
}

.main-wrap-sport .event-info-wrap h4,
.main-wrap-sport .event-info-wrap h5,
.main-wrap-sport .event-info-wrap p,
.receive-amount p {
    letter-spacing: 1px
}

.main-wrap-sport .event-info-wrap h4 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: .125rem;
    -webkit-transform: translate(70%, 0);
    transform: translate(70%, 0);
    transition: transform .8s cubic-bezier(.03, .98, .52, .99) .4s, opacity .8s cubic-bezier(.03, .98, .52, .99) .4s;
    transition: transform .8s cubic-bezier(.03, .98, .52, .99) .4s, opacity .8s cubic-bezier(.03, .98, .52, .99) .4s, -webkit-transform .8s cubic-bezier(.03, .98, .52, .99) .4s;
    opacity: 0;
    color: #f2f2f2
}

.main-wrap-sport .event-info-wrap h4 span {
    margin: 0 .375rem
}

.main-wrap-sport .event-info-wrap h5,
.main-wrap-sport .event-info-wrap p {
    font-size: 12px;
    line-height: 20px;
    color: #8c8c8c;
    margin-bottom: .4375rem;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    transition: transform 1s cubic-bezier(.03, .98, .52, .99) .4s, opacity 1s cubic-bezier(.03, .98, .52, .99) .4s;
    transition: transform 1s cubic-bezier(.03, .98, .52, .99) .4s, opacity 1s cubic-bezier(.03, .98, .52, .99) .4s, -webkit-transform 1s cubic-bezier(.03, .98, .52, .99) .4s;
    opacity: 0
}

.main-wrap-sport .event-info-wrap p {
    margin-bottom: .8125rem;
    transition: transform 1.2s cubic-bezier(.03, .98, .52, .99) .4s, opacity 1.2s cubic-bezier(.03, .98, .52, .99) .4s;
    transition: transform 1.2s cubic-bezier(.03, .98, .52, .99) .4s, opacity 1.2s cubic-bezier(.03, .98, .52, .99) .4s, -webkit-transform 1.2s cubic-bezier(.03, .98, .52, .99) .4s
}

.main-wrap-sport .event-info-wrap p .time {
    display: block
}

.main-wrap-sport .slides .flex-active-slide .event-info-wrap,
.main-wrap-sport .slides .flex-active-slide .flag-wrap,
.main-wrap-sport .slides .flex-active-slide .score,
.main-wrap-sport .slides .flex-active-slide h4,
.main-wrap-sport .slides .flex-active-slide h5,
.main-wrap-sport .slides .flex-active-slide p,
.main-wrap-sport .slides .slick-active .event-info-wrap,
.main-wrap-sport .slides .slick-active .flag-wrap,
.main-wrap-sport .slides .slick-active .score,
.main-wrap-sport .slides .slick-active h4,
.main-wrap-sport .slides .slick-active h5,
.main-wrap-sport .slides .slick-active p {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.main-wrap-hotsport {
    background-color: #fff;
    background-image: url(/images/v1/web/img-template/sport/hot-event-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.hot-event-wrap {
    padding: 0 1rem
}

.hot-event-wrap .hot-event {
    position: relative;
    width: 100%;
    height: 9.6875rem;
    background: no-repeat center;
    background-image: url(/images/v1/web/img-template/theme/green_black/sport/hot-event-plate.png);
    background-position: 0 bottom;
    text-align: center
}

.hot-event {
    position: relative;
    overflow: hidden;
    background-color: #ff0
}

.hot-event::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in .1s;
    opacity: 0;
    background: rgba(255, 255, 255, .7)
}

.hot-event .event-name,
.hot-event .time {
    display: inline-block;
    width: 25.875rem;
    letter-spacing: .5px;
    text-align: left
}

.hot-event .event-name,
.sport-subnav-sub li a {
    font-size: 14px;
    line-height: 20px;
    color: gray
}

.hot-event .time {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: .8125rem;
    color: rgba(128, 128, 128, .7)
}

.hot-event .event-group,
.sport-nav-wrap ul {
    display: inline-block;
    width: 25.875rem
}

.hot-event .event-group .team-logo {
    width: 3.75rem;
    height: 3.75rem;
    background: no-repeat center;
    background-size: cover
}

.hot-event .event-group .team-name,
.hot-event .event-group .vs {
    width: 6.125rem
}

.hot-event .event-group .team-name h5,
.hot-event .event-group .vs h5 {
    font-size: 14px;
    line-height: 20px;
    margin: .1875rem 0 .625rem;
    color: #fff
}

.hot-event .event-group .vs h5 {
    font-size: 15px
}

.hot-event .event-group .team-name p,
.hot-event .event-group .vs p {
    color: #fff;
    font-size: 1.875rem;
    letter-spacing: 2px;
    text-shadow: 0 4px 5px rgba(9, 13, 26, .8)
}

.hot-event .btn-default-xs {
    position: absolute;
    top: 120%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: top .3s cubic-bezier(.03, .98, .52, .99) .1s, opacity .1s ease, box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s;
    opacity: 0
}

.fish-group li:hover::before,
.hot-event:hover:before {
    opacity: 1
}

.hot-event:hover .btn-default-xs {
    top: 50%;
    opacity: 1
}

.sport-nav-wrap {
    width: 100%;
    padding: .75rem 0;
    padding-bottom: .625rem;
    background: #474747;
    text-align: center
}

.sport-nav-wrap ul {
    width: 75rem
}

.sport-nav-wrap ul li {
    padding-right: .6875rem
}

.sport-subnav-sub {
    width: 100%;
    border-top: 1px solid #fff;
    background: #fff
}

.sport-subnav-sub li {
    padding: .3125rem 0
}

.sport-subnav-sub li a {
    min-width: 6.25rem;
    padding: .3125rem .625rem;
    transition: all .3s ease-in;
    border: 1px solid #fff;
    border-radius: 20px;
    background: #0d543e;
    color: #f2f2f2;
    cursor: pointer
}

.sport-subnav-sub li a.active,
.sport-subnav-sub li a:hover {
    border: 1px solid #14805e;
    background: #17966e;
    color: #f2f2f2;
    text-shadow: 0 0 0 transparent
}

.sport-subnav-sub li a.active {
    border: 2px solid #1ec28f
}

.sport-lg,
.sport-xs {
    display: inline-block;
    position: relative;
    height: 15.625rem;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99) .1s;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99) .1s, -webkit-transform .3s cubic-bezier(.03, .98, .52, .99) .1s;
    border-radius: 3px
}

.sport-lg::before,
.sport-xs::before {
    z-index: 3;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 0 10px 0 rgba(255, 255, 255, .1);
    pointer-events: none
}

.sport-lg .img-wrap,
.sport-xs .img-wrap {
    position: relative;
    overflow: hidden;
    transition: all .3s cubic-bezier(.03, .98, .52, .99)
}

.sport-lg .img,
.sport-xs .img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99);
    transition: transform .3s cubic-bezier(.03, .98, .52, .99), -webkit-transform .3s cubic-bezier(.03, .98, .52, .99);
    background: #464646 no-repeat center;
    background-size: cover
}

.sport-lg .word-wrap,
.sport-xs .word-wrap {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    background: linear-gradient(0deg, #fff 0, #e0e0e0 100%)
}

.sport-lg .word-wrap h3,
.sport-xs .word-wrap h3 {
    font-size: 22px;
    line-height: 40px;
    position: relative;
    margin-top: -.625rem;
    color: #22d89f
}

.sport-lg .word-wrap h3::before {
    top: .3125rem;
    left: -.9375rem
}

.sport-lg .word-wrap h3::before,
.sport-xs .word-wrap h3::before {
    z-index: 3;
    width: .25rem;
    height: 1.875rem;
    transition: transform .5s ease-in .1s;
    transition: transform .5s ease-in .1s, -webkit-transform .5s ease-in .1s;
    background: #34dfa9;
    box-shadow: 0 2px 4px 0 rgba(15, 25, 46, .5)
}

.sport-lg .word-wrap p,
.sport-xs .word-wrap p {
    width: 100%;
    overflow: hidden;
    color: rgba(71, 71, 71, .8)
}

.sport-lg .word-wrap .btn-default,
.sport-xs .word-wrap .btn-default {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    bottom: 1.125rem;
    height: 2.1875rem;
    transition: bottom .3s cubic-bezier(.03, .98, .52, .99) .1s, box-shadow .5s ease-out .1s, background-position .3s ease-in, text-shadow .3s ease-in .1s;
    line-height: 2.1875rem;
    text-align: center
}

.sport-lg .rule,
.sport-xs .rule {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    transition: color .3s ease-out;
    color: rgba(71, 71, 71, .8)
}

.sport-lg .rule::before,
.sport-xs .rule::before {
    bottom: 0;
    width: 0;
    height: 1px;
    transition: width .3s linear .1s;
    background: #14805e
}

.sport-lg .rule:hover,
.sport-xs .rule:hover {
    color: #14805e
}

.sport-lg .rule:hover::before,
.sport-xs .rule:hover::before {
    width: 100%
}

.sport-lg .mask {
    z-index: 2
}

.sport-lg .mask,
.sport-xs .mask {
    position: absolute;
    left: 0;
    max-height: 130px;
    padding: .4375rem;
    overflow: auto;
    overflow-x: hidden
}

.sport-lg .mask li,
.sport-xs .mask li {
    font-size: 12px;
    line-height: 20px;
    margin: 0 .3125rem .3125rem 0;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    transition: transform .3s cubic-bezier(.03, .98, .52, .99), opacity .5s;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99), opacity .5s, -webkit-transform .3s cubic-bezier(.03, .98, .52, .99);
    opacity: 0
}

.sport-lg .mask li:nth-child(1),
.sport-xs .mask li:nth-child(1) {
    transition-delay: .1s
}

.sport-lg .mask li:nth-child(2),
.sport-xs .mask li:nth-child(2) {
    transition-delay: .2s
}

.sport-lg .mask li:nth-child(3),
.sport-xs .mask li:nth-child(3) {
    transition-delay: .3s
}

.sport-lg .mask li:nth-child(4),
.sport-xs .mask li:nth-child(4) {
    transition-delay: .4s
}

.sport-lg .mask li:nth-child(5),
.sport-xs .mask li:nth-child(5) {
    transition-delay: .5s
}

.sport-lg .mask li:nth-child(6),
.sport-xs .mask li:nth-child(6) {
    transition-delay: .6s
}

.sport-lg .mask li:nth-child(7),
.sport-xs .mask li:nth-child(7) {
    transition-delay: .7s
}

.sport-lg .mask li:nth-child(8),
.sport-xs .mask li:nth-child(8) {
    transition-delay: .8s
}

.sport-lg .mask li:nth-child(9),
.sport-xs .mask li:nth-child(9) {
    transition-delay: .9s
}

.sport-lg .mask li:nth-child(10),
.sport-xs .mask li:nth-child(10) {
    transition-delay: 1s
}

.sport-lg .play-item,
.sport-xs .play-item {
    position: relative;
    height: 1.5rem;
    padding: 0 .625rem 0 1.6875rem;
    border-radius: .875rem;
    background: #0d543e;
    color: #ffe332;
    line-height: 1.5rem
}

.sport-lg .play-item::before,
.sport-xs .play-item::before {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffe332;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.sport-lg .play-item:hover,
.sport-xs .play-item:hover {
    color: rgba(255, 255, 255, .8)
}

.sport-lg .play-item.itemBaccarat::before,
.sport-lg .play-item::before,
.sport-xs .play-item.itemBaccarat::before,
.sport-xs .play-item::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBaccarat.png)
}

.sport-lg .play-item.itemBaccaratTable::before,
.sport-xs .play-item.itemBaccaratTable::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBaccaratTable.png)
}

.sport-lg .play-item.itemBaccaratBid::before,
.sport-xs .play-item.itemBaccaratBid::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBaccaratBid.png)
}

.sport-lg .play-item.itemBaccaratSpeed::before,
.sport-xs .play-item.itemBaccaratSpeed::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBaccaratSpeed.png)
}

.sport-lg .play-item.itemDragonTiger::before,
.sport-xs .play-item.itemDragonTiger::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemDragonTiger.png)
}

.sport-lg .play-item.itemSuibao::before,
.sport-xs .play-item.itemSuibao::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemSuibao.png)
}

.sport-lg .play-item.itemRoulette::before,
.sport-xs .play-item.itemRoulette::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemRoulette.png)
}

.sport-lg .play-item.itemPokerBull::before,
.sport-xs .play-item.itemPokerBull::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemPokerBull.png)
}

.sport-lg .play-item.itemHoldem::before,
.sport-xs .play-item.itemHoldem::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemHoldem.png)
}

.sport-lg .play-item.itemGoldenFlower::before,
.sport-xs .play-item.itemGoldenFlower::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemGoldenFlower.png)
}

.sport-lg .play-item.itemThreeDucalMinisters::before,
.sport-xs .play-item.itemThreeDucalMinisters::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemThreeDucalMinisters.png)
}

.sport-lg .play-item.itemBlackJack::before,
.sport-xs .play-item.itemBlackJack::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBlackJack.png)
}

.sport-lg .play-item.itemBaccaratBull::before,
.sport-xs .play-item.itemBaccaratBull::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBaccaratBull.png)
}

.sport-lg .play-item.itemFTan::before,
.sport-xs .play-item.itemFTan::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemFTan.png)
}

.sport-lg .play-item.itemMoneyWheel::before,
.sport-xs .play-item.itemMoneyWheel::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemMoneyWheel.png)
}

.sport-lg .play-item.itemBasketball::before,
.sport-xs .play-item.itemBasketball::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBasketball.png)
}

.sport-lg .play-item.itemBoxing::before,
.sport-xs .play-item.itemBoxing::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemBoxing.png)
}

.sport-lg .play-item.itemFootball::before,
.sport-xs .play-item.itemFootball::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemFootball.png)
}

.sport-lg .play-item.itemHockey::before,
.sport-xs .play-item.itemHockey::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemHockey.png)
}

.sport-lg .play-item.itemTableTennis::before,
.sport-xs .play-item.itemTableTennis::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemTableTennis.png)
}

.sport-lg .play-item.itemTennis::before,
.sport-xs .play-item.itemTennis::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemTennis.png)
}

.sport-lg .play-item.itemVolleyball::before,
.sport-xs .play-item.itemVolleyball::before {
    background-image: url(/images/v1/web/img-template/sport/icon-sport-itemVolleyball.png)
}

.sport-lg {
    width: math".div(1200px, 2)"-6px;
    margin-right: .75rem
}

.sport-lg:nth-child(even) {
    margin-right: 0
}

.sport-lg .mask {
    bottom: -42%;
    width: 22.6875rem;
    transition: bottom .5s cubic-bezier(.03, .98, .52, .99);
    background-image: linear-gradient(-180deg, rgba(9, 13, 26, 0)0, rgba(9, 13, 26, .9) 100%)
}

.sport-lg .img-wrap {
    width: 22.625rem;
    height: 100%
}

.sport-lg .img-wrap .UG {
    background-size: cover
}

.sport-lg .word-wrap {
    width: 14.5rem;
    height: 100%;
    padding: .9375rem
}

.sport-lg .word-wrap .rule {
    top: .9375rem;
    right: .9375rem
}

.sport-lg .word-wrap h3 {
    margin-bottom: .625rem
}

.sport-lg .word-wrap h4 {
    margin-bottom: .625rem;
    color: red
}

.sport-lg .word-wrap .btn-default {
    width: 12.625rem
}

.sport-lg .word-wrap p {
    height: 6.25rem
}

.sport-lg:not(.maintenance).active {
    z-index: 5
}

.sport-lg:not(.maintenance).active .mask {
    bottom: -1px
}

.sport-lg:not(.maintenance).active .mask li,
.sport-xs:not(.maintenance).active .mask li {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1
}

.sport-lg:not(.maintenance).active .img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: transform 1s cubic-bezier(.03, .98, .52, .99);
    transition: transform 1s cubic-bezier(.03, .98, .52, .99), -webkit-transform 1s cubic-bezier(.03, .98, .52, .99)
}

.sport-xs {
    width: 14.5rem;
    margin-right: .625rem
}

.sport-xs:nth-child(5n) {
    margin-right: 0
}

.sport-xs .mask {
    z-index: 3;
    top: 100%
}

.sport-xs .img-wrap {
    width: 100%;
    height: 9.375rem
}

.sport-xs .img-wrap .UG {
    background-size: cover
}

.sport-xs .word-wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 6.25rem;
    padding: .625rem;
    transition: all .3s ease-in
}

.sport-xs .word-wrap .rule {
    top: .625rem;
    right: .625rem
}

.sport-xs .word-wrap h3 {
    margin-bottom: .3125rem;
    transition: all .3s ease-in
}

.sport-xs .word-wrap h3::before {
    top: .3125rem;
    left: -.625rem
}

.main-wrap-sport .sport-lg .play-item::before,
.sport-xs .word-wrap h4 {
    display: none
}

.sport-xs .word-wrap p {
    height: 2.5rem
}

.sport-xs .word-wrap .btn-default {
    bottom: -40px;
    width: 13.25rem
}

.sport-xs:not(.maintenance).active {
    z-index: 5
}

.sport-xs:not(.maintenance).active .mask {
    top: 6.25rem;
    max-height: 92px;
    overflow: hidden
}

.sport-xs:not(.maintenance).active .img {
    height: 9.375rem;
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s;
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s, -webkit-transform .5s cubic-bezier(.03, .98, .52, .99) .1s
}

.sport-xs:not(.maintenance).active .img-wrap {
    position: absolute
}

.sport-xs:not(.maintenance).active .word-wrap {
    height: 11.25rem;
    margin-top: 4.375rem
}

.sport-xs:not(.maintenance).active .word-wrap .btn-default {
    bottom: .625rem
}

.main-wrap-sport .sport-lg {
    height: 24.5rem
}

.main-wrap-sport .sport-lg li {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1
}

.main-wrap-sport .sport-lg .play-item {
    font-size: 14px;
    line-height: 20px;
    height: auto;
    padding: .3125rem .625rem;
    overflow: hidden;
    text-align: center
}

.main-wrap-sport .sport-lg .play-item:hover {
    transition: box-shadow .3s ease-out
}

.main-wrap-sport .sport-lg .mask {
    top: 11.875rem;
    right: 0;
    bottom: auto;
    left: auto;
    width: 14.5rem;
    padding: 0 .9375rem;
    background: 0 0
}

.main-wrap-sport .sport-lg.active .mask {
    bottom: auto
}

.maintenance.sport-lg,
.maintenance.sport-xs {
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%)
}

.maintenance.sport-lg .img,
.maintenance.sport-xs .img {
    -webkit-filter: grayscale(70%) saturate(.7) opacity(.9);
    filter: grayscale(70%) saturate(.7) opacity(.9)
}

.maintenance.sport-lg .icon-maintenance {
    background: linear-gradient(to bottom, #1bac7e, #14805e)
}

.maintenance.sport-lg .maintenance-inner p {
    height: auto;
    color: #14805e
}

.maintenance.sport-lg .maintenance-inner strong,
.register-block .register-form-step3 .account-longword-wrap .account span,
.register-block .register-form-step3 .account-longword-wrap .money span,
.register-block .register-form-step3 .account-wrap .account span,
.register-block .register-form-step3 .account-wrap .money span {
    color: #14805e
}

.maintenance.sport-lg .maintenance-box {
    height: 75%
}

.maintenance.sport-xs .maintenance-box {
    margin-top: .625rem
}

.maintenance.sport-xs .icon-maintenance {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .3125rem;
    background: linear-gradient(to bottom, #aeb5c2, #646b79)
}

.maintenance.sport-xs p,
.maintenance.sport-xs strong {
    display: inline-block;
    color: #fff;
    vertical-align: middle
}

.maintenance.sport-xs strong {
    font-size: .875rem
}

.maintenance.sport-xs p {
    width: auto;
    height: auto;
    font-size: .75rem
}

.btn-fish .maintenance .chess-button-main a,
.fish-group .btn-subitem.reset,
.fish-group .maintenance .btn-subitem,
.fish-group .maintenance .btn-title,
.maintenance .word-wrap .btn-default,
.maintenance .word-wrap>h4,
.maintenance .word-wrap>p {
    display: none
}

.terms-wrap h3,
.top-card-wrap h3 {
    font-size: 22px;
    line-height: 40px;
    margin: 0 0 1.25rem .625rem;
    background: #14805e;
    color: #fff;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.top-card-wrap {
    width: 100%;
    height: 16.5rem;
    padding-top: 1.25rem;
    background: url(/images/v1/web/img-template/vip/vip-top-bg.png)center
}

.top-card-wrap li,
.top-card-wrap li .card {
    position: relative;
    -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transition: 4000ms cubic-bezier(.03, .98, .52, .99)
}

.top-card-wrap li .card {
    z-index: 2;
    width: 18.1875rem;
    height: 10.25rem;
    margin-right: .75rem;
    will-change: transform
}

.top-card-wrap li .card-sh {
    position: absolute;
    z-index: 1;
    top: 1.25rem;
    left: .625rem;
    width: 18.1875rem;
    height: 10.25rem;
    opacity: .6;
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

.register-title .step-wrap li:last-child,
.top-card-wrap li:last-child .card {
    margin-right: 0
}

.top-card-wrap li.gold .card,
.top-card-wrap li.gold .card-sh {
    background: url(/images/v1/web/img-template/vip/gold.png)no-repeat center
}

.top-card-wrap li.whitegold .card,
.top-card-wrap li.whitegold .card-sh {
    background: url(/images/v1/web/img-template/vip/whitegold.png)no-repeat center
}

.top-card-wrap li.whitediamond .card,
.top-card-wrap li.whitediamond .card-sh {
    background: url(/images/v1/web/img-template/vip/whitediamond.png)no-repeat center
}

.top-card-wrap li.blackdiamond .card,
.top-card-wrap li.blackdiamond .card-sh {
    background: url(/images/v1/web/img-template/vip/blackdiamond.png)no-repeat center
}

.terms-wrap,
.vip-level-wrap {
    padding: 1.25rem 0
}

.vip-level-wrap table {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .2);
    background: #fff;
    color: rgba(0, 0, 0, .6)
}

.vip-level-wrap td,
.vip-level-wrap th {
    padding: .375rem 0;
    border: 1px solid rgba(0, 0, 0, .2)
}

.vip-level-wrap th {
    background: #0d543e;
    color: #fff;
    text-align: center
}

.terms-wrap {
    background: #ccc
}

.terms-wrap li {
    font-size: 14px;
    display: block;
    padding-left: 20px;
    color: rgba(0, 0, 0, .8);
    line-height: 30px
}

.content-minheight {
    min-height: 500px
}

.bubbles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bubble-container {
    position: absolute;
    bottom: 0;
    -webkit-animation: bubblerise 4s infinite ease-in;
    animation: bubblerise 4s infinite ease-in;
    opacity: 0;
    will-change: transform
}

.bubble {
    width: 6px;
    height: 6px;
    margin: 0 auto;
    -webkit-animation: bubblewobble .4s infinite linear;
    animation: bubblewobble .4s infinite linear;
    border: 1px solid rgba(81, 123, 211, .5);
    border-radius: 10px;
    background: rgba(61, 107, 206, .2);
    will-change: transform
}

.fish-wrap {
    position: relative;
    padding: 3.125rem 0;
    overflow: hidden;
    background: no-repeat center
}

.fish-wrap.beach,
.fish-wrap.sea {
    background-image: url(/images/v1/web/img-template/fish/fishbg-1.jpg);
    background-position: bottom center;
    background-size: cover
}

.fish-wrap.beach {
    padding: 11.25rem 0 6.25rem;
    background-image: url(/images/v1/web/img-template/fish/fishbg-2.jpg)
}

.fish-group li,
.fish-group li::before {
    background: url(/images/v1/web/img-template/fish/card-bg.png)no-repeat
}

.fish-group li {
    position: relative;
    z-index: 1;
    width: 17.8125rem;
    height: 18.75rem;
    margin: 0 1.25rem 1.25rem 0;
    -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1) translateZ(0);
    transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1) translateZ(0);
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 4000ms cubic-bezier(.03, .98, .52, .99);
    background-position: left center
}

.fish-group li::before {
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in;
    opacity: 0;
    background-position: right center
}

.fish-group li:nth-child(4n) {
    margin-right: 0
}

.fish-group .btn-fish {
    position: absolute;
    z-index: 4;
    bottom: .75rem;
    left: .75rem;
    width: 16.3125rem;
    border-radius: .625rem;
    background-color: rgba(255, 255, 255, .15);
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, .5)0, rgba(255, 255, 255, 0) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3), inset 0 0 2px 1px rgba(255, 255, 255, .5), inset 0 0 5px 0 rgba(255, 255, 255, .6)
}

.fish-group .btn-inner {
    position: relative;
    min-height: 3.875rem;
    padding: .4375rem
}

.fish-group .btn-title,
.fish-group .maintenance .maintenance-inner {
    position: absolute;
    top: .4375rem;
    left: 0;
    width: 100%;
    height: 3rem;
    background: url(/images/v1/web/img-template/fish/btn-title-bg.png)no-repeat center;
    color: #d6bb78;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 3rem;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.fish-group .btn-subitem {
    padding-top: 3rem;
    border-radius: .625rem;
    background-image: linear-gradient(0deg, #213561 0, #182747 100%);
    box-shadow: inset 0 0 0 1px rgba(96, 127, 181, .5), inset 0 0 2px 1px rgba(255, 255, 255, .5), inset 0 0 5px 0 rgba(255, 255, 255, .5)
}

.fish-group .btn-subitem dl {
    padding: 0 .75rem
}

.fish-group .btn-subitem dt {
    display: inline-block;
    color: #d7bc78;
    font-size: 18px;
    line-height: 45px
}

.fish-group .btn-subitem dd {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    padding: 2px 12px 3px;
    transition: box-shadow .3s ease-out .1s;
    border: 1px solid #4c79d4;
    border-radius: 20px;
    background: #436abb;
    box-shadow: 0 2px 4px 0#172950;
    color: #fff;
    cursor: pointer
}

.fish-group .btn-subitem dd:hover {
    text-shadow: 0 2px 4px #172950
}

.fish-group .fish,
.fish-group .fish-AGIN,
.fish-group .fish-AWCMFC,
.fish-group .fish-AWCMP8,
.fish-group .fish-AWCMYESBINGO,
.fish-group .fish-AWCMYL,
.fish-group .fish-BBIN,
.fish-group .fish-BG,
.fish-group .fish-CQ9,
.fish-group .fish-GG,
.fish-group .fish-JDB,
.fish-group .fish-KA,
.fish-group .fish-MWG,
.fish-group .fish-SilkStonePT,
.fish-group .fish-SilkStoneSW,
.fish-group .fish-jili,
.fish-group .fish-joker,
.fish-group .fish-ps,
.fish-group .fish-sh,
.fish-group .game-logo,
.fish-group .game-logo-AGIN,
.fish-group .game-logo-AWCMFC,
.fish-group .game-logo-AWCMP8,
.fish-group .game-logo-AWCMYESBINGO,
.fish-group .game-logo-AWCMYL,
.fish-group .game-logo-BBIN,
.fish-group .game-logo-BG,
.fish-group .game-logo-CQ9,
.fish-group .game-logo-GG,
.fish-group .game-logo-JDB,
.fish-group .game-logo-Joker,
.fish-group .game-logo-KA,
.fish-group .game-logo-MWG,
.fish-group .game-logo-SilkStonePT,
.fish-group .game-logo-SilkStoneSW,
.fish-group .game-logo-jili,
.fish-group .game-logo-ps {
    position: absolute
}

.fish-group .fish {
    z-index: 2;
    pointer-events: none
}

.fish-group .fish,
.fish-group .fish-AWCMYESBINGO,
.fish-group .fish-jili,
.fish-group .fish-ps,
.fish-group .fish-sh {
    -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transition: 8000ms cubic-bezier(.03, .98, .52, .99);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.fish-group .fish-AWCMYESBINGO,
.fish-group .fish-jili,
.fish-group .fish-ps {
    z-index: 2;
    pointer-events: none
}

.fish-group .fish-joker,
.fish-nav li i {
    background-repeat: no-repeat;
    background-position: center
}

.fish-group .fish-joker {
    z-index: 2;
    -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transition: 8000ms cubic-bezier(.03, .98, .52, .99);
    pointer-events: none
}

.fish-group .fish-AGIN,
.fish-group .fish-AWCMFC,
.fish-group .fish-AWCMP8,
.fish-group .fish-AWCMYL,
.fish-group .fish-BBIN,
.fish-group .fish-BG,
.fish-group .fish-CQ9,
.fish-group .fish-GG,
.fish-group .fish-JDB,
.fish-group .fish-KA,
.fish-group .fish-MWG,
.fish-group .fish-SilkStonePT,
.fish-group .fish-SilkStoneSW {
    z-index: 2;
    -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
    transition: 8000ms cubic-bezier(.03, .98, .52, .99);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none
}

.fish-group .fish-AGIN {
    top: 20px;
    left: -12px;
    width: 19.5rem;
    height: 13.8125rem;
    background-image: url(/images/v1/web/img-template/fish/fish-1.png)
}

.fish-group .fish-BBIN {
    top: -10px;
    left: -12px;
    width: 15.1875rem;
    height: 16.875rem;
    background-image: url(/images/v1/web/img-template/fish/fish-2.png)
}

.fish-group .fish-JDB {
    top: -10px;
    left: 20px;
    width: 16rem;
    height: 15.25rem;
    background-image: url(/images/v1/web/img-template/fish/fish-3.png)
}

.fish-group .fish-MWG {
    top: 20px;
    left: 0;
    width: 18.4375rem;
    height: 10.125rem;
    background-image: url(/images/v1/web/img-template/fish/fish-4.png)
}

.fish-group .fish-CQ9 {
    top: -20px;
    left: 10px;
    width: 17rem;
    height: 13.3125rem;
    background-image: url(/images/v1/web/img-template/fish/fish-5.png)
}

.fish-group .fish-GG {
    top: 0;
    left: -12px;
    width: 19.5rem;
    height: 12.4375rem;
    background-image: url(/images/v1/web/img-template/fish/fish-6.png)
}

.fish-group .fish-SilkStoneSW {
    top: -10px;
    left: 25px;
    width: 13.125rem;
    height: 16.875rem;
    background-image: url(/images/v1/web/img-template/fish/fish-7.png)
}

.fish-group .fish-SilkStonePT {
    top: 5px;
    left: 25px;
    width: 15.3125rem;
    height: 11.25rem;
    background-image: url(/images/v1/web/img-template/fish/fish-8.png)
}

.fish-group .fish-BG {
    top: -10px;
    left: 20px;
    width: 16.3125rem;
    height: 16.9375rem;
    background-image: url(/images/v1/web/img-template/fish/fish-9.png)
}

.fish-group .fish-AWCMFC {
    top: -10px;
    left: 20px;
    width: 15rem;
    height: 19.75rem;
    background-image: url(/images/v1/web/img-template/fish/fish-10.png)
}

.fish-group .fish-KA {
    top: -15px;
    left: 30px;
    width: 15rem;
    height: 16.6875rem;
    background-image: url(/images/v1/web/img-template/fish/fish-11.png)
}

.fish-group .fish-AWCMP8 {
    top: -15px;
    left: 20px;
    width: 15rem;
    height: 18.375rem;
    background-image: url(/images/v1/web/img-template/fish/fish-12.png)
}

.fish-group .fish-AWCMYL {
    top: -15px;
    left: 65px;
    width: 12.6875rem;
    height: 19.875rem;
    background-image: url(/images/v1/web/img-template/fish/fish-13.png)
}

.fish-group .fish-joker {
    top: -40px;
    left: 40px;
    width: 15.625rem;
    height: 14.6875rem;
    background-image: url(/images/v1/web/img-template/fish/fish-14.png);
    background-size: contain
}

.fish-group .fish-ps {
    top: -15px;
    left: -23px;
    width: 20.1875rem;
    height: 17.375rem;
    background-image: url(/images/v1/web/img-template/fish/fish-15.png)
}

.fish-group .fish-AWCMYESBINGO {
    top: -10px;
    left: 32px;
    width: 14.375rem;
    height: 17.375rem;
    background-image: url(/images/v1/web/img-template/fish/fish-16.png)
}

.fish-group .fish-jili {
    top: -42px;
    left: 14px;
    width: 17.875rem;
    height: 20.3125rem;
    background-image: url(/images/v1/web/img-template/fish/fish-18.png)
}

.fish-group .fish-sh {
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    -webkit-filter: blur(5px) brightness(0);
    filter: blur(5px) brightness(0)
}

.fish-group .game-logo,
.fish-group .game-logo-AGIN,
.fish-group .game-logo-AWCMFC,
.fish-group .game-logo-AWCMP8,
.fish-group .game-logo-AWCMYESBINGO,
.fish-group .game-logo-AWCMYL,
.fish-group .game-logo-BBIN,
.fish-group .game-logo-BG,
.fish-group .game-logo-CQ9,
.fish-group .game-logo-GG,
.fish-group .game-logo-JDB,
.fish-group .game-logo-Joker,
.fish-group .game-logo-KA,
.fish-group .game-logo-MWG,
.fish-group .game-logo-SilkStonePT,
.fish-group .game-logo-SilkStoneSW,
.fish-group .game-logo-jili,
.fish-group .game-logo-ps {
    width: 9.375rem;
    height: 3.125rem;
    z-index: 3;
    background-position: center;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain
}

.fish-group .game-logo-AGIN {
    top: 170px;
    right: 17px
}

.fish-group .game-logo-BBIN {
    top: 170px;
    right: 0
}

.fish-group .game-logo-JDB,
.fish-group .game-logo-MWG {
    top: 170px;
    left: 20px
}

.fish-group .game-logo-CQ9 {
    top: 170px;
    left: -5px
}

.fish-group .game-logo-GG {
    top: 180px;
    right: 20px
}

.fish-group .game-logo-SilkStonePT,
.fish-group .game-logo-SilkStoneSW {
    top: 170px;
    left: 20px
}

.fish-group .game-logo-BG {
    top: 172px;
    left: 15px
}

.fish-group .game-logo-AWCMFC {
    top: 172px;
    left: 13px
}

.fish-group .game-logo-AWCMP8,
.fish-group .game-logo-KA {
    top: 172px;
    left: 15px
}

.fish-group .game-logo-AWCMYL {
    top: 172px;
    left: -25px
}

.fish-group .game-logo-Joker,
.fish-group .game-logo-ps {
    top: 172px;
    left: 15px
}

.fish-group .game-logo-AWCMYESBINGO {
    top: 168px;
    left: 0
}

.fish-group .game-logo-jili {
    top: 170px;
    left: 15px
}

.fish-group .maintenance {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}

.fish-group .maintenance .maintenance-inner {
    display: block
}

.fish-nav,
.right-fish-wrap {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.fish-nav {
    z-index: 2;
    width: 24rem;
    margin-bottom: 6.25rem;
    padding: 0 2.375rem;
    background: url(/images/v1/web/img-template/fish/fish-2-nav-center.png)no-repeat center;
    background-size: 100% 100%
}

.fish-nav.no-text li a i {
    width: 11.5625rem;
    height: 2.8125rem;
    margin-right: 0;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5))
}

.fish-nav::before {
    top: -5.875rem;
    left: 0;
    width: 24rem;
    height: 5.875rem;
    background: url(/images/v1/web/img-template/fish/fish-2-nav-top.png)
}

.fish-nav::after {
    bottom: -5.875rem;
    left: 0;
    width: 24rem;
    height: 5.875rem;
    background: url(/images/v1/web/img-template/fish/fish-2-nav-bottom.png)
}

.fish-nav li {
    position: relative;
    z-index: 1;
    margin-bottom: .3125rem;
    padding-bottom: .3125rem
}

.fish-nav li::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: rgba(0, 0, 0, .1);
    box-shadow: 0-1px 0 rgba(255, 255, 255, .1)
}

.fish-nav li a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.5rem;
    margin-bottom: 7px;
    transition: all .3s ease-in;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 56px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.fish-nav li a::after,
.fish-nav li a::before {
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: transform .3s cubic-bezier(.03, .98, .52, .99) .1s, opacity .3s ease-out .1s;
    transition: transform .3s cubic-bezier(.03, .98, .52, .99) .1s, opacity .3s ease-out .1s, -webkit-transform .3s cubic-bezier(.03, .98, .52, .99) .1s;
    border-radius: 28px;
    opacity: 0
}

.fish-nav li a::before {
    z-index: -1;
    top: 0;
    background-image: linear-gradient(-180deg, #ffeb56 0, #f89704 100%);
    box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, .5)
}

.fish-nav li a::after {
    z-index: -2;
    bottom: -3px;
    background-image: linear-gradient(-180deg, #ad4500 93%, #df7237 100%);
    box-shadow: 0 2px 4px 0 rgba(6, 34, 81, .5), inset 0 0 10px 0 rgba(255, 255, 255, .5)
}

.fish-nav li a.active,
.fish-nav li a:hover {
    color: #7f4430;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.fish-nav li a.active::after,
.fish-nav li a.active::before,
.fish-nav li a:hover::after,
.fish-nav li a:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: transform .1s cubic-bezier(.03, .98, .52, .99), opacity .1s ease-out;
    transition: transform .1s cubic-bezier(.03, .98, .52, .99), opacity .1s ease-out, -webkit-transform .1s cubic-bezier(.03, .98, .52, .99);
    opacity: 1
}

.fish-nav li a.active {
    cursor: default
}

.fish-nav li i {
    display: inline-block;
    width: 5rem;
    height: 2.1875rem;
    margin-right: .625rem;
    background-size: contain
}

.fish-nav .maintenance-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 87%;
    border-radius: 27px;
    background: rgba(20, 60, 95, .9)
}

.fish-nav .maintenance .maintenance-box,
.fish-nav li {
    display: block
}

.fish-nav .icon-maintenance {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin: 0 .3125rem 0 0;
    background: linear-gradient(to bottom, #f79604, #fbc103)
}

.fish-nav .maintenance-inner p,
.fish-nav .maintenance-inner strong {
    display: inline-block;
    color: #f79604;
    font-size: .875rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    vertical-align: middle
}

.fish-nav .maintenance-inner p {
    letter-spacing: 0
}

.right-fish-wrap {
    z-index: 1;
    min-width: 50rem;
    min-height: 34.375rem
}

.right-fish-wrap .fish-inner {
    position: relative;
    width: 100%;
    height: 30rem;
    opacity: 1
}

.fish-group .right-fish-wrap .fish-inner .fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fish-BG,
.fish-group .right-fish-wrap .fish-inner .fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fish-GG,
.fish-group .right-fish-wrap .fish-inner .fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fish-KA,
.fish-group .right-fish-wrap .fish-inner .fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fish-jili,
.fish-group .right-fish-wrap .fish-inner .fish-joker,
.fish-group .right-fish-wrap .fish-inner .fish-ps,
.fish-group .right-fish-wrap .fish-inner .fish-sh,
.right-fish-wrap .fish-inner .fish,
.right-fish-wrap .fish-inner .fish-group .fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fish-BG,
.right-fish-wrap .fish-inner .fish-group .fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fish-GG,
.right-fish-wrap .fish-inner .fish-group .fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fish-KA,
.right-fish-wrap .fish-inner .fish-group .fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fish-jili,
.right-fish-wrap .fish-inner .fish-group .fish-joker,
.right-fish-wrap .fish-inner .fish-group .fish-ps,
.right-fish-wrap .fish-inner .fish-group .fish-sh {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 6.25rem;
    opacity: 0;
    pointer-events: none
}

.fish-group .right-fish-wrap .fish-inner .fish-AGIN::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMFC::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMP8::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYESBINGO::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYL::after,
.fish-group .right-fish-wrap .fish-inner .fish-BBIN::after,
.fish-group .right-fish-wrap .fish-inner .fish-BG::after,
.fish-group .right-fish-wrap .fish-inner .fish-CQ9::after,
.fish-group .right-fish-wrap .fish-inner .fish-GG::after,
.fish-group .right-fish-wrap .fish-inner .fish-JDB::after,
.fish-group .right-fish-wrap .fish-inner .fish-KA::after,
.fish-group .right-fish-wrap .fish-inner .fish-MWG::after,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStonePT::after,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStoneSW::after,
.fish-group .right-fish-wrap .fish-inner .fish-jili::after,
.fish-group .right-fish-wrap .fish-inner .fish-joker::after,
.fish-group .right-fish-wrap .fish-inner .fish-ps::after,
.fish-group .right-fish-wrap .fish-inner .fish-sh::after,
.right-fish-wrap .fish-inner .fish-group .fish-AGIN::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMFC::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMP8::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYESBINGO::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYL::after,
.right-fish-wrap .fish-inner .fish-group .fish-BBIN::after,
.right-fish-wrap .fish-inner .fish-group .fish-BG::after,
.right-fish-wrap .fish-inner .fish-group .fish-CQ9::after,
.right-fish-wrap .fish-inner .fish-group .fish-GG::after,
.right-fish-wrap .fish-inner .fish-group .fish-JDB::after,
.right-fish-wrap .fish-inner .fish-group .fish-KA::after,
.right-fish-wrap .fish-inner .fish-group .fish-MWG::after,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStonePT::after,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStoneSW::after,
.right-fish-wrap .fish-inner .fish-group .fish-jili::after,
.right-fish-wrap .fish-inner .fish-group .fish-joker::after,
.right-fish-wrap .fish-inner .fish-group .fish-ps::after,
.right-fish-wrap .fish-inner .fish-group .fish-sh::after,
.right-fish-wrap .fish-inner .fish::after {
    z-index: 1;
    top: 60%;
    left: -45%;
    width: 42.8125rem;
    height: 20.75rem;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all .7s ease-out;
    opacity: 0;
    background: url(/images/v1/web/img-template/fish/water-1.png)
}

.fish-group .right-fish-wrap .fish-inner .active.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .active.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .active.fish-BG,
.fish-group .right-fish-wrap .fish-inner .active.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .active.fish-GG,
.fish-group .right-fish-wrap .fish-inner .active.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .active.fish-KA,
.fish-group .right-fish-wrap .fish-inner .active.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .active.fish-jili,
.fish-group .right-fish-wrap .fish-inner .active.fish-joker,
.fish-group .right-fish-wrap .fish-inner .active.fish-ps,
.fish-group .right-fish-wrap .fish-inner .active.fish-sh,
.right-fish-wrap .fish-inner .fish-group .active.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .active.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .active.fish-BG,
.right-fish-wrap .fish-inner .fish-group .active.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .active.fish-GG,
.right-fish-wrap .fish-inner .fish-group .active.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .active.fish-KA,
.right-fish-wrap .fish-inner .fish-group .active.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .active.fish-jili,
.right-fish-wrap .fish-inner .fish-group .active.fish-joker,
.right-fish-wrap .fish-inner .fish-group .active.fish-ps,
.right-fish-wrap .fish-inner .fish-group .active.fish-sh,
.right-fish-wrap .fish-inner .fish.active {
    -webkit-animation: bounceInUp .4s;
    animation: bounceInUp .4s;
    opacity: 1
}

.fish-group .right-fish-wrap .fish-inner .active.fish-AGIN::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMFC::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMP8::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYESBINGO::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYL::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-BBIN::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-BG::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-CQ9::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-GG::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-JDB::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-KA::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-MWG::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStonePT::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStoneSW::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-jili::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-joker::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-ps::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-sh::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AGIN::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMFC::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMP8::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYESBINGO::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYL::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-BBIN::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-BG::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-CQ9::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-GG::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-JDB::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-KA::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-MWG::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStonePT::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStoneSW::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-jili::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-joker::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-ps::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-sh::after,
.right-fish-wrap .fish-inner .fish.active::after {
    -webkit-transform: scale(4.6);
    transform: scale(4.6);
    opacity: .9
}

.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-1.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-1.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-1 {
    width: 495px;
    height: 350px;
    margin: 0 0 5rem 1.25rem;
    background: url(/images/v1/web/img-template/fish/fish-1.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-2.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-2.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-2 {
    width: 402px;
    height: 446px;
    margin: 0 0 3.125rem 1.25rem;
    background: url(/images/v1/web/img-template/fish/fish-2.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-3.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-3.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-3 {
    width: 398px;
    height: 380px;
    margin: 0 0 .625rem 1.25rem;
    background: url(/images/v1/web/img-template/fish/fish-3.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-4.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-4.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-4 {
    width: 496px;
    height: 275px;
    margin: 0 0 5rem 1.25rem;
    background: url(/images/v1/web/img-template/fish/fish-4.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-5.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-5.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-5 {
    width: 411px;
    height: 322px;
    margin: 0 0 5rem 1.25rem;
    background: url(/images/v1/web/img-template/fish/fish-5.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-6.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-6.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-6 {
    width: 431px;
    height: 275px;
    margin: 0 0 7.5rem 1.875rem;
    background: url(/images/v1/web/img-template/fish/fish-6.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-7.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-7.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-7 {
    width: 300px;
    height: 400px;
    margin: 0 0 1.875rem 1.875rem;
    background: url(/images/v1/web/img-template/fish/fish-7.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-8.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-8.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-8 {
    width: 408px;
    height: 300px;
    margin: 0 0 6.25rem 1.875rem;
    background: url(/images/v1/web/img-template/fish/fish-8.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-9.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-9.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-9 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-9.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-10.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-10.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-10 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-10.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-11.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-11.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-11 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-11.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-12.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-12.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-12 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-12.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-13.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-13.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-13 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-13.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-14.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-14.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-14 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-14.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-15.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-15.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-15 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-15.png)no-repeat center;
    background-size: cover
}

.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-16.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-16.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-16 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-16.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-17.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-17.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-17 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-17.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-18.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-18.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-18 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-18.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-19.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-19.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-19 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-19.png)no-repeat center;
    background-size: contain
}

.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-BG,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-GG,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-KA,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-jili,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-joker,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-ps,
.fish-group .right-fish-wrap .fish-inner .fishB-20.fish-sh,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-BG,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-GG,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-KA,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-jili,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-joker,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-ps,
.right-fish-wrap .fish-inner .fish-group .fishB-20.fish-sh,
.right-fish-wrap .fish-inner .fish.fishB-20 {
    top: 10px;
    width: 455px;
    height: 472px;
    background: url(/images/v1/web/img-template/fish/fish-20.png)no-repeat center;
    background-size: contain
}

.right-fish-wrap .fish-inner .dart-1,
.right-fish-wrap .fish-inner .dart-2 {
    position: absolute;
    -webkit-animation: dartMove 3s infinite;
    animation: dartMove 3s infinite;
    pointer-events: none
}

.right-fish-wrap .fish-inner .dart-1 {
    top: -1.25rem;
    left: 21.25rem;
    width: 18.4375rem;
    height: 7.25rem;
    background: url(/images/v1/web/img-template/fish/dart-1.png)no-repeat center
}

.right-fish-wrap .fish-inner .dart-2 {
    z-index: 3;
    top: 3.75rem;
    left: -6.25rem;
    width: 17.8125rem;
    height: 25.1875rem;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background: url(/images/v1/web/img-template/fish/dart-2.png)no-repeat center
}

.right-fish-wrap .fish-inner ol {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -100px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: right .5s ease-in, opacity .3s ease-out;
    opacity: 0;
    text-align: right;
    cursor: default;
    pointer-events: none
}

.right-fish-wrap .fish-inner ol.active {
    z-index: 2;
    right: 0;
    opacity: 1;
    cursor: pointer;
    pointer-events: auto
}

.right-fish-wrap .fish-inner ol li {
    margin-bottom: 2.1875rem
}

.right-fish-wrap .fish-inner li {
    display: block;
    position: relative;
    margin-bottom: .625rem
}

.right-fish-wrap .fish-inner li::after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 10px);
    -webkit-transform: scale(1.15, 1.2);
    transform: scale(1.15, 1.2);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 3.125rem;
    background: rgba(255, 255, 255, .2);
    box-shadow: inset 0 0 3px 0 rgba(255, 255, 255, .7), inset 0 0 5px 0 rgba(255, 255, 255, .6)
}

.right-fish-wrap .fish-inner li a {
    display: inline-block;
    min-width: 14.375rem;
    padding: .625rem 1.875rem;
    transition: .3s;
    border-radius: 2.75rem;
    background-image: linear-gradient(180deg, #ffe631 0, #f77a03 100%);
    box-shadow: 0 3px 3px 0#c85000, 0 10px 0 0#ce5c07, inset 0 0 1px 1px #faa900, inset 0 0 10px 0#ffef6c;
    color: #7f4430;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.right-fish-wrap .fish-inner li:hover::after {
    -webkit-animation: rubberBand2 .8s;
    animation: rubberBand2 .8s
}

.right-fish-wrap .fish-inner li:hover a {
    -webkit-animation: rubberBand .5s;
    animation: rubberBand .5s;
    color: #fff
}

.btn-fish .maintenance {
    pointer-events: none
}

.btn-fish .maintenance .maintenance-inner {
    display: block
}

.btn-fish .icon-maintenance {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin: 0 .3125rem 0 0
}

.btn-fish .maintenance-inner {
    display: none
}

.btn-fish .maintenance-inner p,
.btn-fish .maintenance-inner strong {
    display: inline-block;
    font-size: .75rem;
    vertical-align: middle
}

.btn-fish .maintenance-inner p {
    letter-spacing: 0
}

.register-title {
    position: relative;
    width: 100%;
    height: 4.375rem;
    margin-top: 1.875rem;
    border-radius: 3px 3px 0 0;
    background: #fff;
    line-height: 4.375rem;
    text-align: center
}

.register-title h3 {
    font-size: 22px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 2.5rem;
    color: #14805e;
    line-height: 4.375rem
}

.register-title p {
    font-size: 14px;
    line-height: 20px;
    color: #474747
}

.register-title p a {
    color: #ffdf18
}

.register-title p a:hover {
    color: #cbae00
}

.register-title:not(.step-register) p {
    position: absolute;
    top: 50%;
    right: 1.875rem;
    max-width: 22%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 1.2;
    text-align: right;
    word-wrap: break-word;
    word-break: break-all
}

.register-title .step-wrap {
    display: inline-block;
    position: relative;
    height: 100%;
    padding-top: 1.375rem;
    color: #fff
}

.register-title .step-wrap::before {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: .25rem;
    margin-top: 8px;
    background: #7a7a7a
}

.register-title .step-wrap li {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    z-index: 3;
    margin-right: 48px
}

.register-title .step-wrap li span {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: .125rem .75rem .1875rem;
    transition: background .3s ease-in;
    border-radius: .8125rem;
    background: #7a7a7a
}

.register-title .step-wrap li::before {
    z-index: 1;
    top: .5rem;
    left: 0;
    width: 100%;
    height: .25rem;
    margin-left: 24px;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: all .5s ease-out .2s;
    border-radius: 4px;
    background: linear-gradient(-90deg, #14805e 0, #0d543e 100%)
}

.register-title .step-wrap li.step2::before,
.register-title .step-wrap li.step3::before {
    margin-left: 0
}

.register-title .step-wrap li.step1.active span,
.register-title .step-wrap li.step2.active span,
.register-title .step-wrap li.step3.active span {
    background: #116a4e
}

.register-title .step-wrap.st2 .step1::before {
    margin-left: 50px
}

.register-title .step-wrap.st2 .step2::before {
    margin-left: 24px;
    transition-delay: .5s
}

.register-title .step-wrap.st3 .step1::before,
.register-title .step-wrap.st3 .step2::before {
    margin-left: 50px
}

.register-card-wrap {
    display: inline-block;
    position: relative;
    width: 55.3125rem;
    overflow: hidden;
    border-radius: 15px;
    background: #f2f2f2;
    text-align: left
}

.register-card-wrap .flex-viewport,
.register-card-wrap ul,
.register-success-right-banner .flex-viewport,
.register-success-right-banner ul {
    height: 100%
}

.register-card-wrap li,
.register-success-right-banner li {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.register-card-wrap li {
    background-size: cover
}

.register-block {
    position: relative;
    height: auto;
    margin-bottom: 1.875rem;
    padding: 2.5rem 0 2.3125rem;
    border-radius: 0 0 3px 3px;
    background: #1bac7e;
    text-align: center
}

.register-block input:-webkit-autofill,
.register-block input:-webkit-autofill:focus,
.register-block input:-webkit-autofill:hover,
.register-block select:-webkit-autofill,
.register-block select:-webkit-autofill:focus,
.register-block select:-webkit-autofill:hover,
.register-block textarea:-webkit-autofill,
.register-block textarea:-webkit-autofill:focus,
.register-block textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: rgba(0, 0, 0, .8) !important
}

.register-block .register-banner,
.register-block .register-banner-skewx {
    position: absolute;
    z-index: 2;
    width: 28.75rem;
    height: 100%;
    margin-left: -35px;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background: no-repeat center;
    background-color: #333;
    background-size: cover
}

.register-block .register-banner-skewx {
    -webkit-transform: skewX(-3deg);
    transform: skewX(-3deg)
}

.register-block .register-form {
    position: relative;
    width: 27.6875rem;
    overflow: hidden
}

.register-block .register-form-inner {
    width: 300%;
    padding-bottom: 1.25rem;
    transition: margin-left .5s ease-in-out
}

.register-block .register-form-inner.step2 {
    margin-left: -100%
}

.register-block .register-form-inner.step3 {
    margin-left: -200%
}

.register-block .form-inner {
    position: relative;
    width: 21.125rem;
    margin: 0 auto;
    margin-top: 2.9375rem;
    margin-bottom: 1.25rem;
    padding: 1.5625rem 1.25rem;
    border: 1px dashed rgba(0, 0, 0, .3);
    border-radius: .3125rem;
    color: rgba(0, 0, 0, .8);
    text-align: left
}

.register-block .form-inner h4 {
    position: absolute;
    top: -15px;
    margin-left: -5px;
    padding: 0 5px;
    background: #f2f2f2;
    color: #14805e;
    font-size: 18px
}

.register-block .form-inner li {
    display: block;
    position: relative;
    margin-bottom: 1.5625rem
}

.register-block .form-inner li:last-child {
    margin-bottom: 0
}

.register-block .form-inner li label {
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%;
    margin-bottom: .4375rem
}

.register-block .form-inner li input {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: .6875rem;
    border: 1px solid #adacb1;
    color: rgba(0, 0, 0, .8)
}

.register-block .form-inner li input::-webkit-input-placeholder {
    color: #adacb1
}

.register-block .form-inner li input::-moz-placeholder {
    color: #adacb1
}

.register-block .form-inner li input::placeholder {
    color: #adacb1
}

.register-block .form-inner li select {
    display: block;
    width: 100%;
    height: 2.625rem;
    padding: .6875rem;
    border: 1px solid #adacb1;
    border-radius: 0;
    background: url(../../images/v1/web/img-template/icon-set/icon-angle-down.svg)no-repeat right 10px center/10px, #fff
}

.register-block .form-inner .vodiapicker {
    display: none
}

.register-block .form-inner .phone-code-list li {
    margin-bottom: 0
}

.register-block .error {
    font-size: 12px;
    position: absolute;
    top: 4.625rem;
    left: 0;
    font-weight: 700;
    line-height: 1
}

.register-block .lang-select {
    line-height: 0;
    pointer-events: none
}

.register-block .phone-area-code {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    height: 100%
}

.register-block .btn-select {
    height: 100%;
    color: #333
}

.register-block .btn-select::after {
    content: none
}

.check-wrap,
.register-block .form-inner .phone-info {
    position: relative
}

.register-block .form-inner .phone-info>input {
    padding-left: 30%
}

.register-block .register-form-step1,
.register-block .register-form-step2,
.register-block .register-form-step3 {
    width: 27.6875rem;
    height: 100%
}

.register-block .register-form-step1,
.register-block .register-form-step2 {
    text-align: right
}

.register-block .register-form-step1 .btn-default,
.register-block .register-form-step2 .btn-default {
    margin-right: 3.5rem
}

.register-block .register-form-step1 .btn-default.prev,
.register-block .register-form-step2 .btn-default.prev {
    margin-right: 0;
    margin-left: 3.5rem
}

.register-block .register-form-step1 li .flag,
.register-block .register-form-step2 li .flag {
    position: absolute;
    top: 2.3125rem;
    left: .6875rem;
    font-size: 18px;
    font-weight: 700
}

.register-block .register-form-step1 li .flag i,
.register-block .register-form-step2 li .flag i {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .375rem;
    border-radius: 100%;
    background: no-repeat center;
    background-size: contain;
    box-shadow: 0 0 1px #555;
    vertical-align: middle
}

.register-block .register-form-step1 li .phone,
.register-block .register-form-step2 li .phone {
    padding-left: 5.625rem
}

.register-block .register-form-step1 li .vcode-img,
.register-block .register-form-step2 li .vcode-img {
    position: absolute;
    right: 2.25rem;
    bottom: 1px;
    width: 7.5rem;
    height: 2.625rem;
    background: url(/images/v1/web/img-template/register/code.jpg)no-repeat center right/contain
}

.register-block .register-form-step1 li .reload,
.register-block .register-form-step2 li .reload {
    position: absolute;
    right: .6875rem;
    bottom: .6875rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/images/v1/web/img-template/icon-set/icon-reload-gold.svg)no-repeat
}

.register-block .register-form-step1 li .vcode,
.register-block .register-form-step2 li .vcode {
    padding-right: 8.5rem
}

.register-block .register-form-step3 {
    padding-top: 4.6875rem;
    text-align: center
}

.register-block .register-form-step3 .icon-register-over {
    display: inline-block;
    width: 6.25rem;
    height: 6.25rem;
    margin-bottom: 1.25rem;
    background: url(/images/v1/web/img-template/icon-set/icon-over.svg)no-repeat center
}

.register-block .register-form-step3 h4 {
    margin-bottom: .3125rem;
    color: #bda46a;
    font-size: 30px;
    line-height: 30px
}

.register-block .form-inner li select,
.register-block .register-form-step3 p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .8)
}

.register-block .register-form-step3 .account-longword-wrap,
.register-block .register-form-step3 .account-wrap {
    width: 25rem;
    margin: 1.875rem auto 2.5rem;
    padding: 1.5rem 0 1.6875rem;
    border-top: 1px solid rgba(0, 0, 0, .3);
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.register-block .register-form-step3 .account-longword-wrap .account,
.register-block .register-form-step3 .account-longword-wrap .money,
.register-block .register-form-step3 .account-wrap .account,
.register-block .register-form-step3 .account-wrap .money {
    font-size: 16px;
    line-height: 40px
}

.register-block .register-form-step3 .account-wrap .account,
.register-block .register-form-step3 .account-wrap .money {
    width: 50%;
    float: left
}

.register-block .register-form-step3 .account-longword-wrap .account,
.register-block .register-form-step3 .account-longword-wrap .money {
    width: 70%;
    margin: 0 auto;
    text-align: left
}

.check-wrap {
    width: 20.9375rem;
    margin: 0 auto 1.5625rem;
    text-align: left
}

.check-wrap label {
    position: relative;
    transition: background .3s ease-out .1s, box-shadow .5s ease-in .1s
}

.check-wrap .check-cube,
.check-wrap p {
    display: inline-block;
    vertical-align: middle
}

.check-wrap p {
    font-size: 12px;
    line-height: 20px;
    width: calc(100% - 2.1875rem);
    color: rgba(255, 255, 255, .8)
}

.check-wrap .check-cube {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .625rem;
    overflow: hidden;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s, -webkit-transform .3s ease-out .1s;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 2px 3px 0 rgba(0, 0, 0, .05), 0 3px 4px 0 rgba(0, 0, 0, .05)
}

.check-wrap .check-cube::before {
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    transition: transform .3s ease-out .1s, opacity .3s ease-out;
    transition: transform .3s ease-out .1s, opacity .3s ease-out, -webkit-transform .3s ease-out .1s;
    opacity: 0;
    background: url(/images/v1/web/img-template/icon-set/check.svg)no-repeat center;
    background-size: 90%
}

.check-wrap [type=checkbox],
.logo-wrap.maintain .logo::before {
    display: none
}

.check-wrap [type=checkbox]+label {
    cursor: pointer
}

.check-wrap [type=checkbox]:checked+label .check-cube {
    background: #1ec28f
}

.check-wrap [type=checkbox]:checked+label .check-cube::before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.check-wrap [type=checkbox]:checked+label:hover .check-cube {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.eyes {
    position: absolute;
    top: 1.875rem;
    right: 0;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #000;
    cursor: pointer;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/eyes-close.svg)no-repeat center/50%;
    mask: url(../../images/v1/web/img-template/icon-set/eyes-close.svg)no-repeat center/50%
}

.eyes.active {
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/eyes-open.svg)no-repeat center/50%;
    mask: url(../../images/v1/web/img-template/icon-set/eyes-open.svg)no-repeat center/50%
}

.register-tip {
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border: 1px solid #ffdf18;
    border-radius: 3px;
    line-height: 0
}

.register-tip label,
.register-tip span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .3125rem;
    line-height: 1.2
}

.register-tip label {
    background: #ffdf18;
    color: #4e4e4e
}

.register-tip span {
    color: #ffdf18
}

.iplimit-card-wrap {
    display: inline-block;
    width: 54.375rem;
    height: 33.75rem;
    margin: 4.375rem 0;
    border-radius: 15px;
    background: #fff;
    font-size: 0;
    word-wrap: break-word;
    word-break: break-all
}

.iplimit-card-wrap .left-inner,
.iplimit-card-wrap .right-inner {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    width: 50%;
    vertical-align: middle
}

.iplimit-card-wrap .left-inner {
    height: 100%
}

.iplimit-card-wrap .server-img.img-1 {
    width: 26.875rem;
    height: 26.125rem;
    margin-top: 3.75rem;
    margin-left: .625rem;
    background: url(/images/v1/web/img-template/iplimit/server-img.png)no-repeat center;
    background-size: cover
}

.iplimit-card-wrap .server-img.img-2 {
    width: 29.5rem;
    height: 18.1875rem;
    margin-top: 7.8125rem;
    margin-left: 2.5rem;
    background: url(/images/v1/web/img-template/iplimit/sorry-img.png)no-repeat center;
    background-size: cover
}

.iplimit-card-wrap .server-img.img-3 {
    width: 28.5rem;
    height: 27.625rem;
    margin-top: 3.0625rem;
    margin-left: 1.4375rem;
    background: url(/images/v1/web/img-template/iplimit/service-img.png)no-repeat center;
    background-size: cover
}

.iplimit-card-wrap .server-img.img-4 {
    width: 100%;
    height: 27.625rem;
    margin-top: 3.0625rem;
    margin-left: 1.4375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.iplimit-card-wrap .right-inner {
    padding-right: 2%
}

.iplimit-card-wrap .right-inner h3 {
    color: #14805e;
    font-size: 180px;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap
}

.iplimit-card-wrap .right-inner h4 {
    margin-bottom: 2.125rem;
    color: #14805e;
    font-size: 18px;
    word-break: normal
}

.iplimit-card-wrap .right-inner p {
    margin-bottom: 3.125rem;
    color: rgba(0, 0, 0, .6);
    font-size: 14px
}

.iplimit-card-wrap .right-inner p span,
.no-game-container .right-inner h3,
.no-game-container .right-inner h4,
.no-game-right-container .right-inner h3,
.no-game-right-container .right-inner h4 {
    color: #14805e
}

.iplimit-card-wrap .right-inner a:not(:first-child) {
    margin-left: .75rem
}

.iplimit-card-wrap.sorry .left-inner {
    width: 34.375rem
}

.iplimit-card-wrap.sorry .right-inner {
    width: 20rem
}

.iplimit-card-wrap.sorry .right-inner h3 {
    font-size: 80px
}

.iplimit-card-wrap.service .right-inner h3,
.iplimit-card-wrap.system .right-inner h3 {
    font-size: 4.375rem
}

.iplimit-card-wrap.system {
    position: relative;
    margin: 0
}

.iplimit-card-wrap.system .left-inner .logo {
    position: absolute;
    top: -55px;
    left: 3%;
    width: 140px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain
}

.iplimit-card-wrap.system .upgrade-time {
    display: inline-block;
    padding: .9375rem;
    border-radius: 10px
}

.iplimit-card-wrap.system .upgrade-time>div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    text-align: left
}

.iplimit-card-wrap.system .upgrade-time>div span {
    margin-right: 10px;
    padding: 5px 20px;
    border-radius: 15px;
    background: #4caf50;
    color: #fff;
    font-size: 1rem
}

.iplimit-card-wrap.system .upgrade-time p {
    margin-top: 15px;
    margin-bottom: 10px;
    color: #4caf50;
    font-size: 3rem;
    line-height: 1
}

.iplimit-card-wrap.system .upgrade-time p span {
    margin-left: .3125rem;
    color: #4caf50;
    font-size: 1rem
}

.iplimit-card-wrap.system .upgrade-time .gmt {
    font-size: 1rem
}

.iplimit-card-wrap.vn .right-inner h3 {
    font-size: 2.5rem;
    font-weight: bolder
}

.mobile .iplimit-card-wrap {
    margin: 0
}

#wrap,
.chess-menu ul {
    display: flex;
    justify-content: center
}

#wrap {
    align-items: center;
    height: 100vh;
    background: linear-gradient(to bottom, #141414, #3c3c3c)
}

.iplimit-sys-bg canvas {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.content.nomainnav .container-1200 {
    display: inline-flex;
    align-items: center
}

.logo-wrap.maintain {
    background: linear-gradient(to bottom, #1bac7e 0, #14805e 100%)
}

.logo-wrap.maintain .logo {
    margin-right: 0;
    float: none
}

.chess-wrap {
    position: relative;
    height: 680px;
    overflow: hidden;
    background: no-repeat center
}

.chess-wrap.room {
    background-image: url(/images/v1/web/img-template/chess/bg.jpg);
    background-position: center;
    background-size: cover
}

.chess-girl {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    margin-left: -740px;
    -webkit-transform: translateX(-700px);
    transform: translateX(-700px);
    transition: all .5s ease-in-out;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%
}

.chess-girl.g1 {
    width: 500px;
    height: 660px;
    background-image: url(/images/v1/web/img-template/chess/chess_girl1.png)
}

.chess-girl.g2,
.chess-girl.g3 {
    width: 500px;
    height: 660px;
    background-image: url(/images/v1/web/img-template/chess/chess_girl2.png)
}

.chess-girl.g3 {
    background-image: url(/images/v1/web/img-template/chess/chess_girl3.png)
}

.chess-girl.g4,
.chess-girl.g5 {
    width: 500px;
    height: 660px;
    background-image: url(/images/v1/web/img-template/chess/chess_girl4.png)
}

.chess-girl.g5 {
    background-image: url(/images/v1/web/img-template/chess/chess_girl5.png)
}

.chess-girl.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.chess-menu {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 50%;
    width: 57.5rem;
    -webkit-transform: translate(68%, -50%);
    transform: translate(68%, -50%)
}

.chess-menu ul {
    flex-wrap: wrap
}

.chess-menu li,
.chess-menu li::before {
    background: url(/images/v1/web/img-template/chess/card-bg.png)no-repeat
}

.chess-menu li {
    position: relative;
    width: 17.8125rem;
    height: 16.25rem;
    margin: 0 1.25rem 1.25rem 0;
    padding: 1.25rem;
    -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1) translateZ(0);
    transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1) translateZ(0);
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: 4000ms cubic-bezier(.03, .98, .52, .99);
    background-position: left center;
    cursor: pointer
}

.chess-menu li::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in;
    opacity: 0;
    background-position: right center
}

.chess-menu li.active::before {
    opacity: 1
}

.chess-menu li img {
    height: 80px;
    margin-bottom: .625rem
}

.chess-menu li h2 {
    margin-bottom: .625rem;
    color: rgba(20, 128, 94, .5)
}

.chess-menu li>p {
    margin-bottom: 1.25rem;
    color: #fff
}

.chess-menu .maintenance {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}

.chess-menu .maintenance .maintenance-inner {
    display: block
}

.chess-menu .icon-maintenance {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin: 0 .3125rem 0 0
}

.chess-menu .maintenance .chess-button-main a,
.chess-menu .maintenance-inner {
    display: none
}

.chess-menu .maintenance-inner p,
.chess-menu .maintenance-inner strong {
    display: inline-block;
    font-size: .75rem;
    vertical-align: middle
}

.chess-menu .maintenance-inner p {
    letter-spacing: 0
}

.chess-button {
    position: absolute;
    z-index: 4;
    bottom: .75rem;
    left: .75rem;
    width: 16.3125rem;
    padding: .4375rem 0;
    transition: all .3s;
    border-radius: .625rem;
    background-color: rgba(255, 255, 255, .15);
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, .5)0, rgba(255, 255, 255, 0) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3), inset 0 0 2px 1px rgba(255, 255, 255, .5), inset 0 0 5px 0 rgba(255, 255, 255, .6)
}

.chess-button:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.chess-button .chess-button-main {
    width: 100%;
    height: 3rem;
    background: url(/images/v1/web/img-template/fish/btn-title-bg.png)no-repeat center;
    color: #d6bb78;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 3rem;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.chess-button .chess-button-main a {
    display: block;
    color: #d6bb78
}

.chess-money {
    z-index: 4;
    top: 45%;
    left: 50%;
    width: 1710px;
    height: 815px;
    margin: -407px 0 0-855px;
    transition: all ease-in-out;
    background: url(/images/v1/web/img-template/chess/chess_money.png)no-repeat;
    pointer-events: none
}

.chess-money,
.chess-poker1,
.chess-poker2 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: left center
}

.chess-poker1 {
    right: 1.875rem;
    bottom: 12.5rem;
    width: 449px;
    height: 513px;
    -webkit-animation: chess-poker-move1 3s infinite;
    animation: chess-poker-move1 3s infinite;
    background: url(/images/v1/web/img-template/chess/chess_poker1.png)no-repeat
}

.chess-poker2 {
    bottom: 6.25rem;
    left: 1.875rem;
    width: 311px;
    height: 288px;
    -webkit-animation: chess-poker-move2 3s infinite;
    animation: chess-poker-move2 3s infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    background: url(/images/v1/web/img-template/chess/chess_poker2.png)no-repeat
}

.content .aboutus-wrap {
    display: flex;
    min-height: 100vh;
    margin: 3.125rem auto 0
}

.aboutus-tab-wrap {
    flex: 0 0 11.25rem
}

.aboutus-tab-group {
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(9, 13, 26, .1)
}

.aboutus-tab-item {
    display: block;
    background-color: #fff
}

.aboutus-tab-item:last-child .aboutus-tab-link::after {
    display: none
}

.aboutus-tab-link {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 2.8125rem;
    color: rgba(0, 0, 0, .5);
    font-size: .875rem
}

.aboutus-tab-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70%;
    height: 1px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .1)
}

.aboutus-tab-link.active,
.aboutus-tab-link:hover {
    background-color: #14805e;
    color: #fff
}

.aboutus-body {
    flex: 1
}

.article-content {
    margin: 0 3.4375rem
}

.article-content-title {
    margin-bottom: 2.5rem;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 2.1875rem
}

.article-detail {
    margin-bottom: 2.1875rem
}

.article-detail-tile {
    color: #fff;
    font-weight: 700;
    line-height: 2.1875rem
}

.article-detail-sub-tile {
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.875rem
}

.article-detail-content .list,
.article-detail-content .list-dot,
.article-detail-content .list-number,
.article-detail-content .text {
    margin-bottom: 1.25rem;
    color: rgba(255, 255, 255, .6);
    font-size: .875rem;
    line-height: 1.6
}

.article-detail-content .list,
.article-detail-content .list-dot,
.article-detail-content .list-number {
    margin-left: 1.25rem
}

.article-detail-content .list-dot>li,
.article-detail-content .list-number>li {
    display: list-item;
    padding-bottom: .625rem;
    counter-increment: li
}

.article-detail-content .list-number li {
    list-style: decimal
}

.article-detail-content .list-dot li {
    list-style: disc
}

.article-detail-content .point {
    display: block;
    margin-left: .9375rem
}

.article-detail-content .point::before {
    content: "â–¸";
    display: inline-block;
    margin-right: .5rem;
    margin-left: -.9375rem;
    color: #14805e
}

.article-detail-content .point-list>li {
    display: block
}

.article-detail-content .link {
    display: inline-block;
    border-bottom: 1px solid #ffdf18;
    color: #ffdf18
}

.table {
    margin-bottom: 1.25rem;
    background-color: #f2f2f2;
    line-height: 1.8
}

.table td,
.table-title {
    padding: 0 .625rem;
    border: 1px solid rgba(51, 51, 51, .2)
}

.table-title {
    border-bottom: 0;
    background-color: #14805e;
    color: #fff;
    text-align: center
}

.table td {
    background-color: #fff;
    color: rgba(0, 0, 0, .6)
}

.register-tab.register-tab-one li,
.table-100 {
    width: 100%
}

.txt-center {
    text-align: center
}

.no-game-container,
.no-game-right-container {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 20px;
    background: rgba(255, 255, 255, .8);
    text-align: center
}

.no-game-container .left-inner,
.no-game-right-container .left-inner {
    width: 55%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.no-game-container .right-inner {
    width: 45%
}

.no-game-container .right-inner h3 {
    font-size: 6.25rem
}

.no-game-container .right-inner h4,
.no-game-right-container .right-inner h4 {
    opacity: .8;
    line-height: 1.8
}

.no-game-right-container {
    padding-top: 5%;
    background: url(/images/v1/web/img-template/slotgame/img-no-game.png)no-repeat center bottom 10%/73%, rgba(255, 255, 255, .8)
}

.no-game-right-container .right-inner {
    width: 100%;
    text-align: center
}

.no-game-right-container .right-inner h3 {
    display: inline-block;
    width: 45%;
    font-size: 7rem;
    vertical-align: middle
}

.no-game-right-container .right-inner>div {
    display: inline-block;
    width: auto;
    max-width: 53%;
    text-align: left;
    vertical-align: middle
}

.no-game-right-container .right-inner h4 {
    margin-bottom: .9375rem
}

.no-game-right-container .right-inner a:not(:first-child) {
    margin-left: 0
}

.container-register {
    overflow: hidden
}

.container-register .register-tip {
    right: auto;
    top: -32px;
    left: -5px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.register-wrap {
    position: relative;
    margin: 3.4375rem 0;
    padding: 1.875rem;
    border: .0625rem solid #14805e;
    border-width: .375rem;
    text-align: center;
    -o-border-image: linear-gradient(to bottom, #14805e 0, #1ec28f 100%);
    border-image: linear-gradient(to bottom, #14805e 0, #1ec28f 100%);
    border-image-slice: 1
}

.register-notice,
.sign-in-notice {
    position: absolute;
    top: -1.875rem;
    color: rgba(255, 255, 255, .5);
    font-size: .875rem
}

.register-notice a,
.sign-in-notice a {
    transition: .3s;
    color: #ffdf18
}

.register-notice a:hover,
.register-tab li.active a,
.sign-in-notice a:hover {
    color: #ffdf18
}

.register-notice {
    right: 0
}

.sign-in-notice {
    left: 0
}

.sign-in-notice p {
    display: inline-block;
    vertical-align: middle
}

.left-register-info,
.right-register-banner {
    display: inline-block;
    vertical-align: top
}

.register-tab {
    margin-bottom: 1.25rem;
    border-bottom: .0625rem solid #666;
    font-size: 1.125rem;
    line-height: 2
}

.register-tab a {
    color: #666
}

.register-tab li {
    position: relative;
    width: 50%;
    float: left;
    cursor: pointer
}

.register-tab li.active::after {
    content: "";
    position: absolute;
    bottom: -.1875rem;
    left: 0;
    width: 100%;
    height: .3125rem;
    background: #ffdf18
}

.register-tab.register-tab-one {
    border-color: #ffdf18
}

.register-tab.register-tab-one li::after {
    content: none
}

.left-register-info {
    width: 30%;
    margin-right: 3%
}

.left-register-info input:-webkit-autofill,
.left-register-info input:-webkit-autofill:focus,
.left-register-info input:-webkit-autofill:hover,
.left-register-info select:-webkit-autofill,
.left-register-info select:-webkit-autofill:focus,
.left-register-info select:-webkit-autofill:hover,
.left-register-info textarea:-webkit-autofill,
.left-register-info textarea:-webkit-autofill:focus,
.left-register-info textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px rgba(51, 51, 51, .3) inset;
    -webkit-text-fill-color: #fff !important
}

.left-register-info .form-inner input {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: .6875rem;
    border: .125rem solid transparent;
    border-radius: 3px;
    background: rgba(51, 51, 51, .3);
    color: #fff
}

.left-register-info .form-inner input::-webkit-input-placeholder,
.register-info input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.left-register-info .form-inner input::-moz-placeholder,
.register-info input::-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

.left-register-info .form-inner input::placeholder,
.register-info input::placeholder {
    color: rgba(255, 255, 255, .3)
}

.left-register-info .form-inner input:focus {
    border: .125rem solid #34dfa9;
    background: 0
}

.left-register-info .form-inner .vcode {
    display: inline-block;
    width: 50%;
    font-size: 1.2rem;
    vertical-align: top
}

.left-register-info .form-inner .vcode-box input::-webkit-input-placeholder,
.left-register-info .form-inner .vcode::-webkit-input-placeholder {
    font-size: 1rem
}

.left-register-info .form-inner .vcode-box input::-moz-placeholder,
.left-register-info .form-inner .vcode::-moz-placeholder {
    font-size: 1rem
}

.left-register-info .form-inner .vcode-box input::placeholder,
.left-register-info .form-inner .vcode::placeholder {
    font-size: 1rem
}

.left-register-info .form-inner .vcode-box input {
    width: 55%;
    font-size: 1.2rem
}

.left-register-info .form-inner .vcode-box button,
.third-party-login .login-info .form-inner .vcode-box button,
.third-party-login .register-info .form-inner .vcode-box button {
    height: 2.875rem;
    float: right;
    border: 0
}

.left-register-info .form-inner .error {
    color: #f35e5e;
    font-size: .875rem;
    line-height: 1.2
}

.left-register-info .form-inner .flag {
    position: absolute;
    top: 2.1875rem;
    left: .6875rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700
}

.left-register-info .form-inner .flag i,
.third-party-login .login-info .form-inner .flag i,
.third-party-login .register-info .form-inner .flag i {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .375rem;
    border-radius: 100%;
    background: no-repeat center;
    background-size: cover;
    vertical-align: middle
}

.left-register-info .form-inner .phone {
    padding-left: 5.9375rem
}

.left-register-info .eyes {
    background-color: #fff
}

.left-register-info .puzzle-verification-box {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    margin: .875rem 0 1rem
}

.left-register-info .puzzle-verification-box .title {
    position: relative;
    width: 100%;
    line-height: 1;
    margin-bottom: .4375rem
}

.left-register-info .puzzle-verification-box .title p,
.third-party-login .puzzle-verification-box .title p {
    padding: 0;
    color: #444;
    font-size: .875rem;
    line-height: 1.5;
    text-align: left
}

.left-register-info .puzzle-verification {
    display: block;
    width: 100%;
    overflow: hidden
}

.left-register-info .puzzle-verification .captcha-pic {
    position: relative;
    width: 100%;
    height: 9.625rem;
    background-position: center;
    background-size: cover;
    border-radius: .1875rem
}

.left-register-info .puzzle-verification .captcha-blank {
    position: absolute;
    top: 50%;
    left: 70%;
    width: 3.875rem;
    height: 3.875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    stroke: #fff;
    fill: #000;
    stroke-opacity: .3;
    fill-opacity: .5
}

.left-register-info .puzzle-verification .captcha-frag {
    position: absolute;
    top: 0;
    left: 100px;
    width: inherit;
    height: inherit;
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    -webkit-clip-path: path("M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z");
    clip-path: path("M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z")
}

.left-register-info .puzzle-verification .captcha-bar {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 2.875rem;
    margin-top: .4375rem;
    background: #3e3e3e;
    border-radius: .1875rem;
    overflow: hidden
}

.left-register-info .puzzle-verification .captcha-bar-slider {
    position: absolute;
    top: 0;
    height: 2.875rem
}

.left-register-info .puzzle-verification .captcha-bar-btn {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 2.875rem;
    height: 2.875rem;
    background: linear-gradient(90deg, #f79604 0, #fbc103 50%);
    box-shadow: 0 .0625rem .125rem 0 rgba(51, 51, 51, .3), inset 0 0 .1875rem 0#fdce34;
    cursor: pointer
}

.left-register-info .puzzle-verification .captcha-bar-icon {
    width: 1rem;
    height: 1rem;
    background: #3e3e3e;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left;
    mask-position: left
}

.left-register-info .puzzle-verification.active .captcha-bar-btn {
    left: 20%
}

.left-register-info .puzzle-tips p::before,
.left-register-info .puzzle-verification.active .captcha-text {
    display: none
}

.left-register-info .puzzle-verification.passed .captcha-bar-slider {
    width: 70%;
    border: .0625rem solid #70b267;
    background: rgba(112, 178, 103, .3)
}

.left-register-info .puzzle-verification.passed .captcha-bar-btn {
    left: 70%;
    background: #70b267;
    box-shadow: 0 .0625rem .625rem 0#333, inset 0 0 .1875rem 0#fdce34
}

.left-register-info .puzzle-verification.passed .captcha-bar-icon {
    width: .875rem;
    height: .875rem;
    background: #fff
}

.left-register-info .puzzle-verification.passed .puzzle-tips p {
    color: #70b267
}

.left-register-info .puzzle-verification.passed .puzzle-tips .item-icon {
    background: #70b267
}

.left-register-info .puzzle-verification.error::before {
    content: none
}

.left-register-info .puzzle-verification.error .captcha-bar-slider {
    width: 30%;
    border: .0625rem solid #f35e5e;
    background: rgba(243, 94, 94, .3)
}

.left-register-info .puzzle-verification.error .captcha-bar-btn {
    left: 30%;
    background: #f35e5e;
    box-shadow: 0 .0625rem .625rem 0#333, inset 0 0 .1875rem 0#fdce34
}

.left-register-info .puzzle-verification.error .captcha-bar-icon {
    width: .75rem;
    height: .75rem;
    background: #fff
}

.left-register-info .puzzle-verification.error .puzzle-tips p {
    color: #f35e5e
}

.left-register-info .puzzle-verification.error .puzzle-tips .item-icon {
    background: #f35e5e
}

.left-register-info .item-icon {
    width: .75rem;
    height: .75rem;
    margin-right: .625rem;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #adacb1
}

.left-register-info .puzzle-tips {
    position: relative;
    flex: 1;
    width: 100%;
    padding-top: .4375rem;
    text-align: left;
    white-space: normal
}

.left-register-info .puzzle-tips p {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    color: #adacb1;
    font-size: .75rem
}

.left-register-info .refresh {
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: calc(50% - .625rem);
    cursor: pointer
}

.left-register-info .refresh.active {
    -webkit-animation: rotate 1s forwards;
    animation: rotate 1s forwards
}

.left-register-info .refresh-icon {
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(0, 0, 0, .3);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.left-register-info .check-wrap {
    margin: 0 0 1.5625rem
}

.right-register-banner {
    position: relative;
    width: 65%
}

.right-register-banner::before {
    content: "";
    position: absolute;
    top: .625rem;
    left: -.9375rem;
    width: 100%;
    height: 100%;
    border: .1875rem solid rgba(255, 255, 255, .1);
    border-radius: 3px
}

.right-register-banner .slides {
    height: 33.125rem;
    overflow: hidden;
    border-radius: 3px
}

.right-register-banner .slides .banner {
    height: 33.125rem;
    background-position: center;
    background-size: cover
}

.right-register-banner .flex-control-nav,
.right-register-banner .slick-dots {
    right: .9375rem;
    bottom: .625rem;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.right-register-banner .flex-control-nav li,
.right-register-banner .slick-dots li {
    margin-left: .9375rem
}

.right-register-banner .flex-control-nav li a,
.right-register-banner .flex-control-nav li button,
.right-register-banner .slick-dots li a,
.right-register-banner .slick-dots li button {
    background: rgba(255, 255, 255, .5);
    box-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .2)
}

.right-register-banner .flex-control-nav .flex-active,
.right-register-banner .flex-control-nav .slick-active button,
.right-register-banner .slick-dots .flex-active,
.right-register-banner .slick-dots .slick-active button {
    background: #fff
}

.right-register-banner .slick-dots {
    z-index: 1001
}

.right-register-banner a,
.third-party-login .register-banner .banner a {
    display: block;
    height: 100%
}

.form-inner {
    text-align: left
}

.form-inner li,
.form-inner ul {
    margin-bottom: 1.25rem
}

.form-inner li {
    display: block;
    position: relative
}

.form-inner li:last-child {
    margin-bottom: 0
}

.form-inner select {
    height: 2.625rem;
    padding: .6875rem;
    border: .125rem solid transparent;
    border-radius: 3px;
    background: url(../../images/v1/web/img-template/icon-set/icon-angle-down_hover.svg)no-repeat right 10px center/10px, rgba(51, 51, 51, .3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-inner label,
.form-inner select {
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%;
    color: #fff
}

.form-inner .label-btn-group,
.form-inner label {
    margin-bottom: .4375rem
}

.form-inner .label-btn-group label {
    margin-bottom: 0
}

.vcode-img {
    position: relative;
    width: 47%;
    height: 2.875rem;
    float: right;
    overflow: hidden;
    border-radius: .3125rem;
    background: #000
}

.vcode-img img {
    width: auto;
    max-width: 120px;
    height: 100%
}

.reload {
    position: absolute;
    right: .6875rem;
    bottom: .6875rem;
    width: 1.25rem;
    height: 1.25rem;
    transition: .5s;
    background: url(/images/v1/web/img-template/icon-set/register-fast/return.png)no-repeat center/contain
}

.reload:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-register-next,
.btn-register-prev,
.btn-register-submit {
    width: 2.8125rem;
    height: 2.8125rem;
    transition: .3s;
    border-radius: 100%;
    color: rgba(51, 51, 51, .1);
    vertical-align: top
}

.btn-register-next:hover,
.btn-register-prev:hover,
.btn-register-submit:hover {
    box-shadow: .125rem .125rem .5rem rgba(0, 0, 0, .3)
}

.btn-register-next {
    float: right;
    background: url(/images/v1/web/img-template/icon-set/register-fast/next-arrow.png)no-repeat center/50%, #14805e
}

.btn-register-next:hover {
    background: url(/images/v1/web/img-template/icon-set/register-fast/next-arrow.png)no-repeat center/50%, #0d543e
}

.btn-register-prev {
    background: url(/images/v1/web/img-template/icon-set/register-fast/left-arrow.png)no-repeat center/50%, #14805e
}

.btn-register-prev:hover {
    background: url(/images/v1/web/img-template/icon-set/register-fast/left-arrow.png)no-repeat center/50%, #116a4e
}

.btn-register-submit {
    float: right;
    border: 0;
    background: url(/images/v1/web/img-template/icon-set/register-fast/check.png)no-repeat center/50%, #76bd6a;
    cursor: pointer
}

.btn-register-submit:hover {
    background: url(/images/v1/web/img-template/icon-set/register-fast/check.png)no-repeat center/50%, #59a94b
}

.step-register {
    height: auto;
    margin: 0;
    background: 0 0;
    line-height: 0
}

.step-register .step-wrap {
    margin-bottom: 15px;
    padding: 0
}

.step-register .step-wrap::before {
    margin-top: 13px;
    background: #fff
}

.step-register .step-wrap li {
    width: 30px;
    height: 30px
}

.step-register .step-wrap li::before {
    top: 13px
}

.step-register .step-wrap li span {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 100%;
    background: #fff;
    line-height: 30px
}

.step-register .step-wrap.st2 .step1::before,
.step-register .step-wrap.st3 .step1::before,
.step-register .step-wrap.st3 .step2::before {
    width: 60px;
    margin-left: 25px
}

.phone-area-code {
    flex: 0 0 34%;
    margin-right: 10px
}

.phone-info {
    display: flex;
    flex-flow: row nowrap
}

.form-inner .vodiapicker {
    display: none
}

.form-inner .phone-code-list li {
    margin-bottom: 0
}

.lang-select {
    position: relative;
    font-size: .875rem
}

.phone-code-list {
    position: absolute;
    z-index: 3;
    top: 3.125rem;
    left: 0;
    width: 100%;
    max-height: 11.25rem;
    overflow: scroll;
    border-radius: .3125rem;
    background: #474747;
    color: #fff;
    overflow-x: hidden
}

.phone-code-list li {
    width: 100%;
    padding: .3125rem;
    list-style: none;
    cursor: pointer
}

.phone-code-list li:hover {
    background: #4e4e4e
}

.phone-code-list img,
.third-party-login .form-pop .phone-area-code .phone-code-list img {
    margin: 5px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8)
}

.third-party-login .currency-code-list img,
.third-party-login .phone-code-list img,
.third-party-login .social-code-list img {
    margin: 5px
}

.btn-select img,
.phone-code-list img {
    width: 30px
}

.btn-select span,
.phone-code-list span {
    margin-left: .5rem
}

.btn-select img,
.btn-select span,
.phone-code-list img,
.phone-code-list span {
    display: inline-block;
    vertical-align: middle
}

.phone-code-list-group {
    display: none;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2)
}

.open {
    display: show !important
}

.btn-select {
    position: relative;
    width: 100%;
    height: 2.8125rem;
    padding: 0 .625rem;
    border: 0;
    border-radius: 5px;
    background: rgba(51, 51, 51, .3);
    color: #fff;
    cursor: pointer
}

.btn-select li {
    padding-bottom: 0;
    float: left;
    list-style: none
}

.btn-select:hover li {
    margin-left: 0
}

.btn-select:focus {
    outline: 0
}

.btn-select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 8px;
    width: 10px;
    height: 100%;
    background: #fff;
    -webkit-mask: url(../../images/v1/web/img-template/icon-set/icon-angle-down_hover.svg)no-repeat center/contain;
    mask: url(../../images/v1/web/img-template/icon-set/icon-angle-down_hover.svg)no-repeat center/contain
}

.content .container-register-success {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin: 2.5rem auto;
    text-align: center
}

.content .container-register-success .right-register-banner {
    width: 61.3%;
    margin-left: 2%
}

.register-success-left-wrap {
    display: flex;
    position: relative;
    align-items: center;
    width: 35%;
    height: auto;
    min-height: 38.75rem;
    margin: 0 .625rem 0 0;
    padding: 1.875rem;
    border: .0625rem solid #14805e;
    border-width: .375rem;
    background: url(/images/v1/web/img-template/register/bg.png)no-repeat center/cover;
    text-align: center;
    vertical-align: top;
    -o-border-image: linear-gradient(to bottom, #14805e 0, #1ec28f 100%);
    border-image: linear-gradient(to bottom, #14805e 0, #1ec28f 100%);
    border-image-slice: 1
}

.register-success-left-wrap.short-height .success-img {
    width: 10.625rem;
    height: 6.25rem
}

.success-img {
    position: absolute;
    z-index: 1;
    bottom: -11%;
    left: -15%;
    width: 11.25rem;
    height: 8.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.register-success-cont {
    display: inline-block;
    width: 98%;
    margin-bottom: 1.375rem;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: middle
}

.register-success-cont>i {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    margin: 0 auto 1.25rem;
    background: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/register-fast/checked.png)no-repeat center/cover
}

.register-success-cont h5 {
    margin-bottom: 1.25rem;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    text-align: center;
    word-break: keep-all
}

.register-success-cont>p {
    max-height: 160px;
    margin-bottom: 20px;
    padding: .3125rem 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: rgba(255, 255, 255, .6);
    word-break: normal
}

.register-success-cont .btn-default {
    width: 100%
}

.register-member-info {
    margin-bottom: 1.25rem;
    padding: .9375rem 7%;
    border-radius: 5px;
    background: rgba(136, 136, 136, .2)
}

.register-member-info ul {
    margin: 0
}

.register-member-info li {
    display: block;
    margin-bottom: .9375rem;
    text-align: left
}

.promotion-2 li:last-child .card-inner,
.register-member-info li:last-child {
    margin-bottom: 0
}

.register-member-info p {
    display: inline-block;
    max-width: 77%;
    color: #22d89f;
    line-height: 20px;
    vertical-align: text-top
}

.register-member-info label {
    display: block;
    margin-bottom: 0;
    color: #fff
}

.register-member-info .error::before {
    color: #4e4e4e
}

.register-member-info .confirm-passward {
    height: 0;
    margin: 0;
    opacity: 0
}

.register-member-info .confirm-passward.active {
    -webkit-animation: infoShow .1s ease-in forwards;
    animation: infoShow .1s ease-in forwards
}

.register-info {
    position: relative;
    line-height: 0
}

.register-info input:-webkit-autofill,
.register-info input:-webkit-autofill:focus,
.register-info input:-webkit-autofill:hover,
.register-info select:-webkit-autofill,
.register-info select:-webkit-autofill:focus,
.register-info select:-webkit-autofill:hover,
.register-info textarea:-webkit-autofill,
.register-info textarea:-webkit-autofill:focus,
.register-info textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px rgba(51, 51, 51, .3) inset;
    -webkit-text-fill-color: #fff !important
}

.register-info input {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-top: .1875rem;
    padding: .6875rem;
    border: .125rem solid transparent;
    border-radius: 3px;
    background: rgba(51, 51, 51, .3);
    color: #fff
}

.register-info input:focus {
    border: .125rem solid #1ec28f;
    background: 0
}

.register-info input:-internal-autofill-selected {
    background-color: rgba(51, 51, 51, .3)
}

.register-info input:-webkit-autofill {
    -webkit-transition: background-color 9000s ease-in-out 0s;
    transition: background-color 9000s ease-in-out 0s;
    box-shadow: 0 0 0 1000px rgba(51, 51, 51, .3) inset;
    -webkit-text-fill-color: #fff
}

.register-info:not(.recommomd-code) input {
    height: 0;
    padding: 0;
    border-width: 0
}

.register-info .eyes {
    display: none;
    height: 100%;
    background-color: #fff
}

.register-info.active:not(.recommomd-code) input {
    -webkit-animation: inputShow .5s forwards .6s;
    animation: inputShow .5s forwards .6s
}

.register-info.active .eyes {
    display: block;
    opacity: 0
}

.register-info.active>div:not(.eyes) {
    -webkit-animation: valueHide .4s ease-in forwards;
    animation: valueHide .4s ease-in forwards
}

.register-success-right-banner {
    width: 63%;
    height: 38.75rem;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.register-success-right-banner li {
    background-size: contain !important
}

.register-right-promotion {
    display: inline-block;
    width: 32%;
    text-align: left;
    vertical-align: middle
}

.register-right-promotion .promotion-card li {
    width: 100%
}

.register-right-promotion .promotion-card .img-wrap {
    height: 10rem
}

.register-right-promotion .promotion-card .card-inner {
    margin: 0 0 .75rem
}

.register-right-promotion.two-columns {
    width: 63%;
    float: right
}

.register-right-promotion.two-columns li {
    width: 49%
}

.register-right-promotion.two-columns li:nth-child(2n) {
    float: right
}

.register-right-promotion.two-columns li:nth-child(3) .card-inner,
.register-right-promotion.two-columns li:nth-child(4) .card-inner {
    margin-bottom: 0
}

.register-img {
    height: 19.0625rem;
    border-radius: .1875rem;
    background-position: center;
    background-size: cover
}

.icon-edit,
.tooltip {
    display: inline-block;
    transition: .3s
}

.icon-edit {
    width: 1.25rem;
    height: 1.25rem;
    border: 0;
    background: url(/images/v1/web/img-template/icon-set/theme-icon/green-black/register-fast/pen.png)no-repeat center/60%;
    vertical-align: middle;
    cursor: pointer
}

.icon-edit:hover+.tooltip {
    opacity: 1
}

.tooltip {
    position: relative;
    padding: 0 .3125rem;
    border-radius: .125rem;
    opacity: 0;
    background: #474747;
    color: #fff;
    font-size: .75rem;
    line-height: 1.6
}

.tooltip::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.3125rem;
    width: 0;
    height: 0;
    -webkit-transform: translate(0, -4px);
    transform: translate(0, -4px);
    border-width: .25rem .3125rem .25rem 0;
    border-style: solid;
    border-color: transparent #474747 transparent transparent
}

.btn-edit-group .btn-default {
    display: inline-block;
    width: 49%;
    border: 0;
    vertical-align: top
}

.recommomd-code>input {
    display: block
}

.register-btn-group {
    display: flex;
    flex-wrap: row nowrap;
    align-items: center;
    justify-content: space-between
}

.register-btn-group .btn-default {
    flex: 1 1 auto;
    width: auto;
    white-space: nowrap
}

.register-btn-group .btn-default:first-child {
    margin-right: .625rem
}

.app-download {
    padding-top: 0
}

.app-download .download-title {
    margin: 3.75rem 0;
    text-align: center;
    text-transform: uppercase
}

.app-download .download-title h1,
.app-download .download-title h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(180deg, #fff 0, #d5dae0 100%);
    font-size: 4.25rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    -webkit-text-fill-color: transparent
}

.app-download .download-title h4 {
    font-size: 3rem
}

.app-download .section,
.casino-lg .word-wrap h3::before,
.casino-xs .word-wrap h3::before {
    background-color: #14805e
}

.app-download .section:nth-child(1) {
    background-image: url(/images/v1/web/img-template/app-download/background-top.png);
    background-position: top;
    background-repeat: no-repeat
}

.app-download .section:nth-child(1) .col-5:nth-child(2) {
    align-self: flex-start
}

.app-download .section:nth-child(2) {
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .4) 40%, rgba(0, 0, 0, .4) 60%, transparent 100%)
}

.app-download .section:nth-child(3) {
    background-image: url(/images/v1/web/img-template/app-download/background-bottom.png);
    background-position: bottom;
    background-repeat: no-repeat
}

.app-download .section .section-inner {
    display: inline-flex;
    text-align: left;
    width: 75rem
}

.app-download .section .col-5 {
    display: block;
    align-self: center;
    width: 50%
}

.app-download .section .col-5 img {
    height: auto;
    width: 90%
}

.app-download .section .col-5 .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #fff;
    font-size: .9375rem
}

.app-download .section .col-5 .text+.text {
    margin-top: .9375rem
}

.app-download .section .col-5 .sub-title {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(180deg, #ffdf1a 0, #ffdf1a 100%);
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 2.5rem 0;
    -webkit-text-fill-color: transparent
}

.app-download .section .col-5 .sub-title span {
    display: inline-block;
    height: 2.1875rem;
    max-width: 100%;
    overflow: hidden;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-download .section .col-5 .sub-title span+span {
    -o-border-image: linear-gradient(180deg, #ffdf1a 0, #ffdf1a 100%);
    border-image: linear-gradient(180deg, #ffdf1a 0, #ffdf1a 100%);
    border-left: .125rem solid
}

.app-download .section .col-5 .sub-title span a {
    border-bottom: .125rem solid #ffdf1a;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-download .section .col-5 .qr-code-box {
    display: flex
}

.app-download .section .col-5 .qr-code-box li {
    flex: 1 0 auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
    margin-right: 1.25rem
}

.app-download .section .col-5 .qr-code-box li .qr-code {
    display: block;
    height: 8.75rem;
    left: 50%;
    margin-bottom: 1.25rem;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 8.75rem
}

.app-download .section .col-5 .qr-code-box li .icon {
    display: inline-block;
    height: 1.5625rem;
    margin-right: .625rem;
    width: 1.5625rem
}

.app-download .section .col-5 .qr-code-box li span {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    top: -.3125rem
}

.app-download .section .col-5 .icon-box {
    display: flex;
    flex-direction: column
}

.app-download .section .col-5 .icon-box li {
    display: flex;
    align-items: center;
    width: 100%;
    margin: .625rem 0;
    text-align: left
}

.app-download .section .col-5 .icon-box li img {
    height: 6.25rem;
    margin-right: 2.5rem;
    width: 6.25rem
}

.app-download .section .col-5 .icon-box li span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

#fp-nav ul li {
    margin: .9375rem
}

#fp-nav ul li:hover a span {
    height: .75rem;
    margin: 0;
    width: .75rem;
    background: rgba(255, 255, 255, .7)
}

#fp-nav ul li a.active span {
    background: #fff;
    margin: 0 !important
}

#fp-nav ul li a span {
    background: rgba(255, 255, 255, .5);
    height: .75rem;
    margin: 0;
    width: .75rem
}

.fp-scrollable {
    overflow-y: scroll
}

.third-party-login {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.third-party-login,
.third-party-login a,
.third-party-login h1,
.third-party-login h2,
.third-party-login h3,
.third-party-login h4,
.third-party-login i,
.third-party-login p,
.third-party-login pre,
.third-party-login span {
    font-family: Helvetica
}

.third-party-login .input-group input:-webkit-autofill,
.third-party-login .input-group input:-webkit-autofill:focus,
.third-party-login .input-group input:-webkit-autofill:hover,
.third-party-login .input-group select:-webkit-autofill,
.third-party-login .input-group select:-webkit-autofill:focus,
.third-party-login .input-group select:-webkit-autofill:hover,
.third-party-login .input-group textarea:-webkit-autofill,
.third-party-login .input-group textarea:-webkit-autofill:focus,
.third-party-login .input-group textarea:-webkit-autofill:hover {
    background-image: none;
    box-shadow: 0 0 0 50px #333 inset;
    color: #1bac7e;
    -webkit-text-fill-color: rgba(0, 0, 0, .3);
    text-fill-color: rgba(0, 0, 0, .3)
}

.third-party-login .register-wrap {
    border: unset;
    margin: 3.125rem 0;
    padding: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.third-party-login .register-wrap .error::before {
    display: none
}

.third-party-login .register-wrap .inline-center,
.third-party-login .register-wrap .inline-mask {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center
}

.third-party-login .register-wrap .inline-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

.third-party-login .register-wrap .mask-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: rgba(62, 62, 62, .9)
}

.third-party-login .login-info,
.third-party-login .register-banner,
.third-party-login .register-info {
    display: inline-block;
    vertical-align: top
}

.third-party-login .login-info,
.third-party-login .register-info {
    position: relative;
    width: 27.5rem;
    height: 50rem;
    padding: 2.625rem 2.9375rem;
    border-radius: 5px;
    background: #3e3e3e;
    box-shadow: 0 .0625rem .125rem 0 rgba(0, 0, 0, .5)
}

.third-party-login .login-info input:-webkit-autofill,
.third-party-login .login-info input:-webkit-autofill:focus,
.third-party-login .login-info input:-webkit-autofill:hover,
.third-party-login .login-info select:-webkit-autofill,
.third-party-login .login-info select:-webkit-autofill:focus,
.third-party-login .login-info select:-webkit-autofill:hover,
.third-party-login .login-info textarea:-webkit-autofill,
.third-party-login .login-info textarea:-webkit-autofill:focus,
.third-party-login .login-info textarea:-webkit-autofill:hover,
.third-party-login .register-info input:-webkit-autofill,
.third-party-login .register-info input:-webkit-autofill:focus,
.third-party-login .register-info input:-webkit-autofill:hover,
.third-party-login .register-info select:-webkit-autofill,
.third-party-login .register-info select:-webkit-autofill:focus,
.third-party-login .register-info select:-webkit-autofill:hover,
.third-party-login .register-info textarea:-webkit-autofill,
.third-party-login .register-info textarea:-webkit-autofill:focus,
.third-party-login .register-info textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 9000s ease-in-out;
    transition: background-color 9000s ease-in-out;
    box-shadow: 0 0 0 1000px rgba(51, 51, 51, .3) inset;
    -webkit-text-fill-color: #fff !important
}

.third-party-login .login-info input,
.third-party-login .register-info input {
    margin-top: 0
}

.third-party-login .login-info .general-register,
.third-party-login .register-info .general-register {
    position: relative;
    height: 100%
}

.third-party-login .login-info .form-inner input,
.third-party-login .register-info .form-inner input {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    padding: .6875rem;
    border: .125rem solid transparent;
    border-radius: 3px;
    background: rgba(51, 51, 51, .3);
    color: #fff
}

.third-party-login .login-info .form-inner input::-webkit-input-placeholder,
.third-party-login .register-info .form-inner input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.third-party-login .login-info .form-inner input::-moz-placeholder,
.third-party-login .register-info .form-inner input::-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

.third-party-login .login-info .form-inner input::placeholder,
.third-party-login .register-info .form-inner input::placeholder {
    color: rgba(255, 255, 255, .3)
}

.third-party-login .login-info .form-inner input:focus,
.third-party-login .register-info .form-inner input:focus {
    border: .125rem solid #34dfa9;
    background: 0
}

.third-party-login .login-info .form-inner .vcode,
.third-party-login .register-info .form-inner .vcode {
    display: inline-block;
    width: 50%;
    font-size: 1.2rem;
    vertical-align: top
}

.third-party-login .login-info .form-inner .vcode-box input::-webkit-input-placeholder,
.third-party-login .login-info .form-inner .vcode::-webkit-input-placeholder,
.third-party-login .register-info .form-inner .vcode-box input::-webkit-input-placeholder,
.third-party-login .register-info .form-inner .vcode::-webkit-input-placeholder {
    font-size: 1rem
}

.third-party-login .login-info .form-inner .vcode-box input::-moz-placeholder,
.third-party-login .login-info .form-inner .vcode::-moz-placeholder,
.third-party-login .register-info .form-inner .vcode-box input::-moz-placeholder,
.third-party-login .register-info .form-inner .vcode::-moz-placeholder {
    font-size: 1rem
}

.third-party-login .login-info .form-inner .vcode-box input::placeholder,
.third-party-login .login-info .form-inner .vcode::placeholder,
.third-party-login .register-info .form-inner .vcode-box input::placeholder,
.third-party-login .register-info .form-inner .vcode::placeholder {
    font-size: 1rem
}

.third-party-login .login-info .form-inner .vcode-box input,
.third-party-login .register-info .form-inner .vcode-box input {
    width: 55%;
    font-size: 1.2rem
}

.third-party-login .login-info .form-inner .error,
.third-party-login .register-info .form-inner .error {
    color: #f35e5e;
    font-size: .875rem;
    line-height: 1.2
}

.third-party-login .login-info .form-inner .flag,
.third-party-login .register-info .form-inner .flag {
    position: absolute;
    top: 2.1875rem;
    left: .6875rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700
}

.third-party-login .login-info .form-inner .phone,
.third-party-login .register-info .form-inner .phone {
    padding-left: 5.9375rem
}

.third-party-login .choose-box label::before,
.third-party-login .login-info .eyes,
.third-party-login .register-info .eyes,
.top-card-wrap h3 {
    background-color: #fff
}

.third-party-login .register-banner {
    position: relative;
    width: 47.5rem
}

.third-party-login .register-banner::before {
    content: "";
    position: absolute;
    top: .625rem;
    left: -.9375rem;
    width: 100%;
    height: 100%
}

.third-party-login .register-banner .slides {
    height: 50rem;
    overflow: hidden
}

.third-party-login .register-banner .banner {
    height: 50rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.third-party-login .register-banner .banner-title {
    position: relative;
    display: block;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1bac7e;
    text-transform: uppercase;
    font-family: Helvetica;
    bottom: 3.4375rem
}

.third-party-login .register-banner .flex-control-nav,
.third-party-login .register-banner .slick-dots {
    right: auto;
    left: calc(50% - 2.25rem);
    bottom: .625rem;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.third-party-login .register-banner .flex-control-nav li,
.third-party-login .register-banner .slick-dots li {
    margin: 0 .4375rem
}

.third-party-login .register-banner .flex-control-nav li a,
.third-party-login .register-banner .flex-control-nav li button,
.third-party-login .register-banner .slick-dots li a,
.third-party-login .register-banner .slick-dots li button {
    background: #0d543e;
    box-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .2)
}

.third-party-login .register-banner .flex-control-nav .slick-active button,
.third-party-login .register-banner .slick-dots .slick-active button {
    background: #1bac7e
}

.third-party-login .register-banner .flex-control-nav button,
.third-party-login .register-banner .slick-dots button {
    width: .625rem;
    height: .625rem
}

.third-party-login .register-banner .slick-dots {
    z-index: 1001
}

.third-party-login .register-info-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #1bac7e;
    font-size: 1.5625rem;
    font-weight: 700;
    text-align: left;
    font-family: Helvetica
}

.third-party-login .register-info-title+div {
    margin-top: 1.875rem
}

.third-party-login .register-info-title p {
    display: block;
    line-height: 1
}

.third-party-login .register-info-title a {
    width: 1.25rem;
    height: 1.25rem
}

.third-party-login .another-login-block .another-login-icon a+a,
.third-party-login .register-info-title a+p {
    margin-left: 1.5rem
}

.third-party-login .invitation-code .item-icon,
.third-party-login .register-info-title .step-back {
    display: block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.third-party-login .register-info-title .step-back {
    width: 1.25rem;
    height: 1.25rem;
    background: #1bac7e;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.third-party-login .button,
.third-party-login .invitation-code {
    display: flex;
    position: relative;
    align-content: center;
    justify-content: flex-start
}

.third-party-login .invitation-code p,
.third-party-login .invitation-code span {
    padding: 0;
    color: #adacb1;
    font-size: .875rem;
    line-height: 1.2
}

.third-party-login .invitation-code p {
    position: relative
}

.third-party-login .invitation-code .item-icon {
    width: .9375rem;
    height: .9375rem;
    margin-right: .5625rem;
    background-color: rgba(0, 0, 0, .3);
    -webkit-mask-size: contain;
    mask-size: contain
}

.third-party-login .invitation-code+div {
    margin-top: 1.25rem
}

.third-party-login .form-btn-box .button {
    height: 3rem
}

.third-party-login .form-btn-box .button+.button {
    margin-top: .5rem
}

.third-party-login .button {
    border-radius: .3125rem;
    color: #fff;
    font-size: .9375rem;
    text-align: center;
    justify-content: center;
    box-shadow: 0 .0625rem 2px rgba(51, 51, 51, .3), inset 0 0 .1875rem #fdce34;
    line-height: 1;
    padding: 0
}

.third-party-login .button .btn-signup-next,
.third-party-login .button .btn-signup-prev,
.third-party-login .button a {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 0 .9375rem;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    justify-content: center;
    white-space: nowrap
}

.third-party-login .button.facebook,
.third-party-login .button.facebook a,
.third-party-login .button.google,
.third-party-login .button.google a {
    display: flex;
    align-items: center;
    justify-content: center
}

.third-party-login .button.facebook .item-icon,
.third-party-login .button.google .item-icon {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: unset
}

.third-party-login .btn-default,
.third-party-login .btn-primary {
    color: #fff;
    background: linear-gradient(to right, #f79604 0, #fbc103 50%);
    box-shadow: inset 0 0 .1875rem #fdce34
}

.third-party-login .btn-default a,
.third-party-login .btn-primary a,
.third-party-login .btn-secondary a {
    color: #fff
}

.third-party-login .btn-secondary {
    background: linear-gradient(to right, #14805e 0, #1bac7e 50%);
    box-shadow: inset 0 0 .1875rem #22d89f
}

.third-party-login .btn-fourth {
    background: linear-gradient(to right, #d5deed 0, #d5deed 50%);
    box-shadow: inset 0 0 .1875rem #d5deed
}

.third-party-login .btn-fourth a {
    color: #222
}

.third-party-login .btn-third-party {
    position: relative;
    overflow: hidden
}

.third-party-login .btn-third-party .mask-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
    z-index: 99;
    display: flex;
    align-content: center;
    justify-content: center;
    line-height: 1;
    color: #222;
    background: #fff;
    box-shadow: inset 0 0 .1875rem #d5deed
}

.third-party-login .btn-third-party .hide-btn {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.third-party-login .btn-saving {
    color: rgba(0, 0, 0, .5);
    background: linear-gradient(to right, rgba(247, 150, 4, .5)0, rgba(251, 193, 3, .5) 50%);
    box-shadow: inset 0 0 .1875rem #fdce34
}

.third-party-login .btn-disable {
    background: rgba(51, 51, 51, .1);
    box-shadow: none
}

.third-party-login .btn-disable a {
    color: rgba(0, 0, 0, .5)
}

.third-party-login .refresh {
    display: inline-flex;
    position: absolute;
    right: 1rem;
    bottom: calc(50% - .625rem)
}

.third-party-login .refresh.active {
    -webkit-animation: rotate 1s forwards;
    animation: rotate 1s forwards
}

.third-party-login .refresh-icon {
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(0, 0, 0, .3);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.third-party-login .form-btn-box {
    margin-top: 1.25rem
}

.third-party-login .verification-wrap {
    display: block
}

.third-party-login .verification-wrap input[type=number],
.third-party-login .verification-wrap input[type=number]:active {
    border: 1px solid #adacb1;
    background: #fff
}

.third-party-login .verification-wrap input[type=number].input-disabled,
.third-party-login .verification-wrap input[type=number]:disabled {
    background: #1a1a1a
}

.third-party-login .verification-wrap input[type=number].input-error {
    border: 1px solid #f35e5e
}

.third-party-login .verification-wrap input[type=number].input-focus,
.third-party-login .verification-wrap input[type=number]:focus {
    border: 1px solid #1bac7e
}

.third-party-login .verification-wrap.input-disable input[type=number] {
    background: #1a1a1a
}

.third-party-login .verification-wrap.input-error input[type=number] {
    border: 1px solid #f35e5e
}

.third-party-login .success-tips {
    margin: 1rem auto;
    text-align: left
}

.third-party-login .verification-tips,
.third-party-login .verification-txt {
    margin: 1rem auto;
    text-align: left;
    word-break: break-word
}

.third-party-login .success-tips.countdown,
.third-party-login .verification-tips.countdown,
.third-party-login .verification-txt.countdown {
    text-decoration: none;
    pointer-events: none
}

.third-party-login .success-tips p,
.third-party-login .verification-tips p,
.third-party-login .verification-txt p {
    color: #adacb1;
    font-size: .875rem;
    line-height: 1.5
}

.third-party-login .success-tips p span,
.third-party-login .verification-tips p span,
.third-party-login .verification-txt p span {
    color: rgba(0, 0, 0, .3)
}

.third-party-login .login-info .tab-btn .btn[data-tab-current=current] p,
.third-party-login .success-tips p a,
.third-party-login .verification-tips p a,
.third-party-login .verification-txt p a {
    color: #1bac7e
}

.third-party-login .success-tips p .player,
.third-party-login .verification-tips p .player,
.third-party-login .verification-txt p .player {
    display: block;
    width: 100%;
    margin-top: .3125rem
}

.third-party-login .success-tips p .resend-btn,
.third-party-login .success-tips p .sec,
.third-party-login .success-tips p .time,
.third-party-login .verification-tips p .resend-btn,
.third-party-login .verification-tips p .sec,
.third-party-login .verification-tips p .time,
.third-party-login .verification-txt p .resend-btn,
.third-party-login .verification-txt p .sec,
.third-party-login .verification-txt p .time {
    display: none
}

.third-party-login .success-tips p .resend-btn,
.third-party-login .verification-tips p .resend-btn,
.third-party-login .verification-txt p .resend-btn {
    transition: .5s;
    text-decoration: none
}

.third-party-login .success-tips p .resend-btn.active,
.third-party-login .success-tips p .sec.active,
.third-party-login .success-tips p .time.active,
.third-party-login .verification-tips p .resend-btn.active,
.third-party-login .verification-tips p .sec.active,
.third-party-login .verification-tips p .time.active,
.third-party-login .verification-txt p .resend-btn.active,
.third-party-login .verification-txt p .sec.active,
.third-party-login .verification-txt p .time.active {
    display: inline-block;
    color: #1bac7e
}

.third-party-login .success-tips p .resend-btn.active,
.third-party-login .verification-tips p .resend-btn.active,
.third-party-login .verification-txt p .resend-btn.active {
    transition: .5s
}

.third-party-login .success-tips {
    display: block;
    width: 100%;
    word-break: break-word
}

.third-party-login .success-tips pre {
    display: block;
    word-break: break-word;
    text-align: center
}

.third-party-login .verification-tips {
    margin-bottom: 2rem
}

.third-party-login .verification-content {
    display: block;
    color: #fff
}

.third-party-login .verification-content.error::before {
    display: none
}

.third-party-login .verification-code {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto
}

.third-party-login .verification-code fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

.third-party-login .verification-code .label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.third-party-login .verification-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden
}

.third-party-login .verification-input input[type=number] {
    flex: 1;
    height: 5rem;
    border-radius: .3125rem;
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    color: #1bac7e;
    -webkit-text-fill-color: rgba(0, 0, 0, .3)
}

.third-party-login .verification-input input[type=number]::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial
}

.third-party-login .verification-input input[type=number]+input[type=number] {
    margin-left: .1875rem
}

.third-party-login .verification-input input::-webkit-inner-spin-button,
.third-party-login .verification-input input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.third-party-login .verification-input input[type=number]:nth-child(n+4) {
    order: 2
}

.third-party-login .eyes {
    display: block;
    top: 2.125rem;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(0, 0, 0, .3)
}

.third-party-login .eyes,
.third-party-login .eyes.active,
.third-party-login .input-status i {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.third-party-login .eyes,
.third-party-login .eyes.active {
    -webkit-mask-size: 39%;
    mask-size: 39%
}

.third-party-login .input-status {
    position: absolute;
    z-index: 1;
    top: 2.125rem;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
    -webkit-transform: none;
    transform: none
}

.third-party-login .input-status i {
    display: none;
    width: 100%;
    height: 100%
}

.third-party-login .input-status i.icon-error {
    display: block;
    background-color: #f35e5e;
    -webkit-mask-size: 26%;
    mask-size: 26%
}

.third-party-login .input-status i.icon-check {
    display: block;
    background-color: #1bac7e;
    -webkit-mask-size: 30%;
    mask-size: 30%
}

.third-party-login .input-group input:focus .input-status i {
    display: none
}

.third-party-login .puzzle-verification-box {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    border: .0625rem solid #adacb1;
    border-radius: .3125rem;
    background: #fff;
    margin-top: .875rem
}

.third-party-login .puzzle-verification-box .title {
    position: relative;
    width: 100%;
    padding: 1.0625rem;
    border-bottom: 1px solid #adacb1;
    line-height: 1
}

.third-party-login .puzzle-verification {
    display: block;
    width: 100%;
    padding: 1rem;
    overflow: hidden
}

.third-party-login .puzzle-verification .captcha-pic {
    position: relative;
    width: 100%;
    height: 9.625rem;
    background-position: center;
    background-size: cover
}

.third-party-login .puzzle-verification .captcha-blank {
    position: absolute;
    top: 50%;
    left: 70%;
    width: 3.875rem;
    height: 3.875rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    stroke: #fff;
    fill: #000;
    stroke-opacity: .3;
    fill-opacity: .5
}

.third-party-login .puzzle-verification .captcha-frag {
    position: absolute;
    top: 0;
    left: 100px;
    width: inherit;
    height: inherit;
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    -webkit-clip-path: path("M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z");
    clip-path: path("M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z")
}

.third-party-login .puzzle-verification .captcha-bar {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 2.875rem;
    margin-top: 1rem;
    border: .0625rem solid #adacb1;
    background: #3e3e3e
}

.third-party-login .puzzle-verification .captcha-bar-slider {
    position: absolute;
    top: 0;
    height: 2.875rem
}

.third-party-login .puzzle-verification .captcha-bar-btn {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 2.875rem;
    height: 2.875rem;
    background: linear-gradient(90deg, #f79604 0, #fbc103 50%);
    box-shadow: 0 .0625rem .125rem 0 rgba(51, 51, 51, .3), inset 0 0 .1875rem 0#fdce34;
    cursor: pointer
}

.third-party-login .puzzle-verification .captcha-bar-icon {
    width: 1rem;
    height: 1rem;
    background: #3e3e3e;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left;
    mask-position: left
}

.third-party-login .puzzle-verification.active .captcha-bar-btn {
    left: 20%
}

.third-party-login .puzzle-tips p::before,
.third-party-login .puzzle-verification.active .captcha-text {
    display: none
}

.third-party-login .puzzle-verification.passed .captcha-bar-slider {
    width: 70%;
    border: .0625rem solid #70b267;
    background: rgba(112, 178, 103, .3)
}

.third-party-login .puzzle-verification.passed .captcha-bar-btn {
    left: 70%;
    background: #70b267;
    box-shadow: 0 .0625rem .625rem 0#333, inset 0 0 .1875rem 0#fdce34
}

.third-party-login .puzzle-verification.passed .captcha-bar-icon {
    width: .875rem;
    height: .875rem;
    background: #fff
}

.third-party-login .puzzle-verification.passed .puzzle-tips p {
    color: #70b267
}

.third-party-login .puzzle-verification.passed .puzzle-tips .item-icon {
    background: #70b267
}

.sub-nav-slide p::after,
.third-party-login .puzzle-verification.error::before {
    content: none
}

.third-party-login .puzzle-verification.error .captcha-bar-slider {
    width: 30%;
    border: .0625rem solid #f35e5e;
    background: rgba(243, 94, 94, .3)
}

.third-party-login .puzzle-verification.error .captcha-bar-btn {
    left: 30%;
    background: #f35e5e;
    box-shadow: 0 .0625rem .625rem 0#333, inset 0 0 .1875rem 0#fdce34
}

.third-party-login .puzzle-verification.error .captcha-bar-icon {
    width: .75rem;
    height: .75rem;
    background: #fff
}

.third-party-login .puzzle-verification.error .puzzle-tips p {
    color: #f35e5e
}

.third-party-login .puzzle-verification.error .puzzle-tips .item-icon {
    background: #f35e5e
}

.third-party-login .item-icon,
.third-party-login .pop-wrap.add-phone-number .item-icon {
    width: .75rem;
    height: .75rem;
    margin-right: .625rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.third-party-login .item-icon {
    background: #adacb1
}

.third-party-login .puzzle-tips {
    position: relative;
    flex: 1;
    width: 100%;
    padding-top: .75rem;
    text-align: left;
    white-space: normal
}

.third-party-login .puzzle-tips p {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    color: #adacb1;
    font-size: .75rem
}

.third-party-login .pop-wrap.add-phone-number .item-icon {
    display: inline-flex;
    background: rgba(0, 0, 0, .3);
    color: #06281d;
    text-align: center
}

.third-party-login .menu-box {
    margin-top: 0;
    background: 0 0;
    font-family: helvetica
}

.third-party-login .currency-wrap,
.third-party-login .phone-wrap,
.third-party-login .social-wrap {
    display: flex;
    flex-flow: row nowrap
}

.third-party-login .currency-wrap p,
.third-party-login .phone-wrap p,
.third-party-login .social-wrap p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .8125rem;
    line-height: 2.5rem
}

.referral-info-banner__logo img,
.referral-info__bg img,
.third-party-login .currency-area-code {
    width: 100%
}

.third-party-login .social-area-code {
    flex: 0 0 48%;
    margin-right: 10px
}

.third-party-login .phone-info {
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.third-party-login .lang-select::after {
    position: relative;
    font-size: .75rem
}

.third-party-login .lang-select::after .button {
    margin: 0;
    width: 100%
}

.third-party-login .lang-select::after .button span {
    font-size: .75rem;
    color: #adacb1
}

.third-party-login .currency-code-list,
.third-party-login .form-pop .phone-area-code .phone-code-list,
.third-party-login .phone-code-list,
.third-party-login .social-code-list {
    position: absolute;
    z-index: 105;
    top: 2.8125rem;
    left: 0;
    width: 100%;
    max-height: 350px;
    overflow: scroll;
    border-radius: 5px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    display: flex;
    text-align: left;
    flex-direction: column;
    overflow-x: hidden
}

.third-party-login .currency-code-list li,
.third-party-login .form-pop .phone-area-code .phone-code-list li,
.third-party-login .phone-code-list li,
.third-party-login .social-code-list li {
    margin-bottom: 0;
    padding: 5px;
    list-style: none
}

.third-party-login .currency-code-list span,
.third-party-login .form-pop .phone-area-code .phone-code-list span,
.third-party-login .phone-code-list span,
.third-party-login .social-code-list span {
    color: rgba(0, 0, 0, .3);
    font-size: .75rem
}

.third-party-login .phone-area-code .phone-code-list li:hover {
    background: #4e4e4e !important
}

.third-party-login .btn-select img,
.third-party-login .currency-code-list img,
.third-party-login .phone-code-list img,
.third-party-login .social-code-list img {
    width: 1.25rem;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8)
}

.third-party-login .btn-select span,
.third-party-login .currency-code-list span,
.third-party-login .phone-code-list span,
.third-party-login .social-code-list span {
    margin-left: 10px
}

.third-party-login .btn-select img,
.third-party-login .btn-select span,
.third-party-login .currency-code-list img,
.third-party-login .currency-code-list span,
.third-party-login .phone-code-list img,
.third-party-login .phone-code-list span,
.third-party-login .social-code-list img,
.third-party-login .social-code-list span {
    display: inline-block;
    vertical-align: middle
}

.third-party-login .currency-area-code li {
    cursor: pointer
}

.third-party-login .currency-area-code li:hover {
    background: #4e4e4e
}

.third-party-login .currency-code-list-group,
.third-party-login .phone-code-list-group,
.third-party-login .social-code-list-group {
    display: none;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2)
}

.third-party-login .open {
    display: show !important
}

.third-party-login .btn-select {
    position: relative;
    width: 100%;
    height: 2.5rem;
    padding: 0 1rem 0 .875rem;
    border: 0;
    border-radius: .1875rem;
    background: #fff;
    color: rgba(0, 0, 0, .3);
    font-size: .75rem;
    font-weight: 300;
    box-shadow: none
}

.third-party-login .btn-select li {
    padding-bottom: 0;
    float: left;
    list-style: none
}

.third-party-login .btn-select:hover li {
    margin-left: 0
}

.third-party-login .btn-select:focus {
    outline: 0
}

.third-party-login .btn-select::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border-width: .25rem;
    border-style: solid;
    border-color: #adacb1;
    background: #adacb1;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-mask-image: url(/images/v1/web/img-template/icon-set/icon-angle-down-shape.svg);
    mask-image: url(/images/v1/web/img-template/icon-set/icon-angle-down-shape.svg);
    -webkit-mask-size: 40%;
    mask-size: 40%
}

.third-party-login .btn-select:disabled {
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    background: 0 0;
    border-radius: 0
}

.third-party-login .option-group label {
    font-size: .8125rem;
    text-align: left
}

.third-party-login .input-group .btn-select,
.third-party-login .input-group .currency-code-list span,
.third-party-login .input-group .phone-code-list span,
.third-party-login .input-group [type=number],
.third-party-login .input-group [type=password],
.third-party-login .input-group [type=text],
.third-party-login .option-group .btn-select,
.third-party-login .option-group .currency-code-list span,
.third-party-login .option-group .phone-code-list span,
.third-party-login .option-group [type=number],
.third-party-login .option-group [type=password],
.third-party-login .option-group [type=text] {
    font-size: .8125rem
}

.third-party-login .input-group {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 0;
    background: 0 0;
    font-size: .75rem;
    line-height: 1.5;
    margin-top: .875rem
}

.third-party-login .input-group+.login-info-box,
.third-party-login .user-password-info li+li {
    margin-top: 1rem
}

.third-party-login .input-group:first-child {
    margin-top: 0
}

.third-party-login .input-group label {
    position: relative;
    height: 1.5rem;
    margin-bottom: .625rem;
    overflow: hidden;
    color: #444;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.third-party-login .input-group input {
    box-sizing: border-box;
    width: 100%;
    height: 2.75rem;
    padding: 0 1rem;
    transition: background .3s;
    border: .0625rem solid #adacb1;
    border-radius: .3125rem;
    background: #fff;
    color: #14805e;
    font-family: helvetica;
    font-size: .75rem
}

.third-party-login .input-group input::-webkit-input-placeholder {
    color: #adacb1
}

.third-party-login .input-group input::-moz-placeholder {
    color: #adacb1
}

.third-party-login .input-group input::placeholder {
    color: #adacb1
}

.third-party-login .input-group input:focus {
    padding: 0 2.75rem 0 1rem;
    border: .0625rem solid #1bac7e
}

.third-party-login .input-group input:disabled {
    border: .0625rem solid #1a1a1a;
    background: #1a1a1a;
    color: #adacb1
}

.third-party-login .input-group input.input-error,
.third-party-login .input-group.error input,
.third-party-login .input-group.error select {
    border: 1px solid #f35e5e
}

.third-party-login .input-group .btn-select {
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    border: .0625rem solid #adacb1;
    border-radius: .3125rem;
    background: #fff
}

.third-party-login .input-group .clear {
    position: absolute;
    top: 2.125rem;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0;
    padding: 0;
    opacity: 0;
    background: #14805e;
    color: transparent;
    -webkit-mask-image: url(/images/v1/web/img-template/icon-set/icon-cross-type02.svg);
    mask-image: url(/images/v1/web/img-template/icon-set/icon-cross-type02.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 32%;
    mask-size: 32%
}

.third-party-login .input-group .clear.active {
    opacity: 1
}

.third-party-login .input-group .eyes {
    position: absolute;
    z-index: 1;
    right: 0;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, .3)
}

.third-party-login .input-group .refresh {
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .1875rem;
    background-color: rgba(0, 0, 0, .3);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 40%;
    mask-size: 40%
}

.third-party-login .input-group .refresh.active {
    -webkit-animation: rotate 1s forwards;
    animation: rotate 1s forwards
}

.third-party-login .input-group.error input:focus,
.third-party-login .input-group.error select:focus {
    border: 1px solid #1bac7e
}

.third-party-login .input-group.new-password .clear,
.third-party-login .input-group.new-password .input-status,
.third-party-login .input-group.password .clear,
.third-party-login .input-group.password .input-status {
    right: 1.75rem
}

.third-party-login .input-group.new-password .clear.hasbutton,
.third-party-login .input-group.password .clear.hasbutton {
    right: 6.875rem
}

.third-party-login .input-group.currency label,
.third-party-login .input-group.money label {
    position: absolute;
    z-index: 2;
    top: 1.5rem;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.third-party-login .input-group.currency input,
.third-party-login .input-group.money input {
    text-align: right
}

.third-party-login .input-group.currency .clear,
.third-party-login .input-group.money .clear {
    top: 0
}

.third-party-login .input-group.upload-file .input-wrap::before {
    content: "";
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 0 .625rem;
    border-radius: .5rem;
    background-color: #3e3e3e;
    pointer-events: none
}

.third-party-login .input-group.upload-file input {
    opacity: 0
}

.third-party-login .input-group.date input:focus {
    padding: 0 1rem
}

.third-party-login .input-group .vode-box {
    display: inline-flex;
    justify-content: space-between
}

.third-party-login .input-group .vcode {
    display: inline-block;
    width: 48%;
    vertical-align: top
}

.third-party-login .input-group .vcode-img {
    position: relative;
    width: 48%;
    height: 2.625rem;
    overflow: hidden;
    border-radius: .3125rem
}

.third-party-login .input-group .vcode-img img {
    width: auto;
    max-width: 7.5rem;
    height: 100%
}

.third-party-login .input-wrap {
    position: relative
}

.third-party-login .input-wrap .status {
    position: absolute;
    top: 50% !important;
    right: 0;
    flex-flow: row nowrap;
    padding: 0 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #40d0cb;
    font-size: .75rem;
    text-decoration: none
}

.third-party-login .input-wrap .status::before {
    display: none !important
}

.third-party-login .input-wrap .status span,
.third-party-login .input-wrap .unconfirm-btn span {
    display: inline-block;
    width: .8125rem;
    height: .8125rem;
    margin-right: .3125rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.third-party-login .input-wrap .status span {
    content: "";
    position: relative;
    top: .125rem;
    background-color: #40d0cb;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%
}

.third-party-login .input-wrap .unconfirm-btn {
    color: #ffd259;
    text-decoration: underline
}

.third-party-login .input-wrap .save-btn.hide,
.third-party-login .input-wrap .save-btn::before,
.third-party-login .input-wrap .unconfirm-btn::before {
    display: none
}

.third-party-login .input-wrap .unconfirm-btn span {
    background-color: #ffd259;
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%
}

.third-party-login .input-wrap .save-btn {
    color: #00b5ff;
    text-decoration: underline
}

.third-party-login .input-wrap .get-vcode-btn span {
    padding: .125rem .375rem;
    border-radius: 1.875rem;
    background: #79a5fc;
    color: #fff
}

.third-party-login .input-wrap .get-vcode-btn.active {
    background: 0 0;
    color: #fff;
    pointer-events: none
}

.third-party-login .phone-wrap {
    box-sizing: border-box;
    width: 100%;
    height: 2.75rem;
    padding: 0;
    transition: background .3s;
    border: .0625rem solid #adacb1;
    border-radius: .3125rem;
    background: #fff;
    color: #fff;
    font-family: helvetica;
    font-size: .75rem
}

.third-party-login .phone-wrap input {
    box-sizing: border-box;
    width: 100%;
    transition: background .3s;
    border: 0;
    background: 0 0;
    padding: 0 2.75rem 0 1rem
}

.third-party-login .phone-wrap input:focus {
    border: .0625rem solid #1bac7e
}

.third-party-login .phone-wrap .clear {
    top: 0
}

.third-party-login .form-pop .phone-area-code .btn-select,
.third-party-login .phone-wrap .btn-select {
    padding: 0 0 0 .875rem;
    border: 0;
    border-radius: unset;
    background: 0 0;
    color: rgba(0, 0, 0, .3)
}

.third-party-login .form-pop .phone-area-code .btn-select::before,
.third-party-login .phone-wrap .btn-select::before {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 1.375rem;
    right: 0;
    background: #adacb1
}

.third-party-login .phone-area-code {
    flex: 0 0 28%;
    margin-right: 10px;
    position: relative;
    top: auto
}

.third-party-login .phone-area-code .lang-select .btn-select::after {
    right: -5px
}

.third-party-login .option-group .phone-area-code,
.third-party-login .option-group .social-area-code {
    flex: 0 0 100%;
    margin-right: 0
}

.third-party-login .error-message {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin-top: 1rem;
    color: #f35e5e;
    font-size: .875rem;
    text-align: left;
    align-items: flex-start
}

.third-party-login .error-message::before {
    content: "!";
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #f35e5e;
    color: #3e3e3e;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center
}

.third-party-login .error-message span {
    display: inline-block;
    width: 90%;
    line-height: 1.2
}

.third-party-login .another-login-block {
    margin-top: 2.25rem;
    text-align: center;
    font-size: .875rem
}

.third-party-login .another-login-block .another-login-icon {
    display: block;
    text-align: center
}

.third-party-login .another-login-block .another-login-icon a {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.third-party-login .another-login-block .block-border {
    position: relative;
    display: block;
    text-align: center;
    color: #adacb1
}

.third-party-login .another-login-block .block-border::after,
.third-party-login .another-login-block .block-border::before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 9.375rem;
    height: .0625rem;
    font-size: 1.625rem;
    border-top: 1px solid rgba(51, 51, 51, .1)
}

.third-party-login .another-login-block .block-border::before {
    left: 0
}

.third-party-login .another-login-block .block-border::after {
    right: 0
}

.third-party-login .another-login-block.verification {
    position: relative;
    width: 100%
}

.third-party-login .another-login-block.verification a {
    display: block;
    color: #1bac7e;
    margin-top: 1.5rem;
    text-decoration: none
}

.third-party-login .backlogin-buttn,
.third-party-login .forgetpassword-buttn {
    float: right;
    color: #fff;
    font-size: .875rem
}

.third-party-login .backlogin-buttn a,
.third-party-login .forgetpassword-buttn a {
    border: 0;
    color: #1bac7e;
    text-decoration: none;
    display: block
}

.third-party-login .another-signuplogin-block {
    margin-top: 1.375rem;
    text-align: center;
    font-size: .875rem
}

.third-party-login .another-signuplogin-block .title {
    position: relative;
    display: flex;
    font-size: .875rem;
    margin-bottom: 1.25rem;
    color: #adacb1;
    text-align: center;
    width: 100%;
    align-content: center;
    justify-content: center
}

.third-party-login .another-signuplogin-block .title::after,
.third-party-login .another-signuplogin-block .title::before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: .0625rem;
    font-size: 1.625rem;
    border-top: 1px solid rgba(0, 0, 0, .3);
    z-index: 1
}

.third-party-login .another-signuplogin-block .title::before {
    left: 0
}

.third-party-login .another-signuplogin-block .title::after {
    right: 0
}

.third-party-login .another-signuplogin-block .title p {
    display: inline-flex;
    padding: 10px;
    background: #3e3e3e;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2
}

.third-party-login .another-signuplogin-block .block-border {
    position: relative;
    display: block;
    text-align: center;
    color: #adacb1
}

.third-party-login .another-signuplogin-block .block-border::after,
.third-party-login .another-signuplogin-block .block-border::before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 9.375rem;
    height: .0625rem;
    font-size: 1.625rem;
    border-top: 1px solid rgba(51, 51, 51, .1)
}

.third-party-login .another-signuplogin-block .block-border::before {
    left: 0
}

.third-party-login .another-signuplogin-block .block-border::after {
    right: 0
}

.third-party-login .another-signuplogin-block.verification {
    position: absolute;
    width: calc(100% - 1rem);
    padding: 0 1rem;
    bottom: 0;
    left: 0
}

.third-party-login .another-signuplogin-block.verification a {
    display: block;
    color: #1bac7e;
    margin-top: 1rem;
    text-decoration: none
}

.third-party-login .another-signuplogin-icon {
    display: block;
    text-align: center
}

.third-party-login .another-signuplogin-icon .btn-third-party {
    position: relative;
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0 .75rem;
    border-radius: 50%
}

.third-party-login .another-signuplogin-icon .btn-third-party .mask-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: unset;
    box-shadow: none;
    background-size: contain
}

.third-party-login .another-signuplogin-icon .btn-third-party .mask-btn:hover::before {
    position: absolute;
    top: 3.1875rem;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: .75rem;
    color: #adacb1;
    background: #313131;
    border-radius: .1875rem;
    padding: .5rem .9375rem;
    line-height: 1.2
}

.third-party-login .another-signuplogin-icon .btn-third-party .mask-btn:hover::after {
    content: "";
    display: block;
    position: relative;
    top: 2.75rem;
    left: 39%;
    width: 0;
    height: 0;
    border-top: .4375rem solid #313131;
    border-right: .3125rem solid transparent;
    border-left: .3125rem solid transparent;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.third-party-login .another-signuplogin-icon .facebook:hover::before {
    content: "login by Facebook";
    left: -100%
}

.third-party-login .another-signuplogin-icon .google:hover::before {
    content: "login by Google";
    left: -80%
}

.third-party-login .another-signuplogin-icon .account,
.third-party-login .another-signuplogin-icon .phone-mail {
    background: #1bac7e;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.third-party-login .button-tips,
.third-party-login .footer-tips,
.third-party-login .signup-tips {
    display: block;
    margin: 1.125rem 0 0;
    color: rgba(0, 0, 0, .3);
    font-size: .75rem;
    line-height: 1.2
}

.third-party-login .footer-tips {
    position: absolute;
    width: 100%;
    margin: 1.5625rem 0 0;
    text-align: center;
    bottom: 0
}

.third-party-login .button-tips a,
.third-party-login .button-tips i,
.third-party-login .footer-tips a,
.third-party-login .footer-tips i,
.third-party-login .signup-tips a,
.third-party-login .signup-tips i {
    color: #1bac7e;
    margin-left: .3125rem
}

.third-party-login .button-tips p,
.third-party-login .footer-tips p,
.third-party-login .signup-tips p {
    padding: 0
}

.third-party-login .button-tips.right {
    text-align: right
}

.third-party-login .icon-copy {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: .625rem;
    border-radius: .3125rem;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    font-size: .75rem;
    color: #fff;
    line-height: 1.5;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    min-width: 4.375rem;
    text-align: center;
    top: 4.375rem
}

.third-party-login .icon-copy::before {
    content: "";
    position: absolute;
    right: .9375rem;
    bottom: 2.375rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 0;
    height: 0;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .5) transparent transparent
}

.third-party-login .icon-copy.show {
    display: block;
    -webkit-animation: icon-copy-show .3s linear forwards;
    animation: icon-copy-show .3s linear forwards
}

.third-party-login .icon-copy.hide {
    display: block;
    -webkit-animation: icon-copy-hide .2s linear forwards;
    animation: icon-copy-hide .2s linear forwards
}

.third-party-login .register-success-wrap {
    width: 100%;
    padding: 0;
    background-color: transparent;
    box-shadow: none
}

.third-party-login .success-checkmark {
    margin: 0 auto;
    overflow: hidden;
    width: 3.8125rem;
    height: 5.6875rem
}

.third-party-login .success-checkmark .check-icon {
    position: relative;
    box-sizing: content-box;
    width: 3.3125rem;
    height: 3.3125rem;
    border-radius: 50%;
    border: .25rem solid rgba(27, 172, 126, .5)
}

.third-party-login .success-checkmark .check-icon::before {
    top: .1875rem;
    left: -.125rem;
    width: 1.875rem;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-radius: 6.25rem 0 0 6.25rem
}

.third-party-login .success-checkmark .check-icon::after {
    top: 0;
    left: 1.875rem;
    width: 3.75rem;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotate-circle 4s ease-in;
    animation: rotate-circle 4s ease-in;
    border-radius: 0 6.25rem 6.25rem x 0
}

.third-party-login .success-checkmark .check-icon::after,
.third-party-login .success-checkmark .check-icon::before {
    content: "";
    position: absolute;
    height: 6.25rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: 0 0
}

.third-party-login .success-checkmark .check-icon .icon-line {
    display: block;
    position: absolute;
    z-index: 10;
    height: .3125rem;
    border-radius: .125rem;
    background-color: #1bac7e
}

.third-party-login .success-checkmark .check-icon .icon-line.line-tip {
    top: 1.875rem;
    left: .5rem;
    width: 1.125rem;
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);
    -webkit-animation: third-party-icon-line-tip .7s;
    animation: third-party-icon-line-tip .7s
}

.third-party-login .success-checkmark .check-icon .icon-line.line-long {
    top: 1.5625rem;
    right: .375rem;
    width: 2rem;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -webkit-animation: third-party-icon-line-long .7s;
    animation: third-party-icon-line-long .7s
}

.third-party-login .success-checkmark .check-icon .icon-circle {
    position: absolute;
    z-index: 10;
    top: -.25rem;
    left: -.25rem;
    box-sizing: content-box;
    width: 3.3125rem;
    height: 3.3125rem;
    border-radius: 50%;
    border: transparent
}

.third-party-login .success-checkmark .check-icon .icon-fix {
    position: absolute;
    z-index: 1;
    top: .5rem;
    left: 1.625rem;
    width: .3125rem;
    height: 5.3125rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: transparent
}

.third-party-login .success-checkmark .fly-icon {
    position: relative;
    box-sizing: content-box;
    width: 3.3125rem;
    height: 3.3125rem;
    background: #1bac7e;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.third-party-login .register-success-cont .top-inner h3,
.third-party-login .register-success-cont .top-inner h4 {
    color: #1bac7e;
    font-family: helvetica;
    line-height: 1.2;
    word-break: break-word
}

.third-party-login .register-success-cont .top-inner h3 {
    font-size: 1.875rem;
    font-weight: 700
}

.third-party-login .register-success-cont .top-inner h3+h4 {
    margin: 1rem 0 0
}

.third-party-login .register-success-cont .top-inner h4 {
    font-size: .875rem
}

.third-party-login .register-success-cont .top-inner p {
    margin-top: 1.5rem;
    color: #adacb1;
    font-size: .75rem;
    line-height: 1.2;
    word-break: break-word
}

.third-party-login .btn-edit-group,
.third-party-login .register-success-btn {
    flex-wrap: nowrap;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.third-party-login .btn-edit-group .button,
.third-party-login .register-success-btn .button {
    margin: 0 .125rem;
    flex: 1;
    border: 0;
    font-size: .9375rem;
    align-items: center
}

.third-party-login .btn-edit-group .button+.button,
.third-party-login .register-success-btn .button+.button {
    margin-left: .5rem
}

.third-party-login .register-success-btn {
    margin-top: 3.4375rem
}

.third-party-login .btn-edit-group {
    margin-top: 1.25rem
}

.third-party-login .user-password-info-box {
    margin: 1.5rem 0 0
}

.third-party-login .user-password-info-box+.register-success-btn {
    margin-top: 1.5rem
}

.third-party-login .user-password-info-box p {
    flex: 1;
    margin-right: .625rem;
    opacity: .7;
    color: rgba(0, 0, 0, .3);
    text-align: right;
    word-break: break-word
}

.third-party-login .user-password-info li {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: .9375rem;
    border: 1px solid #adacb1;
    border-radius: .3125rem;
    background: #fff;
    font-size: .875rem;
    line-height: 1.5;
    text-align: left
}

.third-party-login .user-password-info label {
    padding-right: .3125rem;
    color: #adacb1
}

.third-party-login .user-password-info label+.info {
    margin-top: .625rem
}

.third-party-login .user-password-info .info {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start
}

.third-party-login .user-password-info p {
    color: rgba(0, 0, 0, .3);
    text-align: left
}

.third-party-login .user-password-info .info-copy {
    position: relative
}

.third-party-login .user-password-info .info-copy .item-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #14805e;
    cursor: pointer;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.third-party-login .forgotpw-info-box .check-wrap .check-cube::before,
.third-party-login .login-info-box .check-wrap .check-cube::before,
.third-party-login .vodiapicker {
    display: none
}

.third-party-login .forgotpw-info-box,
.third-party-login .login-info-box {
    position: relative;
    width: 100%;
    display: inline-block;
    flex-flow: row nowrap;
    align-items: center;
    margin: .625rem 0 0;
    line-height: 1.5
}

.third-party-login .login-info-box {
    justify-content: space-between
}

.third-party-login .forgotpw-info-box .check-wrap,
.third-party-login .login-info-box .check-wrap {
    float: left;
    width: auto;
    margin: 0;
    text-align: left
}

.third-party-login .forgotpw-info-box .check-wrap input,
.third-party-login .login-info-box .check-wrap input {
    width: auto;
    border: .0625rem solid #adacb1
}

.third-party-login .forgotpw-info-box .check-wrap label,
.third-party-login .login-info-box .check-wrap label {
    display: block;
    width: auto
}

.third-party-login .forgotpw-info-box .check-wrap p,
.third-party-login .login-info-box .check-wrap p {
    font-size: 14px;
    float: left;
    width: auto;
    color: #adacb1;
    line-height: 1.5
}

.third-party-login .forgotpw-info-box .check-wrap .check-cube,
.third-party-login .login-info-box .check-wrap .check-cube {
    float: left;
    border: .0625rem solid #adacb1;
    background-color: #fff;
    box-shadow: 0;
    vertical-align: middle
}

.third-party-login .forgotpw-info-box .check-wrap .check-cube .item-icon,
.third-party-login .login-info-box .check-wrap .check-cube .item-icon {
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    transition: transform .3s ease-out .1s, opacity .3s ease-out;
    transition: transform .3s ease-out .1s, opacity .3s ease-out, -webkit-transform .3s ease-out .1s;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%
}

.third-party-login .forgotpw-info-box .check-wrap input:checked+label .check-cube .item-icon,
.third-party-login .login-info-box .check-wrap input:checked+label .check-cube .item-icon {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    background-color: #1bac7e
}

.third-party-login .forgotpw-info-box {
    justify-content: flex-end
}

.third-party-login .login-info {
    padding: 0
}

.third-party-login .login-info .tab-btn {
    display: flex;
    width: 100%;
    height: 4.375rem;
    flex-direction: initial;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.third-party-login .login-info .tab-btn .btn {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.third-party-login .login-info .tab-btn .btn p {
    color: #444
}

.third-party-login .login-info .tab-btn .btn[data-tab-current=current] {
    position: relative
}

.third-party-login .login-info .tab-btn .btn[data-tab-current=current]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 1.125rem;
    height: .125rem;
    border-radius: 4.375rem;
    background-color: #1bac7e
}

.third-party-login .login-info .tab-content {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 4.375rem);
    overflow: hidden
}

.third-party-login .login-info .tab-content .inner-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 2.9375rem);
    height: 100%;
    transition: all .3s
}

.third-party-login .login-info .tab-content .inner-wrap .inner-box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

.third-party-login .login-info .general-register {
    padding: 3.5rem 2.9375rem 2.625rem;
    width: 100%
}

.third-party-login .login-info .footer-tips {
    width: calc(100% - 5.875rem);
    bottom: 2.625rem
}

.third-party-login .btn-loading {
    color: rgba(255, 255, 255, .9)
}

.third-party-login .btn-loading .loading-spinner+p {
    margin-left: .625rem
}

.third-party-login .loading-spinner {
    display: none
}

.third-party-login .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 1.5625rem;
    height: 1.5625rem
}

.third-party-login .lds-spinner li {
    display: block;
    -webkit-transform-origin: .8125rem .8125rem;
    transform-origin: .8125rem .8125rem;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite
}

.third-party-login .lds-spinner li:after {
    content: " ";
    display: block;
    position: absolute;
    top: .125rem;
    left: .75rem;
    width: .125rem;
    height: .3125rem;
    border-radius: 20%;
    background: currentColor
}

.third-party-login .lds-spinner li:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.third-party-login .lds-spinner li:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.third-party-login .lds-spinner li:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.third-party-login .lds-spinner li:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.third-party-login .lds-spinner li:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.third-party-login .lds-spinner li:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.third-party-login .lds-spinner li:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.third-party-login .lds-spinner li:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.third-party-login .lds-spinner li:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.third-party-login .lds-spinner li:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.third-party-login .lds-spinner li:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.third-party-login .lds-spinner li:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.third-party-login .form-pop .pop-title h3,
.third-party-login .verifying-loading {
    color: #1bac7e
}

.third-party-login .verifying-loading .lds-spinner {
    width: 3.75rem;
    height: 3.75rem
}

.third-party-login .verifying-loading .lds-spinner li {
    -webkit-transform-origin: 1.875rem 1.875rem;
    transform-origin: 1.875rem 1.875rem
}

.third-party-login .verifying-loading .lds-spinner li:after {
    top: 2.8125rem;
    left: 1.75rem;
    width: .25rem;
    height: .75rem;
    border-radius: 20%
}

.third-party-login .submit-money-group span.error {
    position: absolute;
    top: 3.125rem;
    left: .3125rem
}

.third-party-login .deposit .submit-money-group,
.third-party-login .withdrawal .submit-money-group {
    align-items: center
}

.third-party-login .deposit .submit-money-group .button,
.third-party-login .withdrawal .submit-money-group .button {
    position: relative;
    height: 2.5rem;
    border-radius: .3125rem;
    color: #fff;
    font-size: .9375rem;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    box-shadow: 0 .0625rem 2px rgba(51, 51, 51, .3), inset 0 0 .1875rem #fdce34;
    line-height: 1
}

.third-party-login .deposit .submit-money-group .btn-disable,
.third-party-login .withdrawal .submit-money-group .btn-disable {
    background: rgba(51, 51, 51, .1);
    box-shadow: none;
    overflow: inherit
}

.third-party-login .dialog {
    display: inline-flex;
    position: relative;
    margin-left: 1.25rem;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: .5rem .625rem;
    border-radius: .5rem;
    color: #adacb1;
    background-color: #313131;
    font-size: .75rem;
    line-height: 1.2
}

.third-party-login .dialog .arrow {
    position: absolute;
    top: calc(50% - .25rem);
    left: -.625rem;
    width: 0;
    height: 0;
    border-top: .5rem solid #313131;
    border-right: .375rem solid transparent;
    border-left: .375rem solid transparent;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.third-party-login .dialog::before {
    content: " ";
    margin-right: .1875rem;
    font-size: .6875rem
}

.third-party-login .input-box.input-money span {
    color: rgba(0, 0, 0, .3);
    line-height: 3rem
}

.third-party-login .input-box.input-money.active .reset-btn {
    background-color: #1bac7e
}

.third-party-login .input-box [type=text]:focus {
    border-color: #1bac7e
}

.third-party-login .input-box [type=text] {
    border-radius: .3125rem;
    color: rgba(0, 0, 0, .3)
}

.third-party-login .choose-box label {
    border-color: #313131;
    background-color: #262626
}

.third-party-login .choose-box [type=checkbox]:checked+label,
.third-party-login .choose-box [type=radio]:checked+label {
    border-color: #1bac7e;
    color: #1bac7e
}

.third-party-login .choose-box [type=checkbox]:checked+label p,
.third-party-login .choose-box [type=radio]:checked+label p {
    color: #1bac7e
}

.third-party-login .choose-box [type=checkbox]:checked+label .tag-rebate-money p,
.third-party-login .choose-box [type=checkbox]:checked+label .tag-rebate-money span,
.third-party-login .choose-box [type=radio]:checked+label .tag-rebate-money p,
.third-party-login .choose-box [type=radio]:checked+label .tag-rebate-money span {
    color: #fff
}

.third-party-login .choose-box label::after {
    border-color: transparent transparent #1bac7e
}

.third-party-login .choose-box label,
.third-party-login .choose-box li {
    border-radius: 5px
}

.third-party-login .tab-container {
    background-color: #3e3e3e
}

.third-party-login .tag-recommond {
    height: 1.25rem;
    background: linear-gradient(135deg, #698af2 0, #3356cd 50%)
}

.third-party-login .personal-info p {
    width: 70%
}

.third-party-login .personal-info i {
    margin-right: .75rem
}

.third-party-login .personal-info .default-tag {
    position: absolute;
    background-color: rgba(20, 128, 94, .5);
    border-radius: .125rem;
    padding: .0625rem .375rem;
    color: rgba(255, 255, 255, .5);
    font-size: .75rem;
    right: 1rem;
    top: -.625rem
}

.third-party-login .personal-data {
    position: relative;
    border-radius: 5px
}

.third-party-login .personal-data li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    width: 18.6875rem;
    padding: 1rem;
    background-color: #1a1a1a;
    cursor: pointer
}

.third-party-login .personal-data li i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.third-party-login .personal-data .mask-btn {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    pointer-events: none;
    z-index: 99
}

.third-party-login .personal-data .hide-btn {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.third-party-login .personal-data .unconfirm-btn {
    border: 1px dotted #181818;
    background-color: #1d1d1d
}

.add-user-name .form-pop .btn-close .input-group input,
.add-user-name .form-pop .info-list label,
.third-party-login .form-pop .btn-close .input-group input,
.third-party-login .form-pop .info-list label,
.third-party-login .personal-data .unconfirm-btn p {
    color: #adacb1
}

.third-party-login .personal-data .status {
    position: absolute;
    right: 1rem;
    font-size: .625rem;
    text-decoration: unset
}

.third-party-login .personal-data .status.unconfirm {
    color: #f35e5e
}

.third-party-login .personal-data .status.confirm {
    color: #70b267
}

.third-party-login .form-pop {
    background-color: #3e3e3e;
    border-radius: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2)
}

.third-party-login .form-pop .pop-inner {
    width: 90%
}

.add-user-name .form-pop .info-list span,
.third-party-login .form-pop .info-list span {
    color: rgba(0, 0, 0, .3)
}

.third-party-login .form-pop .pop-title {
    background: #313131
}

.third-party-login .form-pop .btn-close {
    background-color: transparent
}

.third-party-login .form-pop .btn-close::before {
    background-color: rgba(0, 0, 0, .3)
}

.third-party-login .form-pop [type=date]::before {
    display: none
}

.third-party-login .form-pop .item-icon.social {
    background-color: unset
}

.third-party-login .form-pop .item-icon+.info-block {
    margin-left: 1.25rem
}

.third-party-login .form-pop.add-birthday-pop .item-icon {
    position: absolute;
    bottom: 12px;
    right: 5px;
    width: 20px;
    height: 20px
}

.mini-header .logo-wrap .header-login dt,
.third-party-login .form-pop .btn-select li {
    margin: 0
}

.third-party-login .deposit-success-pop,
.third-party-login .withdrawal-processing-pop {
    background-color: var(--transaction-pop-inner-bg, #FFFFFF)
}

.third-party-login .deposit-success-pop .pop-title h3,
.third-party-login .withdrawal-processing-pop .pop-title h3 {
    color: var(--transaction-pop-title-txt, #FFFFFF)
}

.third-party-login .deposit-success-pop .btn-close::before,
.third-party-login .withdrawal-processing-pop .btn-close::before {
    width: 1.25rem;
    height: 1.25rem;
    background: var(--transaction-pop-close-btn-icon, #ffffff)
}

.third-party-login .deposit-success-pop .info-list li label,
.third-party-login .withdrawal-processing-pop .info-list li label {
    color: var(--transaction-pop-info-list-title, #333333);
    background: var(--transaction-pop-info-list-title-bg, #e1e1e1)
}

.third-party-login .deposit-success-pop .info-list li span,
.third-party-login .withdrawal-processing-pop .info-list li span {
    color: var(--transaction-pop-info-list-txt, #14805e);
    background: var(--transaction-pop-info-list-txt-bg, #eeeeee)
}

.third-party-login .choose-box label:hover .tag-rebate-money p,
.third-party-login .choose-box label:hover .tag-rebate-money span,
.third-party-login .tag-rebate-money p,
.third-party-login .tag-rebate-money span {
    color: #fff
}

#register-form-turnstile iframe {
    width: 100% !important
}

.pagination {
    margin: .9375rem auto
}

.pagination>li {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 .3125rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: .1875rem
}

.pagination>li>a {
    display: inline-block;
    padding: 0 !important;
    font-size: .875rem !important;
    line-height: 1.875rem
}

.pagination .next,
.pagination .prev,
.pagination>li.active {
    border: 0
}

.pagination>li.active>a {
    background-color: #14805e !important
}

.pagination .next.disabled>a,
.pagination .prev.disabled>a {
    opacity: .3;
    background-color: transparent
}

.pagination .next>a,
.pagination .prev>a {
    text-indent: 9999px
}

.pagination .prev>a {
    background: url(/images/v1/web/img-template/ic-prev.svg)no-repeat center;
    background-size: 35%
}

.pagination .next>a {
    background: url(/images/v1/web/img-template/ic-next.svg)no-repeat center;
    background-size: 35%
}

.content.mobile {
    height: 100vh;
    padding-top: 0
}

.content.mobile .container-1200,
.pagination>li>a {
    width: 100%;
    height: 100%
}

.content.mobile .container-1200::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

@media screen and (orientation:portrait) {
    .content.mobile .iplimit-card-wrap {
        width: 90vw;
        height: auto;
        vertical-align: middle
    }
    .content.mobile .iplimit-card-wrap .left-inner {
        width: 100%
    }
    .content.mobile .iplimit-card-wrap .server-img {
        width: 100%;
        height: 0;
        margin: 5%0;
        padding-bottom: 62.5%;
        background-size: contain
    }
    .content.mobile .iplimit-card-wrap .server-img.img-2 {
        background-size: 90%
    }
    .content.mobile .iplimit-card-wrap .server-img.img-3 {
        background-position-x: 80%
    }
    .content.mobile .iplimit-card-wrap .right-inner {
        width: auto;
        margin-bottom: 6.6666666667vw;
        padding: 0 5%
    }
    .content.mobile .iplimit-card-wrap .right-inner h3 {
        font-size: 26.6666666667vw
    }
    .content.mobile .iplimit-card-wrap .right-inner h4 {
        margin-bottom: 5%;
        font-size: 4.8vw;
        line-height: normal
    }
    .content.mobile .iplimit-card-wrap .right-inner p {
        margin-bottom: 5%;
        font-size: 3.7333333333vw;
        line-height: normal
    }
    .content.mobile .iplimit-card-wrap .right-inner a {
        height: 9.3333333333vw;
        padding: 0 8vw;
        border-radius: 5.3333333333vw;
        font-size: 4.2666666667vw;
        line-height: 9.3333333333vw
    }
    .content.mobile .iplimit-card-wrap .right-inner a:not(:first-child) {
        margin-left: 3.2vw
    }
    .content.mobile .iplimit-card-wrap.service .right-inner h3 {
        font-size: 13.3333333333vw
    }
    .content.mobile .iplimit-card-wrap.sorry .right-inner h3 {
        font-size: 17.3333333333vw
    }
    .content.mobile .iplimit-card-wrap.system .right-inner h3 {
        font-size: 16vw
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time>div {
        line-height: 0
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time>div span {
        display: inline-block;
        max-width: 75%;
        padding: 1.3333333333vw 2.6666666667vw;
        border-radius: 3.4666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time p,
    .content.mobile .iplimit-card-wrap.vn .right-inner h3 {
        font-size: 10.6666666667vw
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time .gmt {
        margin: 0;
        padding: 1.3333333333vw 0;
        font-size: 3.7333333333vw
    }
    .content.mobile .iplimit-card-wrap.system .left-inner .logo {
        top: -12vw;
        width: 32vw;
        height: 10.6666666667vw
    }
}

@media screen and (orientation:landscape) and (min-aspect-ratio:13/9) and (max-width:1024px) {
    .content.mobile {
        padding: 2.2488755622vmax 0
    }
    .content.mobile .iplimit-card-wrap {
        width: 90vw;
        height: 90vh;
        vertical-align: middle
    }
    .content.mobile .iplimit-card-wrap .left-inner {
        width: calc(50% - 4.4977511244vmax);
        margin: 0 2.2488755622vmax
    }
    .content.mobile .iplimit-card-wrap .server-img {
        width: 100%;
        height: 100%;
        margin: 0;
        background-size: contain
    }
    .content.mobile .iplimit-card-wrap .right-inner h3 {
        font-size: 16.4917541229vmax
    }
    .content.mobile .iplimit-card-wrap .right-inner h4 {
        margin-bottom: 5%;
        font-size: 2.6986506747vmax;
        line-height: normal
    }
    .content.mobile .iplimit-card-wrap .right-inner p {
        margin-bottom: 5%;
        font-size: 2.0989505247vmax;
        line-height: normal
    }
    .content.mobile .iplimit-card-wrap .right-inner a {
        height: 5.2473763118vmax;
        padding: 0 4.4977511244vmax;
        border-radius: 2.9985007496vmax;
        font-size: 2.3988005997vmax;
        line-height: 5.2473763118vmax
    }
    .content.mobile .iplimit-card-wrap .right-inner a:not(:first-child) {
        margin-left: 1.7991004498vmax
    }
    .content.mobile .iplimit-card-wrap.sorry .right-inner {
        width: 50%
    }
    .content.mobile .iplimit-card-wrap.sorry .right-inner h3 {
        font-size: 8.9955022489vmax
    }
    .content.mobile .iplimit-card-wrap.vn .right-inner h3 {
        font-size: 5.9970014993vmax
    }
    .content.mobile .iplimit-card-wrap.service .right-inner h3,
    .content.mobile .iplimit-card-wrap.system .right-inner h3 {
        font-size: 8.9955022489vmax
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time>div {
        line-height: 0
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time>div span {
        display: inline-block;
        max-width: 70%;
        padding: .7496251874vmax 1.4992503748vmax;
        border-radius: 1.9490254873vmax;
        font-size: 2.0989505247vmax;
        line-height: 1
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time p {
        font-size: 5.3973013493vmax
    }
    .content.mobile .iplimit-card-wrap.system .upgrade-time .gmt {
        margin: 0;
        padding: .7496251874vmax 0;
        font-size: 2.0989505247vmax;
        line-height: 100%
    }
    .content.mobile .iplimit-card-wrap.system .left-inner .logo {
        top: 1.4992503748vmax;
        width: 14.9925037481vmax;
        height: 5.9970014993vmax
    }
}

.main-nav .nav-item.show-coin {
    position: relative
}

.main-nav .nav-item.show-coin .coin-icon {
    display: block
}

.main-nav .nav-item .coin-icon {
    display: none;
    position: absolute;
    right: 0;
    top: -1px;
    border-radius: 0 0 5px 0;
    line-height: 13px;
    font-size: 9px;
    padding: 0 4px 0 10px;
    text-transform: uppercase;
    color: #ffdf18;
    background: #14805e
}

.main-nav .nav-item .coin-icon__coin {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    right: -6px;
    width: 40px;
    height: 40px
}

.referral-info-downline {
    font-family: "Helvetica Neue", sans-serif;
    position: relative;
    border-radius: .3125rem;
    overflow: hidden;
    padding: .75rem 0 1.375rem
}

.referral-info-downline-top {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0 0 .75rem
}

.referral-info-downline-content {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    background-color: #272727;
    border: 1px solid #666;
    border-radius: .3125rem
}

.referral-info-downline__info,
.referral-info-downline__title {
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    padding: 0 1rem 0 0
}

.referral-info-downline__info {
    width: 100%;
    color: #ffde1a;
    padding: 1.25rem 1.25rem .6875rem;
    border-radius: .3125rem
}

.referral-info-downline__info[data-descrp]::after {
    content: attr(data-descrp);
    display: block;
    font-size: .875rem;
    color: #fff;
    text-align: center;
    margin-top: 12px;
    font-weight: 400
}

.referral-info-downline__info+.referral-info-downline__descrp {
    margin-top: .9375rem
}

.referral-info-downline__descrp {
    color: #b5b5b5;
    font-size: .75rem;
    text-align: center
}

.referral-info {
    font-family: "Helvetica Neue", sans-serif;
    position: relative
}

.referral-info__bg {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.referral-info__body-column {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.25rem 0
}

.referral-info__body-column>div {
    height: 100%;
    flex: 3
}

.referral-info__body-column>div:nth-child(2n) {
    flex: 2;
    margin-left: .625rem
}

.referral-info__banner {
    position: relative;
    z-index: 2
}

.referral-info__panel {
    overflow: visible
}

.referral-info-downline-board,
.referral-info-panel {
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    border: 1px solid #666;
    border-radius: .3125rem;
    text-align: center;
    position: relative;
    overflow: hidden
}

.referral-info-panel {
    background-color: #333;
    padding: 1.5rem .625rem .625rem
}

.referral-info-banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 9.375rem;
    margin: .9375rem 0;
    overflow: hidden;
    border-radius: .3125rem
}

.referral-info-banner__logo,
.referral-info-banner__title {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2
}

.referral-info-banner__logo {
    width: 3.125rem;
    left: 7%
}

.referral-info-banner__title {
    left: 17%
}

.referral-info-banner__title-fragment {
    display: block;
    white-space: nowrap;
    text-align: center;
    text-shadow: 0 .125rem .25rem #000;
    font-size: 1.8125rem;
    line-height: 1;
    font-weight: 900;
    color: #fff
}

.referral-info-banner__title-fragment--highlight {
    color: #ffde1a
}

.referral-info-banner__img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 9.375rem
}

.referral-info-banner__img img {
    display: block;
    width: 100%
}

.referral-info-flowch {
    padding: 1.5rem 1.25rem 1.875rem
}

.referral-info-flowch__title {
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center
}

.referral-info-flowch__title+.referral-info-flowch__steps {
    margin-top: 1.6875rem
}

.referral-info-flowch__steps {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.referral-info-flowch__steps>* {
    flex: none
}

.referral-info-flowch__arrow {
    width: 1.25rem;
    margin-top: 1.1875rem;
    opacity: .5
}

.referral-info-flowch__step {
    display: flex;
    flex-direction: column;
    align-items: center
}

.referral-code-panel__qrcode img,
.referral-info-flowch__arrow>.referral-info-flowch__img {
    width: 100%
}

.referral-info-flowch__step>.referral-info-flowch__img {
    width: 3.75rem
}

.referral-info-flowch__img+.referral-info-flowch__text {
    margin-top: 1.125rem
}

.referral-info-flowch__text {
    color: #ffde1a;
    font-weight: 700;
    text-align: center;
    font-size: .75rem;
    line-height: 1.5
}

.referral-code-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    overflow: visible
}

.referral-code-panel-left {
    flex: 1;
    padding: 0 1.25rem
}

.referral-code-panel-right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 2;
    padding: 0 1.25rem
}

.referral-code-panel__title {
    font-size: .875rem;
    text-align: center;
    color: #b5b5b5
}

.referral-code-panel__qrcode {
    width: 10rem;
    height: 10rem;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: lighten;
    margin: auto
}

.referral-code-panel__link {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    margin-left: .3125rem;
    background-color: #fff
}

.referral-code-panel__btn-wrap {
    display: flex;
    flex-direction: row;
    width: 100%
}

.referral-code-panel__btn.btn-default {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: #ffde1a;
    font-size: .875rem;
    text-align: center;
    padding: .875rem .875rem 1.0625rem;
    width: 100%;
    border-radius: .3125rem;
    font-weight: 700
}

.referral-code-panel__btn.btn-default img {
    margin-left: .1875rem
}

.referral-code-panel .invite-friend-list {
    right: 50%;
    -webkit-transform: translate(50%, 8px);
    transform: translate(50%, 8px)
}

.referral-code-panel .invite-friend-box+.referral-code-panel__btn {
    margin-left: .625rem
}

.code-panel-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: .9375rem 0
}

.code-panel-area__code {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffde1a
}

.code-panel-area__icon {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    background-color: #ffde1a;
    cursor: pointer;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    margin-left: .3125rem
}

.referral-info-social-media {
    padding: 1.5rem .625rem .625rem
}

.referral-info-social-media__title {
    font-size: .875rem;
    text-align: center;
    color: #b5b5b5
}

.referral-info-social-media__ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: .9375rem 0
}

.referral-info-social-media__li {
    padding: 0 .3125rem
}

.referral-info-social-media__li span {
    display: block;
    width: 1.875rem;
    height: 1.875rem
}

.referral-info-downline-board {
    padding: .75rem
}

.referral-info-downline-board__downline {
    font-size: 3.125rem;
    color: #ffde1a
}

.referral-info-downline-board__guide {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    color: #fff
}

.referral-info-downline-board__guide img {
    display: block;
    width: .75rem;
    height: .75rem;
    margin-left: .3125rem
}

.referral-info-downline-board__ul {
    display: flex;
    flex-direction: row
}

.referral-info-downline-board__head+.referral-info-downline-board__ul {
    margin-top: 1.25rem
}

.referral-info-downline-board__li {
    position: relative;
    flex: 1;
    padding: .8125rem .75rem .9375rem;
    border-radius: .1875rem;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center
}

.referral-info-downline-board__li+.referral-info-downline-board__li {
    margin-left: .375rem
}

.referral-info-downline-board__li>.referral-info-downline-board__status {
    flex: 1
}

.referral-info-downline-board__li>.referral-info-downline-board__btn {
    flex: none
}

.referral-info-downline-board__status {
    text-align: right;
    font-weight: 700;
    font-size: 1.125rem;
    color: #ffde1a
}

.referral-info-downline-board__status--left {
    text-align: left
}

.referral-info-downline-board__status[data-title]::before {
    content: attr(data-title);
    display: block;
    color: #fff;
    font-size: .875rem;
    text-align: left;
    margin-bottom: .1875rem
}

.referral-info-downline-board__btn.btn-default {
    position: absolute;
    top: 50%;
    right: .625rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.referral-info-tooltip {
    font-size: .75rem;
    padding: .8125rem 1rem;
    border-radius: .3125rem;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .3);
    background-color: #4d4d4d;
    -webkit-animation: fadeIn .5s forwards;
    animation: fadeIn .5s forwards
}

.referral-info__body .referral-program-promotion-guide {
    padding: 1.25rem 0
}

.referral-info__body .referral-program-promotion-panel__title {
    text-align: left
}

.code-panel-area__code {
    position: relative;
    margin-bottom: 0
}

.code-panel-area__code .tips-txt {
    height: 1.875rem;
    font-size: .9375rem;
    font-weight: 400;
    right: 0
}

.code-panel-area__code .tips-txt.show {
    display: block;
    -webkit-animation: tips-show .3s linear forwards;
    animation: tips-show .3s linear forwards
}

.code-panel-area__code .tips-txt.hide {
    display: block;
    -webkit-animation: tips-hide .3s linear forwards;
    animation: tips-hide .3s linear forwards
}

.referral-program-promotion-banner__logo img,
.referral-program-promotion__bg img,
.referral-program-promotion__body-left .referral-program-section__section-1 {
    width: 100%
}

.referral-program-promotion__body-left .referral-program-section__section-2,
.referral-program-promotion__body-left .referral-program-section__section-3 {
    padding: 1.5rem .625rem .625rem;
    width: 100%;
    text-align: left
}

.referral-program-promotion-leaderboard {
    display: flex;
    flex-direction: column;
    height: 100%
}

.referral-program-promotion-leaderboard__bo3,
.referral-program-promotion-leaderboard__subheading,
.referral-program-promotion-leaderboard__title {
    flex: 1
}

.referral-program-promotion-leaderboard__listwrap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.referral-program-section__section-2 .referral-program-promotion-panel__title {
    padding: 0 1rem
}

.reward-history-box {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: .625rem;
    padding: .625rem .9375rem .3125rem;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .2)
}

.referral-wrapper {
    background: linear-gradient(0deg, #111 0, rgba(17, 17, 17, .9) 67%)
}

.referral-wrapper::after,
.referral-wrapper::before {
    z-index: 2;
    width: 100%;
    height: 800px
}

.referral-wrapper::before {
    top: 145px;
    background: url(/images/v1/web/bj/referral-program/referral-program-bg.png)no-repeat center bottom;
    background-size: cover
}

.referral-container,
.referral-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.referral-program-promotion {
    width: 75rem;
    font-family: "Helvetica Neue", sans-serif;
    position: relative
}

.referral-program-promotion__bg {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.referral-program-promotion__head {
    padding-bottom: .625rem
}

.referral-program-promotion__body {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 0 .625rem 3.75rem 0;
    max-height: 1000px;
    z-index: 3
}

.referral-program-promotion__body-left {
    width: 65%
}

.referral-program-promotion__body-right {
    width: 35%;
    overflow: hidden
}

.referral-program-promotion__banner {
    position: relative;
    z-index: 2
}

.referral-program-promotion__panel+.referral-program-promotion__panel {
    margin-left: .75rem
}

.referral-program-promotion-panel {
    background-color: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    border: 1px solid #666;
    padding: 1.5rem 1.875rem 1.875rem;
    border-radius: .3125rem;
    overflow: auto
}

.referral-program-promotion-panel__title {
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
    line-height: normal
}

.referral-program-promotion-panel__subheading {
    font-size: 1rem;
    font-weight: 700;
    color: #ffde1a
}

.referral-program-promotion-banner {
    padding-bottom: 45%
}

.referral-program-promotion-banner__logo {
    width: 6.25rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 4.375rem;
    margin: 0 auto
}

.referral-program-promotion-banner__title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 9.375rem
}

.referral-program-promotion-banner__title-fragment {
    display: block;
    white-space: nowrap;
    text-align: center;
    text-shadow: 0 .125rem .25rem #000;
    color: #fff;
    font-size: 2.8125rem;
    line-height: 1.2;
    font-weight: 900
}

.referral-program-promotion-banner__title-fragment--highlight {
    color: #ffde1a
}

.referral-program-promotion-banner__img {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1
}

.referral-program-promotion-banner__img img {
    position: absolute;
    top: -11.25rem;
    left: 50%;
    width: 130%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.referral-program-promotion-reward__description~.referral-program-promotion-reward__subheading,
.referral-program-promotion-reward__title+.referral-program-promotion-reward__content {
    margin-top: 1.5rem
}

.referral-program-promotion-reward__content {
    margin: 1.75rem 0;
    padding: 0 1rem
}

.referral-program-promotion-reward__description {
    color: #b5b5b5;
    font-size: .875rem;
    line-height: 1.429
}

.referral-program-promotion-reward__subheading+.referral-program-promotion-reward__tier-block {
    margin-top: 1.25rem
}

.referral-program-promotion-reward__tiers {
    max-width: 61.6393442623%;
    position: relative;
    z-index: 2
}

.referral-program-promotion-reward__tier {
    position: relative;
    padding-bottom: .375rem
}

.referral-program-promotion-reward__tier:after {
    content: "";
    display: block;
    width: 100%;
    height: .0625rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0)0, #09c58a 100%);
    margin-top: .4375rem
}

.referral-program-promotion-reward__tier:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffde1a;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    box-shadow: 0 0 .25rem .25rem #14805e;
    border: .0625rem solid #14805e
}

.referral-program-promotion-reward__tier-title {
    font-size: .875rem;
    font-weight: 500;
    color: #fff
}

.referral-program-promotion-reward__tier-rate {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffde1a;
    line-height: 1.5;
    vertical-align: text-bottom
}

.referral-program-promotion-reward__tier-rate:after {
    content: "("attr(data-suffix)")";
    color: #b5b5b5;
    font-size: .75rem;
    vertical-align: text-bottom
}

.referral-program-promotion-reward__content+.referral-program-promotion-reward__btn {
    margin-top: 2.3125rem
}

.referral-program-promotion-reward__tier-block {
    position: relative
}

.referral-program-promotion-reward__tier-block .referral-program-promotion-reward__chart {
    position: absolute;
    width: 12.8125rem;
    right: 0;
    top: 0;
    z-index: 1
}

.referral-program-promotion-chart__img {
    width: 2.6875rem;
    z-index: 2
}

.referral-program-promotion-chart__img img {
    width: 100%
}

.referral-program-promotion-chart__circle,
.referral-program-promotion-chart__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto
}

.referral-program-promotion-chart__circle:after {
    content: attr(data-text);
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 1.25rem;
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-align: center
}

.referral-program-promotion-chart__circle-inner {
    position: relative;
    padding: 0 0 100%;
    background: #14805e;
    border-radius: 50%;
    box-shadow: 0 4.5px 3.6px rgba(0, 0, 0, .024), 0 12.5px 10px rgba(0, 0, 0, .035), 0 30.1px 24.1px rgba(0, 0, 0, .046), 0 100px 80px rgba(0, 0, 0, .07);
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

.referral-program-promotion-chart__circle-inner:after,
.referral-program-promotion-chart__circle-inner:before {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%
}

.referral-program-promotion-chart__circle-inner:before {
    inset: 0;
    padding: .0625rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .6) 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.referral-program-promotion-chart__circle-inner:after {
    border: .0625rem solid transparent;
    box-shadow: none
}

.referral-program-promotion-chart__circle--first {
    width: 52.2988505747%
}

.referral-program-promotion-chart__circle--second {
    width: 74.7126436782%
}

.referral-program-promotion-bo3card>.referral-program-promotion-bo3card__bg img,
.referral-program-promotion-bo3card__deco img,
.referral-program-promotion-chart__circle--third,
.referral-program-promotion-step-block__arrow img,
.referral-program-promotion-step-block__img img {
    width: 100%
}

.referral-program-promotion-chart__circle--first .referral-program-promotion-chart__circle-inner {
    opacity: .6
}

.referral-program-promotion-chart__circle--second .referral-program-promotion-chart__circle-inner {
    opacity: .4
}

.referral-program-promotion-chart__circle--third .referral-program-promotion-chart__circle-inner {
    opacity: .2
}

.referral-program-promotion-guide__title+.referral-program-promotion-guide__flowch {
    margin-top: 5.3125rem
}

.referral-program-promotion-guide__flowch+.referral-program-promotion-guide__btn {
    margin-top: 1.5rem
}

.referral-program-promotion-step-block {
    position: relative;
    width: 100%
}

.referral-program-promotion-step-block__img {
    position: absolute;
    z-index: 3;
    width: 35%;
    top: -35%;
    right: 8%
}

.referral-program-promotion-step-block__num {
    color: #ffde1a;
    font-size: 5.625rem;
    font-weight: 700;
    position: absolute;
    top: -15%;
    left: 10%;
    z-index: 3;
    -webkit-transform: translateY(-100%) translateY(.875rem);
    transform: translateY(-100%) translateY(.875rem)
}

.referral-program-promotion-step-block__num--right {
    right: 1.8125rem
}

.referral-program-promotion-step-block__body {
    position: relative;
    z-index: 2;
    padding: 1.25rem 1rem;
    height: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: .3125rem;
    background-color: rgba(255, 255, 255, .03);
    overflow: hidden
}

.referral-program-promotion-step-block__body .referral-program-promotion-step-block__arrow {
    position: absolute
}

.referral-program-promotion-step-block__arrow {
    width: 3.75rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.referral-program-promotion-step-block__arrow--a1 {
    left: 3.75rem;
    bottom: .5625rem;
    opacity: .05
}

.referral-program-promotion-step-block__arrow--a2 {
    right: -.3125rem;
    top: .25rem;
    opacity: .03
}

.referral-program-promotion-step-block__title {
    text-align: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    padding-top: 1rem;
    color: #ffde1a
}

.referral-program-promotion-step-block__title+.referral-program-promotion-step-block__descrp {
    margin-top: .5rem
}

.referral-program-promotion-step-block__descrp {
    text-align: left;
    font-weight: 400;
    font-size: .75rem;
    color: #fff
}

.referral-program-promotion-flowch {
    display: flex;
    flex-direction: row
}

.referral-program-promotion-flowch__step+.referral-program-promotion-flowch__step {
    margin-left: .625rem
}

.referral-program-promotion-leaderboard__bo3,
.referral-program-promotion-leaderboard__subheading,
.referral-program-promotion-leaderboard__title {
    flex-grow: inherit
}

.referral-program-promotion-leaderboard__title+.referral-program-promotion-leaderboard__bo3 {
    padding-top: 2.5625rem
}

.referral-program-promotion-leaderboard__bo3+.referral-program-promotion-leaderboard__subheading,
.referral-program-promotion-leaderboard__title+.referral-program-promotion-leaderboard__subheading {
    padding-top: 2rem
}

.referral-program-promotion-leaderboard__subheading {
    text-align: center
}

.referral-program-promotion-leaderboard__list {
    margin-top: 1.25rem
}

.referral-program-promotion-bo3 {
    display: flex;
    align-items: flex-start
}

.referral-program-promotion-bo3__card+.referral-program-promotion-bo3__card {
    margin-left: .375rem
}

.referral-program-promotion-bo3__card {
    flex: 1;
    margin-top: 1.375rem
}

.referral-program-promotion-bo3__card--r1 {
    margin-top: 0
}

.referral-program-promotion-bo3card {
    position: relative
}

.referral-program-promotion-bo3card:after {
    content: "";
    display: block;
    padding-bottom: 145.4545454545%
}

.referral-program-promotion-bo3card>.referral-program-promotion-bo3card__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: .3125rem;
    overflow: hidden;
    z-index: 1
}

.referral-program-promotion-bo3card__title {
    position: absolute;
    display: inline-block;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    padding: .125rem .4375rem;
    background-color: #ffde1a;
    border-radius: 6.1875rem
}

.referral-program-promotion-bo3card__title span {
    font-size: .75rem;
    font-weight: 700;
    text-align: center;
    color: #000;
    white-space: nowrap
}

.referral-program-promotion-bo3card__title .referral-program-promotion-bo3card__deco {
    position: absolute;
    left: 50%;
    top: 0;
    width: 18px;
    -webkit-transform: translate(-50%, -100%) translateY(.125rem);
    transform: translate(-50%, -100%) translateY(.125rem)
}

.referral-program-promotion-bo3card>.referral-program-promotion-bo3card__content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.referral-program-promotion-bo3card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.125rem
}

.referral-program-promotion-bo3card__avatar {
    position: relative;
    width: 5rem;
    background-color: #333;
    border-radius: 50%
}

.referral-program-promotion-bo3card__avatar:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.referral-program-promotion-bo3card__avatar img {
    position: absolute;
    width: 100%;
    left: 0
}

.referral-program-promotion-bo3card__avatar+.referral-program-promotion-bo3card__bonus,
.referral-program-promotion-bo3card__avatar+.referral-program-promotion-bo3card__name {
    margin-top: .625rem
}

.referral-program-promotion-bo3card__name+.referral-program-promotion-bo3card__bonus {
    margin-top: .25rem
}

.referral-program-promotion-bo3card__name {
    color: #fff;
    font-size: .75rem;
    font-weight: 400;
    text-align: center
}

.referral-program-promotion-bo3card__bonus {
    color: #ffde1a;
    font-weight: 700;
    text-align: center;
    font-size: .75rem
}

.referral-program-promotion-leaderboard-list {
    border-radius: .3125rem;
    overflow: auto
}

.referral-program-promotion-leaderboard-list .ani-list {
    opacity: 0;
    -webkit-animation: fadeIn .7s forwards;
    animation: fadeIn .7s forwards
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.referral-program-promotion-leaderboard-list .ani-list:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.referral-program-promotion-leaderboard-list__item-row {
    display: flex
}

.referral-program-promotion-leaderboard-list__item-row:nth-child(odd) {
    background-color: #262626
}

.referral-program-promotion-leaderboard-list__item-row:nth-child(even) {
    background-color: #333
}

.referral-program-promotion-leaderboard-list__item-row>.referral-program-promotion-leaderboard-list__item-cell {
    flex: 1
}

.referral-program-promotion-leaderboard-list__item-cell+.referral-program-promotion-leaderboard-list__item-cell {
    position: relative
}

.referral-program-promotion-leaderboard-list__item-cell+.referral-program-promotion-leaderboard-list__item-cell:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 60%;
    top: 50%;
    left: 0;
    opacity: .2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1px dashed #fff
}

.referral-program-promotion-leaderboard-list__item-cell {
    line-height: 1em
}

.referral-program-promotion-leaderboard-list__item-cell:nth-child(1) {
    padding: .8125rem 1.3125rem;
    text-align: left
}

.referral-program-promotion-leaderboard-list__item-cell:nth-child(2) {
    padding: .8125rem;
    text-align: center
}

.referral-program-promotion-leaderboard-list__item-cell:nth-child(3) {
    padding: .8125rem .875rem;
    text-align: right
}

.referral-program-promotion-leaderboard-list__item-name {
    font-size: .75rem;
    color: #b5b5b5
}

.referral-program-promotion-leaderboard-list__item-descrp {
    font-size: .625rem;
    color: #b5b5b5
}

.referral-program-promotion-leaderboard-list__item-bonus {
    font-size: .75rem;
    color: #ffde1a
}

.referral-program-promotion-leaderboard-list__item-bonus[data-unit]::after {
    content: attr(data-unit);
    display: inline-block;
    font-size: .75rem;
    color: #b5b5b5;
    margin-left: .25rem
}

.rule-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .9375rem 0;
    background-color: transparent;
    border: 0;
    font-size: .875rem;
    color: #797979;
    transition: color, background .3s;
    cursor: pointer
}

.rule-btn .icon-angle-down {
    display: inline-block;
    width: .875rem;
    height: .8125rem;
    margin-left: .3125rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    background-color: #797979;
    -webkit-mask: url(../../images/v1/web/bj/icon-set/nav/icon-angle-down.png)no-repeat center/contain;
    mask: url(../../images/v1/web/bj/icon-set/nav/icon-angle-down.png)no-repeat center/contain
}

.rule-btn:hover {
    color: #ffde1a
}

.rule-btn:hover .icon-angle-down {
    background-color: #ffde1a
}

.program-ratio-board [animatable] {
    opacity: 0
}

.program-ratio-board [animatable=animated] {
    -webkit-animation: fadeIn .75s forwards;
    animation: fadeIn .75s forwards
}

.program-ratio-board__head {
    position: relative
}

.program-ratio-board__title {
    font-weight: 700;
    font-size: 1.125rem;
    color: #fff
}

.program-ratio-board__title+.program-ratio-board__sub-title {
    margin-top: .375rem
}

.program-ratio-board__sub-title {
    color: #b5b5b5
}

.program-ratio-board__head>.program-ratio-board__navigation {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.program-ratio-board__head+.program-ratio-board__body {
    margin-top: 1.125rem
}

.program-ratio-board__ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.program-ratio-board__li {
    flex: 1;
    max-width: calc((100% - 20px)/3)
}

.program-ratio-board__li+.program-ratio-board__li {
    margin-left: 10px
}

.program-ratio-board-tier__head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding: .8125rem 2.8125rem .8125rem 1.0625rem;
    background-color: #4c4c4c;
    border-radius: .3125rem;
    transition: border-radius .3s;
    cursor: pointer
}

.program-ratio-board-tier__head[data-prefix]::before {
    content: attr(data-prefix);
    display: block;
    position: absolute;
    left: 1.0625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.program-ratio-board-tier__head>.program-ratio-board-tier__arrow {
    right: 1.0625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

.program-ratio-board-tier__head>.program-ratio-board-tier__arrow img {
    height: .875rem;
    width: .5rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.program-ratio-board-tier.open>.program-ratio-board-tier__head>.program-ratio-board-tier__arrow img,
.program-ratio-board__body .accordion-wrap.open .program-ratio-board-tier__head .program-ratio-board-tier__arrow img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.program-ratio-board-tier.open>.program-ratio-board-tier__head,
.program-ratio-board__body .accordion-wrap.open .program-ratio-board-tier__head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.program-ratio-board-tier__body {
    background-color: #262626;
    border-bottom-left-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    max-height: 0;
    height: 0;
    opacity: 0;
    transition: all .3s;
    overflow: hidden
}

.program-ratio-board-tier.open>.program-ratio-board-tier__body,
.program-ratio-board__body .accordion-wrap.open .program-ratio-board-tier__body {
    max-height: 500px;
    height: 100%;
    opacity: 1
}

.program-ratio-board-tier__cell-wrap {
    padding: .8125rem
}

.program-ratio-board-tier__txt {
    color: #fff;
    white-space: nowrap
}

.program-ratio-board-tier__cell {
    display: flex;
    justify-content: space-between;
    padding: .375rem 0
}

.program-ratio-board-tier__type {
    font-size: .75rem;
    color: #b5b5b5
}

.program-ratio-board-tier__value {
    color: #fff;
    font-weight: 700;
    font-size: .875rem;
    width: 90px
}

.program-ratio-board-tier__value--highlight {
    color: #ffde1a;
    font-size: 1rem
}

.program-ratio-board-tier__value[data-suffix]::after {
    content: attr(data-suffix);
    font-size: .75rem;
    display: inline-block;
    margin-left: .25rem;
    color: #b5b5b5
}

.program-ratio-board .tab-wrap-btn {
    display: none
}

.program-ratio-board-navigation {
    pointer-events: none;
    display: flex;
    justify-content: space-between
}

.program-ratio-board-navigation__next img {
    -webkit-transform: scale(-1);
    transform: scale(-1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.program-ratio-board-navigation__next,
.program-ratio-board-navigation__prev {
    width: 1.75rem;
    height: 1.75rem;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    background-color: #4c4c4c;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease-in
}

.program-ratio-board-navigation__next:hover,
.program-ratio-board-navigation__prev:hover {
    opacity: .7
}

.program-ratio-board-navigation__next img,
.program-ratio-board-navigation__prev img {
    position: relative;
    height: .875rem;
    width: .5rem
}

.program-ratio-board-navigation .tab-arrow--disable {
    pointer-events: none;
    opacity: 0
}

 .intercom-lightweight-app {
      display: none !important;
    }
.records-summarize-panel {
    background-color: #333;
    padding: .9375rem;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: .625rem 0;
    border-radius: 3px
}

.records-summarize-panel__ul {
    display: flex;
    flex-direction: row
}

.records-summarize-panel__li {
    flex: 1;
    padding: 0 .9375rem
}

.records-summarize-panel__li+.records-summarize-panel__li {
    border-left: 1px dotted #666
}

.records-summarize-panel__status {
    text-align: right;
    font-weight: 700;
    font-size: 1.25rem;
    color: #ffde1a
}

.records-summarize-panel__status--left {
    text-align: left
}

.records-summarize-panel__status[data-title]::before {
    content: attr(data-title);
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: .75rem;
    text-align: left;
    margin-bottom: 1.25rem
}

.reward-history-box .status--claim {
    color: #000;
    padding: .1875rem .8125rem;
    background-color: #ffda37;
    border-radius: .3125rem
}

.reward-history-box .status--cancelled {
    color: #ff777c
}

.reward-history-box .status--expired {
    color: #797979
}

.reward-history-box .status--claimed {
    color: #70b267
}

.reward-history-box .status--complete {
    color: #ffda37
}

.reward-history-box .status--detail {
    color: #26ffbc;
    padding: .1875rem .8125rem;
    border: 1px solid #26ffbc;
    border-radius: .3125rem
}

.reward-history-box .status--claim[data-time],
.reward-history-box .status--requesting[data-time] {
    position: relative
}

.reward-history-box .status--claim[data-time]:after,
.reward-history-box .status--requesting[data-time]:after {
    position: absolute;
    display: inline-block;
    content: attr(data-time);
    font-size: .875rem;
    background-color: #ff5959;
    color: #fff;
    padding: .09375rem .5rem;
    -webkit-transform: scale(.6) translate(10%, -90%);
    transform: scale(.6) translate(10%, -90%);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    top: 0;
    right: 0;
    border-radius: .625rem
}

.pop-wrap.referral-program-record,
.pop-wrap.referral-rules {
    background-color: #2d2e30
}

.referral-program-rule {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    max-height: 500px;
    padding: 1.25rem .625rem;
    overflow: hidden
}

.referral-program-rule__close {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.referral-program-rule__close:after,
.referral-program-rule__close:before {
    content: "";
    display: block;
    height: 80%;
    width: .125rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.referral-program-rule__close:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.referral-program-rule__close:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.referral-program-rule__title {
    line-height: 1.5em;
    text-align: center;
    font-weight: 800;
    padding: 0 0 .9375rem;
    color: #fff
}

.referral-program-rule__main {
    display: block;
    background-color: #fff;
    border-radius: .3125rem;
    border: 1px solid #464646;
    min-height: 6.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #464646;
    padding: .9375rem .75rem;
    overflow: auto
}

.referral-program-rule__main__wrap {
    display: block;
    height: auto
}

.referral-program-record-wrap {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    max-height: 500px;
    overflow: hidden
}

.referral-program-record-wrap__title {
    padding: .9375rem 1.25rem;
    color: #26ffbc;
    border-bottom: 1px solid #26ffbc
}

.referral-program-record-wrap__close {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.referral-program-record-wrap__close:after,
.referral-program-record-wrap__close:before {
    content: "";
    display: block;
    height: 80%;
    width: .125rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    background-color: #fff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.referral-program-record-wrap__close:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.referral-program-record-wrap__close:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.referral-program-record-detail {
    width: 100%;
    height: 100%;
    padding: .8125rem;
    background: #3e3e3f;
    overflow: auto
}

.referral-program-record-detail__head {
    display: flex;
    padding: .3125rem 0 .875rem
}

.referral-program-record-detail__date,
.referral-program-record-detail__value {
    font-size: 12px;
    color: #fff
}

.referral-program-record-detail__head>.referral-program-record-detail__date+.referral-program-record-detail__value {
    margin-left: auto
}

.record-detail-form__head {
    display: grid;
    grid-template-columns: 91fr 130fr 152fr;
    background-color: #4c4c4c
}

.record-detail-form__total {
    display: flex;
    font-size: 1.125rem;
    color: #ffde1a;
    padding: .75rem .8125rem .75rem 1.25rem;
    align-items: center;
    background-color: #333;
    margin-top: .375rem
}

.record-detail-form__total[data-title]::before {
    content: attr(data-title);
    display: block;
    margin-right: auto;
    font-size: .75rem;
    color: #fff
}

.record-detail-form__cell {
    font-size: .75rem;
    color: #fff;
    padding: .6875rem .8125rem
}

.record-detail-form__cell--align-right {
    text-align: right
}

.record-detail-collapsable {
    overflow: hidden
}

.record-detail-collapsable.collapsable-show .record-detail-collapsable__body {
    opacity: 1;
    height: auto;
    max-height: 200px;
    min-height: 40px
}

.record-detail-collapsable.collapsable-show .record-detail-collapsable__arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.record-detail-collapsable__head {
    display: grid;
    grid-template-columns: 91fr 130fr 109fr 43fr;
    background-color: #333;
    padding: .1875rem 0;
    cursor: pointer
}

.record-detail-collapsable__body {
    transition: all .3s ease-in;
    opacity: 0;
    height: 0;
    min-height: 0;
    max-height: 0
}

.record-detail-collapsable__cell {
    padding: .5rem .8125rem;
    font-size: .75rem;
    color: #fff
}

.record-detail-collapsable__cell--align-right {
    text-align: right
}

.record-detail-collapsable__cell--no-right-padding {
    padding-right: 0
}

.record-detail-collapsable__cell+.record-detail-collapsable__cell:not(.record-detail-collapsable__cell--no-divider) {
    position: relative
}

.record-detail-collapsable__cell+.record-detail-collapsable__cell:not(.record-detail-collapsable__cell--no-divider):after,
.record-detail-collapsable__cell+.record-detail-collapsable__cell:not(.record-detail-collapsable__cell--no-divider):before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none
}

.record-detail-collapsable__cell+.record-detail-collapsable__cell:not(.record-detail-collapsable__cell--no-divider):before {
    background-image: linear-gradient(rgba(255, 255, 255, .5490196078) 1px, rgba(255, 255, 255, 0)0);
    background-position: left;
    background-size: 1px 4px;
    background-repeat: repeat-y
}

.record-detail-collapsable__arrow {
    height: .8125rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: rotate(Ã¥0deg);
    transform: rotate(Ã¥0deg)
}

.record-detail-collapsable__arrow img {
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.record-detail-collapsable--collapsed .record-detail-collapsable__arrow {
    -webkit-transform: none;
    transform: none
}

.record-detail-collapsable__cell>.record-detail-collapsable__arrow img {
    margin: 0 auto;
    display: block
}

.record-detail-collapsable__value {
    color: #ffde1a
}

.record-detail-grid {
    background-color: #262626;
    padding: .625rem 1.375rem
}

.record-detail-grid__cell {
    display: flex;
    padding: .375rem 0
}

.record-detail-grid__text,
.record-detail-grid__value {
    font-size: .75rem
}

.record-detail-grid__text {
    color: #b5b5b5
}

.record-detail-grid__value {
    color: #fff
}

.record-detail-grid__text+.record-detail-grid__value {
    margin-left: auto
}

header .status-wrap .header-online-sevice .online-sevice-inner li:last-child a {
    border-right: 0
}

header .logo {
    height: 64px;
    width: 90px
}

.mini-header .logo-wrap .logo {
    margin-left: 1.25rem
}

.sub-nav-slide .item-box {
    top: auto;
    bottom: 0
}

.sub-nav-slide .sub-nav-inner {
    z-index: auto
}

.sub-nav-slide::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 2rem;
    background: #252525
}

.sub-nav-slide p {
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
    text-shadow: none
}

.sub-nav-slide .sub-nav-item:hover p::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    right: 0;
    width: 88%;
    height: 2rem;
    -webkit-transform: skewX(-16deg);
    transform: skewX(-16deg);
    border-left: 6px solid #252525;
    background: #14805e;
    box-shadow: -4px 4px 0 4px rgba(20, 128, 94, .6), -7px 7px 0 7px #252525, -8px 8px 0 8px rgba(20, 128, 94, .4)
}

.mini-header .logo-wrap .header-login {
    margin-top: 0
}

.main-sub-nav .lv2-menu .menu-item p {
    transition: all .3s
}

.casino-lg .word-wrap h3,
.casino-xs .word-wrap h3,
.footer-partner-wrap .ft-ambassador a:hover,
.main-sub-nav .lv2-menu .maintenance.menu-item .maintenance-box p {
    color: #14805e
}

.main-sub-nav .lv2-menu .menu-item img {
    height: auto
}

.menu-item .maintenance-box {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    height: calc(100% - 30px);
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .3))
}

.footer-wrap .footer-logo-wrap .footer-logo .sponsor {
    margin-top: 5px
}

.footer-wrap .footer-logo .logo,
table.benefits-rank img {
    width: 80px
}

.footer-wrap .footer-partner-wrap .duty img,
.footer-wrap .footer-partner-wrap .partner img,
.footer-wrap .footer-partner-wrap .payment img,
.footer-wrap .footer-partner-wrap .social-media img {
    opacity: 1
}

.footer-wrap .footer-partner-wrap .payment img {
    margin-bottom: 10px
}

.footer-wrap .footer-partner-wrap .gaming-license {
    float: right
}

.footer-wrap .footer-link-group {
    position: relative
}

.footer-wrap .android-img,
.mini-header .logo-wrap .header-login dd {
    line-height: 0
}

.footer-wrap .android-img img {
    width: auto;
    height: 60px;
    transition: .3s;
    -webkit-filter: grayscale(50%) opacity(70%);
    filter: grayscale(50%) opacity(70%)
}

.footer-wrap .android-img:hover img {
    -webkit-filter: grayscale(0%) opacity(100%);
    filter: grayscale(0%) opacity(100%)
}

.footer-license {
    padding: .9375rem 0
}

.footer-license .license-cont .license-title {
    color: rgba(255, 255, 255, .7);
    font-size: .8125rem;
    font-weight: 700
}

.footer-license .license-cont p {
    color: rgba(255, 255, 255, .7);
    font-size: .75rem;
    line-height: 1.2
}

.ambassador-inner-title h6,
.footer-license .license-cont span,
.remodal-txt span {
    font-weight: 700
}

.footer-license .license-iframe img {
    width: 150px;
    height: auto
}

.footer-partner-wrap .ft-spon {
    display: inline-block;
    width: 100%
}

.footer-partner-wrap .ft-spon__icon {
    justify-content: flex-start;
    width: 19%
}

.footer-partner-wrap .ft-spon .spon-icon {
    width: 3.125rem;
    height: 3.125rem;
    margin-right: .9375rem
}

.footer-partner-wrap .ft-ambassador a,
.footer-partner-wrap .ft-spon p {
    font-size: .875rem;
    margin-right: .3125rem;
    color: #fff
}

.footer-partner-wrap .ft-spon span {
    display: block;
    font-size: .75rem;
    color: #999
}

.footer-partner-wrap .ft-ambassador a {
    color: #dedede
}

.footer-partner-wrap .ft-ambassador li,
.footer-partner-wrap .ft-spon__icon {
    display: inline-flex;
    align-items: center
}

.footer-partner-wrap .ft-ambassador li img {
    margin-right: .9375rem;
    height: 2.5rem
}

.promotion-card .explanation-wrap .tag {
    border: 0;
    background: #14805e
}

.promotion-card .btn-details {
    background: #0088da;
    box-shadow: 0 5px 10px 0 rgba(6, 8, 15, .1), inset 0 0 3px 0#3fb5ff
}

.promotion-card .btn-details:hover {
    box-shadow: 0 2px 2px 1px rgba(4, 95, 152, .1), 0 4px 4px 1px rgba(0, 136, 218, .1), 0 8px 8px 1px rgba(0, 136, 218, .1), 0 16px 16px 1px rgba(0, 136, 218, .1), 0 32px 32px 1px rgba(0, 136, 218, .1), inset 0 0 3px 0#6cc7ff
}

.promotion-card .btn-deposit {
    background: linear-gradient(to right, #48977a 0, #2d8464 100%);
    box-shadow: 0 5px 10px 0 rgba(6, 8, 15, .1), inset 0 0 3px 0#4fd2a2
}

.promotion-card .btn-deposit:hover {
    box-shadow: 0 2px 2px 1px rgba(43, 124, 73, .1), 0 4px 4px 1px rgba(43, 124, 73, .1), 0 8px 8px 1px rgba(43, 124, 73, .1), 0 16px 16px 1px rgba(43, 124, 73, .1), 0 32px 32px 1px rgba(43, 124, 73, .1), inset 0 0 3px 0#5ae9b4
}

.terms-wrap {
    margin-bottom: 35px
}

.promotion-card .card-inner {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2)
}

.pop-inner input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #14805e
}

.sport-event-1,
.sport-event-2 {
    position: relative;
    z-index: 2;
    width: 100%
}

.sport-event-1,
.sport-event-1 .slides,
.sport-event-2,
.sport-event-2 .slides {
    height: 21.375rem;
    overflow: hidden
}

.sport-event-1 li,
.sport-event-2 li {
    position: relative;
    width: 100%;
    height: 100%
}

.sport-event-1 .slick-list,
.sport-event-1 .slick-track,
.sport-event-2 .slick-list,
.sport-event-2 .slick-track {
    height: 100%
}

.navigation-1,
.navigation-2 {
    position: absolute;
    z-index: 1;
    top: 1.1875rem;
    width: 100%
}

.navigation-1::before,
.navigation-2::before {
    top: -1.1875rem;
    right: 2.25rem;
    width: 1px;
    height: 24.5rem;
    opacity: .1;
    background: #fff
}

.navigation-1 a,
.navigation-2 a {
    width: .9375rem;
    height: .625rem;
    margin-right: .9375rem;
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s, background-position .3s;
    transition: transform .5s cubic-bezier(.03, .98, .52, .99) .1s, background-position .3s, -webkit-transform .5s cubic-bezier(.03, .98, .52, .99) .1s;
    background: no-repeat center;
    background-image: url(../../images/v1/web/bj/icon-set/sport/sport-arrow.png);
    background-position: 0 center;
    background-size: cover
}

.navigation-1 a.flex-disabled,
.navigation-2 a.flex-disabled {
    background-position: 100%center;
    pointer-events: none
}

.navigation-1 a:hover,
.navigation-2 a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.navigation-1 a:hover.flex-disabled,
.navigation-2 a:hover.flex-disabled {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: default
}

.navigation-1 a:hover.flex-prev,
.navigation-2 a:hover.flex-prev {
    -webkit-transform: scale(1.2) rotate(180deg);
    transform: scale(1.2) rotate(180deg)
}

.navigation-1 a.flex-prev,
.navigation-1 a.flex-prev.flex-disabled,
.navigation-2 a.flex-prev,
.navigation-2 a.flex-prev.flex-disabled {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg)
}

.money-left,
.money-right,
.right-register-banner::before {
    display: none
}

.register-success-left-wrap.short-height {
    height: 33.125rem
}

.header-inner .btn-2nd,
.header-inner .btn-3rd {
    transition: .3s;
    border-radius: .5rem
}

.header-inner .btn-2nd::before,
.header-inner .btn-3rd::before,
.promotion-nav .btn-default-radius::before {
    background: 0 0
}

.header-inner .btn-2nd.active,
.header-inner .btn-2nd:hover,
.header-inner .btn-3rd.active,
.header-inner .btn-3rd:hover {
    border: 1px solid #ffdf18;
    background: 0 0;
    box-shadow: none;
    text-shadow: none
}

.header-inner .balance-main,
.header-inner .btn-2nd,
.header-inner .btn-3rd,
.promotion-nav .btn-default-radius {
    border: 1px solid transparent;
    background: 0 0;
    box-shadow: none;
    color: #fff
}

.header-inner .balance-main {
    height: 1.875rem;
    padding: 0 .9375rem;
    line-height: 1.875rem
}

.header-inner .amount .balance {
    color: #fff;
    line-height: 1.875rem
}

.mini-header .logo-wrap .header-btn-wrap li {
    padding-top: 20px
}

.promotion-nav .btn-default-radius {
    transition: .3s;
    border-radius: .5rem
}

.promotion-nav .btn-default-radius:hover {
    border: 1px solid #ffdf18;
    background: 0 0;
    box-shadow: none;
    text-shadow: none
}

.record-aside-box.terms-sdide-box .player-guild-cont a {
    color: #1bac7e !important
}

.record-aside-box.terms-sdide-box .player-guild-cont a:hover {
    color: #22d89f !important
}

.third-party-box .tips-group::before {
    background: rgba(0, 0, 0, .6)
}

.third-party-box .tips-group ol,
.third-party-box .tips-group p,
.third-party-box .tips-group ul {
    color: rgba(0, 0, 0, .6)
}

.third-party-box .tips-group p {
    padding-bottom: .3125rem
}

.third-party-box .tips-group span {
    color: #14805e
}

.fish-games-cont .games-icon {
    height: 11.875rem
}

.side-slider.contact-service-box .contact-service-logo img {
    max-width: 25%
}

.add-user-name .form-pop {
    background-color: #3e3e3e;
    border-radius: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2)
}

.add-user-name .form-pop .pop-inner {
    width: 90%
}

.add-user-name .form-pop .pop-title {
    background: #313131
}

.add-user-name .form-pop .pop-title h3,
.why-bj-contain .ambassador-inner-title h2 {
    color: #1bac7e
}

.add-user-name .form-pop .btn-close {
    background-color: transparent
}

.add-user-name .form-pop .btn-close::before {
    background-color: rgba(0, 0, 0, .3)
}

.add-user-name .form-pop [type=date]::before {
    display: none
}

.add-user-name .form-pop .item-icon.social {
    background-color: unset
}

.add-user-name .form-pop .item-icon+.info-block {
    margin-left: 1.25rem
}

.add-user-name .form-pop.add-birthday-pop .item-icon {
    position: absolute;
    bottom: 12px;
    right: 5px;
    width: 20px;
    height: 20px
}

.add-user-name .form-pop .btn-select li {
    margin: 0
}

.add-user-name .input-group {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 0;
    background: 0 0;
    font-size: .75rem;
    line-height: 1.5;
    margin-top: .875rem
}

.add-user-name .input-group+.login-info-box {
    margin-top: 1rem
}

.add-user-name .input-group:first-child {
    margin-top: 0
}

.add-user-name .input-group label {
    position: relative;
    height: 1.5rem;
    margin-bottom: .625rem;
    overflow: hidden;
    color: #444;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.add-user-name .input-group input {
    box-sizing: border-box;
    width: 100%;
    height: 2.75rem;
    padding: 0 1rem;
    transition: background .3s;
    border: .0625rem solid #adacb1;
    border-radius: .3125rem;
    background: #fff;
    color: #14805e;
    font-family: helvetica;
    font-size: .75rem
}

.add-user-name .input-group input::-webkit-input-placeholder {
    color: #adacb1
}

.add-user-name .input-group input::-moz-placeholder {
    color: #adacb1
}

.add-user-name .input-group input::placeholder {
    color: #adacb1
}

.add-user-name .input-group input:focus {
    padding: 0 2.75rem 0 1rem;
    border: .0625rem solid #1bac7e
}

.add-user-name .input-group input:disabled {
    border: .0625rem solid #1a1a1a;
    background: #1a1a1a;
    color: #adacb1
}

.add-user-name .input-group input.input-error,
.add-user-name .input-group.error input,
.add-user-name .input-group.error select {
    border: 1px solid #f35e5e
}

.add-user-name .input-group .btn-select {
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    border: .0625rem solid #adacb1;
    border-radius: .3125rem;
    background: #fff
}

.add-user-name .input-group .clear {
    position: absolute;
    top: 2.125rem;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0;
    padding: 0;
    opacity: 0;
    background: #14805e;
    color: transparent;
    -webkit-mask-image: url(/images/v1/web/img-template/icon-set/icon-cross-type02.svg);
    mask-image: url(/images/v1/web/img-template/icon-set/icon-cross-type02.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 32%;
    mask-size: 32%
}

.add-user-name .input-group .clear.active {
    opacity: 1
}

.add-user-name .input-group .eyes {
    position: absolute;
    z-index: 1;
    right: 0;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, .3)
}

.add-user-name .input-group .refresh {
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .1875rem;
    background-color: rgba(0, 0, 0, .3);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 40%;
    mask-size: 40%
}

.add-user-name .input-group .refresh.active {
    -webkit-animation: rotate 1s forwards;
    animation: rotate 1s forwards
}

.add-user-name .input-group.error input:focus,
.add-user-name .input-group.error select:focus {
    border: 1px solid #1bac7e
}

.add-user-name .input-group.new-password .clear,
.add-user-name .input-group.new-password .input-status,
.add-user-name .input-group.password .clear,
.add-user-name .input-group.password .input-status {
    right: 1.75rem
}

.add-user-name .input-group.new-password .clear.hasbutton,
.add-user-name .input-group.password .clear.hasbutton {
    right: 6.875rem
}

.add-user-name .input-group.currency label,
.add-user-name .input-group.money label {
    position: absolute;
    z-index: 2;
    top: 1.5rem;
    left: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.add-user-name .input-group.currency input,
.add-user-name .input-group.money input {
    text-align: right
}

.add-user-name .input-group.currency .clear,
.add-user-name .input-group.money .clear {
    top: 0
}

.add-user-name .input-group.upload-file .input-wrap::before {
    content: "";
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 0 .625rem;
    border-radius: .5rem;
    background-color: #3e3e3e;
    pointer-events: none
}

.add-user-name .input-group.upload-file input {
    opacity: 0
}

.add-user-name .input-group.date input:focus {
    padding: 0 1rem
}

.add-user-name .input-group .vode-box {
    display: inline-flex;
    justify-content: space-between
}

.add-user-name .input-group .vcode {
    display: inline-block;
    width: 48%;
    vertical-align: top
}

.add-user-name .input-group .vcode-img {
    position: relative;
    width: 48%;
    height: 2.625rem;
    overflow: hidden;
    border-radius: .3125rem
}

.add-user-name .input-group .vcode-img img {
    width: auto;
    max-width: 7.5rem;
    height: 100%
}

.add-user-name .form-btn-box .button {
    height: 3rem
}

.add-user-name .form-btn-box .button+.button {
    margin-top: .5rem
}

.add-user-name .form-btn-box {
    margin-top: 1.25rem
}

.add-user-name .button-tips,
.add-user-name .footer-tips,
.add-user-name .signup-tips {
    display: block;
    margin: 1.125rem 0 0;
    color: rgba(0, 0, 0, .3);
    font-size: .75rem;
    line-height: 1.2
}

.add-user-name .button-tips a,
.add-user-name .button-tips i,
.add-user-name .footer-tips a,
.add-user-name .footer-tips i,
.add-user-name .signup-tips a,
.add-user-name .signup-tips i {
    color: #1bac7e;
    margin-left: .3125rem
}

.add-user-name .button-tips p,
.add-user-name .footer-tips p,
.add-user-name .signup-tips p {
    padding: 0
}

.add-user-name .button-tips.right {
    text-align: right
}

.add-user-name .button {
    position: relative;
    border-radius: .3125rem;
    color: #fff;
    font-size: .9375rem;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    box-shadow: 0 .0625rem 2px rgba(51, 51, 51, .3), inset 0 0 .1875rem #fdce34;
    line-height: 1;
    padding: 0
}

.add-user-name .button .btn-signup-next,
.add-user-name .button .btn-signup-prev,
.add-user-name .button a {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 0 .9375rem;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    justify-content: center;
    white-space: nowrap
}

.add-user-name .button.facebook,
.add-user-name .button.facebook a,
.add-user-name .button.google,
.add-user-name .button.google a {
    display: flex;
    align-items: center;
    justify-content: center
}

.add-user-name .button.facebook .item-icon,
.add-user-name .button.google .item-icon {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: unset
}

.add-user-name .btn-default,
.add-user-name .btn-primary {
    color: #fff;
    background: linear-gradient(to right, #f79604 0, #fbc103 50%);
    box-shadow: inset 0 0 .1875rem #fdce34
}

.add-user-name .btn-default a,
.add-user-name .btn-primary a {
    color: #fff
}

.add-user-name .btn-disable {
    background: rgba(51, 51, 51, .1);
    box-shadow: none
}

.add-user-name .btn-disable a {
    color: rgba(0, 0, 0, .5)
}

.loader-box {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 6.25rem;
    height: 6.25rem;
    margin: auto;
    padding: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loader,
.round-bk,
.round-green-pulse {
    position: absolute;
    width: 6.25rem;
    height: 6.25rem
}

.loader {
    margin: auto;
    padding: auto
}

.loader .animated,
.loader .bj-logo-dot-r,
.loader .round-green1,
.loader .round-green2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loader .rotateIn,
.loader .round-green1 {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.loader .rotateIn2,
.loader .round-green2 {
    -webkit-animation-name: rotateIn2;
    animation-name: rotateIn2;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loader .bj-logo-dot-r,
.loader .bounce,
.loader .bounce2 {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.loader .bounce2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.round-bk,
.round-green-pulse {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9.375rem;
    background: rgba(0, 0, 0, .25)
}

.round-green-pulse {
    z-index: 98
}

.round-green1,
.round-green2 {
    position: absolute;
    z-index: 101;
    width: 6.25rem;
    height: 6.25rem;
    -webkit-mask: url(/images/v1/web/bj/loader/gr1.svg);
    mask: url(/images/v1/web/bj/loader/gr1.svg);
    background: #14805e
}

.round-green2 {
    width: 8.125rem;
    height: 8.125rem;
    -webkit-mask: url(/images/v1/web/bj/loader/gr2.svg);
    mask: url(/images/v1/web/bj/loader/gr2.svg)
}

.bj-logo {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 3.125rem;
    height: 3.125rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(/images/v1/web/bj/loader/bj_logo.svg);
    background-repeat: no-repeat
}

.bj-logo-dot-r {
    position: absolute;
    z-index: 99;
    top: 1.5rem;
    left: 3.84375rem;
    width: .58125rem;
    height: .58125rem;
    border-radius: .3125rem;
    background: #e62e37
}

.green-pulse,
.round-green-pulse {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: greenPulse;
    animation-name: greenPulse;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.player-sidenav .vip-level-icon i {
    display: none
}

.lv1 .member-photo {
    background: url(/images/v1/web/img-template/icon-set/player/vip/vip-totem-bg-1.svg)no-repeat center/100%
}

.lv2 .member-photo {
    background: url(/images/v1/web/img-template/icon-set/player/vip/vip-totem-bg-2.svg)no-repeat center/100%
}

.lv3 .member-photo {
    background: url(/images/v1/web/img-template/icon-set/player/vip/vip-totem-bg-3.svg)no-repeat center/100%
}

.lv4 .member-photo {
    background: url(/images/v1/web/img-template/icon-set/player/vip/vip-totem-bg-4.svg)no-repeat center/100%
}

.lv5 .member-photo {
    background: url(/images/v1/web/img-template/icon-set/player/vip/vip-totem-bg-5.svg)no-repeat center/100%
}

.lv6 .vip-main-info .progress-group i,
.lv7 .member-photo,
.lv7 .vip-main-info .vip-level-circle {
    background: url(/images/v1/web/bj/vip/rank7.png)no-repeat center/contain
}

.member-info .progress-group .progress-inner .progress {
    flex: 0 0 80%;
    margin: .625rem auto
}

.member-info .progress-group .progress-inner .level {
    display: flex;
    flex: 0 0 80%;
    align-content: center;
    justify-content: space-between;
    width: 12.5rem;
    margin: 0 auto .9375rem;
    color: rgba(255, 255, 255, .6);
    font-size: .75rem
}

.member-info .progress-group p {
    padding: .625rem 0 0;
    color: rgba(201, 163, 61, .8);
    font-size: .75rem
}

.lv6 .vip-main-info .progress-group .vip-level-circle {
    display: block;
    background: 0 0
}

.lv7 .vip-main-info .progress-group .vip-level-circle {
    display: none;
    background: 0 0
}

.vip-main-info {
    display: flex;
    align-items: center
}

.vip-main-info .vip-level-info {
    margin-bottom: 0
}

.vip-detail-wrapper {
    background: #000;
    background-size: cover;
    font-family: "Roboto", sans-serif !important;
    overflow: hidden
}

.remodal-wrapper i,
.vip-detail-wrapper i {
    font-style: italic
}

.vip-detail-wrapper .red {
    color: #ff0103 !important
}

.vip-detail-wrapper .green {
    color: #00ad32 !important
}

.vip-detail-wrapper .gold {
    color: #f8d072 !important
}

.vip-detail-wrapper .silver {
    color: #cecece !important
}

.vip-detail-wrapper .banner-box {
    height: 100vh;
    overflow: hidden
}

.vip-detail-wrapper .mobile_p {
    padding: 0 10px
}

.vip-detail-wrapper .banner {
    width: 100%;
    height: auto
}

.vip-detail-wrapper td.row1-rank {
    text-align: left !important;
    padding-left: 15% !important
}

.vip-detail-wrapper section {
    margin-bottom: 100px
}

.vip-detail-wrapper body {
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 1.05em
}

.vip-detail-wrapper p strong {
    color: #f8d072
}

.vip-detail-wrapper input {
    outline: 0
}

.vip-detail-wrapper p {
    font-size: 16px;
    font-weight: 400
}

.vip-detail-wrapper .container {
    width: 100%;
    margin: 145px auto 0
}

.vip-detail-wrapper .container .more {
    width: 80%;
    margin: 20px auto 0;
    overflow: hidden
}

.vip-detail-wrapper .container .more p {
    display: inline-block;
    color: #fff
}

.vip-detail-wrapper .container .more a {
    display: inline-block;
    float: right;
    color: #c2aa6b;
    text-decoration: underline
}

.vip-detail-wrapper .title {
    margin-bottom: 30px;
    text-align: center
}

.vip-detail-wrapper .title:nth-child(1) {
    margin-bottom: 80px
}

.vip-detail-wrapper .title h1 {
    margin-bottom: 10px;
    line-height: 2;
    font-size: 28px;
    font-weight: 900;
    background: -webkit-linear-gradient(#ffffbe, #d1a129);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.vip-detail-wrapper .title p {
    color: #fff
}

.vip-detail-wrapper td.td-left {
    border-radius: 10px 0 0 10px
}

.vip-detail-wrapper td.td-right {
    border-radius: 0 10px 10px 0
}

.vip-detail-wrapper span.exchange {
    color: #666;
    margin: 0 10px 0 2px;
    padding: 0;
    font-size: 20px
}

.vip-detail-wrapper .vip-title {
    width: 100%;
    text-align: center;
    padding-top: 14%;
    padding-bottom: 2%
}

.vip-detail-wrapper .vip-title img {
    width: 65%
}

.board {
    width: 100%;
    float: right;
    background: #141414;
    border-radius: 10px;
    padding: 1%;
    margin-bottom: 20px;
    text-align: center
}

#myVideo {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    min-width: 100%;
    z-index: -9999 !important
}

.title-popout {
    text-align: left !important
}

.table-warp {
    width: 80%;
    padding: 4px 4px .1px;
    margin: 10px auto 20px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #eed6a8 0, #bca463 34%, #fff1cc 60%, #bca463 81%, #c5a971 100%)
}

.table-bg {
    background: #000;
    border-radius: 10px
}

.zeb {
    background: #141414 !important;
    font-weight: 700
}

table.levelling {
    width: 100%;
    margin: 0 auto
}

table.levelling th {
    color: #4a3d1b;
    height: 60px;
    background: linear-gradient(to bottom, #bca463 0, #eed6a8 100%);
    text-align: center
}

table.levelling p {
    font-size: 12px
}

table.leaderboard {
    width: 98%;
    padding: 15px 0 5px;
    margin: 0 auto
}

table.leaderboard-rank td {
    font-weight: 700;
    color: #fff
}

table.table-col {
    width: 98%;
    margin: 5px auto;
    border-collapse: separate;
    border-spacing: 0 8px
}

table.table-col td,
table.table-col tr {
    border: 0
}

table.benefits-col td,
table.table-col td {
    text-align: center;
    color: #f8d072;
    vertical-align: middle
}

table.table-col td {
    height: 50px;
    background: #0b0b0b
}

table.table-col td img {
    display: inline-block;
    position: relative;
    top: -2px;
    left: -3px;
    margin-right: 5px;
    vertical-align: middle
}

table.table-col td .vip-img {
    width: 25px;
    margin-right: 5px
}

table.benefits-rank {
    width: 78%;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center
}

.leaderboard-warp th,
.remodal-wrapper th,
table.benefits,
table.benefits-rank th {
    text-align: center
}

table.benefits {
    width: 98%;
    margin: 0 auto;
    color: #fff
}

table.benefits img {
    margin-right: 5px
}

table.benefits th {
    padding-top: 20px;
    text-align: center
}

table.benefits-col {
    width: 98%;
    margin: 5px auto;
    border-collapse: separate;
    border-spacing: 0 15px
}

table.benefits-col tr {
    background: #0b0b0b;
    transition: all .3s ease-in-out
}

table.benefits-col tr:hover {
    background: #141414;
    transition: all .3s ease-in-out
}

table.benefits-col td {
    padding-left: 10px;
    border: 0
}

table.benefits-col td img {
    position: relative;
    top: -2px;
    left: -5px
}

table.benefits-col h2 {
    font-size: 16px;
    color: #fff
}

table.benefits-col h6 {
    color: rgba(255, 255, 255, .6)
}

.bftb {
    margin-top: 10px !important
}

.bfbg {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    background: #141414;
    border-radius: 10px
}

.vpcoin {
    width: 78%;
    margin: 0 auto;
    text-align: right
}

.vpcoin img,
.vpcoin ul li,
table.benefits img,
table.benefits-col td img {
    display: inline-block;
    vertical-align: middle
}

.vpcoin img {
    margin-left: 15px
}

.vpcoin ul li {
    list-style: none
}

.vpcoin h3 {
    font-size: 16px;
    padding-left: 5px;
    font-weight: 400;
    display: inline-block
}

.leaderboard-warp {
    border-radius: 10px;
    margin: 0 auto;
    width: 80%
}

.leaderboard-rank td {
    background: #000 !important;
    color: #fff !important
}

.personal-rank {
    padding-bottom: 15px;
    background: linear-gradient(to bottom, #eed6a8 0, #bca463 100%);
    color: #4a3d1b
}

.leaderboard th p {
    margin-top: 15px;
    color: rgba(255, 255, 255, .5)
}

.leaderboard-update-time {
    margin: 10px 0;
    color: rgba(255, 255, 255, .7);
    font-style: italic
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px
}

::-webkit-scrollbar-thumb {
    background: #c2aa6b;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

[data-ca3_icon]::before {
    font-weight: 400;
    content: attr(data-ca3_icon)
}

.ca3-scroll-down-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat
}

.ca3-scroll-down-link {
    cursor: pointer;
    height: 60px;
    width: 80px;
    line-height: 60px;
    position: absolute;
    right: 5%;
    bottom: 9%;
    color: #fff;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite
}

.leaderboard-no-data {
    padding: 25px 0;
    opacity: .5
}

.tab-content-1>section {
    padding-top: 30px
}

.bonuses-table .bfbg {
    color: #fff
}

.remodal-txt {
    margin-bottom: 20px
}

.remodal-txt h4 {
    line-height: 1.5
}

.remodal-txt p {
    margin-bottom: 10px
}

.remodal-txt strong {
    color: #f9cf72
}

.pop-vip .table-warp {
    width: 100%;
    margin-top: 15px;
    text-align: center
}

.js-tab-content,
.leaderboard-warp {
    overflow: hidden
}

.leaderboard-warp {
    margin-bottom: 30px
}

.banner-mobile {
    display: none
}

.link-rewards {
    color: #dcb74c;
    text-decoration: underline;
    transition: .3s
}

.link-rewards:hover {
    color: #f5e99c
}

.list-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    padding: .625rem 0 1.25rem;
    margin: auto;
    z-index: 1
}

.list-loading::after,
.list-loading::before {
    content: "";
    display: block;
    width: .9375rem;
    height: .9375rem;
    border-radius: 50%;
    mix-blend-mode: difference
}

.list-loading::before {
    background: #f8d072;
    -webkit-animation: slide-right-left 1s linear infinite;
    animation: slide-right-left 1s linear infinite
}

.list-loading::after {
    background: #fbe9be;
    -webkit-animation: slide-left-right 1s linear infinite;
    animation: slide-left-right 1s linear infinite
}

.js-tabs-container,
.list-loading {
    position: relative
}

.js-tab-content {
    color: #fff;
    display: none
}

.no-js .js-tab-content {
    display: block
}

.top-ranking {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 25%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.top-ranking img {
    width: 9.375rem;
    margin: 0 10px
}

.tabs-warp,
.tabs-warp .tabs {
    margin: 0 auto;
    border-radius: 100px
}

.tabs-warp {
    position: absolute;
    padding: 3px;
    bottom: 8%;
    left: calc(50% - 233px);
    width: 466px;
    text-align: center;
    background: linear-gradient(to bottom, #eed6a8 0, #bca463 34%, #fff1cc 60%, #bca463 81%, #c5a971 100%);
    z-index: 1
}

.tabs-warp .tabs {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 460px;
    padding: 0 5px;
    height: 51px;
    background: linear-gradient(to bottom, #8f7b45 0, #c5a971 100%);
    list-style: none;
    box-shadow: inset 0 0 3px #000
}

.tabs-warp .tabs::after,
.tabs-warp .tabs::before {
    content: "";
    display: table
}

.tabs-warp .tabs::after {
    clear: both;
    zoom: 1
}

.tabs-warp .tabs li {
    flex: 1
}

.tabs-warp .tabs li:first-child {
    margin-left: 0
}

.tabs-warp .tabs li a {
    width: 100% !important;
    padding: 10px 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 100px;
    color: #4a3d1b;
    font-weight: 700
}

.tabs-warp .tabs .tab-active a,
.tabs-warp .tabs .tab-active a:hover {
    cursor: default;
    color: #4a3d1b;
    font-weight: 700;
    background: linear-gradient(to bottom, #eed6a8 0, #bca463 100%);
    box-shadow: 0 1px 2px 0#8a7644
}

.js-tab-content-container {
    margin-top: 0
}

.js-tab-content-container:focus {
    outline: 0
}

li.js-tab-toggler {
    display: none;
    float: right
}

.js-tab-stack li {
    display: none
}

.js-tab-stack li.js-tab-toggler,
.js-tab-stack li.tab-active,
.js-tab-stack li.tab-available,
.js-tab-stack-open li {
    display: block
}

.js-tab-toggler a:after {
    content: " +"
}

.js-tab-stack-open li.js-tab-clone,
.js-tab-stack-open-complete li {
    clear: left
}

.js-tab-clone-container {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.js-tab-stack-open li.js-ready-for-anim,
.js-tab-stack-open li.js-tab-clone,
.js-tab-stack-open-complete li {
    margin-left: 0
}

li.js-ready-for-anim {
    position: absolute;
    transition: all 500ms cubic-bezier(.13, .965, .38, .985)
}

li.js-ready-for-anim a:hover {
    background: 0 0
}

.js-tab-stack-open li.tab-active a:hover {
    background: #337ab7
}

.js-tab-stack-open li.js-tab-toggler,
.remodal,
[data-remodal-id] {
    display: none
}

html.remodal-is-locked {
    overflow: hidden;
    touch-action: none
}

.remodal-overlay,
.remodal-wrapper {
    display: none;
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px
}

.remodal-wrapper {
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -.05em
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.leaderboard-btn a,
.remodal-is-initialized {
    display: inline-block
}

.leaderboard-btn {
    text-align: right;
    margin: 20px 0
}

.leaderboard-btn a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(to bottom, #c10323 0, #6d0019 100%);
    border-radius: 50px;
    width: 150px;
    padding: 8px 0 10px;
    margin-left: 10px;
    transition: all .5s ease-in-out
}

.leaderboard-btn a:hover {
    background: linear-gradient(to bottom, #6d0019 0, #c10323 100%, #c10323 101%)
}

body:lang(bn) .vipbg {
    background: url(/images/v1/web/bj/bdt/bn/vip/bg.jpg)no-repeat top center, #000;
    background-size: 100%auto
}

body:lang(hi) .vipbg {
    background: url(/images/v1/web/bj/inr/hi/vip/bg.jpg)no-repeat top center, #000;
    background-size: 100%auto
}

.vipbg {
    width: 100%;
    height: auto;
    margin-top: 145px;
    background: url(/images/v1/web/bj/bdt/en/vip/bg.jpg)no-repeat top center, #000;
    background-size: 100%auto;
    z-index: 999
}

.join {
    width: 100%;
    margin-top: 15%;
    margin-bottom: 100px;
    text-align: center
}

.privileges-warp {
    margin: 0 auto;
    padding-bottom: 100px;
    width: 65%;
    text-align: center
}

.privileges-warp img {
    width: 48%;
    float: left;
    margin: 2% 1%0
}

ul.accordion-list,
ul.accordion-list li {
    position: relative;
    display: block;
    height: auto
}

ul.accordion-list {
    width: 100%;
    margin: 0;
    list-style: none
}

ul.accordion-list li {
    width: 80%;
    background-color: #141414;
    padding: 20px;
    margin: 0 auto 15px;
    border-radius: 5px;
    border: 1px solid #000;
    cursor: pointer;
    transition: all .3s ease-in-out
}

ul.accordion-list li:hover {
    background-color: #0b0b0b;
    transition: all .3s ease-in-out;
    border: 1px solid #ceb67c
}

ul.accordion-list li div.answer,
ul.accordion-list li h3 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    cursor: pointer
}

ul.accordion-list li h3 {
    font-weight: 700;
    padding: 0 10px 0 0;
    font-size: 15px;
    letter-spacing: .01em
}

ul.accordion-list li h3:after {
    content: "";
    font-family: "material-design-iconic-font";
    position: absolute;
    right: 0;
    top: 0;
    color: #cab276;
    transition: all .3s ease-in-out;
    font-size: 18px
}

ul.accordion-list li div.answer {
    padding: 0
}

ul.accordion-list li div.answer p {
    color: #ccc;
    position: relative;
    display: block;
    font-weight: 400;
    padding: 10px 0 0;
    cursor: pointer;
    line-height: 150%;
    margin: 0;
    font-size: 14px
}

@media only screen and (max-width:1921px) and (max-height:1201px) {
    .top-ranking img {
        width: 160px
    }
}

@media only screen and (min-width:1900px) and (max-height:930px) {
    .top-ranking {
        bottom: 20%
    }
    .top-ranking img {
        width: 8%
    }
}

@media only screen and (max-width:1550px) and (max-height:900px) {
    .top-ranking {
        bottom: 22%
    }
    .top-ranking img {
        width: 8%
    }
    .join {
        margin-top: 10%
    }
    .tabs-warp {
        bottom: 8%
    }
}

@media only screen and (max-width:1440px) {
    .top-ranking {
        bottom: 25%
    }
    .top-ranking img {
        width: 8%
    }
    .leaderboard-warp,
    .table-warp,
    .vip-detail-wrapper .container .more,
    body#background .more,
    ul.accordion-list li {
        width: 100%
    }
    .join img {
        width: 250px;
        margin-top: 30px
    }
    table.benefits-rank {
        width: 98%
    }
    .remodal {
        max-width: 82% !important
    }
    .vip-detail-wrapper .vip-title {
        padding-top: 12%;
        padding-bottom: 2%
    }
    .vip-detail-wrapper .vip-title img {
        width: 65%
    }
    .vip-detail-wrapper .tab-cont {
        width: 90%;
        margin: 50px auto 0
    }
}

@media only screen and (max-width:1280px) {
    .vip-title {
        padding-top: 14%
    }
    .vip-title img {
        width: 70%
    }
    .top-ranking img {
        width: 23%
    }
    .privileges-warp {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 50px
    }
}

@media only screen and (max-height:723px) {
    .top-ranking {
        bottom: 25%
    }
    .top-ranking img {
        width: 8%
    }
    .join {
        margin-top: 10%
    }
    .tabs-warp {
        bottom: 8%
    }
    .vip-detail-wrapper .banner {
        margin-top: -6%
    }
}

@media only screen and (max-width:1024px) {
    .leaderboard-btn {
        text-align: center;
        margin: 20px 0
    }
    .leaderboard-btn a {
        text-align: center;
        color: #fff;
        text-decoration: none;
        margin: 0 5px
    }
    .top-ranking {
        bottom: 30%
    }
    .top-ranking img {
        width: 110px
    }
    .tabs-warp {
        bottom: 10%
    }
    .table-warp table,
    .table-warp table th p,
    .vpcoin h3,
    body#background .more a,
    body#background p,
    table.benefits-col td h2 {
        font-size: 14px
    }
    .mobile-none {
        display: none
    }
    .vip-title,
    table.benefits-rank img {
        width: 100%
    }
    .vip-title img {
        width: 90%
    }
    body#background .title h1 {
        font-size: 20px;
        margin-bottom: 5px
    }
    .table-warp {
        width: 100%;
        padding: 2px 2px .1px;
        margin-top: 20px
    }
    table.table-col td img {
        left: 0
    }
    body#background .more {
        width: 100%;
        margin: 20px auto 0;
        text-align: center
    }
    table.benefits-rank {
        width: 100%;
        padding-top: 20px
    }
    .bfbg,
    table.benefits-rank th {
        text-align: center
    }
    table.benefits {
        width: 100%
    }
    table.benefits-col {
        border-spacing: 0 10px
    }
    .bftb {
        margin-top: 20px !important
    }
    table.benefits-col td {
        text-align: center;
        padding-left: 2px
    }
    table.benefits-col td img {
        width: 15px;
        top: 0;
        left: 0
    }
    .vpcoin {
        width: 100%;
        margin: 0 auto;
        text-align: right
    }
    .vpcoin img,
    .vpcoin ul li {
        display: inline-block;
        vertical-align: middle
    }
    .vpcoin img {
        margin-left: 15px
    }
    .vpcoin ul li {
        list-style: none
    }
    .vpcoin h3 {
        padding-left: 5px;
        font-weight: 400;
        display: inline-block
    }
    .remodal-bg {
        padding: 15px !important
    }
    .remodal h4 {
        font-size: 15px !important
    }
    .privileges-warp {
        width: 82%;
        margin: 0 auto
    }
}

.ambassador-wrapper {
    position: relative;
    overflow: hidden;
    background: #000;
    color: #fff;
    line-height: 1.5
}

.ambassador-navigation {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 50vh;
    left: 10%;
    width: 80%;
    z-index: 1
}

.ambassador-navigation .flex-next,
.ambassador-navigation .flex-prev {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background: #14805e;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.ambassador-navigation .flex-next img,
.ambassador-navigation .flex-prev img {
    width: 25%
}

.ambassador-navigation.slick-num01 a {
    background: #d0800e
}

.ambassador-navigation.slick-num02 a,
.ambassador-navigation.slick-num03 a {
    background: #f9c83a
}

.ambassador-navigation.slick-num04 a {
    background: #af2639
}

.ambassador-navigation.slick-num05 a {
    background: #2468a0
}

.ambassador-navigation.slick-num06 a {
    background: #72178c
}

.ambassador-navigation.slick-num07 a {
    background: #02a7bd
}

.ambassador-navigation.slick-num08 a {
    background: #72243a
}

.ambassador-navigation.slick-num09 a {
    background: #14805e
}

.ambassador-navigation.slick-num10 a {
    background: #43265a
}

.ambassador-wrap {
    vertical-align: top
}

.ambassador-banner {
    width: 100%;
    height: calc(100vh - 145px);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain
}

.about-bj-contain {
    padding: 3.125rem 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.ambassador-inner-box {
    width: 87.5rem;
    margin: 3.125rem auto
}

.ambassador-inner-box>div {
    margin-bottom: 3.125rem
}

.ambassador-inner-title {
    text-transform: uppercase
}

.ambassador-inner-title h2 {
    display: inline-block;
    color: #14805e;
    font-size: 4.375rem;
    font-weight: 700;
    line-height: 1.5
}

.ambassador-inner-title h3 {
    font-size: 1.375rem
}

.about-bj-list-box {
    display: flex;
    flex-flow: row wrap;
    text-align: left;
    font-size: 1.5rem
}

.about-bj-list-box>div {
    margin-bottom: 3.125rem;
    padding: 2.5rem 4.6875rem;
    border-radius: .625rem
}

.about-bj-list-box>div:first-child {
    margin-right: 2.8125rem
}

.about-bj-list-box p {
    font-weight: lighter
}

.about-bj-list-box p strong {
    display: inline
}

.about-bj-list-box strong {
    display: block;
    text-transform: uppercase
}

.about-bj-title {
    padding-bottom: .625rem
}

.about-bj-01,
.about-bj-02 {
    display: inline-block;
    flex: 1 0 45%
}

.about-bj-03 {
    background: radial-gradient(circle at 65% 75%, rgba(77, 81, 29, .7), transparent), radial-gradient(farthest-corner at 10px 10px, #4b6f72, #426366 10%, transparent), radial-gradient(circle at left bottom, #000, transparent)
}

.about-bj-03,
.about-bj-04 {
    flex: 1 0 100%
}

.about-bj-01 {
    background: linear-gradient(135deg, #375a6f 0, #426373 30%, #384843 100%)
}

.about-bj-02 {
    background: linear-gradient(135deg, #354c57 0, #2b3837 40%, #292d20 100%)
}

.font-color-card01 {
    color: #fbe666
}

.font-color-card02 {
    color: #e1004a
}

.star-list {
    width: 100%;
    margin: 1.25rem auto 0;
    text-align: center;
    line-height: 3
}

.star-list td,
.star-list th {
    margin: 0 1.25rem
}

.star-list td:first-child,
.star-list th:first-child {
    width: 100px;
    text-align: left
}

.star-list th {
    font-weight: 400;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff
}

.star-list td {
    font-weight: 700
}

.ambassador-article {
    text-align: left;
    width: 90%;
    margin: 0 auto
}

.ambassador-article h6 {
    font-weight: 800;
    font-size: 1.625rem;
    text-align: center;
    padding: 1.875rem 0 .9375rem
}

.ambassador-article p {
    margin-bottom: 2.8125rem;
    font-size: 1.375rem;
    font-weight: 300;
    text-align: justify
}

.ambassador-tips {
    width: 90%;
    margin: 0 auto;
    padding: .625rem 0
}

.ambassador-tips h6 {
    font-size: 1.75rem;
    padding: .625rem 0
}

.ambassador-tips h6 strong {
    font-size: 2.8125rem;
    font-weight: 400
}

.ambassador-tips p {
    font-size: 1.375rem;
    text-align: center
}

.why-bj-list {
    display: flex;
    flex-flow: row wrap
}

.why-bj-list li {
    flex: 1 0 40%;
    color: #000;
    border-radius: 1.25rem;
    margin-bottom: 3.125rem;
    padding: 0 0 3.75rem;
    text-align: left;
    background: #dbdbdb;
    background-size: 100%auto;
    background-position: top center;
    background-repeat: no-repeat
}

.why-bj-list li:nth-child(odd) {
    margin-right: 3.125rem
}

.why-bj-list h4 {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
    font-weight: 700
}

.why-bj-list h4 span {
    color: #cf0226
}

.why-bj-list p {
    color: rgba(0, 0, 0, .5);
    font-size: 1rem
}

.why-bj-list a {
    display: inline-block;
    line-height: 3;
    color: #cf0226;
    letter-spacing: 2px;
    -webkit-transform: rotateX(30deg);
    transform: rotateX(30deg);
    transition: .3s;
    font-size: 1rem
}

.why-bj-list a:hover {
    letter-spacing: 3px
}

.ambassador-video-inner video,
.ambassador-video-shadow img,
.why-bj-list img {
    width: 100%
}

.why-bj-contain .ambassador-inner-box>.ambassador-video,
.why-bj-contain .ambassador-inner-box>.ambassador-video-shadow,
.why-bj-text {
    margin: 0 auto
}

.why-bj-text {
    width: 80%
}

.why-bj-text i {
    font-style: italic;
    color: #000
}

.gabriel-batistuta {
    background: radial-gradient(circle at bottom left, #14805e, transparent 40%)
}

.amy-jackson .about-bj-title,
.hansika-motwani .about-bj-title,
.kevin .about-bj-title {
    font-size: 1.125rem
}

.amy-jackson .about-bj-03 h6,
.hansika-motwani .about-bj-03 h6,
.kevin .about-bj-03 h6 {
    font-size: 1.25rem
}

.amy-jackson .ambassador-article h6,
.hansika-motwani .ambassador-article h6,
.kevin .ambassador-article h6 {
    margin-bottom: 6.25rem;
    text-align: center;
    font-weight: lighter;
    font-size: 2.5rem;
    text-transform: uppercase
}

.amy-jackson .about-bj-list-box,
.hansika-motwani .about-bj-list-box,
.kevin .about-bj-list-box {
    margin-top: 6.25rem
}

.amy-jackson .why-bj-contain .ambassador-inner-box,
.hansika-motwani .why-bj-contain .ambassador-inner-box,
.kevin .why-bj-contain .ambassador-inner-box {
    margin-bottom: 0
}

.mia .ambassador-inner-title h2,
.mia .ambassador-inner-title h3,
.sunrisers .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #ff8e00 0, #a64700 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.mia .about-bj-01 {
    background: linear-gradient(135deg, #ff8e00 0, #c66221 50%, #d45e3e 100%)
}

.mia .about-bj-02 {
    background: linear-gradient(135deg, #c46523 0, #d37a1a 50%, #d78d32 100%)
}

.mia .about-bj-03 {
    background: linear-gradient(200deg, #ed590a 0, #eb9334 50%, #e9584e 100%)
}

.mia .about-bj-list-box li {
    margin: 16px 0
}

.mia .about-bj-list-box label,
.mia .about-bj-list-box p {
    font-size: 18px
}

.mia .about-bj-list-box .ambassafor-awards span {
    font-weight: 300
}

.mia .about-bj-list-box .ambassafor-awards label {
    flex: 0 0 95%
}

.mia .about-bj-list-box .ambassafor-awards label p {
    font-weight: 500
}

.mia .photo-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    width: 100%;
    margin: 0 auto;
    height: 920px
}

.mia .photo-list .data-image {
    background-size: cover
}

.album img,
.deccan .photo-list img,
.footy-league .photo-list img,
.mia .photo-list img,
.quetta-gladiators .photo-list img,
.sunrisers .photo-list img {
    width: 100%;
    height: 100%
}

.deccan,
.sunrisers {
    background-image: url(/images/v1/web/bj/ambassador-v2/sunrisers/bottom-bg.png), linear-gradient(#0d0a07, #291c07);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%
}

.sunrisers .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #fca81c 0, #fca81c 100%)
}

.sunrisers .ambassador-tips h6 strong {
    color: #fca81c
}

.deccan {
    background-image: url(/images/v1/web/bj/ambassador-v2/deccan/bottom-bg.png), linear-gradient(#17192b, #1d2144)
}

.deccan .ambassador-inner-title h2,
.hansika-motwani .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #fcd96a, #ed993b 70%, #db5247 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.deccan .ambassador-tips h6 strong,
.deccan .ambassador-tips p {
    color: #f9c83a
}

.hansika-motwani {
    background: linear-gradient(to top, #350c29, transparent 40%)
}

.hansika-motwani .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #c8016f, #98024c, #e62ec3 80%)
}

.hansika-motwani .about-bj-01 {
    background: linear-gradient(to right, rgba(69, 1, 2, .5)0, #450102 100%)
}

.hansika-motwani .about-bj-02 {
    background: linear-gradient(to right, #450102 0, rgba(230, 46, 195, .5) 100%)
}

.hansika-motwani .about-bj-03 {
    background: radial-gradient(circle at left bottom, #89036c, rgba(81, 1, 25, .9) 50%, rgba(30, 1, 5, .9))
}

.amy-jackson,
.kevin {
    background: linear-gradient(to top, #0a293d, transparent 40%)
}

.amy-jackson .ambassador-inner-title h2,
.kevin .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #9700c4, #8202a8, #8936ea 80%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.kevin .about-bj-01 {
    background: linear-gradient(to right, rgba(78, 9, 78, .5)0, rgba(152, 15, 171, .5) 100%)
}

.kevin .about-bj-02 {
    background: linear-gradient(to right, rgba(152, 15, 171, .5)0, rgba(37, 4, 102, .5) 100%)
}

.kevin .about-bj-03 {
    background: 0 0
}

.kevin .about-bj-03 .ambassafor-awards li {
    display: flex;
    flex-direction: column
}

.kevin .about-bj-03 .ambassafor-awards p {
    text-transform: none;
    letter-spacing: 2px
}

.kevin .about-bj-04 {
    background: radial-gradient(farthest-corner at left bottom, rgba(37, 4, 102, .8), rgba(56, 1, 108, .9) 25%, rgba(113, 0, 156, .5))
}

.ambassafor-awards p,
.kevin .about-bj-04 .ambassafor-awards label {
    flex: 1
}

.amy-jackson .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #0382a7, #027a9c, #33e8d0 80%)
}

.amy-jackson .about-bj-01 {
    background: linear-gradient(to right, rgba(0, 37, 82, .5)0, #002552 100%)
}

.amy-jackson .about-bj-02 {
    background: linear-gradient(to right, #013056 0, rgba(12, 197, 214, .5) 100%)
}

.amy-jackson .about-bj-03 {
    background: radial-gradient(farthest-corner at left bottom, rgba(1, 127, 170, .8), rgba(1, 65, 133, .9) 25%, rgba(13, 1, 153, .5))
}

.ambassafor-awards {
    margin-top: 3.125rem;
    font-size: 1.125rem;
    text-transform: uppercase
}

.ambassafor-awards li {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1.875rem
}

.ambassafor-awards span {
    flex: 0 0 100px;
    font-weight: lighter
}

.ambassafor-awards label {
    flex: 0 0 50%;
    margin-right: 1.875rem
}

.ambassador-video {
    position: relative;
    width: 90%;
    padding: 3.125rem 3.125rem 2.5rem;
    z-index: 1
}

.ambassador-video-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55.9%;
    background: #000;
    border: 5px solid #710562;
    overflow: hidden
}

.ambassador-video-inner embed,
.ambassador-video-inner iframe,
.ambassador-video-inner object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.video-bottom,
.video-top {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1
}

.video-top {
    top: 0;
    height: 100%
}

.ambassador-video-shadow {
    opacity: .2
}

.footy-league,
.quetta-gladiators {
    background-image: url(/images/v1/web/bj/ambassador-v2/quetta/bottom-bg.png), linear-gradient(#0e0419, #1e072e, #441d64);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%
}

.footy-league .ambassador-inner-title h2,
.quetta-gladiators .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #efa8ea, #9063cc, #4122a3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.footy-league .ambassador-article h6,
.quetta-gladiators .ambassador-article h6 {
    margin-bottom: 3.125rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase
}

.footy-league .about-bj-contain,
.quetta-gladiators .about-bj-contain {
    padding-bottom: 1.875rem
}

.footy-league {
    background-image: url(/images/v1/web/bj/ambassador-v2/footy/bottom-bg.png), linear-gradient(#081723, #153752, #1a3e5c)
}

.footy-league .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #1192c5, #1285c7, #2dcbe6)
}

.photo-video-tab {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.875rem;
    padding-top: .625rem;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.photo-video-tab li {
    flex: 1 0 30%;
    color: rgba(255, 255, 255, .5);
    line-height: 2;
    border-right: 1px solid rgba(255, 255, 255, .5);
    font-size: 1.25rem;
    cursor: pointer;
    transition: .3s
}

.photo-video-tab li:last-child {
    border: 0
}

.photo-video-tab li.active,
.photo-video-tab li:hover {
    color: #fff
}

.photo-video-cont li {
    display: none
}

.photo-video-cont li.active {
    display: block
}

.footy-league .photo-list,
.quetta-gladiators .photo-list {
    display: grid;
    grid-template-columns: 1fr 25px 1fr 25px 1fr 25px 1fr;
    grid-template-rows: repeat(5, 1fr 25px);
    height: 100%;
    width: 100%;
    margin: 0 auto
}

.footy-league .photo-list div,
.quetta-gladiators .photo-list div {
    width: 100%;
    height: 100%;
    background-size: cover
}

.footy-league .item-1,
.quetta-gladiators .item-1 {
    grid-column: 1/2;
    grid-row: 1/2
}

.footy-league .item-2,
.quetta-gladiators .item-2 {
    grid-column: 3/4;
    grid-row: 1/2
}

.footy-league .item-3,
.quetta-gladiators .item-3 {
    grid-column: 5/6;
    grid-row: 1/2
}

.footy-league .item-4,
.quetta-gladiators .item-4 {
    grid-column: 7/8;
    grid-row: 1/2
}

.footy-league .item-5,
.quetta-gladiators .item-5 {
    grid-column: 1/4;
    grid-row: 3/6
}

.footy-league .item-6,
.quetta-gladiators .item-6 {
    grid-column: 5/6;
    grid-row: 3/4
}

.footy-league .item-7,
.quetta-gladiators .item-7 {
    grid-column: 7/8;
    grid-row: 3/4
}

.footy-league .item-8,
.quetta-gladiators .item-8 {
    grid-column: 1/2;
    grid-row: 7/8
}

.footy-league .item-9,
.quetta-gladiators .item-9 {
    grid-column: 3/4;
    grid-row: 7/8
}

.footy-league .item-10,
.quetta-gladiators .item-10 {
    grid-column: 5/8;
    grid-row: 5/8
}

.footy-league .item-11,
.quetta-gladiators .item-11 {
    grid-column: 1/6;
    grid-row: 9/10
}

.footy-league .item-12,
.quetta-gladiators .item-12 {
    grid-column: 7/8;
    grid-row: 9/10
}

.deccan .photo-list,
.sunrisers .photo-list {
    display: grid;
    grid-template-columns: 1fr 25px 1.2fr 25px 1.2fr 25px 1fr;
    grid-template-rows: repeat(8, .5fr 25px);
    width: 100%;
    margin: 0 auto;
    height: 1120px
}

.deccan .photo-list div,
.sunrisers .photo-list div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.deccan .item-1,
.sunrisers .item-1 {
    grid-column: 1/2;
    grid-row: 2/10
}

.deccan .item-2,
.sunrisers .item-2 {
    grid-column: 3/4;
    grid-row: 1/16
}

.deccan .item-3,
.sunrisers .item-3 {
    grid-column: 5/6;
    grid-row: 1/10
}

.deccan .item-4,
.sunrisers .item-4 {
    grid-column: 7/8;
    grid-row: 2/8
}

.deccan .item-5,
.sunrisers .item-5 {
    grid-column: 1/2;
    grid-row: 11/16
}

.deccan .item-6,
.sunrisers .item-6 {
    grid-column: 5/6;
    grid-row: 11/16
}

.deccan .item-7,
.sunrisers .item-7 {
    grid-column: 7/8;
    grid-row: 9/16
}

.album-list,
.video-list {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start
}

.album-item {
    flex: 0 0 23.5%;
    margin: 0 2% 1.875rem 0
}

.album-item:nth-child(4n) {
    margin-right: 0
}

.album-item p {
    text-align: left;
    color: #fff
}

.album,
.album-inner {
    width: 100%;
    height: 100%
}

.album {
    position: relative;
    margin-bottom: 1.25rem;
    border: 1px solid #fff
}

.album-inner {
    position: absolute;
    top: .3125rem;
    left: .3125rem;
    background-size: cover
}

.video-item {
    flex: 0 0 31%;
    margin: 0 2% 1.875rem 0;
    width: 100%;
    height: 56.25%
}

.video-item embed,
.video-item iframe,
.video-item object {
    width: 100%;
    height: 100%
}

.bologna-fc {
    background: linear-gradient(#1c1c2e 0, #3e3c5e 70%, #1c1b2d 100%)
}

.bologna-fc .about-bj-contain .ambassador-inner-title h2 {
    background-image: linear-gradient(to right, #d523a2, #bd0b61, #a50443);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.bologna-fc .why-bj-contain {
    margin-bottom: 7.5rem
}

.bologna-fc .why-bj-contain .ambassador-inner-title h3 {
    display: inline-block;
    border-bottom: .0625rem #fff solid
}

@media (max-width:1600px) {
    .ambassador-inner-box {
        width: 80%
    }
    .ambassador-navigation {
        left: 5%;
        width: 90%
    }
    .gabriel-batistuta .about-bj-contain {
        padding: 3.125rem 0
    }
    .ambassador-article p,
    .star-list th {
        font-size: 1.125rem
    }
    .footy-league .ambassador-article h6,
    .hansika-motwani .ambassador-article h6,
    .quetta-gladiators .ambassador-article h6 {
        font-size: 2.25rem
    }
    .amy-jackson .about-bj-list-box>div {
        padding: 2.5rem;
        font-size: 1.375rem
    }
    .star-list td {
        font-size: 1.25rem
    }
}

body:lang(en) .ambassador-wrapper {
    font-family: "Poppins", sans-serif;
    letter-spacing: 3px
}

body:lang(en) .ambassador-wrapper .star-list td {
    font-family: "Bebas Neue", sans-serif
}

body:lang(en) .ambassador-article p {
    letter-spacing: 1px
}

body:lang(en) .sunrisers .ambassador-tips p,
body:lang(hi) .sunrisers .ambassador-tips p {
    color: #fca81c
}

body:lang(bn) .deccan .ambassador-inner-title h2 i,
body:lang(bn) .sunrisers .ambassador-inner-title h2 i {
    font-size: 2.75rem;
    font-weight: 400
}

body:lang(hi) .deccan .ambassador-inner-title h2 i,
body:lang(hi) .sunrisers .ambassador-inner-title h2 i {
    font-size: 3.125rem;
    font-weight: 400
}

body:lang(hi) .sunrisers .why-bj-contain .ambassador-inner-title h2 {
    color: #fff
}

.deposit-success-pop,
.withdrawal-processing-pop {
    --transaction-pop-title-bg: #14805e;
    --transaction-pop-close-btn-bg: transparent;
    --transaction-pop-close-btn-bg-active: #17966e
}