@-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 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 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 #0088da
    }
    30%,35% {
        box-shadow: 0 0 2.1875rem #0088da
    }
    60%,65% {
        box-shadow: 0 0 0#0088da
    }
    to {
        box-shadow: 0 0 1px #0088da
    }}
@-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)
    }}
@-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
    }}
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(/b2cDfiles/images/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(14,164,255,.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: #0088da;
    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,#0088da 0,#0068a7 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: #0078c1
}
.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: var(--BodyBg);
    color: var(--bodyTextColor);
    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: var(--linksHover)
}
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: var(--errorMsg);
    font-size: .875rem;
    line-height: 1.2
}
.error a {
    padding: 0 3px;
    color: var(--errorMsg);
    text-decoration: underline
}
.error::before {
    content: "!";
    display: inline-block;
    width: .875rem;
    height: .875rem;
    margin-right: .3125rem;
    border-radius: 50%;
    background: var(--errorMsg);
    color: var(--textWhite);
    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: rgba(255,255,255,.3);
    line-height: 1.2
}
.password-condition p span.active {
    color: #0098f4
}
@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: var(--popupBg)
}
.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 #41b8ff;
    color: var(--popupheadertextColor);
    background: var(--popupheaderBg)
}
.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(0,152,244,.2);
    cursor: pointer
}
.pop-wrap .btn-close:hover {
    background-color: #0098f4
}
.pop-wrap .btn-close::before {
    content: "";
    width: .75rem;
    height: .75rem;
    transition: .3s;
    background-color: #fff;
    -webkit-mask: url(../images/icons/cancel.svg)no-repeat center/contain;
    mask: url(../images/icons/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 {
    position: absolute;
    bottom: -35p;
    left: 0;
    width: 100%;
    height: 35px;
    padding: 0 20px;
    background: linear-gradient(45deg,rgba(0,0,0,.9)0,rgba(0,0,0,.8) 100%);
    color: #fff
}
.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 #fff;
    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/icons/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: #fff;
    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/icons/icon-pop-success.svg)no-repeat center/50%;
    mask: url(../images/icons/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/icons/icon-close2.svg)no-repeat center/50%;
    mask: url(../images/icons/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/icons/icon-lock.svg)no-repeat center/50%;
    mask: url(../images/icons/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(/b2cDfiles/images/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: var(--PrimaryBtnBg);
    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: var(--btnColor)
}
.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 #967b02
}
.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,#013d72 0,#0273d7 15%,#0273d7 30%,#013d72 55%,#013d72 100%);
    background-position: 50%0;
    background-size: 200%;
    box-shadow: 0 5px 10px 0 rgba(0,7,13,.1),inset 0 0 3px 0#0273d7;
    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(0,7,13,.1),0 4px 4px 1px rgba(0,7,13,.1),0 8px 8px 1px rgba(0,7,13,.1),0 16px 16px 1px rgba(0,7,13,.1),0 32px 32px 1px rgba(0,7,13,.1),inset 0 0 3px 0#0273d7;
    color: #fff;
    text-shadow: 0 1px 3px #00070d
}
.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 #0088da;
    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: #0088da
}
.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: #0088da
}
.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: #0088da;
    color: #ffdf18;
    text-shadow: 0 1px 1px rgba(0,0,0,.3)
}
.btn-simple-light:hover {
    background: #ffdf18;
    color: #0088da;
    text-shadow: 0 1px 1px transparent
}
.btn-jackpot-winner {
    font-size: 12px;
    line-height: 20px;
    padding: .125rem .6875rem;
    border-radius: 3px;
    background: #00385b;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1),inset 0 1px 3px 0 rgba(40,174,255,.5);
    color: #fff
}
.btn-jackpot-winner:hover {
    background: #002941;
    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: #0088da
}
.btn-sort.active,.btn-sort:hover {
    color: #0088da
}
.btn-sort.active::before,.btn-sort:hover::before {
    height: .1875rem;
    background: #0088da
}
.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,#0098f4 0,#004874 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:0 0 0 .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: #ffb80c;
    box-shadow: inset 0 2px 3px 0 #ffb80c;
    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(/b2cDfiles/images/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(/b2cDfiles/images/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(0,136,218,.7);
    color: #fff;
    cursor: pointer
}
.gotop:hover {
    background: #0088da
}
.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: var(--playerTabBg)
}
.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: var(--playerTabactiveBg);
    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/icons/icon-tips.svg)no-repeat center/cover;
    mask: url(../images/icons/icon-tips.svg)no-repeat center/cover
}
.tips-group b,.tips-group p {
    display: inline-block;
    width: 100%;
    color: var(--tipsTextSecond);
    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: var(--tipsTextSecond);
    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: var(--tipsBg)
}
.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: #004874;
    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/icons/icon-close2.svg)no-repeat center/80%;
    mask: url(../images/icons/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: 80px
}
.main-logo .logo,header .logo {
    position: relative;
    height: 50px;
    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/icons/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/icons/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: var(--textWhite)
}
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 transparent;
    background: var(--topheaderBg);
    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: var(--textWhite)
}
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: var(--topheaderSocial)
}
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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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/icons/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: var(--logoHeaderBg)
}
header .logo-wrap .header-inner {
    line-height: 6.25rem
}
header .logo-wrap .header-inner.no-sponsor .logo {
    margin-right: 0
}
.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,#0088da 0%,#013d72 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/icons/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/icons/icon-light-w.svg)
}
.toggle-theme-wrap .dark-icon {
    opacity: .5;
    background-image: url(../images/icons/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: lignten(#474747,20%)
}
.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 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(/b2cDfiles/images/login/icon-input-id-black.png)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(/b2cDfiles/images/login/icon-input-pass-black.png)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: #0088da;
    color: #0088da
}
.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: #0088da
}
.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: #00588e;
    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: #0088da;
    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: #0088da
}
.footer-wrap {
    width: 100%;
    background: var(--footerBG);
    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/footer/icon-24hr.png)
}
.footer-link-group .icon-wrap.icon2 {
    background-image: url(../images/footer/icon-book.png)
}
.footer-link-group .icon-wrap.icon3 {
    background-image: url(../images/footer/icon-ambassador.png)
}
.footer-link-group .icon-wrap.icon4 {
    background-image: url(../images/footer/icon-license.png)
}
.footer-link-group .icon-wrap.icon5 {
    background-image: url(../images/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: var(--footerHeading)
}
.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: var(--footerPointsColor)
}
.footer-link-group .text-wrap a {
    margin-right: 5px;
    color: var(--footerLinks)
}
.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 {
    width: 100%
}
.footer-partner-wrap .partner img {
    margin-right: 1.5625rem;
    margin-bottom: 1.25rem;
    opacity: .5
}
.footer-partner-wrap .partner a {
    margin-right: 1.5625rem
}
.footer-partner-wrap .duty img: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: 80px;
    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: var(--footerLinks)
}
.footer-logo-wrap .link-wrap a:hover {
    color: #0088da
}
.footer-logo-wrap .link-wrap p {
    font-size: 12px;
    line-height: 20px;
    color: var(--footertext)
}
.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: #0088da;
    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
}
.main-nav {
    width: 100%;
    height: 2.75rem;
    border-top: 1px solid #525252;
    border-bottom: 1px solid #525252;
    background: var(--mainNavBg);
    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;
    transition: background .5s ease-out .1s;
    color: var(--textWhite);
    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(/b2cDfiles/images/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: var(--mainNavactiveText) transparent transparent
}
.main-nav .nav-item.active,.main-nav .nav-item:hover {
    transition: background .3s ease-in .1s;
    background: var(--mainNavactiveBG);
    color: var(--mainNavactiveText)
}
.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/icons/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/icons/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: #ffb80c
}
.main-sub-nav .nav-item.active>a .icon-angle-down {
    background-image: url(../images/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: #0088da;
    -webkit-mask: url(../images/icons/icon-angle-down.png)no-repeat center/contain;
    mask: url(../images/icons/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: var(--mainNavText);
    font-size: .875rem;
    line-height: 42px;
    filter: invert();
    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/icons/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/icons/icon-angle-down.png)no-repeat center/contain;
    mask: url(../images/icons/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: #0088da;
    -webkit-mask: url(../images/icons/icon-home-w.svg)no-repeat center/contain;
    mask: url(../images/icons/icon-home-w.svg)no-repeat center/contain
}
.main-sub-nav .back-index:hover .icon-app {
    background-color: #0088da;
    -webkit-mask: url(../images/icons/icon-app-w.svg)no-repeat center/contain;
    mask: url(../images/icons/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/icons/icon-home-w.svg)no-repeat center/contain;
    mask: url(../images/icons/icon-home-w.svg)no-repeat center/contain
}
.main-sub-nav .back-index .icon-app {
    -webkit-mask: url(../images/icons/icon-app-w.svg)no-repeat center/contain;
    mask: url(../images/icons/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: #0088da
}
.main-sub-nav .app-download i {
    display: inline-block;
    width: 20px;
    height: 45px;
    background-color: #fff;
    vertical-align: middle;
    -webkit-mask: url(../images/icons/icon-app-w.svg)no-repeat center/100%;
    mask: url(../images/icons/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: #0088da;
    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(/b2cDfiles/images/nav/SPORTS/sub-nav-bg.jpg)no-repeat center
}
.sub-nav::after {
    content: "";
    bottom: 0;
    height: 30px;
    background: var(--playerdetailSidenavBg)
}
.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: #0088da
}
.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,#facd04,#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: #0088da;
    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 { 
    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/icons/icon-prev.svg)no-repeat center/70%;
    mask: url(../images/icons/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: var(--HeadlineBg);
    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: var(--HeadlineTextColor)
}
.post a:hover {
    color: #28aeff
}
.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/icons/marquee-y.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; 
    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: rgba(71,71,71,.9);
    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 #0ea4ff;
    background: #0088da
}
.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: #0088da;
    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: #0088da;
    letter-spacing: 1px
}
.main-banner-group .single-coin p {
    margin-top: .875rem;
    color: #0088da;
    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: #0088da;
    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,#0ea4ff,#0088da);
    vertical-align: middle;
    -webkit-mask: url(../images/icons/icon-maintenance.svg)no-repeat center/cover;
    mask: url(../images/icons/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/icons/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: #ffb80c!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: #ffb80c!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/icons/icon-user.png)
}
.pop-wrap.login .input-group i.icon-password {
    background-image: url(../images/icons/icon-pass.png)
}
.pop-wrap.login .input-group i.icon-mail {
    background-image: url(../images/icons/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(0,136,218,.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(0,136,218,.4)
}
.pop-wrap.login .forget:hover,.pop-wrap.login .input-group li input,.pop-wrap.login .link:hover {
    color: #ffb80c
}
.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(0,136,218,.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/icons/eyes-close.svg)no-repeat center/50%;
    mask: url(../images/icons/eyes-close.svg)no-repeat center/50%
}
.login-pop-group .pop-wrap.login .eyes.active {
    -webkit-mask: url(../images/icons/eyes-open.svg)no-repeat center/50%;
    mask: url(../images/icons/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(0,136,218,.4)
}
.login-pop-group .btn-select::after {
    opacity: .6;
    background: url(../images/icons/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 #facd04;
    border-radius: 5px;
    background: rgba(49,40,1,.8);
    box-shadow: 0 0 5px 2px rgba(251,193,3,.7);
    line-height: 0
}
.login-pop-demo-tool h3 {
    flex: 1 0 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 1.125rem;
    color: #fbc103;
    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
}
.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: var(--popuptext) !important;
    font-size: 14px!important;
    line-height: 1.8!important
}
.pop-wrap.message .pop-inner a {
    display: inline-block;
    transition: .3s;
    color: #0088da!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: #0068a7!important
}
.pop-wrap.message .pop-inner a span {
    color: #0088da!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: #0088da
}
.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: #0088da
}
.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: #0088da
}
.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/icons/icon-time.svg)no-repeat center/cover;
    mask: url(../images/icons/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(/b2cDfiles/images/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: #0088da;
    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(0,136,218,.4);
    border-radius: .375rem
}
.pop-wrap.pop-bonus-reminders table th,.pop-wrap.pop-notification table th {
    background: #0088da;
    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(0,136,218,.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: #5e5e5e;
    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: #0088da;
    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: #0068a7
}
.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: var(--languageheaderBg);
    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: var(--languageheaderBg);
    color: #fff;
    text-align: left;
    cursor: pointer
}
.language-wrap .language:hover,.language-wrap .other li:hover {
    background: #0068a7;
    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 #0088da;
    color: #0088da
}
.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/icons/mail-w.svg)no-repeat center/30%;
    mask: url(../images/icons/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/icons/phone-w.svg)no-repeat center/contain;
    mask: url(../images/icons/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/icons/mail-w.svg)no-repeat center/50%;
    mask: url(../images/icons/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/icons/btn-icon-add.svg)no-repeat center/contain;
    mask: url(../images/icons/btn-icon-add.svg)no-repeat center/contain
}
.pop-app-download {
    width: 62.5rem;
    height: auto;
    border-radius: .625rem;
    background: rgba(0,136,218,.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/bj/icon-set/app-download/icon-android-b.png)no-repeat;
    background-size: 100%
}
.pop-app-download .pop-inner a.active.btn-ios .icon {
    background: url(/images/v1/web/bj/icon-set/app-download/icon-ios-b.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/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/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(/b2cDfiles/images/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,9,14,.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: #5bc1ff;
    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: #0088da
}
.casino-lg .rule:hover,.casino-xs .rule:hover {
    color: #0088da
}
.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: #013d72;
    color: rgba(255,255,255,.5);
    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: #ffe332
}
.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/icons/casino/icon-casino-itemBaccarat.png)
}
.casino-lg .play-item.itemBaccaratTable::before,.casino-xs .play-item.itemBaccaratTable::before {
    background-image: url(../images/icons/casino/icon-casino-itemBaccaratTable.png)
}
.casino-lg .play-item.itemBaccaratBid::before,.casino-xs .play-item.itemBaccaratBid::before {
    background-image: url(../images/icons/casino/icon-casino-itemBaccaratBid.png)
}
.casino-lg .play-item.itemBaccaratSpeed::before,.casino-xs .play-item.itemBaccaratSpeed::before {
    background-image: url(../images/icons/casino/icon-casino-itemBaccaratSpeed.png)
}
.casino-lg .play-item.itemDragonTiger::before,.casino-xs .play-item.itemDragonTiger::before {
    background-image: url(../images/icons/casino/icon-casino-itemDragonTiger.png)
}
.casino-lg .play-item.itemSuibao::before,.casino-xs .play-item.itemSuibao::before {
    background-image: url(../images/icons/casino/icon-casino-itemSuibao.png)
}
.casino-lg .play-item.itemRoulette::before,.casino-xs .play-item.itemRoulette::before {
    background-image: url(../images/icons/casino/icon-casino-itemRoulette.png)
}
.casino-lg .play-item.itemPokerBull::before,.casino-xs .play-item.itemPokerBull::before {
    background-image: url(../images/icons/casino/icon-casino-itemPokerBull.png)
}
.casino-lg .play-item.itemHoldem::before,.casino-xs .play-item.itemHoldem::before {
    background-image: url(../images/icons/casino/icon-casino-itemHoldem.png)
}
.casino-lg .play-item.itemGoldenFlower::before,.casino-xs .play-item.itemGoldenFlower::before {
    background-image: url(../images/icons/casino/icon-casino-itemGoldenFlower.png)
}
.casino-lg .play-item.itemThreeDucalMinisters::before,.casino-xs .play-item.itemThreeDucalMinisters::before {
    background-image: url(../images/icons/casino/icon-casino-itemThreeDucalMinisters.png)
}
.casino-lg .play-item.itemBlackJack::before,.casino-xs .play-item.itemBlackJack::before {
    background-image: url(../images/icons/casino/icon-casino-itemBlackJack.png)
}
.casino-lg .play-item.itemBaccaratBull::before,.casino-xs .play-item.itemBaccaratBull::before {
    background-image: url(../images/icons/casino/icon-casino-itemBaccaratBull.png)
}
.casino-lg .play-item.itemFTan::before,.casino-xs .play-item.itemFTan::before {
    background-image: url(../images/icons/casino/icon-casino-itemFTan.png)
}
.casino-lg .play-item.itemMoneyWheel::before,.casino-xs .play-item.itemMoneyWheel::before {
    background-image: url(../images/icons/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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,#0ea4ff,#0088da)
}
.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: #0088da
}
.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(/b2cDfiles/images/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: #0068a7
}
.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: #0088da
}
.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: #0088da;
    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: #00385b;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1),inset 0 1px 3px 0 rgba(40,174,255,.5);
    color: #fff
}
.main-wrap-slotgame-1st .winner-inner a:hover {
    background: #002941
}
.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: #0088da!important
}
.search-wrap .search-icon {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: .4375rem;
    background: url(../images/icons/icon-search.png)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: #0088da;
    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 #0088da
}
.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: #0068a7
}
.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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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,#0088da 0,#004874 100%);
    box-shadow: 0 .125rem 0 0#002941;
    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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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 #00588e;
    border-radius: 1rem;
    background: #004874;
    box-shadow: 0 0 3px 0#0098f4,inset 0 2px 4px 0 rgba(0,9,14,.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: #004874;
    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/icons/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: var(--casinolistColor);
    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: var(--casinoactiveText)
}
.select-platform-wrap li input:checked+label .check-cube,.select-platform-wrap li input:checked+label .radio-cube {
    background: var(--casinoactiveCheckCube)
}
.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/icons/icon-maintenance.svg)no-repeat center/80%;
    mask: url(../images/icons/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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: 11.875rem;
    height: 8.875rem;
    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(14,164,255,.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(65,184,255,.2)0,transparent 100%)
}
.games-container .games-icon .game-inner::after {
    z-index: 2;
    height: 3.375rem;
    background-image: linear-gradient(0deg,rgba(0,136,218,.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: var(--textWhite);
    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(/b2cDfiles/images/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/icons/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/icons/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/icons/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: 100%
}
.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: var(--casinoTabBG);
    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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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: #323844
}
.promotion-card .explanation-wrap .line {
    position: absolute;
    z-index: 1;
    top: -.1875rem;
    left: 0;
    width: 100%;
    height: .4375rem;
    background: url(/b2cDfiles/images/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: #5bc1ff;
    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,#0088da 3%,#0ea4ff 100%);
    box-shadow: 0 2px 4px 0 rgba(15,25,46,.5)
}
.promotion-card .explanation-wrap>p {
    color: rgba(255,255,255,.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(255,255,255,.8);
    vertical-align: middle;
    -webkit-mask: url(../images/icons/icon-time.svg)no-repeat center/cover;
    mask: url(../images/icons/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(/b2cDfiles/images/theme/blue_white/promotion/promotion-subnav-icon-1.png)
}
.promotion-subnav li a .icon-2 {
    background-image: url(/b2cDfiles/images/theme/blue_white/promotion/promotion-subnav-icon-2.png)
}
.promotion-subnav li a .icon-3 {
    background-image: url(/b2cDfiles/images/theme/blue_white/promotion/promotion-subnav-icon-3.png)
}
.promotion-subnav li a .icon-4 {
    background-image: url(/b2cDfiles/images/theme/blue_white/promotion/promotion-subnav-icon-4.png)
}
.promotion-subnav li a .icon-5 {
    background-image: url(/b2cDfiles/images/theme/blue_white/promotion/promotion-subnav-icon-5.png)
}
.promotion-subnav li a .icon-6 {
    background-image: url(/b2cDfiles/images/theme/blue_white/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(/b2cDfiles/images/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 #5bc1ff;
    border-radius: 2px;
    color: #5bc1ff
}
.promotion-big-card .time {
    display: inline-block;
    top: 3.5625rem;
    margin-bottom: .625rem;
    color: rgba(255,255,255,.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/icons/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/icons/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: #fbc103
}
.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(255,255,255,.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: #0088da!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: #0088da;
    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 #0088da;
    color: #0088da
}
.pop-setwallet .input-box p {
    color: #0088da;
    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/icons/icon-error.svg)no-repeat center/contain;
    mask: url(../images/icons/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: #0088da;
    text-decoration: underline
}
.other-choice .btn-link:hover {
    color: #0068a7
}
#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/icons/next-arrow.png)no-repeat center/50%,#f7a204
}
.promotion-filter-box .slick-prev {
    left: 0;
    background: url(../images/icons/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,#facd04 0,#fbc103 15%,#fbc103 30%,#facd04 55%,#facd04 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(/b2cDfiles/images/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 #967b02
}
.main-wrap-sport {
    position: relative;
    background: var(--favouriteMatchesBg)
}
.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/icons/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,#0088da 0,#41b8ff 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(/b2cDfiles/images/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/icons/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 {
    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 {
    font-size: 14px;
    line-height: 20px;
    min-width: 6.25rem;
    padding: .3125rem .625rem;
    transition: all .3s ease-in;
    border: 1px solid #fff;
    border-radius: 20px;
    background: #0068a7;
    color: rgba(255,255,255,.5);
    cursor: pointer
}
.sport-subnav-sub li a.active,.sport-subnav-sub li a:hover {
    border: 1px solid #0088da;
    background: #0098f4;
    color: #f2f2f2;
    text-shadow: 0 0 0 transparent
}
.sport-subnav-sub li a.active {
    border: 2px solid #28aeff
}
.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,9,14,.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: #41b8ff
}
.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: #5bc1ff;
    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: #0088da
}
.sport-lg .rule:hover,.sport-xs .rule:hover {
    color: #0088da
}
.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: #013d72;
    color: rgba(255,255,255,.5);
    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: #ffe332
}
.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(/b2cDfiles/images/sport/icon-sport-itemBaccarat.png)
}
.sport-lg .play-item.itemBaccaratTable::before,.sport-xs .play-item.itemBaccaratTable::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBaccaratTable.png)
}
.sport-lg .play-item.itemBaccaratBid::before,.sport-xs .play-item.itemBaccaratBid::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBaccaratBid.png)
}
.sport-lg .play-item.itemBaccaratSpeed::before,.sport-xs .play-item.itemBaccaratSpeed::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBaccaratSpeed.png)
}
.sport-lg .play-item.itemDragonTiger::before,.sport-xs .play-item.itemDragonTiger::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemDragonTiger.png)
}
.sport-lg .play-item.itemSuibao::before,.sport-xs .play-item.itemSuibao::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemSuibao.png)
}
.sport-lg .play-item.itemRoulette::before,.sport-xs .play-item.itemRoulette::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemRoulette.png)
}
.sport-lg .play-item.itemPokerBull::before,.sport-xs .play-item.itemPokerBull::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemPokerBull.png)
}
.sport-lg .play-item.itemHoldem::before,.sport-xs .play-item.itemHoldem::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemHoldem.png)
}
.sport-lg .play-item.itemGoldenFlower::before,.sport-xs .play-item.itemGoldenFlower::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemGoldenFlower.png)
}
.sport-lg .play-item.itemThreeDucalMinisters::before,.sport-xs .play-item.itemThreeDucalMinisters::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemThreeDucalMinisters.png)
}
.sport-lg .play-item.itemBlackJack::before,.sport-xs .play-item.itemBlackJack::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBlackJack.png)
}
.sport-lg .play-item.itemBaccaratBull::before,.sport-xs .play-item.itemBaccaratBull::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBaccaratBull.png)
}
.sport-lg .play-item.itemFTan::before,.sport-xs .play-item.itemFTan::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemFTan.png)
}
.sport-lg .play-item.itemMoneyWheel::before,.sport-xs .play-item.itemMoneyWheel::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemMoneyWheel.png)
}
.sport-lg .play-item.itemBasketball::before,.sport-xs .play-item.itemBasketball::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBasketball.png)
}
.sport-lg .play-item.itemBoxing::before,.sport-xs .play-item.itemBoxing::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemBoxing.png)
}
.sport-lg .play-item.itemFootball::before,.sport-xs .play-item.itemFootball::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemFootball.png)
}
.sport-lg .play-item.itemHockey::before,.sport-xs .play-item.itemHockey::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemHockey.png)
}
.sport-lg .play-item.itemTableTennis::before,.sport-xs .play-item.itemTableTennis::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemTableTennis.png)
}
.sport-lg .play-item.itemTennis::before,.sport-xs .play-item.itemTennis::before {
    background-image: url(/b2cDfiles/images/sport/icon-sport-itemTennis.png)
}
.sport-lg .play-item.itemVolleyball::before,.sport-xs .play-item.itemVolleyball::before {
    background-image: url(/b2cDfiles/images/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,#0ea4ff,#0088da)
}
.maintenance.sport-lg .maintenance-inner p {
    height: auto;
    color: #0088da
}
.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: #0088da
}
.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: #0088da;
    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(/b2cDfiles/images/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(/b2cDfiles/images/vip/gold.png)no-repeat center
}
.top-card-wrap li.whitegold .card,.top-card-wrap li.whitegold .card-sh {
    background: url(/b2cDfiles/images/vip/whitegold.png)no-repeat center
}
.top-card-wrap li.whitediamond .card,.top-card-wrap li.whitediamond .card-sh {
    background: url(/b2cDfiles/images/vip/whitediamond.png)no-repeat center
}
.top-card-wrap li.blackdiamond .card,.top-card-wrap li.blackdiamond .card-sh {
    background: url(/b2cDfiles/images/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: #0068a7;
    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(/b2cDfiles/images/fish/fishbg-1.jpg);
    background-position: bottom center;
    background-size: cover
}
.fish-wrap.beach {
    padding: 11.25rem 0 6.25rem;
    background-image: url(/b2cDfiles/images/fish/fishbg-2.jpg)
}
.fish-group li,.fish-group li::before {
    background: url(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/fish/fish-1.png)
}
.fish-group .fish-BBIN {
    top: -10px;
    left: -12px;
    width: 15.1875rem;
    height: 16.875rem;
    background-image: url(/b2cDfiles/images/fish/fish-2.png)
}
.fish-group .fish-JDB {
    top: -10px;
    left: 20px;
    width: 16rem;
    height: 15.25rem;
    background-image: url(/b2cDfiles/images/fish/fish-3.png)
}
.fish-group .fish-MWG {
    top: 20px;
    left: 0;
    width: 18.4375rem;
    height: 10.125rem;
    background-image: url(/b2cDfiles/images/fish/fish-4.png)
}
.fish-group .fish-CQ9 {
    top: -20px;
    left: 10px;
    width: 17rem;
    height: 13.3125rem;
    background-image: url(/b2cDfiles/images/fish/fish-5.png)
}
.fish-group .fish-GG {
    top: 0;
    left: -12px;
    width: 19.5rem;
    height: 12.4375rem;
    background-image: url(/b2cDfiles/images/fish/fish-6.png)
}
.fish-group .fish-SilkStoneSW {
    top: -10px;
    left: 25px;
    width: 13.125rem;
    height: 16.875rem;
    background-image: url(/b2cDfiles/images/fish/fish-7.png)
}
.fish-group .fish-SilkStonePT {
    top: 5px;
    left: 25px;
    width: 15.3125rem;
    height: 11.25rem;
    background-image: url(/b2cDfiles/images/fish/fish-8.png)
}
.fish-group .fish-BG {
    top: -10px;
    left: 20px;
    width: 16.3125rem;
    height: 16.9375rem;
    background-image: url(/b2cDfiles/images/fish/fish-9.png)
}
.fish-group .fish-AWCMFC {
    top: -10px;
    left: 20px;
    width: 15rem;
    height: 19.75rem;
    background-image: url(/b2cDfiles/images/fish/fish-10.png)
}
.fish-group .fish-KA {
    top: -15px;
    left: 30px;
    width: 15rem;
    height: 16.6875rem;
    background-image: url(/b2cDfiles/images/fish/fish-11.png)
}
.fish-group .fish-AWCMP8 {
    top: -15px;
    left: 20px;
    width: 15rem;
    height: 18.375rem;
    background-image: url(/b2cDfiles/images/fish/fish-12.png)
}
.fish-group .fish-AWCMYL {
    top: -15px;
    left: 65px;
    width: 12.6875rem;
    height: 19.875rem;
    background-image: url(/b2cDfiles/images/fish/fish-13.png)
}
.fish-group .fish-joker {
    top: -40px;
    left: 40px;
    width: 15.625rem;
    height: 14.6875rem;
    background-image: url(/b2cDfiles/images/fish/fish-14.png);
    background-size: contain
}
.fish-group .fish-ps {
    top: -15px;
    left: -23px;
    width: 20.1875rem;
    height: 17.375rem;
    background-image: url(/b2cDfiles/images/fish/fish-15.png)
}
.fish-group .fish-AWCMYESBINGO {
    top: -10px;
    left: 32px;
    width: 14.375rem;
    height: 17.375rem;
    background-image: url(/b2cDfiles/images/fish/fish-16.png)
}
.fish-group .fish-jili {
    top: -42px;
    left: 14px;
    width: 17.875rem;
    height: 20.3125rem;
    background-image: url(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/fish/fish-2-nav-top.png)
}
.fish-nav::after {
    bottom: -5.875rem;
    left: 0;
    width: 24rem;
    height: 5.875rem;
    background: url(/b2cDfiles/images/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,#fbc103,#facd04)
}
.fish-nav .maintenance-inner p,.fish-nav .maintenance-inner strong {
    display: inline-block;
    color: #fbc103;
    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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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: #0088da;
    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,#0088da 0,#0068a7 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: #0078c1
}
.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: #0ea4ff;
    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: #0088da;
    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/icons/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(/b2cDfiles/images/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/icons/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/icons/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: #474747
}
.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/icons/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: #28aeff
}
.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/icons/eyes-close.svg)no-repeat center/50%;
    mask: url(../images/icons/eyes-close.svg)no-repeat center/50%
}
.eyes.active {
    -webkit-mask: url(../images/icons/eyes-open.svg)no-repeat center/50%;
    mask: url(../images/icons/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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: #0088da;
    font-size: 180px;
    line-height: normal;
    text-transform: uppercase;
    white-space: nowrap
}
.iplimit-card-wrap .right-inner h4 {
    margin-bottom: 2.125rem;
    color: #0088da;
    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: #0088da
}
.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,#0088da 0,#013d72 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(/b2cDfiles/images/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(/b2cDfiles/images/chess/chess_girl1.png)
}
.chess-girl.g2,.chess-girl.g3 {
    width: 500px;
    height: 660px;
    background-image: url(/b2cDfiles/images/chess/chess_girl2.png)
}
.chess-girl.g3 {
    background-image: url(/b2cDfiles/images/chess/chess_girl3.png)
}
.chess-girl.g4,.chess-girl.g5 {
    width: 500px;
    height: 660px;
    background-image: url(/b2cDfiles/images/chess/chess_girl4.png)
}
.chess-girl.g5 {
    background-image: url(/b2cDfiles/images/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(/b2cDfiles/images/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(0,136,218,.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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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(/b2cDfiles/images/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: var(--aboutustabItemBg)
}
.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: var(--aboutustabItemText);
    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: var(--aboutustabactiveItemBg);
    color: var(--aboutustabactiveItemText)
}
.aboutus-body {
    flex: 1
}
.article-content {
    margin: 0 3.4375rem
}
.article-content-title {
    margin-bottom: 2.5rem;
    color: var(--articleTitleColor);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 2.1875rem
}
.article-detail {
    margin-bottom: 2.1875rem
}
.article-detail-tile {
    color: var(--articleTitleColor);
    font-weight: 700;
    line-height: 2.1875rem
}
.article-detail-sub-tile {
    color: var(--articleTitleColor);
    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: var(--articleText);
    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: #0088da
}
.article-detail-content .point-list>li {
    display: block
}
.article-detail-content .link {
    display: inline-block;
    border-bottom: 1px solid #111;
    color: #111
}
.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: #0088da;
    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%;
    color:var(--registerText);
}
.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(/b2cDfiles/images/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 var(--signupborder);
    border-width: .375rem;
    text-align: center;
    -o-border-image: linear-gradient(to bottom,#ffb80c 0,#f2ab00 100%); 
    border-image-slice: 1
}
.register-notice,.sign-in-notice {
    position: absolute;
    top: -1.875rem;
    color: var(--registerNotice);
    font-size: .875rem
}
.register-notice a,.sign-in-notice a {
    transition: .3s;
    color: var(--registerText)
}
.register-notice a:hover,.register-tab li.active a,.sign-in-notice a:hover {
    color: var(--registerText);
}
.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: var(--registerText)
}
.register-tab.register-tab-one {
    border-color: var(--registerText)
}
.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: #474747!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: var(--registerInputBg);
    color: var(--registerInputText)
}
.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 var(--registerText);
    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
}
.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/icons/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: #f7a204
}
.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: #8e8c86;
    display:flex;
}
.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/icons/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/icons/next-arrow.png)no-repeat center/50%,#111
}
.btn-register-next:hover {
    background: url(../images/icons/next-arrow.png)no-repeat center/50%,#111
}
.btn-register-prev {
    background: url(../images/icons/left-arrow.png)no-repeat center/50%,#111
}
.btn-register-prev:hover {
    background: url(../images/icons/left-arrow.png)no-repeat center/50%,#111
}
.btn-register-submit {
    float: right;
    border: 0;
    background: url(../images/icons/icon-check.svg)no-repeat center/50%,#76bd6a;
    cursor: pointer
}
.btn-register-submit:hover {
    background: url(../images/icons/icon-check.svg)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/icons/icon-angle-down_hover.svg)no-repeat center/contain;
    mask: url(../images/icons/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 #ffb80c;
    border-width: .375rem;
    background: url(/b2cDfiles/images/bg.png)no-repeat center/cover;
    text-align: center;
    vertical-align: top;
    -o-border-image: linear-gradient(to bottom,#ffb80c 0,#f2ab00 100%);
    border-image: linear-gradient(to bottom,#ffb80c 0,#f2ab00 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(/b2cDfiles/images/checked.png)no-repeat center/cover
}
.register-success-cont h5 {
    margin-bottom: 1.25rem;
    color: rgba(26,26,26,.6);
    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(26,26,26,.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: #41b8ff;
    line-height: 20px;
    vertical-align: text-top
}
.register-member-info label {
    display: block;
    margin-bottom: 0;
    color: #ffb80c
}
.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 #28aeff;
    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(/b2cDfiles/images/theme/blue_white/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: #0088da
}
.app-download .section:nth-child(1) {
    background-image: url(/b2cDfiles/images/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(/b2cDfiles/images/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: #0098f4;
    -webkit-text-fill-color: #fff;
    text-fill-color: #fff
}
.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 #5bc1ff;
    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: #0098f4;
    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: #00588e;
    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: #0098f4
}
.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: #0098f4;
    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: #0098f4;
    -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: rgba(255,255,255,.3);
    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(255,255,255,.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,.third-party-login .success-tips p span,.third-party-login .verification-tips p span,.third-party-login .verification-txt p span {
    color: #fff
}
.third-party-login .btn-secondary {
    background: linear-gradient(to right,#0088da 0,#0098f4 50%);
    box-shadow: inset 0 0 .1875rem #0ea4ff
}
.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(255,255,255,.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: #4d4d4d;
    box-shadow: none
}
.third-party-login .btn-disable a {
    color: rgba(255,255,255,.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(255,255,255,.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 rgba(51,51,51,.8);
    background: #333
}
.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 #0098f4
}
.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: rgba(255,255,255,.3);
    font-size: .875rem;
    line-height: 1.5
}
.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: #0098f4
}
.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: #0098f4
}
.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: #0098f4;
    -webkit-text-fill-color: #fff
}
.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(255,255,255,.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: #0098f4;
    -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 rgba(51,51,51,.8);
    border-radius: .3125rem;
    background: #333;
    margin-top: .875rem
}
.third-party-login .puzzle-verification-box .title {
    position: relative;
    width: 100%;
    padding: 1.0625rem;
    border-bottom: 1px solid rgba(51,51,51,.8);
    line-height: 1
}
.third-party-login .puzzle-verification-box .title p {
    padding: 0;
    color: #fff;
    font-size: .875rem;
    line-height: 1.5;
    text-align: left
}
.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 rgba(51,51,51,.8);
    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-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: rgba(255,255,255,.3)
}
.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: rgba(255,255,255,.3);
    font-size: .75rem
}
.third-party-login .pop-wrap.add-phone-number .item-icon {
    display: inline-flex;
    color: #004874;
    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
}
.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: rgba(255,255,255,.3)
}
.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: #333;
    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: #fff;
    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: #333;
    color: #fff;
    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: rgba(255,255,255,.3);
    background: rgba(255,255,255,.3);
    width: 1.875rem;
    height: 1.875rem;
    -webkit-mask-image: url(../images/icons/icon-angle-down-shape.svg);
    mask-image: url(../images/icons/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: #fff;
    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 rgba(51,51,51,.8);
    border-radius: .3125rem;
    background: #333;
    color: #fff;
    font-family: helvetica;
    font-size: .75rem
}
.third-party-login .input-group input::-webkit-input-placeholder {
    color: rgba(255,255,255,.3)
}
.third-party-login .input-group input::-moz-placeholder {
    color: rgba(255,255,255,.3)
}
.third-party-login .input-group input::placeholder {
    color: rgba(255,255,255,.3)
}
.third-party-login .input-group input:focus {
    padding: 0 2.75rem 0 1rem;
    border: .0625rem solid #0098f4
}
.third-party-login .input-group input:disabled {
    border: .0625rem solid #1a1a1a;
    background: #1a1a1a;
    color: rgba(255,255,255,.3)
}
.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 rgba(51,51,51,.8);
    border-radius: .3125rem;
    background: #333
}
.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: rgba(255,255,255,.3);
    color: transparent;
    -webkit-mask-image: url(../images/icons/icon-cross-type02.svg);
    mask-image: url(../images/icons/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(255,255,255,.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(255,255,255,.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 #0098f4
}
.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-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 rgba(51,51,51,.8);
    border-radius: .3125rem;
    background: #333;
    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 #0098f4
}
.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: #fff
}
.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: rgba(51,51,51,.8)
}
.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: rgba(255,255,255,.3)
}
.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 #4d4d4d
}
.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: #0098f4;
    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: #0098f4;
    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: rgba(255,255,255,.3);
    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(255,255,255,.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: rgba(255,255,255,.3)
}
.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 #4d4d4d
}
.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: #0098f4;
    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: rgba(255,255,255,.3);
    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: #0098f4;
    -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(255,255,255,.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: #0098f4;
    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(0,152,244,.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: #0098f4
}
.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: #0098f4;
    -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: #0098f4;
    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: rgba(255,255,255,.3);
    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: #fff;
    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 rgba(51,51,51,.8);
    border-radius: .3125rem;
    background: #333;
    font-size: .875rem;
    line-height: 1.5;
    text-align: left
}
.third-party-login .user-password-info label {
    padding-right: .3125rem;
    color: rgba(255,255,255,.3)
}
.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: #fff;
    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: #0088da;
    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 rgba(51,51,51,.8)
}
.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: rgba(255,255,255,.3);
    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 rgba(51,51,51,.8);
    background-color: #333;
    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: #0098f4
}
.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: #fff
}
.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: #0098f4
}
.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: #0098f4
}
.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: #4d4d4d;
    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: rgba(255,255,255,.3);
    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: #fff;
    line-height: 3rem
}
.third-party-login .input-box.input-money.active .reset-btn {
    background-color: #0098f4
}
.third-party-login .input-box [type=text]:focus {
    border-color: #0098f4
}
.third-party-login .input-box [type=text] {
    border-radius: .3125rem;
    color: #fff
}
.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: #0098f4;
    color: #0098f4
}
.third-party-login .choose-box [type=checkbox]:checked+label p,.third-party-login .choose-box [type=radio]:checked+label p {
    color: #0098f4
}
.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 #0098f4
}
.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(0,136,218,.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
}
.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: rgba(255,255,255,.3)
}
.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%
}
.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 .form-pop .info-list span,.third-party-login .tag-rebate-money p,.third-party-login .tag-rebate-money span {
    color: #fff
}
.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(255,255,255,.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
}
.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: #0088da!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(/b2cDfiles/images/ic-prev.svg)no-repeat center;
    background-size: 35%
}
.pagination .next>a {
    background: url(/b2cDfiles/images/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
    }}
.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: #0088da
}
.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
}
header .status-wrap .header-online-sevice .online-sevice-inner li:last-child a {
    border-right: 0
}
header .logo {
    width: 125px
}
.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: #0088da;
    box-shadow: -4px 4px 0 4px rgba(0,136,218,.6),-7px 7px 0 7px #252525,-8px 8px 0 8px rgba(0,136,218,.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,.main-sub-nav .lv2-menu .maintenance.menu-item .maintenance-box p {
    color: #0088da
}
.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%)
}
.promotion-card .explanation-wrap .tag {
    border: 0;
    background: #0088da
}
.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
}
.footer-license {
    padding: .9375rem 0
}
.footer-license .license-cont .license-title {
    color: var(--footertext);
    font-size: .8125rem;
    font-weight: 700
}
.footer-license .license-cont p {
    color: var(--footertext);
    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
}
.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: #0088da
}
.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/icons/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,.player-sidenav .vip-level-icon i,.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 #013d72;
    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: var(--secondaryBtnBG);
    box-shadow: none;
    color: var(--btnColor);
    border-radius:0
}
.promotion-nav .btn-default-radius {
	background:var(--promoItenBg);
}
.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 {
    background: 0 0;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid #ffdf18
}
.record-aside-box.terms-sdide-box .player-guild-cont a {
    color: #0ea4ff!important
}
.record-aside-box.terms-sdide-box .player-guild-cont a:hover {
    color: #41b8ff!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: #0088da
}
.fish-games-cont .games-icon {
    height: 11.875rem
}
.side-slider.contact-service-box .contact-service-logo img {
    max-width: 25%
}
.promotion-card .explanation-wrap .tag {
    background: rgba(0,0,0,.2)
}
.lv1 .member-photo {
    background: url(../images/icons/player/vip/vip-totem-bg-1.svg)no-repeat center/100%
}
.lv2 .member-photo {
    background: url(../images/icons/player/vip/vip-totem-bg-2.svg)no-repeat center/100%
}
.lv3 .member-photo {
    background: url(../images/icons/player/vip/vip-totem-bg-3.svg)no-repeat center/100%
}
.lv4 .member-photo {
    background: url(../images/icons/player/vip/vip-totem-bg-4.svg)no-repeat center/100%
}
.lv5 .member-photo {
    background: url(../images/icons/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
}

.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}
.kevin .about-bj-04 .ambassafor-awards label,.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/vip/bg.jpg)no-repeat top center,#000;
    background-size: 100%auto
}
body:lang(hi) .vipbg {
    background: url(../images/vip/bg.jpg)no-repeat top center,#000;
    background-size: 100%auto
}
.vipbg {
    width: 100%;
    height: auto;
    margin-top: 145px;
    background: url(../images/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: #f9c83a
}
.ambassador-navigation.slick-num02 a {
    background: #af2639
}
.ambassador-navigation.slick-num03 a {
    background: #2468a0
}
.ambassador-navigation.slick-num04 a {
    background: #72178c
}
.ambassador-navigation.slick-num05 a {
    background: #02a7bd
}
.ambassador-navigation.slick-num06 a {
    background: #72243a
}
.ambassador-navigation.slick-num07 a {
    background: #14805e
}
.ambassador-navigation.slick-num08 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-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;
    color: #f9c83a
}
.ambassador-tips p {
    font-size: 1.375rem;
    text-align: center;
    color: #f9c83a
}
.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-title h2 {
    color: #1bac7e
}
.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
}
.deccan {
    background-image: url(/images/v1/web/bj/ambassador-v2/deccan/bottom-bg.png),linear-gradient(#17192b,#1d2144);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%
}
.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
}
.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))
}
.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
}
.ambassafor-awards p {
    flex: 1
}
.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
}
.deccan .photo-list div,.footy-league .photo-list div,.quetta-gladiators .photo-list div {
    width: 100%;
    height: 100%;
    background-size: cover
}
.album img,.deccan .photo-list img,.footy-league .photo-list img,.quetta-gladiators .photo-list img,.video-item embed,.video-item iframe,.video-item object {
    width: 100%;
    height: 100%
}
.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 {
    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 {
    background-position: center
}
.deccan .item-1 {
    grid-column: 1/2;
    grid-row: 2/10
}
.deccan .item-2 {
    grid-column: 3/4;
    grid-row: 1/16
}
.deccan .item-3 {
    grid-column: 5/6;
    grid-row: 1/10
}
.deccan .item-4 {
    grid-column: 7/8;
    grid-row: 2/8
}
.deccan .item-5 {
    grid-column: 1/2;
    grid-row: 11/16
}
.deccan .item-6 {
    grid-column: 5/6;
    grid-row: 11/16
}
.deccan .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%
}
.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(bn) .deccan .ambassador-inner-title h2 i {
    font-size: 2.75rem;
    font-weight: 400
}
body:lang(hi) .deccan .ambassador-inner-title h2 i {
    font-size: 3.125rem;
    font-weight: 400
}
.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: var(--referralCodeText);
    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-banner__logo img,.referral-info__bg img {
    width: 100%
}
.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: var(--PrimaryBtnBg);
    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: var(--referralCodeText)
}
.code-panel-area__icon {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    background: var(--referralCodeText);
    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: var(--referralCodeText)
}
.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: var(--referralCodeText)
}
.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/referral/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__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: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-descrp,.referral-program-promotion-leaderboard-list__item-name {
    font-size: .75rem;
    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: center;
    position: relative;
    padding: .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 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 1.125rem 1rem;
    gap: 1rem;
    -webkit-column-gap: 1.125rem;
    -moz-column-gap: 1.125rem;
    column-gap: 1.125rem
}
.program-ratio-board-tier__cell {
    display: flex;
    justify-content: space-between
}
.program-ratio-board-tier__type {
    font-size: .75rem;
    color: #b5b5b5
}
.program-ratio-board-tier__value {
    color: #fff;
    font-weight: 700;
    font-size: .875rem
}
.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
}
.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: var(--referralCodeText)
}
.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: var(--PrimaryBtnBg);
    border-radius: .3125rem
}
.reward-history-box .status--cancelled {
    color: var(--errorMsg)
}
.reward-history-box .status--expired {
    color: #797979
}
.reward-history-box .status--claimed {
    color: var(--statusConfirm)
}
.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: #333;
    border-radius: .3125rem;
    border: 1px solid #464646;
    min-height: 6.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #b5b5b5;
    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;
    display: grid;
    grid-template-columns: 50fr 50fr;
    padding: .625rem 2.6875rem .625rem 1.25rem;
    -webkit-column-gap: 2.8125rem;
    -moz-column-gap: 2.8125rem;
    column-gap: 2.8125rem;
    row-gap: .6875rem
}
.record-detail-grid__cell {
    display: flex
}
.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
}
.slick-slide img{
    width:100% !important
}