@charset "UTF-8";header {
    z-index: 6000
}

.menu {
    z-index: 9000
}

.pop-bg {
    z-index: 8000
}

.pop-wrap {
    z-index: 9000
}

.member-menu {
    z-index: 9000
}

.searchpage {
    z-index: 9000
}

.menu-mask {
    z-index: 8000
}

.modal {
    z-index: 8000
}

.modal-backdrop {
    z-index: 7000
}

.rotating-pop {
    z-index: 9001
}

.launch-game-content {
    z-index: 8500
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    outline: 0
}

select,input {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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
}

/* @font-face {
    font-family: Impacto;
    font-weight: bold;
    src: url("/fonts/slick.eot");
    src: url("/fonts/slick.eot?#iefix") format("embedded-opentype"),url("/fonts/slick.woff") format("woff"),url("/fonts/slick.ttf") format("truetype"),url("/fonts/slick.svg#slick") format("svg")
} */

html,body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    display: flex;
    position: relative;
    flex-direction: column;
    min-height: 100vh;
    background-color: #000;
    font-family: "Helvetica Neue",Helvetica,Tahoma,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}

body.menu-active {
    height: 100%;
    overflow: hidden
}

body.no-scroll {
    overflow: hidden
}

.content {
    position: relative;
    flex: 1;
    width: 100%;
    min-height: auto;
    padding: 13.3333333333vw 0 0;
    background-color: #000
}

.fixed-tab {
    padding-top: 26.6666666667vw
}

.fixed-tab .tabBtn-section {
    position: fixed;
    top: 13.3333333333vw;
    box-shadow: 0 .2666666667vw .8vw rgba(0,0,0,0.3);
    z-index: 3
}

.fixed-tab .tabBtn-wrap {
    box-shadow: none
}

.content-main {
    position: relative;
    left: 0;
    width: 100%;
    height: auto
}

.content-main::after {
    content: "";
    display: block;
    clear: both
}

.content-main .content-box {
    width: 100%
}

.button {
    position: relative;
    width: 100%;
    height: 8vw;
    border-radius: .8vw;
    background-color: #ffb80c;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 8vw;
    text-align: center
}

.button a {
    display: block;
    padding: 0 4vw;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button.gray {
    background-color: #999
}

.button.gray-ol {
    border-width: .2666666667vw;
    border-style: solid;
    border-color: #999;
    background-color: transparent;
    color: #fff
}

.prompt {
    display: block;
    width: 100%;
    padding: 4vw 0 5.3333333333vw;
    color: #999;
    font-size: 3.4666666667vw;
    text-align: center
}

@media screen and (min-aspect-ratio: 13/9) {
    .content {
        padding:7.4962518741vmax 0 0
    }

    .button {
        height: 4.4977511244vmax;
        border-radius: .4497751124vmax;
        font-size: 1.9490254873vmax;
        line-height: 4.4977511244vmax
    }

    .button a {
        padding: 0 2.2488755622vmax
    }

    .prompt {
        padding: 2.2488755622vmax 0 2.9985007496vmax;
        font-size: 1.9490254873vmax
    }

    .fixed-tab {
        padding-top: 14.9925037481vmax
    }

    .fixed-tab .tabBtn-section {
        top: 7.4962518741vmax;
        box-shadow: 0 .1499250375vmax .4497751124vmax rgba(0,0,0,0.3)
    }

    .fixed-tab .tabBtn-wrap {
        box-shadow: none
    }
}

.inputbox input:-webkit-autofill,.inputbox input:-webkit-autofill:hover,.inputbox input:-webkit-autofill:focus,.inputbox select:-webkit-autofill,.inputbox select:-webkit-autofill:hover,.inputbox select:-webkit-autofill:focus,.inputbox textarea:-webkit-autofill,.inputbox textarea:-webkit-autofill:hover,.inputbox textarea:-webkit-autofill:focus {
    background-image: none;
    box-shadow: 0 0 0 50px #262626 inset !important;
    -webkit-text-fill-color: #ffb80c !important;
}

.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:hover,.input-group input:-webkit-autofill:focus,.input-group select:-webkit-autofill,.input-group select:-webkit-autofill:hover,.input-group select:-webkit-autofill:focus,.input-group textarea:-webkit-autofill,.input-group textarea:-webkit-autofill:hover,.input-group textarea:-webkit-autofill:focus {
    background-image: none;
    box-shadow: 0 0 0 50px #111 inset !important;
    -webkit-text-fill-color: #fff !important;
}

.template {
    width: 100%;
    padding: 4vw;
    background-color: #333
}

.template h2 {
    margin-bottom: 2.6666666667vw;
    color: #fff;
    font-size: 4vw
}

.template h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background-color: #ffb80c;
    vertical-align: middle
}

.template h2 span {
    display: inline-block;
    vertical-align: middle
}

.template ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5.3333333333vw
}

.template li {
    width: 44vw;
    margin-bottom: 4vw;
    transition: all .3s;
    border-radius: .8vw;
    background-color: #666;
    box-shadow: 0 0 1.3333333333vw rgba(0,0,0,0.5);
    font-size: 3.4666666667vw;
    text-align: center;
    text-shadow: 0 .2666666667vw 0 rgba(0,0,0,0.5)
}

.template li:hover {
    background-color: #ffb80c
}

.template li.noUsePage a {
    color: #8d8d8d
}

.template a {
    display: block;
    padding: 2.6666666667vw;
    color: #fff;
    text-decoration: none
}

.template p {
    margin-top: .8vw;
    font-size: 2.6666666667vw;
    opacity: .5
}

.template.tabContent .inner-box {
    overflow: hidden
}

.player-area li {
    background-color: #5b626c
}

.gotoplayer {
    position: fixed;
    top: 2.6666666667vw;
    right: 2.6666666667vw;
    padding: .8vw 1.3333333333vw;
    color: #fff;
    z-index: 1;
    border-radius: .8vw;
    background-color: #d89900;
    font-size: 2.6666666667vw
}

.gotoplayer::after {
    content: "↓";
    display: inline-block;
    vertical-align: middle
}

.loading .banner-v1,.loading .banner-v2 {
    -webkit-animation: shine 1s infinite ease-in-out;
    animation: shine 1s infinite ease-in-out;
    background-image: linear-gradient(-45deg,transparent 0,transparent 25%,#1e1e1e 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%
}

.loading .nav-category .btn::before {
    background-color: #4a4a4a
}

.loading .recommend-card::before {
    -webkit-animation: shine 1s infinite ease-in-out;
    animation: shine 1s infinite ease-in-out;
    background-image: linear-gradient(-45deg,transparent 0,transparent 25%,#1e1e1e 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%;
    background-color: #111
}

.loading .content-main .content-box {
    width: auto;
    margin: 0 2.6666666667vw
}

.loading .content-main .content-box .card-banner li {
    -webkit-animation: shine 1s infinite ease-in-out;
    animation: shine 1s infinite ease-in-out;
    background-image: linear-gradient(-45deg,transparent 0,transparent 25%,#0d0d0d 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%;
    height: 30.4vw
}

.loading .lobby-icon {
    -webkit-animation: shine 1s infinite ease-in-out;
    animation: shine 1s infinite ease-in-out;
    background-image: linear-gradient(-45deg,transparent 0,transparent 25%,white 50%,transparent 75%,transparent 100%);
    background-repeat: repeat-y;
    background-position: -360% 0%;
    background-size: 80% 100%;
    height: 16.5333333333vw;
    background-color: white
}

@-webkit-keyframes shine {
    to {
        background-position: 640% 0
    }
}

@keyframes shine {
    to {
        background-position: 640% 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track::before,.slick-track::after {
    content: "";
    display: table
}

.slick-track::after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: auto;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.content-main .slick-slide {
    margin: 0 2.6666666667vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-main .slick-slide {
        margin:0 1.4992503748vmax
    }
}

.banner .slider {
    width: 100%;
    margin: 0 auto;
    transition: all ease-in-out .3s;
    opacity: 1
}

.banner .slider .slick-track {
    position: relative;
    padding: 1.3333333333vw 0;
    display: flex;
    overflow: hidden
}

.banner .slider .slick-slide {
    position: relative;
    height: 32vw;
    margin: 0 1.3333333333vw 1.3333333333vw;
    overflow: hidden;
    border-radius: 1.3333333333vw;
    box-shadow: 0 .5333333333vw .8vw rgba(0,0,0,0.3)
}

.banner .slider .slick-slide a {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner .slider .slick-slide img {
    display: block;
    width: auto;
    height: 100%
}

.banner .slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.banner .slick-dots li {
    display: inline-block;
    position: relative;
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: 0 .5333333333vw;
    overflow: hidden;
    border-radius: .5333333333vw;
    background-color: rgba(255,255,255,0.5);
    text-indent: -2666.4vw
}

.banner .slick-dots li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff
}

.banner .slick-dots li.slick-active::after {
    -webkit-animation: slick--times-animation 3s;
    animation: slick--times-animation 3s
}

.banner .banner-v2 .slick-track {
    padding: 0
}

.banner .banner-v2 .slick-slide {
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.banner .banner-v2 .slick-dots {
    bottom: 2.6666666667vw
}

.nav-category .slick-list {
    width: 100%;
    padding: 0 !important;
    overflow: inherit
}

.nav-category .slick-track {
    left: 0 !important;
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important
}

.nav-category .slick-current {
    background-color: #ffbf26
}

.nav-category .slick-current p {
    color: #fff
}

.nav-category .slick-current::before {
    box-shadow: 0 .5333333333vw 1.3333333333vw rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,0)
}

.nav-category .slick-current::after {
    display: block
}

.nav-category .slick-slide {
    height: auto
}

.nav-category.active .slick-current .btn::after {
    display: block;
    bottom: -4vw;
    border-color: #ffb80c transparent transparent
}

.nav.nav-auto .slick-list {
    display: flex
}

.nav.nav-auto .slick-list .slick-track {
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.nav.nav-auto .slick-list .btn {
    width: auto;
    min-width: 18.1818181818%
}

@media screen and (min-aspect-ratio: 13/9) {
    .nav-category .slick-current .btn::before {
        box-shadow:0 .299850075vmax .7496251874vmax rgba(0,0,0,0.3)
    }

    .nav-category.active .slick-current .btn::after {
        bottom: -2.2488755622vmax
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .announcement-colum .slick-track {
        padding:.8995502249vmax 0 0
    }
}

header {
    display: flex;
    position: fixed;
    top: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 13.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    background-color: #111
}

header.active {
    box-shadow: 0 .2666666667vw .8vw rgba(0,0,0,0.3)
}

header.no-shadow {
    box-shadow: none
}

header .logo,header .header-title,header .menu-btn,header .service-btn,header .forum-btn,header .back-btn,header .login-btn,header .editor-btn,header .app-download,header .inbox-btn {
    display: none
}

header.normal .logo,header.normal .menu-btn,header.normal .service-btn,header.normal .forum-btn,header.normal .app-download,header.normal .inbox-btn {
    display: flex
}

header.login .login-btn {
    display: flex
}

header.editor .editor-btn {
    display: flex
}

header.player.editor .service-btn,header.player.editor .forum-btn {
    display: none
}

header.player,header.register {
    background: #ffb80c
}

header.player .header-title,header.player .service-btn,header.player .forum-btn,header.player .back-btn,header.register .header-title,header.register .service-btn,header.register .forum-btn,header.register .back-btn {
    display: flex
}

header.player .service-btn::before,header.register .service-btn::before {
    background-color: #fff
}

header.player .service-btn p,header.register .service-btn p {
    color: #fff
}

header.player .forum-btn::before,header.register .forum-btn::before {
    background-color: #fff
}

header.player .forum-btn p,header.register .forum-btn p {
    color: #fff
}

header.register .service-btn,header.register .forum-btn {
    display: none
}

header.member {
    height: 13.3333333333vw;
    border-bottom: .2666666667vw solid #333;
    background-color: #262626
}

header.member .back-btn,header.member .header-title {
    display: flex
}

header.member .header-title {
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center
}

header.member .back-btn {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background-color: #888;
    /* -webkit-mask: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center/40%;
    mask: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center/40% */
}

header.member .back-btn a {
    display: block;
    width: 100%;
    height: 100%
}

header .header-left-btn-group {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start
}

header .header-right-btn-group {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: .8vw
}

header .logo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 26.6666666667vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /* background-image: url("/images/h5/theme/black/logo.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% auto;
    text-indent: -2666.4vw
}

header .header-title {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 4.2666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu-btn {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background-color: #111
}

.menu-btn ul li {
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: .8vw 0;
    border-radius: .5333333333vw;
    background-color: #ffb80c
}

.menu-btn ul li:nth-child(2) {
    width: 4.5333333333vw
}

.menu-btn ul li:nth-child(3) {
    width: 3.7333333333vw
}

.service-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.service-btn::before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/index-theme-icon/header-service-icon.svg") no-repeat center/contain;
    mask: url("/images/h5/icon-set/index-theme-icon/header-service-icon.svg") no-repeat center/contain */
}

.service-btn p {
    color: #ffb80c;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.service-btn p a {
    color: #fff
}

.forum-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.forum-btn::before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/index-theme-icon/header-forum-icon.svg") no-repeat center/contain;
    mask: url("/images/h5/icon-set/index-theme-icon/header-forum-icon.svg") no-repeat center/contain */
}

.forum-btn p {
    color: #ffb80c;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.forum-btn p a {
    color: #fff
}

.login-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    background: 0
}

.login-btn::before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/index-theme-icon/header-logout-icon.svg") no-repeat center/contain;
    mask: url("/images/h5/icon-set/index-theme-icon/header-logout-icon.svg") no-repeat center/contain */
}

.login-btn p {
    color: #ffb80c;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.login-btn p a {
    color: #fff
}

.back-btn,.editor-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.back-btn a,.editor-btn a {
    display: block;
    width: 100%;
    height: 100%
}

.back-btn {
    background: #fff;
    -webkit-mask: url(./MobileImage/icon-arrow-type01.svg) no-repeat center/40%;
    mask: url(./MobileImage/icon-arrow-type01.svg) no-repeat center/40%
}

.editor-btn {
    background: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-editor.svg") no-repeat center/35%;
    mask: url("/images/h5/icon-set/icon-editor.svg") no-repeat center/35% */
}

.app-download {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.app-download::before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background-color: #ffb80c;
    -webkit-mask: url(./MobileImage/header-appdownload-icon.svg) no-repeat center/contain;
    mask: url(./MobileImage/header-appdownload-icon.svg) no-repeat center/contain
}

.app-download p {
    color: #ffb80c;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.app-download p a {
    color: #fff
}

@media screen and (min-aspect-ratio: 13/9) {
    header {
        height:7.4962518741vmax
    }

    header.active {
        box-shadow: 0 .1499250375vmax .4497751124vmax rgba(0,0,0,0.3)
    }

    header.member {
        height: 7.4962518741vmax;
        border-bottom: .1499250375vmax solid #333
    }

    header.member .header-title {
        font-size: 2.3988005997vmax
    }

    header.member .back-btn {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    header .logo {
        width: 14.9925037481vmax
    }

    header .header-title {
        font-size: 2.3988005997vmax
    }

    .menu-btn {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .menu-btn ul li {
        width: 2.9985007496vmax;
        height: .299850075vmax;
        margin: .4497751124vmax 0;
        border-radius: .299850075vmax
    }

    .menu-btn ul li:nth-child(2) {
        width: 2.5487256372vmax
    }

    .menu-btn ul li:nth-child(3) {
        width: 2.0989505247vmax
    }

    .service-btn,.forum-btn,.app-download {
        min-width: 6.7466266867vmax;
        max-width: 9.7451274363vmax
    }

    .service-btn::before,.forum-btn::before,.app-download::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-bottom: .299850075vmax
    }

    .service-btn p,.forum-btn p,.app-download p {
        font-size: 1.7991004498vmax
    }

    .login-btn {
        min-width: 6.7466266867vmax;
        max-width: 9.7451274363vmax;
        border: .1499250375vmax solid transparent
    }

    .login-btn::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-bottom: .299850075vmax
    }

    .login-btn p {
        font-size: 1.7991004498vmax
    }

    .back-btn,.editor-btn {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }
}

.header-right-btn-group a {
    text-decoration: none
}

.toolbar {
    position: fixed;
    z-index: 104;
    bottom: 0;
    width: 100%;
    height: 13.3333333333vw;
    border-top: .2666666667vw solid #333;
    background-color: #111
}

.toolbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.toolbar ul li {
    position: relative;
    width: 20%;
    height: auto
}

.toolbar ul li a {
    display: block;
    text-decoration: none
}

.toolbar ul li a::before {
    content: "";
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.toolbar ul li a p {
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}
.toolbar ul li.home a::before {
    background-image: url(./MobileImage/toolbar-icon-home.svg)
}
.toolbar ul li.promotion a::before {
    background-image: url(./MobileImage/toolbar-icon-promotion.svg)
}

.toolbar ul li.deposit a::before {
    background-image: url(./MobileImage/toolbar-icon-deposit.svg)
}
.toolbar ul li.mine a::before {
    background-image: url(./MobileImage/toolbar-icon-mine.svg)
}

/* 




.toolbar ul li.transfer a::before {
    background-image: url("/images/h5/icon-set/toolbar-icon/toolbar-icon-transfer.svg")
}

 */

.toolbar ul li::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    transition: all .3s;
    border-radius: 10.6666666667vw;
    background: #333
}

.toolbar ul li.active::after {
    -webkit-animation: toolbar-active-animation .4s ease-in-out;
    animation: toolbar-active-animation .4s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes toolbar-active-animation {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    85% {
        -webkit-transform: translate(-50%,-50%) scale(1.2);
        transform: translate(-50%,-50%) scale(1.2)
    }

    90% {
        -webkit-transform: translate(-50%,-50%) scale(0.9);
        transform: translate(-50%,-50%) scale(0.9)
    }

    95% {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1)
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes toolbar-active-animation {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    85% {
        -webkit-transform: translate(-50%,-50%) scale(1.2);
        transform: translate(-50%,-50%) scale(1.2)
    }

    90% {
        -webkit-transform: translate(-50%,-50%) scale(0.9);
        transform: translate(-50%,-50%) scale(0.9)
    }

    95% {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1)
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .toolbar {
        height:7.4962518741vmax;
        border-top: .1499250375vmax solid #333
    }

    .toolbar ul li a::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin: 0 auto .7496251874vmax
    }

    .toolbar ul li a p {
        font-size: 1.7991004498vmax
    }

    .toolbar ul li::after {
        width: 5.9970014993vmax;
        height: 5.9970014993vmax;
        border-radius: 5.9970014993vmax
    }
}

.banner {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    margin: -0.2666666667vw 0 0;
    overflow: hidden;
    background-color: #111
}

.banner::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 13.3333333333vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #111
}

.banner .banner-v1 {
    height: 36vw
}

.banner .slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.banner .slick-dots li {
    display: inline-block;
    position: relative;
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: 0 .5333333333vw;
    overflow: hidden;
    border-radius: .5333333333vw;
    background-color: rgba(255,255,255,0.5);
    text-indent: -2666.4vw
}

.banner .slick-dots li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff
}

.banner .slick-dots li.slick-active::after {
    -webkit-animation: slick--times-animation 3s;
    animation: slick--times-animation 3s
}

.banner .banner-v2 {
    height: 32vw
}

.banner .banner-v3 {
    height: 56vw
}

.banner-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@-webkit-keyframes slick--times-animation {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes slick--times-animation {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.member-content .banner {
    background-color: #000
}

.member-content .banner li {
    background-color: rgba(255,255,255,0.3)
}

.member-content .banner li::after {
    background-color: #fff
}

.nav-category {
    display: flex;
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    transition: all .3s;
    border-bottom: .2666666667vw solid black;
    background-color: #f2ab00
}

.nav-category .btn {
    position: relative;
    width: 100%;
    padding: 4vw 0;
    transition: all .3s
}

.nav-category .btn a {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.nav-category .btn::before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto 1.8666666667vw;
    transition: all .3s;
    border-radius: 10.6666666667vw;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.nav-category .btn::after {
    content: "";
    display: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 2.1333333333vw;
    border-style: solid;
    border-color: transparent transparent #000
}

.nav-category .btn p {
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: bold;
    text-align: center
}
.nav-category .btn[data-navcategory=sport]::before {
    background-image: url(./MobileImage/icon-sport.svg)
}
.nav-category .btn[data-navcategory=casino]::before {
    background-image: url(./MobileImage/icon-casino.svg)
}
.nav-category .btn[data-navcategory=games]::before {
    background-image: url(./MobileImage/icon-games.svg)
}
.nav-category .btn[data-navcategory=table]::before {
    background-image: url(./MobileImage/icon-table.svg)
}
.nav-category .btn[data-navcategory=lottery]::before {
    background-image: url(./MobileImage/icon-lottery.svg)
}
/*

.nav-category .btn[data-navcategory=chess]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-chess.svg")
}

.nav-category .btn[data-navcategory=esport]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-esport.svg")
}

.nav-category .btn[data-navcategory=fh]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-fish.svg")
}

.nav-category .btn[data-navcategory=other]::before {
    background-image: url("/images/h5/icon-set/theme-icon/white/icon-other.svg")
}
 */

.nav-category.active {
    position: fixed;
    z-index: 2;
    top: 13.0666666667vw;
    box-shadow: 0 0 .8vw rgba(0,0,0,0.3)
}

.nav-category.active .btn::before {
    height: 0;
    margin: 0 auto;
    opacity: 0
}

@media screen and (min-aspect-ratio: 13/9) {
    .nav-category .btn {
        padding:2.2488755622vmax 0
    }

    .nav-category .btn::before {
        width: 5.9970014993vmax;
        height: 5.9970014993vmax;
        margin: 0 auto 1.0494752624vmax;
        border-radius: 5.9970014993vmax
    }

    .nav-category .btn::after {
        border-width: 1.1994002999vmax
    }

    .nav-category .btn p {
        font-size: 1.9490254873vmax
    }

    .nav-category.active {
        top: 7.4962518741vmax;
        box-shadow: 0 0 .4497751124vmax rgba(0,0,0,0.3)
    }
}

.tab {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 13.3333333333vw;
    border-top: .2666666667vw solid #333;
    border-bottom: .2666666667vw solid #333;
    background-color: #222
}

.tab.search-tab {
    margin-bottom: 2.6666666667vw
}

.tab.search-tab ul li {
    background-color: #333;
    color: #fff
}

.tab.search-tab ul li.active {
    background-color: #ffb80c;
    color: #fff
}

.tab.search-tab .btn::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat center/40%;
    mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat center/40% */
}

.tab.filter-tab ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    line-height: 12vw
}

.tab.filter-tab ul li {
    line-height: 1.5;
    background-color: #999;
    color: #fff;
    font-size: 3.2vw
}

.tab.filter-tab ul li+li::after {
    content: "";
    display: inline;
    position: absolute;
    height: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -1.6vw;
    width: .2666666667vw;
    background: rgba(153,153,153,0.7)
}

.tab.filter-tab .btn::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/index-theme-icon/games-filter-icon.svg") no-repeat center/40%;
    mask: url("/images/h5/icon-set/index-theme-icon/games-filter-icon.svg") no-repeat center/40% */
}

.tab.active {
    position: fixed;
    top: 13.3333333333vw
}

.tab ul {
    width: 100%;
    height: 100%;
    padding: 0 0 0 2.6666666667vw;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 13.3333333333vw;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.tab ul li {
    display: inline-block;
    position: relative;
    margin-right: 2.6666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: .8vw;
    font-size: 3.4666666667vw;
    line-height: 8vw;
    vertical-align: middle
}

.tab .btn {
    display: block;
    padding: inherit;
    width: 13.3333333333vw;
    height: 12.8vw;
    border-left: .2666666667vw solid #333;
    background-color: #222;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

.tab ul {
    padding-top: 2.4vw;
    line-height: 0;
    text-align: left
}

@media screen and (min-aspect-ratio: 13/9) {
    .tab {
        height:7.4962518741vmax;
        border-top: .1499250375vmax solid #333;
        border-bottom: .1499250375vmax solid #333
    }

    .tab.search-tab {
        margin-bottom: 1.4992503748vmax
    }

    .tab.filter-tab ul {
        line-height: 6.7466266867vmax
    }

    .tab.filter-tab ul li {
        font-size: 1.7991004498vmax;
        line-height: 3.748125937vmax
    }

    .tab.filter-tab ul li+li::after {
        left: -1.0494752624vmax;
        width: .1499250375vmax
    }

    .tab.active {
        top: 7.4962518741vmax
    }

    .tab ul {
        padding: 0 0 0 1.4992503748vmax;
        line-height: 7.4962518741vmax
    }

    .tab ul li {
        margin-right: 1.4992503748vmax;
        padding: 0 1.4992503748vmax;
        border-radius: .4497751124vmax;
        font-size: 1.9490254873vmax;
        line-height: 4.4977511244vmax
    }

    .tab .btn {
        width: 7.4962518741vmax;
        height: 7.1964017991vmax;
        padding: inherit;
        border-left: .1499250375vmax solid #333
    }

    .tab ul {
        padding-top: 1.3493253373vmax;
        line-height: 0;
        text-align: left
    }
}

.content-title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 94.6666666667vw;
    margin: 0 auto;
    padding: 4vw 0 2.6666666667vw
}

.content-title.active {
    padding: 17.3333333333vw 0 2.6666666667vw
}

.content-title h2 {
    color: #fff;
    font-size: 4vw;
    font-weight: bold
}

.content-title h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background-color: #ffb80c;
    vertical-align: middle
}

.content-title h2 span {
    display: inline-block;
    vertical-align: middle
}

.content-title .layout-btn {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 6.6666666667vw;
    background-color: #ffb80c;
    /* background-image: url("/images/h5/icon-set/index-theme-icon/theme-list-icon.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

/* .content-title .layout-btn.active {
    background-image: url("/images/h5/icon-set/index-theme-icon/theme-brand-icon.svg")
} */

@media screen and (min-aspect-ratio: 13/9) {
    .content-title {
        width:97.0014992504vmax;
        padding: 2.2488755622vmax 0 1.4992503748vmax
    }

    .content-title.active {
        padding: 9.7451274363vmax 0 1.4992503748vmax
    }

    .content-title h2 {
        font-size: 2.2488755622vmax
    }

    .content-title h2::before {
        width: .5997001499vmax;
        height: 2.2488755622vmax;
        margin-right: .7496251874vmax
    }

    .content-title .layout-btn {
        width: 3.748125937vmax;
        height: 3.748125937vmax;
        border-radius: 3.748125937vmax
    }
}

.menu-mask {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50,50,50,0.95)
}

.menu {
    display: flex;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    transition: all .3s
}

.menu.active {
    left: 0
}

.menu-first {
    position: relative;
    z-index: 2;
    width: 50.6666666667vw;
    height: 100%;
    padding-bottom: 6.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #111;
    box-shadow: .5333333333vw 0 .8vw rgba(0,0,0,0.1);
    -webkit-overflow-scrolling: touch
}

.menu-first ul {
    position: relative;
    width: 100%
}

.menu-first ul::after {
    content: "";
    display: block;
    width: 100%;
    height: 2.6666666667vw;
    margin-top: -0.2666666667vw;
    border-top: .2666666667vw solid #333;
    background-color: #000
}

.menu-first ul li {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw;
    transition: all .3s;
    font-size: 3.4666666667vw
}

.menu-first ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    text-decoration: none
}

.menu-first ul li a::before {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    border-radius: 8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.menu-first ul li.active {
    border-left: .8vw solid #ffb80c;
    background-color: #262626
}

.menu-first ul li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .2666666667vw;
    background-color: #333
}

.menu-first ul li[data-category=home] a::before {
    background-image: url(./MobileImage/icon-home.svg)
}

 .menu-first ul li[data-category=sport] a::before {
    background-image: url(./MobileImage/icon-soccer.svg)
}

.menu-first ul li[data-category=casino] a::before {
    background-image: url(./MobileImage/icon-mobcasino.svg)
}

.menu-first ul li[data-category=games] a::before {
    background-image: url(./MobileImage/icon-mobgames.svg)
}
.menu-first ul li[data-category=promotion] a::before {
    background-image: url(./MobileImage/icon-promotion.svg)
} 
 */

/* .menu-first ul li[data-category=chess] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-chess.svg")
}

.menu-first ul li[data-category=esport] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-esport.svg")
} */

/* .menu-first ul li[data-category=fish] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-fish.svg")
}

.menu-first ul li[data-category=hundreds] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-hundreds.svg")
}


/* 
.menu-first ul li[data-category=vip] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-vip.svg")
}

.menu-first ul li[data-category=download] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-download.svg")
} */

.menu-first ul li[data-category=tablegame] a::before {
    background-image: url(./MobileImage/icon-mobtabled.svg)
}

.menu-first ul li[data-category=lottery] a::before {
    background-image: url(./MobileImage/icon-mobottery.svg)
}
/* 
.menu-first ul li[data-category=arcade] a::before {
    background-image: url("/images/h5/icon-set/theme-icon/white/icon-arcade.svg")
} */

.menu-first .menu-banner {
    width: 100%;
    height: 12vw;
    margin: 2.6666666667vw 4vw;
    padding: 0
}

.menu-first .menu-banner .banner-img {
    width: calc(100% - 32px);
    height: 100%;
    overflow: hidden;
    border-radius: .8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.menu-first .menu-banner::after {
    content: none
}

.menu-first .service {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 45.3333333333vw;
    height: auto;
    margin: 2.6666666667vw auto;
    padding: 2.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    border: .2666666667vw solid #333;
    border-radius: .8vw;
    background-color: #262626;
    -webkit-overflow-scrolling: touch
}

.menu-first .service::before {
    content: "";
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    border-radius: 8vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.menu-first .service.service::before {
    box-shadow: 0 0 2px rgba(0,0,0,0.4)
}

.menu-first .service.service::after {
    display: none
}

/* .menu-first .service[data-service=phone]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-phone.svg")
}

.menu-first .service[data-service=talk]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-talk.svg")
} */

.menu-first .service p {
    width: 75%;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw
}

.menu-first .service p span {
    display: block;
    padding-top: 1.3333333333vw;
    color: #eee;
    font-size: 2.6666666667vw
}
/* 
.menu-first .social[data-social=facebook]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/facebook.svg")
}

.menu-first .social[data-social=instagram]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/instagram.svg")
}

.menu-first .social[data-social=twitter]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/twitter.svg")
}

.menu-first .social[data-social=telegram-channel]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/telegram-channel.svg")
}

.menu-first .social[data-social=line-for-business]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/line-for-business.svg")
}

.menu-first .social[data-social=pinterest]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/pinterest.svg")
}

.menu-first .social[data-social=youtube]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/youtube.svg")
}

.menu-first .social[data-social=likee]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/likee.svg")
}

.menu-first .social[data-social=forum]::before {
    background-image: url("/images/h5/icon-set/socialicons/white/forum.svg")
}

.menu-first .cs[data-cs=facebook]::before {
    background-image: url("/images/h5/icon-set/csicons/white/facebook-messenger.svg")
}

.menu-first .cs[data-cs=telegram]::before {
    background-image: url("/images/h5/icon-set/csicons/white/telegram.svg")
}

.menu-first .cs[data-cs=line]::before {
    background-image: url("/images/h5/icon-set/csicons/white/line.svg")
}

.menu-first .cs[data-cs=imo]::before {
    background-image: url("/images/h5/icon-set/csicons/white/imo.svg")
}

.menu-first .cs[data-cs=kakao]::before {
    background-image: url("/images/h5/icon-set/csicons/white/kakaotalk.svg")
}

.menu-first .cs[data-cs=whatsapp]::before {
    background-image: url("/images/h5/icon-set/csicons/white/whatsapp.svg")
}

.menu-first .cs[data-cs=zalo]::before {
    background-image: url("/images/h5/icon-set/csicons/white/zalo.svg")
}

.menu-first .cs[data-cs=imo]::before {
    background-image: url("/images/h5/icon-set/csicons/white/imo.svg")
}

.menu-first .cs[data-cs=email]::before {
    background-image: url("/images/h5/icon-set/csicons/white/email.svg")
}

.menu-first .cs[data-cs=qq]::before {
    background-image: url("/images/h5/icon-set/csicons/white/qq.svg")
}

.menu-first .cs[data-cs=wechat]::before {
    background-image: url("/images/h5/icon-set/csicons/white/wechat.svg")
}

.menu-first .cs[data-cs=skype]::before {
    background-image: url("/images/h5/icon-set/csicons/white/skype.svg")
}

.menu-first .cs[data-cs=bbm]::before {
    background-image: url("/images/h5/icon-set/csicons/white/bbm.svg")
}

.menu-first .cs[data-cs=kakaotalk]::before {
    background-image: url("/images/h5/icon-set/csicons/white/kakaotalk.svg")
}

.menu-first .cs[data-cs=phone]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-phone.svg")
}

.menu-first .cs[data-cs=talk]::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-talk.svg")
} */

.menu-first .theme-btn {
    position: relative;
    width: 28vw;
    height: 10.6666666667vw;
    margin-left: 4vw;
    padding: 0 2.6666666667vw;
    transition: all .3s;
    border: .2666666667vw solid #333;
    border-radius: 10.6666666667vw;
    background-color: #262626;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.menu-first .theme-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.0666666667vw;
    right: 1.0666666667vw;
    width: 8vw;
    height: 8vw;
    transition: all .3s;
    border-radius: 9.3333333333vw;
    background-color: #fff
}

.menu-first .theme-btn.active {
    text-indent: 8vw
}

.menu-first .theme-btn.active::after {
    right: 18.1333333333vw
}

.menu-second {
    position: relative;
    height: 100%
}

.menu-second ul {
    position: absolute;
    top: 0;
    left: -29.3333333333vw;
    width: 29.3333333333vw;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .5s;
    background-color: #262626;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch
}

.menu-second ul.active {
    left: -0.2666666667vw;
    box-shadow: .8vw 0 .8vw rgba(0,0,0,0.3)
}

.menu-second ul li {
    width: 75%;
    height: auto;
    margin: 0 auto;
    padding: 5.3333333333vw 0;
    border-bottom: .2666666667vw solid #333
}

.menu-second ul li a {
    text-decoration: none
}

.menu-second ul li img {
    display: block;
    width: 55%;
    height: auto;
    max-height: 16vw;
    margin: 0 auto 1.3333333333vw
}

.menu-second ul li p {
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.menu-second ul li:last-child {
    border: 0
}

.menu-banner-area {
    width: 100%;
    padding: 0 4vw
}

.language-select-area {
    margin: 2.6666666667vw 0;
    text-align: center
}

.language-select-area .language-area {
    display: inline-block;
    width: 41%;
    padding: 1.3333333333vw;
    border: .2666666667vw solid #eee;
    border-radius: 1.3333333333vw;
    opacity: .3;
    vertical-align: middle
}

.language-select-area .language-area.active {
    border: .2666666667vw solid #ffb80c;
    opacity: 1
}

.language-select-area .language-area.active p {
    color: #ffb80c
}

.language-select-area img {
    width: 8vw;
    height: 8vw;
    -webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,0.4));
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.4))
}

.language-select-area p {
    margin-top: 1.3333333333vw;
    color: #eee;
    font-size: 2.6666666667vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .language-select-area {
        margin-bottom:1.4992503748vmax
    }

    .language-select-area .language-area {
        padding: .7496251874vmax;
        border: .1499250375vmax solid #eee;
        border-radius: .7496251874vmax
    }

    .language-select-area .language-area.active {
        border: .1499250375vmax solid #ffb80c
    }

    .language-select-area img {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax
    }

    .language-select-area p {
        margin-top: .7496251874vmax;
        font-size: 1.4992503748vmax
    }

    .menu-first {
        width: 28.4857571214vmax;
        padding-bottom: 3.748125937vmax;
        box-shadow: .299850075vmax 0 .4497751124vmax rgba(0,0,0,0.1)
    }

    .menu-first ul::after {
        height: 1.4992503748vmax;
        margin-top: -0.1499250375vmax;
        border-top: .1499250375vmax solid #333
    }

    .menu-first ul li {
        padding: 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .menu-first ul li a::before {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        margin-right: 1.4992503748vmax;
        border-radius: 4.4977511244vmax
    }

    .menu-first ul li.active {
        border-left: .4497751124vmax solid #ffb80c
    }

    .menu-first ul li::after {
        height: .1499250375vmax
    }

    .menu-first .service {
        width: 23.988005997vmax;
        height: 6.7466266867vmax;
        margin: 1.4992503748vmax auto;
        padding: 0 1.4992503748vmax;
        border: .1499250375vmax solid #333;
        border-radius: .4497751124vmax
    }

    .menu-first .service::before {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        margin-right: .7496251874vmax;
        border-radius: 4.4977511244vmax
    }

    .menu-first .service p {
        font-size: 1.9490254873vmax
    }

    .menu-first .service p span {
        padding-top: .7496251874vmax;
        font-size: 1.4992503748vmax
    }

    .menu-first .theme-btn {
        width: 15.7421289355vmax;
        height: 5.9970014993vmax;
        margin-left: 2.2488755622vmax;
        padding: 0 1.4992503748vmax;
        border: .1499250375vmax solid #333;
        border-radius: 5.9970014993vmax;
        font-size: 1.9490254873vmax;
        line-height: 5.9970014993vmax
    }

    .menu-first .theme-btn::after {
        top: .5997001499vmax;
        right: .5997001499vmax;
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        border-radius: 5.2473763118vmax
    }

    .menu-first .theme-btn.active {
        text-indent: 4.4977511244vmax
    }

    .menu-first .theme-btn.active::after {
        right: 10.1949025487vmax
    }

    .menu-second ul {
        left: -16.4917541229vmax;
        width: 16.4917541229vmax
    }

    .menu-second ul.active {
        left: -0.1499250375vmax;
        box-shadow: .4497751124vmax 0 .4497751124vmax rgba(0,0,0,0.3)
    }

    .menu-second ul li {
        padding: 2.9985007496vmax 0;
        border-bottom: .1499250375vmax solid #333
    }

    .menu-second ul li img {
        width: 8.9955022489vmax;
        height: 8.9955022489vmax
    }

    .menu-second ul li p {
        font-size: 1.9490254873vmax
    }
}

.footer {
    width: 100%;
    height: auto;
    margin-bottom: 13.3333333333vw;
    padding: 0 2.6666666667vw;
    background-color: #111
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 4vw 0 2.6666666667vw;
    border-bottom: .2666666667vw solid #333;
    text-align: left
}

.footer-top div {
    margin-bottom: 2.6666666667vw
}

.footer-top div li {
    display: inline-block;
    margin: 0 2.6666666667vw 2.6666666667vw 0
}

.footer-top div h2 {
    margin-bottom: 4vw;
    color: #ffb80c;
    font-size: 3.4666666667vw;
    font-weight: bold
}

.footer-top div img {
    height: 4vw;
    opacity: .7
}

.footer-top div a {
    display: block
}

.footer-top .pay,.footer-top .pay-normal-size {
    flex: 0 0 60%
}

.footer-top .pay-normal-size img {
    height: 6.4vw
}

.footer-top .safe {
    flex: 1 0 30%;
    margin-right: 2.6666666667vw
}

.footer-top .safe img {
    height: 6.4vw;
    opacity: .7
}

.footer-top .footer-social {
    flex: 1 0 50%
}

.footer-top .footer-social img {
    height: 8vw;
    opacity: .7
}

.footer-bottom {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding:7.666667vw 2vw
}

.footer-bottom .logo {
    width: 14.6666666667vw;
    height: 10.6666666667vw;
    margin-right: 5.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.footer-bottom .text {
    text-align: left
}

.footer-bottom .text .title {
    margin-bottom: 1.3333333333vw;
    color: #ffb80c;
    font-size: 3.4666666667vw;
    font-weight: bold
}

.footer-bottom .text p {
    color: #999;
    font-size: 3.2vw
}

.footer-column div:nth-child(2n-1) {
    margin-right: 0
}

.footer-column .pay {
    flex: 1 0 100%;
    margin: 0 0 2.6666666667vw
}

.footer-column .safe,.footer-column .footer-social {
    flex: 1 0 40%
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer {
        margin-bottom:7.4962518741vmax;
        padding: 0 1.4992503748vmax
    }

    .footer-top {
        padding: 2.2488755622vmax 0 0;
        border-bottom: .1499250375vmax solid #333
    }

    .footer-top div {
        margin-bottom: 1.4992503748vmax
    }

    .footer-top div li {
        margin: 0 1.4992503748vmax 1.4992503748vmax 0
    }

    .footer-top div h2 {
        margin-bottom: 2.2488755622vmax;
        font-size: 1.9490254873vmax
    }

    .footer-top .pay,.footer-top .pay-normal-size {
        margin-right: 2.9985007496vmax
    }

    .footer-top .pay img,.footer-top .pay-normal-size img {
        height: 2.2488755622vmax
    }

    .footer-top .pay-normal-size img {
        height: 3.5982008996vmax
    }

    .footer-top .safe img {
        height: 3.5982008996vmax
    }

    .footer-bottom {
        padding: 3.748125937vmax 0
    }

    .footer-bottom .logo {
        width: 8.2458770615vmax;
        height: 5.9970014993vmax;
        margin-right: 2.9985007496vmax
    }

    .footer-bottom .text .title {
        margin-bottom: .7496251874vmax;
        font-size: 1.9490254873vmax
    }

    .footer-bottom .text p {
        font-size: 1.7991004498vmax
    }

    .footer-column .pay {
        margin: 0 0 1.4992503748vmax
    }
}

.gotop {
    display: none;
    opacity: 0;
    background: #d89900
}

.gotop.is-visible {
    display: block;
    opacity: 0;
    -webkit-animation: gotopShow .3s linear forwards;
    animation: gotopShow .3s linear forwards
}

@-webkit-keyframes gotopShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes gotopShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

.gotop::after {
    margin-right: 2px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.gotop.gotop-index {
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}

.gotop.bottom-1 {
    bottom: 60px
}

.gotop.bottom-2 {
    bottom: 128px
}

.gotop.bottom-3 {
    bottom: 196px
}

.gotop.bottom-4 {
    bottom: 264px
}

.demo-chat-container,.gotop {
    position: fixed;
    right: 10px;
    bottom: 60px;
    width: 58px;
    height: 58px;
    transition: all .3s ease-in;
    border-radius: 34px 8px 34px 34px;
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1),0 5px 4px 0 rgba(0,0,0,0.2);
    background: #d89900;
    color: #fff;
    z-index: 8000
}

.demo-chat-container {
    background: #10bf00
}

.demo-chat-container::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    /* -webkit-mask: url("/images/h5/chat_logo.svg") no-repeat center/40%;
    mask: url("/images/h5/chat_logo.svg") no-repeat center/40%; */
    background: #fff
}

.progress-bar .bar {
    position: relative;
    width: 100%;
    height: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    background: rgba(0,0,0,0.3);
    box-shadow: inset 0 0 .2666666667vw 0 #999
}

.progress-bar .bar .bar-inner {
    position: absolute;
    left: 0;
    width: 60%;
    height: 100%;
    border-radius: 1.3333333333vw;
    background: linear-gradient(to right,#d7b94b,#c2ab66);
    box-shadow: 0 .2666666667vw .8vw .2666666667vw rgba(215,185,75,0.4),0 0 .8vw 0 rgba(215,185,75,0.4)
}

.progress-bar .bar .bar-inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .8vw;
    height: .8vw;
    border-radius: .8vw;
    background-color: #fff;
    box-shadow: 0 0 .5333333333vw .2666666667vw #d7b94b
}

.progress-bar .number {
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: rgba(255,255,255,0.5);
    font-size: 2.6666666667vw
}

.bonus-wallet-wrap .progress-bar .bar .bar-inner,.ticket-wrap .progress-bar .bar .bar-inner {
    background: linear-gradient(to right,#ffe800,#ffd03c);
    box-shadow: 0 .2666666667vw .8vw .2666666667vw rgba(255,232,0,0.4),0 0 .8vw 0 rgba(255,232,0,0.4)
}

.bonus-wallet-wrap .progress-bar .bar .bar-inner::after,.ticket-wrap .progress-bar .bar .bar-inner::after {
    box-shadow: 0 0 .5333333333vw .2666666667vw #ffe800
}

@media screen and (min-aspect-ratio: 13/9) {
    .progress-bar .bar {
        height:.7496251874vmax;
        margin-bottom: .7496251874vmax;
        border-radius: .7496251874vmax;
        box-shadow: inset 0 0 .1499250375vmax 0 #999
    }

    .progress-bar .bar .bar-inner {
        border-radius: .7496251874vmax;
        box-shadow: 0 .1499250375vmax .4497751124vmax .1499250375vmax rgba(215,185,75,0.4),0 0 .4497751124vmax 0 rgba(215,185,75,0.4)
    }

    .progress-bar .bar .bar-inner::after {
        width: .4497751124vmax;
        height: .4497751124vmax;
        border-radius: .4497751124vmax;
        box-shadow: 0 0 .299850075vmax .1499250375vmax #d7b94b
    }

    .progress-bar .number {
        font-size: 1.4992503748vmax
    }

    .bonus-wallet-wrap .progress-bar .bar .bar-inner,.ticket-wrap .progress-bar .bar .bar-inner {
        box-shadow: 0 .1499250375vmax .4497751124vmax .1499250375vmax rgba(255,232,0,0.4),0 0 .4497751124vmax 0 rgba(255,232,0,0.4)
    }

    .bonus-wallet-wrap .progress-bar .bar .bar-inner::after,.ticket-wrap .progress-bar .bar .bar-inner::after {
        box-shadow: 0 0 .299850075vmax .1499250375vmax #ffe800
    }
}

.beforelogin {
    display: flex;
    position: fixed;
    z-index: 104;
    bottom: 0;
    width: 100%;
    height: 13.3333333333vw;
    box-shadow: 0 0 1.3333333333vw rgba(0,0,0,0.5)
}

.beforelogin a {
    display: block;
    text-decoration: none
}

.beforelogin .login-button {
    width: 50%;
    height: 100%;
    background-color: #ffb80c;
    font-size: 4vw;
    font-weight: bold;
    line-height: 13.3333333333vw;
    text-align: center
}

.beforelogin .login-button a {
    color: #fff
}

.beforelogin .register-button {
    width: 50%;
    height: 100%;
    background-color: #262626;
    font-size: 4vw;
    font-weight: bold;
    line-height: 13.3333333333vw;
    text-align: center
}

.beforelogin .register-button a {
    color: #fff
}

.beforelogin.havelanguage .language-select {
    display: flex;
    flex: 2;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1.3333333333vw;
    background-color: #ddd;
    text-align: center
}

.beforelogin.havelanguage .language-select p {
    color: #333;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1.2;
    text-align: left
}

.beforelogin.havelanguage .language-select img {
    width: 6.6666666667vw;
    height: auto;
    margin-right: 1.3333333333vw;
    border-radius: 100%
}

.beforelogin.havelanguage .register-button,.beforelogin.havelanguage .login-button {
    flex: 3
}

@media screen and (min-aspect-ratio: 13/9) {
    .beforelogin {
        height:7.4962518741vmax;
        box-shadow: 0 0 .7496251874vmax rgba(0,0,0,0.5)
    }

    .beforelogin .login-button {
        font-size: 2.2488755622vmax;
        line-height: 7.4962518741vmax
    }

    .beforelogin .register-button {
        font-size: 2.2488755622vmax;
        line-height: 7.4962518741vmax
    }

    .beforelogin.havelanguage .language-select {
        padding: 0 .7496251874vmax
    }

    .beforelogin.havelanguage .language-select p {
        font-size: 1.7991004498vmax
    }

    .beforelogin.havelanguage .language-select img {
        width: 3.748125937vmax;
        margin-right: .7496251874vmax
    }
}

.no-result {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100vw
}

.no-result img {
    display: block;
    width: 30%;
    height: auto;
    margin: auto;
    opacity: 1
}

.no-result .text {
    margin-top: 2.6666666667vw;
    color: #999;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-align: center
}

@media screen and (min-aspect-ratio: 13/9) {
    .no-result img {
        width:20%
    }

    .no-result .text {
        margin-top: 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }
}

.pop-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.9)
}

.pop-bg.zindex-up {
    z-index: 8999
}

.pop-wrap {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    max-height: 95vh;
    -webkit-transform: translate(-50%,-55%);
    transform: translate(-50%,-55%);
    transition: all .3s;
    -webkit-animation: hide 0 1s 1 forwards;
    animation: hide 0 1s 1 forwards;
    opacity: 0;
    background: #4a4a4a;
    color: #fff
}

.pop-wrap.show {
    display: block
}

.pop-wrap.Ani {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s .3s ease-in-out;
    opacity: 1
}

.pop-wrap.promotion-pop {
    position: fixed;
    height: auto;
    background: #fff;
    color: #777
}

.pop-wrap.promotion-pop .pop-title {
    padding: 0 4vw
}

.pop-wrap.pop-language .btn-close,.pop-wrap.promotion-pop .btn-close {
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.pop-wrap.pop-language .btn-close::before,.pop-wrap.promotion-pop .btn-close::before {
    width: 100% !important;
    height: 100% !important
}

.pop-wrap.pop-language .btn-close {
    width: 16vw;
    height: 16vw
}

.pop-wrap.pop-setwallet .btn-closed {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background-color: #ccc;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27% */
}

.pop-wrap.pop-success .btn-closed,.pop-wrap.pop-fail .btn-closed {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background-color: #ccc;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27% */
}

.pop-wrap .detail-banner {
    line-height: 0
}

.pop-wrap .detail-banner img {
    width: 100%;
    height: 30.6666666667vw
}

.pop-wrap.mail-pop .pop-inner {
    background-color: #fff
}

.pop-wrap.mail-pop time {
    color: #555
}

.pop-wrap.mail-pop p {
    color: #555
}

.pop-wrap .btn-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 16vw;
    height: 16vw;
    transition: .5s;
    background: rgba(255,184,12,0.8)
}

.pop-wrap .btn-close::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .3s;
    /* background: url("/images/h5/icon-set/icon-cross-type01.svg") no-repeat center/30%; */
    -webkit-filter: invert(11%) sepia(76%) saturate(80) hue-rotate(1deg) brightness(101%) contrast(112%);
    filter: invert(11%) sepia(76%) saturate(80) hue-rotate(1deg) brightness(101%) contrast(112%)
}

.pop-wrap .pop-title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 16vw;
    padding: 4vw 16vw 4vw 4vw;
    background: #ffb80c
}

.pop-wrap .pop-title h3 {
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: bold;
    line-height: 1.2
}

.pop-wrap .pop-inner {
    position: relative;
    padding: 4vw;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left
}

.btn-box {
    display: flex;
    width: 100%;
    margin: 4vw 0 0;
    text-align: right
}

.btn-box .button {
    display: inline-block;
    width: 100%;
    padding: 0 2.6666666667vw
}

.btn-box .button+.button {
    margin-left: 4vw
}

.btn-box.other-choice {
    margin-top: 0
}

.pop-inner {
    max-height: 60vh
}

.pop-inner h4 {
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.pop-inner .times {
    font-size: 3.7333333333vw;
    line-height: 1.5
}

.pop-inner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.pop-inner .btn-box .button {
    width: 100%
}

.notshow-checkbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9.3333333333vw;
    padding: 0 5.3333333333vw;
    background: linear-gradient(45deg,rgba(0,0,0,0.7) 50%,transparent);
    color: #fff
}

.notshow-checkbox .check-input {
    display: none
}

.notshow-checkbox .check-cube {
    display: inline-block;
    position: relative;
    width: 4vw;
    height: 4vw;
    margin-right: 5px;
    border: 1px solid white;
    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: opacity .3s ease-out,-webkit-transform .3s ease-out .1s;
    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/h5/slotgame/check.png") no-repeat center; */
    background-size: 90%
}

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

.notshow-checkbox .text {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: rem(35px)
}

.notshow-checkbox.no-bg {
    background: transparent
}

.promotion-pop {
    height: auto;
    background-color: #fff
}

.promotion-pop .pop-title h3 {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pop-check .pop-title {
    padding: 0 4vw
}

.pop-check .pop-inner {
    background: #fff;
    text-align: left
}

.pop-check .pop-inner p {
    color: #555
}

.pop-language .pop-inner {
    padding: 4vw;
    background: #3e3e3e;
    text-align: left
}

.language-list {
    display: block;
    margin: 0 auto
}

.language-list .left-language-area,.language-list .right-language-area {
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.language-list .left-language-area p,.language-list .right-language-area p {
    padding-bottom: 0
}

.language-list .left-language-area {
    width: 35%
}

.language-list .left-language-area img {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    margin-right: 2.6666666667vw;
    border-radius: 100%;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    vertical-align: middle
}

.language-list .left-language-area p {
    display: inline-block;
    width: 53%;
    color: rgba(255,255,255,0.6);
    font-size: 3.2vw;
    line-height: 3;
    vertical-align: middle
}

.language-list .left-language-area span {
    display: inline-block;
    min-width: 2.6666666667vw
}

.language-list .right-language-area {
    display: inline-flex;
    flex-flow: row wrap;
    width: 65%
}

.language-list li {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1.3333333333vw;
    padding: 1.3333333333vw;
    border-bottom: .2666666667vw solid #ddd
}

.language-list li:last-child {
    border: 0
}

.radio-box {
    display: inline-block;
    flex: 1 1 48%;
    margin: 0 0 1.3333333333vw 2%;
    font-size: 3.7333333333vw;
    vertical-align: top
}

.radio-box [type=radio] {
    display: none
}

.radio-box [type=radio]+label {
    display: block;
    padding: 0 1.3333333333vw;
    transition: .3s;
    border: .2666666667vw solid #ddd;
    color: #fff;
    line-height: 2.5;
    text-align: center
}

.radio-box [type=radio]:checked+label {
    border: .2666666667vw solid #ffb80c;
    color: #ffb80c
}

.pop-wrap.pop-setwallet {
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw;
    color: #fff;
    line-height: 1.5
}

.pop-wrap.pop-setwallet .title {
    padding-bottom: 1.3333333333vw;
    border-bottom: .2666666667vw solid #333;
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.pop-wrap.pop-setwallet .inner-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 2.6666666667vw 0 0;
    padding: 5.3333333333vw 4vw;
    border: .2666666667vw solid #333;
    border-radius: 1.3333333333vw;
    background: #3f3f3f;
    font-size: 3.2vw
}

.pop-wrap.pop-setwallet .inner-box .prompt {
    margin: 0 0 2.6666666667vw;
    padding: 1.3333333333vw
}

.pop-wrap.pop-setwallet .inner-box .btn-box {
    margin-bottom: 0
}

.pop-wrap.pop-setwallet .wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 2.1333333333vw 4vw;
    border: .5333333333vw solid #333;
    border-radius: 13.3333333333vw;
    background: #444;
    box-shadow: inset 0 0 .8vw rgba(0,0,0,0.3);
    color: #ffb80c;
    font-size: 4vw
}

.pop-wrap.pop-setwallet .box {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.pop-wrap.pop-setwallet .box .text {
    padding: 1.8666666667vw 2.6666666667vw
}

.pop-wrap.pop-setwallet .box .money {
    padding: 1.8666666667vw 2.6666666667vw;
    background: transparent;
    font-size: 4.5333333333vw;
    text-align: right
}

.pop-wrap.pop-setwallet .box.bonus {
    color: #ffb80c
}

.pop-wrap.pop-setwallet .box.deposit {
    margin: 1.8666666667vw 0 1.3333333333vw
}

.pop-wrap.pop-setwallet .box.deposit .text {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 2.6666666667vw;
    padding: .5333333333vw 1.3333333333vw;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background: #3f3f3f
}

.pop-wrap.pop-setwallet .box.deposit .money {
    z-index: 2;
    width: 100%;
    padding: 0
}

.pop-wrap.pop-setwallet .box.deposit .money input {
    width: -webkit-fill-available;
    padding: 3.2vw 2.6666666667vw;
    border: .5333333333vw solid rgba(255,255,255,0.5);
    border-radius: 1.3333333333vw;
    outline: 0;
    background: #3f3f3f;
    color: #fff;
    font-size: 4.5333333333vw;
    text-align: right
}

.pop-wrap.pop-setwallet .box.deposit .money input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6)
}

.pop-wrap.pop-setwallet .box.deposit .money input::-moz-placeholder {
    color: rgba(255,255,255,0.6)
}

.pop-wrap.pop-setwallet .box.deposit .money input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6)
}

.pop-wrap.pop-setwallet .box.deposit .money input::placeholder {
    color: rgba(255,255,255,0.6)
}

.pop-wrap.pop-setwallet .box.deposit .money.error input {
    border: 2px solid #e41a43
}

.pop-wrap.pop-setwallet .box.deposit .money.error-ani {
    -webkit-animation-name: error-ani;
    animation-name: error-ani;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.pop-wrap.pop-setwallet .box.deposit .member-error {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 50%;
    padding: .5333333333vw 1.8666666667vw;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    border-radius: 5.3333333333vw;
    background: #e41a43;
    color: #fff;
    vertical-align: text-top
}

.pop-wrap.pop-setwallet .box.deposit .member-error::before {
    background-color: #fff;
    color: #ed1f23
}

.pop-wrap.pop-setwallet .box.deposit .member-error span {
    display: inline;
    width: 100%;
    vertical-align: inherit;
    white-space: nowrap
}

.pop-wrap.pop-setwallet .other-choice {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 1.3333333333vw 4vw
}

.pop-wrap.pop-setwallet .other-choice .tips {
    position: relative;
    width: 100%;
    padding: 4vw 0;
    font-size: 3.2vw;
    text-align: center
}

.pop-wrap.pop-setwallet .other-choice .tips span {
    display: inline;
    padding: 0 1.3333333333vw;
    background: #4a4a4a;
    color: #999
}

.pop-wrap.pop-setwallet .other-choice .tips::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    border: 1px solid rgba(153,153,153,0.6)
}

.pop-wrap.pop-setwallet .other-choice .btn-link {
    color: #ffb80c;
    line-height: 1.1
}

.pop-wrap.pop-setwallet .other-choice .btn-link::after {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid #ffb80c
}

.pop-wrap.pop-editor {
    display: block;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

.pop-wrap.pop-editor ul {
    width: 100%
}

.pop-wrap.pop-editor ul li {
    display: inline-block;
    width: 100%;
    padding: 0 5.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    font-size: 3.7333333333vw;
    line-height: 14.6666666667vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-wrap.pop-editor ul li:active {
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95)
}

.pop-wrap.pop-editor ul.editor-menu {
    display: none;
    background: #4a4a4a
}

.pop-wrap.pop-editor ul.editor-menu.show {
    display: block
}

.pop-wrap.pop-editor ul.editor-menu li {
    background: #4a4a4a;
    color: #ffb80c
}

.pop-wrap.pop-editor ul.editor-check {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #ffb80c
}

.pop-wrap.pop-editor ul.editor-check.show {
    display: flex
}

.pop-wrap.pop-editor ul.editor-check li {
    width: auto;
    background: #ffb80c;
    color: #fff
}

.primary-btn {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: 0
}

.pop-go-to-biometrics {
    width: 90%;
    height: auto;
    padding: 10.6666666667vw 5.3333333333vw 5.3333333333vw;
    border-radius: 5.3333333333vw;
    background-color: #4a4a4a
}

.pop-go-to-biometrics .btn-close {
    background: transparent
}

.pop-go-to-biometrics .btn-close::before {
    background: 0;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type01.svg") no-repeat center/30%;
    mask: url("/images/h5/icon-set/icon-cross-type01.svg") no-repeat center/30% */
}

.pop-go-to-biometrics .box-loading {
    position: relative;
    width: 48vw;
    height: 48vw;
    margin: 0 auto 10.6666666667vw
}

.pop-go-to-biometrics .box-loading .face-id {
    position: absolute;
    z-index: 10;
    width: 48vw;
    height: 48vw;
    background: linear-gradient(to bottom right,#fff,#fff);
    /* -webkit-mask: url("/images/h5/icon-set/icon-face-id.svg") no-repeat center/50%;
    mask: url("/images/h5/icon-set/icon-face-id.svg") no-repeat center/50% */
}

.pop-go-to-biometrics .box-loading::before {
    content: "";
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40%;
    text-align: center
}

.pop-go-to-biometrics .box-loading .circle-wave {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 40%
}

.pop-go-to-biometrics .box-loading .circle-wave::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.3333333333vw;
    right: 1.3333333333vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-1 {
    z-index: 5;
    width: 49.3333333333vw;
    -webkit-animation: circle-spin 4s infinite linear;
    animation: circle-spin 4s infinite linear;
    opacity: .6;
    background-image: linear-gradient(to bottom right,#ff7e00,#ffe800)
}

.pop-go-to-biometrics .box-loading .circle-wave-1::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.3333333333vw;
    left: 2.6666666667vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-2 {
    z-index: 4;
    width: 50.6666666667vw;
    -webkit-animation: circle-spin 8s infinite linear;
    animation: circle-spin 8s infinite linear;
    opacity: .7;
    background-image: linear-gradient(to bottom right,#ff7e00,#ffe800)
}

.pop-go-to-biometrics .box-loading .circle-wave-2::after {
    content: "";
    display: block;
    position: absolute;
    right: 2.6666666667vw;
    bottom: 1.3333333333vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-3 {
    z-index: 3;
    width: 52vw;
    -webkit-animation: circle-spin 12s infinite linear;
    animation: circle-spin 12s infinite linear;
    opacity: .4;
    background-image: linear-gradient(to bottom right,#ff7e00,#ffe800)
}

.pop-go-to-biometrics .box-loading .circle-wave-3::after {
    content: "";
    display: block;
    position: absolute;
    top: 2.6666666667vw;
    left: 1.3333333333vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .box-loading .circle-wave-4 {
    z-index: 2;
    width: 53.3333333333vw;
    -webkit-animation: circle-spin 18s infinite linear;
    animation: circle-spin 18s infinite linear;
    opacity: .6;
    background-image: linear-gradient(to bottom right,#ff7e00,#ffe800)
}

.pop-go-to-biometrics .box-loading .circle-wave-4::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.3333333333vw;
    bottom: 2.6666666667vw;
    width: 95%;
    height: 95%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-go-to-biometrics .title {
    margin-bottom: 2.6666666667vw;
    color: #fff;
    font-size: 7.4666666667vw;
    font-weight: bold;
    text-align: center
}

.pop-go-to-biometrics .sub-title {
    margin-bottom: 10.6666666667vw;
    color: rgba(255,255,255,0.6);
    font-size: 3.7333333333vw;
    line-height: 1.2;
    text-align: center
}

.pop-go-to-biometrics .button {
    height: 12vw;
    font-size: 4vw;
    line-height: 12vw
}

.pop-go-to-biometrics .show-group {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 2.6666666667vw
}

.pop-go-to-biometrics .show-group.style-checked input {
    margin: 0;
    border: 0
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label {
    transition: all .3s;
    background: 0;
    color: rgba(255,255,255,0.6)
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::before,.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::after {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    left: 0;
    width: 4vw;
    height: 4vw;
    transition: all .3s;
    border-radius: .8vw;
    background: rgba(255,255,255,0.4)
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::before {
    top: 4vw
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::after {
    top: -4vw;
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/0%;
    mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/0% */
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label span {
    padding-left: 5.8666666667vw;
    line-height: 4.2666666667vw;
    text-align: left;
    pointer-events: none
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]:checked+label {
    color: #28b849
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]:checked+label::before {
    background: 0
}

.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]:checked+label::after {
    background: #28b849;
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/100%;
    mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/100% */
}

.pop-wrap.pop-bonusComplete {
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 112vw;
    background: 0;
    /* background-image: url("/images/h5/bonus-complete/bonus-complete-bg.png"); */
    background-repeat: no-repeat;
    background-position: center -12vw;
    background-size: contain;
    font-family: Galvji-Bold;
    font-weight: bold;
    text-align: center
}

.pop-wrap.pop-bonusComplete .btn-close {
    display: flex;
    top: -1.3333333333vw;
    right: 0;
    width: 16vw;
    height: 16vw;
    background: 0
}

.pop-wrap.pop-bonusComplete .popTitle {
    position: relative;
    bottom: -46.1333333333vw
}

.pop-wrap.pop-bonusComplete .popTitle .title {
    display: none
}

.pop-wrap.pop-bonusComplete .popTitle .number {
    display: block;
    justify-content: center;
    background: linear-gradient(to top,#fff 15%,#cacaca 45%,#fff 70%);
    color: transparent;
    font-size: 8vw;
    -webkit-background-clip: text;
    background-clip: text
}

.pop-wrap.pop-bonusComplete .popTitle .number span {
    display: flex;
    justify-content: center;
    padding: 1.6vw 2.6666666667vw 0 0;
    background: linear-gradient(135deg,#f8ff91 0%,#ffdf3d 50%);
    color: transparent;
    font-size: 11.7333333333vw;
    line-height: 11.2vw;
    -webkit-background-clip: text;
    background-clip: text
}

.pop-wrap.pop-bonusComplete .popTitle .number span::before {
    content: attr(data-currency);
    font-size: 8.5333333333vw
}

.pop-wrap.pop-bonusComplete .kvBlock {
    position: relative;
    right: 0vw;
    bottom: 5.8666666667vw
}

.pop-wrap.pop-bonusComplete .kvBlock .kvImg {
    position: relative;
    display: inline-block;
    width: 27.7333333333vw;
    height: 27.7333333333vw
}

.pop-wrap.pop-bonusComplete .kvBlock .kvImg::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -1.3333333333vw;
    left: -1.3333333333vw;
    width: 24vw;
    height: 24vw;
    padding: 2.6666666667vw;
    border: .5333333333vw solid transparent;
    border-radius: 40vw;
    background: linear-gradient(to top,#fff 0%,#8da5c0 50%,#fff 100%);
    background-clip: padding-box
}

.pop-wrap.pop-bonusComplete .kvBlock .kvImg::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    top: -2.1333333333vw;
    left: -2.1333333333vw;
    width: 25.6vw;
    height: 25.6vw;
    padding: 2.6666666667vw;
    border: .5333333333vw solid transparent;
    border-radius: 40vw;
    background: linear-gradient(to top,#a5bad1 0%,#fff 50%,#8da5c0 100%);
    background-clip: padding-box
}

.pop-wrap.pop-bonusComplete .kvBlock .kvImg img {
    z-index: 1;
    width: 100%;
    border-radius: 29.3333333333vw
}

.pop-wrap.pop-bonusComplete .kvBlock .kvImg img::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 29.3333333333vw;
    box-shadow: 1.6vw 1.6vw 1.6vw 0 rgba(0,0,0,0.4) inset
}

.pop-wrap.pop-bonusComplete .bonusWalletTitle {
    display: block;
    position: relative;
    bottom: 57.6vw;
    width: 90%;
    height: 20vw;
    margin: 0 5%;
    overflow: hidden;
    background: linear-gradient(to top,#fff 15%,#bacfe7 50%,#fff 70%);
    color: transparent;
    font-family: Impact,Haettenschweiler,Franklin Gothic Bold;
    font-size: 8.5333333333vw;
    line-height: 9.6vw;
    text-overflow: ellipsis;
    -webkit-background-clip: text;
    background-clip: text;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-filter: drop-shadow(0 .5333333333vw 1.3333333333vw rgba(0,0,0,0.7));
    filter: drop-shadow(0 .5333333333vw 1.3333333333vw rgba(0,0,0,0.7))
}

.pop-wrap.pop-bonusComplete .btnBolck {
    display: flex;
    position: relative;
    top: 4vw;
    justify-content: center
}

.pop-wrap.pop-bonusComplete .btnBolck .button {
    width: 29.3333333333vw;
    height: 9.0666666667vw;
    margin: 0 2.6666666667vw;
    font-size: 4vw;
    line-height: 8.8vw
}

.pop-wrap.pop-bonusComplete .btnBolck .receiveBtn {
    background: #10bf00
}

.pop-wrap.pop-bonusComplete.show {
    display: flex
}

.promotion-pop ul {
    padding-left: 20px;
    list-style: disc
}

.promotion-pop ul ul {
    list-style: circle
}

.promotion-pop ul ul ul {
    list-style: square
}

.pop-otp-verification {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    max-height: 95vh;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #262626
}

.pop-otp-verification.active {
    bottom: 0
}

.pop-otp-verification .btn-closed {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background-color: #ccc;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27% */
}

.pop-otp-verification .menu-box {
    padding: 2.6666666667vw;
    background: #262626
}

.pop-otp-verification .input-group {
    background: #262626
}

.pop-transaction-records-details {
    position: fixed;
    z-index: 9000;
    bottom: -150%;
    width: 100%;
    height: 80vh;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #262626
}

.pop-transaction-records-details.active {
    bottom: 0
}

.pop-transaction-records-details .bank-name {
    position: absolute;
    z-index: 10000;
    top: -12vw;
    left: 50%;
    max-width: 100%;
    padding: 2.1333333333vw 2.6666666667vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 2.9333333333vw;
    background: linear-gradient(153deg,#666 0%,#3a3a3a 95%);
    color: #fff;
    white-space: nowrap
}

.pop-transaction-records-details .bank-name img {
    display: inline-block;
    width: auto;
    height: 6.4vw;
    margin-right: 2.6666666667vw;
    vertical-align: middle
}

.pop-transaction-records-details .bank-name span {
    display: inline-block;
    position: relative;
    width: auto;
    white-space: nowrap
}

.pop-transaction-records-details .btn-closed {
    content: "";
    position: absolute;
    z-index: 7000;
    top: 0;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background-color: #ccc;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27% */
}

.pop-transaction-records-details .header {
    position: relative;
    z-index: 6000;
    width: 100%;
    height: 13.3333333333vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #444;
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 13.3333333333vw;
    text-align: center
}

.pop-transaction-records-details .pop-content {
    position: absolute;
    top: 0;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #262626
}

.pop-transaction-records-details .pop-content .tabBtn-wrap {
    background: #444
}

.pop-transaction-records-details .pop-content .tabBtn-wrap::before {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #444
}

.pop-transaction-records-details .pop-content .tabBtn-wrap .tabBtn-bar::before {
    background: #555
}

.pop-transaction-records-details .pop-content .tabBtn-wrap .tabBtn-bar .line {
    background: #ffb80c
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap {
    height: calc(80vh - 28vw);
    margin-bottom: 16vw;
    padding: 2.6666666667vw;
    overflow-x: hidden;
    overflow-y: scroll
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.6666666667vw 0
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .title h3 {
    width: 70%;
    color: #bdbdbd;
    font-size: 4.5333333333vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .title .tags {
    min-width: 16vw;
    padding: 1.0666666667vw 1.3333333333vw;
    overflow: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: .8vw;
    color: #fff;
    font-size: 3.2vw;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box {
    position: relative;
    margin-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .date {
    margin-bottom: 2.6666666667vw;
    margin-left: 8vw;
    color: #999;
    font-size: 2.9333333333vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block {
    position: relative;
    margin-bottom: 2.6666666667vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 4.8vw;
    width: 1.0666666667vw;
    height: calc(100% + 9.3333333333vw);
    border-radius: 2.6666666667vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block:last-child::before {
    top: -9.3333333333vw;
    height: 14.6666666667vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .point {
    position: absolute;
    top: 4vw;
    left: 3.9333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-radius: 50%;
    background: #fff;
    box-shadow: .2666666667vw .2666666667vw 0 0 rgba(0,0,0,0.1)
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .bounce {
    -webkit-animation: bounce-point .5s .8s;
    animation: bounce-point .5s .8s
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 8vw);
    min-height: 14.6666666667vw;
    margin-left: 8vw;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 5.3333333333vw;
    border-radius: .8vw;
    background: #333;
    box-shadow: .5333333333vw .5333333333vw 0 0 rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.6)
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content .text {
    font-size: 3.7333333333vw;
    line-height: 1.4
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content .text+.time {
    margin-top: 2.1333333333vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content .time {
    font-size: 2.9333333333vw
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current::before {
    height: 50%
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current .point {
    display: flex;
    z-index: 1;
    top: 2vw;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border: .8vw solid #fff;
    box-shadow: .2666666667vw .2666666667vw 0 0 rgba(0,0,0,0.1),inset .2666666667vw .2666666667vw 0 0 rgba(0,0,0,0.1)
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current .point::before {
    content: "";
    display: block;
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: white
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current .content {
    color: #fff
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box {
    margin: 2.6666666667vw 0
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 3.2vw 4vw;
    background: #333;
    color: #fff
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info:nth-child(2n) {
    background: #444
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info .name {
    font-size: 3.4666666667vw;
    font-weight: 500
}

.pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info .value {
    font-size: 3.4666666667vw;
    text-align: right;
    word-break: break-word
}

.pop-transaction-records-details .pop-content.processing .transaction-details-wrap {
    padding-bottom: 18.6666666667vw
}

.pop-transaction-records-details .pop-content.processing .transaction-details-wrap .tags {
    background: #f0b800
}

.pop-transaction-records-details .pop-content.processing .transaction-details-wrap .timeline-block::before {
    background: #f0b800
}

.pop-transaction-records-details .pop-content.processing .transaction-details-wrap .timeline-block.current .point {
    background: #f0b800 !important
}

.pop-transaction-records-details .pop-content.processing .transaction-details-wrap .timeline-block.current .point::before {
    top: 5%;
    -webkit-animation: wiggle 2s .5s infinite;
    animation: wiggle 2s .5s infinite;
    /* -webkit-mask: url("/images/h5/icon-set/icon-flag.svg") no-repeat center;
    mask: url("/images/h5/icon-set/icon-flag.svg") no-repeat center */
}

.pop-transaction-records-details .pop-content.success .tags {
    background: #28b849
}

.pop-transaction-records-details .pop-content.success .timeline-block::before {
    background: #28b849
}

.pop-transaction-records-details .pop-content.success .timeline-block.current .point {
    background: #28b849 !important
}

.pop-transaction-records-details .pop-content.success .timeline-block.current .point::before {
    top: 3%;
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type06.svg") no-repeat center;
    mask: url("/images/h5/icon-set/icon-check-type06.svg") no-repeat center */
}

.pop-transaction-records-details .pop-content.fail .transaction-details-wrap {
    padding-bottom: 18.6666666667vw
}

.pop-transaction-records-details .pop-content.fail .transaction-details-wrap .tags {
    background: #d15454
}

.pop-transaction-records-details .pop-content.fail .transaction-details-wrap .timeline-block::before {
    background: #d15454
}

.pop-transaction-records-details .pop-content.fail .transaction-details-wrap .timeline-block.current .point {
    background: #d15454 !important
}

/* .pop-transaction-records-details .pop-content.fail .transaction-details-wrap .timeline-block.current .point::before {
    -webkit-mask: url("/images/h5/icon-set/icon-cross-type07.svg") no-repeat center;
    mask: url("/images/h5/icon-set/icon-cross-type07.svg") no-repeat center
} */

.pop-transaction-records-details .pop-content.reverted .tags {
    background: #f06939
}

.pop-transaction-records-details .pop-content.reverted .timeline-block::before {
    background: #f06939
}

.pop-transaction-records-details .pop-content.reverted .timeline-block.current .point {
    background: #f06939 !important
}
/* 
.pop-transaction-records-details .pop-content.reverted .timeline-block.current .point::before {
    -webkit-mask: url("/images/h5/icon-set/icon-arrow-type02.svg") no-repeat center;
    mask: url("/images/h5/icon-set/icon-arrow-type02.svg") no-repeat center
} */

.pop-transaction-records-details .member-content {
    position: absolute;
    bottom: 0;
    background: #262626;
    text-align: center
}

.pop-transaction-records-details .member-content .tips {
    display: none;
    margin: 4vw 0;
    color: #fff
}

.pop-transaction-records-details .member-content .button {
    margin: 2.6666666667vw;
    overflow: hidden
}

.pop-transaction-records-details .member-content .button .countdown {
    display: none;
    position: absolute;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 12vw;
    border-radius: .8vw;
    background-color: #999;
    color: #fff;
    font-size: 4vw;
    line-height: 8vw;
    text-align: center;
    z-index: 1
}

.pop-transaction-records-details .member-content .button .countdown.fadeIn {
    -webkit-animation: button-push .5s ease;
    animation: button-push .5s ease
}

.pop-transaction-records-details .member-content .button .countdown.fadeIn::before {
    content: "";
    display: block;
    position: absolute;
    top: -5.3333333333vw;
    width: 100%;
    height: 5.3333333333vw;
    background: #999;
    /* -webkit-mask: url("/images/h5/player/bg-wave.svg") no-repeat center/100%;
    mask: url("/images/h5/player/bg-wave.svg") no-repeat center/100% */
}

.pop-transaction-records-details .member-content .button .countdown.fadeOut {
    -webkit-animation: button-pull .5s ease;
    animation: button-pull .5s ease
}

.pop-transaction-records-details .member-content .button .countdown.fadeOut::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 5.3333333333vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #ffb80c;
    /* -webkit-mask: url("/images/h5/player/bg-wave.svg") no-repeat center/100%;
    mask: url("/images/h5/player/bg-wave.svg") no-repeat center/100% */
}

.pop-transaction-records-details .member-content .button .countdown .timer {
    position: relative;
    top: 0;
    left: -2.6666666667vw;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    box-shadow: 0 0 0 .4vw #fff
}

.pop-transaction-records-details .member-content .button .countdown .timer::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36.5%;
    height: .4vw;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: spinClockwise 2s linear infinite;
    animation: spinClockwise 2s linear infinite;
    border-radius: 1.3333333333vw;
    background-color: #fff
}

.pop-transaction-records-details .member-content .button .countdown .timer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25%;
    height: .4vw;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: spinClockwise 12s linear infinite;
    animation: spinClockwise 12s linear infinite;
    border-radius: 1.3333333333vw;
    background-color: #fff
}

@-webkit-keyframes table-arrow {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(180deg);
        transform: translate(-50%,-50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(0,-50%) rotate(180deg);
        transform: translate(0,-50%) rotate(180deg)
    }
}

@keyframes table-arrow {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(180deg);
        transform: translate(-50%,-50%) rotate(180deg)
    }

    100% {
        -webkit-transform: translate(0,-50%) rotate(180deg);
        transform: translate(0,-50%) rotate(180deg)
    }
}

@-webkit-keyframes circle-spin {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle-spin {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes error-ani {
    from,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 error-ani {
    from,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 bounce-point {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-point {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes wiggle {
    0%,7% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    15% {
        -webkit-transform: rotateZ(-15deg);
        transform: rotateZ(-15deg)
    }

    20% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg)
    }

    25% {
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg)
    }

    30% {
        -webkit-transform: rotateZ(6deg);
        transform: rotateZ(6deg)
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg)
    }

    40%,100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes wiggle {
    0%,7% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    15% {
        -webkit-transform: rotateZ(-15deg);
        transform: rotateZ(-15deg)
    }

    20% {
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg)
    }

    25% {
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg)
    }

    30% {
        -webkit-transform: rotateZ(6deg);
        transform: rotateZ(6deg)
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
        transform: rotateZ(-4deg)
    }

    40%,100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes slide {
    0% {
        visibility: hidden;
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    100% {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide {
    0% {
        visibility: hidden;
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    100% {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes spinClockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinClockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes button-push {
    from {
        bottom: -12vw
    }

    to {
        bottom: 0
    }
}

@keyframes button-push {
    from {
        bottom: -12vw
    }

    to {
        bottom: 0
    }
}

@-webkit-keyframes button-pull {
    from {
        bottom: 0
    }

    to {
        bottom: -12vw
    }
}

@keyframes button-pull {
    from {
        bottom: 0
    }

    to {
        bottom: -12vw
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .pop-wrap {
        width:60%
    }

    .pop-wrap .pop-title {
        min-height: 7.4962518741vmax;
        padding: 0 5%
    }

    .pop-wrap .pop-title h3 {
        font-size: 2.0989505247vmax;
        line-height: 7.4962518741vmax
    }

    .pop-wrap .btn-close {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .pop-language .pop-inner {
        padding: 2.2488755622vmax
    }

    .language-list li {
        margin-bottom: .7496251874vmax;
        padding: .7496251874vmax;
        border-bottom: .1499250375vmax solid #ddd
    }

    .left-language-area img {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        margin-right: 1.4992503748vmax
    }

    .left-language-area p {
        min-width: 11.9940029985vmax;
        font-size: 1.7991004498vmax
    }

    .left-language-area span {
        min-width: 1.4992503748vmax
    }

    .right-language-area {
        justify-content: space-between
    }

    .right-language-area .radio-box {
        font-size: 2.0989505247vmax
    }

    .right-language-area .radio-box [type=radio]+label {
        min-width: 14.9925037481vmax;
        padding: 0 .7496251874vmax;
        border: .1499250375vmax solid #ddd
    }

    .right-language-area .radio-box [type=radio]:checked+label {
        border: .1499250375vmax solid #ffb80c
    }

    .promotion-pop .pop-title h3 {
        -webkit-line-clamp: 1
    }

    .pop-wrap.pop-editor ul li {
        width: 32.6666666667%;
        padding: 0 2.9985007496vmax;
        font-size: 2.0989505247vmax;
        line-height: 8.2458770615vmax
    }

    .mail-pop {
        width: 90%
    }

    .pop-inner time {
        font-size: 2.0989505247vmax
    }

    .pop-inner p {
        padding-bottom: 1.4992503748vmax
    }

    .promotion-pop {
        height: auto
    }

    .pop-wrap.pop-language .btn-close,.pop-wrap.promotion-pop .btn-close {
        width: 7.4962518741vmax !important;
        height: 7.4962518741vmax !important
    }

    .left-language-area p,.right-language-area p {
        padding-bottom: 0
    }

    .pop-go-to-biometrics {
        padding: 5.9970014993vmax 2.9985007496vmax 2.9985007496vmax;
        border-radius: 2.9985007496vmax
    }

    .pop-go-to-biometrics .box-loading {
        width: 17.9910044978vmax;
        height: 17.9910044978vmax;
        margin: 0 auto 2.9985007496vmax
    }

    .pop-go-to-biometrics .box-loading .face-id {
        width: 17.9910044978vmax;
        height: 17.9910044978vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave::after {
        top: .7496251874vmax;
        right: .7496251874vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-1 {
        width: 18.7406296852vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-1::after {
        top: .3748125937vmax;
        left: .7496251874vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-2 {
        width: 19.4902548726vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-2::after {
        right: .7496251874vmax;
        bottom: .3748125937vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-3 {
        width: 20.23988006vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-3::after {
        top: .7496251874vmax;
        left: .3748125937vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-4 {
        width: 20.9895052474vmax
    }

    .pop-go-to-biometrics .box-loading .circle-wave-4::after {
        right: .3748125937vmax;
        bottom: .7496251874vmax
    }

    .pop-go-to-biometrics .title {
        margin-bottom: 1.4992503748vmax;
        font-size: 2.9985007496vmax
    }

    .pop-go-to-biometrics .sub-title {
        margin-bottom: 2.9985007496vmax;
        font-size: 1.7991004498vmax
    }

    .pop-go-to-biometrics .button {
        height: 6.7466266867vmax;
        font-size: 2.2488755622vmax;
        line-height: 6.7466266867vmax
    }

    .pop-go-to-biometrics .show-group {
        margin-top: 0
    }

    .pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::before,.pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::after {
        width: 2.2488755622vmax;
        height: 2.2488755622vmax;
        border-radius: .4497751124vmax
    }

    .pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::before {
        top: 2.2488755622vmax
    }

    .pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label::after {
        top: -2.2488755622vmax
    }

    .pop-go-to-biometrics .show-group.style-checked input[type=checkbox]+label span {
        padding-left: 3.2983508246vmax;
        line-height: 2.3988005997vmax
    }

    .pop-otp-verification {
        border-radius: 1.4992503748vmax 1.4992503748vmax 0 0
    }

    .pop-otp-verification .btn-closed {
        width: 6.7466266867vmax;
        height: 6.7466266867vmax
    }

    .pop-otp-verification .menu-box {
        padding: 1.4992503748vmax
    }

    .pop-otp-verification .menu-box .vcode-group .resend-set {
        right: 1.1994002999vmax;
        font-size: 1.7991004498vmax;
        line-height: 5.9970014993vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode {
        height: 5.9970014993vmax;
        padding: 0 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode p {
        line-height: 5.9970014993vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode p span {
        width: .4497751124vmax;
        height: .4497751124vmax;
        margin-left: .4497751124vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode .sms-svg-group {
        height: 5.9970014993vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode .sms-svg-group .svg-phone {
        bottom: .7496251874vmax;
        left: -1.4992503748vmax;
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        opacity: 0
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode .sms-svg-group .svg-mail-group {
        width: 4.4977511244vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode .sms-svg-group .svg-mail-group .line {
        left: -1.9490254873vmax;
        width: 1.7991004498vmax
    }

    .pop-otp-verification .menu-box .vcode-group .btn-vcode .sms-svg-group .svg-mail-group .line li {
        height: .299850075vmax;
        margin: .1499250375vmax 0;
        border-radius: .4497751124vmax
    }

    .pop-transaction-records-details {
        height: 100vh;
        border-radius: 1.4992503748vmax 1.4992503748vmax 0 0
    }

    .pop-transaction-records-details .btn-closed {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .pop-transaction-records-details .header {
        height: 7.4962518741vmax;
        border-radius: 2.6666666667vw 1.4992503748vmax 0 0;
        font-size: 2.3988005997vmax;
        line-height: 7.4962518741vmax
    }

    .pop-transaction-records-details .pop-content .tabBtn-wrap::before {
        border-radius: 1.4992503748vmax 1.4992503748vmax 0 0
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap {
        height: calc(100vh - 14.9925037481vmax);
        margin-bottom: 8.9955022489vmax;
        padding: 1.4992503748vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .title {
        padding: 1.4992503748vmax 0
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .title h3 {
        font-size: 2.5487256372vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .title .tags {
        min-width: 8.9955022489vmax;
        padding: .5997001499vmax 1.3333333333vw;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box {
        margin-top: 1.4992503748vmax;
        padding-bottom: 1.4992503748vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .date {
        margin-bottom: 1.4992503748vmax;
        margin-left: 4.4977511244vmax;
        font-size: 1.6491754123vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block {
        margin-bottom: 1.4992503748vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block::before {
        left: 2.6986506747vmax;
        width: .5997001499vmax;
        height: calc(100% + 5.2473763118vmax);
        border-radius: 1.4992503748vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block:last-child::before {
        top: -5.2473763118vmax;
        height: 8.2458770615vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .point {
        top: 2.2488755622vmax;
        left: 2.2113943028vmax;
        width: 1.4992503748vmax;
        height: 1.4992503748vmax;
        box-shadow: .1499250375vmax .1499250375vmax 0 0 rgba(0,0,0,0.1)
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content {
        width: calc(100% - 4.4977511244vmax);
        min-height: 8.2458770615vmax;
        margin-left: 4.4977511244vmax;
        padding: 1.4992503748vmax 1.4992503748vmax 1.4992503748vmax 2.9985007496vmax;
        border-radius: .4497751124vmax;
        box-shadow: .299850075vmax .299850075vmax 0 0 rgba(0,0,0,0.1)
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content .text {
        font-size: 2.0989505247vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content .text+.time {
        margin-top: 1.1994002999vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block .content .time {
        font-size: 1.6491754123vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current::before {
        height: 50%
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current .point {
        top: 1.1244377811vmax;
        width: 5.9970014993vmax;
        height: 5.9970014993vmax;
        border: .4497751124vmax solid #fff;
        box-shadow: .1499250375vmax .1499250375vmax 0 0 rgba(0,0,0,0.1),inset .1499250375vmax .1499250375vmax 0 0 rgba(0,0,0,0.1)
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .timeline-box .timeline-block.current .point::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box {
        margin: 1.4992503748vmax 0
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info {
        padding: 1.7991004498vmax 2.2488755622vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info .name {
        font-size: 1.9490254873vmax
    }

    .pop-transaction-records-details .pop-content .tabContent-page .transaction-details-wrap .details-box .info .value {
        font-size: 1.9490254873vmax
    }

    .pop-transaction-records-details .pop-content.processing .transaction-details-wrap,.pop-transaction-records-details .pop-content.fail .transaction-details-wrap {
        padding-bottom: 10.4947526237vmax
    }

    .pop-transaction-records-details .member-content .tips {
        margin: 2.2488755622vmax 0
    }

    .pop-transaction-records-details .member-content .button {
        margin: 1.4992503748vmax
    }

    .pop-transaction-records-details .member-content .button .countdown {
        height: 6.7466266867vmax;
        border-radius: .4497751124vmax;
        font-size: 2.2488755622vmax;
        line-height: 4.4977511244vmax
    }

    .pop-transaction-records-details .member-content .button .countdown.fadeIn::before {
        top: -2.9985007496vmax;
        height: 2.9985007496vmax
    }

    .pop-transaction-records-details .member-content .button .countdown.fadeOut::before {
        height: 2.9985007496vmax
    }

    .pop-transaction-records-details .member-content .button .countdown .timer {
        left: -1.4992503748vmax;
        width: 2.2488755622vmax;
        height: 2.2488755622vmax;
        box-shadow: 0 0 0 .2248875562vmax #fff
    }

    .pop-transaction-records-details .member-content .button .countdown .timer::before {
        height: .2248875562vmax;
        border-radius: .7496251874vmax
    }

    .pop-transaction-records-details .member-content .button .countdown .timer::after {
        height: .2248875562vmax;
        border-radius: .7496251874vmax
    }
}

.pop-login-fail {
    position: absolute;
    top: -50px;
    width: 95%;
    height: auto;
    padding: 2.6666666667vw;
    transition: top .3s;
    -webkit-animation: errorTipsShow .5s alternate linear forwards;
    animation: errorTipsShow .5s alternate linear forwards;
    border: 1px solid #f59991;
    border-radius: 2.1333333333vw;
    background: rgba(140,12,9,0.8)
}

.pop-login-fail .login-fail-tip {
    display: flex;
    align-items: center;
    justify-content: center
}

.pop-login-fail .login-fail-tip .login-fail-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 2.6666666667vw;
    background-color: #f59991;
    /* -webkit-mask: url("/images/h5/icon-warning.svg") no-repeat center/90%;
    mask: url("/images/h5/icon-warning.svg") no-repeat center/90% */
}

.pop-login-fail .login-fail-tip span {
    width: 90%;
    color: #f59991;
    font-size: 3.2vw;
    font-weight: bold;
    letter-spacing: .2666666667vw;
    line-height: 4vw
}

.pop-login-fail.active {
    display: inline;
    opacity: 1
}

.pop-login-fail.hide {
    -webkit-animation: errorTipsHIde .5s alternate linear forwards;
    animation: errorTipsHIde .5s alternate linear forwards
}

@-webkit-keyframes errorTipsShow {
    0% {
        top: -50px
    }

    100% {
        top: 35px
    }
}

@keyframes errorTipsShow {
    0% {
        top: -50px
    }

    100% {
        top: 35px
    }
}

@-webkit-keyframes errorTipsHIde {
    0% {
        top: 35px
    }

    100% {
        top: -50px
    }
}

@keyframes errorTipsHIde {
    0% {
        top: 35px
    }

    100% {
        top: -50px
    }
}

.pop-reset-password,.pop-account-lock {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    max-height: 90vh;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: bottom .5s;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    background: #262626;
    box-shadow: 0 -2px 15px 0 rgba(0,0,0,0.2)
}

.pop-reset-password .lock-box,.pop-account-lock .lock-box {
    position: relative;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pop-reset-password .lock-box img,.pop-account-lock .lock-box img {
    display: block;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    margin: 0 auto;
    opacity: 0
}

.pop-reset-password .title,.pop-account-lock .title {
    -webkit-transform: translate(0,-120%);
    transform: translate(0,-120%);
    color: #ff5959;
    font-weight: 600;
    letter-spacing: .2666666667vw;
    text-align: center
}

.pop-reset-password p,.pop-account-lock p {
    margin-bottom: 8vw;
    color: #fff;
    font-size: 3.4666666667vw;
    letter-spacing: .2666666667vw;
    line-height: 5.3333333333vw;
    text-align: center
}

.pop-reset-password .pop-btn-box,.pop-account-lock .pop-btn-box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.pop-reset-password .pop-btn-box .button,.pop-account-lock .pop-btn-box .button {
    width: 100%;
    height: 12vw;
    margin: 0 auto 2.6666666667vw;
    font-size: 4vw;
    line-height: 12vw
}

.pop-reset-password .pop-btn-box .btn-forget-password,.pop-account-lock .pop-btn-box .btn-forget-password {
    margin-right: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    background: #e1b645
}

.pop-reset-password .pop-btn-box .btn-closed,.pop-account-lock .pop-btn-box .btn-closed {
    margin-right: 2.6666666667vw;
    background: gray
}

.pop-reset-password.active,.pop-account-lock.active {
    bottom: 0
}

.pop-reset-password.active img,.pop-account-lock.active img {
    -webkit-animation: fallin .6s .2s forwards;
    animation: fallin .6s .2s forwards
}

@-webkit-keyframes fallin {
    0% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fallin {
    0% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.layout-brand {
    display: block
}

.layout-brand.active {
    display: none
}

.layout-brand.fish .card1 li img {
    width: 75%;
    margin: 0 auto 1.6vw
}

.layout-list {
    display: none
}

.layout-list.active {
    display: block
}

.card2 a,.card3 a,.card4 a,.card5 a,.card6 a {
    display: block;
    text-decoration: none
}

.card2 h2,.card3 h2,.card4 h2,.card5 h2,.card6 h2 {
    margin-bottom: 1.3333333333vw;
    color: #ffb80c;
    font-size: 4vw;
    font-weight: bold
}

.card2 p,.card3 p,.card4 p,.card5 p,.card6 p {
    margin-bottom: 2.6666666667vw;
    color: #eee;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw
}

.card2 .label,.card3 .label,.card4 .label,.card5 .label,.card6 .label {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.6666666667vw
}

.card2 .label li,.card3 .label li,.card4 .label li,.card5 .label li,.card6 .label li {
    margin: 0 1.3333333333vw 1.3333333333vw 0;
    padding: 0 1.3333333333vw;
    border: .2666666667vw solid #333;
    border-radius: 4.8vw;
    background-color: #4a4a4a;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 4.8vw
}

.card2 .brand,.card3 .brand,.card4 .brand,.card5 .brand,.card6 .brand {
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.card1 {
    width: 100vw;
    height: auto;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.card1 ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto
}

.card1 li {
    position: relative;
    width: 25%;
    border: .1333333333vw solid #000;
    background-color: #262626
}

.card1 li a {
    display: block;
    padding: 2.6666666667vw 0;
    text-decoration: none
}

.card1 li img {
    display: block;
    width: 50%;
    margin: 0 auto 1.3333333333vw
}

.card1 li p {
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.card2 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    padding: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #262626
}

.card2 p {
    width: 74.6666666667vw
}

.card2 .button {
    width: 24vw
}

.card2 .brand {
    position: absolute;
    top: 0;
    right: 2.6666666667vw
}

.card3 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    padding: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #262626
}

.card3 .pic {
    display: inline-block;
    width: 16vw;
    height: 16vw;
    margin-right: 2.6666666667vw;
    overflow: hidden;
    border-radius: 2.6666666667vw 0;
    background-color: #ddd;
    vertical-align: top
}

.card3 .pic img {
    width: 100%;
    height: 100%
}

.card3 .text {
    display: inline-block;
    vertical-align: top
}

.card3 p {
    width: 58.6666666667vw
}

.card3 .button {
    width: 24vw
}

.card3 .brand {
    position: absolute;
    top: 0;
    right: 2.6666666667vw
}

.card4 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    padding: 4vw 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #262626
}

.card4::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 89.3333333333vw;
    height: .2666666667vw;
    background-color: #333
}

.card4:first-child {
    border-radius: .8vw .8vw 0 0 !important
}

.card4:last-child::after {
    content: none
}

.card4 .pic {
    display: inline-block;
    position: relative;
    width: 16vw;
    height: 16vw;
    margin-right: 2.6666666667vw;
    overflow: hidden;
    border: .2666666667vw solid #333;
    border-radius: 2.6666666667vw 0;
    background-color: #4a4a4a;
    vertical-align: middle
}

.card4 .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.card4 .text {
    display: inline-block;
    vertical-align: middle
}

.card4 p {
    width: 42.6666666667vw;
    margin: 0 2.6666666667vw 0 0
}

.card4 .button {
    display: inline-block;
    width: 22.6666666667vw;
    vertical-align: middle
}

.card5 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #262626
}

.card5 .pic {
    width: 100%;
    height: 32vw;
    border-bottom: .5333333333vw solid #ffb80c;
    background-color: #ddd
}

.card5 .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.card5 .text {
    position: relative;
    width: 100%;
    margin-top: -8.5333333333vw;
    padding: 2.6666666667vw;
    overflow: hidden
}

.card5 h2 {
    position: relative;
    z-index: 2;
    margin-bottom: 4vw;
    color: #fff;
    font-size: 4.2666666667vw
}

.card5 h2::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: -1.3333333333vw;
    left: -2.6666666667vw;
    width: 94.6666666667vw;
    height: 8vw;
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%)
}

.card5 p {
    width: 100%;
    margin: 0 0 2.6666666667vw
}

.card5 .button {
    width: 24vw
}

.card5 .brand {
    position: absolute;
    right: 2.6666666667vw;
    bottom: 0
}

.card6 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #262626
}

.card6 .pic {
    display: inline-block;
    width: 33.3333333333vw;
    height: 45.3333333333vw;
    overflow: hidden;
    border-right: .5333333333vw solid #ffb80c;
    background-color: #ddd;
    vertical-align: top
}

.card6 .pic img {
    width: 100%;
    height: 100%
}

.card6 .text {
    display: inline-block;
    position: relative;
    width: 60vw;
    padding: 2.6666666667vw;
    vertical-align: top
}

.card6 .button {
    width: 24vw
}

.card6 .brand {
    position: absolute;
    right: 2.6666666667vw;
    bottom: 2.6666666667vw
}

.card7 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw
}

.card7 .card7-nav {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: space-between;
    width: 18.6666666667vw;
    height: 100%;
    border-radius: .8vw;
    background-color: #262626
}

.card7 .card7-nav ul {
    width: 100%
}

.card7 .card7-nav ul li {
    position: relative;
    width: 100%;
    padding: 2.6666666667vw;
    border-left: 1.0666666667vw solid #262626
}

.card7 .card7-nav ul li img {
    display: block;
    width: 100%
}

.card7 .card7-nav ul li p {
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: bold;
    text-align: center
}

.card7 .card7-nav ul li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60%;
    height: .2666666667vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #333
}

.card7 .card7-nav ul li:last-child::after {
    content: none
}

.card7 .card7-nav ul li.active {
    border-left: 1.0666666667vw solid #ffb80c
}

.card7 .card7-content {
    display: none;
    position: relative;
    width: 100%;
    height: 101.3333333333vw;
    padding: 0 0 0 21.3333333333vw;
    overflow-x: hidden;
    overflow-y: auto
}

.card7 .card7-content.active {
    display: block
}

.card7 .card-box {
    position: relative;
    width: 100%;
    height: 26.6666666667vw;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: 2.6666666667vw 0;
    background-color: #ddd
}

.card7 .card-box a {
    display: block;
    width: 100%;
    height: 100%
}

.card7 .card-box:last-child {
    margin: 0
}

.card7 .card-box img {
    width: 100%;
    height: auto
}

.card7 .card-box .title {
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 18.6666666667vw;
    height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.card7 .card-box .title::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    width: 26.6666666667vw;
    height: 100%;
    background-image: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
    -webkit-clip-path: polygon(100% 0,0% 100%,100% 100%);
    clip-path: polygon(100% 0,0% 100%,100% 100%)
}

.card7 .card-box .title h3 {
    margin-bottom: .5333333333vw;
    color: #fff;
    font-size: 4.2666666667vw
}

.card7 .card-box .title .number {
    position: relative;
    margin-bottom: .5333333333vw;
    color: #fff;
    font-size: 6.4vw
}

.card7 .card-box .title .number::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 13.3333333333vw;
    height: 2.6666666667vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #ffb80c
}

.card7 .card-box .title p {
    margin-bottom: .5333333333vw;
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: bold
}

.card7 .card-box .title .arrow {
    display: block;
    position: relative;
    width: 4vw;
    height: 4vw;
    margin: 0 auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: .2666666667vw solid #ffb80c;
    border-radius: 4vw
}

.card7 .card-box .title .arrow::before,.card7 .card-box .title .arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .2666666667vw;
    height: 1.3333333333vw;
    border-radius: .2666666667vw;
    background-color: #fff
}

.card7 .card-box .title .arrow::before {
    -webkit-transform: rotate(45deg) translate(-30%,-40%);
    transform: rotate(45deg) translate(-30%,-40%)
}

.card7 .card-box .title .arrow::after {
    -webkit-transform: rotate(-45deg) translate(-20%,-50%);
    transform: rotate(-45deg) translate(-20%,-50%)
}

.card7 .button {
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
    font-weight: bold;
    line-height: 13.3333333333vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .layout-brand.fish .card1 li img {
        width:45%;
        margin: 0 auto .8995502249vmax
    }

    .card2 h2,.card3 h2,.card4 h2,.card5 h2,.card6 h2 {
        margin-bottom: .7496251874vmax;
        font-size: 2.2488755622vmax
    }

    .card2 p,.card3 p,.card4 p,.card5 p,.card6 p {
        margin-bottom: 1.4992503748vmax;
        font-size: 1.9490254873vmax;
        line-height: 2.9985007496vmax
    }

    .card2 .label,.card3 .label,.card4 .label,.card5 .label,.card6 .label {
        margin-bottom: 1.4992503748vmax
    }

    .card2 .label li,.card3 .label li,.card4 .label li,.card5 .label li,.card6 .label li {
        margin: 0 .7496251874vmax .7496251874vmax 0;
        padding: 0 .7496251874vmax;
        border: .1499250375vmax solid #333;
        border-radius: 2.6986506747vmax;
        font-size: 1.9490254873vmax;
        line-height: 2.6986506747vmax
    }

    .card2 .brand,.card3 .brand,.card4 .brand,.card5 .brand,.card6 .brand {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .card1 {
        margin-bottom: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .card1 li {
        border: .1499250375vmax solid #000
    }

    .card1 li a {
        padding: 1.4992503748vmax 0
    }

    .card1 li img {
        width: 40%;
        margin: 0 auto .7496251874vmax
    }

    .card1 li p {
        font-size: 1.9490254873vmax
    }

    .card2 {
        margin: 0 0 1.4992503748vmax;
        padding: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .card2 p {
        width: 77.9610194903vmax
    }

    .card2 .button {
        width: 13.4932533733vmax
    }

    .card2 .brand {
        right: 1.4992503748vmax
    }

    .card3 {
        margin: 0 0 1.4992503748vmax;
        padding: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .card3 .pic {
        width: 8.9955022489vmax;
        height: 8.9955022489vmax;
        margin-right: 1.4992503748vmax;
        border-radius: 1.4992503748vmax 0
    }

    .card3 p {
        width: 67.4662668666vmax
    }

    .card3 .button {
        width: 13.4932533733vmax
    }

    .card3 .brand {
        right: 1.4992503748vmax
    }

    .card4 {
        margin-bottom: 1.4992503748vmax;
        padding: 2.2488755622vmax 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .card4::after {
        width: 95.5022488756vmax;
        height: .1499250375vmax
    }

    .card4:first-child {
        border-radius: .4497751124vmax .4497751124vmax 0 0 !important
    }

    .card4 .pic {
        width: 8.9955022489vmax;
        height: 8.9955022489vmax;
        margin-right: 1.4992503748vmax;
        border-radius: 1.4992503748vmax 0
    }

    .card4 p {
        width: 55.4722638681vmax;
        margin: 0 1.4992503748vmax 0 0
    }

    .card4 .button {
        width: 22.6666666667vw
    }

    .card5 {
        margin-bottom: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .card5 .pic {
        border-bottom: .299850075vmax solid #ffb80c
    }

    .card5 .text {
        margin-top: -4.7976011994vmax;
        padding: 1.4992503748vmax
    }

    .card5 h2 {
        margin-bottom: 2.2488755622vmax;
        font-size: 2.3988005997vmax
    }

    .card5 h2::after {
        bottom: -0.7496251874vmax;
        left: -1.4992503748vmax;
        width: 97.0014992504vmax;
        height: 4.4977511244vmax
    }

    .card5 p {
        margin: 0 0 1.4992503748vmax
    }

    .card5 .button {
        width: 13.4932533733vmax
    }

    .card5 .brand {
        right: 1.4992503748vmax
    }

    .card6 {
        margin-bottom: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .card6 .pic {
        width: 18.7406296852vmax;
        height: 25.4872563718vmax;
        border-right: .299850075vmax solid #ffb80c
    }

    .card6 .text {
        width: 76.4617691154vmax;
        padding: 1.4992503748vmax
    }

    .card6 .button {
        width: 13.4932533733vmax
    }

    .card6 .brand {
        right: 1.4992503748vmax;
        bottom: 1.4992503748vmax
    }

    .card7 {
        margin-bottom: 1.4992503748vmax
    }

    .card7 .card7-nav {
        width: 10.4947526237vmax;
        border-radius: .4497751124vmax
    }

    .card7 .card7-nav ul li {
        padding: 1.4992503748vmax;
        border-left: .5997001499vmax solid #262626
    }

    .card7 .card7-nav ul li p {
        font-size: 1.9490254873vmax
    }

    .card7 .card7-nav ul li::after {
        height: .1499250375vmax
    }

    .card7 .card7-nav ul li.active {
        border-left: .5997001499vmax solid #ffb80c
    }

    .card7 .card7-content {
        height: 56.9715142429vmax;
        padding: 0 0 0 11.9940029985vmax
    }

    .card7 .card-box {
        margin-bottom: 1.4992503748vmax;
        border-radius: 1.4992503748vmax 0
    }

    .card7 .card-box .title {
        width: 10.4947526237vmax
    }

    .card7 .card-box .title::after {
        width: 14.9925037481vmax
    }

    .card7 .card-box .title h3 {
        margin-bottom: .299850075vmax;
        font-size: 2.3988005997vmax
    }

    .card7 .card-box .title .number {
        margin-bottom: .299850075vmax;
        font-size: 3.5982008996vmax
    }

    .card7 .card-box .title .number::after {
        width: 7.4962518741vmax;
        height: 1.4992503748vmax
    }

    .card7 .card-box .title p {
        margin-bottom: .299850075vmax;
        font-size: 1.9490254873vmax
    }

    .card7 .card-box .title .arrow {
        width: 2.2488755622vmax;
        height: 2.2488755622vmax;
        border: .1499250375vmax solid #ffb80c;
        border-radius: 2.2488755622vmax
    }

    .card7 .card-box .title .arrow::before,.card7 .card-box .title .arrow::after {
        width: .1499250375vmax;
        height: .7496251874vmax;
        border-radius: .1499250375vmax
    }

    .card7 .button {
        height: 7.4962518741vmax;
        font-size: 2.3988005997vmax;
        line-height: 7.4962518741vmax
    }
}

.announcement-row {
    display: flex;
    position: relative;
    width: 100%;
    height: 8vw;
    border-bottom: .2666666667vw solid black;
    background-color: #111;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 8vw
}

.announcement-row::before {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    margin-left: 2.6666666667vw;
    background-color: #ffb80c;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask: url(./MobileImage/index-announcement-icon.svg) no-repeat 50% 50%;
    mask: url(./MobileImage/index-announcement-icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: 80% auto;
    mask-size: 80% auto
}

.announcement-row marquee {
    width: 84vw;
    margin: 0 2.6666666667vw
}

.announcement-row marquee li {
    display: inline-block;
    margin-right: 25px
}

.announcement-row marquee li a {
    text-decoration: none;
    color: #fff
}

.announcement-colum {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    padding: 2.6666666667vw 0;
    background-color: #262626
}

.announcement-colum::before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-right: .2666666667vw solid #333;
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/theme/black/index-announcement-title.svg") no-repeat center/90%;
    mask: url("/images/h5/theme/black/index-announcement-title.svg") no-repeat center/90% */
}

.announcement-colum section {
    width: 89.3333333333vw;
    height: 10.6666666667vw;
    padding: 0 1.3333333333vw;
    overflow: hidden
}

.announcement-colum section div {
    height: 5.3333333333vw;
    overflow: hidden;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.announcement-colum section div span {
    display: inline-block;
    margin: 0 1.3333333333vw 0 0;
    padding: 0 1.3333333333vw;
    border: .2666666667vw solid #ffb80c;
    border-radius: .8vw;
    color: #ffb80c;
    font-size: 3.2vw;
    line-height: 4.2666666667vw;
    text-align: center;
    vertical-align: middle
}

.announcement-colum section div span.second-color {
    border: .2666666667vw solid #10bf00;
    color: #10bf00
}

@media screen and (min-aspect-ratio: 13/9) {
    .announcement-row {
        height:4.4977511244vmax;
        margin: 0 0 1.4992503748vmax;
        font-size: 1.9490254873vmax;
        line-height: 4.4977511244vmax
    }

    .announcement-row::before {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        margin-left: 1.4992503748vmax
    }

    .announcement-row marquee {
        width: 91.0044977511vmax;
        margin: 0 1.4992503748vmax
    }

    .announcement-colum {
        margin: 0 0 1.4992503748vmax;
        padding: 1.4992503748vmax 0
    }

    .announcement-colum::before {
        width: 5.9970014993vmax;
        height: 5.9970014993vmax;
        border-right: .1499250375vmax solid #333
    }

    .announcement-colum section {
        width: 94.0029985007vmax;
        height: 5.9970014993vmax;
        padding: 0 .7496251874vmax
    }

    .announcement-colum section div {
        height: 2.9985007496vmax;
        font-size: 1.9490254873vmax;
        line-height: 2.9985007496vmax
    }

    .announcement-colum section div span {
        margin: 0 .7496251874vmax 0 0;
        padding: 0 .7496251874vmax;
        border: .1499250375vmax solid #ffb80c;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax;
        line-height: 2.3988005997vmax
    }

    .announcement-colum section div span.second-color {
        border: .1499250375vmax solid #10bf00
    }
}

.member-menu {
    position: fixed;
    bottom: -120%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .4s;
    background-color: #000;
    -webkit-overflow-scrolling: touch
}

.member-menu.active {
    bottom: 0
}

.member-menu .close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border-radius: 0 0 0 100%;
    background-color: #000
}

.member-menu .close::before,.member-menu .close::after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    left: 60%;
    width: 5.3333333333vw;
    height: .5333333333vw;
    margin: -0.2666666667vw 0 0 -2.6666666667vw;
    border-radius: .5333333333vw;
    background-color: #fff
}

.member-menu .close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.member-menu .close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.member-header {
    position: relative;
    width: 100%;
    height: 58.6666666667vw;
    /* background-image: url("/images/h5/member-header-bg.svg"); */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%
}

.member-header.bonuswallet {
    height: 45.3333333333vw;
    background-position: bottom center
}

.member-header.bonuswallet .member-header-content {
    bottom: 18.6666666667vw;
    left: 2.6666666667vw
}

.member-header.bonuswallet::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 26.6666666667vw;
    bottom: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0) 100%)
}

.member-header-content {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    bottom: 32vw;
    left: 2.6666666667vw
}

.member-header-content .pic {
    display: inline-block;
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    margin-right: 2.6666666667vw;
    border-radius: 17.3333333333vw;
    background-color: #000;
    color: #ffb80c;
    font-size: 9.6vw;
    line-height: 17.3333333333vw;
    text-align: center;
    vertical-align: middle;
    box-shadow: 2px 4px 7px 0 rgba(0,0,0,0.24)
}

.member-header-content .pic.pic-lv1 {
    background: url(./MobileImage/memberpic-lv1.svg) no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

/*
.member-header-content .pic.pic-lv2 {
    background: url("/images/h5/player/vip/memberpic-lv2.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

.member-header-content .pic.pic-lv3 {
    background: url("/images/h5/player/vip/memberpic-lv3.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

.member-header-content .pic.pic-lv4 {
    background: url("/images/h5/player/vip/memberpic-lv4.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
} */

.member-header-content .infor {
    display: inline-block;
    vertical-align: middle
}

.member-header-content .account {
    margin-bottom: 1.3333333333vw;
    color: #fff;
    font-size: 4.2666666667vw
}

.member-header-content .vip-points {
    display: inline-flex;
    position: relative;
    align-items: center;
    width: auto;
    height: 6.4vw;
    padding: .5333333333vw .5333333333vw .5333333333vw 2.6666666667vw;
    border-radius: 6.4vw;
    background-color: #262626;
    color: #fff;
    font-size: 3.2vw
}

.member-header-content .vip-points span {
    display: inline-block;
    max-width: 0;
    margin: 0 2.6666666667vw;
    overflow: hidden;
    transition: all .3s;
    white-space: nowrap;
    color: #ffd46e
}

.member-header-content .vip-points a {
    text-decoration: none
}

.member-header-content .vip-points .myvip-text {
    position: relative;
    font-size: 3.2vw;
    color: #fff
}

.member-header-content .vip-points .myvip-text::before {
    content: "";
    display: inline-block;
    width: 2.1333333333vw;
    height: 3.2vw;
    margin: 0 2.6666666667vw 0 1.3333333333vw;
    border-left: .2666666667vw solid #fff;
    vertical-align: middle
}

.member-header-content .vip-points .myvip-text::after {
    content: "";
    display: inline-block;
    width: 2.9333333333vw;
    height: 2.6666666667vw;
    margin: 0 2.6666666667vw 0 1.3333333333vw;
    background: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/player/vip/icon-arrow.svg") no-repeat center center/cover;
    mask: url("/images/h5/icon-set/player/vip/icon-arrow.svg") no-repeat center center/cover; */
    vertical-align: middle
}

.member-header-content .vip-points.active span {
    max-width: 32vw;
    padding: 0
}

.member-header-content .balance {
    display: inline-flex;
    position: relative;
    align-items: center;
    margin-top: 1.3333333333vw;
    width: auto;
    height: 6.4vw;
    padding: .5333333333vw .5333333333vw .5333333333vw 2.6666666667vw;
    border-radius: 6.4vw;
    background-color: #262626;
    color: #fff;
    font-size: 3.2vw
}

.member-header-content .balance span {
    display: inline-block;
    max-width: 0;
    margin-left: 1.3333333333vw;
    overflow: hidden;
    transition: all .3s;
    white-space: nowrap
}

.member-header-content .balance.active span {
    max-width: 32vw;
    padding: 0
}

.member-header-content .balance::after {
    content: "";
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-left: 1.3333333333vw;
    border-radius: 5.3333333333vw;
    background-color: #ffb80c;
    /* background-image: url("/images/h5/icon-set/icon-eye-open-type02.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%
}

/* .member-header-content .balance.active::after {
    background-image: url("/images/h5/icon-set/icon-eye-close-type02.svg")
} */

.member-menu-content {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: -29.3333333333vw 0 0;
    padding: 0 2.6666666667vw
}

.member-menu-content.bonuswallet {
    margin: -10.6666666667vw 0 0
}

.member-menu-box {
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    border-radius: .8vw;
    background-color: #262626
}

.member-menu-box.balance-box {
    display: flex;
    position: relative;
    flex-direction: row
}

.member-menu-box.balance-box .balance {
    display: inline-flex;
    position: relative;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    height: 18.4vw;
    padding: 2.6666666667vw;
    font-size: 3.2vw
}

.member-menu-box.balance-box .balance.balance-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.member-menu-box.balance-box .balance .text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffb80c;
    line-height: 4.8vw;
    white-space: nowrap
}

.member-menu-box.balance-box .balance .amount {
    display: inline-flex;
    margin-top: 1.3333333333vw;
    position: relative;
    max-height: 5.8666666667vw;
    overflow: hidden;
    transition: all .3s;
    color: #666;
    font-size: 4.2666666667vw;
    line-height: 5.8666666667vw;
    white-space: nowrap
}

.member-menu-box.balance-box .balance .amount::before {
    content: attr(data-currency)
}

.member-menu-box.balance-box .balance .amount i {
    display: inline-block;
    position: relative;
    transition: all .1s ease-in;
    color: #666
}

.member-menu-box.balance-box .balance .amount i::after {
    content: " ❋❋❋❋";
    display: block;
    width: auto;
    font-size: 3.2vw
}

.member-menu-box.balance-box .balance .icon {
    display: inline-block;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    margin-left: .5333333333vw;
    transition: all .3s
}

.member-menu-box.balance-box .balance .icon.bonuswallet {
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/icon-bonuswallet.svg") no-repeat center/85%;
    mask: url("/images/h5/icon-set/icon-bonuswallet.svg") no-repeat center/85% */
}

.member-menu-box.balance-box .balance .icon.refresh {
    background-color: #ffb80c;
    -webkit-mask: url(./MobileImage/icon-refresh-type01.svg) no-repeat center/65%;
    mask: url(./MobileImage/icon-refresh-type01.svg) no-repeat center/65%
}

.member-menu-box.balance-box .balance .icon.refresh.active {
    -webkit-animation: refresh 1s linear;
    animation: refresh 1s linear
}

@-webkit-keyframes refresh {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes refresh {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.member-menu-box.balance-box .balance .icon.eyes {
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/icon-eye-open-type01.svg") no-repeat center/85%;
    mask: url("/images/h5/icon-set/icon-eye-open-type01.svg") no-repeat center/85% */
}

.member-menu-box.balance-box .balance .icon.eyes.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.member-menu-box.balance-box .balance .icon.eyes.active {
    background-color: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/icon-eye-close-type01.svg") no-repeat center/85%;
    mask: url("/images/h5/icon-set/icon-eye-close-type01.svg") no-repeat center/85% */
}

.member-menu-box.balance-box .balance .icon.eyes.active:active {
    opacity: .7
}

.member-menu-box.balance-box .dialog {
    display: flex;
    position: absolute;
    right: 2.6666666667vw;
    bottom: 18.1333333333vw;
    align-items: center;
    justify-content: center;
    height: 6.9333333333vw;
    padding: 3.2vw 0 3.2vw 2.6666666667vw;
    border-radius: 1.3333333333vw;
    box-shadow: inset -1.6vw -0.2666666667vw 2.6666666667vw -2.6666666667vw #d89f0a,inset 0 -0.2666666667vw 2.6666666667vw -0.5333333333vw #d89f0a,inset 0 -0.5333333333vw 2.6666666667vw 0 #d89f0a,0 .8vw .8vw 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #ffb80c;
    font-size: 3.4666666667vw
}

.member-menu-box.balance-box .dialog .arrow {
    position: relative;
    top: 4.2666666667vw;
    right: 12vw;
    width: 0;
    height: 0;
    border-top: 1.8666666667vw solid #e2a509;
    border-right: 1.3333333333vw solid transparent;
    border-left: 1.3333333333vw solid transparent
}

.member-menu-box.balance-box .dialog::before {
    content: attr(data-currency);
    margin-right: .8vw;
    font-size: 2.9333333333vw
}

.member-menu-box.balance-box .button.receiveBtn {
    width: auto;
    height: auto;
    margin-left: 2.6666666667vw;
    padding: .5333333333vw 2.6666666667vw;
    font-size: 3.2vw;
    line-height: initial
}

.member-menu-box.balance-box .button.receiveBtn a {
    padding: .2666666667vw 0 0;
    line-height: initial
}

.member-menu-box.balance-box.active .balance .amount i {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.member-menu-box .title {
    width: 100%;
    padding: 0 2.6666666667vw;
    border-bottom: .2666666667vw solid #333;
    line-height: 9.3333333333vw
}

.member-menu-box .title h2 {
    color: #fff;
    font-size: 4vw
}

.member-menu-box .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.member-menu-box .title h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    background-color: #ffb80c;
    vertical-align: middle
}

.member-menu-box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.3333333333vw 0
}

.member-menu-box ul.align-center li {
    flex: auto;
    width: 33.3333333333%
}

.member-menu-box ul li {
    position: relative;
    width: 25%;
    padding: 1.8666666667vw 0
}

.member-menu-box ul li a {
    display: block;
    text-decoration: none
}

.member-menu-box ul li a p {
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.member-menu-box ul li a span {
    display: block;
    color: #eee;
    font-size: 2.6666666667vw;
    line-height: 3.7333333333vw;
    text-align: center
}

.member-menu-box ul li a::before {
    content: "";
    display: block;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    border-radius: 9.3333333333vw;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}
.member-menu-box ul li.deposit a::before {
    background-image: url(./MobileImage/icon-deposit.svg)
}
.member-menu-box ul li.withdrawal a::before {
    background-image: url(./MobileImage/icon-withdrawal.svg)
}
.member-menu-box ul li.total a::before {
    background-image: url(./MobileImage/icon-total.svg)
}
.member-menu-box ul li.water a::before {
    background-image: url(./MobileImage/icon-water.svg)
}
.member-menu-box ul li.history a::before {
    background-image: url(./MobileImage/icon-history.svg)
}
.member-menu-box ul li.account a::before {
    background-image: url(./MobileImage/icon-account.svg)
}
.member-menu-box ul li.kyc a::before {
    background-image: url(./MobileImage/icon-kyc.svg)
}
.member-menu-box ul li.resetpasswords a::before {
    background-image: url(./MobileImage/icon-resetpasswords.svg)
}
.member-menu-box ul li.mail a::before {
    background-image: url(./MobileImage/icon-mail.svg)
}
.member-menu-box ul li.recommendfriend a::before {
    background-image: url(./MobileImage/icon-recommendfriend.svg)
}


/* 




.member-menu-box ul li.transfer a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-transfer.svg")
}





.member-menu-box ul li.wallet a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-wallet.svg")
}







.member-menu-box ul li.setting a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-setting.svg")
}



.member-menu-box ul li.biometric a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-biometric.svg")
} */

.member-menu-box ul li .notice {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    -webkit-transform: translate(150%,-150%);
    transform: translate(150%,-150%);
    border-radius: 5.3333333333vw;
    background-color: #ffb80c;
    color: #fff;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 5.3333333333vw;
    text-align: center
}

.member-menu-box ul li .notice::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -0.8vw;
    left: -0.8vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #ffb80c transparent transparent
}
.csicons li.whatsapp a::before {
    background-image: url(./MobileImage/whatsapp.svg)
}
.csicons li.Email a::before{
    background-image: url(./MobileImage/email.svg)
}

.csicons li.telegram a::before{
    background-image: url(./MobileImage/telegram.svg)
}
/* 
.socialicons li.facebook a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/facebook.svg")
}

.socialicons li.instagram a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/instagram.svg")
}

.socialicons li.twitter a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/twitter.svg")
}

.socialicons li.telegram-channel a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/telegram-channel.svg")
}

.socialicons li.line-for-bussiness a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/line-for-business.svg")
}

.socialicons li.pinterest a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/pinterest.svg")
}

.socialicons li.youtube a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/youtube.svg")
}

.socialicons li.likee a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/likee.svg")
}

.socialicons li.forum a::before {
    background-image: url("/images/h5/icon-set/socialicons/black/forum.svg")
}

.csicons li.facebook-messenger a::before {
    background-image: url("/images/h5/icon-set/csicons/black/facebook-messenger.svg")
}

.csicons li.telegram a::before {
    background-image: url("/images/h5/icon-set/csicons/black/telegram.svg")
}

.csicons li.line a::before {
    background-image: url("/images/h5/icon-set/csicons/black/line.svg")
}


.csicons li.zalo a::before {
    background-image: url("/images/h5/icon-set/csicons/black/zalo.svg")
}

.csicons li.imo a::before {
    background-image: url("/images/h5/icon-set/csicons/black/imo.svg")
}

.csicons li.email a::before {
    background-image: url("/images/h5/icon-set/csicons/black/email.svg")
}

.csicons li.qq a::before {
    background-image: url("/images/h5/icon-set/csicons/black/qq.svg")
}

.csicons li.wechat a::before {
    background-image: url("/images/h5/icon-set/csicons/black/wechat.svg")
}

.csicons li.skype a::before {
    background-image: url("/images/h5/icon-set/csicons/black/skype.svg")
}

.csicons li.bbm a::before {
    background-image: url("/images/h5/icon-set/csicons/black/bbm.svg")
}

.csicons li.kakao-talk a::before {
    background-image: url("/images/h5/icon-set/csicons/black/kakaotalk.svg")
}

.csicons li.phone a::before {
    background-image: url("/images/h5/icon-set/csicons/black/phone.svg")
}

.csicons li.talk a::before {
    background-image: url("/images/h5/icon-set/csicons/black/talk.svg")
} */

.member-menu-service {
    width: 46vw;
    height: auto;
    margin-bottom: 2.6666666667vw;
    padding: 4vw 2.6666666667vw;
    border-radius: .8vw;
    background-color: #262626
}

.member-menu-service a {
    display: block;
    text-decoration: none
}

.member-menu-service a::before {
    content: "";
    display: inline-block;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    margin-right: 2.6666666667vw;
    border-radius: 9.3333333333vw;
    background-color: #4a4a4a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    vertical-align: middle
}

.member-menu-service a .text {
    display: inline-block;
    width: 26.6666666667vw;
    padding: .5333333333vw 0 0;
    vertical-align: top
}

.member-menu-service a p {
    margin-bottom: .8vw;
    color: #fff;
    font-size: 3.4666666667vw
}

.member-menu-service a span {
    color: #eee;
    font-size: 3.2vw;
    line-height: 4.8vw
}
/* 
.member-menu-service.phone a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-phone.svg")
}

.member-menu-service.talk a::before {
    background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-talk.svg")
} */

.member-menu-point {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 85.3333333333vw;
    margin: 0 auto 2.6666666667vw;
    padding: 2.6666666667vw 0;
    text-align: center
}

.member-menu-point::before {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    margin-right: 1.3333333333vw;
    border-radius: 8vw;
    background-color: #4a4a4a;
    /* background-image: url("/images/h5/icon-set/theme-icon/black/icon-member-promotion.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.member-menu-point p {
    display: block;
    max-width: 75%;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: start
}

.member-menu-point p span {
    color: #ff7e00
}

.member-menu-logout {
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    border-radius: .8vw;
    background-color: #262626
}

.member-menu-logout a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.6666666667vw;
    text-decoration: none
}

.member-menu-logout a::before {
    content: "";
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 1.3333333333vw 0 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-mask: url(./MobileImage/header-logout-icon.svg) no-repeat 50% 50%;
    mask: url(./MobileImage/header-logout-icon.svg)  no-repeat 50% 50%
}

.member-menu-logout a p {
    display: inline-block;
    color: #fff;
    font-size: 3.4666666667vw;
    text-align: center
}

.amount::before {
    content: attr(data-currency);
    margin-right: .8vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .member-menu {
        padding-bottom:10.4947526237vmax
    }

    .member-menu .close {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .member-menu .close::before,.member-menu .close::after {
        width: 2.9985007496vmax;
        height: .299850075vmax;
        margin: -0.1499250375vmax 0 0 -1.4992503748vmax;
        border-radius: .299850075vmax
    }

    .member-header {
        height: 32.9835082459vmax
    }

    .member-header-content {
        bottom: 17.9910044978vmax;
        left: 1.4992503748vmax
    }

    .member-header-content .pic {
        width: 9.7451274363vmax;
        height: 9.7451274363vmax;
        margin-right: 1.4992503748vmax;
        border-radius: 9.7451274363vmax;
        font-size: 5.3973013493vmax;
        line-height: 9.7451274363vmax
    }

    .member-header-content .account {
        margin-bottom: .7496251874vmax;
        font-size: 2.3988005997vmax
    }

    .member-header-content .balance {
        height: 3.5982008996vmax;
        padding: .299850075vmax .299850075vmax .299850075vmax 1.4992503748vmax;
        border-radius: 3.5982008996vmax;
        font-size: 1.7991004498vmax
    }

    .member-header-content .balance span {
        margin-left: .7496251874vmax
    }

    .member-header-content .balance.active span {
        max-width: 14.9925037481vmax
    }

    .member-header-content .balance::after {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-left: .7496251874vmax;
        border-radius: 2.9985007496vmax
    }

    .member-menu-content {
        margin: -16.4917541229vmax 0 0;
        padding: 0 1.4992503748vmax
    }

    .member-menu-box {
        margin: 0 0 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .member-menu-box .title {
        padding: 0 1.4992503748vmax;
        border-bottom: .1499250375vmax solid #333;
        line-height: 5.9970014993vmax
    }

    .member-menu-box .title h2 {
        font-size: 2.2488755622vmax
    }

    .member-menu-box .title h2::before {
        width: .5997001499vmax;
        height: 2.3988005997vmax;
        margin-right: .7496251874vmax
    }

    .member-menu-box ul {
        padding: 2.2488755622vmax 0
    }

    .member-menu-box ul li a p {
        font-size: 1.9490254873vmax
    }

    .member-menu-box ul li a::before {
        width: 5.2473763118vmax;
        height: 5.2473763118vmax;
        margin: 0 auto .7496251874vmax;
        border-radius: 5.2473763118vmax
    }

    .member-menu-box ul li .notice {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        border-radius: 2.9985007496vmax;
        font-size: 1.7991004498vmax;
        line-height: 2.9985007496vmax
    }

    .member-menu-box ul li .notice::after {
        bottom: -0.4497751124vmax;
        left: -0.4497751124vmax;
        border-width: .5997001499vmax
    }

    .member-menu-service {
        width: 47.7511244378vmax;
        margin-bottom: 1.4992503748vmax;
        padding: 2.2488755622vmax 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .member-menu-service a::before {
        width: 5.2473763118vmax;
        height: 5.2473763118vmax;
        margin-right: 1.4992503748vmax;
        border-radius: 5.2473763118vmax
    }

    .member-menu-service a .text {
        width: 14.9925037481vmax;
        padding: .299850075vmax 0 0
    }

    .member-menu-service a p {
        margin-bottom: .4497751124vmax;
        font-size: 1.9490254873vmax
    }

    .member-menu-service a span {
        font-size: 1.7991004498vmax;
        line-height: 2.6986506747vmax
    }

    .member-menu-point {
        padding: 1.4992503748vmax 0
    }

    .member-menu-point::before {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        margin-right: .7496251874vmax;
        border-radius: 4.4977511244vmax
    }

    .member-menu-point p {
        font-size: 1.7991004498vmax
    }

    .amount::before {
        margin-right: .4497751124vmax
    }

    .member-menu-logout {
        margin: 0 0 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .member-menu-logout a {
        padding: 1.4992503748vmax
    }

    .member-menu-logout a::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin: 0 .7496251874vmax 0 0
    }

    .member-menu-logout a p {
        font-size: 1.9490254873vmax
    }
}

.member-content {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.member-content .phone p {
    padding: 0
}

.member-content .button {
    margin: 2.6666666667vw auto
}

.login-info-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 0 2.6666666667vw
}

.login-info-box .member-error-box {
    flex: 1 0 60%;
    padding: 1.3333333333vw 2.6666666667vw 0 0
}

.member-error-box .member-error {
    display: flex;
    flex-flow: row nowrap;
    align-content: flex-start;
    justify-content: space-between;
    margin-bottom: 1.3333333333vw;
    padding: 0
}

.member-error-box .member-error:last-child {
    margin-bottom: 0
}

.member-error-box .member-error span {
    flex: 1 0 60%;
    padding-top: .5333333333vw
}

.forgetpassword-buttn {
    color: #fff;
    font-size: 3.4666666667vw
}

.forgetpassword-buttn a {
    display: block;
    padding: 1.3333333333vw;
    border: .2666666667vw solid #ffb80c;
    border-radius: .8vw;
    color: #ffb80c;
    text-decoration: none
}

.member-content p,.login-biometric-content p {
    padding: 1.3333333333vw 2.6666666667vw 4vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    text-align: center
}

.member-content p a,.login-biometric-content p a {
    color: #ffb80c
}

.member-content .signup,.login-biometric-content .signup {
    font-size: 3.4666666667vw
}

.member-content .signup a,.login-biometric-content .signup a {
    color: #ff7e00
}

.member-content .button,.login-biometric-content .button {
    width: 94.6666666667vw;
    height: 12vw;
    font-size: 4vw;
    line-height: 12vw
}

.member-box {
    position: relative;
    margin: 2.6666666667vw 0
}

.member-box::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .2666666667vw;
    background-color: #333
}

.inputbox {
    position: relative;
    width: 100%;
    height: auto
}

.inputbox::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 94.6666666667vw;
    height: .2666666667vw;
    background-color: #333
}

.inputbox form {
    width: 100%;
    height: 100%
}

.inputbox label {
    position: absolute;
    top: 50%;
    left: 5.3333333333vw;
    width: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.4666666667vw
}

.inputbox input {
    width: 100% !important;
    height: 13.3333333333vw;
    border: 0;
    outline: 0;
    background-color: #262626;
    color: #ffb80c;
    font-size: 3.4666666667vw;
    text-indent: 26.6666666667vw;
    box-sizing: border-box;
    overflow-x: auto
}

.inputbox input.clear {
    width: 4vw !important;
    overflow: inherit
}

.inputbox input::-webkit-input-placeholder {
    color: #999
}

.inputbox input::-moz-placeholder {
    color: #999
}

.inputbox input:-ms-input-placeholder {
    color: #999
}

.inputbox input::placeholder {
    color: #999
}

.inputbox p {
    position: absolute;
    top: 50%;
    left: 26.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.4666666667vw
}

.inputbox .eyes {
    position: absolute;
    top: 50%;
    right: 0;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* background-image: url("/images/h5/icon-set/icon-eye-open-type02.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%
}
/* 
.inputbox .eyes.active {
    background-image: url("/images/h5/icon-set/icon-eye-close-type02.svg")
} */

.inputbox .clear {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    height: 4vw;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s;
    border: 0;
    border-radius: 5.3333333333vw;
    outline: 0;
    opacity: 0;
    background-color: #ffb80c;
    /* background-image: url("/images/h5/icon-set/icon-cross-type04.svg"); */
    background-repeat: no-repeat;
    background-position: center
}

.inputbox .clear.active {
    opacity: 1
}

.inputbox .verification-code {
    display: flex;
    position: absolute;
    top: 50%;
    right: 10.6666666667vw;
    align-items: center;
    justify-content: center;
    width: 13.3333333333vw;
    height: 6.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: .2666666667vw solid #333
}

.inputbox .verification-code img {
    height: 100%
}

.inputbox .refresh {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 8vw;
    height: 8vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: .8vw;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-refresh-type01.svg") no-repeat center/50%;
    mask: url("/images/h5/icon-set/icon-refresh-type01.svg") no-repeat center/50% */
}

.inputbox.password .clear {
    right: 13.3333333333vw
}

.inputbox.password .clear.hasbutton {
    right: 29.3333333333vw
}

.inputbox.phone input {
    text-indent: 36vw
}

.inputbox.verification .clear {
    right: 26.6666666667vw
}

.selectbox {
    position: relative;
    width: 100%;
    height: auto
}

.selectbox::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 1.3333333333vw;
    border-style: solid;
    border-color: #fff transparent transparent
}

.selectbox::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 94.6666666667vw;
    height: .2666666667vw;
    background-color: #333
}

.selectbox label {
    position: absolute;
    top: 50%;
    left: 5.3333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.4666666667vw
}

.selectbox select {
    width: 100%;
    height: 13.3333333333vw;
    border: 0;
    outline: 0;
    background-color: #262626;
    color: #eee;
    font-size: 3.4666666667vw;
    text-indent: 26.6666666667vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.member-error {
    padding: 0 2.6666666667vw;
    color: #fff;
    font-size: 3.2vw;
    text-align: left
}

.member-error::before {
    content: "!";
    display: inline-block;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 5.3333333333vw;
    background-color: #ed1f23;
    color: #fff;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 4.2666666667vw;
    text-align: center;
    vertical-align: top
}

.member-error span {
    display: inline-block;
    width: calc(100% - 30px);
    line-height: 1.2;
    vertical-align: middle
}

.radius {
    margin: 2.6666666667vw
}

.radius div:first-of-type input.input,.radius div:first-of-type select {
    border-top-left-radius: .8vw;
    border-top-right-radius: .8vw
}

.radius div:last-of-type input.input,.radius div:last-of-type select {
    border-bottom-left-radius: .8vw;
    border-bottom-right-radius: .8vw
}

.radius div:last-of-type::after {
    display: none
}

.radius input {
    padding: 0
}

.radius .inputbox::after {
    left: 1%;
    width: 98%
}

.radius .inputbox:last-child::after {
    height: 0
}

.radius.member-box::after {
    height: 0
}

.login-biometric-content {
    text-align: center
}

.login-biometric-content .member-box,.login-biometric-content .member-error {
    text-align: left
}

.login-biometric-content .button {
    margin: 2.6666666667vw auto
}

.biometric-group {
    display: inline-block;
    margin-top: 8vw;
    color: #fff;
    text-decoration: none
}

.biometric-group .btn-biometric {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    -webkit-animation: pop 2.5s linear infinite;
    animation: pop 2.5s linear infinite;
    border-radius: 50%;
    background: #ff7e00;
    margin: 0 auto 2.6666666667vw
}

.biometric-group .btn-biometric::before {
    content: "";
    display: block;
    width: 55%;
    height: 55%;
    background: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-face-id.svg") no-repeat center/100%;
    mask: url("/images/h5/icon-set/icon-face-id.svg") no-repeat center/100% */
}

.biometric-group .btn-biometric .ripple {
    position: absolute;
    z-index: -1;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    -webkit-animation: shrink 2.5s linear infinite;
    animation: shrink 2.5s linear infinite;
    border-radius: 50%;
    background: #ff7e00
}

.biometric-group span {
    display: block;
    color: #fff;
    font-size: 4vw;
    text-align: center
}

.biometric-group.identify {
    position: relative;
    padding: 10px
}

.biometric-group.identify::before,.biometric-group.identify::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32vw;
    height: 32vw;
    border: 10px solid transparent;
    border-radius: 100%
}

.biometric-group.identify::before {
    z-index: 100;
    -webkit-animation: identify 1s linear infinite;
    animation: identify 1s linear infinite;
    border-top-color: #ff7e00
}

.biometric-group.identify::after {
    border: 10px solid rgba(255,126,0,0.2)
}

.biometric-group.identify .ripple {
    display: none
}

.biometric-group.identify .btn-biometric {
    margin-bottom: 9.3333333333vw
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    90% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    90% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes shrink {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    80% {
        opacity: .3
    }

    100% {
        width: 37.3333333333vw;
        height: 37.3333333333vw;
        opacity: 0
    }
}

@keyframes shrink {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    80% {
        opacity: .3
    }

    100% {
        width: 37.3333333333vw;
        height: 37.3333333333vw;
        opacity: 0
    }
}

@-webkit-keyframes identify {
    0% {
        -webkit-transform: rotate(0) translateX(-50%);
        transform: rotate(0) translateX(-50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(-50%);
        transform: rotate(360deg) translateX(-50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes identify {
    0% {
        -webkit-transform: rotate(0) translateX(-50%);
        transform: rotate(0) translateX(-50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(-50%);
        transform: rotate(360deg) translateX(-50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .member-second-header {
        height:7.4962518741vmax;
        border-bottom: .1499250375vmax solid #333
    }

    .member-second-header .header-title {
        font-size: 2.3988005997vmax
    }

    .member-second-header .back-btn {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .member-content p {
        font-size: 1.7991004498vmax
    }

    .member-content .button {
        width: 97.0014992504vmax;
        height: 6.7466266867vmax;
        margin: 0 auto 1.4992503748vmax;
        font-size: 2.2488755622vmax;
        line-height: 6.7466266867vmax
    }

    .member-box {
        margin: 1.4992503748vmax 0
    }

    .member-box::after {
        height: .1499250375vmax
    }

    .inputbox::after {
        width: 98.5007496252vmax;
        height: .1499250375vmax
    }

    .inputbox label {
        left: 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .inputbox input {
        height: 7.4962518741vmax;
        font-size: 1.9490254873vmax;
        text-indent: 11.9940029985vmax
    }

    .inputbox p {
        left: 11.9940029985vmax;
        font-size: 1.9490254873vmax
    }

    .inputbox .eyes {
        right: 1.4992503748vmax;
        width: 3.748125937vmax;
        height: 3.748125937vmax
    }

    .inputbox .clear {
        right: 1.4992503748vmax;
        width: 2.2488755622vmax;
        height: 2.2488755622vmax;
        border-radius: 2.9985007496vmax
    }

    .inputbox .verification-code {
        right: 5.9970014993vmax;
        width: 7.4962518741vmax;
        height: 3.748125937vmax;
        border: .1499250375vmax solid #333
    }

    .inputbox .refresh {
        right: 1.4992503748vmax;
        width: 4.4977511244vmax;
        height: 4.4977511244vmax;
        border-radius: .4497751124vmax
    }

    .inputbox.password .clear {
        right: 7.4962518741vmax
    }

    .inputbox.password .clear.hasbutton {
        right: 16.4917541229vmax
    }

    .inputbox.phone input {
        text-indent: 16.4917541229vmax
    }

    .inputbox.verification .clear {
        right: 14.9925037481vmax
    }

    .selectbox::before {
        right: 1.4992503748vmax;
        border-width: .7496251874vmax
    }

    .selectbox::after {
        width: 98.5007496252vmax;
        height: .1499250375vmax
    }

    .selectbox label {
        left: 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .selectbox select {
        height: 7.4962518741vmax;
        font-size: 1.9490254873vmax;
        text-indent: 11.9940029985vmax
    }

    .member-error {
        margin: -1.4992503748vmax 0 0;
        padding: 1.4992503748vmax;
        font-size: 1.7991004498vmax
    }

    .member-error::before {
        width: 2.3988005997vmax;
        height: 2.3988005997vmax;
        margin-right: .7496251874vmax;
        border-radius: 2.9985007496vmax;
        font-size: 1.7991004498vmax;
        line-height: 2.3988005997vmax
    }

    .radius {
        margin: 1.4992503748vmax
    }

    .radius div:first-of-type input.input,.radius div:first-of-type select {
        border-top-left-radius: .4497751124vmax;
        border-top-right-radius: .4497751124vmax
    }

    .radius div:last-of-type input.input,.radius div:last-of-type select {
        border-bottom-left-radius: .4497751124vmax;
        border-bottom-right-radius: .4497751124vmax
    }

    .member-content .signup {
        font-size: 1.9490254873vmax
    }

    .biometric-group {
        margin: 1.4992503748vmax auto 8.9955022489vmax
    }

    .biometric-group .btn-biometric {
        width: 10.4947526237vmax;
        height: 10.4947526237vmax
    }

    .biometric-group .btn-biometric .ripple {
        width: 10.4947526237vmax;
        height: 10.4947526237vmax
    }

    .biometric-group span {
        bottom: -4.4977511244vmax;
        width: 29.9850074963vmax;
        font-size: 2.0989505247vmax
    }

    @-webkit-keyframes shrink {
        0% {
            width: 0;
            height: 0;
            opacity: 0
        }

        80% {
            opacity: .2
        }

        100% {
            width: 14.9925037481vmax;
            height: 14.9925037481vmax;
            opacity: 0
        }
    }

    @keyframes shrink {
        0% {
            width: 0;
            height: 0;
            opacity: 0
        }

        80% {
            opacity: .2
        }

        100% {
            width: 14.9925037481vmax;
            height: 14.9925037481vmax;
            opacity: 0
        }
    }
}

.searchpage {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    padding-bottom: 10.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s;
    background-color: #000;
    -webkit-overflow-scrolling: touch
}

.searchpage.active {
    right: 0
}

.searchpage .search-top-info {
    box-shadow: 0 .2666666667vw 1.0666666667vw rgba(0,0,0,0.1);
    border-bottom: .2666666667vw solid #333
}

.searchpage .search-top-info .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    border-right: .2666666667vw solid #333;
    text-indent: -2666.4vw
}

.searchpage .search-top-info .back::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center/40%;
    mask: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center/40% */
}

.searchpage .search-top-info input {
    width: 100%;
    height: 13.3333333333vw;
    padding: 0;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 3.4666666667vw;
    text-indent: 18.6666666667vw;
    border-bottom: .2666666667vw solid #333;
    outline: 0;
    background-color: transparent;
    /* background-image: url("/images/h5/icon-set/icon-search-type01.svg"); */
    background-repeat: no-repeat;
    background-position: 90.6666666667vw center;
    background-size: auto 40%
}

.searchpage .search-top-info input::-webkit-input-placeholder {
    color: #eee
}

.searchpage .search-top-info input::-moz-placeholder {
    color: #eee
}

.searchpage .search-top-info input:-ms-input-placeholder {
    color: #eee
}

.searchpage .search-top-info input::placeholder {
    color: #eee
}

.searchpage .search-top-info h6 {
    margin-left: 16vw;
    overflow: hidden;
    color: #999;
    line-height: 13.3333333333vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchpage .searchpage-main {
    position: relative;
    padding: 2.6666666667vw
}

.searchpage .searchpage-main .clear-result {
    position: absolute;
    top: 2.6666666667vw;
    right: 2.6666666667vw;
    color: #eee;
    font-size: 3.2vw;
    text-decoration: underline
}

.searchpage .searchpage-main h2 {
    margin-bottom: 2.6666666667vw;
    color: #eee;
    font-size: 3.2vw
}

.searchpage .searchpage-main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 5.3333333333vw;
    overflow: hidden
}

.searchpage .searchpage-main ul li {
    display: inline-flex;
    width: 32%;
    margin-bottom: 2.1333333333vw;
    margin-right: 2%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.searchpage .searchpage-main ul li:nth-child(3n) {
    margin-right: 0
}

.searchpage .searchpage-main input[type=checkbox],.searchpage .searchpage-main input[type=radio] {
    display: none
}

.searchpage .searchpage-main input[type=checkbox]+label,.searchpage .searchpage-main input[type=radio]+label {
    display: inline-block;
    min-width: 100%;
    height: 9.3333333333vw;
    padding: 0 2.6666666667vw;
    border-radius: .8vw;
    background-color: #333;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 9.3333333333vw;
    text-align: center
}

.searchpage .searchpage-main input[type=checkbox]:checked+label,.searchpage .searchpage-main input[type=radio]:checked+label {
    background-color: #ffb80c;
    color: #fff
}

.searchpage .searchpage-bar {
    position: fixed;
    z-index: 10;
    right: -50%;
    bottom: 0;
    width: 100%;
    padding: 2.6666666667vw;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    transition: all .3s;
    background-color: #000
}

.searchpage .searchpage-bar.active {
    right: 50%
}

.searchpage .button {
    height: 13.3333333333vw;
    border: 0;
    outline: 0;
    font-size: 4.2666666667vw;
    line-height: 13.3333333333vw
}

.date-input {
    position: relative;
    width: 100%;
    margin-right: 0
}

.date-input::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 1.3333333333vw;
    left: 0;
    color: #fff;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-calendar-type01.svg") no-repeat center/40%;
    mask: url("/images/h5/icon-set/icon-calendar-type01.svg") no-repeat center/40% */
}

.date-input input {
    min-width: 98%;
    height: 10.6666666667vw;
    border: 0;
    border-radius: .8vw;
    color: #fff;
    background: #f5f5f5;
    text-align: left;
    outline: 0;
    padding: 0 4vw 0 12vw;
    box-sizing: border-box
}

.date-input input::-webkit-input-placeholder {
    color: #fff
}

.date-input input::-moz-placeholder {
    color: #fff
}

.date-input input:-ms-input-placeholder {
    color: #fff
}

.date-input input::placeholder {
    color: #fff
}

.date-input input::-webkit-calendar-picker-indicator {
    display: none
}

@media screen and (min-aspect-ratio: 13/9) {
    .searchpage {
        padding-bottom:60px
    }

    .searchpage .search-top-info {
        box-shadow: 0 1px 4px rgba(0,0,0,0.1);
        border-bottom: 1px solid #333
    }

    .searchpage .search-top-info .back {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax;
        border-right: .1499250375vmax solid #333
    }

    .searchpage .search-top-info input {
        height: 7.4962518741vmax;
        /* -webkit-mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat 95%/3%;
        mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat 95%/3%; */
        font-size: 1.9490254873vmax;
        text-indent: 10.4947526237vmax
    }

    .searchpage .search-top-info h6 {
        margin-left: 8.9955022489vmax;
        line-height: 7.4962518741vmax
    }

    .searchpage .searchpage-main {
        padding: 1.4992503748vmax
    }

    .searchpage .searchpage-main .clear-result {
        top: 1.4992503748vmax;
        right: 1.4992503748vmax;
        font-size: 1.7991004498vmax
    }

    .searchpage .searchpage-main h2 {
        margin-bottom: 1.4992503748vmax;
        font-size: 1.7991004498vmax
    }

    .searchpage .searchpage-main ul {
        margin-bottom: 2.9985007496vmax
    }

    .searchpage .searchpage-main ul li {
        margin-bottom: 1.1994002999vmax
    }

    .searchpage .searchpage-main input[type=checkbox]+label,.searchpage .searchpage-main input[type=radio]+label {
        height: 5.2473763118vmax;
        border-radius: .4497751124vmax;
        font-size: 1.9490254873vmax;
        line-height: 5.2473763118vmax
    }

    .searchpage .searchpage-bar {
        padding: 1.4992503748vmax
    }

    .searchpage .button {
        height: 7.4962518741vmax;
        font-size: 2.3988005997vmax;
        line-height: 7.4962518741vmax
    }

    .date-input::before {
        width: 5.9970014993vmax;
        margin: 0 .7496251874vmax;
        height: 5.9970014993vmax
    }

    .date-input input {
        height: 5.9970014993vmax;
        padding: 0 2.2488755622vmax 0 6.7466266867vmax;
        border-radius: .4497751124vmax
    }
}

.rotating-pop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.9);
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s .1s
}

.rotating-phone-wrap {
    position: relative;
    top: 50%;
    left: -4%;
    width: 66.6666666667vw;
    height: 66.6666666667vw;
    margin: auto;
    padding: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rotating-phone-wrap .rotating-phone-mr01 {
    position: absolute;
    width: 66.6666666667vw;
    height: 66.6666666667vw;
    /* background: url("/images/h5/mobile-rotating1.png") no-repeat top center/cover; */
    -webkit-animation: rotate-center 2s ease-in-out;
    animation: rotate-center 2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.rotating-phone-wrap .rotating-phone-mr02 {
    position: absolute;
    width: 66.6666666667vw;
    height: 66.6666666667vw;
    /* background: url("/images/h5/mobile-rotating2.png") no-repeat top center/cover; */
    opacity: .6
}

.rotating-phone-wrap .rotating-phone-mr03 {
    position: absolute;
    width: 66.6666666667vw;
    height: 66.6666666667vw;
    /* background: url("/images/h5/mobile-rotating3.png") no-repeat top center/cover; */
    -webkit-animation: rotate-arrow 2s ease-in-out;
    animation: rotate-arrow 2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.rotating-phone-wrap .rotating-phone-light {
    position: absolute;
    width: 66.6666666667vw;
    height: 66.6666666667vw;
    /* background: url("/images/h5/mobile-light.png") no-repeat top center/cover; */
    -webkit-animation: phone-light 2s ease-in;
    animation: phone-light 2s ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.rotating-phone-wrap .dots-01 {
    position: absolute;
    top: 6.1333333333vw;
    left: 6.1333333333vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 50%;
    background-color: #fa0;
    -webkit-animation: fade-out-01 2s ease;
    animation: fade-out-01 2s ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.rotating-phone-wrap .dots-02 {
    position: absolute;
    top: 5.3333333333vw;
    left: 5.3333333333vw;
    width: 1.0666666667vw;
    height: 1.0666666667vw;
    border-radius: 50%;
    background-color: #f8ea45;
    -webkit-animation: fade-out-02 2s ease;
    animation: fade-out-02 2s ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.rotating-phone-wrap .dots-03 {
    position: absolute;
    top: 6.4vw;
    left: 6.6666666667vw;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 50%;
    background-color: #fa0;
    -webkit-animation: fade-out-03 2s ease;
    animation: fade-out-03 2s ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.rotating-phone-wrap .dots-04 {
    position: absolute;
    top: 6.4vw;
    left: 6.4vw;
    width: .8vw;
    height: .8vw;
    border-radius: 50%;
    background-color: #f8ea45;
    -webkit-animation: fade-out-04 2s ease;
    animation: fade-out-04 2s ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.phone-rotating-tips {
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: auto;
    margin: auto
}

.phone-rotating-tips::before {
    content: "";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    /* background: url("/images/h5/icon-set/icon-refresh-type02.svg") no-repeat top center/cover; */
    vertical-align: middle
}

@media screen and (min-aspect-ratio: 13/9) {
    .rotating-pop {
        pointer-events:auto;
        opacity: 1
    }

    .rotating-phone-wrap,.rotating-phone-wrap .rotating-phone-light,.rotating-phone-wrap .rotating-phone-mr01,.rotating-phone-wrap .rotating-phone-mr02,.rotating-phone-wrap .rotating-phone-mr03 {
        width: 37.4812593703vmax;
        height: 37.4812593703vmax
    }

    .phone-rotating-tips {
        width: 100%
    }

    .phone-rotating-tips::before {
        width: 1.9490254873vmax;
        height: 1.9490254873vmax
    }
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    35% {
        -webkit-transform: rotate(-120deg);
        transform: rotate(-120deg)
    }

    60% {
        -webkit-transform: rotate(-70deg);
        transform: rotate(-70deg)
    }

    70% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    90% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    35% {
        -webkit-transform: rotate(-120deg);
        transform: rotate(-120deg)
    }

    60% {
        -webkit-transform: rotate(-70deg);
        transform: rotate(-70deg)
    }

    70% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    90% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes fade-out-01 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(30px) translateY(-40px);
        transform: translateX(30px) translateY(-40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-01 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(30px) translateY(-40px);
        transform: translateX(30px) translateY(-40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@-webkit-keyframes fade-out-02 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(0) translateY(-20px);
        transform: translateX(0) translateY(-20px);
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-02 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(0) translateY(-20px);
        transform: translateX(0) translateY(-20px);
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@-webkit-keyframes fade-out-03 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(-20px) translateY(10px);
        transform: translateX(-20px) translateY(10px);
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-03 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(-20px) translateY(10px);
        transform: translateX(-20px) translateY(10px);
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@-webkit-keyframes fade-out-04 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(5px) translateY(30px);
        transform: translateX(5px) translateY(30px);
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@keyframes fade-out-04 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    34% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }

    35% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(5px) translateY(30px);
        transform: translateX(5px) translateY(30px);
        opacity: 0
    }

    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 0
    }
}

@-webkit-keyframes rotate-arrow {
    0% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    60% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        opacity: 1
    }

    70% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        opacity: .5
    }

    90% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        opacity: 0
    }
}

@keyframes rotate-arrow {
    0% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        opacity: 1
    }

    60% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        opacity: 1
    }

    70% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        opacity: .5
    }

    90% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        opacity: 0
    }
}

@-webkit-keyframes phone-light {
    0% {
        opacity: 0
    }

    69% {
        opacity: 0
    }

    70% {
        opacity: .4
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: .4
    }

    91% {
        opacity: 0
    }
}

@keyframes phone-light {
    0% {
        opacity: 0
    }

    69% {
        opacity: 0
    }

    70% {
        opacity: .4
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: .4
    }

    91% {
        opacity: 0
    }
}

.games {
    width: 100%;
    height: auto
}

.games .jackpot {
    position: relative;
    width: 94.6666666667vw;
    height: 24vw;
    margin: 2.6666666667vw auto;
    /* background-image: url("/images/h5/games-jackpot-bg.jpg"); */
    background-position: center;
    background-size: cover
}

.games .jackpot .text {
    position: absolute;
    top: 50%;
    left: 8vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.games .jackpot h2 {
    margin-bottom: 1.3333333333vw;
    color: #fff;
    font-size: 4vw;
    text-shadow: 0 0 2.6666666667vw rgba(0,0,0,0.5)
}

.games .jackpot span {
    display: block;
    color: #ffef3c;
    font-size: 7.4666666667vw;
    font-weight: bold;
    text-shadow: 0 0 2.6666666667vw rgba(0,0,0,0.5)
}

.games .games-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 1.3333333333vw
}

.games .games-box {
    position: relative;
    width: 46vw;
    height: auto;
    margin: 0 1.3333333333vw 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.games .games-box .text {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1.3333333333vw 2.6666666667vw;
    background-color: #262626
}

.games .games-box .text h3 {
    width: 83%;
    margin-bottom: 1.3333333333vw;
    overflow: hidden;
    color: #fff;
    font-size: 4vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.games .games-box .text p {
    width: 83%;
    color: #eee;
    font-size: 3.4666666667vw
}

.games .games-box .text p::before {
    content: "";
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    /* background-image: url("/images/h5/icon-set/icon-fire.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    vertical-align: middle
}

.games .games-box .text span {
    display: inline-block;
    color: #ffb80c;
    font-weight: bold;
    vertical-align: middle
}

.games .games-box .like {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* background-image: url("/images/h5/icon-set/icon-heart-type02.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
}

/* .games .games-box .like.active {
    background-image: url("/images/h5/icon-set/icon-heart-type01.svg")
} */

.games .games-box.new::before {
    content: "NEW";
    display: block;
    position: absolute;
    z-index: 2;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    padding: 0 1.3333333333vw;
    border-right: .8vw;
    background-color: #ffb80c;
    color: #fff;
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
    text-align: center
}

.games .pic {
    position: relative;
    width: 100%;
    height: auto
}

.games .pic img {
    width: 100%;
    height: 32vw
}

.games .prompt {
    width: 100%;
    padding: 4vw 0 5.3333333333vw;
    color: #999;
    font-size: 3.4666666667vw;
    text-align: center
}

@media screen and (min-aspect-ratio: 13/9) {
    .games .jackpot .text {
        left:4.4977511244vmax
    }

    .games .jackpot h2 {
        margin-bottom: .7496251874vmax
    }

    .games .games-main {
        padding: 0 .7496251874vmax
    }

    .games .games-box {
        width: 30.1349325337vmax;
        margin-bottom: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .games .games-box .pic img {
        height: 17.9910044978vmax
    }

    .games .games-box .text {
        padding: .7496251874vmax 1.4992503748vmax
    }

    .games .games-box .text h3 {
        margin-bottom: .7496251874vmax;
        font-size: 2.2488755622vmax
    }

    .games .games-box .text p {
        font-size: 1.9490254873vmax
    }

    .games .games-box .text p::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-right: .7496251874vmax
    }

    .games .games-box .like {
        right: 1.4992503748vmax;
        width: 2.9985007496vmax;
        height: 2.9985007496vmax
    }

    .games .games-box.new::before {
        top: 1.4992503748vmax;
        left: 1.4992503748vmax;
        padding: 0 .7496251874vmax;
        border-right: .4497751124vmax;
        font-size: 1.4992503748vmax;
        line-height: 2.6986506747vmax
    }

    .games .prompt {
        padding: 2.2488755622vmax 0 2.9985007496vmax;
        font-size: 1.9490254873vmax
    }
}

.promotion {
    width: 100%;
    height: auto
}

.promotion .promotion-main {
    padding: 0 2.6666666667vw
}

.promotion .prompt {
    padding: 4vw 0 5.3333333333vw;
    color: #999;
    font-size: 3.4666666667vw;
    text-align: center
}

.content-style h3 {
    margin-bottom: 1.3333333333vw;
    overflow: hidden;
    font-size: 4.2666666667vw;
    font-weight: bold;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-style h4 {
    margin-bottom: 2.1333333333vw;
    font-size: 3.7333333333vw;
    font-weight: bold
}

.content-style p {
    min-height: 6.6666666667vw;
    margin: 2.6666666667vw 0;
    font-size: 3.4666666667vw;
    line-height: 1.5
}

.content-style a:not(.button) {
    display: inline-block;
    height: 100%;
    color: #ffb80c;
    text-decoration: underline
}

.content-style ol,.content-style ul {
    margin: 2.6666666667vw 0
}

.content-style ol li,.content-style ul li {
    margin: 0 0 1.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw
}

.content-style ol li {
    margin: 0 0 1.3333333333vw 4vw;
    list-style-type: decimal;
    text-indent: 0
}

.content-style .table {
    width: 100%;
    margin-bottom: 4vw;
    padding: .5333333333vw;
    overflow-x: scroll;
    overflow-y: hidden;
    border: .2666666667vw solid #333;
    text-align: left;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.content-style table {
    display: inline-block
}

.content-style table th,.content-style table td {
    width: 20%;
    padding: 1.8666666667vw;
    border: .2666666667vw solid #333;
    background-color: #fff;
    color: #777;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    text-align: center
}

.content-style table th {
    background-color: #ffb80c;
    color: #fff;
    font-weight: bold
}

.content-style .times {
    position: relative;
    margin-bottom: 2.6666666667vw;
    color: #777;
    font-size: 3.4666666667vw
}

.content-style .times::before {
    content: "";
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    background-color: #ffb80c;
    -webkit-mask: url(./MobileImage/icon-clock.svg) no-repeat center/80%;
    mask:  url(./MobileImage/icon-clock.svg) no-repeat center/80%;
    vertical-align: middle
}
.content-style .times, .promotion-box {
    position: relative;
    margin-bottom: 2.6666666667vw;
    color: #333;
}

.content-style .form-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin: 0 0 2.6666666667vw 0;
    overflow-x: scroll;
    border: 1px solid #bbb;
    background: #eee;
    -webkit-overflow-scrolling: touch
}

.content-style .form-wrap .arrow {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 50%;
    /* background: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat,#ffb80c; */
    background-size: 40%;
    background-position: 50% 50%;
    opacity: .8;
    -webkit-animation: table-arrow .5s infinite alternate;
    animation: table-arrow .5s infinite alternate
}

.content-style .form-wrap .form-wrap-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.content-style .form-wrap .form-wrap-col div {
    display: flex;
    width: -webkit-fill-available;
    padding: 2.6666666667vw 2.1333333333vw;
    border: 1px solid #bbb;
    color: #555;
    font-size: 3.2vw;
    white-space: nowrap
}

.content-style .game-platform ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 2.6666666667vw
}

.content-style .game-platform li {
    flex: 0 0 23%;
    margin-right: 2%;
    font-weight: 500
}

.content-style .game-platform img {
    width: 100%;
    height: auto
}

.content-style .button {
    width: 24vw
}

.content-style .button .toggle {
    display: inline-block;
    position: relative;
    width: 4vw;
    height: 4vw;
    margin-right: .8vw;
    transition: all .3s;
    border-radius: 4vw;
    background-color: #fff;
    vertical-align: middle
}

.content-style .button .toggle::before,.content-style .button .toggle::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.1333333333vw;
    height: .4vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: .5333333333vw;
    background-color: #ffb80c
}

.content-style .button .toggle::after {
    width: .4vw;
    height: 2.1333333333vw
}

.content-style .button-box .button {
    display: inline-block;
    margin-right: 2.6666666667vw;
    text-decoration: none;
    vertical-align: middle
}

.content-style .button-box .button.open-pop {
    margin-right: 0;
    float: right
}

.content-style .button-secondary {
    background: #ff7e00
}

.content-style .button-third {
    background: transparent;
    border: .2666666667vw solid #28b849;
    color: #28b849;
    transition: all .3s
}

.content-style .button-third::before {
    content: "";
    display: inline-block;
    vertical-align: sub;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    /* background: url("/images/h5/icon-set/icon-check-type01.svg") no-repeat center; */
    background-size: 100%
}

.content-style .button-third.active {
    background: #28b849;
    border: .2666666667vw solid #28b849;
    color: #fff
}

.content-style .button-third.active::before {
    /* background: url("/images/h5/icon-set/icon-check-type04.svg") no-repeat center; */
    background-size: 100%
}

.content-style .button-applying {
    background: transparent;
    border: .2666666667vw solid #7d9bef;
    color: #7d9bef;
    transition: all .3s
}

.content-style .button-applying::before {
    content: "";
    display: inline-block;
    vertical-align: sub;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    /* background: url("/images/h5/icon-set/player/applying.svg") no-repeat center; */
    background-size: 100%
}

.content-style .dropDown-menu {
    position: relative;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    transition: all .3s;
    border: 0;
    opacity: 0
}

.content-style .dropDown-menu.active {
    max-height: 300px;
    margin-top: 6.6666666667vw;
    overflow: visible;
    border: .2666666667vw solid #7779fc;
    opacity: 1
}

.content-style .dropDown-menu.active::before {
    border-top: .2666666667vw dashed #333
}

.content-style .dropDown-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: -3.4666666667vw;
    width: 100%;
    border: transparent;
    transition: all .3s
}

.content-style .dropDown-menu .dropDown-menu-btn {
    height: 9.3333333333vw
}

.promotion-box {
    position: relative;
    width: 94.6666666667vw;
    height: 68vw;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #fff;
    color: #777
}

.promotion-box.promotion-toggle {
    height: auto
}

.promotion-box.promotion-toggle.active .text-main {
    max-height: 800vw
}

.promotion-box.promotion-toggle.active .text-main h3,.promotion-box.promotion-toggle.active .text-main p {
    overflow: auto;
    text-overflow: inherit;
    white-space: normal
}

.promotion-box.promotion-toggle.active .button .toggle {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.promotion-box.new::before {
    content: "NEW";
    display: block;
    position: absolute;
    z-index: 2;
    top: 2.6666666667vw;
    left: 2.6666666667vw;
    padding: 0 1.3333333333vw;
    border-right: .8vw;
    background-color: #ffb80c;
    color: #fff;
    font-size: 2.6666666667vw;
    line-height: 4.8vw;
    text-align: center
}

.promotion-box .pic {
    position: relative;
    width: 100%;
    height: 31.4666666667vw;
    background-color: #ddd
}

.promotion-box .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.promotion-box .pic::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1.3333333333vw;
    left: 0;
    width: 100%;
    height: 2.6666666667vw;
    background-color: #fff;
    -webkit-mask: url(./MobileImage/promotion-bg.svg) no-repeat center top/100%;
    mask:  url(./MobileImage/promotion-bg.svg) no-repeat center top/100%
}

.promotion-box .cutoff {
    position: absolute;
    right: 2.6666666667vw;
    bottom: 4vw;
    width: auto;
    height: 6.6666666667vw;
    padding: 0 2.6666666667vw;
    border-right: .8vw;
    background-color: #ffae12;
    color: #fff;
    font-size: 3.2vw;
    line-height: 6.6666666667vw;
    text-align: center
}

.promotion-box .promotion-box-inner {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    padding: 2.6666666667vw
}

.promotion-box .promotion-box-inner .text-main {
    display: block;
    width: 100%;
    max-height: 12.8vw;
    overflow: hidden;
    transition: all .6s
}

.button-box {
    display: block;
    overflow: hidden
}

@media screen and (min-aspect-ratio: 13/9) {
    .promotion .promotion-main {
        padding:0 1.4992503748vmax
    }

    .promotion .prompt {
        padding: 2.2488755622vmax 0 2.9985007496vmax;
        font-size: 1.9490254873vmax
    }

    .promotion-box {
        width: 97.0014992504vmax;
        height: 52.4737631184vmax;
        margin-bottom: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .promotion-box.new::before {
        top: 1.4992503748vmax;
        left: 1.4992503748vmax;
        padding: 0 .7496251874vmax;
        border-right: .4497751124vmax;
        font-size: 1.4992503748vmax;
        line-height: 2.6986506747vmax
    }

    .promotion-box .pic {
        height: 31.4842578711vmax
    }

    .promotion-box .pic::after {
        bottom: -0.7496251874vmax;
        height: 2.0989505247vmax
    }

    .promotion-box .cutoff {
        right: 1.4992503748vmax;
        bottom: 2.2488755622vmax;
        height: 3.748125937vmax;
        padding: 0 1.4992503748vmax;
        border-right: .4497751124vmax;
        font-size: 1.7991004498vmax;
        line-height: 3.748125937vmax
    }

    .promotion-box .text-main {
        max-height: 8.2458770615vmax
    }

    .promotion-box .text-main h3 {
        margin-bottom: .7496251874vmax;
        font-size: 2.3988005997vmax
    }

    .promotion-box .text-main p {
        min-height: 3.748125937vmax;
        margin-bottom: 2.2488755622vmax;
        font-size: 1.9490254873vmax;
        line-height: 2.6986506747vmax
    }

    .promotion-box.active .text-main {
        max-height: 449.7751124438vmax
    }
}

.recommend {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw 0 2.6666666667vw 4vw;
    background-color: #222
}

.recommend h2 {
    margin-bottom: 2.6666666667vw;
    color: #fff;
    font-size: 4vw;
    font-weight: bold
}

.recommend h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background-color: #ffb80c;
    vertical-align: middle
}

.recommend h2 span {
    padding: 0 2.6666666667vw;
    font-size: 3.4666666667vw
}

.recommend .recommend-bg {
    width: 100%;
    height: auto
}

.recommend .recommend-bg .recommend-main {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.recommend-card {
    display: inline-block;
    position: relative;
    width: 72vw;
    height: 41.3333333333vw;
    margin: 1.3333333333vw 2.6666666667vw 1.3333333333vw 0;
    border-radius: .8vw;
    background-color: #262626;
    box-shadow: 0 0 .8vw rgba(0,0,0,0.8);
    vertical-align: top
}

.recommend-card::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1.3333333333vw rgba(255,255,255,0.5)
}

.recommend-card a {
    display: block;
    text-decoration: none
}

.recommend-card>a {
    height: 100%
}

.recommend-card>a>img {
    width: 100%;
    height: 100%
}

.recommend-card .recommend-card-title {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 2.6666666667vw;
    border-bottom: .2666666667vw solid #333
}

.recommend-card .recommend-card-title h3 {
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 9.3333333333vw
}

.recommend-card .recommend-card-title .brand {
    position: absolute;
    top: .6666666667vw;
    right: 2.6666666667vw;
    width: auto;
    height: 8vw
}

.recommend-card .recommend-card-main {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: auto;
    padding: 4vw 0
}

.recommend-card .recommend-card-main .left,.recommend-card .recommend-card-main .center,.recommend-card .recommend-card-main .right {
    padding: 0 4vw;
    text-align: center
}

.recommend-card .recommend-card-main .team {
    position: relative;
    width: 12vw;
    height: 12vw;
    margin-bottom: 1.3333333333vw;
    padding: .8vw;
    overflow: hidden;
    border: .2666666667vw solid #ffb80c;
    border-radius: 10.6666666667vw
}

.recommend-card .recommend-card-main .team img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10.6666666667vw;
    background-color: #ddd
}

.recommend-card .recommend-card-main p {
    margin-bottom: 1.3333333333vw;
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: bold
}

.recommend-card .recommend-card-main .odds {
    color: #ffb80c;
    font-size: 3.2vw
}

.recommend-card .recommend-card-main .live {
    width: 8vw;
    margin: 0 auto 1.3333333333vw;
    border-radius: .8vw;
    background-color: #ffb80c;
    color: #fff;
    font-size: 2.6666666667vw;
    font-weight: bold;
    line-height: 4.2666666667vw
}

.recommend-card .recommend-card-main .score {
    display: flex;
    justify-content: center;
    margin-bottom: 2.6666666667vw
}

.recommend-card .recommend-card-main .score li {
    min-width: 6.6666666667vw;
    border-radius: .8vw;
    background-color: #000;
    color: #fff;
    font-size: 5.3333333333vw;
    line-height: 8vw
}

.recommend-card .recommend-card-main .score li:nth-child(2) {
    min-width: 2.6666666667vw;
    background-color: inherit;
    color: #fff
}

@media screen and (min-aspect-ratio: 13/9) {
    .recommend {
        padding:1.4992503748vmax 0 2.2488755622vmax 2.2488755622vmax
    }

    .recommend h2 {
        margin-bottom: 1.4992503748vmax;
        font-size: 2.2488755622vmax
    }

    .recommend h2::before {
        width: .5997001499vmax;
        height: 2.2488755622vmax;
        margin-right: .7496251874vmax
    }

    .recommend h2 span {
        padding: 0 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .recommend-card {
        width: 40.4797601199vmax;
        height: 23.2383808096vmax;
        margin: .7496251874vmax 1.4992503748vmax .7496251874vmax 0;
        border-radius: .4497751124vmax
    }

    .recommend-card::before {
        box-shadow: inset 0 0 .7496251874vmax rgba(255,255,255,0.5)
    }

    .recommend-card .recommend-card-title {
        padding: 0 1.4992503748vmax;
        border-bottom: .1499250375vmax solid #333
    }

    .recommend-card .recommend-card-title h3 {
        font-size: 1.9490254873vmax;
        line-height: 5.2473763118vmax
    }

    .recommend-card .recommend-card-title .brand {
        top: .3748125937vmax;
        right: 1.4992503748vmax;
        height: 4.4977511244vmax
    }

    .recommend-card .recommend-card-main {
        padding: 2.2488755622vmax 0
    }

    .recommend-card .recommend-card-main .left,.recommend-card .recommend-card-main .center,.recommend-card .recommend-card-main .right {
        padding: 0 2.2488755622vmax
    }

    .recommend-card .recommend-card-main .team {
        width: 6.7466266867vmax;
        height: 6.7466266867vmax;
        margin-bottom: .7496251874vmax;
        padding: .4497751124vmax;
        border: .1499250375vmax solid #ffb80c;
        border-radius: 5.9970014993vmax
    }

    .recommend-card .recommend-card-main .team img {
        border-radius: 5.9970014993vmax
    }

    .recommend-card .recommend-card-main p {
        margin-bottom: .7496251874vmax;
        font-size: 1.9490254873vmax
    }

    .recommend-card .recommend-card-main .odds {
        font-size: 1.7991004498vmax
    }

    .recommend-card .recommend-card-main .live {
        width: 4.4977511244vmax;
        margin: 0 auto .7496251874vmax;
        border-radius: .4497751124vmax;
        font-size: 1.4992503748vmax;
        line-height: 2.3988005997vmax
    }

    .recommend-card .recommend-card-main .score {
        margin-bottom: 1.4992503748vmax
    }

    .recommend-card .recommend-card-main .score li {
        min-width: 3.748125937vmax;
        border-radius: .4497751124vmax;
        font-size: 2.9985007496vmax;
        line-height: 4.4977511244vmax
    }

    .recommend-card .recommend-card-main .score li:nth-child(2) {
        min-width: 1.4992503748vmax
    }
}

.games .recommend-main {
    display: block
}

.games .recommend-main .games-box {
    display: inline-block;
    margin: 0 2.6666666667vw 0 0;
    line-height: 0;
    vertical-align: top
}

.games .recommend-main .games-box .text {
    line-height: 1
}

@media screen and (min-aspect-ratio: 13/9) {
    .games .recommend-main .games-box {
        margin:0 1.4992503748vmax 0 0
    }
}

.content .aboutus-wrap {
    min-height: 100vh
}

.aboutus-body {
    flex: 1
}

.article-content {
    width: 100%;
    padding: 0 4vw
}

.article-content-title {
    margin: 5.3333333333vw 0 2.6666666667vw 0;
    color: #ffb80c;
    font-size: 4.2666666667vw;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5
}

.article-detail {
    margin-bottom: 5.3333333333vw;
    line-height: 1.5
}

.article-detail-tile {
    color: #eee;
    font-weight: bold;
    margin-bottom: 1.3333333333vw
}

.article-detail-sub-tile {
    color: #eee;
    font-size: 3.4666666667vw;
    font-style: italic;
    font-weight: bold
}

.article-detail-content .text {
    width: inherit;
    margin-bottom: 5.3333333333vw;
    color: #eee;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.article-detail-content .list-number,.article-detail-content .list-dot {
    width: inherit;
    margin-bottom: 5.3333333333vw;
    margin-left: 5.3333333333vw;
    color: #eee;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.article-detail-content .list-number>li,.article-detail-content .list-dot>li {
    display: list-item;
    padding-bottom: 1.3333333333vw;
    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: 4vw
}

.article-detail-content .point::before {
    display: block;
    content: "▸";
    margin-right: 2.1333333333vw;
    margin-left: -4vw;
    color: #ffb80c
}

.article-detail-content .point-list>li {
    display: block;
    width: 100%
}

.article-detail-content .link {
    display: block;
    color: #ffb80c
}

.table {
    margin-bottom: 5.3333333333vw;
    border: #888;
    border-style: solid;
    border-width: .2666666667vw;
    background-color: transparent;
    line-height: 1.4;
    font-size: 3.2vw
}

.table-title {
    padding: 0 2.6666666667vw;
    border-bottom: 0;
    color: #fff;
    background-color: #ffb80c;
    border: #888;
    text-align: center;
    vertical-align: middle
}

.table td {
    padding: 1.3333333333vw;
    border: #888;
    color: #eee
}

.table tr {
    border-bottom: .2666666667vw solid #888
}

.txt-center {
    text-align: center
}

@media screen and (min-aspect-ratio: 13/9) {
    .article-content {
        padding:0 2.2488755622vmax
    }

    .article-content-title {
        margin: 2.9985007496vmax 0 1.4992503748vmax 0;
        font-size: 2.3988005997vmax
    }

    .article-detail {
        margin-bottom: 2.9985007496vmax
    }

    .article-detail-tile {
        margin-bottom: .7496251874vmax
    }

    .article-detail-sub-tile {
        font-size: 1.9490254873vmax
    }

    .article-detail-content .text,.article-detail-content .list {
        margin-bottom: 2.9985007496vmax;
        font-size: 1.9490254873vmax
    }

    .article-detail-content .list {
        margin-left: 2.9985007496vmax
    }

    .article-detail-content .list-number>li::before,.article-detail-content .list-dot>li::before {
        width: 1.4992503748vmax;
        margin-right: 1.4992503748vmax;
        margin-left: -2.9985007496vmax
    }

    .article-detail-content .point {
        margin-left: 2.2488755622vmax
    }

    .article-detail-content .point::before {
        margin-right: 1.1994002999vmax;
        margin-left: -2.2488755622vmax
    }

    .table {
        margin-bottom: 2.9985007496vmax;
        border-width: .1499250375vmax;
        font-size: 1.7991004498vmax
    }

    .table-title {
        padding: 0 1.4992503748vmax
    }

    .table td {
        padding: .7496251874vmax
    }
}

.iplimit-card-wrap {
    display: block;
    height: auto;
    border-radius: 2.6666666667vw;
    box-shadow: 0 2px 2px 1px rgba(0,0,0,0.1),0 4px 4px 1px rgba(0,0,0,0.1),0 8px 8px 1px rgba(0,0,0,0.1),0 16px 16px 1px rgba(0,0,0,0.1),0 32px 32px 1px rgba(0,0,0,0.1);
    font-size: 0;
    word-wrap: break-word;
    word-break: break-all
}

.iplimit-card-wrap .top-inner,.iplimit-card-wrap .bottom-inner {
    font-size: 1rem;
    line-height: 1.5
}

.iplimit-card-wrap .top-inner h3 {
    font-family: Impact,Helvetica,Tahoma,sans-serif;
    color: #ffb80c;
    font-size: 3rem;
    line-height: normal
}

.iplimit-card-wrap .top-inner h4 {
    margin-bottom: 8vw;
    color: #ffb80c;
    font-size: 1.2rem
}

.iplimit-card-wrap .top-inner p {
    margin-bottom: 13.3333333333vw;
    color: #999;
    font-size: 1.2rem
}

.iplimit-card-wrap .button {
    display: inline-block;
    width: auto;
    min-width: 50%;
    height: 45px;
    padding: 0 10px;
    line-height: 45px;
    text-decoration: none
}

.games-empty-container {
    display: inline-block;
    width: 90%;
    margin-bottom: 5.3333333333vw;
    padding-top: 30px;
    background: rgba(255,255,255,0.8);
    text-align: center;
    vertical-align: middle
}

.games-empty-container .bottom-inner {
    width: 100%;
    height: 40vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.games-empty-container .top-inner {
    width: 100%;
    text-align: center
}

.games-empty-container .top-inner h3,.games-empty-container .top-inner h4 {
    color: #333
}

.games-empty-container .top-inner h3 {
    display: inline-block;
    font-size: 5rem;
    vertical-align: middle
}

.games-empty-container .top-inner h4 {
    margin-bottom: 15px;
    opacity: .8;
    line-height: 1.8
}

.games-empty-container .top-inner>div {
    display: inline-block;
    width: auto;
    max-width: 53%;
    text-align: left;
    vertical-align: middle
}

.content-full-height {
    text-align: center
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-full-height {
        padding:0
    }

    .games-empty-container {
        position: relative;
        margin-bottom: 2.9985007496vmax;
        padding-top: 0
    }

    .games-empty-container::before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .games-empty-container .top-inner,.games-empty-container .bottom-inner {
        display: inline-block;
        width: 49%;
        vertical-align: middle
    }

    .games-empty-container .bottom-inner {
        height: 85vh
    }
}

.logo-box {
    display: flex;
    position: relative;
    width: 53.3333333333vw;
    height: 12vw;
    margin: 4vw auto 1.3333333333vw;
    border: 0;
    background: no-repeat center center/contain;
    overflow: hidden
}

.member-content .inputbox label,.register-content .inputbox label {
    text-align: left
}

.register-content {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 10px
}

.register-content p {
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}

.register-content .button {
    width: 94.6666666667vw;
    font-size: 4vw
}

.register-content .button:not(.btn-vcode) {
    height: 12vw;
    margin: 2.6666666667vw auto;
    line-height: 12vw
}

.register-content .input-group label,.register-content .option-group label {
    font-size: 3.4666666667vw;
    text-align: left
}

.register-content .input-group [type=text],.register-content .input-group [type=number],.register-content .input-group [type=password],.register-content .input-group .btn-select,.register-content .input-group .phone-code-list span,.register-content .option-group [type=text],.register-content .option-group [type=number],.register-content .option-group [type=password],.register-content .option-group .btn-select,.register-content .option-group .phone-code-list span {
    font-size: 3.4666666667vw
}

.register-content .eyes {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* background-image: url("/images/h5/icon-set/icon-eye-open-type02.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

/* .register-content .eyes.active {
    background-image: url("/images/h5/icon-set/icon-eye-close-type02.svg")
} */

.register-content .verification-wrap input {
    flex: 1;
    margin-right: 10px
}

.register-content .tabBtn-page {
    position: fixed
}

.register-content .tabContent-page {
    min-height: 90vh;
    padding-top: 13.3333333333vw
}

.register-content .select-group [type=checkbox]+label span {
    white-space: normal
}

.phone-wrap,.social-wrap {
    display: flex;
    flex-flow: row nowrap
}

.phone-wrap p,.social-wrap p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.phone-area-code {
    flex: 0 0 32%;
    margin-right: 10px
}

.social-area-code {
    flex: 0 0 48%;
    margin-right: 10px
}

.phone-info {
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.vodiapicker {
    display: none
}

.lang-select {
    position: relative;
    font-size: 3.7333333333vw
}

.phone-code-list,.social-code-list {
    position: absolute;
    z-index: 105;
    top: 12vw;
    left: 0;
    width: 100%;
    max-height: 350px;
    padding: 0 1.3333333333vw;
    overflow: scroll;
    border-radius: 5px;
    background: #111;
    box-shadow: 0 0 3px rgba(0,0,0,0.3)
}

.phone-code-list li,.social-code-list li {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none
}

.phone-code-list img,.social-code-list img {
    margin: 5px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,0.8)
}

.phone-code-list span,.social-code-list span {
    color: #fff;
    font-size: 3.2vw
}

.phone-code-list img,.social-code-list img,.btn-select img {
    width: 30px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,0.7)
}

.phone-code-list span,.social-code-list span,.btn-select span {
    margin-left: 10px
}

.phone-code-list img,.phone-code-list span,.social-code-list img,.social-code-list span,.btn-select img,.btn-select span {
    display: inline-block;
    vertical-align: middle
}

.phone-code-list-group,.social-code-list-group {
    display: none;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2)
}

.open {
    display: show !important
}

.btn-select {
    position: relative;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border: 0;
    border-radius: .8vw;
    background: #111;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 300
}

.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;
    z-index: 2;
    top: 5.3333333333vw;
    right: 2.6666666667vw;
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #fff transparent transparent
}

.btn-select:disabled {
    border-bottom: 1px solid rgba(153,153,153,0.5);
    background: 0;
    border-radius: 0
}

.option-group .phone-area-code,.option-group .social-area-code {
    flex: 0 0 100%;
    margin-right: 0
}

.vcode-group .btn-vcode {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%
}

.resend-set {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 2.1333333333vw;
    color: #ff7e00;
    font-size: 3.2vw;
    line-height: 10.6666666667vw
}

.resend-set.active {
    display: inline-block
}

.btn-vcode {
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    transition: .3s;
    background-color: #ff7e00;
    font-size: 3.4666666667vw;
    line-height: 0
}

.btn-vcode>i,.btn-vcode p {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.btn-vcode p {
    padding: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 10.6666666667vw
}

.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 {
    opacity: 0
}

@-webkit-keyframes btnmove {
    0% {
        right: 0
    }

    99% {
        right: -100%
    }

    100% {
        width: 0
    }
}

@keyframes btnmove {
    0% {
        right: 0
    }

    99% {
        right: -100%
    }

    100% {
        width: 0
    }
}

.btn-vcode.resend {
    padding: 0 2.6666666667vw;
    -webkit-animation: resend .3s forwards ease-in;
    animation: resend .3s forwards ease-in
}

.btn-vcode.resend .svg-mail {
    -webkit-transform-origin: left;
    transform-origin: left;
    animation: mail .6s ease-in-out alternate-reverse infinite
}

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

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

    100% {
        right: 0
    }
}

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

    100% {
        right: 0
    }
}

.btn-vcode.sending {
    background-color: #928670;
    pointer-events: none
}

.btn-vcode.sending .svg-phone {
    left: 0;
    opacity: 1
}

.btn-vcode.sending .svg-mail {
    width: 8vw;
    /* -webkit-mask: url("/images/h5/icon-set/icon-mail-type01.svg") no-repeat center/30%;
    mask: url("/images/h5/icon-set/icon-mail-type01.svg") no-repeat center/30% */
}

.btn-vcode.sending .line {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.btn-vcode.sending p span {
    display: inline-block
}

.btn-vcode.mail-rotate .svg-mail {
    -webkit-transform-origin: center;
    transform-origin: center;
    animation: mailani .3s ease-out alternate-reverse infinite
}

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

    100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

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

    100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

.sms-svg-group {
    display: inline-block;
    position: relative;
    width: auto;
    height: 10.6666666667vw;
    vertical-align: middle
}

.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: 8vw;
    height: 8vw;
    transition: .3s;
    opacity: 0;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-phone-type01.svg") no-repeat center/contain;
    mask: url("/images/h5/icon-set/icon-phone-type01.svg") no-repeat center/contain */
}

.svg-mail-group {
    width: 8vw;
    height: 100%
}

.svg-mail-group .line {
    position: absolute;
    top: 50%;
    left: -13px;
    width: 3.2vw;
    -webkit-transform: translateY(-49%);
    transform: translateY(-49%)
}

.svg-mail-group .line li {
    width: 100%;
    height: 2px;
    margin: 1px 0;
    float: right;
    border-radius: 3px;
    background: #fff
}

.svg-mail-group .line li:first-child {
    width: 70%
}

.svg-mail-group .line li:last-child {
    width: 50%
}

.svg-mail-outer,.svg-mail {
    height: 100%;
    transition: .3s
}

.svg-mail {
    height: 100%;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-mail-type01.svg") no-repeat center/50%;
    mask: url("/images/h5/icon-set/icon-mail-type01.svg") no-repeat center/50% */
}

.verification-wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.verification-wrap .verification-code {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.verification-wrap .verification-code img {
    height: 10.6666666667vw;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .8vw
}

.verification-wrap .refresh {
    width: 8vw;
    height: 8vw;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: .3s;
    border-radius: .8vw;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-refresh-type01.svg") no-repeat center/50%;
    mask: url("/images/h5/icon-set/icon-refresh-type01.svg") no-repeat center/50% */
}

.verification-wrap .refresh.active {
    -webkit-animation: rotate 1s forwards;
    animation: rotate 1s forwards
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(2.5turn);
        transform: rotate(2.5turn)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(2.5turn);
        transform: rotate(2.5turn)
    }
}

.register-tip {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: 5.3333333333vw;
    border: 1px solid #ffae12;
    border-radius: 3px;
    line-height: 0
}

.register-tip label,.register-tip span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1.3333333333vw;
    line-height: 1.2
}

.register-tip label {
    background: #ffae12;
    color: #000
}

.register-tip span {
    color: #ffae12
}

.reguster-success-body {
    background: #333
}

.reguster-success-fast-body {
    display: flex;
    flex-direction: inherit;
    align-items: center;
    justify-content: center;
    background: #fff;
    text-align: center
}

.reguster-success-fast-body .register-success-cont {
    width: 90%
}

.reguster-success-fast-body .register-success-cont .top-inner h3 {
    color: #28b849
}

.reguster-success-fast-body .register-success-cont .top-inner h4 {
    color: #1d8635
}

.reguster-success-fast-body .register-success-cont .top-inner>p {
    color: #555
}

.reguster-success-fast-body .register-success-btn {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.reguster-success-fast-body .register-success-btn>.btn-default {
    width: 100%;
    margin: 0
}

.reguster-success-fast-body .register-success-btn .button {
    flex: 1 1 auto;
    margin: 0 5px 10px;
    border: 0
}

.reguster-success-fast-body .success-checkmark .check-icon {
    border: 1.0666666667vw solid #4caf50
}

.reguster-success-fast-body .success-checkmark .check-icon::before,.reguster-success-fast-body .success-checkmark .check-icon::after {
    background: #fff
}

.reguster-success-fast-body .success-checkmark .check-icon .icon-line {
    background-color: #4caf50
}

.reguster-success-fast-body .success-checkmark .check-icon .icon-fix {
    background-color: #fff
}

.success-checkmark {
    width: 24vw;
    height: 25.3333333333vw;
    margin: 0 auto;
    overflow: hidden
}

.success-checkmark .check-icon {
    position: relative;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid #4caf50;
    border-radius: 50%
}

.success-checkmark .check-icon::before {
    top: .8vw;
    left: -0.5333333333vw;
    width: 8vw;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-radius: 26.6666666667vw 0 0 26.6666666667vw
}

.success-checkmark .check-icon::after {
    top: 0;
    left: 8vw;
    width: 16vw;
    -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 26.6666666667vw 26.6666666667vw x 0
}

.success-checkmark .check-icon::before,.success-checkmark .check-icon::after {
    content: "";
    position: absolute;
    height: 26.6666666667vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff
}

.success-checkmark .check-icon .icon-line {
    display: block;
    position: absolute;
    z-index: 10;
    height: 1.3333333333vw;
    border-radius: .5333333333vw;
    background-color: #4caf50
}

.success-checkmark .check-icon .icon-line.line-tip {
    top: 12.2666666667vw;
    left: 3.7333333333vw;
    width: 6.6666666667vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: icon-line-tip .7s;
    animation: icon-line-tip .7s
}

.success-checkmark .check-icon .icon-line.line-long {
    top: 10.1333333333vw;
    right: 2.1333333333vw;
    width: 12.5333333333vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: icon-line-long .7s;
    animation: icon-line-long .7s
}

.success-checkmark .check-icon .icon-circle {
    position: absolute;
    z-index: 10;
    top: -1.0666666667vw;
    left: -1.0666666667vw;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid rgba(76,175,80,0.5);
    border-radius: 50%
}

.success-checkmark .check-icon .icon-fix {
    position: absolute;
    z-index: 1;
    top: 2.1333333333vw;
    left: 6.9333333333vw;
    width: 1.3333333333vw;
    height: 22.6666666667vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff
}

.fail-checkmark {
    width: 24vw;
    height: 25.3333333333vw;
    margin: 0 auto;
    overflow: hidden
}

.fail-checkmark .check-icon {
    position: relative;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid #e41a43;
    border-radius: 50%
}

.fail-checkmark .check-icon::before {
    top: .8vw;
    left: -0.5333333333vw;
    width: 8vw;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-radius: 26.6666666667vw 0 0 26.6666666667vw
}

.fail-checkmark .check-icon::after {
    top: 0;
    left: 8vw;
    width: 16vw;
    -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 26.6666666667vw 26.6666666667vw x 0
}

.fail-checkmark .check-icon::before,.fail-checkmark .check-icon::after {
    content: "";
    position: absolute;
    height: 26.6666666667vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff
}

.fail-checkmark .check-icon .icon-line {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 13.3333333333vw;
    height: 1.3333333333vw;
    -webkit-transform-origin: left;
    transform-origin: left;
    border-radius: .5333333333vw;
    background-color: #e41a43
}

.fail-checkmark .check-icon .icon-line.line-tip {
    -webkit-transform: rotate(45deg) translate(-50%,0);
    transform: rotate(45deg) translate(-50%,0);
    -webkit-animation: icon-line .7s .2s;
    animation: icon-line .7s .2s
}

.fail-checkmark .check-icon .icon-line.line-long {
    -webkit-transform: rotate(-45deg) translate(-50%,0);
    transform: rotate(-45deg) translate(-50%,0);
    -webkit-animation: icon-line .7s .2s;
    animation: icon-line .7s .2s
}

.fail-checkmark .check-icon .icon-circle {
    position: absolute;
    z-index: 10;
    top: -1.0666666667vw;
    left: -1.0666666667vw;
    box-sizing: content-box;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border: 1.0666666667vw solid rgba(228,26,67,0.5);
    border-radius: 50%
}

.fail-checkmark .check-icon .icon-fix {
    position: absolute;
    z-index: 1;
    top: 2.1333333333vw;
    left: 6.9333333333vw;
    width: 1.3333333333vw;
    height: 22.6666666667vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff
}

@-webkit-keyframes icon-line {
    0% {
        width: 0
    }

    100% {
        width: 13.3333333333vw
    }
}

@keyframes icon-line {
    0% {
        width: 0
    }

    100% {
        width: 13.3333333333vw
    }
}

@-webkit-keyframes rotate-circle {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotate-circle {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes icon-line-tip {
    0% {
        top: 5.0666666667vw;
        left: .2666666667vw;
        width: 0
    }

    54% {
        top: 5.0666666667vw;
        left: .2666666667vw;
        width: 0
    }

    70% {
        top: 9.8666666667vw;
        left: -2.1333333333vw;
        width: 13.3333333333vw
    }

    84% {
        top: 12.8vw;
        left: 5.6vw;
        width: 4.5333333333vw
    }

    100% {
        top: 12vw;
        left: 3.7333333333vw;
        width: 6.6666666667vw
    }
}

@keyframes icon-line-tip {
    0% {
        top: 5.0666666667vw;
        left: .2666666667vw;
        width: 0
    }

    54% {
        top: 5.0666666667vw;
        left: .2666666667vw;
        width: 0
    }

    70% {
        top: 9.8666666667vw;
        left: -2.1333333333vw;
        width: 13.3333333333vw
    }

    84% {
        top: 12.8vw;
        left: 5.6vw;
        width: 4.5333333333vw
    }

    100% {
        top: 12vw;
        left: 3.7333333333vw;
        width: 6.6666666667vw
    }
}

@-webkit-keyframes icon-line-long {
    0% {
        top: 14.4vw;
        right: 12.2666666667vw;
        width: 0
    }

    65% {
        top: 14.4vw;
        right: 12.2666666667vw;
        width: 0
    }

    84% {
        top: 9.3333333333vw;
        right: 0;
        width: 14.6666666667vw
    }

    100% {
        top: 10.1333333333vw;
        right: 2.1333333333vw;
        width: 12.5333333333vw
    }
}

@keyframes icon-line-long {
    0% {
        top: 14.4vw;
        right: 12.2666666667vw;
        width: 0
    }

    65% {
        top: 14.4vw;
        right: 12.2666666667vw;
        width: 0
    }

    84% {
        top: 9.3333333333vw;
        right: 0;
        width: 14.6666666667vw
    }

    100% {
        top: 10.1333333333vw;
        right: 2.1333333333vw;
        width: 12.5333333333vw
    }
}

.register-success-wrap,.register-fail-wrap,.pop-biometric-success {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 13.3333333333vw 5.3333333333vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 2.6666666667vw;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 2px 2px 1px rgba(0,0,0,0.1),0 4px 4px 1px rgba(0,0,0,0.1),0 8px 8px 1px rgba(0,0,0,0.1),0 16px 16px 1px rgba(0,0,0,0.1),0 32px 32px 1px rgba(0,0,0,0.1);
    font-size: 0;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.register-success-wrap::before,.register-fail-wrap::before,.pop-biometric-success::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.register-success-cont,.register-fail-cont,.biometric-success-cont {
    display: inline-block;
    width: 98%;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: middle
}

.register-success-cont .top-inner h3,.register-fail-cont .top-inner h3,.biometric-success-cont .top-inner h3 {
    color: #333;
    font-family: Impact,Helvetica,Tahoma,sans-serif;
    font-size: 13.3333333333vw
}

.register-success-cont .top-inner h4,.register-fail-cont .top-inner h4,.biometric-success-cont .top-inner h4 {
    margin-bottom: 2.6666666667vw;
    color: #28b849;
    font-size: 4.8vw;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all
}

.register-success-cont .top-inner>p,.register-fail-cont .top-inner>p,.biometric-success-cont .top-inner>p {
    max-height: 42.6666666667vw;
    margin-bottom: 3.7333333333vw;
    padding: 1.3333333333vw 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #555;
    font-size: 4vw;
    line-height: 1.5;
    word-break: break-word
}

.register-success-cont .top-inner a.link,.register-fail-cont .top-inner a.link,.biometric-success-cont .top-inner a.link {
    display: block;
    color: #ffb80c;
    text-decoration: underline;
    white-space: nowrap
}

.register-success-cont .btn-default,.register-success-cont .btn-cancel,.register-fail-cont .btn-default,.register-fail-cont .btn-cancel,.biometric-success-cont .btn-default,.biometric-success-cont .btn-cancel {
    display: inline-block;
    width: auto;
    min-width: 40%;
    height: 12vw;
    padding: 0 2.6666666667vw;
    line-height: 12vw;
    text-decoration: none
}

.register-success-cont .btn-secondary,.register-fail-cont .btn-secondary,.biometric-success-cont .btn-secondary {
    margin-right: 2.6666666667vw;
    background: #ff7e00
}

.register-success-cont .btn-cancel,.register-fail-cont .btn-cancel,.biometric-success-cont .btn-cancel {
    background: #555
}

.register-fail-cont .top-inner h3 {
    color: #333
}

.register-fail-cont .top-inner h4 {
    color: #e41a43
}

.register-fail-cont .top-inner>p {
    padding: 0
}

.register-info-comfirm {
    margin-bottom: 10px;
    padding: 2.6666666667vw 4vw;
    border: 1px solid #ddd;
    border-radius: .8vw;
    box-shadow: 0 0 8px #ccc;
    background: #fff
}

.register-info-comfirm .input-group {
    padding-bottom: 10px;
    background-color: transparent;
    line-height: 1.2
}

.register-info-comfirm .input-group .input-wrap.active:not(.recommomd-code) input {
    -webkit-animation: inputShow .5s forwards .3s;
    animation: inputShow .5s forwards .3s;
    opacity: 1
}

.register-info-comfirm .input-group .input-wrap:not(.recommomd-code) input {
    height: 0;
    padding: 0;
    border-width: 0
}

.register-info-comfirm .input-group label {
    display: block;
    color: #fff;
    font-size: 3.7333333333vw;
    text-align: left
}

.register-info-comfirm .input-group input {
    display: block;
    background-color: #111;
    font-size: 3.7333333333vw
}

.register-info-comfirm .input-group .eyes {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* background-image: url("/images/h5/icon-set/icon-eye-open-type02.svg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

/* .register-info-comfirm .input-group .eyes.active {
    background-image: url("/images/h5/icon-set/icon-eye-close-type02.svg")
} */

.register-info-comfirm .input-wrap p {
    display: inline-block;
    color: #ffb80c;
    font-size: 4vw;
    line-height: 1.2;
    text-align: left;
    vertical-align: middle
}

.icon-edit {
    display: inline-block;
    width: 8vw;
    height: 8vw;
    transition: .3s;
    border: 0;
    background-color: #ffb80c;
    vertical-align: middle;
    /* mask: url("/images/h5/icon-set/icon-pen.svg") no-repeat center/50%;
    -webkit-mask: url("/images/h5/icon-set/icon-pen.svg") no-repeat center/50% */
}

.comfirm-info {
    text-align: left
}

.btn-edit-group,.register-success-btn {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.btn-edit-group .button,.register-success-btn .button {
    flex: 1 1 auto;
    margin: 0 5px 10px;
    border: 0
}

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

    100% {
        height: 0;
        opacity: 0
    }
}

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

    100% {
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes inputShow {
    0% {
        height: 0;
        padding: 0;
        border-width: 0
    }

    80% {
        height: 10.6666666667vw;
        border-width: .5333333333vw
    }

    100% {
        height: 10.6666666667vw;
        padding: 2.9333333333vw;
        border-width: .5333333333vw
    }
}

@keyframes inputShow {
    0% {
        height: 0;
        padding: 0;
        border-width: 0
    }

    80% {
        height: 10.6666666667vw;
        border-width: .5333333333vw
    }

    100% {
        height: 10.6666666667vw;
        padding: 2.9333333333vw;
        border-width: .5333333333vw
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .success-checkmark {
        display:none;
        width: 11.9940029985vmax;
        height: 17.2413793103vmax
    }

    .success-checkmark .check-icon {
        width: 11.9940029985vmax;
        height: 11.9940029985vmax;
        border: .5997001499vmax solid #4caf50
    }

    .success-checkmark .check-icon::before {
        top: .4497751124vmax;
        left: -0.299850075vmax;
        width: 4.4977511244vmax;
        border-radius: 14.9925037481vmax 0 0 14.9925037481vmax
    }

    .success-checkmark .check-icon::after {
        left: 4.4977511244vmax;
        width: 8.9955022489vmax;
        border-radius: 0 14.9925037481vmax 14.9925037481vmax x 0
    }

    .success-checkmark .check-icon::before,.success-checkmark .check-icon::after {
        height: 14.9925037481vmax
    }

    .success-checkmark .check-icon .icon-line {
        height: .7496251874vmax;
        border-radius: .299850075vmax
    }

    .success-checkmark .check-icon .icon-line.line-tip {
        top: 6.8965517241vmax;
        left: 2.0989505247vmax;
        width: 3.748125937vmax
    }

    .success-checkmark .check-icon .icon-line.line-long {
        top: 5.6971514243vmax;
        right: 1.1994002999vmax;
        width: 7.0464767616vmax
    }

    .success-checkmark .check-icon .icon-circle {
        top: -0.5997001499vmax;
        left: -0.5997001499vmax;
        width: 11.9940029985vmax;
        height: 11.9940029985vmax;
        border: .5997001499vmax solid rgba(76,175,80,0.5)
    }

    .success-checkmark .check-icon .icon-fix {
        top: 1.1994002999vmax;
        left: 3.8980509745vmax;
        width: .7496251874vmax;
        height: 12.7436281859vmax
    }

    @-webkit-keyframes icon-line-tip {
        0% {
            top: 2.8485757121vmax;
            left: .1499250375vmax;
            width: 0
        }

        54% {
            top: 2.8485757121vmax;
            left: .1499250375vmax;
            width: 0
        }

        70% {
            top: 5.5472263868vmax;
            left: -1.1994002999vmax;
            width: 7.4962518741vmax
        }

        84% {
            top: 7.1964017991vmax;
            left: 3.1484257871vmax;
            width: 2.5487256372vmax
        }

        100% {
            top: 6.7466266867vmax;
            left: 2.0989505247vmax;
            width: 3.748125937vmax
        }
    }

    @keyframes icon-line-tip {
        0% {
            top: 2.8485757121vmax;
            left: .1499250375vmax;
            width: 0
        }

        54% {
            top: 2.8485757121vmax;
            left: .1499250375vmax;
            width: 0
        }

        70% {
            top: 5.5472263868vmax;
            left: -1.1994002999vmax;
            width: 7.4962518741vmax
        }

        84% {
            top: 7.1964017991vmax;
            left: 3.1484257871vmax;
            width: 2.5487256372vmax
        }

        100% {
            top: 6.7466266867vmax;
            left: 2.0989505247vmax;
            width: 3.748125937vmax
        }
    }

    @-webkit-keyframes icon-line-long {
        0% {
            top: 8.095952024vmax;
            right: 6.8965517241vmax;
            width: 0
        }

        65% {
            top: 8.095952024vmax;
            right: 6.8965517241vmax;
            width: 0
        }

        84% {
            top: 5.2473763118vmax;
            right: 0;
            width: 8.2458770615vmax
        }

        100% {
            top: 5.6971514243vmax;
            right: 1.1994002999vmax;
            width: 7.0464767616vmax
        }
    }

    @keyframes icon-line-long {
        0% {
            top: 8.095952024vmax;
            right: 6.8965517241vmax;
            width: 0
        }

        65% {
            top: 8.095952024vmax;
            right: 6.8965517241vmax;
            width: 0
        }

        84% {
            top: 5.2473763118vmax;
            right: 0;
            width: 8.2458770615vmax
        }

        100% {
            top: 5.6971514243vmax;
            right: 1.1994002999vmax;
            width: 7.0464767616vmax
        }
    }

    .register-success-wrap {
        position: static;
        width: 95%;
        height: auto;
        margin: 2.9985007496vmax auto;
        padding: 3.748125937vmax 2.9985007496vmax;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    .register-success-cont,.biometric-success-cont {
        width: 98%
    }

    .register-success-cont .top-inner h3,.biometric-success-cont .top-inner h3 {
        font-size: 8.9955022489vmax
    }

    .register-success-cont .top-inner h4,.biometric-success-cont .top-inner h4 {
        margin-bottom: 0;
        font-size: 2.9985007496vmax
    }

    .register-success-cont .top-inner>p,.biometric-success-cont .top-inner>p {
        max-height: 14.9925037481vmax;
        margin-bottom: 2.9985007496vmax;
        padding: 1.4992503748vmax 0 .7496251874vmax;
        overflow: hidden;
        font-size: 1.9490254873vmax;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .register-success-cont .btn-default,.biometric-success-cont .btn-default {
        height: 6.7466266867vmax;
        padding: 0 1.4992503748vmax;
        line-height: 6.7466266867vmax
    }

    .register-success-cont .btn-secondary,.biometric-success-cont .btn-secondary {
        margin-right: 1.4992503748vmax
    }
}

.player-vip-lv1 {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 4vw 4vw 1.8666666667vw 4vw
}

.player-vip-lv1 .player-info {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 32vw;
    border-radius: 2.6666666667vw;
    /* background: url("/images/h5/player/bg-header-profile.jpg") no-repeat center/cover */
}

.player-vip-lv1 .player-info::before {
    content: "";
    display: block;
    position: absolute;
    top: 16vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border-radius: 100%;
    /* background: url("/images/h5/player/memberpic.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    box-shadow: 2px 4px 7px 0 rgba(0,0,0,0.24),0 1px 2px 0 silver;
    z-index: 1
}

.player-vip-lv1 .player-info-vip {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 32vw;
    border-radius: 2.6666666667vw;
    /* background: url("/images/h5/player/vip/vip-card-bg-1.jpg") no-repeat center/cover */
}

.player-vip-lv1 .player-info-vip::before {
    content: "";
    display: block;
    position: absolute;
    top: 16vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    border-radius: 100%;
    /* background: url("/images/h5/player/vip/memberpic-lv1.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    box-shadow: 2px 4px 7px 0 rgba(0,0,0,0.24),0 1px 2px 0 silver;
    z-index: 1
}

.player-vip-lv1 .player-info-vip::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15.2vw;
    height: 15.2vw;
    /* background: url("/images/h5/player/vip/vip-label-1.png") no-repeat center/cover */
}

.player-vip-lv1 .membername-wrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 8vw 0 0 0
}

.player-vip-lv1 .membername-wrap .membername {
    width: 100%;
    font-size: 4.2666666667vw;
    color: #eee;
    margin-right: 1.3333333333vw
}

.player-vip-lv1 .membername-wrap .level {
    width: 100%;
    text-align: center;
    font-size: 3.2vw;
    padding: 1.3333333333vw;
    margin-left: 1.3333333333vw;
    background-image: linear-gradient(105deg,#c8c3b2 2%,#80795a 100%);
    border-radius: 4px;
    color: #fff
}

/* .player-vip-lv1.player-vip-lv2 .player-info-vip {
    background: url("/images/h5/player/vip/vip-card-bg-2.jpg") no-repeat center/cover
} */

/* .player-vip-lv1.player-vip-lv2 .player-info-vip::before {
    background: url("/images/h5/player/vip/memberpic-lv2.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

.player-vip-lv1.player-vip-lv2 .player-info-vip::after {
    background: url("/images/h5/player/vip/vip-label-2.png") no-repeat center/cover
} */
/* 
.player-vip-lv1.player-vip-lv2 .membername-wrap .level {
    background-image: linear-gradient(105deg,#c9c9c9 2%,#6f6f6f 100%)
}

.player-vip-lv1.player-vip-lv3 .player-info-vip {
    background: url("/images/h5/player/vip/vip-card-bg-3.jpg") no-repeat center/cover
} */

/* .player-vip-lv1.player-vip-lv3 .player-info-vip::before {
    background: url("/images/h5/player/vip/memberpic-lv3.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

.player-vip-lv1.player-vip-lv3 .player-info-vip::after {
    background: url("/images/h5/player/vip/vip-label-3.png") no-repeat center/cover
} */

.player-vip-lv1.player-vip-lv3 .membername-wrap .level {
    background-image: linear-gradient(105deg,#f1d266 3%,#c1912b 100%)
}
/* 
.player-vip-lv1.player-vip-lv4 .player-info-vip {
    background: url("/images/h5/player/vip/vip-card-bg-4.jpg") no-repeat center/cover
}

.player-vip-lv1.player-vip-lv4 .player-info-vip::before {
    background: url("/images/h5/player/vip/memberpic-lv4.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

.player-vip-lv1.player-vip-lv4 .player-info-vip::after {
    background: url("/images/h5/player/vip/vip-label-4.png") no-repeat center/cover
} */

.player-vip-lv1.player-vip-lv4 .membername-wrap .level {
    background-image: linear-gradient(105deg,#ced1d6 2%,#a0a9b6 100%)
}
/* 
.player-vip-lv1.player-vip-lv5 .player-info-vip {
    background: url("/images/h5/player/vip/vip-card-bg-5.jpg") no-repeat center/cover
}

.player-vip-lv1.player-vip-lv5 .player-info-vip::before {
    background: url("/images/h5/player/vip/memberpic-lv5.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%)
}

.player-vip-lv1.player-vip-lv5 .player-info-vip::after {
    background: url("/images/h5/player/vip/vip-label-5.png") no-repeat center/cover
} */

.player-vip-lv1.player-vip-lv5 .membername-wrap .level {
    background-image: linear-gradient(105deg,#3b5cbe 2%,#83aaeb 100%)
}

.player-top {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    background: #ffb80c
}

.player-top::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 13.3333333333vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
    background-color: #ffb80c
}

.player-top .player-card {
    margin: 1.3333333333vw 2.6666666667vw 6.6666666667vw
}

.player-top .credit-card {
    margin: 1.3333333333vw 2.6666666667vw 6.6666666667vw
}

.player-top::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px
}

.player-top.player-info {
    position: relative;
    flex-direction: column;
    width: auto;
    height: 32vw;
    margin: 4vw 4vw 4vw 4vw;
    /* background: url("/images/h5/player/bg-header-profile.jpg") no-repeat center/cover */
}

.player-top.player-info::after {
    background: #000;
    /* -webkit-mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100%;
    mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100% */
}

.player-top.player-info+.content {
    padding: 0;
    margin: 2.6666666667vw
}

.player-top.player-info {
    position: relative;
    flex-direction: column;
    height: auto;
    /* background: url("/images/h5/player/bg-header-profile.jpg") no-repeat center/cover,#ffb80c */
}

.player-top.player-info::after {
    background: #000;
    /* -webkit-mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100%;
    mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100% */
}

.player-top.player-info+.content {
    padding: 0
}

.player-top.player-deposit {
    position: relative;
    flex-direction: column;
    height: auto;
    background: #ffb80c
}

.player-top.player-deposit::before {
    display: none
}

.player-top.player-deposit::after {
    background: #000;
    /* -webkit-mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100%;
    mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100% */
}

.player-top.player-deposit+.content {
    padding: 0
}

.player-top.player-nav-page {
    background: #ffb80c;
    flex-wrap: wrap
}

.player-top.player-transfer,.player-top.player-withdraw {
    position: static;
    position: relative;
    flex-direction: column;
    height: auto;
    background: #ffb80c;
    color: #fff
}

.player-top.player-transfer::after,.player-top.player-withdraw::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: #000;
    /* -webkit-mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100%;
    mask: url("/images/h5/player/bg-header-bottom.svg") no-repeat bottom/100% */
}

.credit-card {
    position: relative;
    box-sizing: border-box;
    width: 92vw;
    height: auto;
    margin: 0 auto 6.6666666667vw;
    padding: 5.3333333333vw 4vw;
    border-radius: 4vw;
    /* background: url("/images/h5/player/bg-card.png") no-repeat center/cover,linear-gradient(240deg,#3356cd,#86bff4); */
    box-shadow: 0 .5333333333vw .8vw rgba(0,0,0,0.3);
    font-size: 3.2vw
}

.credit-card .credit-card-inner {
    display: flex;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    color: #fff
}

.credit-card .unitIcon {
    position: absolute;
    top: 8vw;
    left: 4.5333333333vw;
    width: 6.6666666667vw;
    margin-right: 1.3333333333vw
}

.credit-card .unitIcon img {
    width: 100%;
    height: auto
}

.credit-card .bank-name {
    margin-left: 8vw;
    padding: 1.0666666667vw 2.6666666667vw
}

.credit-card .bank-name p {
    font-size: 4vw;
    margin-bottom: .8vw;
    line-height: 1.1
}

.credit-card .bank-branch {
    margin-left: 8vw;
    padding: 1.0666666667vw 2.6666666667vw;
    margin-top: .8vw
}

.credit-card .bank-branch p {
    font-size: 2.9333333333vw;
    line-height: 1.1
}

.credit-card .cardNumber {
    margin-top: 2.1333333333vw;
    font-size: 6.9333333333vw;
    line-height: 1.2;
    padding: 1.0666666667vw 4vw;
    word-break: break-all;
    font-size: 26px
}

.credit-card .userName {
    margin-top: .8vw;
    font-size: 3.2vw;
    line-height: 1.5;
    padding: 1.0666666667vw 4vw
}

.credit-card .bank-info-copy {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: inherit;
    border-radius: 1.0666666667vw;
    -webkit-transform: all .3s;
    transform: all .3s
}

.credit-card .bank-info-copy p {
    text-shadow: 0 0 2px rgba(0,0,0,0.5)
}

.credit-card .bank-info-copy::after {
    content: "";
    display: inline-block;
    margin-left: 2.1333333333vw;
    width: 15px;
    height: 15px;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-copy.svg") no-repeat center/contain;
    mask: url("/images/h5/icon-set/icon-copy.svg") no-repeat center/contain; */
    flex: 0 0 15px
}

.credit-card .bank-info-copy.active {
    background: rgba(0,0,0,0.2)
}

.credit-card .bank-info-copy.active .tips-txt {
    display: block;
    -webkit-animation: tips-txt-show .3s linear forwards;
    animation: tips-txt-show .3s linear forwards
}

.credit-card .bank-info-copy.hide {
    background: rgba(0,0,0,0.2)
}

.credit-card .bank-info-copy.hide .tips-txt {
    display: block;
    -webkit-animation: tips-txt-hide .2s linear forwards;
    animation: tips-txt-hide .2s linear forwards
}

.credit-card .tips-txt {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 2.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: .8vw;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(153,153,153,0.5);
    font-size: 3.2vw;
    color: rgba(0,0,0,0.5);
    line-height: 1.5;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

.credit-card .tips-txt::before {
    content: "";
    position: absolute;
    right: 2.6666666667vw;
    bottom: -5px;
    width: 0;
    height: 0;
    border-width: 6px 3px 0;
    border-style: solid;
    border-color: #fff transparent transparent
}

@-webkit-keyframes tips-txt-show {
    0% {
        top: -13.3333333333vw;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes tips-txt-show {
    0% {
        top: -13.3333333333vw;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes tips-txt-hide {
    0% {
        top: 0;
        opacity: 1
    }

    100% {
        top: -13.3333333333vw;
        opacity: 0
    }
}

@keyframes tips-txt-hide {
    0% {
        top: 0;
        opacity: 1
    }

    100% {
        top: -13.3333333333vw;
        opacity: 0
    }
}

.credit-card .deposit-amount {
    margin-top: 1.3333333333vw
}

.credit-card .deposit-amount label,.credit-card .deposit-amount p {
    display: inline-block
}

.credit-card .deposit-amount label {
    margin-right: 2.6666666667vw;
    line-height: 1.8;
    text-align: left
}

.credit-card .deposit-amount p {
    color: #ffea00;
    font-size: 4.2666666667vw
}

.credit-card .deco {
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    margin: 2.6666666667vw
}

.credit-card .deco img {
    display: block;
    width: 100%
}

.player-deposit-wrap {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.player-deposit-wrap .button {
    margin: 0 auto 13.3333333333vw
}

.player-deposit-wrap .player-deposit-step1 {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    background-color: #000
}

.player-deposit-wrap .player-deposit-step1.active {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.player-deposit-wrap .player-deposit-step2 {
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #000;
    transition: top 3s
}

.player-deposit-wrap.active .player-deposit-step1.active {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.player-deposit-wrap.active .player-deposit-step2 {
    position: absolute;
    top: 0;
    height: auto;
    opacity: 1
}

.player-deposit-wrap.active .player-deposit-step2.active {
    position: relative
}

@media screen and (min-aspect-ratio: 13/9) {
    .player-top .player-card {
        margin:.7496251874vmax 1.4992503748vmax 3.748125937vmax
    }

    .player-top .credit-card {
        margin: .7496251874vmax 1.4992503748vmax 3.748125937vmax
    }

    .credit-card {
        width: 51.724137931vmax;
        margin: 0 auto 3.748125937vmax;
        padding: 2.9985007496vmax 2.2488755622vmax;
        border-radius: 2.2488755622vmax;
        box-shadow: 0 .299850075vmax .4497751124vmax rgba(0,0,0,0.3);
        font-size: 1.7991004498vmax
    }

    .credit-card .unitIcon img {
        width: 3.748125937vmax;
        margin-right: .7496251874vmax
    }

    .credit-card .bank-name h6 {
        font-size: 2.3988005997vmax
    }

    .credit-card .bank-name p {
        font-size: 1.7991004498vmax
    }

    .credit-card .cardNumber {
        font-size: 4.4977511244vmax
    }

    .credit-card .userName {
        font-size: 1.7991004498vmax
    }

    .credit-card .deposit-amount label {
        margin-right: 1.4992503748vmax
    }

    .credit-card .deposit-amount p {
        font-size: 2.3988005997vmax
    }

    .credit-card .deco {
        margin: 1.4992503748vmax
    }
}

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 60%;
    height: auto;
    margin: auto;
    padding: 4vw 0 6.6666666667vw 0;
    transition: all .3s
}

.pagination a {
    position: relative;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    border-radius: 1.3333333333vw;
    /* background: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center/27%,#ffb80c; */
    transition: all .3s
}

.pagination a.next-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pagination a.disable {
    /* background: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center/27%,#999; */
    opacity: .6
}

.pagination a:active {
    opacity: .7
}

.pagination a img {
    display: block;
    width: 100%
}

.pagination .page-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.pagination .page-wrap .page {
    width: 10.6666666667vw;
    font-size: 2.6666666667vw;
    margin: 0 2.6666666667vw;
    padding: 2.6666666667vw 1.3333333333vw;
    color: #fff;
    background: transparent;
    box-sizing: border-box;
    text-align: left;
    outline: transparent;
    border-radius: 1.3333333333vw;
    border: transparent;
    transition: all .3s
}

.pagination .page-wrap .page.input {
    text-align: right
}

.pagination .page-wrap .page.input:focus {
    border: .2666666667vw solid #ffb80c
}

.pagination .page-wrap .page.input::-webkit-input-placeholder {
    color: #fff
}

.pagination .page-wrap .page.input::-moz-placeholder {
    color: #fff
}

.pagination .page-wrap .page.input:-ms-input-placeholder {
    color: #fff
}

.pagination .page-wrap .page.input::placeholder {
    color: #fff
}

.pagination .page-wrap span {
    color: #fff;
    opacity: .6
}

@media screen and (min-aspect-ratio: 13/9) {
    .pagination {
        padding:2.2488755622vmax 0 3.748125937vmax 0
    }

    .pagination a {
        width: 5.2473763118vmax;
        height: 5.2473763118vmax;
        border-radius: .7496251874vmax
    }

    .pagination .page-wrap .page {
        width: 5.9970014993vmax;
        font-size: 1.4992503748vmax;
        margin: 0 1.4992503748vmax;
        padding: 1.4992503748vmax .7496251874vmax;
        border-radius: .7496251874vmax
    }

    .pagination .page-wrap .page.input:focus {
        border: .1499250375vmax solid #ffb80c
    }
}

.tabBtn-section {
    width: 100%
}

.tabBtn-page {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 13.3333333333vw;
    transition: all .3s;
    background: #ffb80c;
    z-index: 3
}

.tabBtn-page::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 13.3333333333vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
    background: #ffb80c
}

.tabBtn-page .line {
    display: block;
    position: absolute;
    width: 33.3333333333%;
    height: .8vw;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right,#b96700 0%,#864b00 100%);
    border-radius: .8vw;
    transition: all .3s
}

.tabBtn-page .btn {
    position: relative;
    width: inherit !important;
    padding: 4vw 0;
    text-align: center;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto
}

.tabBtn-page .btn .text {
    display: inline-block;
    position: relative;
    margin: 0 4vw;
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #fff;
    text-align: center
}

.tabBtn-page .btn .badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.6666666667vw;
    padding: 0 1.3333333333vw;
    -webkit-transform: translate(90%,-100%);
    transform: translate(90%,-100%);
    color: #e41a43;
    background-color: #ffea00;
    border-radius: 2.6666666667vw
}

.tabBtn-page .btn[data-tab-current=current] .text {
    color: #b96700
}

.tabBtn-page .btn[data-tab-current=current]::after {
    display: block
}

.player-nav-page .tabBtn-page {
    background: transparent
}

.tabBtn-wrap {
    position: relative;
    padding: 2.1333333333vw 4vw 3.2vw 4vw;
    background: #ffb80c
}

.tabBtn-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.3333333333vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 0;
    background: #ffb80c
}

.tabBtn-wrap .tabBtn-bar .line {
    background: #fdca49
}

.tabBtn-bar {
    display: flex;
    position: relative;
    z-index: 3;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8vw;
    transition: all .3s;
    color: #fff
}

.tabBtn-bar::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 80%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: .8vw;
    background: #cf9502
}

.tabBtn-bar .line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    transition: all .3s;
    border-radius: .8vw;
    background: #986018;
    box-shadow: 0 0 .5333333333vw .2666666667vw rgba(207,216,0,0.5)
}

.tabBtn-bar .btn {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 1.3333333333vw;
    transition: all .3s;
    text-align: center
}

.tabBtn-bar .btn .icon+.text {
    margin-left: 1.3333333333vw
}

.tabBtn-bar .btn .text {
    display: inline-block;
    position: relative;
    padding: 1.6vw 0;
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: bold;
    text-align: center
}

.tabBtn-bar .btn .badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.3333333333vw;
    -webkit-transform: translate(90%,-100%);
    transform: translate(90%,-100%);
    color: #e41a43;
    background-color: #ffea00;
    border-radius: 2.6666666667vw;
    font-size: 2.6666666667vw
}

.tabBtn-bar .btn[data-tab-current=current]::after {
    display: block
}

.tabContent-page {
    display: block;
    width: 100%;
    overflow: hidden
}

.tabContent-page.disable .withdraw-wallet .button {
    background: #999;
    pointer-events: none
}

.tabContent-page.disable .withdraw-wallet .verify-tips {
    display: block
}

.tabContent-page.disable .withdraw-wallet .accordion-wrap.error {
    width: 95%;
    margin: 1.3333333333vw auto
}

.tabContent-page.disable .withdraw-wallet .button a::before {
    display: inline-block
}

.withdraw-wallet .verify-tips {
    display: none
}

.withdraw-wallet .close-tips {
    display: none
}

.withdraw-wallet .button {
    position: relative
}

.withdraw-wallet .button a::before {
    content: "!";
    display: none;
    position: absolute;
    top: -1.3333333333vw;
    right: -0.5333333333vw;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    border: 1px solid #fff;
    border-radius: 5.8666666667vw;
    background-color: #ed1f23;
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: bold;
    line-height: 5.8666666667vw;
    text-align: text-bottom
}

.tips-info {
    position: relative;
    flex: 1;
    margin: 4vw;
    padding: 2.6666666667vw;
    border: 1px solid #556cad;
    border-radius: 1.3333333333vw;
    background-color: #212b44;
    text-align: left;
    white-space: normal
}

.tips-info .title-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.6666666667vw
}

.tips-info h5 {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 92%;
    margin-bottom: 10px;
    color: #fff
}

.tips-info h5::before {
    content: "!";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    border-radius: 50%;
    background-color: #fff;
    color: #212b44;
    text-align: center
}

.tips-info h5 span {
    display: inline-block;
    flex: 1;
    width: calc(100% - 50px);
    vertical-align: text-top
}

.tips-info a {
    text-decoration: none
}

.tips-info p,.tips-info b {
    display: block;
    padding-bottom: 5px;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.2;
    text-align: left
}

.tips-info i {
    padding: 0 .8vw;
    color: #fff;
    font-weight: bold
}

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

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

.tips-info ul,.tips-info ol {
    display: block;
    width: 100%;
    padding-left: 4vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: left
}

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

.close-tips {
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background-color: rgba(255,255,255,0.8);
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/80%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/80% */
}

.verify-tips ul,.verify-tips ol {
    padding-left: 0;
    list-style: none
}

.verify-tips ul>li,.verify-tips ol>li {
    list-style: none
}

.verify-tips ol>li:last-child {
    margin-bottom: 0
}

.verify-tips ol {
    padding-top: 10px;
    border-top: 1px dotted #556cad
}

.verify-tips a {
    display: block;
    width: 100%
}

.verify-tips label {
    display: block;
    margin-bottom: .8vw;
    font-size: 3.4666666667vw;
    font-weight: bold
}

.verify-tips label::before {
    content: "";
    display: inline-block;
    width: .8vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: .8vw;
    background: #fff;
    vertical-align: sub
}

.verify-tips p {
    display: block
}

.verify-tips h5 {
    margin-bottom: 0
}

.personal-info,.contact-info,.document-info {
    position: relative;
    padding: 1.3333333333vw
}

.personal-info.active::before,.contact-info.active::before,.document-info.active::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: Flashing .1s linear forwards;
    animation: Flashing .1s linear forwards;
    border-radius: 1.3333333333vw;
    background: rgba(255,255,255,0.2)
}

.personal-info.hide::before,.contact-info.hide::before,.document-info.hide::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.3333333333vw;
    background: rgba(255,255,255,0.2)
}

.personal-info ul,.contact-info ul,.document-info ul {
    padding-left: 2.1333333333vw
}

.personal-info li,.contact-info li,.document-info li {
    display: inline-block;
    margin: 0 1.3333333333vw 1.3333333333vw 0;
    padding: 0 2.6666666667vw;
    border-radius: 5.3333333333vw;
    color: #212b44;
    vertical-align: middle
}

.personal-info label {
    color: #d639e7
}

.personal-info label::before {
    background: #d639e7
}

.personal-info li {
    background: #d639e7
}

.contact-info label {
    color: #1498c0
}

.contact-info label::before {
    background: #1498c0
}

.contact-info li {
    background: #1498c0
}

.document-info label {
    color: #f96c03
}

.document-info label::before {
    background: #f96c03
}

.document-info li {
    background: #f96c03
}

.document-info.info-choose-one li {
    border: 1px solid #f96c03;
    background: transparent;
    color: #f96c03
}

.tabContent .inner-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    transition: all .3s
}

.tabContent .inner-wrap .inner-box {
    display: block;
    position: relative;
    width: 100%;
    flex-shrink: 0
}

.forgetpassword .inner-wrap {
    margin-top: 2.6666666667vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .tabBtn-page {
        height:7.4962518741vmax
    }

    .tabBtn-page.active {
        top: 7.4962518741vmax
    }

    .tabBtn-page .line {
        height: .4497751124vmax
    }

    .tabBtn-page .btn {
        padding: 2.2488755622vmax 0
    }

    .tabBtn-page .btn .text {
        margin: 0 2.2488755622vmax;
        font-size: 2.0989505247vmax
    }

    .tabBtn-page .btn .badge {
        font-size: 1.4992503748vmax;
        padding: 0 .7496251874vmax;
        border-radius: 1.4992503748vmax
    }

    .tabBtn-wrap {
        padding: 1.1994002999vmax 2.2488755622vmax 1.7991004498vmax 2.2488755622vmax
    }

    .tabBtn-bar {
        height: 4.4977511244vmax
    }

    .tabBtn-bar::before {
        border-radius: .4497751124vmax
    }

    .tabBtn-bar .line {
        border-radius: .4497751124vmax;
        box-shadow: 0 0 .299850075vmax .1499250375vmax rgba(207,216,0,0.5)
    }

    .tabBtn-bar .btn {
        padding: .7496251874vmax
    }

    .tabBtn-bar .btn .icon+.text {
        margin-left: .7496251874vmax
    }

    .tabBtn-bar .btn .text {
        padding: .8995502249vmax 0;
        font-size: 1.9490254873vmax
    }

    .tabBtn-bar .btn .badge {
        font-size: 1.4992503748vmax;
        padding: 0 .7496251874vmax;
        border-radius: 1.4992503748vmax
    }
}

.list-loading {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 10.6666666667vw;
    padding: 2.6666666667vw 0 5.3333333333vw 0;
    margin: auto;
    z-index: 1
}

.list-loading::before,.list-loading::after {
    content: "";
    display: block;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    mix-blend-mode: difference
}

.list-loading::before {
    background: #ffc73f;
    -webkit-animation: slide-right-left 1s linear infinite;
    animation: slide-right-left 1s linear infinite
}

.list-loading::after {
    background: #ffb80c;
    -webkit-animation: slide-left-right 1s linear infinite;
    animation: slide-left-right 1s linear infinite
}

@-webkit-keyframes slide-right-left {
    0% {
        -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(0.75);
        transform: translateX(50%) scale(0.75)
    }

    90%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-right-left {
    0% {
        -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(0.75);
        transform: translateX(50%) scale(0.75)
    }

    90%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-left-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-50%) scale(0.75);
        transform: translateX(-50%) scale(0.75)
    }

    40%,50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        -webkit-transform: translateX(-50%) scale(1.3);
        transform: translateX(-50%) scale(1.3)
    }

    90%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-left-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-50%) scale(0.75);
        transform: translateX(-50%) scale(0.75)
    }

    40%,50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        -webkit-transform: translateX(-50%) scale(1.3);
        transform: translateX(-50%) scale(1.3)
    }

    90%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .list-loading {
        width:5.9970014993vmax;
        padding: 2.9985007496vmax 0
    }

    .list-loading::before,.list-loading::after {
        width: 2.2488755622vmax;
        height: 2.2488755622vmax
    }
}

.task-card-wrap {
    display: flex;
    flex: 1;
    padding: 4vw;
    background: #4e4e4e
}

.task-card {
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffb026;
    border-radius: 2.1333333333vw;
    background: #413b2b;
    box-shadow: 0 1px 5px rgba(99,91,79,0.7);
    overflow: hidden
}

.task-card .t-title {
    display: inline-block;
    width: 100%;
    min-height: 2.6666666667vw;
    padding: .8vw 1.3333333333vw;
    background: #ffb026;
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}

.t-card {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 1.8666666667vw 0
}

.t-card .t-box {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.t-card .t-box:first-child .t-b-circle::before {
    width: 50%;
    left: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.t-card .t-box:last-child .t-b-circle::before {
    width: 50%;
    left: 50%;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

.t-card .t-box .t-b-circle {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: .8vw 0
}

.t-card .t-box .t-b-circle::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: .5333333333vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #727272;
    z-index: 1
}

.t-card .t-box .t-b-circle .circle {
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 4.8vw;
    height: 4.8vw;
    border: 1px solid #313131;
    border-radius: 50%;
    background: #727272
}

.t-card .t-box .t-b-circle .circle i {
    color: #313131;
    font-size: 2.6666666667vw;
    font-weight: 500
}

.t-card .t-box .t-b-circle .status-icon {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.t-card .t-box .t-b-title {
    padding: .8vw;
    color: #ffe29d;
    font-size: 3.2vw;
    text-align: center
}

.t-card .t-box .t-b-subTitle {
    padding: .8vw;
    color: #ffa200;
    font-size: 2.6666666667vw;
    font-weight: 500;
    text-align: center
}

.menu-box+.task-card-wrap {
    margin: -4vw 0
}

/* .t-box.status-pending .t-b-circle .status-icon {
    background-image: url("/images/h5/icon-set/player/kyc/status-pending.svg")
}

.t-box.status-success .t-b-circle .status-icon {
    background-image: url("/images/h5/icon-set/player/kyc/status-success.svg")
}

.t-box.status-failed .t-b-circle .status-icon {
    background-image: url("/images/h5/icon-set/player/kyc/status-failed.svg")
} */

.t-box.status-coin .t-b-circle .status-icon {
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    /* background-image: url("/images/h5/icon-set/player/kyc/status-coin.svg"); */
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.t-box.status-coinget .t-b-circle .status-icon {
    box-shadow: 0 0 2px rgba(0,0,0,0.6);
    /* background-image: url("/images/h5/icon-set/player/kyc/status-coinget.svg"); */
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.accordion-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffde63;
    border-radius: 1.0666666667vw;
    background: #262626;
    overflow: hidden
}

.accordion-wrap.show .a-content {
    height: 100%;
    max-height: 300px;
    opacity: 1
}

.accordion-wrap.show .a-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.accordion-wrap .a-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .8vw 2.6666666667vw;
    background: #ffe272;
    color: #262626;
    font-size: 2.9333333333vw;
    text-align: left
}

.accordion-wrap .a-title .a-text {
    flex-grow: 1
}

.accordion-wrap .a-title .a-icon {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background-color: #262626;
    mask: url(./MobileImage/accordion-tips.svg) no-repeat center/90%;
    -webkit-mask: url(./MobileImage/accordion-tips.svg) no-repeat center/90%
}

.accordion-wrap .a-title .a-arrow {
    display: none;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    background-color: #262626;
    mask: url(./MobileImage/accordion-arrow.svg) no-repeat center;
    -webkit-mask: url(./MobileImage/accordion-arrow.svg) no-repeat center;
    transition: all .3s
}

.accordion-wrap .a-content {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s,opacity .5s;
    color: #eaeaea;
    opacity: 0
}

.accordion-wrap .a-content ol.a-list {
    padding: 1.3333333333vw 2.6666666667vw 1.3333333333vw 6.6666666667vw
}

.accordion-wrap .a-content .a-list {
    padding: 1.3333333333vw 2.6666666667vw;
    list-style: auto
}

.accordion-wrap .a-content .a-item {
    padding: .5333333333vw 0;
    font-size: 2.6666666667vw;
    line-height: 1.3
}

.accordion-wrap.error {
    margin: 1.3333333333vw 0;
    border: 1px solid #e41a43;
    background: #262626
}

.accordion-wrap.error .a-title {
    background: #e41a43;
    color: #fff
}

.accordion-wrap.error .a-title .a-icon {
    background-color: #fff
}

.accordion-wrap.error .a-title .a-arrow {
    background-color: #fff
}

.accordion-wrap.error .a-content {
    color: #ed5e7b
}

.accordion-wrap .toggle-btn .a-arrow {
    display: block
}

.upload-wrap {
    padding-bottom: 2.6666666667vw
}

.upload-wrap .upload-area {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40vw;
    border: 1px dashed #ffde63;
    border-radius: 1.0666666667vw;
    background: #2b2614
}

.upload-wrap .upload-area .area-mask {
    display: flex;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.0666666667vw;
    background: rgba(0,0,0,0.7)
}

.upload-wrap .upload-area .area-mask .m-icon {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin: 2.6666666667vw;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.upload-wrap .upload-area .area-mask .m-text {
    font-size: 3.7333333333vw;
    text-shadow: 0 0 4px rgba(0,0,0,0.5)
}

.upload-wrap .upload-area .area-mask .m-btn {
    margin-top: 1.8666666667vw;
    padding: 1.3333333333vw 4.5333333333vw;
    border-radius: 1.0666666667vw;
    background: #ffde63;
    color: #262626;
    font-size: 3.2vw
}

.upload-wrap .upload-area.active .delete-btn {
    display: block
}

.upload-wrap .upload-area .area-pic {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border: 0;
    text-align: center;
    pointer-events: none
}

.upload-wrap .upload-area .area-pic img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all .3s
}

.upload-wrap .upload-area .area-inner {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.upload-wrap .upload-area .area-inner input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.upload-wrap .upload-area .area-inner .u-icon {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background-color: #ffde63;
    mask: url(./MobileImage/upload.svg) no-repeat center/100%;
    -webkit-mask: url(./MobileImage/upload.svg) no-repeat center/100%
}

.upload-wrap .upload-area .area-inner .u-text {
    color: #ffde63;
    font-size: 3.7333333333vw
}

.upload-wrap .delete-btn {
    display: none;
    z-index: 4;
    transition: all .3s
}

.upload-wrap .upload-area.loading .m-icon {
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-loading.svg") no-repeat center/100%;
    mask: url("/images/h5/icon-set/icon-loading.svg") no-repeat center/100% */
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.upload-wrap .upload-area.pending .m-icon {
    /* background-image: url("/images/h5/icon-set/player/kyc/status-pending.svg"); */
    box-shadow: 0 0 4px rgba(0,0,0,0.5)
}

.upload-wrap .upload-area.pending .m-text {
    color: #7d9bef
}

.upload-wrap .upload-area.failed .area-mask {
    pointer-events: none
}

.upload-wrap .upload-area.failed .m-icon {
    /* background-image: url("/images/h5/icon-set/player/kyc/status-failed.svg"); */
    box-shadow: 0 0 4px rgba(0,0,0,0.5)
}

.upload-wrap .upload-area.failed .m-text {
    color: #e41a43
}

.upload-wrap .upload-area.failed .delete-btn {
    display: block
}

.upload-wrap .upload-area.success .m-icon {
    /* background-image: url("/images/h5/icon-set/player/kyc/status-success.svg"); */
    box-shadow: 0 0 4px rgba(0,0,0,0.5)
}

.upload-wrap .upload-area.success .m-text {
    color: #28b849
}

.content.player-content {
    margin-bottom: 13.3333333333vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .content.player-content {
        margin-bottom:7.4962518741vmax
    }
}

.ticket-wrap {
    display: block;
    padding: 2.6666666667vw;
    width: inherit
}

.ticket {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 1.3333333333vw;
    color: white;
    background-color: #967b3f
}

.ticket+.ticket {
    margin-top: 2.6666666667vw
}

.ticket.showBN .ticket-deco::before,.ticket.showBN .ticket-deco::after {
    display: none
}

.ticket.showBN .ticket-banner {
    display: flex
}

.ticket.showBN .ticket-inner {
    border-radius: 0 0 1.0666666667vw 1.0666666667vw
}

.ticket.completed {
    background: #80745a
}

.ticket.completed .ticket-deco .line {
    background-image: radial-gradient(circle,#80745a 48%,rgba(255,255,255,0) 0%);
    background-position: -5px;
    background-size: 5.0666666667vw 5.0666666667vw;
    background-repeat: repeat-y
}

.ticket.completed .ticket-deco::before,.ticket.completed .ticket-deco::after {
    background-color: #80745a
}

.ticket.completed .ticket-inner {
    background-color: #313233
}

.ticket.completed .ticket-inner::before,.ticket.completed .ticket-inner::after {
    background-color: #80745a
}

.ticket.completed .ticket-inner-left {
    border-color: #80745a
}

.ticket.completed .ticket-inner-left>div+div {
    margin-top: 1.3333333333vw
}

.ticket.completed .ticket-inner-right::after {
    background-image: linear-gradient(to bottom,#80745a 60%,rgba(255,255,255,0) 0%);
    background-position: left;
    background-size: .2666666667vw 2.6666666667vw;
    background-repeat: repeat-y
}

.ticket.completed .ticket-inner-right .text {
    color: #28b849;
    line-height: 2
}

.ticket.completed .ticket-inner-right .text::before {
    content: "";
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: auto;
    /* background: url("/images/h5/icon-set/icon-check-type01.svg") no-repeat center/100% */
}

.ticket .ticket-deco {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.ticket .ticket-deco .line {
    position: absolute;
    left: 0;
    width: 5.0666666667vw;
    height: 100%;
    background-image: radial-gradient(circle,#967b3f 48%,rgba(255,255,255,0) 0%);
    background-position: -1.3333333333vw;
    background-size: 5.0666666667vw 5.0666666667vw;
    background-repeat: repeat-y
}

.ticket .ticket-deco .line+.line {
    position: absolute;
    left: auto;
    right: 0;
    background-position: 1.3333333333vw
}

.ticket .ticket-deco::before,.ticket .ticket-deco::after {
    content: "";
    position: absolute;
    left: 75%;
    -webkit-transform: translateX(-63%);
    transform: translateX(-63%);
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    border-radius: 50%;
    background-color: #967b3f
}

.ticket .ticket-deco::before {
    top: -0.5333333333vw
}

.ticket .ticket-deco::after {
    bottom: -0.5333333333vw
}

.ticket .ticket-banner {
    display: none;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 2.6666666667vw 4vw 0 4vw;
    background-color: #313233;
    border-radius: 1.0666666667vw 1.0666666667vw 0 0
}

.ticket .ticket-banner img {
    display: block;
    width: 100%;
    margin: auto;
    border-radius: 1.0666666667vw
}

.ticket .ticket-banner .deco {
    display: inline-block;
    position: relative;
    width: 100%;
    height: .5333333333vw;
    margin: 2.6666666667vw 0;
    background-color: #ccc
}

.ticket .ticket-banner .deco::before,.ticket .ticket-banner .deco::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    width: 1.6vw;
    height: 1.6vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #ccc
}

.ticket .ticket-banner .deco::before {
    left: 0
}

.ticket .ticket-banner .deco::after {
    right: 0
}

.ticket .ticket-inner {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    width: 100%;
    background-color: #313233;
    border-radius: 1.0666666667vw
}

.ticket .ticket-inner-left {
    position: relative;
    width: 75%;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 4vw;
    border-right-width: .2666666667vw
}

.ticket .ticket-inner-left>div+div {
    margin-top: 1.3333333333vw
}

.ticket .ticket-inner-right {
    width: 25%;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative
}

.ticket .ticket-inner-right::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-image: linear-gradient(to bottom,#967b3f 60%,rgba(255,255,255,0) 0%);
    background-position: left;
    background-size: .2666666667vw 2.6666666667vw;
    background-repeat: repeat-y
}

.ticket .ticket-inner-right .text {
    font-size: 3.4666666667vw;
    padding: 2.6666666667vw;
    line-height: 1.5;
    margin: auto;
    text-align: center;
    color: #967b3f;
    word-wrap: break-word;
    word-break: break-all
}

.ticket .title {
    position: relative;
    font-size: 3.7333333333vw;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ticket .title::before {
    content: "";
    display: inline-block;
    margin-right: 1.0666666667vw;
    width: 1.0666666667vw;
    height: 4.8vw;
    border-radius: 1.0666666667vw;
    background-color: #967b3f;
    vertical-align: sub
}

.ticket .detail {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row
}

.ticket .detail .date {
    font-size: 2.6666666667vw;
    color: rgba(255,255,255,0.5);
    margin: auto 0
}

.ticket .detail .detail-btn {
    display: flex;
    padding: .5333333333vw 1.0666666667vw;
    border: .2666666667vw solid #967b3f;
    border-radius: .8vw;
    margin: auto 1.3333333333vw
}

.ticket .detail .detail-btn a {
    text-decoration: none;
    font-size: 2.6666666667vw;
    color: #967b3f
}

.ticket .discount {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    color: #fdd137
}

.ticket .discount .currency {
    margin: auto 0;
    font-size: 3.7333333333vw
}

.ticket .discount .amount {
    font-size: 5.8666666667vw;
    font-weight: 700
}

@media screen and (min-aspect-ratio: 13/9) {
    .ticket-wrap {
        padding:1.4992503748vmax
    }

    .ticket {
        padding: .7496251874vmax
    }

    .ticket+.ticket {
        margin-top: 1.4992503748vmax
    }

    .ticket.showBN .ticket-inner {
        border-radius: 0 0 .5997001499vmax .5997001499vmax
    }

    .ticket.completed .ticket-deco .line {
        background-position: -0.7496251874vmax;
        background-size: 2.8485757121vmax 2.8485757121vmax
    }

    .ticket.completed .ticket-inner-left>div+div {
        margin-top: .7496251874vmax
    }

    .ticket.completed .ticket-inner-right::after {
        background-size: .1499250375vmax 1.4992503748vmax
    }

    .ticket.completed .ticket-inner-right .text::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax
    }

    .ticket .ticket-deco .line {
        width: 2.8485757121vmax;
        background-position: -0.7496251874vmax;
        background-size: 2.8485757121vmax 2.8485757121vmax
    }

    .ticket .ticket-deco .line+.line {
        background-position: .7496251874vmax
    }

    .ticket .ticket-deco::before,.ticket .ticket-deco::after {
        width: 2.0989505247vmax;
        height: 2.0989505247vmax
    }

    .ticket .ticket-deco::before {
        top: -0.299850075vmax
    }

    .ticket .ticket-deco::after {
        bottom: -0.299850075vmax
    }

    .ticket .ticket-banner {
        padding: 1.4992503748vmax 2.2488755622vmax 0 2.2488755622vmax
    }

    .ticket .ticket-banner img {
        border-radius: .5997001499vmax
    }

    .ticket .ticket-banner .deco {
        height: .299850075vmax;
        margin: 1.4992503748vmax 0
    }

    .ticket .ticket-banner .deco::before,.ticket .ticket-banner .deco::after {
        width: .8995502249vmax;
        height: .8995502249vmax
    }

    .ticket .ticket-inner {
        border-radius: .5997001499vmax
    }

    .ticket .ticket-inner-left {
        padding: 1.4992503748vmax 1.4992503748vmax 1.4992503748vmax 2.2488755622vmax;
        border-right-width: .1499250375vmax
    }

    .ticket .ticket-inner-left>div+div {
        margin-top: .7496251874vmax
    }

    .ticket .ticket-inner-right::after {
        background-size: .1499250375vmax 1.4992503748vmax
    }

    .ticket .ticket-inner-right .text {
        font-size: 1.9490254873vmax;
        padding: 1.4992503748vmax
    }

    .ticket .title {
        font-size: 2.0989505247vmax
    }

    .ticket .title::before {
        margin-right: .5997001499vmax;
        width: .5997001499vmax;
        height: 2.6986506747vmax;
        border-radius: .5997001499vmax
    }

    .ticket .detail .date {
        font-size: 1.4992503748vmax
    }

    .ticket .detail .detail-btn {
        padding: .299850075vmax .5997001499vmax;
        border: .1499250375vmax solid #967b3f;
        border-radius: .4497751124vmax;
        margin: auto .7496251874vmax
    }

    .ticket .detail .detail-btn a {
        font-size: 1.4992503748vmax
    }

    .ticket .discount .currency {
        font-size: 2.0989505247vmax
    }

    .ticket .discount .amount {
        font-size: 3.2983508246vmax
    }
}

.playerform-content .button {
    width: 94.6666666667vw;
    height: 12vw;
    margin: 4vw auto 5.3333333333vw;
    font-size: 4vw;
    line-height: 12vw
}

.playerform-content .button.gray {
    pointer-events: none
}

.playerform-content .verify-tips {
    margin-bottom: 4vw
}

.playerform-content .option-group.error label,.playerform-content .input-group.error label {
    color: #e41a43
}

.playerform-content .option-group.error label::before,.playerform-content .input-group.error label::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 3px;
    border-radius: 50%;
    background-color: #e41a43;
    vertical-align: super
}

.playerform-content .option-group.error select,.playerform-content .option-group.error input,.playerform-content .input-group.error select,.playerform-content .input-group.error input {
    border: 1px solid #e41a43;
    background-color: rgba(228,26,67,0.1)
}

.deposit-bank-wrap {
    font-size: 3.2vw
}

.menu-box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 2.6666666667vw 0;
    padding: 2.6666666667vw 4vw;
    background-color: #262626
}

.menu-box+.menu-box {
    margin-top: 0
}

.menu-box .title {
    width: 100%;
    line-height: 9.3333333333vw
}

.menu-box .title h2 {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding-left: 2.6666666667vw;
    border-bottom: .2666666667vw solid #111;
    color: #fff;
    font-size: 4vw
}

.menu-box .title h2 span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.menu-box .title h2 i {
    display: flex;
    color: #eee;
    font-size: 2.6666666667vw;
    white-space: nowrap
}

.menu-box .title h2::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: .5333333333vw;
    background-color: #ffb80c;
    vertical-align: middle
}

.menu-box .title+.input-group {
    padding: 2.6666666667vw 0
}

.menu-box label {
    color: #fff
}

.withdraw-menu-phone p {
    font-size: 20px
}

.withdraw-menu-phone .select-card .select-card-inner .cardNumber {
    font-size: 20px;
    line-height: 1.5
}

.withdraw-menu-mail ul {
    margin-bottom: 10px
}

.withdraw-menu-mail p {
    font-size: 16px
}

.withdraw-menu-mail .select-card .select-card-inner .cardNumber {
    font-size: 16px;
    line-height: 2
}

.box-row {
    display: flex;
    flex-direction: row
}

.box-row>div {
    width: 50%
}

.box-row>div+div {
    margin-left: 2.6666666667vw
}

.forgetpassword .inner-wrap .menu-box {
    width: 100%
}

.forgetpassword .inner-wrap .phone-wrap input {
    border-radius: 0
}

.forgetpassword .inner-wrap .phone-wrap input:-webkit-autofill,.forgetpassword .inner-wrap .phone-wrap input:-webkit-autofill:hover,.forgetpassword .inner-wrap .phone-wrap input:-webkit-autofill:focus {
    box-shadow: 0 0 0 50px #262626 inset !important
}

.forgetpassword .phone-number {
    background-color: #262626
}

.forgetpassword .phone-number .phone-code-list {
    left: 2.6666666667vw;
    background: #262626
}

.forgetpassword .phone-number label {
    left: 5.3333333333vw;
    padding-top: 2.6666666667vw
}

.forgetpassword .phone-number .btn-select {
    left: 2.6666666667vw
}

.forgetpassword .phone-number .input-wrap input {
    background: transparent
}

.forgetpassword .phone-number .btn-select {
    background: transparent
}

.option-group {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 2.6666666667vw
}

.option-group .option-wrap {
    position: relative;
    width: 100%;
    border-radius: .8vw
}

.option-group .option-wrap::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 5.3333333333vw;
    right: 2.6666666667vw;
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #fff transparent transparent
}

.option-group label {
    position: relative;
    color: #fff;
    font-size: 3.2vw;
    line-height: 2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.option-group select {
    box-sizing: border-box;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 8vw 0 2.6666666667vw;
    border: 0;
    border-radius: .8vw;
    outline: 0;
    background-color: #111;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.option-group select option {
    color: #fff;
    font-size: 3.2vw
}

.option-group select:disabled {
    border-bottom: 1px solid rgba(153,153,153,0.5);
    border-radius: 0;
    background: 0
}

.option-group .member-error {
    width: 100%;
    margin: .8vw 0 0;
    padding: 1.3333333333vw 0
}

.option-group .member-error span {
    color: #e41a43
}

.option-group.select-bar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 2.6666666667vw;
    background-color: #444
}

.option-group.select-bar .option-wrap {
    width: 70%;
    background-color: transparent
}

.option-group.select-bar label {
    display: block;
    max-width: 30%
}

.option-group.select-bar select {
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
    color: #fff;
    -moz-text-align-last: right;
    text-align-last: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.option-group.select-bar option {
    border: 1px solid #fff
}

.select-group {
    position: relative;
    padding: 2.6666666667vw 0;
    background-color: #262626
}

.select-group ul {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 100;
    width: 100%
}

.select-group ul li {
    display: inline-block;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-group ul.col2 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 10px) / 2))
}

.select-group ul.col3 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 20px) / 3))
}

.select-group ul.col4 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 30px) / 4))
}

.select-group ul.col5 {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill,calc((100% - 40px) / 5))
}

.select-group [type=checkbox],.select-group [type=radio] {
    display: none
}

.select-group [type=checkbox]+label,.select-group [type=radio]+label {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    padding: 0 2.6666666667vw;
    border: .2666666667vw solid #111;
    border-radius: .8vw;
    background-color: #333;
    color: #fff;
    font-size: 3.2vw;
    line-height: 9.3333333333vw;
    text-align: center
}

.select-group [type=checkbox]+label span,.select-group [type=radio]+label span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-group [type=checkbox]:checked+label,.select-group [type=radio]:checked+label {
    border: .2666666667vw solid #ffb80c;
    background-color: #ffb80c;
    color: #fff
}

.select-group .bank {
    margin-bottom: 1.3333333333vw
}

.select-group .bank img {
    display: block;
    width: auto;
    height: 6.6666666667vw
}

.select-group.checkbox-style [type=checkbox]+label,.select-group.checkbox-style [type=radio]+label {
    padding: 1.3333333333vw 2.6666666667vw
}

.select-group.checkbox-style [type=checkbox]+label span,.select-group.checkbox-style [type=radio]+label span {
    line-height: 1.5
}

.select-group.checkbox-style [type=checkbox]:checked+label,.select-group.checkbox-style [type=radio]:checked+label {
    transition: all .3s;
    border: .2666666667vw solid #ffb80c;
    background-color: #333;
    color: #fff
}

.select-group.checkbox-style [type=checkbox]:checked+label .line-super,.select-group.checkbox-style [type=checkbox]:checked+label .line-express,.select-group.checkbox-style [type=radio]:checked+label .line-super,.select-group.checkbox-style [type=radio]:checked+label .line-express {
    visibility: hidden
}

.select-group.checkbox-style [type=checkbox]:checked+label::after,.select-group.checkbox-style [type=radio]:checked+label::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    right: -0.2666666667vw;
    bottom: -0.2666666667vw;
    width: 5.3333333333vw;
    height: 4.2666666667vw;
    transition: all .3s;
    opacity: 1;
    background: #ffb80c;
    -webkit-mask: url(./MobileImage/select-check.svg) no-repeat center/90%;
    mask: url(./MobileImage/select-check.svg) no-repeat center/90%
}

.select-group.checkbox-style.checkbox-height-set [type=checkbox]+label,.select-group.checkbox-style.checkbox-height-set [type=radio]+label {
    position: relative;
    padding: 0 2.6666666667vw
}

.select-group.checkbox-style.checkbox-height-set [type=checkbox]+label span,.select-group.checkbox-style.checkbox-height-set [type=radio]+label span {
    line-height: 9.3333333333vw
}

.select-group.checkbox-style.type li label {
    min-height: 10.6666666667vw;
    padding: 1.6vw 5.3333333333vw !important
}

.select-group.checkbox-style.type li label span {
    width: 90%;
    font-style: italic;
    line-height: 1 !important
}

.select-group.checkbox-style.type li label p {
    width: 90%;
    margin-top: .5333333333vw;
    overflow: hidden;
    color: #aaa;
    font-size: 2.6666666667vw;
    font-style: italic;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-group.checkbox-style.type li label img {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-group.checkbox-style.type li label img.instant {
    -webkit-animation: fly 1.8s linear infinite;
    animation: fly 1.8s linear infinite
}

.select-group.checkbox-style.type li label img.super-fast {
    -webkit-animation: fly .8s linear infinite;
    animation: fly .8s linear infinite
}

.select-group.checkbox-style.type li label img.express {
    -webkit-animation: fly .15s linear infinite;
    animation: fly .15s linear infinite
}

@-webkit-keyframes fly {
    0% {
        -webkit-transform: translate(-50%,-50%) translate(0,0);
        transform: translate(-50%,-50%) translate(0,0)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) translate(-3px,3px);
        transform: translate(-50%,-50%) translate(-3px,3px)
    }

    100% {
        -webkit-transform: translate(-50%,-50%) translate(0,0);
        transform: translate(-50%,-50%) translate(0,0)
    }
}

@keyframes fly {
    0% {
        -webkit-transform: translate(-50%,-50%) translate(0,0);
        transform: translate(-50%,-50%) translate(0,0)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) translate(-3px,3px);
        transform: translate(-50%,-50%) translate(-3px,3px)
    }

    100% {
        -webkit-transform: translate(-50%,-50%) translate(0,0);
        transform: translate(-50%,-50%) translate(0,0)
    }
}

.select-group.checkbox-style.type li label .overflow {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.select-group.checkbox-style.type li label .overflow .line-super {
    position: absolute;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 0 #fff,0 0 40px #fff,0 0 80px #fff,0 0 16px #fff
}

.select-group.checkbox-style.type li label .overflow .line-express {
    position: absolute;
    border-radius: 4px;
    background: #ffb80c;
    box-shadow: 0 0 0 #ffb80c,0 0 40px #ffb80c,0 0 80px #ffb80c,0 0 16px #ffb80c
}

.select-group.checkbox-style.type li label .overflow .left {
    width: 1px;
    -webkit-animation: left 1.5s linear infinite;
    animation: left 1.5s linear infinite
}

@-webkit-keyframes left {
    0% {
        top: 100%;
        left: 0;
        height: 0
    }

    20% {
        top: 0;
        left: 0;
        height: 100%
    }

    40% {
        top: 0;
        left: 0;
        height: 0
    }
}

@keyframes left {
    0% {
        top: 100%;
        left: 0;
        height: 0
    }

    20% {
        top: 0;
        left: 0;
        height: 100%
    }

    40% {
        top: 0;
        left: 0;
        height: 0
    }
}

.select-group.checkbox-style.type li label .overflow .top {
    height: 1px;
    -webkit-animation: top 1.5s linear infinite;
    animation: top 1.5s linear infinite
}

@-webkit-keyframes top {
    0% {
        top: 0;
        left: 0;
        width: 0
    }

    20% {
        top: 0;
        left: 0;
        width: 0
    }

    40% {
        top: 0;
        left: 0;
        width: 100%
    }

    60% {
        top: 0;
        left: 100%;
        width: 0
    }
}

@keyframes top {
    0% {
        top: 0;
        left: 0;
        width: 0
    }

    20% {
        top: 0;
        left: 0;
        width: 0
    }

    40% {
        top: 0;
        left: 0;
        width: 100%
    }

    60% {
        top: 0;
        left: 100%;
        width: 0
    }
}

.select-group.checkbox-style.type li label .overflow .right {
    width: 1px;
    -webkit-animation: right 1.5s linear infinite;
    animation: right 1.5s linear infinite
}

@-webkit-keyframes right {
    0% {
        top: 0;
        left: 99.5%;
        height: 0
    }

    40% {
        top: 0;
        left: 99.5%;
        height: 0
    }

    60% {
        top: 0;
        left: 99.5%;
        height: 100%
    }

    80% {
        top: 100%;
        left: 99.5%;
        height: 0
    }
}

@keyframes right {
    0% {
        top: 0;
        left: 99.5%;
        height: 0
    }

    40% {
        top: 0;
        left: 99.5%;
        height: 0
    }

    60% {
        top: 0;
        left: 99.5%;
        height: 100%
    }

    80% {
        top: 100%;
        left: 99.5%;
        height: 0
    }
}

.select-group.checkbox-style.type li label .overflow .bottom {
    height: 1px;
    -webkit-animation: bottom 1.5s linear infinite;
    animation: bottom 1.5s linear infinite
}

@-webkit-keyframes bottom {
    0% {
        top: 97%;
        left: 100%;
        width: 0
    }

    60% {
        top: 97%;
        left: 100%;
        width: 0
    }

    80% {
        top: 97%;
        left: 0;
        width: 100%
    }

    100% {
        top: 97%;
        left: 0;
        width: 0
    }
}

@keyframes bottom {
    0% {
        top: 97%;
        left: 100%;
        width: 0
    }

    60% {
        top: 97%;
        left: 100%;
        width: 0
    }

    80% {
        top: 97%;
        left: 0;
        width: 100%
    }

    100% {
        top: 97%;
        left: 0;
        width: 0
    }
}

.select-group.checkbox-style.type li label .overflow .slow {
    position: absolute;
    top: 20%;
    left: 100%;
    width: 3.2vw;
    height: .5333333333vw;
    -webkit-animation: shoot-slow 1.5s infinite linear;
    animation: shoot-slow 1.5s infinite linear;
    opacity: .3;
    background: #ffb80c
}

.select-group.checkbox-style.type li label .overflow .slow::before {
    content: "";
    position: absolute;
    top: 2.6666666667vw;
    right: -2.6666666667vw;
    width: 2.6666666667vw;
    height: .5333333333vw;
    background: #ffb80c
}

.select-group.checkbox-style.type li label .overflow .slow::after {
    content: "";
    position: absolute;
    top: 3.2vw;
    right: 16vw;
    width: 2.6666666667vw;
    height: .5333333333vw;
    background: #ffb80c
}

@-webkit-keyframes shoot-slow {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -120%
    }
}

@keyframes shoot-slow {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -120%
    }
}

.select-group.checkbox-style.type li label .overflow .medium {
    position: absolute;
    top: 80%;
    left: 100%;
    width: 4vw;
    height: .5333333333vw;
    -webkit-animation: shoot-medium 1s linear infinite;
    animation: shoot-medium 1s linear infinite;
    opacity: .3;
    background: #ffb80c
}

.select-group.checkbox-style.type li label .overflow .medium::before {
    content: "";
    position: absolute;
    top: -2.6666666667vw;
    right: 10.6666666667vw;
    width: 4vw;
    height: .5333333333vw;
    background: #ffb80c
}

.select-group.checkbox-style.type li label .overflow .medium::after {
    content: "";
    position: absolute;
    top: 0;
    right: 16vw;
    width: 4vw;
    height: .5333333333vw;
    background: #ffb80c
}

@-webkit-keyframes shoot-medium {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -120%
    }
}

@keyframes shoot-medium {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -120%
    }
}

.select-group.checkbox-style.type li label .overflow .fast {
    position: absolute;
    top: 20%;
    left: 100%;
    width: 4.8vw;
    height: .5333333333vw;
    -webkit-animation: shoot-fast .8s linear infinite;
    animation: shoot-fast .8s linear infinite;
    opacity: .3;
    background: #ffb80c
}

.select-group.checkbox-style.type li label .overflow .fast::before {
    content: "";
    position: absolute;
    top: 2.6666666667vw;
    right: -2.6666666667vw;
    width: 4.8vw;
    height: .5333333333vw;
    background: #ffb80c
}

.select-group.checkbox-style.type li label .overflow .fast::after {
    content: "";
    position: absolute;
    top: 3.2vw;
    right: 16vw;
    width: 4.8vw;
    height: .5333333333vw;
    background: #ffb80c
}

@-webkit-keyframes shoot-fast {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -120%
    }
}

@keyframes shoot-fast {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -120%
    }
}

.select-group.checkbox-icon-style [type=checkbox]+label,.select-group.checkbox-icon-style [type=radio]+label {
    display: inline-flex;
    flex-direction: row
}

.select-group.checkbox-icon-style [type=checkbox]+label .icon,.select-group.checkbox-icon-style [type=radio]+label .icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 5.6vw;
    height: 100%;
    margin-right: 1.3333333333vw
}

.select-group.checkbox-icon-style [type=checkbox]+label .icon img,.select-group.checkbox-icon-style [type=radio]+label .icon img {
    width: 100%;
    margin: auto
}

.select-group.checkbox-icon-style [type=checkbox]+label span,.select-group.checkbox-icon-style [type=radio]+label span {
    width: auto
}

.select-group.style-addAmount input[type=checkbox]+label,.select-group.style-addAmount input[type=radio]+label {
    overflow: visible;
    transition: all .3s;
    font-weight: 500
}

.select-group.style-addAmount input[type=checkbox]:checked+label,.select-group.style-addAmount input[type=radio]:checked+label {
    overflow: visible;
    border: .2666666667vw solid #ffb80c;
    background-color: transparent;
    color: #fff
}

.select-group.style-addAmount input[type=checkbox]+label span::before,.select-group.style-addAmount input[type=radio]+label span::before {
    content: "+";
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: width .7s
}

.select-group.style-addAmount.active input[type=checkbox]+label span::before,.select-group.style-addAmount.active input[type=radio]+label span::before {
    width: 10px;
    height: 10px;
    overflow: visible
}

.select-group.style-addAmount.active input[type=checkbox]+label.ani,.select-group.style-addAmount.active input[type=radio]+label.ani {
    -webkit-animation: moneyBtn-Animation .5s ease-in-out 1;
    animation: moneyBtn-Animation .5s ease-in-out 1
}

@-webkit-keyframes moneyBtn-Animation {
    0% {
        -webkit-filter: drop-shadow(0 0 0 #ffb80c);
        filter: drop-shadow(0 0 0 #ffb80c)
    }

    100% {
        -webkit-filter: drop-shadow(0 -20px 0 rgba(255,184,12,0));
        filter: drop-shadow(0 -20px 0 rgba(255,184,12,0))
    }
}

@keyframes moneyBtn-Animation {
    0% {
        -webkit-filter: drop-shadow(0 0 0 #ffb80c);
        filter: drop-shadow(0 0 0 #ffb80c)
    }

    100% {
        -webkit-filter: drop-shadow(0 -20px 0 rgba(255,184,12,0));
        filter: drop-shadow(0 -20px 0 rgba(255,184,12,0))
    }
}

.select-group.style-addAmount li {
    overflow: visible
}

.select-group.style-bank ul {
    grid-template-columns: none
}

.select-group.style-bank li {
    overflow: hidden;
    border-radius: 2.1333333333vw
}

.select-group.style-bank li input[type=checkbox]+label,.select-group.style-bank li input[type=radio]+label {
    padding: 0;
    transition: all .3s;
    border-style: none
}

/* .select-group.style-bank li input[type=checkbox].active+label,.select-group.style-bank li input[type=radio].active+label {
    background: url("/images/h5/player/bg-bankcard.png") no-repeat center/cover,linear-gradient(240deg,#12851c,#288a30)
}

.select-group.style-bank li input[type=checkbox]+label,.select-group.style-bank li input[type=radio]+label {
    background: url("/images/h5/player/bg-bankcard.png") no-repeat center/cover,linear-gradient(240deg,#74a879,#b1c5b3)
} */

.select-group.style-bank li input[type=checkbox]+label::after,.select-group.style-bank li input[type=radio]+label::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 3.2vw;
    width: 6.4vw;
    height: 6.4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    opacity: 1;
    /* background: url("/images/h5/icon-set/icon-check-type03.svg") no-repeat; */
    background-size: contain
}

.select-group.style-bank li input[type=checkbox].active+label::after,.select-group.style-bank li input[type=radio].active+label::after {
    /* background: url("/images/h5/icon-set/icon-check-type01.svg") no-repeat; */
    background-size: contain
}

.select-group.style-bank li:last-child {
    margin: 0 0 -2.6666666667vw
}

.select-group.style-checked input[type=checkbox]+label,.select-group.style-checked input[type=radio]+label {
    transition: all .3s;
    border: 0;
    background: 0;
    color: #999
}

.select-group.style-checked input[type=checkbox]+label span,.select-group.style-checked input[type=radio]+label span {
    padding: 0 2.6666666667vw 0 4vw;
    line-height: 4.2666666667vw;
    text-align: left;
    pointer-events: none
}

.select-group.style-checked input[type=checkbox]+label::after,.select-group.style-checked input[type=radio]+label::after,.select-group.style-checked input[type=checkbox]+label::before,.select-group.style-checked input[type=radio]+label::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 4vw;
    height: 4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s;
    background: #999;
    border-radius: 3px
}

.select-group.style-checked input[type=checkbox]+label::after,.select-group.style-checked input[type=radio]+label::after {
    background: #999;
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/0%;
    mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/0% */
}

.select-group.style-checked input[type=checkbox]:checked+label,.select-group.style-checked input[type=radio]:checked+label {
    color: #28b849
}

.select-group.style-checked input[type=checkbox]:checked+label::before,.select-group.style-checked input[type=radio]:checked+label::before {
    background: 0
}

.select-group.style-checked input[type=checkbox]:checked+label::after,.select-group.style-checked input[type=radio]:checked+label::after {
    background: #28b849;
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/100%;
    mask: url("/images/h5/icon-set/icon-check-type05.svg") no-repeat center/100% */
}

.select-group+.select-group {
    border-top: .2666666667vw dashed #111
}

.vip-area-group {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8vw
}

.vip-area-group .left-box {
    position: relative;
    width: 50%;
    height: 6.6666666667vw;
    border-right: 1px dotted #eee
}

.vip-area-group .left-box .item {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%
}

.vip-area-group .left-box .item h3 {
    color: #fff
}

.vip-area-group .left-box .item .points-number {
    flex: 1;
    color: #ffd46e;
    font-size: 5.6vw;
    text-align: center
}

.vip-area-group .right-box {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    height: 12.8vw
}

.vip-area-group .right-box a {
    text-decoration: none
}

.vip-area-group .right-box .goto-myvip {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 40vw;
    height: 12.8vw;
    margin-right: -4vw;
    background-image: linear-gradient(270deg,#f7c247 0%,#f4aa00 100%)
}

.vip-area-group .right-box .goto-myvip::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 2.4vw 0 2.4vw 2.4vw;
    border-style: solid;
    border-color: transparent transparent transparent #262626
}

.vip-area-group .right-box .goto-myvip .myvip-text {
    color: #fff;
    font-size: 3.7333333333vw
}

.vip-area-group .right-box .goto-myvip .myvip-text::after {
    content: "";
    display: inline-block;
    width: 4.2666666667vw;
    height: 3.4666666667vw;
    margin-left: 1.3333333333vw;
    background: #fff;
    vertical-align: middle;
    /* -webkit-mask: url("/images/h5/icon-set/player/vip/icon-arrow.svg") no-repeat top center/cover;
    mask: url("/images/h5/icon-set/player/vip/icon-arrow.svg") no-repeat top center/cover */
}

.area-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw 0;
    background-color: #262626;
    font-size: 3.2vw;
    line-height: 2
}

.area-group .item {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.area-group .item h3 {
    flex: 1;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.area-group .item .tip {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    color: #999;
    font-size: 2.6666666667vw
}

.area-group .text {
    color: #ff7e00
}

.input-group {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-bottom: 2.6666666667vw;
    font-size: 3.2vw;
    background-color: #262626;
    line-height: 1.5
}

.input-group .input-wrap+.input-wrap {
    margin-top: 2.6666666667vw
}

.input-group label {
    position: relative;
    padding-left: .5333333333vw;
    overflow: hidden;
    color: #fff;
    line-height: 2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-group input {
    box-sizing: border-box;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    transition: background .3s;
    border: 0;
    border-radius: .8vw;
    background-color: #111;
    color: #fff;
    font-weight: 300
}

.input-group input::-webkit-input-placeholder {
    color: #999
}

.input-group input::-moz-placeholder {
    color: #999
}

.input-group input:-ms-input-placeholder {
    color: #999
}

.input-group input::placeholder {
    color: #999
}

.input-group input:disabled {
    border-bottom: 1px solid rgba(153,153,153,0.5);
    border-radius: 0;
    background: 0
}

.input-group .personal-number:disabled {
    border-bottom: 0;
    border-radius: .8vw;
    background-color: #111
}

.input-group .default {
    border-left: 1px solid #027aff
}

.input-group .default:disabled {
    border-bottom: 0;
    border-radius: .8vw;
    background-color: rgba(2,122,255,0.1)
}

.input-group input:focus {
    outline: 0
}

.input-group .input-wrap {
    position: relative
}

.input-group .input-wrap .number-default {
    position: absolute;
    top: -3.2vw;
    right: 2.6666666667vw;
    padding: .2666666667vw 2.1333333333vw;
    border-radius: 15px;
    background-color: #027aff;
    color: rgba(255,255,255,0.8);
    font-size: 2.1333333333vw;
    text-align: center
}

.input-group .input-wrap .status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3.2vw 2.6666666667vw;
    color: #28b849;
    font-size: 3.2vw;
    text-decoration: none
}

.input-group .input-wrap .status::before {
    content: "";
    display: inline-block;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background-color: #28b849;
    vertical-align: middle;
    /* mask: url("/images/h5/icon-set/icon-check-type07.svg") no-repeat 50% 50%/contain;
    -webkit-mask: url("/images/h5/icon-set/icon-check-type07.svg") no-repeat 50% 50%/contain */
}

.input-group .input-wrap .status.unConfirm-btn {
    color: #ff7e00;
    text-decoration: underline
}

.input-group .input-wrap .status.unConfirm-btn::before {
    content: "";
    display: inline-block;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background-color: #ff7e00;
    /* mask: url("/images/h5/icon-set/icon-unconfirm.svg") no-repeat 100% 100%/contain;
    -webkit-mask: url("/images/h5/icon-set/icon-unconfirm.svg") no-repeat 100% 100%/contain */
}

.input-group .input-wrap .status.save-btn {
    color: #ff7e00;
    text-decoration: underline
}

.input-group .input-wrap .status.save-btn.hide {
    display: none
}

.input-group .input-wrap .status.save-btn::before {
    display: none
}

.input-group .input-wrap .status.getvCode-btn span {
    padding: .5333333333vw 1.6vw;
    border-radius: 8vw;
    background: #ff7e00;
    color: #fff
}

.input-group .input-wrap .status.getvCode-btn.active {
    background: transparent;
    color: #ff7e00;
    pointer-events: none
}

.input-group .resend-btn {
    display: none;
    margin-bottom: -15px;
    opacity: .5;
    text-align: end
}

.input-group .resend-btn span {
    padding: 1.8666666667vw;
    color: #ffb80c;
    font-size: 2.6666666667vw;
    text-decoration: underline
}

.input-group .resend-btn.show {
    display: inline-block
}

.input-group .resend-btn.enable {
    opacity: 1;
    pointer-events: auto
}

.input-group.money {
    padding: 0 0 2.6666666667vw
}

.input-group.money label {
    position: absolute;
    z-index: 2;
    top: 5.3333333333vw;
    left: 1.3333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.input-group.money .input-wrap {
    z-index: 1
}

.input-group.money .input-wrap input {
    padding: 0 10.6666666667vw 0 6.6666666667vw;
    color: #fff;
    text-align: right
}

.input-group.money .input-wrap input::-webkit-input-placeholder {
    color: #fff
}

.input-group.money .input-wrap input::-moz-placeholder {
    color: #fff
}

.input-group.money .input-wrap input:-ms-input-placeholder {
    color: #fff
}

.input-group.money .input-wrap input::placeholder {
    color: #fff
}

.input-group.money .input-wrap input.active+.delete-btn {
    /* background: url("/images/h5/icon-set/icon-cross-type08.svg") no-repeat center; */
    background-size: 30%
}

.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 2.6666666667vw;
    border-radius: .8vw;
    background-color: #111;
    pointer-events: none
}

.input-group.upload-file .input-wrap .fileBox {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: .8vw;
    color: #fff;
    pointer-events: none
}

.input-group.upload-file .input-wrap .fileBox .file-name {
    flex: 8;
    padding: 0 2.6666666667vw;
    pointer-events: inherit
}

.input-group.upload-file .input-wrap .fileBox .file-name.tip {
    color: #999;
    font-size: 3.2vw;
    font-weight: 300
}

.input-group.upload-file .input-wrap .fileBox .upload-btn {
    display: flex;
    flex: 1;
    flex-basis: 8vw;
    flex-grow: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #ffb80c;
    pointer-events: none
}

.input-group.upload-file .input-wrap .fileBox .upload-btn img {
    display: block;
    height: 35%
}

.input-group.upload-file .input-wrap .fileBox input::-webkit-input-placeholder {
    color: red
}

.input-group.upload-file .input-wrap .fileBox input:-ms-input-placeholder {
    color: red
}

.input-group.upload-file .input-wrap .fileBox input::-moz-placeholder {
    color: red
}

.input-group.upload-file .input-wrap .fileBox input::placeholder {
    color: red
}

.input-group.upload-file input {
    opacity: 0
}

.input-group .member-error {
    margin: 1.3333333333vw 0 0;
    padding: 0
}

.input-group .member-error span {
    color: #e41a43
}

.input-group .info::before {
    content: "$";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 5.3333333333vw;
    background-color: #ffae12;
    color: #fff;
    font-size: 2.4vw;
    font-weight: bold;
    line-height: 4.2666666667vw;
    text-align: center;
    vertical-align: middle
}

.input-group .info span {
    display: inline-block;
    width: calc(100% - 5.6vw);
    margin-left: 5.6vw;
    vertical-align: middle
}

.input-group .info span .highlight {
    display: inline-block;
    color: #ffb80c;
    font-weight: bold
}

.dropDown-menu {
    margin-bottom: 2.6666666667vw;
    border: 1px solid #7779fc;
    border-radius: .8vw
}

.dropDown-menu.underReview {
    border: 1px solid #5e60fb
}

.dropDown-menu.underReview .dropDown-menu-btn.addBankCard {
    background-color: #4548fb
}

.dropDown-menu.success {
    border: 1px solid #218f37
}

.dropDown-menu.success .dropDown-menu-btn.addBankCard {
    background-color: #1c7b2f
}

.dropDown-menu.failed {
    border: 1px solid #ac2737
}

.dropDown-menu.failed .dropDown-menu-btn.addBankCard {
    background-color: #972231
}

.dropDown-menu .dropDown-menu-btn {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    height: 11.7333333333vw;
    padding: 0 8vw 0 2.6666666667vw;
    background-color: #7779fc;
    color: #fff
}

.dropDown-menu .dropDown-menu-btn::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 4vw;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #fff transparent transparent
}

.dropDown-menu .dropDown-menu-btn .icon {
    display: flex;
    flex: none;
    margin: 0 1.3333333333vw
}

.dropDown-menu .dropDown-menu-btn .icon img {
    display: block;
    width: 100%;
    margin: auto
}

.dropDown-menu .dropDown-menu-btn .text {
    overflow: hidden;
    font-size: 3.7333333333vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 11.7333333333vw
}

.dropDown-menu-content {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease-in-out
}

.dropDown-menu-content.show {
    height: auto;
    max-height: 2000px
}

.crypto-group-2 {
    position: relative
}

.crypto-group-2 .crypto-input {
    position: relative;
    width: 100%;
    margin: 2.6666666667vw 0 1.3333333333vw
}

.crypto-group-2 .crypto-input .currency {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    color: #fff
}

.crypto-group-2 .crypto-input .currency .icon {
    width: 6.4vw;
    height: 6.4vw
}

.crypto-group-2 .crypto-input .currency .icon img {
    width: 100%;
    height: 100%
}

.crypto-group-2 .crypto-input .currency .unit {
    width: 6.4vw;
    height: 6.4vw;
    border-radius: 50%;
    background-color: #ffae12;
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
    text-align: center
}

.crypto-group-2 .crypto-input input {
    box-sizing: border-box;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw 0 11.7333333333vw;
    transition: border .3s;
    border: .2666666667vw solid #111;
    border-radius: .8vw;
    background-color: #111;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 300;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.crypto-group-2 .crypto-input input::-webkit-input-placeholder {
    color: #999
}

.crypto-group-2 .crypto-input input::-moz-placeholder {
    color: #999
}

.crypto-group-2 .crypto-input input:-ms-input-placeholder {
    color: #999
}

.crypto-group-2 .crypto-input input::placeholder {
    color: #999
}

.crypto-group-2 .crypto-input input:focus {
    padding-right: 8.5333333333vw;
    border: .2666666667vw solid #ffb80c;
    outline: 0
}

.crypto-group-2 .crypto-input .delete-btn {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8vw;
    height: 10.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s;
    opacity: 0;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat 40% center/40%;
    mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat 40% center/40% */
}

.crypto-group-2 .switch-btn {
    display: inline-block;
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: #fff;
    vertical-align: middle;
    /* -webkit-mask: url("/images/h5/icon-set/player/crypto/icon-switch.svg") no-repeat center/80%;
    mask: url("/images/h5/icon-set/player/crypto/icon-switch.svg") no-repeat center/80% */
}

.crypto-group-2 .input-text {
    display: inline-block;
    color: #999;
    font-size: 3.2vw
}

.crypto-group-2 .input-text i {
    color: #fff
}

.crypto-group {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between
}

.crypto-group .crypto-input {
    position: relative;
    width: 74.6666666667vw;
    margin: 2.6666666667vw 0
}

.crypto-group .crypto-input.lock {
    pointer-events: none
}

.crypto-group .crypto-input.lock input {
    padding: 0 5.3333333333vw 0 10.6666666667vw;
    border: 1px solid #111;
    font-size: 5.3333333333vw
}

.crypto-group .crypto-input.lock .delete-btn {
    display: none
}

.crypto-group .crypto-input .currency {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    height: 12.8vw;
    padding: 1.3333333333vw 2.6666666667vw;
    color: #fff
}

.crypto-group .crypto-input .currency .icon {
    width: 5.8666666667vw;
    margin-right: 1.6vw
}

.crypto-group .crypto-input .currency .icon img {
    width: 100%;
    height: 100%
}

.crypto-group .crypto-input .currency .unit {
    color: #8c909c;
    font-size: 3.2vw
}

.crypto-group .crypto-input input {
    box-sizing: border-box;
    width: 100%;
    height: 12.8vw;
    padding: 0 10.6666666667vw;
    transition: border .3s;
    border: 1px solid #5e71fe;
    border-radius: 3.2vw;
    background-color: #111;
    color: #5e71fe;
    font-size: 4.2666666667vw;
    font-weight: 300;
    text-align: right
}

.crypto-group .crypto-input input::-webkit-input-placeholder {
    color: #5e71fe
}

.crypto-group .crypto-input input::-moz-placeholder {
    color: #5e71fe
}

.crypto-group .crypto-input input:-ms-input-placeholder {
    color: #5e71fe
}

.crypto-group .crypto-input input::placeholder {
    color: #5e71fe
}

.crypto-group .crypto-input input:focus {
    outline: 0
}

.crypto-group .crypto-input .input-text {
    padding-top: 1.6vw;
    color: #8c909c;
    font-size: 3.2vw
}

.crypto-group .crypto-input .input-text i {
    color: #5e71fe
}

.crypto-group .switch-btn {
    position: absolute;
    top: 2.6666666667vw;
    right: 0;
    width: 12.8vw;
    height: 12.8vw;
    transition: all .3s;
    border-radius: 3.2vw;
    /* background: url("/images/h5/icon-set/player/crypto/icon-switch.svg") no-repeat center/50%,#eaedff; */
    box-shadow: 0 1px 4px rgba(97,106,173,0.3)
}

.crypto-group .switch-btn:active {
    opacity: .7
}

.crypto-group .switch-btn.change {
    top: 22.9333333333vw;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
}

.crypto-group .delete-btn {
    width: 10.6666666667vw;
    height: 12.8vw;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat center/30%;
    mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat center/30% */
}

.qrcode {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
    width: 12vw;
    margin-right: 2.6666666667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.qrcode img {
    width: 100%
}

.select-card {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 12vw;
    overflow: hidden;
    border-radius: 2.1333333333vw;
    box-shadow: 0 .5333333333vw .8vw rgba(0,0,0,0.3);
    font-size: 3.2vw
}

.select-card .select-card-inner {
    color: #fff;
    text-align: left
}

.select-card .select-card-inner .unitName {
    display: inline-flex;
    width: inherit;
    font-size: 4.8vw;
    line-height: 1.3;
    white-space: break-spaces
}

.select-card .select-card-inner .userName {
    padding: 1.3333333333vw 0;
    opacity: .7;
    font-size: 3.2vw;
    line-height: 1.3
}

.select-card .select-card-inner .userName img,.select-card .select-card-inner .userName span {
    display: inline;
    height: 3.2vw;
    margin-right: 1.3333333333vw;
    font-size: 3.2vw;
    vertical-align: middle
}

.select-card .select-card-inner .userName img {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.select-card .select-card-inner .cardNumber {
    font-size: 4.8vw;
    line-height: 1.2;
    text-align: left
}

.select-card .select-card-inner .cardNumber span {
    word-break: break-all;
    white-space: normal
}

.tag-recommond {
    position: absolute;
    top: 1.3333333333vw;
    left: -1.0666666667vw;
    width: 5.3333333333vw;
    height: 4vw;
    border-top-left-radius: .5333333333vw;
    border-top-right-radius: .8vw;
    border-bottom-right-radius: .8vw;
    background-color: #76bd6a
}

.tag-recommond::before,.tag-recommond::after {
    content: ""
}

.tag-recommond::before {
    position: absolute;
    z-index: 1;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0 4px 4px 0;
    border-style: solid;
    border-color: transparent #34622c transparent transparent
}

.tag-recommond::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* mask: url("/images/h5/icon-set/icon-recommond.svg") no-repeat center/55%;
    -webkit-mask: url("/images/h5/icon-set/icon-recommond.svg") no-repeat center/55% */
}

.pop-get-vcode,.pop-confirm-password {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    width: 100%;
    max-height: 95vh;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: bottom .3s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #262626
}

.pop-get-vcode.active,.pop-confirm-password.active {
    bottom: 0
}

.pop-get-vcode .btn-closed,.pop-confirm-password .btn-closed {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background-color: #ccc;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27% */
}

.pop-get-vcode .menu-box,.pop-confirm-password .menu-box {
    padding: 2.6666666667vw;
    background: #262626
}

.pop-get-vcode .input-group,.pop-confirm-password .input-group {
    background: #262626
}

.upload-box {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 0;
    margin-top: 1.8666666667vw;
    overflow: hidden;
    transition: all .3s;
    border: 0;
    text-align: center;
    cursor: pointer
}

.upload-box.active {
    height: 40vw;
    border: 1px dashed #999
}

.upload-box.active .delete-btn {
    opacity: 1
}

.upload-box.active img {
    height: auto;
    max-height: 100%
}

.upload-box .delete-btn {
    transition: all .3s;
    opacity: 0
}

.upload-box img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 0;
    transition: all .3s
}

.form-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4vw
}

.form-list.col-2 li {
    width: calc(50% - 5px)
}

.form-list.col-2 li:nth-child(2n) {
    margin-left: 2.1333333333vw
}

.form-list li {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 8vw;
    margin: 0 0 1.3333333333vw;
    padding: 0 0 0 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw;
    background-color: #444;
    color: #fff;
    line-height: 0
}

.form-list li.first a {
    pointer-events: none
}

.form-list li.hide {
    -webkit-animation: tagHide .3s ease-in-out forwards 1;
    animation: tagHide .3s ease-in-out forwards 1
}

.form-list i {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    margin-right: 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle
}

.form-list a {
    width: 8vw;
    height: 8vw;
    transition: .3s;
    background: rgba(0,0,0,0.15)
}

.form-list a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat center/45%;
    mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat center/45% */
}

.form-list a:active {
    opacity: .7
}

.form-list span {
    display: inline-block;
    width: 70%;
    margin-right: 2.6666666667vw;
    overflow: hidden;
    font-size: 3.4666666667vw;
    line-height: 30px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

@-webkit-keyframes tagHide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes tagHide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.delete-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    transition: all .3s;
    background: #999;
    -webkit-mask: url(./MobileImage/icon-cross-type09.svg) no-repeat center/30%;
    mask: url(./MobileImage/icon-cross-type09.svg) no-repeat center/30%
}

.delete-btn.red {
    background: #e41a43
}

.delete-btn:active {
    opacity: .7
}

.add-btn {
    display: flex;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    color: #ffb80c;
    font-size: 3.2vw
}

.add-btn::before {
    content: "";
    display: inline-block;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    background: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/icon-add.svg") no-repeat center/70%;
    mask: url("/images/h5/icon-set/icon-add.svg") no-repeat center/70% */
}

.add-btn:active {
    opacity: .7
}

.maintain-mask {
    display: none
}

.under-maintain {
    pointer-events: none
}

.under-maintain .maintain-mask {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: visible;
    border: .2666666667vw dashed #aaa;
    border-radius: .8vw;
    background-color: rgba(0,0,0,0.9)
}

.under-maintain .maintain-mask .maintain-tag {
    padding: .8vw 1.3333333333vw;
    border-radius: .5333333333vw;
    line-height: 1
}

.under-maintain .maintain-mask .maintain-tag img {
    display: inline-block;
    margin-right: .8vw
}

.under-maintain .maintain-mask .maintain-tag .text {
    display: inline-block;
    color: #aaa;
    font-size: 2.6666666667vw;
    line-height: 1.2
}

@media screen and (min-aspect-ratio: 13/9) {
    .deposit-bank-wrap {
        font-size:1.7991004498vmax
    }

    .menu-box {
        margin: 1.4992503748vmax 0;
        padding: .4497751124vmax 2.2488755622vmax;
        border-radius: .4497751124vmax
    }

    .menu-box .title {
        line-height: 5.2473763118vmax
    }

    .menu-box .title h2 {
        padding-left: 1.4992503748vmax;
        border-bottom: .1499250375vmax solid #111;
        font-size: 2.2488755622vmax
    }

    .menu-box .title h2 i {
        font-size: 1.4992503748vmax
    }

    .menu-box .title h2::before {
        width: .5997001499vmax;
        height: 2.3988005997vmax;
        margin-right: .7496251874vmax;
        border-radius: .299850075vmax
    }

    .menu-box .title+.input-group {
        padding: 1.4992503748vmax 0
    }

    .option-group {
        padding-bottom: 1.4992503748vmax
    }

    .option-group .option-wrap::after {
        right: 1.4992503748vmax;
        border-width: .7496251874vmax
    }

    .option-group label {
        color: #fff;
        font-size: 1.7991004498vmax
    }

    .option-group select {
        height: 5.9970014993vmax;
        padding: 0 4.4977511244vmax 0 1.4992503748vmax;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .option-group select option {
        font-size: 1.7991004498vmax
    }

    .option-group.select-bar {
        padding: 0 0 0 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .option-group.select-bar::after {
        right: 2.2488755622vmax;
        border-width: .7496251874vmax
    }

    .option-group.select-bar select {
        margin-right: 1.4992503748vmax
    }

    .select-group {
        padding: 1.4992503748vmax 0 0
    }

    .select-group li {
        margin-bottom: .7496251874vmax
    }

    .select-group [type=checkbox]+label,.select-group [type=radio]+label {
        padding: 0 1.4992503748vmax;
        border: .1499250375vmax solid #111;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax;
        line-height: 5.2473763118vmax
    }

    .select-group .bank {
        margin-bottom: .7496251874vmax
    }

    .select-group .bank img {
        height: 3.748125937vmax
    }

    .select-group.checkbox-style [type=checkbox]+label,.select-group.checkbox-style [type=radio]+label {
        padding: .7496251874vmax 1.4992503748vmax
    }

    .select-group.checkbox-style [type=checkbox]:checked+label,.select-group.checkbox-style [type=radio]:checked+label {
        border: .1499250375vmax solid #ffb80c
    }

    .select-group.checkbox-style [type=checkbox]:checked+label::after,.select-group.checkbox-style [type=radio]:checked+label::after {
        right: -0.1499250375vmax;
        bottom: -0.1499250375vmax;
        width: 2.9985007496vmax;
        height: 2.3988005997vmax
    }

    .select-group.checkbox-style.checkbox-height-set [type=checkbox]+label,.select-group.checkbox-style.checkbox-height-set [type=radio]+label {
        padding: 0 1.4992503748vmax
    }

    .select-group.checkbox-style.checkbox-height-set [type=checkbox]+label span,.select-group.checkbox-style.checkbox-height-set [type=radio]+label span {
        line-height: 5.2473763118vmax
    }

    .select-group.checkbox-style.type li label {
        min-height: 5.9970014993vmax;
        padding: .8995502249vmax 2.9985007496vmax !important
    }

    .select-group.checkbox-style.type li p {
        margin-top: .299850075vmax;
        font-size: 1.4992503748vmax !important
    }

    .select-group.checkbox-style.type li img {
        width: 3.748125937vmax !important;
        height: 3.748125937vmax !important
    }

    @-webkit-keyframes right {
        0% {
            top: 0;
            left: 99.6%;
            height: 0
        }

        40% {
            top: 0;
            left: 99.6%;
            height: 0
        }

        60% {
            top: 0;
            left: 99.6%;
            height: 100%
        }

        80% {
            top: 100%;
            left: 99.6%;
            height: 0
        }
    }

    @keyframes right {
        0% {
            top: 0;
            left: 99.6%;
            height: 0
        }

        40% {
            top: 0;
            left: 99.6%;
            height: 0
        }

        60% {
            top: 0;
            left: 99.6%;
            height: 100%
        }

        80% {
            top: 100%;
            left: 99.6%;
            height: 0
        }
    }

    @-webkit-keyframes bottom {
        0% {
            top: 98%;
            left: 100%;
            width: 0
        }

        60% {
            top: 98%;
            left: 100%;
            width: 0
        }

        80% {
            top: 98%;
            left: 0;
            width: 100%
        }

        100% {
            top: 98%;
            left: 0;
            width: 0
        }
    }

    @keyframes bottom {
        0% {
            top: 98%;
            left: 100%;
            width: 0
        }

        60% {
            top: 98%;
            left: 100%;
            width: 0
        }

        80% {
            top: 98%;
            left: 0;
            width: 100%
        }

        100% {
            top: 98%;
            left: 0;
            width: 0
        }
    }

    .select-group.checkbox-style.type li .overflow .slow {
        width: 1.7991004498vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .slow::before {
        top: 1.4992503748vmax;
        right: -1.4992503748vmax;
        width: 1.4992503748vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .slow::after {
        top: 1.7991004498vmax;
        right: 8.9955022489vmax;
        width: 1.4992503748vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .medium {
        width: 2.2488755622vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .medium::before {
        top: -1.4992503748vmax;
        right: 5.9970014993vmax;
        width: 2.2488755622vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .medium::after {
        right: 8.9955022489vmax;
        width: 2.2488755622vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .fast {
        width: 2.6986506747vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .fast::before {
        top: 1.4992503748vmax;
        right: -1.4992503748vmax;
        width: 2.6986506747vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-style.type li .overflow .fast::after {
        top: 1.7991004498vmax;
        right: 8.9955022489vmax;
        width: 2.6986506747vmax;
        height: .299850075vmax
    }

    .select-group.checkbox-icon-style .icon {
        width: 3.1484257871vmax !important;
        margin-right: .7496251874vmax
    }

    .select-group.style-addAmount input[type=checkbox]:checked+label,.select-group.style-addAmount input[type=radio]:checked+label {
        border: .1499250375vmax solid #ffb80c
    }

    .select-group.style-addAmount.active input[type=checkbox]:checked+label::after,.select-group.style-addAmount.active input[type=radio]:checked+label::after {
        left: 1.0494752624vmax;
        width: 1.7991004498vmax;
        height: 1.7991004498vmax
    }

    .select-group.style-bank ul {
        display: block
    }

    .select-group.style-bank li {
        width: 49%;
        margin: 0
    }

    .select-group.style-bank li:nth-child(2n) {
        float: right
    }

    .select-group.style-bank li input[type=checkbox]+label::after,.select-group.style-bank li input[type=radio]+label::after {
        left: 2.2488755622vmax;
        width: 3.748125937vmax;
        height: 3.748125937vmax
    }

    .select-group.style-bank li+li {
        margin: 0
    }

    .select-group.style-checked input[type=checkbox]+label span,.select-group.style-checked input[type=radio]+label span {
        padding: 0 1.4992503748vmax;
        line-height: 2.3988005997vmax
    }

    .select-group.style-checked input[type=checkbox]+label::after,.select-group.style-checked input[type=radio]+label::after {
        width: 2.3988005997vmax;
        height: 2.3988005997vmax
    }

    .select-group+.select-group {
        border-top: .1499250375vmax dashed #111
    }

    .area-group {
        padding: 1.4992503748vmax 0;
        font-size: 1.7991004498vmax
    }

    .area-group .item .tip {
        font-size: 1.4992503748vmax
    }

    .input-group {
        padding-bottom: 1.4992503748vmax;
        font-size: 1.7991004498vmax
    }

    .input-group label {
        padding-left: .299850075vmax;
        font-size: 1.7991004498vmax
    }

    .input-group input {
        height: 5.9970014993vmax;
        padding: 0 1.4992503748vmax;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .input-group .input-wrap .status {
        right: 1.4992503748vmax;
        font-size: 1.7991004498vmax
    }

    .input-group .input-wrap .status.getvCode-btn {
        padding: .299850075vmax .8995502249vmax;
        border-radius: 4.4977511244vmax
    }

    .input-group .resend-btn {
        padding: 1.0494752624vmax 0 0;
        font-size: 1.4992503748vmax
    }

    .input-group.money {
        padding: 0 0 1.4992503748vmax
    }

    .input-group.money label {
        top: 2.9985007496vmax;
        left: .7496251874vmax
    }

    .input-group.money .input-wrap input {
        padding: 0 5.9970014993vmax 0 3.748125937vmax
    }

    .input-group.upload-file .input-wrap::before {
        padding: 0 1.4992503748vmax;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .input-group.upload-file .input-wrap .fileBox {
        border-radius: .4497751124vmax
    }

    .input-group.upload-file .input-wrap .fileBox .file-name {
        padding: 0 1.4992503748vmax
    }

    .input-group.upload-file .input-wrap .fileBox .upload-btn {
        flex-basis: 4.4977511244vmax
    }

    .input-group .info::before {
        width: 2.3988005997vmax;
        height: 2.3988005997vmax;
        margin-right: .7496251874vmax;
        border-radius: 2.9985007496vmax;
        font-size: 1.3493253373vmax;
        line-height: 2.3988005997vmax
    }

    .input-group .info span {
        width: calc(100% - 3.1484257871vmax);
        margin-left: 3.1484257871vmax
    }

    .dropDown-menu {
        border-radius: .4497751124vmax
    }

    .dropDown-menu-btn {
        height: 6.5967016492vmax;
        padding-left: 1.4992503748vmax;
        border-radius: .4497751124vmax
    }

    .dropDown-menu-btn::after {
        right: 2.2488755622vmax;
        border-width: .5997001499vmax
    }

    .dropDown-menu-btn .icon {
        margin: 0 .7496251874vmax
    }

    .dropDown-menu-btn .text {
        font-size: 2.0989505247vmax
    }

    .crypto-group-2 .crypto-input {
        margin: 1.4992503748vmax 0 .7496251874vmax
    }

    .crypto-group-2 .crypto-input .currency {
        height: 5.9970014993vmax;
        padding: 0 1.4992503748vmax
    }

    .crypto-group-2 .crypto-input .currency .icon {
        width: 3.5982008996vmax;
        height: 3.5982008996vmax
    }

    .crypto-group-2 .crypto-input .currency .unit {
        width: 3.5982008996vmax;
        height: 3.5982008996vmax;
        font-size: 2.3988005997vmax;
        line-height: 3.5982008996vmax
    }

    .crypto-group-2 .crypto-input input {
        height: 5.9970014993vmax;
        padding: 0 1.4992503748vmax 0 6.5967016492vmax;
        border-width: .1499250375vmax;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .crypto-group-2 .crypto-input input:focus {
        padding-right: 4.7976011994vmax;
        border: .1499250375vmax
    }

    .crypto-group-2 .crypto-input .delete-btn {
        width: 4.4977511244vmax;
        height: 5.9970014993vmax
    }

    .crypto-group-2 .switch-btn {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax
    }

    .crypto-group-2 .input-text {
        font-size: 1.7991004498vmax
    }

    .qrcode {
        width: 6.7466266867vmax;
        margin-right: 1.4992503748vmax
    }

    .select-card {
        padding: 2.2488755622vmax 2.2488755622vmax 2.2488755622vmax 7.4962518741vmax;
        border-radius: .7496251874vmax;
        box-shadow: 0 .299850075vmax .4497751124vmax rgba(0,0,0,0.3);
        font-size: 1.7991004498vmax
    }

    .select-card .select-card-inner .unitName {
        font-size: 2.6986506747vmax
    }

    .select-card .select-card-inner .userName {
        padding: .7496251874vmax 0;
        font-size: 1.7991004498vmax
    }

    .select-card .select-card-inner .userName img,.select-card .select-card-inner .userName span {
        height: 1.7991004498vmax;
        margin-right: .7496251874vmax;
        font-size: 1.7991004498vmax
    }

    .select-card .select-card-inner .cardNumber {
        font-size: 2.6986506747vmax
    }

    .pop-get-vcode,.pop-confirm-password {
        border-radius: 1.4992503748vmax 1.4992503748vmax 0 0
    }

    .pop-get-vcode .btn-closed,.pop-confirm-password .btn-closed {
        width: 6.7466266867vmax;
        height: 6.7466266867vmax
    }

    .pop-get-vcode .menu-box,.pop-confirm-password .menu-box {
        padding: 1.4992503748vmax
    }

    .upload-box {
        margin-top: 1.0494752624vmax
    }

    .upload-box.active {
        height: 22.4887556222vmax
    }

    .delete-btn {
        width: 5.9970014993vmax;
        height: 5.9970014993vmax
    }
}

.withdrawalSwift {
    margin-top: 5px;
    line-height: 0
}

.withdrawalSwift p {
    display: inline-block;
    padding: 0 1.3333333333vw;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.2);
    line-height: 1.5
}

.text-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 5.3333333333vw 2.6666666667vw 6.6666666667vw;
    font-size: 2.6666666667vw;
    text-align: center
}

.text-box .text {
    margin-right: 1.3333333333vw;
    color: #fff
}

.text-box .btn {
    transition: all .3;
    color: #ffb80c;
    text-decoration: underline
}

.text-box .btn:active {
    opacity: .8
}

.level-wrap {
    padding: 4vw 0
}

.level-wrap .level-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 4vw
}

.level-wrap .level-title h2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-size: 3.2vw
}

.level-wrap .level-title h2::before {
    content: "";
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    background-color: #ffb80c;
    /* mask: url("/images/h5/icon-set/player/icon-ruby.svg") no-repeat 50% 50%/contain;
    -webkit-mask: url("/images/h5/icon-set/player/icon-ruby.svg") no-repeat 50% 50%/contain */
}

.level-wrap .level-title .tip {
    color: #999;
    font-size: 2.6666666667vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .level-wrap {
        padding:2.2488755622vmax
    }

    .level-wrap .level-title {
        padding: 0 0 2.2488755622vmax
    }

    .level-wrap .level-title h2 {
        font-size: 1.7991004498vmax
    }

    .level-wrap .level-title h2::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-right: .7496251874vmax
    }

    .level-wrap .level-title .tip {
        font-size: 1.4992503748vmax
    }
}

.list {
    width: 100vw
}

.list .list-content {
    margin-bottom: 1.3333333333vw
}

.list.list-message.editor-active .chose-btn {
    display: block
}

.date-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8666666667vw 2.6666666667vw;
    color: #999
}

.date-title .date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.2vw
}

.date-title .date::before {
    content: "";
    display: inline-block;
    width: 4.2666666667vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    background: #999;
    -webkit-mask: url(./MobileImage/icon-calendar-type02.svg) no-repeat center left/100%;
    mask: url(./MobileImage/icon-calendar-type02.svg) no-repeat center left/100%
}

.date-title .timeZone {
    margin: 0 1.3333333333vw;
    padding: .5333333333vw .8vw;
    border: 1px solid #999;
    border-radius: .8vw;
    color: #999;
    font-size: 2.6666666667vw
}

.message-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 2.6666666667vw;
    overflow: hidden;
    background-color: #333
}

.message-item:nth-child(2n) {
    background-color: #262626
}

.message-item .chose-btn {
    display: none;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background-color: #999;
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type04.svg") no-repeat center top/100%;
    mask: url("/images/h5/icon-set/icon-check-type04.svg") no-repeat center top/100% */
}

.message-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    background: linear-gradient(to right,#ffe800,#ffb80c)
}

.message-item .icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 5%;
    right: 5%;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-radius: 50%;
    background-color: #e41a43
}

.message-item .icon img {
    display: block;
    width: 50%;
    margin: auto;
    -webkit-filter: rgba(0,0,0,0.1);
    filter: rgba(0,0,0,0.1)
}

.message-item .content-wrap {
    width: 85%;
    padding: 1.8666666667vw 0;
    font-size: 3.2vw;
    line-height: 1.5
}

.message-item .content-wrap .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.message-item .content-wrap .title span {
    overflow: hidden;
    color: #fff;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-item .content-wrap .title .msg-time {
    color: #999;
    font-size: 2.6666666667vw;
    font-weight: 400
}

.message-item .content-wrap .text {
    width: 100%;
    height: 5.0666666667vw;
    overflow: hidden;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-item .content-wrap .text p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-item.read .content-wrap {
    opacity: .6
}

.message-item.read .icon::before {
    display: none
}

.message-item.chosed .chose-btn {
    background-color: #28b849
}

@-webkit-keyframes choseBtn-ani {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transform-origin: 50px 50px;
        transform-origin: 50px 50px
    }

    100% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform-origin: 50px 50px;
        transform-origin: 50px 50px
    }
}

@keyframes choseBtn-ani {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transform-origin: 50px 50px;
        transform-origin: 50px 50px
    }

    100% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform-origin: 50px 50px;
        transform-origin: 50px 50px
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .list .list-content {
        margin-bottom:.7496251874vmax
    }

    .date-title {
        padding: 1.0494752624vmax 1.4992503748vmax
    }

    .date-title .date {
        font-size: 1.7991004498vmax
    }

    .date-title .date::before {
        width: 2.3988005997vmax;
        height: 2.2488755622vmax;
        margin-right: .7496251874vmax
    }

    .date-title .timeZone {
        font-size: 1.4992503748vmax;
        padding: .299850075vmax .4497751124vmax;
        border-radius: .4497751124vmax
    }

    .message-item {
        padding: 0 1.4992503748vmax
    }

    .message-item .chose-btn {
        width: 2.0989505247vmax;
        height: 2.0989505247vmax
    }

    .message-item .icon {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax
    }

    .message-item .icon::before {
        width: .7496251874vmax;
        height: .7496251874vmax
    }

    .message-item .content-wrap {
        width: 90%;
        padding: 1.0494752624vmax 0;
        font-size: 1.7991004498vmax
    }

    .message-item .content-wrap .title .msg-time {
        font-size: 1.4992503748vmax
    }
}

.biometric-info {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    padding: 0 4vw;
    text-align: center
}

.biometric-info .biometric-animation {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 58.6666666667vw;
    height: 58.6666666667vw;
    margin: 21.3333333333vw auto
}

.biometric-info .biometric-animation object,.biometric-info .biometric-animation .object {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    border-radius: 50%
}

.biometric-info .biometric-animation object svg,.biometric-info .biometric-animation .object svg {
    width: 26.6666666667vw;
    height: 26.6666666667vw
}

.biometric-info .biometric-animation object #icon-face,.biometric-info .biometric-animation .object #icon-face {
    fill: #ffb80c
}

.biometric-info .biometric-animation object #eyes,.biometric-info .biometric-animation .object #eyes {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: eyes-blink 3s 1.5s infinite;
    animation: eyes-blink 3s 1.5s infinite
}

.biometric-info .biometric-animation .graduations .graduation {
    top: 2.4074074074vw;
    -webkit-transform-origin: 0 26.962962963vw;
    transform-origin: 0 26.962962963vw;
    display: block;
    position: absolute;
    left: 50%;
    width: .8vw;
    height: 2.6666666667vw;
    -webkit-transform: rotate(0) tra#070807 -50%;
    transform: rotate(0) tra#070807 -50%;
    border-radius: 2.6666666667vw;
    background-color: #ffb80c
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(1) {
    -webkit-transform: rotate(1deg) translateX(-50%);
    transform: rotate(1deg) translateX(-50%);
    -webkit-animation: line-wave 6s .1s infinite ease-in-out;
    animation: line-wave 6s .1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(2) {
    -webkit-transform: rotate(7deg) translateX(-50%);
    transform: rotate(7deg) translateX(-50%);
    -webkit-animation: line-wave 6s .2s infinite ease-in-out;
    animation: line-wave 6s .2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(3) {
    -webkit-transform: rotate(13deg) translateX(-50%);
    transform: rotate(13deg) translateX(-50%);
    -webkit-animation: line-wave 6s .3s infinite ease-in-out;
    animation: line-wave 6s .3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(4) {
    -webkit-transform: rotate(19deg) translateX(-50%);
    transform: rotate(19deg) translateX(-50%);
    -webkit-animation: line-wave 6s .4s infinite ease-in-out;
    animation: line-wave 6s .4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(5) {
    -webkit-transform: rotate(25deg) translateX(-50%);
    transform: rotate(25deg) translateX(-50%);
    -webkit-animation: line-wave 6s .5s infinite ease-in-out;
    animation: line-wave 6s .5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(6) {
    -webkit-transform: rotate(31deg) translateX(-50%);
    transform: rotate(31deg) translateX(-50%);
    -webkit-animation: line-wave 6s .6s infinite ease-in-out;
    animation: line-wave 6s .6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(7) {
    -webkit-transform: rotate(37deg) translateX(-50%);
    transform: rotate(37deg) translateX(-50%);
    -webkit-animation: line-wave 6s .7s infinite ease-in-out;
    animation: line-wave 6s .7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(8) {
    -webkit-transform: rotate(43deg) translateX(-50%);
    transform: rotate(43deg) translateX(-50%);
    -webkit-animation: line-wave 6s .8s infinite ease-in-out;
    animation: line-wave 6s .8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(9) {
    -webkit-transform: rotate(49deg) translateX(-50%);
    transform: rotate(49deg) translateX(-50%);
    -webkit-animation: line-wave 6s .9s infinite ease-in-out;
    animation: line-wave 6s .9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(10) {
    -webkit-transform: rotate(55deg) translateX(-50%);
    transform: rotate(55deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1s infinite ease-in-out;
    animation: line-wave 6s 1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(11) {
    -webkit-transform: rotate(61deg) translateX(-50%);
    transform: rotate(61deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.1s infinite ease-in-out;
    animation: line-wave 6s 1.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(12) {
    -webkit-transform: rotate(67deg) translateX(-50%);
    transform: rotate(67deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.2s infinite ease-in-out;
    animation: line-wave 6s 1.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(13) {
    -webkit-transform: rotate(73deg) translateX(-50%);
    transform: rotate(73deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.3s infinite ease-in-out;
    animation: line-wave 6s 1.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(14) {
    -webkit-transform: rotate(79deg) translateX(-50%);
    transform: rotate(79deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.4s infinite ease-in-out;
    animation: line-wave 6s 1.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(15) {
    -webkit-transform: rotate(85deg) translateX(-50%);
    transform: rotate(85deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.5s infinite ease-in-out;
    animation: line-wave 6s 1.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(16) {
    -webkit-transform: rotate(91deg) translateX(-50%);
    transform: rotate(91deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.6s infinite ease-in-out;
    animation: line-wave 6s 1.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(17) {
    -webkit-transform: rotate(97deg) translateX(-50%);
    transform: rotate(97deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.7s infinite ease-in-out;
    animation: line-wave 6s 1.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(18) {
    -webkit-transform: rotate(103deg) translateX(-50%);
    transform: rotate(103deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.8s infinite ease-in-out;
    animation: line-wave 6s 1.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(19) {
    -webkit-transform: rotate(109deg) translateX(-50%);
    transform: rotate(109deg) translateX(-50%);
    -webkit-animation: line-wave 6s 1.9s infinite ease-in-out;
    animation: line-wave 6s 1.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(20) {
    -webkit-transform: rotate(115deg) translateX(-50%);
    transform: rotate(115deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2s infinite ease-in-out;
    animation: line-wave 6s 2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(21) {
    -webkit-transform: rotate(121deg) translateX(-50%);
    transform: rotate(121deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.1s infinite ease-in-out;
    animation: line-wave 6s 2.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(22) {
    -webkit-transform: rotate(127deg) translateX(-50%);
    transform: rotate(127deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.2s infinite ease-in-out;
    animation: line-wave 6s 2.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(23) {
    -webkit-transform: rotate(133deg) translateX(-50%);
    transform: rotate(133deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.3s infinite ease-in-out;
    animation: line-wave 6s 2.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(24) {
    -webkit-transform: rotate(139deg) translateX(-50%);
    transform: rotate(139deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.4s infinite ease-in-out;
    animation: line-wave 6s 2.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(25) {
    -webkit-transform: rotate(145deg) translateX(-50%);
    transform: rotate(145deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.5s infinite ease-in-out;
    animation: line-wave 6s 2.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(26) {
    -webkit-transform: rotate(151deg) translateX(-50%);
    transform: rotate(151deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.6s infinite ease-in-out;
    animation: line-wave 6s 2.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(27) {
    -webkit-transform: rotate(157deg) translateX(-50%);
    transform: rotate(157deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.7s infinite ease-in-out;
    animation: line-wave 6s 2.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(28) {
    -webkit-transform: rotate(163deg) translateX(-50%);
    transform: rotate(163deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.8s infinite ease-in-out;
    animation: line-wave 6s 2.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(29) {
    -webkit-transform: rotate(169deg) translateX(-50%);
    transform: rotate(169deg) translateX(-50%);
    -webkit-animation: line-wave 6s 2.9s infinite ease-in-out;
    animation: line-wave 6s 2.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(30) {
    -webkit-transform: rotate(175deg) translateX(-50%);
    transform: rotate(175deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3s infinite ease-in-out;
    animation: line-wave 6s 3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(31) {
    -webkit-transform: rotate(181deg) translateX(-50%);
    transform: rotate(181deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.1s infinite ease-in-out;
    animation: line-wave 6s 3.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(32) {
    -webkit-transform: rotate(187deg) translateX(-50%);
    transform: rotate(187deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.2s infinite ease-in-out;
    animation: line-wave 6s 3.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(33) {
    -webkit-transform: rotate(193deg) translateX(-50%);
    transform: rotate(193deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.3s infinite ease-in-out;
    animation: line-wave 6s 3.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(34) {
    -webkit-transform: rotate(199deg) translateX(-50%);
    transform: rotate(199deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.4s infinite ease-in-out;
    animation: line-wave 6s 3.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(35) {
    -webkit-transform: rotate(205deg) translateX(-50%);
    transform: rotate(205deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.5s infinite ease-in-out;
    animation: line-wave 6s 3.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(36) {
    -webkit-transform: rotate(211deg) translateX(-50%);
    transform: rotate(211deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.6s infinite ease-in-out;
    animation: line-wave 6s 3.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(37) {
    -webkit-transform: rotate(217deg) translateX(-50%);
    transform: rotate(217deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.7s infinite ease-in-out;
    animation: line-wave 6s 3.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(38) {
    -webkit-transform: rotate(223deg) translateX(-50%);
    transform: rotate(223deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.8s infinite ease-in-out;
    animation: line-wave 6s 3.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(39) {
    -webkit-transform: rotate(229deg) translateX(-50%);
    transform: rotate(229deg) translateX(-50%);
    -webkit-animation: line-wave 6s 3.9s infinite ease-in-out;
    animation: line-wave 6s 3.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(40) {
    -webkit-transform: rotate(235deg) translateX(-50%);
    transform: rotate(235deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4s infinite ease-in-out;
    animation: line-wave 6s 4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(41) {
    -webkit-transform: rotate(241deg) translateX(-50%);
    transform: rotate(241deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.1s infinite ease-in-out;
    animation: line-wave 6s 4.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(42) {
    -webkit-transform: rotate(247deg) translateX(-50%);
    transform: rotate(247deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.2s infinite ease-in-out;
    animation: line-wave 6s 4.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(43) {
    -webkit-transform: rotate(253deg) translateX(-50%);
    transform: rotate(253deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.3s infinite ease-in-out;
    animation: line-wave 6s 4.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(44) {
    -webkit-transform: rotate(259deg) translateX(-50%);
    transform: rotate(259deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.4s infinite ease-in-out;
    animation: line-wave 6s 4.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(45) {
    -webkit-transform: rotate(265deg) translateX(-50%);
    transform: rotate(265deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.5s infinite ease-in-out;
    animation: line-wave 6s 4.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(46) {
    -webkit-transform: rotate(271deg) translateX(-50%);
    transform: rotate(271deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.6s infinite ease-in-out;
    animation: line-wave 6s 4.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(47) {
    -webkit-transform: rotate(277deg) translateX(-50%);
    transform: rotate(277deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.7s infinite ease-in-out;
    animation: line-wave 6s 4.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(48) {
    -webkit-transform: rotate(283deg) translateX(-50%);
    transform: rotate(283deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.8s infinite ease-in-out;
    animation: line-wave 6s 4.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(49) {
    -webkit-transform: rotate(289deg) translateX(-50%);
    transform: rotate(289deg) translateX(-50%);
    -webkit-animation: line-wave 6s 4.9s infinite ease-in-out;
    animation: line-wave 6s 4.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(50) {
    -webkit-transform: rotate(295deg) translateX(-50%);
    transform: rotate(295deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5s infinite ease-in-out;
    animation: line-wave 6s 5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(51) {
    -webkit-transform: rotate(301deg) translateX(-50%);
    transform: rotate(301deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.1s infinite ease-in-out;
    animation: line-wave 6s 5.1s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(52) {
    -webkit-transform: rotate(307deg) translateX(-50%);
    transform: rotate(307deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.2s infinite ease-in-out;
    animation: line-wave 6s 5.2s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(53) {
    -webkit-transform: rotate(313deg) translateX(-50%);
    transform: rotate(313deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.3s infinite ease-in-out;
    animation: line-wave 6s 5.3s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(54) {
    -webkit-transform: rotate(319deg) translateX(-50%);
    transform: rotate(319deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.4s infinite ease-in-out;
    animation: line-wave 6s 5.4s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(55) {
    -webkit-transform: rotate(325deg) translateX(-50%);
    transform: rotate(325deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.5s infinite ease-in-out;
    animation: line-wave 6s 5.5s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(56) {
    -webkit-transform: rotate(331deg) translateX(-50%);
    transform: rotate(331deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.6s infinite ease-in-out;
    animation: line-wave 6s 5.6s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(57) {
    -webkit-transform: rotate(337deg) translateX(-50%);
    transform: rotate(337deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.7s infinite ease-in-out;
    animation: line-wave 6s 5.7s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(58) {
    -webkit-transform: rotate(343deg) translateX(-50%);
    transform: rotate(343deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.8s infinite ease-in-out;
    animation: line-wave 6s 5.8s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(59) {
    -webkit-transform: rotate(349deg) translateX(-50%);
    transform: rotate(349deg) translateX(-50%);
    -webkit-animation: line-wave 6s 5.9s infinite ease-in-out;
    animation: line-wave 6s 5.9s infinite ease-in-out
}

.biometric-info .biometric-animation .graduations .graduation:nth-child(60) {
    -webkit-transform: rotate(355deg) translateX(-50%);
    transform: rotate(355deg) translateX(-50%);
    -webkit-animation: line-wave 6s 6s infinite ease-in-out;
    animation: line-wave 6s 6s infinite ease-in-out
}

.biometric-info h3 {
    margin-bottom: 1.3333333333vw;
    color: #eee;
    font-size: 4vw;
    font-weight: bold
}

.biometric-info p {
    width: inherit;
    margin-bottom: 5.3333333333vw;
    color: #eee;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.biometric-info .biometric-switch {
    position: relative;
    width: 18.9333333333vw;
    height: 10.6666666667vw;
    margin: 0 auto;
    padding: 0 2.6666666667vw;
    transition: all .3s;
    border: .2666666667vw solid #333;
    border-radius: 10.6666666667vw;
    background-color: #262626;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 10.6666666667vw
}

.biometric-info .biometric-switch::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.0666666667vw;
    left: 1.0666666667vw;
    width: 8vw;
    height: 8vw;
    transition: all .3s;
    border-radius: 50%;
    /* background-image: url("/images/h5/icon-set/icon-switch-close.svg"); */
    background-repeat: no-repeat
}

.biometric-info .biometric-switch.active {
    background-color: #28b849;
    text-indent: 8vw
}

.biometric-info .biometric-switch.active::after {
    left: 8.8vw;
    /* background-image: url("/images/h5/icon-set/icon-switch-open.svg") */
}

.biometric-info .member-error {
    margin: 1.3333333333vw 0 0;
    padding: 0
}

.biometric-info .member-error::before {
    display: none
}

.biometric-info .member-error span {
    color: #e41a43
}

.pop-biometric-success {
    display: none
}

.pop-biometric-success .biometric-success-cont h3 {
    color: #4caf50
}

.face-id-wrapper {
    position: relative;
    width: 24vw;
    height: 24vw;
    margin: 0 auto 2.6666666667vw
}

.face-id-wrapper.active .path-face {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: opacity 1.5s,-webkit-transform 1s;
    transition: opacity 1.5s,transform 1s;
    transition: opacity 1.5s,transform 1s,-webkit-transform 1s;
    stroke: #888;
    opacity: 0;
    fill: #888
}

.face-id-wrapper.active .circle.line1 {
    -webkit-animation: rotateX 2s;
    animation: rotateX 2s
}

.face-id-wrapper.active .circle.line2 {
    -webkit-animation: rotateY 2.1s;
    animation: rotateY 2.1s
}

.face-id-wrapper.active .circle.line3 {
    -webkit-animation: rotateXY 2.2s;
    animation: rotateXY 2.2s
}

.face-id-wrapper.active .path-check {
    -webkit-animation: check 2.2s;
    animation: check 2.2s;
    opacity: 1
}

.face-id-wrapper .path-face {
    position: relative;
    top: 1.3333333333vw;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    margin: 0 auto;
    /* -webkit-mask: url("/images/h5/player/face.svg") no-repeat center;
    mask: url("/images/h5/player/face.svg") no-repeat center; */
    background-color: #888
}

.face-id-wrapper .circle {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 24vw;
    height: 24vw;
    border-radius: 50%;
    background: transparent
}

.face-id-wrapper .circle.line1 {
    border: 1.0666666667vw solid #66bb6a
}

.face-id-wrapper .circle.line2 {
    border: 1.0666666667vw solid #42a5f5
}

.face-id-wrapper .circle.line3 {
    border: 1.0666666667vw solid #ab47bc
}

.face-id-wrapper .path-check {
    position: absolute;
    top: 0;
    width: 24vw;
    height: 24vw;
    opacity: 0;
    /* background-image: url("/images/h5/player/path-check.svg") */
}

@-webkit-keyframes eyes-blink {
    5% {
        -webkit-transform: scaleY(0.05);
        transform: scaleY(0.05)
    }

    6.5% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes eyes-blink {
    5% {
        -webkit-transform: scaleY(0.05);
        transform: scaleY(0.05)
    }

    6.5% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes line-wave {
    0% {
        box-shadow: 0 -0.2666666667vw 0 #ffb80c
    }

    1% {
        box-shadow: 0 -0.5333333333vw 0 #ffb80c
    }

    2% {
        box-shadow: 0 -0.8vw 0 #ffb80c
    }

    3% {
        box-shadow: 0 -1.0666666667vw 0 #ffb80c
    }

    4% {
        box-shadow: 0 -1.3333333333vw 0 #ffb80c
    }

    5% {
        box-shadow: 0 -1.6vw 0 #ffb80c
    }

    6% {
        box-shadow: 0 -1.8666666667vw 0 #ffb80c
    }

    7% {
        box-shadow: 0 -2.1333333333vw 0 #ffb80c
    }

    24% {
        box-shadow: 0 0 0 #ffb80c
    }

    25% {
        background-color: #ffb80c;
        box-shadow: 0 0 0 #000
    }

    100% {
        background-color: #ff7e00;
        box-shadow: 0 0 0 #000
    }
}

@keyframes line-wave {
    0% {
        box-shadow: 0 -0.2666666667vw 0 #ffb80c
    }

    1% {
        box-shadow: 0 -0.5333333333vw 0 #ffb80c
    }

    2% {
        box-shadow: 0 -0.8vw 0 #ffb80c
    }

    3% {
        box-shadow: 0 -1.0666666667vw 0 #ffb80c
    }

    4% {
        box-shadow: 0 -1.3333333333vw 0 #ffb80c
    }

    5% {
        box-shadow: 0 -1.6vw 0 #ffb80c
    }

    6% {
        box-shadow: 0 -1.8666666667vw 0 #ffb80c
    }

    7% {
        box-shadow: 0 -2.1333333333vw 0 #ffb80c
    }

    24% {
        box-shadow: 0 0 0 #ffb80c
    }

    25% {
        background-color: #ffb80c;
        box-shadow: 0 0 0 #000
    }

    100% {
        background-color: #ff7e00;
        box-shadow: 0 0 0 #000
    }
}

@-webkit-keyframes rotateX {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 0
    }
}

@keyframes rotateX {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateY {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        opacity: 0
    }
}

@keyframes rotateY {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateXY {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    100% {
        -webkit-transform: rotateY(360deg) rotateX(360deg);
        transform: rotateY(360deg) rotateX(360deg);
        opacity: 0
    }
}

@keyframes rotateXY {
    0% {
        opacity: 0
    }

    40% {
        opacity: .9
    }

    100% {
        -webkit-transform: rotateY(360deg) rotateX(360deg);
        transform: rotateY(360deg) rotateX(360deg);
        opacity: 0
    }
}

@-webkit-keyframes check {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes check {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .biometric-info {
        padding:0 2.2488755622vmax
    }

    .biometric-info .biometric-animation {
        width: 17.9910044978vmax;
        height: 17.9910044978vmax;
        margin: 2.2488755622vmax auto
    }

    .biometric-info .biometric-animation object {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .biometric-info .biometric-animation object svg {
        width: 7.4962518741vmax;
        height: 7.4962518741vmax
    }

    .biometric-info .biometric-animation .graduations .graduation {
        top: .7496251874vmax;
        -webkit-transform-origin: 0 8.395802099vmax;
        transform-origin: 0 8.395802099vmax;
        width: .2248875562vmax;
        height: .7496251874vmax;
        border-radius: 1.4992503748vmax
    }

    .biometric-info h3 {
        margin-bottom: .7496251874vmax;
        font-size: 2.2488755622vmax
    }

    .biometric-info p {
        margin-bottom: 1.4992503748vmax;
        font-size: 1.9490254873vmax
    }

    .biometric-info .biometric-switch {
        width: 8.9955022489vmax;
        height: 4.4977511244vmax;
        padding: 0 1.4992503748vmax;
        border: .1499250375vmax solid #333;
        border-radius: 4.4977511244vmax;
        font-size: 1.9490254873vmax;
        line-height: 4.4977511244vmax
    }

    .biometric-info .biometric-switch::after {
        top: .5997001499vmax;
        left: .5997001499vmax;
        width: 2.9985007496vmax;
        height: 2.9985007496vmax
    }

    .biometric-info .biometric-switch.active {
        text-indent: 2.9985007496vmax
    }

    .biometric-info .biometric-switch.active::after {
        left: 5.0974512744vmax
    }

    .face-id-wrapper {
        width: 13.4932533733vmax;
        height: 13.4932533733vmax;
        margin: 0 auto 1.4992503748vmax
    }

    .face-id-wrapper.completed .circle.line3 {
        border-width: .7496251874vmax
    }

    .face-id-wrapper .path-face {
        top: .7496251874vmax;
        width: 11.9940029985vmax;
        height: 11.9940029985vmax
    }

    .face-id-wrapper .circle {
        width: 13.4932533733vmax;
        height: 13.4932533733vmax
    }

    .face-id-wrapper .circle.line1,.face-id-wrapper .circle.line2,.face-id-wrapper .circle.line3 {
        border-width: .7496251874vmax
    }

    .face-id-wrapper .path-check {
        width: 13.4932533733vmax;
        height: 13.4932533733vmax
    }

    .pop-biometric-success {
        margin: 0 auto;
        padding: 3.748125937vmax 2.9985007496vmax
    }

    @-webkit-keyframes line-wave {
        0% {
            box-shadow: 0 -0.1499250375vmax 0 #ffb80c
        }

        1% {
            box-shadow: 0 -0.299850075vmax 0 #ffb80c
        }

        2% {
            box-shadow: 0 -0.4497751124vmax 0 #ffb80c
        }

        3% {
            box-shadow: 0 -0.5997001499vmax 0 #ffb80c
        }

        24% {
            box-shadow: 0 0 0 #ffb80c
        }

        25% {
            background-color: #ffb80c;
            box-shadow: 0 0 0 #000
        }

        100% {
            background-color: #ff7e00;
            box-shadow: 0 0 0 #000
        }
    }

    @keyframes line-wave {
        0% {
            box-shadow: 0 -0.1499250375vmax 0 #ffb80c
        }

        1% {
            box-shadow: 0 -0.299850075vmax 0 #ffb80c
        }

        2% {
            box-shadow: 0 -0.4497751124vmax 0 #ffb80c
        }

        3% {
            box-shadow: 0 -0.5997001499vmax 0 #ffb80c
        }

        24% {
            box-shadow: 0 0 0 #ffb80c
        }

        25% {
            background-color: #ffb80c;
            box-shadow: 0 0 0 #000
        }

        100% {
            background-color: #ff7e00;
            box-shadow: 0 0 0 #000
        }
    }
}

.list .list-content {
    margin-bottom: 1.3333333333vw
}

.list-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.list-bar .tip-area {
    display: inline-flex;
    position: relative;
    justify-content: flex-end;
    z-index: 1
}

.list-bar .tip-area .tip-icon {
    display: block;
    width: 8vw;
    height: 8vw;
    background: #999;
    /* -webkit-mask: url("/images/h5/icon-set/icon-question.svg") no-repeat center center/55%;
    mask: url("/images/h5/icon-set/icon-question.svg") no-repeat center center/55% */
}

.list-bar .tip-area .tip-box {
    display: flex;
    position: absolute;
    top: 100%;
    right: 1.3333333333vw;
    max-height: 0;
    min-height: 0;
    padding: 0 .8vw;
    flex-direction: column;
    transition: all ease-in-out .3s;
    border-radius: .8vw;
    border: 0 solid rgba(170,170,170,0);
    background: #999;
    color: #eee;
    font-size: 2.6666666667vw;
    overflow: hidden
}

.list-bar .tip-area .tip-box.active {
    max-height: 53.3333333333vw;
    min-height: 5.3333333333vw;
    padding: .8vw;
    border: .2666666667vw solid #aaa
}

.list-bar .tip-area .tip-box span {
    display: flex;
    padding: 1.3333333333vw 2.1333333333vw
}

.list-bar .tip-area .tip-box span::before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    margin: 0 1.3333333333vw 0 0;
    border-radius: 50%
}

.list-bar .tip-area .tip-box span:nth-child(1)::before {
    background-color: #b6b6b6
}

.list-bar .tip-area .tip-box span:nth-child(2)::before {
    background-color: #fccf3a
}

.list-bar .tip-area .tip-box span:nth-child(3)::before {
    background-color: #d35b5b
}

.list-bar .date-title {
    display: flex;
    align-items: flex-start
}

.record-item {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 2fr 1.5fr 1.5fr;
    align-items: center;
    width: 100%;
    padding: 0 6.6666666667vw 0 2.6666666667vw;
    overflow: hidden;
    outline: 0;
    background-color: #333;
    text-decoration: none
}

.record-item:nth-child(2n) {
    background-color: #262626
}

.record-item.unsettled {
    grid-template-columns: 1fr 1fr 2.5fr 1.5fr;
    padding: 0 2.6666666667vw
}

.record-item .list-arrow {
    display: block;
    position: absolute;
    right: 2.6666666667vw;
    width: 3.7333333333vw;
    height: 100%;
    background: #999;
    /* -webkit-mask: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center left/55%;
    mask: url("/images/h5/icon-set/icon-arrow-type01.svg") no-repeat center left/55%; */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.record-item .item {
    padding: 2.6666666667vw 1.6vw;
    overflow: hidden;
    color: #fff;
    font-size: 3.2vw;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.record-item .item.time {
    font-size: 2.6666666667vw;
    letter-spacing: -1px;
    text-align: center
}

.record-item .item.amount {
    text-align: right
}

.record-item .item.status .tags {
    padding: .8vw 1.3333333333vw;
    overflow: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: .8vw;
    color: #fff;
    font-size: 3.2vw;
    text-overflow: ellipsis;
    white-space: nowrap
}

.record-item .item.status.pending .tags {
    background: rgba(240,184,0,0.9)
}

.record-item .item.status.revert .tags {
    background: rgba(240,105,57,0.9)
}

.record-item .item.status.positive .tags {
    background: rgba(40,184,73,0.9)
}

.record-item .item.status.negative .tags {
    background: rgba(209,84,84,0.9)
}

.record-item .item.bet {
    text-align: right
}

.record-item .item.profit {
    text-align: right
}

.record-item .item.profit.positive {
    color: #28b849
}

.record-item .item+.item {
    border-left: .2666666667vw dotted #555
}

.record-item.bettingRecordList {
    position: relative;
    grid-template-columns: 1fr 2fr 1.5fr 1.5fr;
    padding: 0 1.3333333333vw
}

.record-item.bettingRecordList.settled .item-status {
    display: none
}

.record-item.bettingRecordList.revocation .item-status {
    background-color: rgba(182,182,182,0.4)
}

.record-item.bettingRecordList.revocation .item-status .tags {
    background-color: rgba(182,182,182,0.6)
}

.record-item.bettingRecordList.void .item-status {
    background-color: rgba(252,207,58,0.4)
}

.record-item.bettingRecordList.void .item-status .tags {
    background-color: rgba(252,207,58,0.6)
}

.record-item.bettingRecordList.refund .item-status {
    background-color: rgba(211,91,91,0.4)
}

.record-item.bettingRecordList.refund .item-status .tags {
    background-color: rgba(211,91,91,0.6)
}

.record-item.bettingRecordList.revocation .item,.record-item.bettingRecordList.void .item,.record-item.bettingRecordList.refund .item {
    opacity: .3
}

.record-item.bettingRecordList .item-status {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 8px);
    height: calc(100% - 4px);
    border-radius: .8vw
}

.record-item.bettingRecordList .item-status .tags {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    border-radius: .8vw;
    padding: .8vw 1.3333333333vw;
    font-size: 2.6666666667vw;
    color: #fff
}

.record-item.bettingRecordList .item {
    padding: 2.6666666667vw 1.3333333333vw
}

.record-item.transactionRecordList {
    grid-template-columns: 1.5fr 1.5fr 1.2fr 1fr;
    padding: 0 2.6666666667vw
}

.record-item.transactionRecordList .item {
    padding: 2.6666666667vw
}

.record-item.transactionRecordList .status {
    padding: 2.6666666667vw 1.3333333333vw
}

.record-item.itemTitle {
    text-transform: capitalize;
    background: #777
}

.record-item.itemTitle .item {
    margin: 1.3333333333vw 0;
    padding: 1.3333333333vw 1.3333333333vw
}

.record-item.itemTitle .item.time {
    letter-spacing: 0
}

.record-item.itemTitle .item.amount,.record-item.itemTitle .item.bet {
    text-align: center
}

.record-item.itemTitle.bettingRecordList .item {
    padding: 1.3333333333vw 2.6666666667vw
}

.record-item.itemTitle .item+.item {
    border-left: .2666666667vw dotted #fff
}

.record-item.no-detail-info .list-arrow {
    display: none
}

a.record-item:active {
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95)
}

.bettingRecord-sum {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #262626;
    padding: 2.6666666667vw 0
}

.bettingRecord-sum .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;
    font-size: 3.2vw;
    line-height: 1.5
}

.bettingRecord-sum .item+.item {
    border-left: .2666666667vw solid #555
}

.bettingRecord-sum .item .title {
    color: #fff
}

.bettingRecord-sum .item .text {
    color: #ffb80c
}

.bettingRecord-sum .item.positive .text {
    color: #28b849
}

@media screen and (min-aspect-ratio: 13/9) {
    .list .list-content {
        margin-bottom:.7496251874vmax
    }

    .list-bar .tip-area .tip-icon {
        width: 4.4977511244vmax;
        height: 4.4977511244vmax
    }

    .list-bar .tip-area .tip-box {
        right: .7496251874vmax;
        padding: 0 .4497751124vmax;
        border-radius: .4497751124vmax;
        border: 0 solid rgba(170,170,170,0);
        font-size: 1.4992503748vmax
    }

    .list-bar .tip-area .tip-box.active {
        max-height: 29.9850074963vmax;
        min-height: 2.9985007496vmax;
        padding: .4497751124vmax;
        border: .1499250375vmax solid #aaa
    }

    .list-bar .tip-area .tip-box span {
        padding: .7496251874vmax 1.1994002999vmax
    }

    .list-bar .tip-area .tip-box span::before {
        width: 1.1994002999vmax;
        height: 1.1994002999vmax;
        margin: 0 .7496251874vmax 0 0
    }

    .record-item {
        padding: 0 3.748125937vmax 0 1.4992503748vmax
    }

    .record-item .list-arrow {
        width: 2.0989505247vmax
    }

    .record-item .item {
        padding: 1.4992503748vmax .7496251874vmax;
        font-size: 1.7991004498vmax
    }

    .record-item .item.time {
        font-size: 1.4992503748vmax;
        letter-spacing: 0
    }

    .record-item .item.status .tags {
        padding: .4497751124vmax .7496251874vmax;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .record-item .item+.item {
        border-left: .1499250375vmax dotted #555
    }

    .record-item.bettingRecordList .item-status {
        width: calc(100% - 8px);
        height: calc(100% - 4px);
        border-radius: .4497751124vmax
    }

    .record-item.bettingRecordList .item-status .tags {
        border-radius: .4497751124vmax;
        padding: .4497751124vmax .7496251874vmax;
        font-size: 1.4992503748vmax
    }

    .record-item.bettingRecordList .item {
        padding: 1.4992503748vmax 1.4992503748vmax
    }

    .record-item.transactionRecordList {
        padding: 0 1.4992503748vmax
    }

    .record-item.transactionRecordList .item {
        padding: 1.4992503748vmax
    }

    .record-item.transactionRecordList .status {
        padding: 1.4992503748vmax .7496251874vmax
    }

    .record-item.itemTitle .item {
        margin: .7496251874vmax 0;
        padding: .7496251874vmax .7496251874vmax
    }

    .record-item.itemTitle.bettingRecordList .item {
        padding: .7496251874vmax 1.4992503748vmax
    }

    .record-item.itemTitle .item+.item {
        border-left: .1499250375vmax dotted #fff
    }

    .bettingRecord-sum {
        padding: 1.4992503748vmax 0
    }

    .bettingRecord-sum .item {
        font-size: 1.7991004498vmax
    }

    .bettingRecord-sum .item+.item {
        border-left: .1499250375vmax solid #555
    }
}

.accordion-card-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 2.6666666667vw;
    min-height: 33px;
    opacity: 1;
    transition: all .4s ease-in-out
}

.accordion-card-wrap.remove {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    height: 0;
    min-height: 0;
    margin: 0 2.6666666667vw;
    opacity: 0
}

.accordion-card-wrap.remove .ac-notice {
    opacity: 0
}

.accordion-card-wrap.show .ac-content {
    height: auto;
    max-height: 10000px;
    opacity: 1
}

.accordion-card-wrap.show .ac-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.accordion-card-wrap .ac-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 2.6666666667vw;
    border-radius: 1.0666666667vw;
    background: #ff9a1c;
    color: #fff;
    font-size: 3.2vw;
    text-align: left
}

.accordion-card-wrap .ac-title .ac-text {
    flex-grow: 1
}

.accordion-card-wrap .ac-title .ac-icon {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    margin-right: 1.3333333333vw;
    background-color: #fff;
    /* mask: url("/images/h5/icon-set/icon-list.svg") no-repeat center/90%;
    -webkit-mask: url("/images/h5/icon-set/icon-list.svg") no-repeat center/90% */
}

.accordion-card-wrap .ac-title .ac-arrow {
    display: none;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    background-color: #fff;
    /* mask: url("/images/h5/icon-set/player/kyc/accordion-arrow.svg") no-repeat center;
    -webkit-mask: url("/images/h5/icon-set/player/kyc/accordion-arrow.svg") no-repeat center; */
    transition: all .3s
}

.accordion-card-wrap .ac-title .ac-notice {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5333333333vw;
    height: 4.5333333333vw;
    -webkit-transform: translate(15%,-35%);
    transform: translate(15%,-35%);
    background-color: #ff3838;
    border-radius: 50%;
    line-height: 4.5333333333vw;
    text-align: center;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    transition: all .3s ease-in-out;
    opacity: 1
}

.accordion-card-wrap .ac-title .ac-notice.ani {
    -webkit-animation: notice-jump .3s ease-in-out 1;
    animation: notice-jump .3s ease-in-out 1
}

@-webkit-keyframes notice-jump {
    0% {
        -webkit-transform: translate(15%,-35%);
        transform: translate(15%,-35%)
    }

    20% {
        -webkit-transform: translate(15%,-55%) scale(1.3);
        transform: translate(15%,-55%) scale(1.3)
    }

    35% {
        -webkit-transform: translate(15%,-55%) scale(1.3);
        transform: translate(15%,-55%) scale(1.3)
    }

    100% {
        -webkit-transform: translate(15%,-35%);
        transform: translate(15%,-35%)
    }
}

@keyframes notice-jump {
    0% {
        -webkit-transform: translate(15%,-35%);
        transform: translate(15%,-35%)
    }

    20% {
        -webkit-transform: translate(15%,-55%) scale(1.3);
        transform: translate(15%,-55%) scale(1.3)
    }

    35% {
        -webkit-transform: translate(15%,-55%) scale(1.3);
        transform: translate(15%,-55%) scale(1.3)
    }

    100% {
        -webkit-transform: translate(15%,-35%);
        transform: translate(15%,-35%)
    }
}

.accordion-card-wrap .ac-content {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s,opacity .5s;
    color: #eaeaea;
    opacity: 0
}

.ac-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    margin: 1.8666666667vw 1.3333333333vw;
    padding: 1.8666666667vw 4vw;
    transition: all .4s ease-in-out;
    border-radius: 2.1333333333vw;
    opacity: 1;
    background-color: #262626
}

.ac-list>div {
    opacity: 1;
    transition: all .2s ease-in-out
}

.ac-list.removed {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    height: 0;
    min-height: 0;
    margin: 0 1.3333333333vw;
    padding: 0 4vw
}

.ac-list.removed>div {
    opacity: 0
}

.ac-list .ac-item {
    line-height: 1.8;
    overflow: hidden
}

.ac-list .ac-item .number {
    font-size: 3.4666666667vw;
    font-weight: 500;
    text-decoration: underline
}

.ac-list .ac-item .date {
    color: #999;
    font-size: 2.9333333333vw
}

.ac-list .ac-item .amount {
    color: #ff9a1c;
    font-size: 4vw
}

.ac-list .btn-revert {
    padding: 2.4vw 4.5333333333vw;
    border-radius: .5333333333vw;
    background: #ffb80c;
    color: #fff;
    font-size: 3.2vw
}

.accordion-card-wrap .toggle-btn .ac-arrow {
    display: block
}

.pop-otp-success .state {
    position: relative;
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    margin: 0 auto;
    -webkit-animation: fallin .7s forwards .2s;
    animation: fallin .7s forwards .2s;
    border-radius: 100%;
    opacity: 0;
    background: #f0b800
}

.pop-otp-success .state::before {
    position: absolute;
    right: -0.4vw;
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    /* -webkit-mask: url("/images/h5/icon-set/icon-apply-success.svg") no-repeat center/50%;
    mask: url("/images/h5/icon-set/icon-apply-success.svg") no-repeat center/50% */
}

.pop-otp-success .processing {
    text-align: center
}

.pop-otp-success .processing h3 {
    color: #f0b800;
    font-size: 4.8vw;
    margin: 2.6666666667vw 0 1.3333333333vw
}

.pop-otp-success .processing span {
    color: rgba(255,255,255,0.6);
    font-size: 3.7333333333vw
}

.pop-otp-success .info-list {
    font-size: 3.4666666667vw;
    margin: 8vw 0
}

.pop-otp-success .info-list li {
    align-items: center;
    display: flex;
    margin-bottom: 4vw;
    padding-bottom: 0
}

.pop-otp-success .info-list li label,.pop-otp-success .info-list li span {
    display: inline-block;
    width: 50%
}

.pop-otp-success .info-list li label {
    color: rgba(255,255,255,0.5)
}

.pop-otp-success .info-list li .amount {
    font-weight: bold
}

@keyframes fallin {
    0% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (min-aspect-ratio: 13/9) {
    .pop-otp-success .state {
        width:11.9940029985vmax;
        height: 11.9940029985vmax
    }

    .pop-otp-success .state::before {
        right: -0.2248875562vmax
    }

    .pop-otp-success .processing h3 {
        margin: 1.4992503748vmax 0 .7496251874vmax;
        font-size: 2.6986506747vmax
    }

    .pop-otp-success .processing span {
        font-size: 2.0989505247vmax
    }

    .pop-otp-success .info-list {
        font-size: 1.9490254873vmax
    }

    .pop-otp-success .info-list li {
        margin-bottom: 2.2488755622vmax
    }
}

.main-wallet-info {
    width: 100%;
    padding: 0 4vw 8vw;
    color: #fff;
    zoom:1}

.main-wallet-info::after {
    display: block;
    clear: both;
    content: ""
}

.main-wallet-info h4 {
    font-size: 12vw;
    text-align: right
}

.operating-wallet {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.operating-wallet button,.operating-wallet .btn-renew {
    min-width: 21.3333333333vw;
    margin: 0 1.3333333333vw 0 0;
    padding: 0 4vw;
    border: 0;
    border-radius: 8vw;
    outline: 0;
    box-shadow: inset 0 .2666666667vw .2666666667vw rgba(255,255,255,0.5),0 0 .5333333333vw .2666666667vw rgba(0,0,0,0.2);
    color: #fff;
    font-size: 3.2vw;
    line-height: 8vw;
    text-align: center
}

.operating-wallet button:last-child,.operating-wallet .btn-renew:last-child {
    margin-right: 0
}

.operating-wallet .btn-take-back {
    background: linear-gradient(135deg,#698af2 0%,#3356cd 100%)
}

.operating-wallet .btn-other-account {
    background: linear-gradient(135deg,#86cc4e 0%,#3dac3c 100%)
}

.operating-wallet .btn-renew {
    background: linear-gradient(135deg,#ffae12 0%,#ff7e00 100%)
}

.operating-wallet .btn-renew img {
    width: 3.2vw;
    margin-right: 1.3333333333vw
}

.operating-wallet .btn-renew span,.operating-wallet .btn-renew img {
    vertical-align: middle
}

.operating-wallet .btn-renew.active img {
    -webkit-animation: reneWallet 1s ease;
    animation: reneWallet 1s ease
}

.renew-main-wallet {
    display: inline-block;
    line-height: 2
}

.renew-main-wallet.active img {
    -webkit-animation: reneWallet 1s linear;
    animation: reneWallet 1s linear
}

.renew-main-wallet span {
    margin-right: 1.3333333333vw;
    font-size: 3.2vw
}

.content-transfer {
    overflow: hidden
}

.content-transfer .menu-box {
    padding: 2.6666666667vw
}

.content-transfer .menu-box .select-box:last-child {
    float: right
}

.icon-transfer {
    display: inline-block;
    width: 6%;
    height: 4.5333333333vw;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    background: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/icon-arrow-type04.svg") no-repeat center center/85%;
    mask: url("/images/h5/icon-set/icon-arrow-type04.svg") no-repeat center center/85% */
}

.select-box {
    display: inline-block;
    position: relative;
    width: 46%
}

.select-box::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 18%;
    right: 2.6666666667vw;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #fff transparent transparent
}

.select-box label {
    display: block;
    font-size: .9rem;
    line-height: 2
}

.select-box select {
    display: block;
    position: relative;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border: 0;
    border-radius: .8vw;
    outline: 0;
    color: #fff;
    background: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.pop-other-account {
    position: fixed;
    z-index: 9000;
    bottom: -100%;
    left: 0;
    width: 100%;
    min-height: 20vh;
    max-height: 85vh;
    padding: 4vw 5%;
    overflow: hidden;
    transition: .4s;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background: #262626
}

.pop-other-account.active {
    bottom: 0
}

.pop-other-account .menu-box {
    padding: 0
}

.pop-other-account .button {
    height: 12vw;
    line-height: 12vw
}

.account-count {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 72vh;
    margin-top: 2.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto
}

.account-box {
    flex: 0 0 32%;
    margin: 0 2% 1.6vw 0;
    padding: 1.8666666667vw;
    border: .2666666667vw solid #262626;
    border-radius: .8vw;
    font-size: 3.2vw;
    text-align: center;
    background: #333
}

.account-box:nth-child(3n) {
    margin-right: 0
}

.account-box h6 {
    margin-bottom: 2.1333333333vw;
    color: #ffb80c;
    font-weight: bold
}

.account-box>p {
    color: #fff
}

.account-box div img {
    margin-right: 1.3333333333vw;
    vertical-align: middle
}

.account-box div span {
    color: #999
}

.account-box.loading img {
    -webkit-animation: reneWallet 2s linear infinite;
    animation: reneWallet 2s linear infinite
}

.account-box.repair {
    background: #444
}

.account-box.repair h6 {
    color: #888
}

@-webkit-keyframes reneWallet {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes reneWallet {
    from {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.secondary-money-info {
    min-width: 60%;
    margin-top: 1.3333333333vw;
    padding: 0 4vw;
    float: right;
    border: .2666666667vw solid #fff;
    border-radius: 8vw;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 .5333333333vw rgba(255,255,255,0.8),0 .2666666667vw 1.3333333333vw rgba(255,255,255,0.6);
    color: #6f4612;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 0
}

.secondary-money-info p,.secondary-money-info span {
    max-width: 48%;
    overflow: hidden;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap
}

.secondary-money-info p {
    display: inline-block;
    margin-right: 2%
}

.secondary-money-info span {
    float: right
}

.pop-transfer {
    padding: 0
}

.pop-transfer .main-wallet-info {
    padding: 4vw;
    /* background: url("/images/h5/player/bg-header-bottom.svg") no-repeat center bottom 0/contain,#ffb80c !important */
}

.pop-transfer .menu-box {
    padding: 0 5% 4vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .main-wallet-info {
        padding:0 2.2488755622vmax 4.4977511244vmax
    }

    .main-wallet-info h4 {
        font-size: 6.7466266867vmax
    }

    .operating-wallet button,.operating-wallet .btn-renew {
        min-width: 11.9940029985vmax;
        margin: 0 .7496251874vmax 0 0;
        padding: 0 2.2488755622vmax;
        border-radius: 4.4977511244vmax;
        box-shadow: inset 0 .1499250375vmax .1499250375vmax rgba(255,255,255,0.5),0 0 .299850075vmax .1499250375vmax rgba(0,0,0,0.2);
        font-size: 1.7991004498vmax;
        line-height: 4.4977511244vmax
    }

    .operating-wallet .btn-renew img {
        width: 1.7991004498vmax;
        margin-right: .7496251874vmax
    }

    .renew-main-wallet span {
        margin-right: .7496251874vmax;
        font-size: 1.7991004498vmax
    }

    .content-transfer .menu-box {
        padding: 1.4992503748vmax
    }

    .select-box::after {
        right: 1.4992503748vmax;
        border-width: .5997001499vmax
    }

    .select-box label {
        display: block;
        font-size: .9rem
    }

    .select-box select {
        position: relative;
        height: 5.9970014993vmax;
        padding: 0 1.4992503748vmax;
        border-radius: .4497751124vmax;
        background: #111
    }

    .pop-other-account {
        padding: 2.2488755622vmax 5%;
        border-radius: 1.4992503748vmax 1.4992503748vmax 0 0
    }

    .pop-other-account .button {
        height: 6.7466266867vmax;
        line-height: 6.7466266867vmax
    }

    .account-count {
        max-height: 65vh;
        margin-top: 1.4992503748vmax
    }

    .account-box {
        flex: 0 0 23%;
        margin: 0 2% .8995502249vmax 0;
        padding: 1.0494752624vmax;
        border: .1499250375vmax solid #eee;
        border-radius: .4497751124vmax;
        font-size: 1.7991004498vmax
    }

    .account-box:nth-child(3n) {
        margin-right: 2%
    }

    .account-box:nth-child(4n) {
        margin-right: 0
    }

    .account-box h6 {
        margin-bottom: 1.1994002999vmax
    }

    .account-box div img {
        margin-right: .7496251874vmax
    }

    .secondary-money-info {
        margin-top: .7496251874vmax;
        padding: 0 2.2488755622vmax;
        border-width: .1499250375vmax;
        border-radius: 4.4977511244vmax;
        box-shadow: 0 0 .299850075vmax #fff,0 .299850075vmax 1.3493253373vmax #fff;
        font-size: 1.7991004498vmax
    }

    .pop-transfer {
        padding: 0
    }

    .pop-transfer .main-wallet-info {
        padding: 2.2488755622vmax
    }

    .pop-transfer .main-wallet-info h4 {
        float: right
    }

    .pop-transfer .menu-box {
        padding: 0 5% 2.2488755622vmax;
        overflow: hidden
    }

    .pop-transfer .menu-box .button {
        width: 49%;
        float: right
    }

    .pop-transfer .input-group.money {
        width: 49%;
        padding: 0;
        float: left
    }

    .pop-transfer .input-group.money input {
        height: 6.7466266867vmax;
        line-height: 6.7466266867vmax
    }
}

.recommend-friends-box {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background-color: #3e3e3e;
    box-shadow: 0 0 6px rgba(62,62,62,0.5)
}

.recommend-friends-box.deco {
    margin-top: 10.6666666667vw
}

.recommend-friends-box .deco-box {
    position: relative;
    height: 9.3333333333vw
}

.recommend-friends-box .deco-box .deco-img {
    display: block;
    position: relative;
    width: 16vw;
    height: 16vw;
    margin: auto;
    overflow: hidden;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background: linear-gradient(270deg,#6481cd 0%,#a1b6ee 80%);
    border-radius: 50%
}

.recommend-friends-box .deco-box .deco-img img {
    display: block;
    position: absolute;
    top: 60%;
    left: 50%;
    width: 120%;
    height: 120%;
    margin: auto;
    -webkit-transform: translate(-50%,-45%) rotate(0);
    transform: translate(-50%,-45%) rotate(0)
}

.recommend-friends-box .title {
    width: 100%;
    line-height: 9.3333333333vw
}

.recommend-friends-box .title h2 {
    color: #fff;
    font-size: 4vw
}

.recommend-friends-box .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.recommend-friends-box .title h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 2.1333333333vw;
    background: linear-gradient(180deg,#7783fd 0%,#5664fa 100%);
    vertical-align: middle
}

@-webkit-keyframes rotateGift1 {
    0% {
        -webkit-transform: translate(-50%,-30%) rotate(0);
        transform: translate(-50%,-30%) rotate(0)
    }

    5% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    10% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    15% {
        -webkit-transform: translate(-50%,-45%) rotate(-20deg);
        transform: translate(-50%,-45%) rotate(-20deg)
    }

    20% {
        -webkit-transform: translate(-50%,-45%) rotate(20deg);
        transform: translate(-50%,-45%) rotate(20deg)
    }

    25% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    30%,100% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }
}

@keyframes rotateGift1 {
    0% {
        -webkit-transform: translate(-50%,-30%) rotate(0);
        transform: translate(-50%,-30%) rotate(0)
    }

    5% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    10% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    15% {
        -webkit-transform: translate(-50%,-45%) rotate(-20deg);
        transform: translate(-50%,-45%) rotate(-20deg)
    }

    20% {
        -webkit-transform: translate(-50%,-45%) rotate(20deg);
        transform: translate(-50%,-45%) rotate(20deg)
    }

    25% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    30%,100% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }
}

@-webkit-keyframes rotateGift2 {
    0% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    5% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    10% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    15% {
        -webkit-transform: translate(-50%,-45%) rotate(-20deg);
        transform: translate(-50%,-45%) rotate(-20deg)
    }

    20% {
        -webkit-transform: translate(-50%,-45%) rotate(20deg);
        transform: translate(-50%,-45%) rotate(20deg)
    }

    25% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    30%,100% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }
}

@keyframes rotateGift2 {
    0% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    5% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    10% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    15% {
        -webkit-transform: translate(-50%,-45%) rotate(-20deg);
        transform: translate(-50%,-45%) rotate(-20deg)
    }

    20% {
        -webkit-transform: translate(-50%,-45%) rotate(20deg);
        transform: translate(-50%,-45%) rotate(20deg)
    }

    25% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }

    30%,100% {
        -webkit-transform: translate(-50%,-45%) rotate(0);
        transform: translate(-50%,-45%) rotate(0)
    }
}

.code-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between
}

.code-box::after {
    content: "";
    display: block;
    width: 100%;
    height: 2.1333333333vw;
    margin: 2.1333333333vw 0 0 0;
    /* background: url("/images/h5/player/line-dot.svg"); */
    background-size: auto 100%
}

.code-box p {
    width: 100%;
    padding-bottom: 2.6666666667vw;
    line-height: 1.3;
    font-size: 3.2vw;
    color: #fff
}

.code-box .code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex: 2;
    border: 1px solid #6e8ad2;
    border-radius: 1.0666666667vw
}

.code-box .code span {
    display: block;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 1.3333333333vw 2.6666666667vw
}

.code-box .code .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8vw;
    padding: 1.3333333333vw 2.6666666667vw;
    transition: all .3s;
    background: linear-gradient(270deg,#6481cd 0%,#a1b6ee 80%)
}

.code-box .code .btn:active {
    opacity: .7
}

.code-box .btn-share {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: linear-gradient(60deg,#ffae12 0%,#ffbf44 100%);
    border-radius: 1.0666666667vw;
    font-size: 3.7333333333vw;
    color: #fff;
    margin-left: 2.6666666667vw
}

.condition-box .title {
    color: #a1b6ee;
    font-size: 3.7333333333vw
}

.condition-box .item {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    margin: 0 0 1.3333333333vw 0;
    font-size: 3.2vw
}

.condition-box .item .condition {
    padding: 1.6vw 0;
    color: #fff
}

.condition-box .item .condition::before {
    content: "";
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 1.6vw 0 0;
    border-radius: 50%;
    background: #6e7cff
}

.condition-box .item .text {
    width: 65%;
    height: auto;
    color: #fff;
    border-radius: 1.0666666667vw;
    background-color: #4d4f50;
    padding: 1.8666666667vw 2.6666666667vw
}

.status-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.status-box .status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    color: #cecece;
    padding: 1.3333333333vw
}

.status-box .status.accept {
    position: relative
}

.status-box .status.accept::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 2.1333333333vw;
    height: 100%;
    /* background: url("/images/h5/player/line-dot.svg"); */
    background-size: 100% auto
}

.status-box .status.accept .number {
    color: #ffb016
}

.status-box .status .number {
    font-size: 8vw;
    margin-bottom: 1.8666666667vw
}

.status-box .status .text {
    color: #fff;
    font-size: 3.2vw
}

.terms {
    display: flex;
    justify-content: center;
    align-items: center
}

.terms .terms-link {
    display: inline-block;
    margin: auto;
    padding: 1.3333333333vw 3.2vw;
    color: #6481cd;
    font-size: 2.9333333333vw;
    font-weight: 500;
    transition: all .3s
}

.date-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.6666666667vw
}

.date-bar .text {
    display: block;
    font-size: 3.2vw;
    padding: 0 .8vw;
    color: #cecece
}

.date-bar .date-input {
    width: 34%;
    border-radius: .8vw;
    border: 1px solid #666
}

.date-bar .date-input::before {
    left: auto;
    right: 0;
    width: 9.3333333333vw;
    margin: 0;
    height: 8vw
}

.date-bar .date-input input {
    width: 100%;
    height: 8vw;
    padding: 0 6.6666666667vw 0 1.8666666667vw;
    background: #3e3e3e
}

.btn-submit {
    border-radius: .8vw;
    padding: 0 2.6666666667vw;
    margin-left: 1.3333333333vw;
    height: 8vw;
    line-height: 8vw;
    color: #fff;
    background: linear-gradient(270deg,#6481cd 0%,#a1b6ee 80%);
    padding: 0 6.6666666667vw 0 1.8666666667vw;
    font-size: 3.2vw
}

.btn-submit::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5.0666666667vw;
    margin-left: 1.6vw;
    width: 3.4666666667vw;
    height: 3.7333333333vw;
    background-color: #fff;
    /* -webkit-mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat center/100%;
    mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat center/100% */
}

.list-status {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 2.6666666667vw
}

.list-status .title {
    color: #fff;
    font-size: 3.2vw
}

.list-status img {
    width: 4.2666666667vw;
    margin: 0 1.3333333333vw
}

.list-status .text {
    font-size: 2.9333333333vw
}

.list-status div {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.list-status .pending .text {
    color: #ffac00
}

.list-status .expired .text {
    color: #f22
}

.recommend-friends-list,.vip-list {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background-color: #2a2a2a;
    box-shadow: 0 0 6px rgba(62,62,62,0.5);
    overflow: hidden
}

.recommend-friends-list .rf-list,.vip-list .rf-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 1.3
}

.recommend-friends-list .rf-list.form-title,.vip-list .rf-list.form-title {
    padding: 2.1333333333vw 2.6666666667vw;
    color: #fff;
    font-size: 3.2vw;
    font-weight: 500
}

.recommend-friends-list .rf-list.form-content,.vip-list .rf-list.form-content {
    padding: 1.3333333333vw 2.6666666667vw;
    background: #4a4a4a;
    color: #e5e5e5;
    border-top: .2666666667vw solid #5a5a5a;
    font-size: 2.9333333333vw
}

.recommend-friends-list .rf-list.form-content:nth-child(2n),.vip-list .rf-list.form-content:nth-child(2n) {
    background: #3a3a3a
}

.recommend-friends-list .rf-list li,.vip-list .rf-list li {
    flex: 1
}

.recommend-friends-list .rf-list li.complete-time,.vip-list .rf-list li.complete-time {
    color: #45a556
}

.recommend-friends-list .rf-list li.complete-time.pending,.recommend-friends-list .rf-list li.complete-time.expired,.vip-list .rf-list li.complete-time.pending,.vip-list .rf-list li.complete-time.expired {
    display: flex;
    align-items: center;
    justify-content: center
}

.recommend-friends-list .rf-list li.complete-time.pending img,.recommend-friends-list .rf-list li.complete-time.expired img,.vip-list .rf-list li.complete-time.pending img,.vip-list .rf-list li.complete-time.expired img {
    width: 4.8vw
}

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

.spread .bubble,.spread .circle {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    border-radius: 50%;
    color: #e2264d;
    -webkit-filter: none;
    filter: none
}

.spread .bubble {
    box-sizing: border-box;
    width: 8rem;
    height: 8rem;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    border: solid 4rem #ffe75a
}

.spread .circle {
    width: .375rem;
    height: .375rem;
    margin: -0.1875rem;
    box-shadow: .3247595264rem -5.1875rem 0 -0.1875rem #ff8080,-0.3247595264rem -4.8125000001rem 0 -0.1875rem #ffed80,4.2582350681rem -2.9804461252rem 0 -0.1875rem #ffed80,3.5600797569rem -3.2544519213rem 0 -0.1875rem #a4ff80,4.9851727513rem 1.470944472rem 0 -0.1875rem #a4ff80,4.7641064198rem .7542615641rem 0 -0.1875rem #80ffc8,1.9581736738rem 4.8146838799rem 0 -0.1875rem #80ffc8,2.3806665681rem 4.1948437453rem 0 -0.1875rem #80c8ff,-2.5433701195rem 4.532868123rem 0 -0.1875rem #80c8ff,-1.7953803367rem 4.4725491373rem 0 -0.1875rem #a480ff,-5.1297043328rem .8377098628rem 0 -0.1875rem #a480ff,-4.6179132702rem 1.3148145285rem 0 -0.1875rem #ff80ed,-3.8532661237rem -3.4882878709rem 0 -0.1875rem #ff80ed,-3.9428102567rem -3.6288205606rem 0 -0.1875rem #ff8080
}

@-webkit-keyframes bubble {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    10% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        border-width: 4rem
    }

    20%,90%,100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        border-width: 0;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes bubble {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    10% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        border-width: 4rem
    }

    20%,90%,100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        border-width: 0;
        transform: translate(-50%,-50%) scale(1)
    }
}

@-webkit-keyframes sparkles {
    0%,35% {
        opacity: 0
    }

    40% {
        opacity: 1;
        box-shadow: .3247595264rem -4.1875rem 0 0rem #ff8080,-0.3247595264rem -3.8125000001rem 0 0rem #ffed80,3.4764035856rem -2.3569563233rem 0 0rem #ffed80,2.7782482745rem -2.6309621195rem 0 0rem #a4ff80,4.0102448391rem 1.248423538rem 0 0rem #a4ff80,3.7891785076rem .5317406302rem 0 0rem #80ffc8,1.5242899347rem 3.913715012rem 0 0rem #80ffc8,1.946782829rem 3.2938748774rem 0 0rem #80c8ff,-2.1094863804rem 3.6318992551rem 0 0rem #80c8ff,-1.3614965975rem 3.5715802694rem 0 0rem #a480ff,-4.1547764206rem .6151889303rem 0 0rem #a480ff,-3.642985358rem 1.092293596rem 0 0rem #ff80ed,-3.0714346466rem -2.8647976557rem 0 0rem #ff80ed,-3.1609787796rem -3.0053303454rem 0 0rem #ff8080
    }
}

@keyframes sparkles {
    0%,35% {
        opacity: 0
    }

    40% {
        opacity: 1;
        box-shadow: .3247595264rem -4.1875rem 0 0rem #ff8080,-0.3247595264rem -3.8125000001rem 0 0rem #ffed80,3.4764035856rem -2.3569563233rem 0 0rem #ffed80,2.7782482745rem -2.6309621195rem 0 0rem #a4ff80,4.0102448391rem 1.248423538rem 0 0rem #a4ff80,3.7891785076rem .5317406302rem 0 0rem #80ffc8,1.5242899347rem 3.913715012rem 0 0rem #80ffc8,1.946782829rem 3.2938748774rem 0 0rem #80c8ff,-2.1094863804rem 3.6318992551rem 0 0rem #80c8ff,-1.3614965975rem 3.5715802694rem 0 0rem #a480ff,-4.1547764206rem .6151889303rem 0 0rem #a480ff,-3.642985358rem 1.092293596rem 0 0rem #ff80ed,-3.0714346466rem -2.8647976557rem 0 0rem #ff80ed,-3.1609787796rem -3.0053303454rem 0 0rem #ff8080
    }
}

.bonus-wallet-wrap {
    display: block;
    width: inherit;
    padding: 2.6666666667vw
}

.bonus-wallet-wrap.ongoing {
    display: none;
    z-index: 5
}

.bonus-wallet-wrap.ongoing.show {
    display: block;
    margin-top: 0
}

.bonus-wallet-wrap.hide {
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    transition: all .3s ease-in
}

.bonus-wallet {
    display: block;
    position: relative;
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw 1.3333333333vw 0 0;
    background-image: linear-gradient(0,#3a3a3a 0%,#666 100%);
    box-shadow: 0 -2px 4px rgba(0,0,6,0.1)
}

.bonus-wallet .title {
    position: relative;
    overflow: hidden;
    color: #eee;
    font-size: 3.7333333333vw;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bonus-wallet .title::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.8vw;
    margin-right: 1.0666666667vw;
    border-radius: 1.0666666667vw;
    background-color: #69aaff;
    vertical-align: sub
}

.bonus-wallet .wallet-label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15.2vw;
    height: 15.2vw;
    /* background: url("/images/h5/player/wallet-new.svg") no-repeat top center/cover */
}

/* .bonus-wallet .wallet-label.wallet-label-hot {
    background: url("/images/h5/player/wallet-hot.svg") no-repeat top center/cover
} */

/* .bonus-wallet .wallet-label.wallet-label-complete {
    background: url("/images/h5/player/wallet-complete.svg") no-repeat top center/cover
} */

/* .bonus-wallet .wallet-label.wallet-label-open {
    background: url("/images/h5/player/wallet-is-open.svg") no-repeat top center/cover
} */

.bonus-wallet .wallet-inner {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 2.6666666667vw;
    border-radius: 1.0666666667vw
}

.bonus-wallet .wallet-inner-left {
    width: 21.8666666667vw;
    height: 21.8666666667vw;
    margin-right: 4vw;
    overflow: hidden;
    border-radius: 1.0666666667vw;
    /* background: url("/images/h5/player/banner82x82.png") no-repeat top center/cover */
}

.bonus-wallet .wallet-inner-right {
    display: flex;
    position: relative;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    width: 70%
}

.bonus-wallet .wallet-inner-right .text {
    margin: auto;
    padding: 2.6666666667vw;
    color: #967b3f;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.bonus-wallet .card-detail {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2.6666666667vw
}

.bonus-wallet .card-detail .card-date {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    margin: 0 1.3333333333vw 0 0;
    color: #fff;
    font-size: 2.6666666667vw
}

.bonus-wallet .card-detail .card-date div {
    line-height: 1.5
}

.bonus-wallet .card-detail .timeZone {
    display: none;
    align-self: flex-start;
    margin: .8vw 1.3333333333vw .8vw 0;
    padding: .5333333333vw 1.0666666667vw;
    border: 1px solid #999;
    border-radius: .8vw;
    color: #999;
    font-size: 2.6666666667vw
}

.bonus-wallet .card-detail .detail-btn {
    display: flex;
    align-self: flex-start;
    margin: .8vw 0;
    padding: .5333333333vw 1.0666666667vw;
    border: .2666666667vw solid #967b3f;
    border-radius: .8vw
}

.bonus-wallet .card-detail .detail-btn a {
    color: #967b3f;
    font-size: 2.6666666667vw;
    text-decoration: none
}

.bonus-wallet .discount {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    color: #fdd137
}

.bonus-wallet .discount.complete {
    color: #fdd137
}

.bonus-wallet .discount.disable {
    color: #999
}

.bonus-wallet .discount .currency {
    margin: auto 0;
    font-size: 3.7333333333vw
}

.bonus-wallet .discount .amount {
    padding-bottom: 2.6666666667vw;
    font-size: 5.8666666667vw;
    font-weight: 700
}

.bonus-wallet .discount .turn-hide {
    display: none
}

.bonus-wallet .discount02 {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 2.6666666667vw 0;
    color: rgba(255,255,255,0.5);
    font-size: 3.2vw
}

.bonus-wallet .discount02 .deposit {
    padding-right: 5.3333333333vw
}

.dec-line-wrap {
    height: 20px;
    overflow: hidden
}

.dec-line {
    height: 20px;
    overflow: hidden;
    border-width: 20px;
    border-style: solid;
    /* -o-border-image: url("/images/h5/player/wallet-dec-line-dark.png") 20 20 0 20 round;
    border-image: url("/images/h5/player/wallet-dec-line-dark.png") 20 20 0 20 round */
}

.bonus-card-down {
    display: block;
    position: relative;
    padding: 2.6666666667vw;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    background-color: #3a3a3a;
    box-shadow: 0 2px 4px rgba(0,0,6,0.1)
}

.bonus-card-down .card-down-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    border-radius: 1.0666666667vw
}

.bonus-card-down .card-down-inner-left {
    color: #a2b3e1;
    font-size: 3.4666666667vw
}

.bonus-card-down .card-down-inner-center {
    position: relative;
    height: 7.4666666667vw;
    margin-left: 2.6666666667vw
}

.bonus-card-down .card-down-inner-center .btn-lvup-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32vw;
    min-height: 7.4666666667vw;
    border-radius: 5px;
    background-image: linear-gradient(230deg,#a1b6ee 0%,#6481cd 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25)
}

.bonus-card-down .card-down-inner-center .btn-lvup-wrap .btn-lvup1 {
    width: 5.8666666667vw;
    height: 6.9333333333vw;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /* background: url("/images/h5/player/wallet-lv-up.svg") no-repeat top center/cover; */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bonus-card-down .card-down-inner-center .btn-lvup-wrap .btn-lvup2 {
    display: inline-block;
    -webkit-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
    color: #e9e9e9;
    font-size: 3.2vw
}

.bonus-card-down .card-down-inner .turn-hide {
    display: none
}

.bonus-card-down .card-down-inner-right {
    position: relative;
    margin-left: 2.6666666667vw;
    min-width: 32vw
}

.bonus-card-down .card-down-inner-right .card-tips {
    display: none;
    padding-bottom: 1.3333333333vw;
    color: #a2b3e1;
    font-size: 3.4666666667vw;
    text-align: center
}

.bonus-card-down .card-down-inner-right .btn {
    min-width: 32vw;
    min-height: 7.4666666667vw;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center
}

.bonus-card-down .card-down-inner-right .btn-start {
    background-image: linear-gradient(230deg,#ffbf44 0%,#ffae12 100%)
}

.bonus-card-down .card-down-inner-right .btn-cancel {
    background-image: linear-gradient(230deg,#9fd562 0%,#7cb43e 100%)
}

.bonus-card-down .card-down-inner-right .btn.processing {
    background-image: linear-gradient(230deg,#666 0%,#666 100%);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25)
}

.bonus-card-down .card-down-inner-right .btn-receive {
    background-image: linear-gradient(270deg,#ff2c4c 0%,#e80935 100%);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.25)
}

.bonus-card-down .card-down-inner-right .btn-start {
    min-width: 32vw;
    min-height: 7.4666666667vw;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(230deg,#ffbf44 0%,#ffae12 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center
}

.bonus-card-down .card-down-inner-right .turn-open {
    display: block
}

.bonus-card-down .card-down-inner-right .withdraw-ani {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img {
    position: relative;
    z-index: 2;
    width: 15.7333333333vw;
    height: 11.4666666667vw
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img img {
    display: block;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .back {
    z-index: 3;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(45,45,45,0.1)) drop-shadow(4px 4px 4px rgba(49,49,49,0.1)) drop-shadow(8px 8px 8px rgba(42,42,42,0.1)) drop-shadow(16px 16px 16px rgba(32,32,32,0.1));
    filter: drop-shadow(2px 2px 2px rgba(45,45,45,0.1)) drop-shadow(4px 4px 4px rgba(49,49,49,0.1)) drop-shadow(8px 8px 8px rgba(42,42,42,0.1)) drop-shadow(16px 16px 16px rgba(32,32,32,0.1))
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .front {
    z-index: 5;
    -webkit-filter: drop-shadow(4px 4px 4px rgba(45,45,45,0.1));
    filter: drop-shadow(4px 4px 4px rgba(45,45,45,0.1))
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet {
    display: block;
    position: absolute;
    z-index: 4
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li {
    display: block;
    position: absolute;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background-repeat: no-repeat;
    background-size: contain
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-1 {
    top: -4vw;
    left: 8.8vw;
    /* background-image: url("/images/h5/player/m4.png") */
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-2 {
    top: -5.3333333333vw;
    left: 5.3333333333vw;
    /* background-image: url("/images/h5/player/m3.png") */
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-3 {
    top: -4vw;
    left: 1.0666666667vw;
    /* background-image: url("/images/h5/player/m2.png") */
}

.bonus-card-down .card-down-inner-right .withdraw-ani .wallet-img .coin-wallet li.coin-wallet-4 {
    top: -3.2vw;
    left: 4.8vw;
    /* background-image: url("/images/h5/player/m1.png") */
}

.bonus-card-down .card-down-inner-right .withdraw-ani .coin-img {
    position: relative;
    z-index: 2;
    top: 0;
    left: 50%
}

.bonus-card-down .card-down-inner-right .withdraw-ani .coin-img li {
    position: absolute;
    width: 8vw;
    height: 8vw;
    overflow: hidden
}

.bonus-card-down .card-down-inner-right .withdraw-ani .coin-img li span {
    display: block;
    z-index: 2;
    width: 8vw;
    height: 8vw;
    /* background-image: url("/images/h5/player/wallet-coin.jpg"); */
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 800% 100%
}

.bonus-card-down .card-down-inner-right.withdraw-active .btn-receive,.bonus-card-down .card-down-inner-right.withdraw-active .card-tips {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .5s ease-in-out;
    opacity: 0
}

.bonus-card-down .card-down-inner-right.withdraw-active .withdraw-ani {
    display: block;
    position: absolute
}

@-webkit-keyframes walletCoin {
    from {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

@keyframes walletCoin {
    from {
        background-position: 0 0
    }

    100% {
        background-position: 100% 0
    }
}

.bonus-card-down .card-down-inner .bonus-left {
    display: none;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: #fdd137
}

.bonus-card-down .card-down-inner .bonus-left .bonus-name {
    padding-top: 2.6666666667vw;
    font-size: 3.2vw
}

.bonus-card-down .card-down-inner .bonus-left .currency {
    padding: 0 1.3333333333vw 2.6666666667vw 0;
    font-size: 3.7333333333vw
}

.bonus-card-down .card-down-inner .bonus-left .bonus-number {
    padding-bottom: 4vw;
    font-size: 5.8666666667vw;
    font-weight: 700
}

.bonus-card-down .card-down-inner .bonus-left .bonus-tips {
    margin-left: -2.6666666667vw;
    padding-top: 1.3333333333vw;
    -webkit-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
    color: rgba(255,255,255,0.5);
    font-size: 3.2vw
}

.turn-gray {
    -webkit-filter: grayscale(100%) brightness(180%);
    filter: grayscale(100%) brightness(180%)
}

.turn-gray2 {
    -webkit-filter: grayscale(100%) brightness(120%);
    filter: grayscale(100%) brightness(120%)
}

.turn-hide {
    display: none !important
}

.turn-show {
    display: flex !important
}

.bgcolor-gray {
    background-image: linear-gradient(0,#3a3a3a 0%,#1f1e1e 100%)
}

.bgcolor-gray .card-detail .timeZone {
    display: block
}

@-webkit-keyframes fadeOutUp {
    from {
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
        opacity: .5
    }

    30% {
        -webkit-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
        opacity: .5
    }
}

@keyframes fadeOutUp {
    from {
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
        opacity: .5
    }

    30% {
        -webkit-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
        opacity: .5
    }
}

.pop-bonuswallet {
    display: none;
    position: fixed;
    z-index: 8001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.pop-bonuswallet .pop-wrap3 {
    pointer-events: auto
}

.pop-wrap3 {
    position: fixed;
    z-index: 2;
    bottom: -100%;
    width: 100%;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: bottom .3s;
    background: #3e3e3e;
    color: #777
}

.pop-wrap3.active {
    bottom: 0;
    transition: bottom .3s
}

.pop-wrap3 {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    color: #fff;
    line-height: 1.5
}

.pop-wrap3 .btn-closed {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background-color: #ccc;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27%;
    mask: url("/images/h5/icon-set/icon-cross-type02.svg") no-repeat center/27% */
}

.pop-wrap3 .title-wrap {
    position: relative;
    display: flex
}

.pop-wrap3 .title-wrap .btn-back {
    position: relative;
    -webkit-text-decoration: block;
    text-decoration: block;
    padding: 0 1.3333333333vw 2.6666666667vw 10.6666666667vw;
    display: none
}

.pop-wrap3 .title-wrap .btn-back.btn-back-show {
    display: block;
    -webkit-animation: slide-top .5s both;
    animation: slide-top .5s both
}

.pop-wrap3 .title-wrap .btn-back div {
    top: 2.1333333333vw;
    left: 0;
    content: "";
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    display: block;
    z-index: 3;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform 400ms 0 cubic-bezier(0.2,0,0,1.6);
    transition: transform 400ms 0 cubic-bezier(0.2,0,0,1.6);
    transition: transform 400ms 0 cubic-bezier(0.2,0,0,1.6),-webkit-transform 400ms 0s cubic-bezier(0.2,0,0,1.6)
}

.pop-wrap3 .title-wrap .btn-back div::after {
    top: -0.5333333333vw;
    left: 0;
    content: "";
    width: 18.6666666667vw;
    height: 9.3333333333vw;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    /* background-image: url("/images/h5/icon-set/icon-arrow-type03.svg"); */
    transition: -webkit-transform 400ms 0 cubic-bezier(0.2,0,0,1);
    transition: transform 400ms 0 cubic-bezier(0.2,0,0,1);
    transition: transform 400ms 0 cubic-bezier(0.2,0,0,1),-webkit-transform 400ms 0s cubic-bezier(0.2,0,0,1)
}

.pop-wrap3 .title-wrap .btn-back:hover div {
    border: .5333333333vw solid #8d8d8d
}

.pop-wrap3 .title-wrap .btn-back:hover div::after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pop-wrap3 .title-wrap .title {
    margin: 1.3333333333vw 0 0 0;
    color: #eee;
    font-size: 4.2666666667vw;
    line-height: 1.5
}

.pop-wrap3 .title-wrap .title .tips {
    color: #888;
    font-size: 3.2vw
}

.pop-wrap3 .inner-wrap {
    display: flex;
    flex-direction: row;
    width: auto;
    max-height: 90vh;
    transition: all .3s;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.pop-wrap3 .inner-wrap .inner-inner {
    display: flex;
    transition: all .2s
}

.pop-wrap3 .inner-wrap .inner-right {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pop-wrap3 .inner-wrap .inner-right .inner-box:nth-child(2) {
    height: auto;
    padding: 2.6666666667vw
}

.pop-wrap3 .inner-wrap .inner-left {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pop-wrap3 .inner-wrap .inner-left .inner-box:nth-child(1) {
    height: auto;
    padding: 2.6666666667vw
}

.pop-wrap3 .inner-wrap .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100vw;
    height: 0;
    padding: 0;
    overflow: hidden
}

.pop-wrap3 .inner-wrap .inner-box>div {
    margin-bottom: 2.6666666667vw
}

.pop-wrap3 .bottom-wrap .tips2 {
    padding-bottom: 1.3333333333vw;
    color: #888;
    font-size: 3.2vw;
    text-align: center
}

.pop-wrap3 .bottom-wrap .button {
    display: block;
    width: 100%;
    height: 9.6vw;
    margin: 0;
    line-height: 9.6vw
}

.pop-wrap3 .bottom-wrap .button2 {
    background-image: linear-gradient(230deg,#ffbf44 0%,#ffae12 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25)
}

.reel-box {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.lvup-select-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.lvup-select-wrap .event {
    display: block;
    position: relative;
    width: 48%;
    height: 12vw;
    border-radius: .8vw;
    /* background:  url("/images/h5/index-banner3.jpg") no-repeat top center/cover */
}

.lvup-select-wrap .event-click {
    border: 2px solid #ffae12
}

.lvup-select-wrap .event-click::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    right: -0.3vw;
    bottom: -0.3vw;
    width: 5.3333333333vw;
    height: 4.2666666667vw;
    transition: all .3s;
    opacity: 1;
    /* background: url("/images/h5/player/select-check-y.svg") no-repeat top center/cover */
}

.lvup-select-wrap>div {
    margin-bottom: 2.6666666667vw
}

@-webkit-keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1
    }
}

@keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 0
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        opacity: 1
    }
}

.lvup-event-detail {
    display: none;
    width: 100%;
    height: 0;
    padding: 2.6666666667vw;
    border: .5px solid #ffbf44;
    border-radius: 5px;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%);
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.lvup-event-detail.active {
    display: block;
    height: auto;
    min-height: 24vw;
    -webkit-animation: scale-in-ver-top .5s both;
    animation: scale-in-ver-top .5s both
}

.lvup-event-detail .event-title {
    position: relative;
    margin: 0;
    overflow: hidden;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lvup-event-detail .event-detail {
    color: #fff;
    font-size: 3.2vw
}

.lvup-event-detail .event-date {
    margin-top: 1.3333333333vw;
    color: rgba(255,255,255,0.5);
    font-size: 2.6666666667vw
}

.lvup-event-detail .event-date::before {
    content: "";
    display: inline-block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    background-color: rgba(255,255,255,0.5);
    /* mask: url("/images/h5/icon-set/icon-clock.svg") no-repeat center/80%;
    -webkit-mask: url("/images/h5/icon-set/icon-clock.svg") no-repeat center/80%; */
    vertical-align: middle
}

.bonus-event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 24vw;
    margin-bottom: 2.6666666667vw;
    padding: 2.6666666667vw 0;
    border-radius: 5px;
    background-image: linear-gradient(180deg,#555 0%,#777 100%);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.12)
}

.bonus-event-left {
    width: 55%
}

.bonus-event-left .title {
    position: relative;
    margin-top: 2.6666666667vw;
    overflow: hidden;
    font-size: 3.7333333333vw;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bonus-event-left .title::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.8vw;
    margin-right: 1.0666666667vw;
    border-radius: 1.0666666667vw;
    background-color: #967b3f;
    vertical-align: sub
}

.bonus-event-left .card-detail {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.bonus-event-left .card-detail .card-date {
    margin: auto 0;
    color: #fff;
    font-size: 2.6666666667vw
}

.bonus-event-left .card-detail .detail-btn {
    display: flex;
    margin: auto 1.3333333333vw;
    padding: .5333333333vw 1.0666666667vw;
    border: .2666666667vw solid #967b3f;
    border-radius: .8vw
}

.bonus-event-left .card-detail .detail-btn a {
    color: #967b3f;
    font-size: 2.6666666667vw;
    text-decoration: none
}

.bonus-event-left .discount {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    color: #fdd137
}

.bonus-event-left .discount .currency {
    margin: auto 0;
    font-size: 3.7333333333vw
}

.bonus-event-left .discount .amount {
    padding-bottom: 2.6666666667vw;
    font-size: 5.8666666667vw;
    font-weight: 700
}

.bonus-event-right {
    width: 30%
}

.bonus-event-right .btn {
    min-width: 29.3333333333vw;
    min-height: 7.4666666667vw;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(230deg,#ffbf44 0%,#ffae12 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center
}

.bonus-event-right .btn-lvup-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 29.3333333333vw;
    min-height: 7.4666666667vw;
    margin-bottom: 2.6666666667vw;
    border-radius: 5px;
    background-image: linear-gradient(230deg,#a1b6ee 0%,#6481cd 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25)
}

.bonus-event-right .btn-lvup-wrap .btn-lvup1 {
    width: 5.8666666667vw;
    height: 6.9333333333vw;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /* background: url("/images/h5/player/wallet-lv-up.svg") no-repeat top center/cover; */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bonus-event-right .btn-lvup-wrap .btn-lvup2 {
    display: inline-block;
    -webkit-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
    color: #e9e9e9;
    font-size: 3.2vw
}

.bonus-event .notch-l {
    width: 2.1333333333vw;
    height: 4vw;
    border-radius: 0 100px 100px 0;
    background: #3e3e3e
}

.bonus-event .notch-r {
    width: 2.1333333333vw;
    height: 4vw;
    border-radius: 100px 0 0 100px;
    background: #3e3e3e
}

@media screen and (min-aspect-ratio: 13/9) {
    .pop-wrap3 {
        width:100%
    }

    .pop-wrap3 {
        border-radius: 1.4992503748vmax 1.4992503748vmax 0 0
    }

    .pop-wrap3 .btn-closed {
        content: "";
        width: 6.7466266867vmax;
        height: 6.7466266867vmax
    }

    .pop-wrap3 .title {
        margin: .7496251874vmax 0 0 0;
        font-size: 2.3988005997vmax
    }

    .pop-wrap3 .title .tips {
        font-size: 1.7991004498vmax
    }

    .pop-wrap3 .inner-wrap .inner-box {
        width: 100vw;
        padding: 1.4992503748vmax
    }

    .pop-wrap3 .inner-wrap .inner-box>div {
        margin-bottom: 1.4992503748vmax
    }

    .pop-wrap3 .bottom-wrap .tips2 {
        padding-bottom: .7496251874vmax;
        font-size: 1.7991004498vmax
    }

    .pop-wrap3 .bottom-wrap .button {
        height: 5.3973013493vmax;
        line-height: 5.3973013493vmax
    }

    .pop-wrap3 .bottom-wrap .button2 {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25)
    }

    .reel-box {
        max-height: 32vh
    }

    .lvup-select-wrap .event {
        height: 6.7466266867vmax;
        border-radius: .4497751124vmax
    }

    .lvup-select-wrap .event-click {
        border: .299850075vmax solid #ffae12
    }

    .lvup-select-wrap>div {
        margin-bottom: 1.4992503748vmax
    }

    .lvup-event-detail {
        padding: 1.4992503748vmax;
        border-radius: .7496251874vmax
    }

    .lvup-event-detail.active {
        height: 13.4932533733vmax
    }

    .lvup-event-detail .event-title {
        font-size: 2.0989505247vmax;
        color: #fff
    }

    .lvup-event-detail .event-detail {
        font-size: 1.7991004498vmax
    }

    .lvup-event-detail .event-date {
        margin-top: .7496251874vmax;
        font-size: 1.4992503748vmax
    }

    .lvup-event-detail .event-date::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-right: .7496251874vmax
    }

    .bonus-event {
        width: 100%;
        height: 13.4932533733vmax;
        margin-bottom: 1.4992503748vmax;
        padding: 1.4992503748vmax 0;
        border-radius: .7496251874vmax
    }

    .bonus-event-left .title {
        font-size: 2.0989505247vmax
    }

    .bonus-event-left .title::before {
        width: .5997001499vmax;
        height: 2.6986506747vmax;
        margin-right: .5997001499vmax;
        border-radius: .5997001499vmax
    }

    .bonus-event-left .card-detail .card-date {
        font-size: 1.4992503748vmax
    }

    .bonus-event-left .card-detail .detail-btn {
        margin: auto .7496251874vmax;
        padding: .299850075vmax .5997001499vmax;
        border: .1499250375vmax solid #967b3f;
        border-radius: .4497751124vmax
    }

    .bonus-event-left .card-detail .detail-btn a {
        font-size: 1.4992503748vmax
    }

    .bonus-event-left .discount .currency {
        font-size: 2.0989505247vmax
    }

    .bonus-event-left .discount .amount {
        padding-bottom: 2.6666666667vw;
        font-size: 3.2983508246vmax
    }

    .bonus-event-right .btn {
        min-width: 16.4917541229vmax;
        min-height: 4.1979010495vmax;
        border-radius: .7496251874vmax;
        font-size: 1.9490254873vmax;
        line-height: 4.1979010495vmax
    }

    .bonus-event-right .btn-lvup-wrap {
        min-width: 16.4917541229vmax;
        min-height: 4.1979010495vmax;
        margin-bottom: 1.4992503748vmax;
        border-radius: .7496251874vmax
    }

    .bonus-event-right .btn-lvup-wrap .btn-lvup1 {
        width: 3.2983508246vmax;
        height: 3.8980509745vmax
    }

    .bonus-event-right .btn-lvup-wrap .btn-lvup2 {
        font-size: 1.7991004498vmax
    }

    .bonus-event .notch-l {
        width: 1.1994002999vmax;
        height: 2.2488755622vmax;
        border-radius: 0 14.9925037481vmax 14.9925037481vmax 0
    }

    .bonus-event .notch-r {
        width: 1.1994002999vmax;
        height: 2.2488755622vmax;
        border-radius: 14.9925037481vmax 0 0 14.9925037481vmax
    }
}

.player-vip-box,.player-vip-ticket-box {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background-color: #3e3e3e;
    box-shadow: 0 0 6px rgba(62,62,62,0.5)
}

.player-vip-box.deco,.player-vip-ticket-box.deco {
    margin-top: 5.3333333333vw
}

.player-vip-box .title,.player-vip-ticket-box .title {
    width: 100%;
    margin-bottom: 2.6666666667vw
}

.player-vip-box .title h2,.player-vip-ticket-box .title h2 {
    color: #fff;
    font-size: 4vw
}

.player-vip-box .title h2 span,.player-vip-ticket-box .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.player-vip-box .title h2::before,.player-vip-ticket-box .title h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 2.1333333333vw;
    background: #ffb80c;
    vertical-align: middle
}

.player-vip-box.vip-card-lv1,.player-vip-ticket-box.vip-card-lv1 {
    padding: 0
}

.player-vip-box.vip-card-lv1 .card-top,.player-vip-ticket-box.vip-card-lv1 .card-top {
    background-image: linear-gradient(180deg,#928f82 0%,#3e3e3e 50%);
    width: auto;
    height: 36.2666666667vw;
    padding: 4vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-flow: row nowrap
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-totem {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    border-radius: 100%;
    /* background: url("/images/h5/icon-set/player/vip/vip-totem-1.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    background-position: 35% 50%;
    background-size: 60%;
    box-shadow: 2px 4px 7px 0 rgba(0,0,0,0.24),0 1px 2px 0 silver
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text {
    padding-left: 4vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text .text,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text .text {
    color: #fff;
    font-size: 3.2vw;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: left;
    transform-origin: left
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text h2,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area1 .lv-text h2 {
    color: #fff;
    font-size: 21px
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-flow: row nowrap;
    margin-top: 2.6666666667vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar {
    flex: 1;
    margin-right: 2.6666666667vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar {
    position: relative;
    width: 100%;
    height: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    border-radius: 1.3333333333vw;
    background: rgba(0,0,0,0.3);
    box-shadow: inset 0 0 .2666666667vw 0 #999
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner {
    position: absolute;
    left: 0;
    width: 60%;
    height: 100%;
    border-radius: 1.3333333333vw;
    background: linear-gradient(to right,#d7b94b,#c2ab66);
    box-shadow: 0 .2666666667vw .8vw .2666666667vw rgba(215,185,75,0.4),0 0 .8vw 0 rgba(215,185,75,0.4)
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner::after,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .bar .bar-inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .8vw;
    height: .8vw;
    border-radius: .8vw;
    background-color: #fff;
    box-shadow: 0 0 .5333333333vw .2666666667vw #d7b94b
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .number,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .progress-bar .number {
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: rgba(255,255,255,0.5);
    font-size: 2.6666666667vw
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 .next-lv-totem {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    /* background: url("/images/h5/player/vip/vip-totem-bg-2.svg") no-repeat top center/cover */
}

.player-vip-box.vip-card-lv1 .card-top .vip-lv-area2 span,.player-vip-ticket-box.vip-card-lv1 .card-top .vip-lv-area2 span {
    color: #fff;
    font-size: 3.2vw;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: left;
    transform-origin: left
}

.player-vip-box.vip-card-lv1 .card-top p,.player-vip-ticket-box.vip-card-lv1 .card-top p {
    color: #fff;
    font-size: 3.2vw;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: left;
    transform-origin: left
}

.player-vip-box.vip-card-lv1 .card-bottom,.player-vip-ticket-box.vip-card-lv1 .card-bottom {
    display: flex;
    flex-flow: row-reverse nowrap;
    align-items: center;
    background-color: #807c70;
    height: 8.5333333333vw;
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    padding: 0 4vw
}

.player-vip-box.vip-card-lv1 .card-bottom a,.player-vip-ticket-box.vip-card-lv1 .card-bottom a {
    color: #dadada;
    font-size: 3.4666666667vw;
    text-decoration: none
}

.player-vip-box.vip-card-lv1 .card-bottom a::after,.player-vip-ticket-box.vip-card-lv1 .card-bottom a::after {
    content: "";
    display: inline-block;
    width: 3.2vw;
    height: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    background: #dadada;
    /* -webkit-mask: url("/images/h5/player/vip/icon-arrow.svg") no-repeat top center/cover;
    mask: url("/images/h5/player/vip/icon-arrow.svg") no-repeat top center/cover; */
    vertical-align: middle
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top {
    background-image: linear-gradient(180deg,#908a8a 0%,#3e3e3e 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area1 .lv-totem {
    /* background: url("/images/h5/icon-set/player/vip/vip-totem-2.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    background-position: 50% 50%;
    background-size: 60%
}

/* .player-vip-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-top .vip-lv-area2 .next-lv-totem {
    background: url("/images/h5/icon-set/player/vip/vip-totem-bg-3.svg") no-repeat top center/cover
} */

.player-vip-box.vip-card-lv1.vip-card-lv2 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv2 .card-bottom {
    background-color: #7d7d7d
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top {
    background-image: linear-gradient(180deg,#7d7757 0%,#3e3e3e 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area1 .lv-totem {
    /* background: url("/images/h5/icon-set/player/vip/vip-totem-3.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    background-position: 50% 50%;
    background-size: 60%
}

/* .player-vip-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-top .vip-lv-area2 .next-lv-totem {
    background: url("/images/h5/icon-set/player/vip/vip-totem-bg-4.svg") no-repeat top center/cover
} */

.player-vip-box.vip-card-lv1.vip-card-lv3 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv3 .card-bottom {
    background-color: #8a7c3b
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top {
    background-image: linear-gradient(180deg,#80868f 0%,#3e3e3e 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area1 .lv-totem {
    /* background: url("/images/h5/icon-set/player/vip/vip-totem-4.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    background-position: 50% 50%;
    background-size: 60%
}

/* .player-vip-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-top .vip-lv-area2 .next-lv-totem {
    background: url("/images/h5/icon-set/player/vip/vip-totem-bg-5.svg") no-repeat top center/cover
} */

.player-vip-box.vip-card-lv1.vip-card-lv4 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv4 .card-bottom {
    background-color: #94979d
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-top,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top {
    background-image: linear-gradient(180deg,#5f6e84 0%,#3e3e3e 50%)
}

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area1 .lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area1 .lv-totem {
    /* background: url("/images/h5/icon-set/player/vip/vip-totem-5.svg") no-repeat,linear-gradient(180deg,#fff 0%,#dfdfdf 100%); */
    background-position: 50% 50%;
    background-size: 60%
}

/* .player-vip-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area2 .next-lv-totem,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-top .vip-lv-area2 .next-lv-totem {
    background: url("/images/h5/icon-set/player/vip/vip-totem-bg-5.svg") no-repeat top center/cover
} */

.player-vip-box.vip-card-lv1.vip-card-lv5 .card-bottom,.player-vip-ticket-box.vip-card-lv1.vip-card-lv5 .card-bottom {
    background-color: #5f7ba5
}

.player-vip-box .status-box,.player-vip-ticket-box .status-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.player-vip-box .status-box .status,.player-vip-ticket-box .status-box .status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    color: #cecece;
    padding: 1.3333333333vw
}

.player-vip-box .status-box .status.accept,.player-vip-ticket-box .status-box .status.accept {
    position: relative
}

.player-vip-box .status-box .status.accept::after,.player-vip-ticket-box .status-box .status.accept::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 2.1333333333vw;
    height: 100%;
    /* background: url("/images/h5/player/line-dot.svg"); */
    background-size: 100% auto
}

.player-vip-box .status-box .status.accept .number,.player-vip-ticket-box .status-box .status.accept .number {
    color: #ffd46e
}

.player-vip-box .status-box .status .number,.player-vip-ticket-box .status-box .status .number {
    font-size: 8vw;
    margin-bottom: 1.8666666667vw
}

.player-vip-box .status-box .status .vip-cleader,.player-vip-ticket-box .status-box .status .vip-cleader {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    background: #ffb80c;
    /* -webkit-mask: url("/images/h5/icon-set/player/vip/vip-calendar.svg") no-repeat top center/cover;
    mask: url("/images/h5/icon-set/player/vip/vip-calendar.svg") no-repeat top center/cover; */
    vertical-align: middle;
    margin-bottom: 1.8666666667vw
}

.player-vip-box .status-box .status .text,.player-vip-ticket-box .status-box .status .text {
    color: #fff;
    font-size: 3.2vw
}

.player-vip-ticket-box {
    margin: auto;
    padding: 1.3333333333vw 2.6666666667vw;
    background-color: initial;
    box-shadow: 0 0 6px rgba(62,62,62,0.5)
}

.player-vip-ticket-box:first-child {
    padding: 2.6666666667vw 2.6666666667vw 1.3333333333vw 2.6666666667vw
}

.player-vip-ticket-box:last-child {
    padding: 1.3333333333vw 2.6666666667vw 2.6666666667vw 2.6666666667vw
}

.player-vip-ticket-box .ticket-top {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    background-color: #3e3e3e
}

.player-vip-ticket-box .ticket-dec-line-wrap {
    background-color: #3e3e3e
}

.player-vip-ticket-box .ticket-bottom {
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    background-color: #3e3e3e
}

.title2 {
    padding: 1.3333333333vw 4vw;
    color: #ffb80c;
    font-size: 3.7333333333vw;
    font-weight: 500
}

.player-vip-ticket-box .ticket-top {
    display: flex;
    position: relative;
    height: 26.6666666667vw;
    padding: 2.6666666667vw
}

.player-vip-ticket-box .ticket-top .ticket-top-left {
    width: 21.8666666667vw;
    height: 21.8666666667vw;
    border-radius: 1.3333333333vw;
    /* background: url("/images/h5/player/banner82x82.png") no-repeat top center/cover */
}

.player-vip-ticket-box .ticket-top .ticket-top-right {
    padding-left: 2.6666666667vw;
    height: 21.8666666667vw
}

.player-vip-ticket-box .ticket-top .ticket-top-right .date {
    color: #fff;
    font-size: 3.2vw
}

.player-vip-ticket-box .ticket-top .detail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13.3333333333vw;
    border: .2666666667vw solid #6481cd;
    border-radius: .8vw;
    padding: .8vw;
    margin-top: 2.1333333333vw
}

.player-vip-ticket-box .ticket-top .detail-btn a {
    color: #6481cd;
    font-size: 3.2vw;
    text-decoration: none
}

.player-vip-ticket-box .ticket-dec-line-wrap {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.player-vip-ticket-box .ticket-dec-line-wrap .left-dot {
    width: 2.1333333333vw;
    height: 4.2666666667vw;
    border-radius: 0 4.2666666667vw 4.2666666667vw 0;
    background-color: #000
}

.player-vip-ticket-box .ticket-dec-line-wrap .center-dot-line {
    flex: 1;
    height: 1.6vw;
    /* background: url("/images/h5/player/line-dot.svg") repeat-x */
}

.player-vip-ticket-box .ticket-dec-line-wrap .right-dot {
    width: 2.1333333333vw;
    height: 4.2666666667vw;
    border-radius: 4.2666666667vw 0 0 4.2666666667vw;
    background-color: #000
}

.player-vip-ticket-box .ticket-bottom {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 12vw;
    padding: 1.3333333333vw 2.6666666667vw 2.6666666667vw 2.6666666667vw
}

.player-vip-ticket-box .ticket-bottom .need-point {
    width: auto;
    height: 7.4666666667vw;
    border-radius: 28px;
    background-color: #4c4c4c;
    line-height: 7.4666666667vw;
    padding: 0 4vw
}

.player-vip-ticket-box .ticket-bottom .need-point .point-number {
    color: #ffd46e;
    font-size: 3.2vw
}

.player-vip-ticket-box .ticket-bottom .need-point .point-number::before {
    content: "";
    display: inline-block;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    margin-right: 2.6666666667vw;
    background: #ffd46e;
    /* -webkit-mask: url("/images/h5/icon-set/player/vip/vip-star.svg") no-repeat top center/cover;
    mask: url("/images/h5/icon-set/player/vip/vip-star.svg") no-repeat top center/cover */
}

.player-vip-ticket-box .ticket-bottom .btn-receive {
    min-width: 32vw;
    height: 7.4666666667vw;
    border-radius: 1.3333333333vw;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 7.4666666667vw;
    text-align: center;
    background-image: linear-gradient(270deg,#f7c247 0%,#f4aa00 100%)
}

.player-vip-detailed-menu {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    width: auto;
    height: auto;
    padding: 5.3333333333vw 1.8666666667vw 0 1.8666666667vw
}

.player-vip-detailed-menu .vip-btn-lv1,.player-vip-detailed-menu .vip-btn-lv2,.player-vip-detailed-menu .vip-btn-lv3,.player-vip-detailed-menu .vip-btn-lv4 {
    display: flex;
    position: relative;
    flex-flow: column-reverse nowrap;
    align-items: center;
    width: 25%;
    height: 32vw;
    margin: .8vw;
    /* background: url("/images/h5/player/vip/vip-ball-1.png") no-repeat,linear-gradient(180deg,#aaa591 0%,#353232 100%); */
    background-position: 100% 110%;
    background-size: 100%;
    box-shadow: 0 .5333333333vw .8vw 0 rgba(0,0,0,0.2);
    border-radius: 2.6666666667vw 12vw 2.6666666667vw 2.6666666667vw;
    transition: .3s all;
    -webkit-transform: scale(0.96);
    transform: scale(0.96)
}

.player-vip-detailed-menu .vip-btn-lv1.active,.player-vip-detailed-menu .vip-btn-lv2.active,.player-vip-detailed-menu .vip-btn-lv3.active,.player-vip-detailed-menu .vip-btn-lv4.active {
    -webkit-transform: translate(0,-4px) scale(1);
    transform: translate(0,-4px) scale(1);
    box-shadow: 0 1.0666666667vw 1.0666666667vw 0 rgba(0,0,0,0.2)
}

.player-vip-detailed-menu .vip-btn-lv1::before,.player-vip-detailed-menu .vip-btn-lv2::before,.player-vip-detailed-menu .vip-btn-lv3::before,.player-vip-detailed-menu .vip-btn-lv4::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: -1.0666666667vw;
    top: 0;
    width: 11.2vw;
    height: 11.2vw;
    transition: all .3s;
    /* background: url("/images/h5/player/vip/vip-totem-bg-1.svg") no-repeat top center/cover */
}

.player-vip-detailed-menu .vip-btn-lv1 p,.player-vip-detailed-menu .vip-btn-lv2 p,.player-vip-detailed-menu .vip-btn-lv3 p,.player-vip-detailed-menu .vip-btn-lv4 p {
    display: block;
    position: relative;
    width: auto;
    height: 0;
    margin-bottom: 6.6666666667vw;
    color: #dadada;
    font-size: 3.4666666667vw
}

.player-vip-detailed-menu .vip-btn-lv2 {
    /* background: url("/images/h5/player/vip/vip-ball-2.png") no-repeat,linear-gradient(180deg,#cecece 0%,#353232 100%); */
    background-position: 100% 110%;
    background-size: 100%
}

/* .player-vip-detailed-menu .vip-btn-lv2::before {
    background: url("/images/h5/player/vip/vip-totem-bg-2.svg") no-repeat top center/cover
} */

.player-vip-detailed-menu .vip-btn-lv3 {
    /* background: url("/images/h5/player/vip/vip-ball-3.png") no-repeat,linear-gradient(180deg,#cec182 0%,#353232 100%); */
    background-position: 100% 110%;
    background-size: 100%
}

/* .player-vip-detailed-menu .vip-btn-lv3::before {
    background: url("/images/h5/player/vip/vip-totem-bg-3.svg") no-repeat top center/cover
} */

.player-vip-detailed-menu .vip-btn-lv4 {
    /* background: url("/images/h5/player/vip/vip-ball-4.png") no-repeat,linear-gradient(180deg,#b7cae6 0%,#353232 100%); */
    background-position: 100% 110%;
    background-size: 100%
}

/* .player-vip-detailed-menu .vip-btn-lv4::before {
    background: url("/images/h5/player/vip/vip-totem-bg-4.svg") no-repeat top center/cover
} */

.player-vip-detailed-box {
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    transition: all .3s;
    overflow-x: hidden;
    overflow-y: auto
}

.player-vip-detailed-box .inner-inner {
    display: flex;
    transition: all .2s
}

.player-vip-detailed-box .inner-lv2 {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

.player-vip-detailed-box .inner-lv3 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.player-vip-detailed-box .inner-lv4 {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%)
}

.player-vip-detailed-box .inner-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100vw;
    height: auto;
    padding: 0;
    overflow: hidden
}

.player-vip-detailed-box .inner-box>div {
    margin-bottom: 2.6666666667vw
}

.player-vip-detailed-box .vip-detailed-lv1,.player-vip-detailed-box .vip-detailed-lv2,.player-vip-detailed-box .vip-detailed-lv3,.player-vip-detailed-box .vip-detailed-lv4 {
    width: auto;
    height: auto;
    margin: 2.6666666667vw;
    padding: 0;
    border-radius: 2.6666666667vw;
    background-color: #3e3e3e;
    box-shadow: 0 0 6px rgba(62,62,62,0.5)
}

.player-vip-detailed-box .vip-detailed-lv1 .head-lv-name,.player-vip-detailed-box .vip-detailed-lv2 .head-lv-name,.player-vip-detailed-box .vip-detailed-lv3 .head-lv-name,.player-vip-detailed-box .vip-detailed-lv4 .head-lv-name {
    height: 8.5333333333vw;
    background-image: linear-gradient(90deg,#bcb8a8 0%,#80795a 100%);
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    color: #fff;
    line-height: 8.5333333333vw;
    padding-left: 2.6666666667vw
}

.player-vip-detailed-box .vip-detailed-lv1 .title,.player-vip-detailed-box .vip-detailed-lv2 .title,.player-vip-detailed-box .vip-detailed-lv3 .title,.player-vip-detailed-box .vip-detailed-lv4 .title {
    width: 100%;
    margin: 4vw 2.6666666667vw 0 2.6666666667vw
}

.player-vip-detailed-box .vip-detailed-lv1 .title h2,.player-vip-detailed-box .vip-detailed-lv2 .title h2,.player-vip-detailed-box .vip-detailed-lv3 .title h2,.player-vip-detailed-box .vip-detailed-lv4 .title h2 {
    color: #fff;
    font-size: 4vw
}

.player-vip-detailed-box .vip-detailed-lv1 .title h2 span,.player-vip-detailed-box .vip-detailed-lv2 .title h2 span,.player-vip-detailed-box .vip-detailed-lv3 .title h2 span,.player-vip-detailed-box .vip-detailed-lv4 .title h2 span {
    display: inline-block;
    vertical-align: middle
}

.player-vip-detailed-box .vip-detailed-lv1 .title h2::before,.player-vip-detailed-box .vip-detailed-lv2 .title h2::before,.player-vip-detailed-box .vip-detailed-lv3 .title h2::before,.player-vip-detailed-box .vip-detailed-lv4 .title h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 2.1333333333vw;
    background: #ffb80c;
    vertical-align: middle
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap {
    padding: 4vw 2.6666666667vw 2.6666666667vw 2.6666666667vw
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box.status-box2,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box.status-box2,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box.status-box2,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box.status-box2 {
    flex-wrap: wrap
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 33%;
    color: #cecece;
    padding: 1.3333333333vw
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status.accept,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status.accept,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status.accept,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status.accept {
    position: relative
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status.accept::after,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status.accept::after,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status.accept::after,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status.accept::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 2.1333333333vw;
    height: 100%;
    /* background: url("/images/h5/player/line-dot.svg"); */
    background-size: 100% auto
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status.accept2,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status.accept2,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status.accept2,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status.accept2 {
    position: relative;
    width: 48%;
    border-radius: 1.3333333333vw;
    background-color: #4c4c4c;
    margin: .8vw;
    padding: 2.6666666667vw
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status .number,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status .number,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status .number,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status .number {
    font-size: 3.7333333333vw;
    font-weight: bold;
    margin-bottom: 1.8666666667vw;
    color: #ffb80c
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status .number.number2,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status .number.number2,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status .number.number2,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status .number.number2 {
    font-size: 4.2666666667vw;
    color: #ffd46e
}

.player-vip-detailed-box .vip-detailed-lv1 .lv-info-wrap .status-box .status .text,.player-vip-detailed-box .vip-detailed-lv2 .lv-info-wrap .status-box .status .text,.player-vip-detailed-box .vip-detailed-lv3 .lv-info-wrap .status-box .status .text,.player-vip-detailed-box .vip-detailed-lv4 .lv-info-wrap .status-box .status .text {
    color: #fff;
    font-size: 3.2vw
}

.player-vip-detailed-box .vip-detailed-lv2 .head-lv-name {
    background-image: linear-gradient(90deg,#c4c4c4 0%,#a2a2a2 100%)
}

.player-vip-detailed-box .vip-detailed-lv3 .head-lv-name {
    background-image: linear-gradient(90deg,#ccbb6f 0%,#a69234 100%)
}

.player-vip-detailed-box .vip-detailed-lv4 .head-lv-name {
    background-image: linear-gradient(90deg,#a7bcda 0%,#7596c5 100%)
}

.terms .terms-link.terms-link-vip-color {
    color: #ffb80c
}

.player-vip .vip-list .form-title li {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.player-vip .vip-list .vip-source,.player-vip .vip-list .vip-use {
    flex: 0 0 40%
}

.player-vip .vip-list .vip-time {
    flex: 0 0 25%
}

.player-vip .vip-list .vip-no {
    flex: 1 0 12%
}

.player-vip .vip-list .vip-point {
    flex: 0 0 23%
}

.player-vip .vip-list .form-content {
    align-items: center
}

.player-vip .timeZone {
    padding: 0 .8vw;
    border: 1px solid #999;
    border-radius: .8vw;
    color: #999;
    font-weight: normal
}

.player-vip .date-title {
    justify-content: flex-end;
    padding-bottom: 0
}

.tag-free {
    position: absolute;
    z-index: 1;
    top: 1.3333333333vw;
    left: -1.0666666667vw;
    width: 4.8vw;
    height: 4vw;
    background: #ffdf1a
}

.tag-free::before,.tag-free::after {
    content: ""
}

.tag-free::before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: .4vw;
    width: 100%;
    height: 100%;
    background-color: #111;
    mask: url(./MobileImage/icon-free.svg) no-repeat center/80%;
    -webkit-mask: url(./MobileImage/icon-free.svg) no-repeat center/80%
}

.tag-free::after {
    position: absolute;
    top: 0;
    left: 4.8vw;
    border-top: 2vw solid transparent;
    border-bottom: 2vw solid transparent;
    border-left: 1.3333333333vw solid #ffdf1a;
    background: #333
}

@media screen and (min-aspect-ratio: 13/9) {
    .tag-free {
        top:.7496251874vmax;
        left: -0.5997001499vmax;
        width: 2.6986506747vmax;
        height: 2.2488755622vmax
    }

    .tag-free::before {
        left: .2248875562vmax
    }

    .tag-free::after {
        left: 2.6986506747vmax;
        border-top-width: 1.1244377811vmax;
        border-bottom-width: 1.1244377811vmax;
        border-left-width: .7496251874vmax
    }
}

.launch-game-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.launch-game-loading {
    display: none;
    position: fixed;
    z-index: 4;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 53.3333333333vw;
    pointer-events: none
}

.launch-game-loading.select-logo .center-logo-bg {
    background-color: #fff;
    background-image: linear-gradient(180deg,white 0,rgba(255,255,255,0.3) 100%)
}

.launch-game-loading.select-logo .center-logo-bg .center-logo {
    background-size: cover
}

.launch-game-loading.select-bn .center-logo-bg {
    background-color: #fff;
    background-image: linear-gradient(180deg,white 0,rgba(255,255,255,0.3) 100%)
}

.launch-game-loading.select-bn .center-logo-bg .center-logo {
    background-size: 140%
}

.launch-game-loading.select-bn2 .center-logo-bg {
    background-color: #fff;
    background-image: linear-gradient(180deg,white 0,rgba(255,255,255,0.3) 100%)
}

.launch-game-loading.select-bn2 .center-logo-bg .center-logo {
    background-size: 260%;
    background-position: 25.5% 45%
}

.launch-game-loading .center-logo-bg {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 5px;
    border-radius: 100%;
    background-image: linear-gradient(207deg,rgba(251,251,251,0.67) 3%,#f6f6f6 100%);
    overflow: hidden;
    box-shadow: 2px 8px 14px 0 rgba(0,0,0,0.2),0 2px 4px 0 #000,0 1px 30px 0 #7f7f7f,inset 0 2px 4px 0 rgba(255,255,255,0.7)
}

.launch-game-loading .center-logo-bg .center-logo {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    /* background-image: url("/images/h5/launch-game/logo.png") */
}

.launch-game-loading .loader-round {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0
}

.launch-game-loading .loading-bg {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%);
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%)
}

.launch-game-loading svg {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.launch-game-loading .circle {
    stroke-dashArray: 1680,1650;
    stroke-dashoffset: 2000;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: circle-loader;
    animation-name: circle-loader;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.launch-game-loading #dark {
    -webkit-animation-name: circle-loader-dark;
    animation-name: circle-loader-dark;
    stroke: rgba(255,255,255,0.25)
}

.launch-game-loading #white {
    -webkit-animation-name: circle-loader-white;
    animation-name: circle-loader-white;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    stroke: url(#loading-bar-color)
}

.launch-game-loading #loading-bar-color .loading-stop-color {
    stop-color: #fff
}

.launch-game-loading #loading-bar-color .loading-end-color {
    stop-color: #b1b1b1
}

@-webkit-keyframes circle-loader-dark {
    0% {
        stroke-dashArray: 1685,1574;
        stroke-dashoffset: 2000
    }

    35% {
        stroke-dashOffset: 3310
    }

    35.1% {
        stroke-dashOffset: 3600
    }

    70% {
        stroke-dashArray: 1574;
        stroke-dashOffset: 4719
    }

    100% {
        stroke-dashArray: 1574;
        stroke-dashOffset: 4719
    }
}

@keyframes circle-loader-dark {
    0% {
        stroke-dashArray: 1685,1574;
        stroke-dashoffset: 2000
    }

    35% {
        stroke-dashOffset: 3310
    }

    35.1% {
        stroke-dashOffset: 3600
    }

    70% {
        stroke-dashArray: 1574;
        stroke-dashOffset: 4719
    }

    100% {
        stroke-dashArray: 1574;
        stroke-dashOffset: 4719
    }
}

@-webkit-keyframes circle-loader-white {
    0% {
        stroke-dashArray: 1685,1660;
        stroke-dashoffset: 2000
    }

    50% {
        stroke-dashOffset: 3310
    }

    50.1% {
        stroke-dashOffset: 3600
    }

    100% {
        stroke-dashArray: 1574;
        stroke-dashOffset: 4719
    }
}

@keyframes circle-loader-white {
    0% {
        stroke-dashArray: 1685,1660;
        stroke-dashoffset: 2000
    }

    50% {
        stroke-dashOffset: 3310
    }

    50.1% {
        stroke-dashOffset: 3600
    }

    100% {
        stroke-dashArray: 1574;
        stroke-dashOffset: 4719
    }
}

.site-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    padding: 10px;
    z-index: 3;
    pointer-events: all
}

@media screen and (min-aspect-ratio: 13/9) {
    .site-top {
        display:none
    }
}

.site-top .site-menu {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 2
}

.site-top .site-menu .menu-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: linear-gradient(0,rgba(129,106,74,0.7) 2%,#d5bc87 100%);
    opacity: 0;
    z-index: -1
}

.site-top .site-menu .menu-bg .highlight {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background-image: linear-gradient(0,rgba(165,141,1,0.3) 0%,rgba(118,149,192,0) 50%);
    box-shadow: inset 0 -2px 2.5px 0 #a58d01,inset 0 1px 3px 0 rgba(255,255,255,0.5)
}

.site-top .site-menu .f-logo-bg {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border-radius: 50px;
    background-image: linear-gradient(180deg,#515151 0%,#000 100%);
    background-size: 100%;
    opacity: 0
}

.site-top .site-menu .f-logo-bg .f-logo {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%
}

/* .site-top .site-menu .f-logo-bg .logo-image {
    background: url("/images/h5/theme/red/logo.png") no-repeat center center/80%
} */

.site-top .site-menu .f-logo-bg .light-ring {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 31px;
    height: 31px;
    opacity: .6;
    /* background: url("/images/h5/launch-game/icon-light-ring.svg") no-repeat top center/cover; */
    pointer-events: none;
    mix-blend-mode: overlay
}

.site-top .site-menu .btn {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border-radius: 50px;
    background-image: linear-gradient(180deg,#515151 0%,#000 100%);
    opacity: 0
}

.site-top .site-menu .btn .btn-home {
    width: 100%;
    height: 100%;
    background: #cbcbcb;
    /* -webkit-mask: url("/images/h5/launch-game/icon-home.svg") no-repeat center/70%;
    mask: url("/images/h5/launch-game/icon-home.svg") no-repeat center/70% */
}

.site-top .site-menu .btn .btn-deposit {
    width: 100%;
    height: 100%;
    background: #cbcbcb;
    /* -webkit-mask: url("/images/h5/launch-game/icon-deposit.svg") no-repeat center/60%;
    mask: url("/images/h5/launch-game/icon-deposit.svg") no-repeat center/60% */
}

.site-top .site-menu .btn .light-ring {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 31px;
    height: 31px;
    opacity: .6;
    /* background: url("/images/h5/launch-game/icon-light-ring.svg") no-repeat top center/cover; */
    pointer-events: none;
    mix-blend-mode: overlay
}

.site-top .site-menu.no-deposit {
    flex-flow: row-reverse nowrap
}

.site-top .site-menu.no-deposit .f-logo-bg {
    position: relative;
    width: 67px;
    height: 25px;
    margin: 0 10px;
    border-radius: 0;
    background-image: linear-gradient(180deg,rgba(71,78,120,0) 0%,rgba(71,78,120,0));
    background-size: 100%;
    opacity: 0
}

.site-top .site-menu.no-deposit .f-logo-bg .logo-image {
    /* background: url("/images/h5/theme/red/logo.png") no-repeat center center/contain; */
    -webkit-filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5))
}

.site-top .site-menu.no-deposit .f-logo-bg .light-ring {
    display: none
}

.site-top .site-menu.no-deposit .btn:nth-child(3) {
    display: none
}

.site-top .top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1
}

.site-top .top-bg.gradient {
    background-image: linear-gradient(180deg,black 40%,rgba(0,0,0,0) 100%)
}

.launch-game-page {
    display: none;
    pointer-events: auto
}

.launch-game-wrap {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    background-color: #000;
    -webkit-transform: translate(0,6%);
    transform: translate(0,6%);
    opacity: 0;
    transition: all .3s;
    z-index: 3
}

.launch-game-wrap.show {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

@media screen and (min-aspect-ratio: 13/9) {
    .launch-game-wrap {
        top:0;
        height: 100%
    }
}

.launch-game-wrap .launch-game-iframe {
    position: relative;
    border: 0;
    width: 100%;
    height: 100%
}

.site-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-image: linear-gradient(180deg,#333 10%,rgba(255,132,3,0.5) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.site-bg .effect {
    mix-blend-mode: overlay
}

.site-bg #Gradient .start-color {
    stop-color: rgba(255,255,255,0.3)
}

.site-bg #Gradient .end-color {
    stop-color: rgba(255,255,255,0)
}

.announcement-row {
    margin: 0
}

header .logo {
    background-size: 90% auto
}

.firstCharCapital {
    padding-left: 22px;
    overflow: hidden;
    color: #000 !important;
    text-transform: capitalize
}

.firstCharCapital::first-letter {
    color: #ffb80c
}

.tabBtn-bar .line {
    box-shadow: 0 1px 3px #c28b00
}

.tabBtn-bar .btn .text {
    text-shadow: 0 1px 3px #c58e00
}

.tabBtn-bar .btn[data-tab-current=current]::after {
    display: block
}

.content-title {
    padding: 2.6666666667vw 0
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-title {
        padding:1.4992503748vmax 0
    }
}

.content-title .exahange-wrap {
    color: #333;
    font-size: 3.2vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-title .exahange-wrap {
        font-size:1.7991004498vmax
    }
}

.content-title .exahange-wrap p,.content-title .exahange-wrap span {
    display: inline-block
}

.content-title .exahange-wrap p {
    margin-right: 1.3333333333vw;
    padding: .5333333333vw 2.1333333333vw .8vw;
    float: left;
    border-radius: 3.2vw;
    background-color: #222;
    color: #fff
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-title .exahange-wrap p {
        margin-right:.7496251874vmax;
        padding: .299850075vmax 1.1994002999vmax .4497751124vmax;
        border-radius: 1.7991004498vmax
    }
}

.content-title .exahange-wrap span {
    float: right;
    font-weight: bold
}

.content-title .balance-wrap {
    margin-bottom: .8vw;
    zoom:1}

.content-title .balance-wrap::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-title .balance-wrap {
        margin-bottom:.4497751124vmax
    }
}

.content-title .balance-wrap span {
    color: #439514;
    font-size: 4vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-title .balance-wrap span {
        font-size:2.2488755622vmax
    }
}

.content-title .exposure-wrap {
    zoom:1}

.content-title .exposure-wrap::after {
    content: "";
    display: block;
    clear: both
}

.content-title .exposure-wrap span {
    color: #ffb80c;
    font-size: 4vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .content-title .exposure-wrap span {
        font-size:2.2488755622vmax
    }
}

.card1 ul li .iconSport {
    width: 100%;
    height: 13.3333333333vw;
    background-color: #ffb80c;
    mask-size: 40%;
    -webkit-mask-size: 40%
}

@media screen and (min-aspect-ratio: 13/9) {
    .card1 ul li .iconSport {
        height:7.4962518741vmax;
        -webkit-mask-size: 25%;
        mask-size: 25%
    }
}

.card1 ul li a {
    outline: 0
}

.menu-second .iconSport {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto;
    margin-bottom: 2.1333333333vw;
    background-color: #ffb80c
}

.card1.col-3 li {
    width: 33.33%
}

.card1.col-3 .iconSport {
    mask-size: 45%;
    -webkit-mask-size: 45%
}
.iconSport.exchange {
    -webkit-mask: url(./MobileImage/icon_exchange.svg) no-repeat 50% 20%;
    mask: url(./MobileImage/icon_exchange.svg) no-repeat 50% 20%
}
.iconSport.sportbook {
    -webkit-mask: url(./MobileImage/icon_sportbook.svg) no-repeat 50% 20%;
    mask:  url(./MobileImage/icon_sportbook.svg) no-repeat 50% 20%
}
.iconSport.kabaddi {
    -webkit-mask: url(./MobileImage/icon_kabaddi.svg) no-repeat 50% 20%;
    mask: url(./MobileImage/icon_kabaddi.svg) no-repeat 50% 20%
} 

/* .iconSport.cricket {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconCricket.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconCricket.svg") no-repeat 50% 20%
}

.iconSport.soccer {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconSoccer.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconSoccer.svg") no-repeat 50% 20%
} */

/* .iconSport.tennis {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconTennis.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconTennis.svg") no-repeat 50% 20%
} */

/* .iconSport.basketball {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconBasketball.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconBasketball.svg") no-repeat 50% 20%
}

.iconSport.rugbyUnion,.iconSport.union {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconRugbyUnion.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconRugbyUnion.svg") no-repeat 50% 20%
}

.iconSport.horseRacing,.iconSport.racing {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconHorseRacing.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconHorseRacing.svg") no-repeat 50% 20%
}

.iconSport.greyhoundRacing {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/iconGreyhoundRacing.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/iconGreyhoundRacing.svg") no-repeat 50% 20%
}





.iconSport.virtualsport {
    -webkit-mask: url("/images/h5/site/se/icon-set/sports-icon/icon_virtualsport.svg") no-repeat 50% 20%;
    mask: url("/images/h5/site/se/icon-set/sports-icon/icon_virtualsport.svg") no-repeat 50% 20%
}

*/

.recommend-card {
    overflow: hidden;
    border-radius: 1.3333333333vw;
    background: 0;
    line-height: 0
}

.member-header {
    background-image: url(./MobileImage/member-header-bg.png)
}

.member-menu-box.balance-box .dialog {
    bottom: 17.3333333333vw
}

.btn-close::before {
    -webkit-filter: invert(11%) sepia(76%) saturate(5316%) hue-rotate(1deg) brightness(60%) contrast(112%);
    filter: invert(11%) sepia(76%) saturate(5316%) hue-rotate(1deg) brightness(60%) contrast(112%)
}

.nav {
    border-bottom: .2666666667vw solid #000
}

.nav .btn p {
    color: #fff
}

.inputbox .verification-code {
    background-color: #fff
}

.inputbox.refer-code {
    background: #262626;
    border-radius: .8vw
}

.inputbox.refer-code label {
    display: block;
    position: static;
    width: 100%;
    line-height: 13.3333333333vw;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    color: #fff;
    text-indent: 5.3333333333vw
}

.inputbox .refer-info-text input {
    text-indent: 0;
    text-align: center;
    font-size: 4.2666666667vw;
    height: 9.3333333333vw
}

.more-refer-info::before,.more-refer-info::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.3333333333vw;
    width: 3.2vw;
    height: .5333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    border-radius: .5333333333vw;
    background: #fff
}

.more-refer-info::after {
    width: 2.9333333333vw;
    transition: .3s;
    -webkit-transform: rotate(90deg) translate(-1px,1px);
    transform: rotate(90deg) translate(-1px,1px)
}

.more-refer-info span {
    margin-right: 6.6666666667vw;
    font-size: 3.2vw;
    color: #fff;
    line-height: 13.3333333333vw
}

.more-refer-info.active::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.more-refer-info {
    position: absolute;
    top: 0;
    right: 10px
}

.refer-info-text {
    display: none;
    padding-bottom: 2.6666666667vw
}

.refer-info-text ul {
    position: relative;
    display: block;
    width: 90%;
    margin: 10px auto 0;
    opacity: .8;
    text-align: left;
    font-size: 3.2vw;
    line-height: 1.2;
    color: #8c7f63
}

.refer-info-text ul::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #333
}

.refer-info-text li {
    padding-bottom: 1.8666666667vw
}

.member-menu .close {
    opacity: 1
}

.footer .footer-top div.safe img,.footer .footer-top div.pay img,.footer .footer-top div.pay-normal-size img {
    opacity: .3
}

.footer .footer-top div.pay,.footer .footer-top div.pay-normal-size {
    flex: 0 0 60%
}

.footer .footer-top .safe {
    flex: 1 0 30%
}

.footer-logo-wrap {
    padding-top: 2.6666666667vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer-logo-wrap {
        padding-top:1.4992503748vmax
    }
}

.footer-logo-wrap .link-wrap {
    margin-top: 1.6vw;
    text-align: right
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer-logo-wrap .link-wrap {
        margin-top:.8995502249vmax
    }
}

.footer-logo-wrap .link-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2.6666666667vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer-logo-wrap .link-wrap ul {
        margin-bottom:1.4992503748vmax
    }
}

.footer-logo-wrap .link-wrap li {
    width: 33%;
    margin: 1.6vw 0;
    padding: 0 2.1333333333vw;
    border-left: .5333333333vw solid #ffb80c;
    text-align: left
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer-logo-wrap .link-wrap li {
        margin:.8995502249vmax 0;
        padding: 0 1.1994002999vmax
    }
}

.footer-logo-wrap .link-wrap a {
    transition: all .3s;
    color: #ffb80c;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    text-decoration: none;
    vertical-align: baseline
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer-logo-wrap .link-wrap a {
        font-size:1.9490254873vmax
    }
}

.footer-logo-wrap .link-wrap a:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.footer-license {
    padding: 4vw 15px;
    border-top: .2666666667vw solid #333
}

.footer-license .license-cont p {
    margin-bottom: 4vw;
    color: #999;
    font-size: 2.9333333333vw;
    line-height: 1.3;
    text-align: left
}

@media screen and (min-aspect-ratio: 13/9) {
    .footer-license .license-cont p {
        margin-bottom:2.2488755622vmax;
        font-size: 1.6491754123vmax
    }
}

.footer-license .license-cont a {
    color: #ffb80c;
    text-decoration: underline
}

.footer-license .license-cont span {
    color: #fff;
    font-weight: bold
}

.footer-license .license-iframe {
    width: 45%;
    text-align: right
}

.footer-license .license-iframe iframe {
    border: 0
}

.contect-cont,.license-iframe {
    display: inline-block;
    vertical-align: middle
}

.contect-cont {
    width: 50%
}

.contect-phone img,.contect-mail img {
    width: 4vw;
    height: auto;
    margin-right: 1.3333333333vw;
    -webkit-filter: invert(29%) sepia(98%) saturate(793%) hue-rotate(351deg) brightness(104%) contrast(101%);
    filter: invert(29%) sepia(98%) saturate(793%) hue-rotate(351deg) brightness(104%) contrast(101%)
}

@media screen and (min-aspect-ratio: 13/9) {
    .contect-phone img,.contect-mail img {
        width:2.2488755622vmax;
        margin-right: .7496251874vmax
    }
}

.contect-phone a,.contect-phone span,.contect-mail a,.contect-mail span {
    color: #ffb80c;
    font-size: 3.2vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .contect-phone a,.contect-phone span,.contect-mail a,.contect-mail span {
        font-size:1.7991004498vmax
    }
}

.contect-phone img,.contect-phone a,.contect-phone span,.contect-mail img,.contect-mail a,.contect-mail span {
    display: inline-block;
    vertical-align: middle
}

.contect-phone span,.contect-mail span {
    line-height: 1.5
}

.footer-bottom {
    border-top: .2666666667vw solid #333
}

.pop-mail .pop-inner {
    color: #fff
}

.member-content .banner {
    margin: 2.6666666667vw 0;
    background-color: #000
}

.member-content .banner .banner-v1 {
    height: 29.3333333333vw
}

.launch-game-loading .center-logo-bg {
    background-image: linear-gradient(180deg,#616161 0%,#0b0c14 100%)
}

/* .launch-game-loading .center-logo-bg .center-logo {
    background-image: url("/images/h5/site/se/launch-game/logo-se.png")
} */

.launch-game-loading #loading-bar-color .loading-stop-color {
    stop-color: #a47300
}

.launch-game-loading #loading-bar-color .loading-end-color {
    stop-color: #ffb80c
}

.launch-game-page .site-top .site-menu .menu-bg {
    background-image: linear-gradient(0,rgba(150,94,25,0.7) 2%,#ffb60a 100%)
}

.launch-game-page .site-top .site-menu .menu-bg .highlight {
    background-image: linear-gradient(0,rgba(150,94,25,0.3) 0%,rgba(255,182,10,0) 50%);
    box-shadow: inset 0 -2px 2.5px 0 #ffb80c,inset 0 1px 3px 0 rgba(255,255,255,0.5)
}

.launch-game-page .site-top .site-menu .f-logo-bg,.launch-game-page .site-top .site-menu .btn {
    background-image: linear-gradient(180deg,#616161 0%,#0b0c14 100%)
}

/* .launch-game-page .site-top .site-menu .f-logo-bg .logo-image,.launch-game-page .site-top .site-menu .btn .logo-image {
    background: url("/images/h5/site/se/launch-game/logo-se.png") no-repeat center center/75%
} */

.launch-game-page .site-top .site-menu .btn .btn-home {
    width: 100%;
    height: 100%;
    background: #cbcbcb;
    /* -webkit-mask: url("/images/h5/launch-game/icon-home.svg") no-repeat center/70%;
    mask: url("/images/h5/launch-game/icon-home.svg") no-repeat center/70% */
}

.launch-game-page .site-top .site-menu .btn .btn-deposit {
    width: 100%;
    height: 100%;
    background: #cbcbcb;
    /* -webkit-mask: url("/images/h5/launch-game/icon-deposit.svg") no-repeat center/60%;
    mask: url("/images/h5/launch-game/icon-deposit.svg") no-repeat center/60% */
}

.launch-game-page .site-top .site-menu.no-deposit .f-logo-bg {
    width: 79px;
    height: 28px;
    background-image: linear-gradient(180deg,rgba(71,78,120,0) 0%,rgba(71,78,120,0))
}
/* 
.launch-game-page .site-top .site-menu.no-deposit .f-logo-bg .logo-image {
    background: url("/images/h5/site/se/launch-game/logo-w-se.png") no-repeat center center/cover
} */

.launch-game-page .site-bg {
    background-image: linear-gradient(0,rgba(235,187,76,0.5) 2%,rgba(192,109,0,0.8) 100%)
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: 0;
    outline: 0;
    background-color: #565656;
    color: #eee;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    font-size: 18px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='arrow-circle-up' class='svg-inline--fa fa-arrow-circle-up fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

#myBtn:hover {
    background-color: #555
}

.gotop {
    z-index: 9995;
    bottom: 100px;
    transition: all .3s ease-in;
    background: rgba(255,255,255,0.9);
    color: #fff
}

.gotop::before,.gotop::after {
    background: #ffb80c
}

.footer {
    position: relative
}

.footer .gotop {
    display: none
}

.gotop.fixfooter {
    position: absolute;
    top: -60px
}

.inbox-btn {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 12vw;
    max-width: 17.3333333333vw;
    height: 13.3333333333vw
}

.inbox-btn::before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background-color: #ffb80c;
    -webkit-mask: url(./MobileImage/header-inbox-icon.svg) no-repeat 50% 50%;
    mask: url(./MobileImage/header-inbox-icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto
}

.inbox-btn p {
    color: #ffb80c;
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all
}

.inbox-btn p a {
    color: #fff
}

.inbox-btn .notice {
    display: block;
    position: absolute;
    top: 55%;
    right: 55%;
    width: 4vw;
    height: 4vw;
    -webkit-transform: translate(150%,-150%);
    transform: translate(150%,-150%);
    border-radius: 50%;
    background-color: #ff7e00;
    color: #fff;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 4vw;
    text-align: center
}

.inbox-btn .notice::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -0.96vw;
    left: -0.96vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1.0666666667vw;
    border-style: solid;
    border-color: #ff7e00 transparent transparent
}

@media screen and (min-aspect-ratio: 13/9) {
    .inbox-btn {
        min-width:6.7466266867vmax;
        max-width: 9.7451274363vmax
    }

    .inbox-btn::before {
        width: 2.9985007496vmax;
        height: 2.9985007496vmax;
        margin-bottom: .299850075vmax
    }

    .inbox-btn p {
        font-size: 1.7991004498vmax
    }

    .inbox-btn .notice {
        width: 2.2488755622vmax;
        height: 2.2488755622vmax;
        font-size: 1.7991004498vmax;
        line-height: 2.2488755622vmax
    }

    .inbox-btn .notice::after {
        bottom: -0.5397301349vmax;
        left: -0.5397301349vmax;
        border-width: .5997001499vmax
    }
}

.credit-card .userIfsc {
    margin-top: .8vw;
    font-size: 3.2vw;
    line-height: 1.5;
    padding: 1.0666666667vw 4vw
}

body {
    color: #fff
}

.content {
    background: 0
}

.localBank {
    margin-bottom: 10px
}

.localBank label {
    line-height: 1.5
}

.localBank #clearUploadImages {
    line-height: 2
}

#statement1,#statement2 {
    height: 48px
}

.content .content {
    padding: 0
}

.breadcrumb {
    margin: 0;
    border-radius: 0;
    background: #ffb80c
}

.table>tbody>tr>th {
    line-height: 1.3 !important
}

td {
    vertical-align: middle
}

.deposit-gap-wrap ul li.recommend::before {
    height: 19px !important
}

.deposit-gap-wrap ul li.recommend::after {
    top: 3px !important
}

.localBank #clearUploadImages {
    margin: 10px 0 !important
}

#depositForm p,#transferForm p {
    color: #999 !important;
    line-height: 1.5
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    border-color: #ffb80c;
    background-color: #ffb80c
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #333
}

.register-phone-add {
    color: #333
}

.amount,.spinit {
    vertical-align: middle
}

.spinit {
    margin-top: 0 !important
}

#turnoverContainer>div {
    line-height: 0
}

#turnoverContainer>div>div:first-of-type {
    background: #222 !important;
    line-height: 30px
}

#turnoverContainer>div>div:last-of-type {
    margin-top: -30px !important;
    color: #ed6b03 !important;
    line-height: 30px
}

.padded-bottom {
    padding-bottom: 0
}

.table>tbody>tr>td {
    border-top: 1px solid #888
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #222
}

#inbox .table-striped>tbody>tr {
    border: none !important;
    color: #999
}

#inbox .table-striped>tbody>tr.unread {
    color: #ffb80c;
    font-weight: normal
}

.modal-body {
    color: #333
}

.modal-body p {
    padding-bottom: 10px
}

.modal-body table {
    font-size: 3.7333333333vw;
    font-weight: normal
}

.modal-body table td,.modal-body table th {
    padding: .8vw
}

.modal-body table th {
    background: #eee
}

#promotion_verification_preview table,#promotion_verification_preview th,#promotion_verification_preview td {
    border-color: #999
}

.modal-footer label {
    color: #333
}

.lightbox img {
    width: 100%;
    max-height: 95vh
}

.modal-open .pop-image {
    bottom: auto;
    overflow: inherit
}

.inputbox::after {
    width: 100%
}

.inputbox .verification-code {
    right: 20%
}

.inputbox.password .clear.hasbutton {
    right: 15% !important
}

.selectbox select {
    border-radius: 0
}

.verification-code img {
    width: auto !important
}

.inputbox label {
    width: 20%
}

.input-comment span {
    color: #ffc73f
}

#wallet2detail {
    margin-bottom: 10px
}

#pagination-inbox a {
    background-image: none
}

.localBankInput table {
    border-radius: 5px;
    background: #ffc73f
}

.localBankInput tr {
    border-bottom: 0
}

.localBankInput label {
    color: #fff
}

.member-content .banner .slider .slick-slide {
    height: 24vw
}

.loaderBox {
    display: flex;
    position: fixed;
    z-index: 100;
    top: 40%;
    left: 50%;
    align-items: center;
    justify-content: center;
    width: 66.6666666667vw;
    height: 24vw;
    margin: auto;
    padding: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-aspect-ratio: 13/9) {
    .loaderBox {
        width:37.4812593703vmax;
        height: 13.4932533733vmax
    }
}

.seLogo {
    position: absolute;
    z-index: 100;
    width: 40vw;
    height: 11.4666666667vw;
    -webkit-animation: logo-fade-in 2s infinite;
    animation: logo-fade-in 2s infinite;
    opacity: 0;
    /* background: url("/images/h5/site/se/loader/sky247.png") no-repeat center center/cover */
}

@media screen and (min-aspect-ratio: 13/9) {
    .seLogo {
        width:22.4887556222vmax;
        height: 6.4467766117vmax
    }
}

.loader {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 66.6666666667vw;
    height: 26.6666666667vw;
    margin: auto;
    /* background: url("/images/h5/site/se/loader/bk_bg.png") no-repeat center center/cover */
}

@media screen and (min-aspect-ratio: 13/9) {
    .loader {
        width:37.4812593703vmax;
        height: 14.9925037481vmax
    }
}

.sky-border {
    width: 42.1333333333vw
}

@media screen and (min-aspect-ratio: 13/9) {
    .sky-border {
        width:23.688155922vmax
    }
}

:root {
    --min-size: 1px;
    --max-size: 4px
}

.skyloader-dotwrap {
    display: flex;
    position: absolute;
    top: 17.6vw;
    left: 14.6666666667vw;
    justify-content: center;
    align-items: center
}

@media screen and (min-aspect-ratio: 13/9) {
    .skyloader-dotwrap {
        top:9.8950524738vmax;
        left: 8.2458770615vmax
    }
}

.dot {
    margin: 2.5px;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    background: #f9c73d
}

.dot:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.dot:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.dot:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.dot:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

@-webkit-keyframes loader {
    0% {
        width: var(--min-size);
        height: var(--min-size);
        background-color: #db930e
    }

    60% {
        background-color: #db930e
    }

    100% {
        width: var(--max-size);
        height: var(--max-size);
        background-color: #fff
    }
}

@keyframes loader {
    0% {
        width: var(--min-size);
        height: var(--min-size);
        background-color: #db930e
    }

    60% {
        background-color: #db930e
    }

    100% {
        width: var(--max-size);
        height: var(--max-size);
        background-color: #fff
    }
}

.pen {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-dashoffset: 0;
    stroke: #f9c73d;
    fill: none;
    stroke-linejoin: round
}

.pen.pen2 {
    stroke: #fff
}

.line-fei-1 {
    -webkit-animation-name: draw-fei-1;
    animation-name: draw-fei-1;
    stroke-dasharray: 106
}

.line-fei-2 {
    -webkit-animation-name: draw-fei-2;
    animation-name: draw-fei-2;
    stroke-dasharray: 204
}

.line-fei-3 {
    -webkit-animation-name: draw-fei-3;
    animation-name: draw-fei-3;
    stroke-dasharray: 112
}

.line-fei-4 {
    -webkit-animation-name: draw-fei-4;
    animation-name: draw-fei-4;
    stroke-dasharray: 99
}

.line-fei-5 {
    -webkit-animation-name: draw-fei-5;
    animation-name: draw-fei-5;
    stroke-dasharray: 95
}

@-webkit-keyframes draw-fei-1 {
    0% {
        stroke-dashoffset: 106
    }

    10% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@keyframes draw-fei-1 {
    0% {
        stroke-dashoffset: 106
    }

    10% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@-webkit-keyframes draw-fei-2 {
    0%,10% {
        stroke-dashoffset: 204
    }

    25% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@keyframes draw-fei-2 {
    0%,10% {
        stroke-dashoffset: 204
    }

    25% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@-webkit-keyframes draw-fei-3 {
    0%,25% {
        stroke-dashoffset: 112
    }

    30% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@keyframes draw-fei-3 {
    0%,25% {
        stroke-dashoffset: 112
    }

    30% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@-webkit-keyframes draw-fei-4 {
    0%,30% {
        stroke-dashoffset: 99
    }

    35% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@keyframes draw-fei-4 {
    0%,30% {
        stroke-dashoffset: 99
    }

    35% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@-webkit-keyframes draw-fei-5 {
    0%,35% {
        stroke-dashoffset: 95
    }

    40% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@keyframes draw-fei-5 {
    0%,35% {
        stroke-dashoffset: 95
    }

    40% {
        stroke-dashoffset: 0
    }

    50% {
        opacity: 1
    }

    70%,100% {
        opacity: 0
    }
}

@-webkit-keyframes logo-fade-in {
    0%,30% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes logo-fade-in {
    0%,30% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.payment-box {
    padding: 1.3333333333vw 2.6666666667vw 26.6666666667vw 2.6666666667vw
}

.payment-box .article-content-titl {
    color: #ffb80c;
    font-size: 4.2666666667vw;
    font-weight: bold;
    padding-bottom: 2.6666666667vw;
    margin-top: 5.3333333333vw
}

.payment-box p {
    width: inherit;
    color: #eee;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.payment-box .payment-card {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 25.3333333333vw;
    padding: 2.6666666667vw;
    border-radius: 2.6666666667vw;
    background-color: #3e3e3e;
    margin: 0 0 2.6666666667vw 0
}

.payment-box .payment-card .title {
    width: 100%;
    margin-bottom: 2.6666666667vw
}

.payment-box .payment-card .title h2 {
    display: inline-block;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: bold;
    vertical-align: baseline
}

.payment-box .payment-card .title h2::before {
    content: "";
    display: inline-block;
    width: 1.0666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    border-radius: 2.1333333333vw;
    background: #ffb80c;
    vertical-align: text-top
}

.payment-box .payment-card .status-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 3.2vw 0 3.2vw 0
}

.payment-box .payment-card .status-box .status {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 33%;
    color: #cecece;
    padding: 1.3333333333vw
}

.payment-box .payment-card .status-box .status.accept {
    position: relative
}

.payment-box .payment-card .status-box .status.accept::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 2.1333333333vw;
    height: 100%;
    /* background: url("/images/h5/player/line-dot.svg"); */
    background-size: 100% auto
}

.payment-box .payment-card .status-box .status .field-name {
    margin-bottom: 1.3333333333vw;
    color: #9a9a9a;
    font-size: 3.2vw;
    font-weight: 400
}

.payment-box .payment-card .status-box .status .text {
    color: #ffd46e;
    font-size: 3.7333333333vw;
    font-weight: bold
}

.payment-box .payment-card .status-box .status .tick {
    width: 4vw;
    height: 4vw;
    background: #ffd46e;
    /* -webkit-mask: url("/images/h5/player/checked-w.svg") no-repeat top center/contain;
    mask: url("/images/h5/player/checked-w.svg") no-repeat top center/contain */
}

.payment-box .payment-card .status-box .status .naught {
    width: 4vw;
    height: 4vw;
    background: #9a9a9a;
    /* -webkit-mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat top center/contain;
    mask: url("/images/h5/icon-set/icon-cross-type09.svg") no-repeat top center/contain */
}

.payment-box .payment-card .payment-prompt {
    width: 100%;
    height: 6.6666666667vw;
    border-radius: 6.6666666667vw;
    background-color: #575656;
    color: #9a9a9a;
    font-size: 3.2vw;
    line-height: 6.6666666667vw;
    text-align: center;
    margin-bottom: 3.4666666667vw
}

.payment-box .payment-card .methods-1,.payment-box .payment-card .methods-2,.payment-box .payment-card .methods-3,.payment-box .payment-card .methods-4,.payment-box .payment-card .methods-5 {
    display: inline-block;
    width: 100%;
    color: #b4c3e7;
    font-size: 3.7333333333vw;
    font-weight: bold;
    vertical-align: baseline;
    margin: 1.3333333333vw 0
}

.payment-box .payment-card .methods-1 span,.payment-box .payment-card .methods-2 span,.payment-box .payment-card .methods-3 span,.payment-box .payment-card .methods-4 span,.payment-box .payment-card .methods-5 span {
    font-size: 3.2vw;
    margin-left: 2.6666666667vw;
    font-weight: 400
}

.payment-box .payment-card .methods-1::before,.payment-box .payment-card .methods-2::before,.payment-box .payment-card .methods-3::before,.payment-box .payment-card .methods-4::before,.payment-box .payment-card .methods-5::before {
    content: "";
    display: inline-block;
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    margin-right: 4vw;
    /* background: url("/images/h5/site/se/icon-set/payment-icon/icon-payment-card.svg") no-repeat top center/cover; */
    vertical-align: middle
}
/* 
.payment-box .payment-card .methods-2::before {
    background: url("/images/h5/site/se/icon-set/payment-icon/icon-payment-qr.svg") no-repeat top center/cover
}

.payment-box .payment-card .methods-3::before {
    background: url("/images/h5/site/se/icon-set/payment-icon/icon-payment-banking.svg") no-repeat top center/cover
} */
/* 
.payment-box .payment-card .methods-4::before {
    background: url("/images/h5/site/se/icon-set/payment-icon/icon-payment-wallet.svg") no-repeat top center/cover
}

.payment-box .payment-card .methods-5::before {
    background: url("/images/h5/site/se/icon-set/payment-icon/icon-payment-later.svg") no-repeat top center/cover
} */

.payment-deposit-wrap {
    display: flex;
    position: fixed;
    z-index: 2;
    bottom: 12.8vw;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 12vw;
    background-image: linear-gradient(0,#000 0%,rgba(0,0,0,0) 100%);
    text-align: center
}

.payment-deposit-wrap .payment-deposit-btn {
    position: relative;
    display: block;
    background-image: linear-gradient(230deg,#ffbf44 0%,#ffae12 100%);
    border-radius: 5px;
    width: 40%;
    height: 9.3333333333vw;
    color: #000;
    font-weight: bold;
    font-size: 4vw;
    line-height: 9.3333333333vw
}

.deposit-acc-info-box {
    margin: 4vw 0 0;
    padding: 4vw;
    border: 1px solid #111;
    border-radius: 1.3333333333vw;
    background: #1c1c1c;
    font-size: 3.2vw
}

.deposit-acc-info-box p {
    flex: 1;
    margin-right: 2.6666666667vw;
    word-break: break-word;
    opacity: .7;
    text-align: right
}

.icon-copy {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: .8vw;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(153,153,153,0.5);
    font-size: 3.2vw;
    color: #000;
    line-height: 1.5;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

.icon-copy::before {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-width: 6px 3px 0;
    border-style: solid;
    border-color: #fff transparent transparent
}

.icon-copy.active {
    display: block;
    -webkit-animation: icon-copy-show .3s linear forwards;
    animation: icon-copy-show .3s linear forwards
}

.icon-copy.hide {
    display: block;
    -webkit-animation: icon-copy-hide .2s linear forwards;
    animation: icon-copy-hide .2s linear forwards
}

@-webkit-keyframes icon-copy-show {
    0% {
        top: -8vw;
        opacity: 0
    }

    100% {
        top: -1.3333333333vw;
        opacity: 1
    }
}

@keyframes icon-copy-show {
    0% {
        top: -8vw;
        opacity: 0
    }

    100% {
        top: -1.3333333333vw;
        opacity: 1
    }
}

@-webkit-keyframes icon-copy-hide {
    0% {
        top: -1.3333333333vw;
        opacity: 1
    }

    100% {
        top: -8vw;
        opacity: 0
    }
}

@keyframes icon-copy-hide {
    0% {
        top: -1.3333333333vw;
        opacity: 1
    }

    100% {
        top: -8vw;
        opacity: 0
    }
}

.acc-info li {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.6666666667vw;
    padding-bottom: 1.3333333333vw;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    line-height: 1.5
}

.acc-info li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.acc-info label {
    flex: 0 0 45%;
    padding-right: 1.3333333333vw
}

.player-deposit-next {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    top: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #000
}

.player-deposit-next.active {
    top: 100vh;
    height: auto;
    opacity: 1;
    -webkit-animation: depositCustomShow .2s ease-out forwards;
    animation: depositCustomShow .2s ease-out forwards
}

@-webkit-keyframes depositCustomShow {
    0% {
        top: 100vh
    }

    100% {
        top: 0
    }
}

@keyframes depositCustomShow {
    0% {
        top: 100vh
    }

    100% {
        top: 0
    }
}

.player-deposit-next .a-content {
    padding: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.2
}

.player-deposit-next .deposit-acc-info-box {
    margin: 0 0 2.6666666667vw
}

.player-deposit-next .deposit-acc-info-box p {
    text-align: left;
    line-height: 1.2
}

.deposit-info-img {
    margin-bottom: 2.6666666667vw;
    padding: 2.6666666667vw;
    border: 1px solid rgba(255,222,99,0.1);
    border-radius: 2.6666666667vw;
    background: #2b2614;
    overflow: hidden
}

.deposit-info-img img {
    width: 100%
}

.input-group.success .input-wrap::after,.input-group.fail .input-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10.6666666667vw;
    height: 100%
}

.input-group.success .input-wrap::after {
    /* -webkit-mask: url("/images/h5/icon-set/icon-check-type07.svg") no-repeat center/30%;
    mask: url("/images/h5/icon-set/icon-check-type07.svg") no-repeat center/30%; */
    background: #28b849
}

.input-group.success input {
    border: 1px solid #28b849;
    color: #28b849
}

.input-group.fail input {
    border: 1px solid #e41a43;
    color: #e41a43
}

.input-group.fail .member-error {
    display: block !important
}

.description-text {
    font-size: 3.2vw;
    color: #8c7f63
}

.input-description {
    position: relative;
    margin-top: 1.3333333333vw;
    padding-left: 5.3333333333vw;
    color: #ffd46e;
    line-height: 1.2
}

.input-description::before {
    content: "i";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4vw;
    height: 4vw;
    margin-right: 1.3333333333vw;
    padding-top: 1px;
    border-radius: 50%;
    background-color: #ffd46e;
    box-sizing: border-box;
    color: #212b44;
    text-align: center;
    font-weight: bold
}

.member-error::before {
    color: #111
}

.sal_tab_container_title h2 {
    margin: 5.3333333333vw 0 2.6666666667vw;
    color: #ffb80c;
    font-size: 4.2666666667vw;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5
}

.sal_tab_container_title .sal_tab_header {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto
}

.sal_tab_container_title .sal_tab_header .sal_tab_item {
    width: 50%;
    margin-right: 4vw;
    margin-bottom: 2.6666666667vw;
    padding: 2.1333333333vw;
    border-radius: .5333333333vw;
    background-color: #333;
    color: #fff;
    font-size: 4.2666666667vw;
    font-weight: 700;
    text-align: center;
    white-space: pre
}

.sal_tab_container_title .sal_tab_header .sal_tab_item:last-child {
    margin-right: 0
}

.sal_tab_container_title .sal_tab_header .sal_tab_item_active {
    background-color: #ffb80c !important;
    color: #fff
}

.sal_tab_content_section .sal_tab_header .sal_tab_item:hover {
    transition: all .4s;
    cursor: pointer
}

.sal_tab_content_section .sal_tab_content {
    min-height: 300px
}

.article-content .sal_tab_content .sal_tab_content_section {
    display: none
}

.article-content .sal_tab_content .sal_tab_content_section_active {
    display: block
}

.sal_section {
    margin: 0 0 5.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.sal_inner_section {
    margin: 12px 0
}

.sal_section_title {
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 1.6vw 0;
    color: #ffb80c;
    font-size: 4.2666666667vw;
    font-weight: bold
}

.sal_section_title::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    width: calc(100% + 8px);
    height: 100%;
    -webkit-transform: skew(0,0);
    transform: skew(0,0);
    border-radius: 2px;
    color: black
}

.sal_body {
    margin: 0 0 16px;
    font-size: 3.4666666667vw;
    line-height: 1.6
}

.sal_body_bold {
    color: #ffb80c;
    font-weight: 700
}

.sal_intro_paragraph {
    color: #eee;
    font-size: 3.4666666667vw
}

.indent_1 {
    position: relative;
    padding-left: 6.4vw
}

.indent_1::before {
    content: "";
    display: inline-flex;
    position: absolute;
    top: 8px;
    left: 0;
    box-sizing: content-box;
    align-items: center;
    width: 1.6vw;
    height: 1.6vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 4px solid #ffb80c;
    border-bottom: 4px solid #e2a20b
}

.sal_expandable {
    display: block;
    position: relative;
    margin-top: 2.6666666667vw;
    padding: 8px;
    border-top: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    font-size: 3.4666666667vw;
    text-decoration: none
}

.sal_expandable:hover,.sal_expandable:focus,.sal_expandable.active {
    color: #fff;
    text-decoration: none
}

.sal_expandable::after {
    content: "+";
    position: absolute;
    right: 0;
    margin: 8px;
    padding: 0;
    font-size: 18px;
    line-height: 0
}

.sal_expandable:hover {
    transition: all .4s ease-in-out;
    background-color: rgba(255,184,12,0.4);
    cursor: pointer;
    pointer-events: all
}

.sal_expandable_section {
    display: none;
    padding: 8px
}

.sal_expandable_section_active {
    display: flex !important;
    flex-wrap: wrap
}

.sal_expandable_section .sal_body {
    font-size: 14px;
    line-height: 150%
}

.sal_expandable_section::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 8px 0 0;
    background-color: gainsboro
}

.sal_expandable_section .sal_expandable_group {
    margin-bottom: 16px
}

.sal_expandable_section .sal_expandable_group .sal_body {
    margin: 0 0 8px
}

.sal_table_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    border: 1px solid #eee;
    background-color: #eee;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.sal_table {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: left;
    -webkit-overflow-scrolling: touch
}

.sal_table .sal_collumn {
    width: 100%
}

.sal_table .sal_collumn .sal_collumn_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    background-color: #ffb80c;
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.sal_table .sal_collumn .sal_card {
    display: flex;
    width: 100%;
    font-size: 12px
}

.sal_table .sal_collumn .sal_card .sal_card_group {
    display: flex;
    flex-direction: column;
    width: 91px;
    word-wrap: break-word
}

.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_single_content,.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_double_content,.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_group_title {
    display: flex;
    box-sizing: border-box;
    flex-grow: 1;
    align-items: center;
    min-height: 30px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,0.4);
    font-size: 12px
}

.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_group_title {
    color: #ffb80c;
    font-weight: 700
}

.sal_search_container {
    display: flex;
    align-items: center
}

.sal_search_container::before {
    content: "";
    display: inline-flex;
    position: absolute;
    left: 5.3333333333vw;
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    background-color: #888;
    /* -webkit-mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat center/50%;
    mask: url("/images/h5/icon-set/icon-search-type01.svg") no-repeat center/50% */
}

.sal_search_container .sal_search_input {
    width: 100%;
    margin: 2.6666666667vw 0;
    padding: 1.8666666667vw 1.8666666667vw 1.8666666667vw 9.3333333333vw;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 1.0666666667vw;
    outline: 0;
    background-color: transparent;
    color: inherit;
    font-size: 3.7333333333vw
}

.sal_search_container .sal_clear_search {
    display: none;
    height: 100%;
    margin-left: 3.2vw;
    padding: 2.1333333333vw;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 4px;
    color: #ffb80c;
    font-size: 14px
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.sal_anchor_link {
    display: flex;
    align-items: center;
    color: #ffb80c;
    font-style: italic;
    text-decoration: none
}

.sal_anchor_link::after {
    content: "";
    display: inline-flex;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='link' class='svg-inline--fa fa-link fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffb80c' d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.sal_anchor_link:hover {
    cursor: pointer
}

.sal_tab_content_section[data-brn=sky] {
    background-color: #f0ece1
}

.sal_tab_content_section[data-brn=sky] .sal_tab_container_title {
    color: black;
    text-align: left
}

.sal_tab_content_section[data-brn=sky] .sal_search_container .sal_search_input {
    border-bottom: 1px solid black;
    background-color: transparent
}

.sal_tab_content_section[data-brn=sky] .sal_search_container .sal_clear_search {
    background-color: #ffb80b
}

.sal_tab_content_section[data-brn=sky] .sal_tab_header .sal_tab_item_active {
    background-color: #ffb80c !important;
    color: #fff
}

.sal_tab_content_section[data-brn=sky] .sal_section_title::after {
    -webkit-transform: skew(0,0);
    transform: skew(0,0);
    background-color: #ffb80c;
    color: black
}

.sal_tab_content_section[data-brn=sky] .sal_table .sal_table_title {
    border: 1px solid #ffb80c;
    background-color: #ffb80c
}

.sal_tab_content_section[data-brn=sky] .sal_expandable:hover {
    background-color: #ffb80c;
    color: black
}

.sal_tab_content_section[data-brn=sky] .indent_1::before {
    border-right: 4px solid #ffb80c;
    border-bottom: 4px solid #e2a20b
}

.sal_tab_content_section[data-brn=sky] .sal_anchor_link {
    color: #e2a20b
}

.sal_tab_content_section[data-brn=sky] .sal_anchor_link::after {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='link' class='svg-inline--fa fa-link fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23e2a20b' d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'%3E%3C/path%3E%3C/svg%3E")
}

.sal_table {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.sal_table h4 {
    font-weight: bold
}

.sal_table .sal_table_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    border: 1px solid #d84646;
    font-size: 14px;
    font-weight: 700;
    background-color: #f14e4e;
    color: white
}

.sal_table .sal_collumn {
    width: 50%
}

.sal_table .sal_collumn .sal_collumn_title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    font-size: 14px;
    font-weight: 700
}

.sal_table .sal_collumn .sal_card {
    display: flex;
    width: 100%;
    font-size: 12px
}

.sal_table .sal_collumn .sal_card .sal_card_group {
    display: flex;
    flex-direction: column;
    width: 50%
}

.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_single_content,.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_double_content,.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_group_title {
    display: flex;
    align-items: center;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid gainsboro;
    min-height: 30px;
    box-sizing: border-box;
    flex-grow: 1
}

.sal_table .sal_collumn .sal_card .sal_card_group .sal_card_group_title {
    font-weight: 700
}

.sal_collumn_first .sal_collumn {
    width: 100%
}

.sal_item {
    justify-content: center
}

.sal_flex_col {
    flex-direction: column
}

.sal_tab_content h3 {
    font-weight: bold;
    line-height: 2
}

.sal_tab_content .sal_section img {
    width: 100%;
    height: auto
}

#logoimage{
    background-image: url(./MobileImage/logo.png)
}
body[data-lang="loaded"] ui-translate {
    color: unset;
    background-color: transparent;
}

.footer-top div.pay img, .footer .footer-top div.pay-normal-size img {
    opacity: .3;
}

.footer-top div img {
    height: 4vw;
    opacity: .7;
}
 .footer-top div.safe img{
    opacity: .3;
}
.footer-top .safe img {
    height: 6.4vw;
    opacity: .7;
}
.card1 li a{
    display: block;
}
.slick-slide .slick-active .slick-current{
    width:auto !important;

}
.slick-slide{
    width: 823px !important;
    
}

/* exchange css */
* {
    margin: 0;
    padding: 0;
}
*:focus {
    outline: none;
}
html,
body {
    font-family: Helvetica, Tahoma, sans-serif;
    color: #1e1e1e;
    font-size: 3.46667vw;
    -webkit-text-size-adjust: 100%;
    line-height: 1.3;
    background-color: #111;
}
.login-head, .pass-head {
    position: relative;
    height: 74.66667vw;

    background-size: 100% 100%;
    margin-bottom: 12vw;
  }
  .betexchange247 .pass-head h1 {
    top: 5.66667vw;
    width: 51.46667vw;
    height: 15vw;
    /* background-image: url('../images/logo-betexchange247.png'); */
    margin-left:-24.73333vw;
  }
  
  .login-head h1, .pass-head h1 {
    position: absolute;
    left: 50%;
    top: 37.86667vw;
    width: 65.33333vw;
    height: 15.46667vw;
    /* background: url('../images/logo.svg') no-repeat; */
    background-size: contain;
    margin-left: -32.53333vw;
  }


.betexchange247 header li.main-wallet .a-wallet {
    background-color: rgba(255,255,255,0.15);
}
header li.main-wallet .a-wallet {
    width: 79%;
    height: auto;
    line-height: initial;
    border: 0;
    border-radius: 0.8vw 0 0 0.8vw;
    box-shadow: inset 0 0.26667vw 0 0 rgba(255,255,255,0.5);
    padding: 0;
}

header li.main-wallet .a-wallet ul {
    position: relative;
    flex-wrap: wrap;
    height: 8vw;
    line-height: 3.2vw;
    padding: 1.06667vw 10.66667vw 0 1.86667vw;
    border-radius: 1.06667vw 0 0 0;
}

header li.main-wallet li {
    font-weight: bold;
}

header li.main-wallet span:first-of-type {

    font-weight: normal;
}


/* .a-refresh img {
    background: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-7 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10 4.029c1.635 0 3.144.36 4.527 1.079 1.365.703 2.443 1.655 3.233 2.854.827 1.247 1.24 2.59 1.24 4.028 0 1.44-.413 2.782-1.24 4.03-.79 1.214-1.868 2.173-3.233 2.877A9.596 9.596 0 0 1 10 20a9.596 9.596 0 0 1-4.527-1.103c-1.365-.704-2.443-1.663-3.233-2.878C1.413 14.772 1 13.43 1 11.99h2.263c0 1.088.301 2.09.903 3.01.602.92 1.42 1.647 2.452 2.182 1.033.536 2.16.804 3.382.804s2.349-.268 3.382-.804c1.033-.535 1.85-1.263 2.452-2.182.602-.92.903-1.922.903-3.01 0-1.087-.301-2.09-.903-3.01-.602-.918-1.42-1.646-2.452-2.181-1.033-.536-2.16-.804-3.382-.804v4.029L4.368 5.012 10 0v4.029z" fill="rgb(30,30,30)"/></g></svg>') no-repeat;
    filter: invert(0.8);
} */
header li.main-wallet .a-wallet li:last-child {
    margin-right: 0;
}
.betexchange247 header li.main-wallet .nums {
    border-color: #ffb80c;
}
header li.main-wallet .nums {
    position: absolute;
    top: 2.4vw;
    right: 1.86667vw;
    height: 3.73333vw;
    font-size: 2.93333vw;
    line-height: 3.73333vw;
    border:0.26667vw solid rgb(241 171 2);
    border-radius: 0.8vw;
    padding: 0 2.13333vw;
}
.btn-box, .in-play.game-fancy pre, .in-play.game-sportsbook pre, .in-play.game-bookmaker pre, .in-play.game-live pre, header li.main-wallet .nums, header .badge-currency, header a, .tv-control a, .tag-live, .tag-live strong, .btn-minmax_bet, .back-gradient dd, .lay-gradient dd, .on_live .live_icon, .on_live .live_icon span, .on_live dd {
    justify-content: center;
    align-items: center;
}

header li.main-wallet .nums span {
    opacity: 1!important;
    font-size: 2.66667vw;
    font-weight: bold;
    margin-left: 0.26667vw;
}

header a.a-refresh {
    border: none;
    border-left: 0.26667vw solid #BD8C16;
    border-radius: 0 1.06667vw 1.06667vw 0;
    padding: 0.6vw 1.86667vw;
    height: 5vh;
    padding-top: 6px;
    box-shadow: inset 0 0.26667vw 0 0 rgba(255,255,255,0.5);
}

@media screen and (min-aspect-ratio: 16 / 9) {
    html,
    body {
        font-size: 1.94903vmax;
    }
}
a {
    text-decoration: none;
    color: #2789ce;
    outline: none;
    -webkit-tap-highlight-color: rgba(182, 223, 253, 0.5);
}
a:hover {
    text-decoration: none;
    cursor: pointer;
}
table {
    border-collapse: collapse;
}

@media screen and (min-aspect-ratio: 16 / 9) {
    input {
        border-radius: 0.89955vmax;
        font-size: 2.24888vmax;
        padding: 1.49925vmax 1.04948vmax;
        margin-bottom: 1.04948vmax;
    }
}
img {
    background-size: contain !important;
}


@media screen and (min-aspect-ratio: 16 / 9) {
    h3 {
        font-size: 2.09895vmax;
    }
}
.clearfix:after,
.now-play:after,
.info-rotate:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix,
.now-play,
.info-rotate {
    zoom: 1;
}
.clear,
.mian-wrap .gamehall a:after {
    clear: both;
}
.float-L,
.a-open_bets img,
.marquee-box .marquee a,
.now-play span,
.game-team.racing h4,
.scores-time li:before,
.info-rotate:before,
.btn-fancy_info:before,
.marquee-pop .function-wrap label span:before,
.article-date dt {
    float: left;
}
.float-R {
    float: right;
}
.align-L,
.table th,
.tc-wrap h3,
.announce-wrap h3,
.game-team h4,
.scores-time,
.pop-wrap h3,
.select-list h3,
.announce-wrap table,
.announce-wrap table th {
    text-align: left;
}
.align-R,
header li.main-wallet p,
header li.main-wallet li,
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span,
.setting-block input {
    text-align: right;
}

.align-C,
h3,
.btn,
.btn-send,
.login,
.form-select,
.pages a,
.logout,
.bets-selections a,
.trade p,
.trade-2 p,
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span,
header .login-index,
header .btn-signup,
.saddle_1,
.saddle_1A,
.saddle_1B,
.saddle_1C,
.saddle_1D,
.saddle_1X,
.saddle_1Y,
.saddle_2,
.saddle_2B,
.saddle_2C,
.saddle_2X,
.saddle_3,
.saddle_3C,
.saddle_3D,
.saddle_3E,
.saddle_3X,
.saddle_4,
.saddle_4D,
.saddle_4X,
.saddle_5,
.saddle_6,
.saddle_7,
.saddle_8,
.saddle_9,
.saddle_10,
.saddle_11,
.saddle_11F,
.saddle_12,
.saddle_12F,
.saddle_13,
.saddle_13F,
.saddle_14,
.saddle_14F,
.saddle_15,
.saddle_15F,
.saddle_16,
.saddle_16F,
.saddle_17,
.saddle_17F,
.saddle_18,
.saddle_18F,
.saddle_19,
.saddle_19F,
.saddle_20,
.saddle_20F,
.saddle_21,
.saddle_21F,
.saddle_22,
.saddle_22F,
.saddle_23,
.saddle_23F,
.saddle_24,
.saddle_24F,
.saddle_25,
.saddle_25F,
.saddle_26,
.saddle_26F,
.saddle_27,
.saddle_27F,
.saddle_28,
.saddle_28F,
.saddle_29,
.saddle_29F,
.saddle_30,
.saddle_30F,
.form-login dt,
.slip-note,
nav a,
.upcoming-list-col3 h4,
.tab-wrap li,
.quick_link a,
.game-team.tennis .team-scores,
.game-team.tennis .team-scores h4,
.game-team.soccer .team-scores,
.game-team.soccer .team-scores h4,
.sum-status,
.horse-box,
.input-num,
.coin-list a,
.keyboard-wrap a,
.no-data,
.btn-book,
.support-wrap,
.special_bets-tab li,
.stake-setting input,
.col-stake_edit a,
.loading-wrap p,
footer,
.article-date,
.closed-next {
    text-align: center;
}
.displayB,
.btn,
.btn-send,
.login,
.form-select,
.pages a,
.logout:after,
.highlight-list .time,
.inplay-list .time,
.upcoming-list .time,
.highlight-list a,
.inplay-list a,
.upcoming-list a,
.menu-list a,
.highlight-list a:after,
.inplay-list a:after,
.upcoming-list a:after,
.menu-list a:after,
.tv-head .close:before,
.tv-head .btn-line:before,
.bets-selections span,
.bets-selections-head span,
.trade span,
.trade-2 span,
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span,
.power-wrap-b img,
.game-fancy:after,
.game-sportsbook:after,
.game-bookmaker:after,
.game-live:after,
.in-play.game-fancy pre:before,
.in-play.game-sportsbook pre:before,
.in-play.game-bookmaker pre:before,
.in-play.game-live pre:before,
.fancy_bet-head h4 span,
.sportsbook_bet-head h4 span,
.fancy_bet-head .in-play pre:before,
.sportsbook_bet-head .in-play pre:before,
.login-head,
.login-head .close:before,
.form-login,
.form-login .error:after,
header img,
.a-open_bets .slip-note:before,
.message-wrap.to-open_bets:before,
.close:before,
.back_home .btn-back_home:after,
.marquee-box h4:before,
.marquee-box h4:after,
.marquee-box .marquee a span,
nav .main-nav:before,
nav a,
nav img,
.now-play:after,
.now-play span,
.tv-box:after,
.tv-control a:before,
.channel-list a,
.channel-list a:after,
.wrap-highlight img,
.wrap-highlight .a-tab_next,
.wrap-highlight .a-tab_prev,
.a-tab_next:after,
.a-tab_prev:after,
.game-E i:before,
.game-E i:after,
.tab-wrap a,
.path-wrap li:after,
.go_back,
.account-id:before,
.account-id .time-zone,
.info-icon img,
.game-team span,
.game-team a,
.scores-time li:before,
.soccer-map:after,
.sum-status,
.market-type a,
.disabled dd a:before,
.bets-selections-head .a-depth,
.input-num a:before,
.input-num .typeing:after,
.input-stake span:before,
.input-odds span:before,
.coin-list a,
.keyboard-wrap a,
.keyboard-wrap .btn-delete:before,
.info-rotate:before,
.no-data h3:before,
.line_market-head h4:after,
.line_market-head .btn-rules:before,
.policy-link,
.btn-head_rules:before,
.other-tab:before,
.other-tab:after,
.fancy-bet .bets-selections dt ul,
.fancy-bet .bets-selections dl.tips,
.btn-fancy_info,
.btn-fancy_info:before,
.bet-setting .bet-check:before,
.special_bets-tab li:after,
.special_bets-tab a,
.sports-book.close,
.to-expand:after,
.info-bet dd span,
.info-matched dd span,
.trashcan:before,
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span,
.a-edit:before,
.check-list a:before,
.setting-block a,
.switch_on span:after,
.switch_off span:after,
.form-select:after,
.select-list li,
.select-list a,
.to-BackLay li:after,
footer li:first-child,
footer .confirm-checkbox,
.result-wrap h3,
.fairenter .now-play:before,
.betbarter .back_home {
    display: block;
}
.displayI,
.path-wrap li {
    display: inline;
}

.displayIB,
.highlight-list .inplay-on a:before,
.inplay-list .inplay-on a:before,
.upcoming-list .inplay-on a:before,
.menu-list .inplay-on a:before,
.highlight-list .inplay-off a:before,
.inplay-list .inplay-off a:before,
.upcoming-list .inplay-off a:before,
.menu-list .inplay-off a:before,
.to-win:before,
.to-lose:before,
.saddle_1:before,
.saddle_1A:before,
.saddle_1B:before,
.saddle_1C:before,
.saddle_1D:before,
.saddle_1X:before,
.saddle_1Y:before,
.saddle_2:before,
.saddle_2B:before,
.saddle_2C:before,
.saddle_2X:before,
.saddle_3:before,
.saddle_3C:before,
.saddle_3D:before,
.saddle_3E:before,
.saddle_3X:before,
.saddle_4:before,
.saddle_4D:before,
.saddle_4X:before,
.saddle_5:before,
.saddle_6:before,
.saddle_7:before,
.saddle_8:before,
.saddle_9:before,
.saddle_10:before,
.saddle_11:before,
.saddle_11F:before,
.saddle_12:before,
.saddle_12F:before,
.saddle_13:before,
.saddle_13F:before,
.saddle_14:before,
.saddle_14F:before,
.saddle_15:before,
.saddle_15F:before,
.saddle_16:before,
.saddle_16F:before,
.saddle_17:before,
.saddle_17F:before,
.saddle_18:before,
.saddle_18F:before,
.saddle_19:before,
.saddle_19F:before,
.saddle_20:before,
.saddle_20F:before,
.saddle_21:before,
.saddle_21F:before,
.saddle_22:before,
.saddle_22F:before,
.saddle_23:before,
.saddle_23F:before,
.saddle_24:before,
.saddle_24F:before,
.saddle_25:before,
.saddle_25F:before,
.saddle_26:before,
.saddle_26F:before,
.saddle_27:before,
.saddle_27F:before,
.saddle_28:before,
.saddle_28F:before,
.saddle_29:before,
.saddle_29F:before,
.saddle_30:before,
.saddle_30F:before,
.login:after,
header .login-index:before,
.message .back,
.message .lay,
.game-team h4 span,
.game-team .game-low_liq,
.scores-time li,
.policy-link li,
.appdl-link-android a,
.appdl-link-ios a,
.bet-limit,
.bet-limit:before,
.bet-limit:after,
.fancy-bet .bets-selections dt li:before,
.btn-edit:after,
footer li,
footer .confirm-checkbox:before {
    display: inline-block;
}
.displayF,
.logout,
.bets-bookmaker .bets-selections-head ul,
.bets-selections dt ul,
.fancy-bet .bets-selections-head ul,

nav ul,
.wrap-highlight ul,
.tab-wrap ul,
.quick_link,
.path-wrap ul,
.info-icon,
.market-type ul,
.btn-list,
.coin-list,
.keyboard-wrap ul,
.bets-back .col-ref ul,
.bets-lay .col-ref ul,
.bets-book .col-ref ul,
.bets-head .col-ref ul,
.check-list,
.to-BackLay,
.in-play.game-fancy pre,
.in-play.game-sportsbook pre,
.in-play.game-bookmaker pre,
.in-play.game-live pre,

.tv-control a,
.tag-live,
.tag-live strong,
.btn-minmax_bet,
.back-gradient dd,
.lay-gradient dd,
.on_live .live_icon,
.on_live .live_icon span,
.on_live dd,
.highlight-list li,
.inplay-list li,
.upcoming-list li,
.menu-list li,
.highlight-list dt,
.inplay-list dt,
.upcoming-list dt,
.menu-list dt,
.tv-head .close,
.tv-head .btn-line,
.bets-selections,
.bets-selections-head,
.trade,
.trade-2,
.bets-selections dt,
.bets-selections-head dt,
.trade dt,
.trade-2 dt,
.bets-selections dd,
.bets-selections-head dd,
.trade dd,
.trade-2 dd,
.fancy .bets-selections .mode-land,
.fancy .bets-selections-head .mode-land,
.fancy .trade .mode-land,
.fancy .trade-2 .mode-land,
.bets-selections a,
.trade p,
.trade-2 p,
.suspend-full,
.bets-selections .suspend,
.suspend-fancy,
.suspend-spb,
.mode-land .btn-fancy_info,
.fancy-bet .btn-fancy_info,
.sports-book .btn-fancy_info,
.fancy_bet-head,
.sportsbook_bet-head,
.fancy_bet-head h4,
.sportsbook_bet-head h4,
.fancy_bet-head .in-play span,
.sportsbook_bet-head .in-play span,
.fancy_bet-head .in-play pre,
.sportsbook_bet-head .in-play pre,
.fancy-bet > h5,
.fancy-bet > h4,
.sports-book > h4,
.bets-bookmaker > h4,
.login-head .close,
header,
header li.main-wallet,
header li.main-wallet ul,
header .li-tv_bet,
.slip-note,
.loading-bar,
.message-wrap,
.close,
.back_home .btn-back_home,
.marquee-box,
.marquee-box h4,
.marquee-box .marquee a,
.tv-head,
.tv-control,
.wrap-highlight a,
.upcoming-list-col3 ul,
.game-E i,
.quick_link a,
.side-content .menu-list a,
.path-wrap,
.account-id,
.game-info,
.info-icon li,
.match-btn,
.match-btn a,
.horse-info,
.input-num,
.input-num a,
.input-num span,
.keyboard-wrap,
.keyboard-wrap .btn-delete,
.no-data h3,
.line_market-head,
.line_market-head h4,
.line_market-head .btn-rules,
.extra-wrap,
.btn-head_rules,
.fancy-bet .bets-selections dl.tips dt,
.fancy_info-popup.show,
.show.limit_info-popup,
.bet-setting,
.bet-setting .bet-check,
.special_bets-tab,
.to-expand,
.back-gradient,
.lay-gradient,
.overlay,
.info-bet,
.info-matched,
.info-bet dt,
.info-matched dt,
.side-wrap,
.side-head,
.side-head h3,
.side-content h3,
.trashcan,
.bets-back,
.bets-lay,
.bets-book,
.bets-head,
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd,
.a-edit,
.check-list a,
.setting-block,
.setting-block dt,
.setting-block dd,
.switch_on span,
.switch_off span,
.loading-overlay,
.loading-wrap,
.trade-wrap,
.announce-header,
.news-wrap,
.marquee-pop .function-wrap,
.result-wrap dl,
.result-wrap dt,
.result-wrap dd,
.o_12bet .back_home,
.o_spondemo .back_home,
.o_dafabet .back_home {
    display: flex;
}
.border-box,
.highlight-list .inplay-on a:before,
.inplay-list .inplay-on a:before,
.upcoming-list .inplay-on a:before,
.menu-list .inplay-on a:before,
.highlight-list .inplay-off a:before,
.inplay-list .inplay-off a:before,
.upcoming-list .inplay-off a:before,
.menu-list .inplay-off a:before,
.highlight-list a,
.inplay-list a,
.upcoming-list a,
.menu-list a,
.highlight-list a:after,
.inplay-list a:after,
.upcoming-list a:after,
.menu-list a:after,
.bets-selections dt,
.bets-selections-head dt,
.trade dt,
.trade-2 dt,
.bets-selections dd,
.bets-selections-head dd,
.trade dd,
.trade-2 dd,
.bets-selections a,
.trade p,
.trade-2 p,
.suspend-full,
.bets-selections .suspend,
.suspend-fancy,
.suspend-spb,
.saddle_1,
.saddle_1A,
.saddle_1B,
.saddle_1C,
.saddle_1D,
.saddle_1X,
.saddle_1Y,
.saddle_2,
.saddle_2B,
.saddle_2C,
.saddle_2X,
.saddle_3,
.saddle_3C,
.saddle_3D,
.saddle_3E,
.saddle_3X,
.saddle_4,
.saddle_4D,
.saddle_4X,
.saddle_5,
.saddle_6,
.saddle_7,
.saddle_8,
.saddle_9,
.saddle_10,
.saddle_11,
.saddle_11F,
.saddle_12,
.saddle_12F,
.saddle_13,
.saddle_13F,
.saddle_14,
.saddle_14F,
.saddle_15,
.saddle_15F,
.saddle_16,
.saddle_16F,
.saddle_17,
.saddle_17F,
.saddle_18,
.saddle_18F,
.saddle_19,
.saddle_19F,
.saddle_20,
.saddle_20F,
.saddle_21,
.saddle_21F,
.saddle_22,
.saddle_22F,
.saddle_23,
.saddle_23F,
.saddle_24,
.saddle_24F,
.saddle_25,
.saddle_25F,
.saddle_26,
.saddle_26F,
.saddle_27,
.saddle_27F,
.saddle_28,
.saddle_28F,
.saddle_29,
.saddle_29F,
.saddle_30,
.saddle_30F,
header,
.slip-note,
nav a,
.tag-live,
.game-E,
.tab-wrap,
.quick_link li,
.quick_link a,
.account-id,
.match-btn a,
.market-type a,
.input-num,
.input-num a,
.keyboard-wrap a,
.info-rotate:before,
.line_market-selection h4,
.policy-link,
.info-bet dt,
.info-matched dt,
.info-bet dd,
.info-matched dd,
.a-edit,
.check-list a:before,
.setting-block dt,
.setting-block dd,
.stake-setting input,
.announce-header,
footer,
footer .confirm-checkbox:before,
footer .btn,
footer .btn-send,
footer .login,
footer .form-select,
footer .pages a,
.pages footer a,
.on_live,
.on_live .live_icon span,
.on_live .live_icon span:before,
.on_live dd span,
.result-wrap h3,
.result-wrap dl,
.result-wrap dt,
.result-wrap dd,
.result-wrap p {
    box-sizing: border-box;
}
.mian-wrap {
    position: relative;
    padding: 0 0 17.6vw;
    overflow: hidden;
    background-color: #efece1;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .mian-wrap {
        padding: 0;
    }
}

.btn-send,
.login,
.form-select,
.pages a {
    background-image: linear-gradient(-180deg, #fff 0%, #eee 89%);
    border: 1px solid #aaa;
    border-radius: 1.6vw;
    font-size: 4vw;
    font-weight: bold;
    line-height: 2.6;
    color: #1e1e1e;
}
.btn.disable,
.disable.btn-send,
.disable.login,
.disable.form-select,
.pages a.disable {
    background: #dfdfdf;
    color: #999;
    cursor: not-allowed;
}
.btn.select,
.select.btn-send,
.select.login,
.select.form-select,
.pages a.select {
    background: #ffcc2e;
    border: 1px solid #be7809;
    box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
}
.btn.secondary,
.secondary.btn-send,
.secondary.login,
.secondary.form-select,
.pages a.secondary {
    background-image: linear-gradient(180deg, #feb809 0%, #feb809 89%);
    border: 1px solid #969696;
}
.btn.secondary:hover,
.secondary.btn-send:hover,
.secondary.login:hover,
.secondary.form-select:hover,
.pages a.secondary:hover {
    background-image: linear-gradient(180deg, #b2b2b2 0%, #d6d6d6 89%);
    border: 1px solid #969696;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn,
    .btn-send,
    .login,
    .form-select,
    .pages a {
        border-radius: 0.89955vmax;
        font-size: 2.24888vmax;
    }
    .btn.select,
    .select.btn-send,
    .select.login,
    .select.form-select,
    .pages a.select {
        box-shadow: inset 0 0.29985vmax 0 0 rgba(0, 0, 0, 0.1);
    }
}
.btn-send,
.login {
    background-image: linear-gradient(-180deg, #feb809 15%, #ffa00c 100%);
    border-color: #bf7809;
}
.btn-send.disable,
.disable.login {
    background-image: linear-gradient(-180deg, #ffe9b6 0%, #ffe2b6 100%);
    border-color: #efd9b5;
    color: #999;
}


.logout {
    height: 12.8vw;
    background-image: linear-gradient(-180deg, #e93522 0%, #be2414 100%);
    border: 1px solid #8a0011;
    border-width: 1px 0 1px 0;
    color: #fff;
    font-size: 4.26667vw;
    font-weight: bold;
    margin-bottom: 5.33333vw;
    justify-content: center;
    align-items: center;
}
.logout:after {
    content: "";
    width: 4vw;
    height: 4vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M5.672 11.238l2.066-2.355H0V7.117h7.776L5.672 4.762 6.8 3.5 10.82 8 6.8 12.5 5.67 11.238zM13.348 0c.435 0 .82.17 1.153.508.334.338.5.73.5 1.172v11.64c0 .443-.166.834-.5 1.172-.332.34-.717.508-1.152.508H1.898c-.434 0-.818-.17-1.15-.508-.334-.338-.5-.73-.5-1.172V10h1.65v3.32h11.45V1.68H1.898V5H.25V1.68c0-.443.166-.834.5-1.172C1.08.168 1.463 0 1.897 0h11.45z"/></svg>')
        no-repeat;
    background-size: contain;
    margin-left: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .logout {
       height: 7.1964vmax;
        font-size: 2.3988vmax;
        margin-bottom: 2.9985vmax;
    }
    .logout:after {
        width: 2.24888vmax;
        height: 2.24888vmax;
        margin-left: 0.74963vmax;
    }
}
.table {
    width: 100%;
    border-bottom: 1px solid #7e97a7;
}
.table th {
    padding: 2.13333vw 1.86667vw;
    background-color: #d6e4e5;
    border-bottom: 0.26667vw solid #bbc8c9;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .table th {
        padding: 1.1994vmax 1.04948vmax;
        border-bottom-width: 0.14993vmax;
    }
}
.table td,
.table .announce-wrap table th,
.announce-wrap table .table th {
    padding: 2.13333vw 1.86667vw;
    border: 0.26667vw solid #e0e6e6;
    border-width: 0 0 0.26667vw 0.26667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .table td,
    .table .announce-wrap table th,
    .announce-wrap table .table th {
        padding: 1.1994vmax 1.04948vmax;
        border-bottom-width: 0.14993vmax;
    }
}
.table tr:last-of-type td,
.table tr:last-of-type .announce-wrap table th,
.announce-wrap table .table tr:last-of-type th {
    border-bottom-width: 0;
}
.icon-home {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M20.574 10.945v7.107c0 .52-.43.948-.952.948h-5.717v-5.686h-3.81V19H4.378c-.52 0-.952-.43-.952-.948v-7.107c0-.03.015-.06.015-.088L12 3.837l8.56 7.02c.014.03.014.06.014.088zm3.32-1.02l-.923 1.094c-.074.088-.193.148-.312.162h-.044c-.12 0-.224-.03-.313-.103L12 2.535 1.7 11.08c-.105.073-.224.117-.358.102-.12-.014-.238-.074-.313-.163L.105 9.923c-.163-.193-.134-.504.06-.666L10.87.388c.624-.518 1.636-.518 2.26 0l3.633 3.02V.523c0-.267.21-.474.477-.474h2.858c.268 0 .476.207.476.474v6.04l3.26 2.696c.194.162.223.473.06.666z"/></svg>')
        no-repeat;
}
.icon-inplay {
    background: url('data:image/svg+xml,<svg width="20" height="21" xmlns="http://www.w3.org/2000/svg"><path d="M10 18.944c1.94 0 3.592-.718 4.953-2.154 1.362-1.436 2.042-3.165 2.042-5.189 0-2.023-.68-3.744-2.042-5.164-1.361-1.42-3.012-2.13-4.953-2.13-1.94 0-3.592.71-4.953 2.13-1.362 1.42-2.042 3.141-2.042 5.164 0 2.024.68 3.753 2.042 5.19 1.361 1.435 3.012 2.153 4.953 2.153zm0-16.741c2.504 0 4.632.922 6.385 2.766 1.753 1.843 2.63 4.054 2.63 6.632 0 2.579-.877 4.79-2.63 6.633C14.632 20.078 12.504 21 10 21s-4.632-.922-6.385-2.766C1.862 16.39.985 14.18.985 11.601c0-2.578.877-4.789 2.63-6.632C5.368 3.125 7.496 2.203 10 2.203zm.516 4.21v5.482l3.991 2.448-.751 1.272-4.742-2.937V6.413h1.502zM5.87 1.566L1.268 5.58 0 4.014 4.6 0 5.87 1.566zM20 4.014l-1.268 1.615-4.6-4.063L15.398 0 20 4.014z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>')
        no-repeat;
}
.icon-sports {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="26" viewBox="0 0 32 26"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="M31.57 1.78c-.4-.313-1.26-.65-4.092.065-.153.04-.303.078-.45.12.273-1.2.38-1.965.38-1.965H4.21s.102.72.358 1.857l-.046-.012C1.688 1.13.83 1.467.432 1.78c-.318.252-.47.627-.424 1.058.063.62.733 6.152 4.646 9.276 1.725 1.377 3.81 2.07 6.22 2.07h.032c.884.752 1.878 1.365 2.992 1.774v3.963h-3.32l-1.514 1.594V26h13.728v-4.486l-1.514-1.593H17.62v-3.925c1.16-.41 2.188-1.04 3.1-1.818.136.004.272.007.406.007 2.41 0 4.495-.693 6.22-2.07 3.913-3.124 4.583-8.656 4.646-9.276.045-.43-.106-.806-.423-1.057zM5.325 11.255c-3.564-2.845-4.18-7.956-4.24-8.53-.005-.05.002-.07 0-.07.006-.005.39-.423 2.99.21.268.063.532.133.786.204.74 2.823 2.204 7.004 4.857 9.954-1.676-.184-3.148-.773-4.394-1.768zm12.295.64c-.584.27-1.233.422-1.918.422-.64 0-1.25-.132-1.804-.37-1.66-.71-2.825-2.37-2.825-4.308 0-2.584 2.072-4.678 4.63-4.678 2.556 0 4.628 2.094 4.628 4.678 0 1.89-1.11 3.52-2.71 4.256zm13.294-9.17c-.06.574-.676 5.685-4.24 8.53-1.348 1.076-2.96 1.678-4.807 1.806 2.638-2.91 4.106-7.04 4.858-9.873.374-.11.782-.223 1.198-.324 2.606-.633 2.986-.212 2.99-.21 0 0 .006.02 0 .072z"/></svg>')
        no-repeat;
}
.icon-pin {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M12.5 25C5.596 25 0 19.404 0 12.5S5.596 0 12.5 0 25 5.596 25 12.5 19.404 25 12.5 25zm5.09-13.203c-.09 0-.18-.032-.27-.095-.49-.19-.802-.49-.936-.9L15.18 5.203v-.237c0-.253.222-.46.668-.617l.067-.048h.067c.536-.158.804-.426.804-.806 0-.443-.09-.72-.268-.83-.18-.11-.49-.166-.938-.166H9.42c-.447 0-.76.055-.938.166-.178.11-.268.387-.268.83 0 .38.268.648.804.806h.067l.067.048c.446.158.67.364.67.617v.237L8.615 10.8c-.134.412-.446.712-.937.902-.09.063-.18.095-.27.095-1.606.57-2.41 1.44-2.41 2.61 0 .378.067.64.2.78.135.144.403.215.804.215h5.425l.802 8.348h.536l.803-8.348h5.426c.4 0 .67-.063.803-.19.133-.126.2-.395.2-.806 0-1.17-.804-2.04-2.41-2.61z"/></svg>')
        no-repeat;
}
.icon-account,
.account-id:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M10 0c2.756 0 5.112.978 7.067 2.933C19.022 4.888 20 7.243 20 10c0 2.756-.978 5.112-2.933 7.067C15.112 19.022 12.757 20 10 20c-2.756 0-5.112-.978-7.067-2.933C.978 15.112 0 12.757 0 10c0-2.756.978-5.112 2.933-7.067C4.888.978 7.243 0 10 0zm0 19.183c2.82 0 5.16-1.106 7.02-3.318-1.38-.544-2.87-1.057-4.472-1.538-.096-.064-.144-.24-.144-.53 0-.223.112-.592.336-1.105.16-.32.305-.833.433-1.538.32-.385.545-.898.673-1.54.096-.576.096-1.024 0-1.345-.032-.033-.048-.065-.048-.097-.096-.32-.048-.93.144-1.827.16-.833-.08-1.667-.72-2.5-.61-.833-1.54-1.282-2.79-1.346h-.865c-1.25.096-2.18.545-2.788 1.346-.642.833-.883 1.667-.722 2.5.192.898.24 1.507.144 1.827v.096c-.128.384-.144.833-.048 1.345.16.673.384 1.202.673 1.587.128.64.272 1.138.433 1.49.128.257.192.64.192 1.154 0 .257-.048.417-.144.48-1.603.45-3.045.962-4.327 1.54 1.828 2.21 4.167 3.317 7.02 3.317z"/></svg>')
        no-repeat;
}
.icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
}
.select .icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
}
.icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
}
.select .icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
}
.icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
}
.select .icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
}
.icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.select .icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(0,0,0)" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.icon-rugby {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="M1.762 23.238C.14 21.615-.346 18.866.238 15.793l8.97 8.97c-3.074.584-5.822.098-7.446-1.525zM5.79 5.788c2.12-2.12 4.534-3.66 6.905-4.62l11.138 11.137c-.96 2.372-2.5 4.785-4.622 6.907-2.12 2.12-4.534 3.66-6.905 4.62L1.168 12.696c.96-2.37 2.5-4.785 4.62-6.906zm8.088 3.494c-.34-.337-.887-.337-1.223 0-.34.34-.34.89-.005 1.227l.31.307-.46.46-.31-.308c-.336-.34-.885-.34-1.22 0-.34.335-.34.883 0 1.22l.308.31-.46.46-.31-.31c-.337-.336-.885-.336-1.226.005-.336.336-.336.884 0 1.223l.31.308-.46.46-.31-.308C8.485 14 7.938 14 7.6 14.336c-.34.34-.34.89-.005 1.227l1.842 1.84c.338.338.886.337 1.227-.003.336-.337.336-.884-.002-1.223l-.31-.308.462-.462.308.31c.338.336.886.336 1.222 0 .342-.34.342-.888.006-1.227l-.31-.307.46-.46.31.307c.336.338.884.338 1.22 0 .34-.336.34-.884 0-1.222l-.308-.308.46-.46.31.31c.338.336.885.336 1.226-.006.336-.336.336-.883 0-1.222l-.31-.308.46-.46.31.308c.337.338.885.338 1.222 0 .34-.34.34-.887.004-1.225l-1.84-1.842c-.34-.336-.887-.336-1.226.005-.338.337-.338.884 0 1.222l.31.31-.462.46-.308-.31zm9.36-7.52c1.623 1.623 2.11 4.372 1.524 7.445l-8.97-8.97c3.074-.583 5.822-.098 7.446 1.525z"/></svg>')
        no-repeat;
}
.select .icon-rugby {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(0,0,0)" fill-rule="nonzero" d="M1.762 23.238C.14 21.615-.346 18.866.238 15.793l8.97 8.97c-3.074.584-5.822.098-7.446-1.525zM5.79 5.788c2.12-2.12 4.534-3.66 6.905-4.62l11.138 11.137c-.96 2.372-2.5 4.785-4.622 6.907-2.12 2.12-4.534 3.66-6.905 4.62L1.168 12.696c.96-2.37 2.5-4.785 4.62-6.906zm8.088 3.494c-.34-.337-.887-.337-1.223 0-.34.34-.34.89-.005 1.227l.31.307-.46.46-.31-.308c-.336-.34-.885-.34-1.22 0-.34.335-.34.883 0 1.22l.308.31-.46.46-.31-.31c-.337-.336-.885-.336-1.226.005-.336.336-.336.884 0 1.223l.31.308-.46.46-.31-.308C8.485 14 7.938 14 7.6 14.336c-.34.34-.34.89-.005 1.227l1.842 1.84c.338.338.886.337 1.227-.003.336-.337.336-.884-.002-1.223l-.31-.308.462-.462.308.31c.338.336.886.336 1.222 0 .342-.34.342-.888.006-1.227l-.31-.307.46-.46.31.307c.336.338.884.338 1.22 0 .34-.336.34-.884 0-1.222l-.308-.308.46-.46.31.31c.338.336.885.336 1.226-.006.336-.336.336-.883 0-1.222l-.31-.308.46-.46.31.308c.337.338.885.338 1.222 0 .34-.34.34-.887.004-1.225l-1.84-1.842c-.34-.336-.887-.336-1.226.005-.338.337-.338.884 0 1.222l.31.31-.462.46-.308-.31zm9.36-7.52c1.623 1.623 2.11 4.372 1.524 7.445l-8.97-8.97c3.074-.583 5.822-.098 7.446 1.525z"/></svg>')
        no-repeat;
}
.icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.select .icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="rgb(0,0,0)" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.select .icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(0,0,0)" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
        no-repeat;
}
.select .icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="rgb(0,0,0)" fill-rule="nonzero"/></svg>')
        no-repeat;
}
.icon-casino {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M20 18.624v-16.038c0-.748-.696-1.361-1.544-1.361h-.95c.051.135.068.269.085.404l1.578 15.978c.119 1.152-.848 2.169-2.154 2.274l-1.459.12h2.918c.831-.015 1.527-.628 1.527-1.376z" id="Path" fill="%23CFBCC7"/><path d="M16.42 16.761l-3.062-15.642c-.148-.741-.922-1.231-1.745-1.097l-10.371 1.646c-.823.133-1.366.83-1.218 1.572l3.078 15.642c.148.741.922 1.231 1.745 1.097l10.371-1.646c.807-.133 1.35-.83 1.202-1.572zm-4.313-5.041c-.626.815-1.728 1.142-2.733.904.082.208.132.371.181.43.23.371 1.004.652.84.993-.165.326-.477-.03-1.333.104-.856.133-1.021.563-1.3.311-.28-.267.346-.771.412-1.186.016-.074.016-.237 0-.46-.856.534-2.025.563-2.914-.015-1.152-.726-1.432-2.165-.626-3.202.774-.993 2.864-3.455 2.864-3.455s2.897 1.661 4 2.357c1.136.741 1.416 2.179.609 3.217z" fill="%23FFFFFF" fill-rule="nonzero"/><path d="M18.218 17.754l-1.483-16.091c-.064-.753-.781-1.311-1.579-1.25l-.973.075.08.271 2.966 15.895c.207 1.145-.606 2.245-1.818 2.441l-2.966.497 4.449-.362c.797-.045 1.387-.723 1.324-1.476z" fill="%23CFBCC7"/></g></svg>')
        no-repeat;
}
.select .icon-casino {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M20 18.624v-16.038c0-.748-.696-1.361-1.544-1.361h-.95c.051.135.068.269.085.404l1.578 15.978c.119 1.152-.848 2.169-2.154 2.274l-1.459.12h2.918c.831-.015 1.527-.628 1.527-1.376z" id="Path" fill="%23CFBCC7"/><path d="M16.42 16.761l-3.062-15.642c-.148-.741-.922-1.231-1.745-1.097l-10.371 1.646c-.823.133-1.366.83-1.218 1.572l3.078 15.642c.148.741.922 1.231 1.745 1.097l10.371-1.646c.807-.133 1.35-.83 1.202-1.572zm-4.313-5.041c-.626.815-1.728 1.142-2.733.904.082.208.132.371.181.43.23.371 1.004.652.84.993-.165.326-.477-.03-1.333.104-.856.133-1.021.563-1.3.311-.28-.267.346-.771.412-1.186.016-.074.016-.237 0-.46-.856.534-2.025.563-2.914-.015-1.152-.726-1.432-2.165-.626-3.202.774-.993 2.864-3.455 2.864-3.455s2.897 1.661 4 2.357c1.136.741 1.416 2.179.609 3.217z" fill="%23000000" fill-rule="nonzero"/><path d="M18.218 17.754l-1.483-16.091c-.064-.753-.781-1.311-1.579-1.25l-.973.075.08.271 2.966 15.895c.207 1.145-.606 2.245-1.818 2.441l-2.966.497 4.449-.362c.797-.045 1.387-.723 1.324-1.476z" fill="%23CFBCC7"/></g></svg>')
        no-repeat;
}
.info-inplay {
    background: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="%235EA80E" d="M0 0h18v18H0z"/><path d="M9 13.83c1.16 0 2.15-.42 2.97-1.24a4.05 4.05 0 0 0 1.23-2.96 4 4 0 0 0-1.23-2.95A4.06 4.06 0 0 0 9 5.46c-1.16 0-2.15.4-2.97 1.22A4 4 0 0 0 4.8 9.63c0 1.16.41 2.14 1.23 2.96.82.82 1.8 1.24 2.97 1.24zm0-9.57c1.5 0 2.78.53 3.83 1.58a5.17 5.17 0 0 1 1.58 3.79c0 1.47-.53 2.74-1.58 3.79A5.21 5.21 0 0 1 9 15c-1.5 0-2.78-.53-3.83-1.58a5.17 5.17 0 0 1-1.58-3.8c0-1.46.53-2.73 1.58-3.78A5.21 5.21 0 0 1 9 4.26zm.31 2.4V9.8l2.4 1.4-.46.72-2.84-1.68V6.66h.9zM6.52 3.9L3.76 6.19 3 5.29 5.76 3l.76.9zM15 5.3l-.76.92-2.76-2.32.76-.9L15 5.3z" fill="%23FFF"/></g></svg>')
        no-repeat;
    border-radius: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-inplay {
        border-radius: 0.74963vmax;
    }
}
.info-cashout {
    background: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="%23FFB80C" d="M0 0h18v18H0z"/><path d="M5.19 9h1.9l-2.53 2.98L2 9h1.9c0-1.08.24-2.08.7-3.02a5.46 5.46 0 0 1 1.84-2.15 4.4 4.4 0 0 1 5.27.12l-.93 1.08a3.31 3.31 0 0 0-3.7.08c-.58.4-1.04.95-1.38 1.64A5.01 5.01 0 0 0 5.19 9zm8.25-2.98L16 9h-1.9c0 1.08-.24 2.08-.7 3.02a5.46 5.46 0 0 1-1.84 2.15 4.4 4.4 0 0 1-3.98.58c-.47-.17-.9-.4-1.3-.7l.94-1.08a3.31 3.31 0 0 0 3.7-.08c.58-.4 1.04-.95 1.38-1.64.34-.68.51-1.44.51-2.25h-1.9l2.53-2.98z" fill="%23000"/></g></svg>')
        no-repeat;
    border-radius: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-cashout {
        border-radius: 0.74963vmax;
    }
}
.red {
    color: #d0021b !important;
}
.green {
    color: #508d0e !important;
}

.mode-land .btn-fancy_info,
.fancy-bet .btn-fancy_info,
.sports-book .btn-fancy_info,
.game-fancy,
.game-sportsbook,
.game-bookmaker,
.game-live,
.fancy_bet-head .in-play pre,
.sportsbook_bet-head .in-play pre,
.login-head h1,
.login-head .close,
header .top-logo,
.close,
.back_home h1,
.back_home .btn-back_home,
.tv-control a,
.tag-live strong,
.a-tab_next,
.a-tab_prev,
.pin-on,
.pin-off,
.go_back,
.game-team .refresh,
.game-team .multi-Go,
.bets-selections-head .a-depth,
.input-num a,
.keyboard-wrap .btn-delete,
.download-list dd a,
.btn-head_rules,
.btn-minmax_bet,
.a-edit,
.a-search,
.search-back,
.search-clear,
.search-collapse,
.on_live .live_icon span,
.betexchange247 header .sky-logo,
.betexchange247 header .sky-logo,
.wickets247 header .sky-logo {
    font-size: 0;
    text-indent: -99999px;
}
.highlight-list a,
.inplay-list a,
.upcoming-list a,
.menu-list a,
.highlight-list dd,
.inplay-list dd,
.upcoming-list dd,
.menu-list dd,
.bets-selections a span,
.trade p span,
.trade-2 p span,
.fancy-bet > h5 span,
.fancy-bet > h4 span,
.sports-book > h4 span,
.bets-bookmaker > h4 span,
nav a,
.now-play,
.channel-list a,
.side-content .menu-list a p,
.path-wrap ul,
.account-id span:first-of-type,
.game-team h4,
.scores-time,
.bets-selections h4,
.horse-name li,
.support-wrap .support-detail a span,
.fancy-bet .bets-selections dt li,
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd,
.bets-back h4,
.bets-lay h4,
.bets-book h4,
.bets-head h4,
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span,
.select-list a,
.suggestion-wrap li p,
.suggestion-wrap li a,
.on_live dd p,
.result-wrap h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fancy_info-popup,
.limit_info-popup {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.7);
}
.bets-bookmaker .bets-selections-head ul li,
.bets-selections dt ul li,
.fancy-bet .bets-selections-head ul li,
header ul li,
nav ul li,
.wrap-highlight ul li,
.tab-wrap ul li,
.quick_link li,
.path-wrap ul li,
.info-icon li,
.market-type ul li,
.btn-list li,
.coin-list li,
.keyboard-wrap ul li,
.bets-back .col-ref ul li,
.bets-lay .col-ref ul li,
.bets-book .col-ref ul li,
.bets-head .col-ref ul li,
.check-list li,
.to-BackLay li {
    list-style: none;
}
.wrap-highlight .menu-casino a:after,
.mian-wrap .gamehall a:after {
    content: "";
    display: block;
}
.tag-live strong:before,
.btn-minmax_bet:before,
.on_live .live_icon span:before {
    content: "";
    display: block;
}
.in-play.game-fancy pre,
.in-play.game-sportsbook pre,
.in-play.game-bookmaker pre,
.in-play.game-live pre,
header a,
.tv-control a,
.tag-live,
.tag-live strong,
.btn-minmax_bet,
.back-gradient dd,
.lay-gradient dd,
.on_live .live_icon,
.on_live .live_icon span,
.on_live dd {
    justify-content: center;
    align-items: center;
}

.betexchange247 input {
    border: 1px solid #666;
}

.form-login input {
   
    width: calc(100% - 2 * (1.86vw));
    margin-bottom: 0;
}

@media (orientation: landscape) {
    .form-login input {
        width: calc(100% - 2 * (1.86vw));
        border-radius: 1.6vw;
        font-size: 4vw;
        padding: 2.66667vw 1.86667vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .form-login input {
        width: calc(100% - 2 * (1.04vmax));
        border-radius: 0.89955vmax;
        font-size: 2.24888vmax;
        padding: 1.49925vmax 1.04948vmax;
    }
}
.policy-link {
    color: rgba(255, 255, 255, 0.5);
}
.policy-link a {
    color: rgba(255, 255, 255, 0.6);
}
.tc-wrap,
.announce-wrap {
    overflow-y: scroll;
    background-color: #fff;
    font-size: 4vw;
    line-height: 1.5;
    padding: 4.26667vw 3.46667vw;
    box-sizing: border-box;
}
.tc-wrap h1,
.announce-wrap h1 {
    margin-top: 12.8vw;
    margin-bottom: 6.4vw;
    font-size: 6.4vw;
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1.33333vw;
    padding: 2.66667vw;
}
.tc-wrap h2,
.announce-wrap h2 {
    font-size: 5.86667vw;
    line-height: 1.2;
    color: #1b2d38;
    padding-bottom: 2.13333vw;
    margin-bottom: 4.8vw;
    border-bottom: 1px dashed #e0e6e6;
}
.tc-wrap h3,
.announce-wrap h3 {
    font-size: 4.53333vw;
    margin-bottom: 3.2vw;
    color: rgba(30, 30, 30, 0.9);
    line-height: 1.2;
    background: transparent;
}
.tc-wrap h4,
.announce-wrap h4 {
    font-size: 4vw;
    color: rgba(30, 30, 30, 0.9);
    margin-bottom: 2.66667vw;
}
.tc-wrap h5,
.announce-wrap h5 {
    font-size: 4vw;
    color: rgba(30, 30, 30, 0.9);
    margin-bottom: 2.66667vw;
    text-decoration: underline;
}
.tc-wrap ul,
.announce-wrap ul,
.tc-wrap ol,
.announce-wrap ol {
    margin-left: 6.4vw;
}
.tc-wrap ul li,
.announce-wrap ul li,
.tc-wrap ol li,
.announce-wrap ol li {
    margin-bottom: 3.46667vw;
}
.tc-wrap p,
.announce-wrap p {
    margin: 0 0 3.2vw 0;
}
.tc-wrap address,
.announce-wrap address {
    font-size: 3.46667vw;
    margin-bottom: 4vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tc-wrap,
    .announce-wrap {
        font-size: 2.24888vmax;
        padding: 3.14843vmax 3.14843vmax;
    }
    .tc-wrap h2,
    .announce-wrap h2 {
        font-size: 3.29835vmax;
        padding-bottom: 1.1994vmax;
        margin-bottom: 2.3988vmax;
    }
    .tc-wrap h3,
    .announce-wrap h3 {
        font-size: 2.54873vmax;
        margin-bottom: 2.24888vmax;
    }
    .tc-wrap h4,
    .announce-wrap h4 {
        font-size: 2.24888vmax;
        margin-bottom: 1.49925vmax;
    }
    .tc-wrap h5,
    .announce-wrap h5 {
        font-size: 2.24888vmax;
        margin-bottom: 1.49925vmax;
    }
    .tc-wrap ul,
    .announce-wrap ul,
    .tc-wrap ol,
    .announce-wrap ol {
        margin-left: 3.5982vmax;
    }
    .tc-wrap ul li,
    .announce-wrap ul li,
    .tc-wrap ol li,
    .announce-wrap ol li {
        margin-bottom: 1.94903vmax;
    }
    .tc-wrap p,
    .announce-wrap p {
        margin: 0 0 1.94903vmax 0;
    }
    .tc-wrap address,
    .announce-wrap address {
        font-size: 1.94903vmax;
        margin-bottom: 2.24888vmax;
    }
}
/* .betexchange247 .login-pop .login-head {
    background-image: url('../images/KV-pic-skyEX.png');
} */
.betexchange247 .login-pop .login-head h1 {
    top: 34.66667vw;
    width: 65.86667vw;
    height: 22.13333vw;
    /* background-image: url('../images/newlogo.png'); */
    margin-left: -33.06667vw;
}
@media (orientation: landscape) {
    .betexchange247 .login-pop .login-head {
        background-image: linear-gradient(-180deg, #414141 0%, #000 100%);
    }
    .betexchange247 .login-pop .login-head h1 {
        top: -10.53333vw;
        width: 66.46667vw;
        height: 41.33333vw;
        /* background-image: url('../images/newlogo.png'); */
        margin-left: -33.06667vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .betexchange247 .login-pop .login-head h1 {
        top: 1.04948vmax;
        width: 28.93553vmax;
        height: 9.74513vmax;
        margin-left: -14.3928vmax;
    }
}
body .betexchange247{
    height: 100%;
}
@media screen and (min-aspect-ratio: 16/9){
    .form-login dd .CaptchaPopup{
        position: absolute;
        right: 0.26667vw;
        width: 6.6666vw;
        top: 1vw;
    }
}

@media (orientation: landscape) {
    .form-login dd .CaptchaPopup {
        
        width: 8.66667vw;
        height: 5.06667vw;
        right: 0;
        /* padding-top: 1vw; */
        border-radius: 1.06667vw;
}
}
.CaptchaPopup{
    position: absolute;
    right: 1.86667vw;
    width: 13.6666vw;
    top: 2vw;
}
.highlight-list .inplay-on a:before,
.inplay-list .inplay-on a:before,
.upcoming-list .inplay-on a:before,
.menu-list .inplay-on a:before,
.highlight-list .inplay-off a:before,
.inplay-list .inplay-off a:before,
.upcoming-list .inplay-off a:before,
.menu-list .inplay-off a:before {
    content: "";
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 50%;
    background-color: #6bbd11;
    border: 1px solid rgba(51, 51, 51, 0.4);
    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .highlight-list .inplay-on a:before,
    .inplay-list .inplay-on a:before,
    .upcoming-list .inplay-on a:before,
    .menu-list .inplay-on a:before,
    .highlight-list .inplay-off a:before,
    .inplay-list .inplay-off a:before,
    .upcoming-list .inplay-off a:before,
    .menu-list .inplay-off a:before {
        width: 1.49925vmax;
        height: 1.49925vmax;
        margin-right: 0.74963vmax;
    }
}
.highlight-list .time,
.inplay-list .time,
.upcoming-list .time {
    font-size: 3.2vw;
    line-height: 1.1;
    color: #777;
    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .highlight-list .time,
    .inplay-list .time,
    .upcoming-list .time {
        font-size: 1.7991vmax;
        margin-right: 0.74963vmax;
    }
}

.highlight-list,
.inplay-list,
.upcoming-list,
.menu-list {
    background-color: #fff;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 20px;
}
.highlight-list li,
.inplay-list li,
.upcoming-list li,
.menu-list li {
    border-bottom: 1px solid #E0E6E6;
    list-style: none;
    align-items: center;
}

.highlight-list a,
.inplay-list a,
.upcoming-list a,
.menu-list a {
    flex: 1;
    position: relative;
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.6;
    padding: 2.13333vw 9.06667vw 2.13333vw 2.66667vw;
    flex-wrap: wrap;
    align-items: center;
}
.highlight-list a:after,
.inplay-list a:after,
.upcoming-list a:after,
.menu-list a:after {
    position: absolute;
    top: 1.86667vw;
    right: 2.66667vw;
    content: "";
    
}
.highlight-list .inplay-on span,
.inplay-list .inplay-on span,
.upcoming-list .inplay-on span,
.menu-list .inplay-on span {
    color: #508d0e;
    font-weight: bold;
}
.highlight-list .inplay-off a:before,
.inplay-list .inplay-off a:before,
.upcoming-list .inplay-off a:before,
.menu-list .inplay-off a:before {
    background-color: #c5d0d8;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .highlight-list a,
    .inplay-list a,
    .upcoming-list a,
    .menu-list a {
        font-size: 2.24888vmax;
        padding: 1.1994vmax 5.09745vmax 1.1994vmax 1.49925vmax;
    }
    .highlight-list a:after,
    .inplay-list a:after,
    .upcoming-list a:after,
    .menu-list a:after {
        top: 1.04948vmax;
        right: 1.49925vmax;
        width: 3.5982vmax;
        height: 3.5982vmax;
        border-radius: 0.5997vmax;
    }
}
.tv-head .close,
.tv-head .btn-line {
    flex-basis: 10.66667vw;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.2);
    background-image: linear-gradient(-180deg, #393939 0%, #000 100%);
    color: #fff;
    justify-content: center;
    align-items: center;
}
.tv-head .close:before,
.tv-head .btn-line:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tv-head .close,
    .tv-head .btn-line {
        flex-basis: 5.997vmax;
    }
}
.bets-selections,
.bets-selections-head,
.trade,
.trade-2 {
    position: relative;
    min-height: 11.2vw;
    border-bottom: 1px solid #7e97a7;
}
.bets-selections dt,
.bets-selections-head dt,
.trade dt,
.trade-2 dt {
    flex: 1;
    font-size: 4vw;
    font-weight: bold;
    padding: 0 1.86667vw;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
.bets-selections dd,
.bets-selections-head dd,
.trade dd,
.trade-2 dd {
    border-right: 1px solid #fff;
}
.bets-selections dd:last-of-type,
.bets-selections-head dd:last-of-type,
.trade dd:last-of-type,
.trade-2 dd:last-of-type {
    border-right-width: 0;
}
.bets-selections span,
.bets-selections-head span,
.trade span,
.trade-2 span {
    font-weight: normal;
    font-size: 2.93333vw;
}
.bets-selections .mode-land,
.bets-selections-head .mode-land,
.trade .mode-land,
.trade-2 .mode-land {
    display: none;
}
.bets-selections:last-child,
.bets-selections-head:last-child,
.trade:last-child,
.trade-2:last-child {
    border-bottom-width: 0;
}
.fancy .bets-selections .mode-land,
.fancy .bets-selections-head .mode-land,
.fancy .trade .mode-land,
.fancy .trade-2 .mode-land {
    width: 8vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-selections,
    .bets-selections-head,
    .trade,
    .trade-2 {
        min-height: 6.29685vmax;
    }
    .bets-selections dt,
    .bets-selections-head dt,
    .trade dt,
    .trade-2 dt {
        font-size: 2.24888vmax;
        padding: 0 1.04948vmax;
    }
    .bets-selections span,
    .bets-selections-head span,
    .trade span,
    .trade-2 span {
        font-size: 1.64918vmax;
    }
    .bets-selections .mode-land,
    .bets-selections-head .mode-land,
    .trade .mode-land,
    .trade-2 .mode-land {
        display: flex;
    }
    .fancy .bets-selections .mode-land,
    .fancy .bets-selections-head .mode-land,
    .fancy .trade .mode-land,
    .fancy .trade-2 .mode-land {
        display: flex;
        width: 20.08996vmax;
    }
}
.bets-selections a,
.trade p,
.trade-2 p {
    width: 100%;
    font-weight: bold;
    color: #1e1e1e;
    padding: 1.6vw;
    flex-direction: column;
    justify-content: center;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-selections a,
    .trade p,
    .trade-2 p {
        padding: 0.89955vmax;
    }
}
.back-1.spark,
.back-gradient dd.spark a,
.lay-gradient dd.spark a {
    animation: sparkBack 0.6s ease;
}
@keyframes sparkBack {
    0% {
        background-color: #72bbef;
        color: #1e1e1e;
    }
    50% {
        background-color: #f8e71c;
        color: #fff;
    }
    100% {
        background-color: #72bbef;
        color: #1e1e1e;
    }
}
.back-2.spark {
    animation: sparkBack_2 0.6s ease;
}
@keyframes sparkBack_2 {
    0% {
        background-color: #b7d5eb;
        color: #1e1e1e;
    }
    50% {
        background-color: #f8e71c;
        color: #fff;
    }
    100% {
        background-color: #b7d5eb;
        color: #1e1e1e;
    }
}
.back-3.spark {
    animation: sparkBack_3 0.6s ease;
}
@keyframes sparkBack_3 {
    0% {
        background-color: #d7e8f4;
        color: #1e1e1e;
    }
    50% {
        background-color: #f8e71c;
        color: #fff;
    }
    100% {
        background-color: #d7e8f4;
        color: #1e1e1e;
    }
}
.lay-1.spark,
.lay-gradient dd.spark a {
    animation: sparkLay 0.6s ease;
}
@keyframes sparkLay {
    0% {
        background-color: #faa9ba;
        color: #1e1e1e;
    }
    50% {
        background-color: #26f1f8;
        color: #fff;
    }
    100% {
        background-color: #faa9ba;
        color: #1e1e1e;
    }
}
.lay-2.spark {
    animation: sparkLay_2 0.6s ease;
}
@keyframes sparkLay_2 {
    0% {
        background-color: #efd3d9;
        color: #1e1e1e;
    }
    50% {
        background-color: #26f1f8;
        color: #fff;
    }
    100% {
        background-color: #efd3d9;
        color: #1e1e1e;
    }
}
.lay-3.spark {
    animation: sparkLay_3 0.6s ease;
}
@keyframes sparkLay_3 {
    0% {
        background-color: #f6e6ea;
        color: #1e1e1e;
    }
    50% {
        background-color: #26f1f8;
        color: #fff;
    }
    100% {
        background-color: #f6e6ea;
        color: #1e1e1e;
    }
}
.sports-book .back-1.spark {
    animation: sparkBook 0.6s ease;
}
@keyframes sparkBook {
    0% {
        background-color: #72e3a0;
        color: #1e1e1e;
    }
    50% {
        background-color: #f8e71c;
        color: #fff;
    }
    100% {
        background-color: #72e3a0;
        color: #1e1e1e;
    }
}
.bets-bookmaker .bets-selections-head ul,
.bets-selections dt ul,
.fancy-bet .bets-selections-head ul {
    font-weight: normal;
    font-size: 2.93333vw;
}
.bets-bookmaker .bets-selections-head ul li,
.bets-selections dt ul li,
.fancy-bet .bets-selections-head ul li {
    margin-right: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-bookmaker .bets-selections-head ul,
    .bets-selections dt ul,
    .fancy-bet .bets-selections-head ul {
        font-size: 1.64918vmax;
    }
    .bets-bookmaker .bets-selections-head ul li,
    .bets-selections dt ul li,
    .fancy-bet .bets-selections-head ul li {
        margin-right: 0.5997vmax;
    }
}

.highlight-list a:after, .inplay-list a:after, .upcoming-list a:after, .menu-list a:after {
    position: absolute;
    top: 1.86667vw;
    right: 2.66667vw;
    content: '';
    width: 6.4vw;
    height: 6.4vw;
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(30,30,30)" fill-rule="evenodd" d="M9.718 5L17 12l-7.282 7L8 17.348 13.592 12 8 6.652"/></svg>') no-repeat;
    background-size: contain;
    border: 1px solid #E0E6E6;
    border-radius: 1.06667vw;
}





.to-win:before,
.to-lose:before {
    content: "";
    width: 2.66667vw;
    height: 2.66667vw;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -0.53333vw 1.06667vw 0 0;
    vertical-align: middle;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .to-win:before,
    .to-lose:before {
        width: 1.49925vmax;
        height: 1.49925vmax;
        margin: -0.29985vmax 0.5997vmax 0 0;
    }
}
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span {
    width: 16vw;
    border-radius: 1.06667vw;
    margin-right: 1.86667vw;
}
.info-bet dt span.back,
.info-matched dt span.back,
.bets-back dt span.back,
.bets-lay dt span.back,
.bets-book dt span.back,
.bets-head dt span.back {
    background-color: #72bbef;
}
.info-bet dt span.lay,
.info-matched dt span.lay,
.bets-back dt span.lay,
.bets-lay dt span.lay,
.bets-book dt span.lay,
.bets-head dt span.lay {
    background-color: #faa9ba;
}
.info-bet dt span.book,
.info-matched dt span.book,
.bets-back dt span.book,
.bets-lay dt span.book,
.bets-book dt span.book,
.bets-head dt span.book {
    background-color: #72e3a0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-bet dt span,
    .info-matched dt span,
    .bets-back dt span,
    .bets-lay dt span,
    .bets-book dt span,
    .bets-head dt span {
        width: 8.9955vmax;
        border-radius: 0.5997vmax;
        margin-right: 1.04948vmax;
    }
}

.support-mail.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,255,255)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>');
}

input.disable,
.input-num.disable {
    background-color: #dcdcdc;
    color: #666;
    box-shadow: none;
    border: 1px solid #bbb;
}
.suspend-full,
.bets-selections .suspend {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #d0021b;
    color: #d0021b;
    justify-content: center;
    align-items: center;
}
.suspend-fancy,
.suspend-spb {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0.26667vw 1.06667vw rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}
.card-yellow,
.card-red {
    position: absolute;
    width: 2.13333vw;
    height: 2.66667vw;
    box-shadow: 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 0.53333vw;
    margin-left: -1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .card-yellow,
    .card-red {
        width: 1.1994vmax;
        height: 1.49925vmax;
        box-shadow: 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0.29985vmax;
        margin-left: -0.5997vmax;
    }
}
.side-content,
.news-wrap .announce-wrap {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
header .login-index,
header .btn-signup {
    width: 28.8vw;
    height: 8.53333vw;
    border: 0.26667vw solid #710b0b;
    box-shadow: inset 0 0.26667vw 0 0 rgba(255, 255, 255, 0.5);
    line-height: 8.53333vw;
    padding: 0;
    color: #fff;
    border-radius: 1.06667vw;
    margin-top: 0.26667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    header .login-index,
    header .btn-signup {
        width: 16.1919vmax;
        height: 4.7976vmax;
        line-height: 4.7976vmax;
        box-shadow: inset 0 0.14993vmax 0 0 rgba(255, 255, 255, 0.5);
        border-width: 0.14993vmax;
        border-radius: 0.5997vmax;
        margin-top: 0.14993vmax;
    }
}
.saddle_1,
.saddle_1A,
.saddle_1B,
.saddle_1C,
.saddle_1D,
.saddle_1X,
.saddle_1Y,
.saddle_2,
.saddle_2B,
.saddle_2C,
.saddle_2X,
.saddle_3,
.saddle_3C,
.saddle_3D,
.saddle_3E,
.saddle_3X,
.saddle_4,
.saddle_4D,
.saddle_4X,
.saddle_5,
.saddle_6,
.saddle_7,
.saddle_8,
.saddle_9,
.saddle_10,
.saddle_11,
.saddle_11F,
.saddle_12,
.saddle_12F,
.saddle_13,
.saddle_13F,
.saddle_14,
.saddle_14F,
.saddle_15,
.saddle_15F,
.saddle_16,
.saddle_16F,
.saddle_17,
.saddle_17F,
.saddle_18,
.saddle_18F,
.saddle_19,
.saddle_19F,
.saddle_20,
.saddle_20F,
.saddle_21,
.saddle_21F,
.saddle_22,
.saddle_22F,
.saddle_23,
.saddle_23F,
.saddle_24,
.saddle_24F,
.saddle_25,
.saddle_25F,
.saddle_26,
.saddle_26F,
.saddle_27,
.saddle_27F,
.saddle_28,
.saddle_28F,
.saddle_29,
.saddle_29F,
.saddle_30,
.saddle_30F {
    line-height: 5.06667vw;
    font-size: 3.2vw;
    font-weight: normal;
    border-radius: 0.8vw;
    border: 0.26667vw solid transparent;
    background-image: none;
}
.saddle_1:before,
.saddle_1A:before,
.saddle_1B:before,
.saddle_1C:before,
.saddle_1D:before,
.saddle_1X:before,
.saddle_1Y:before,
.saddle_2:before,
.saddle_2B:before,
.saddle_2C:before,
.saddle_2X:before,
.saddle_3:before,
.saddle_3C:before,
.saddle_3D:before,
.saddle_3E:before,
.saddle_3X:before,
.saddle_4:before,
.saddle_4D:before,
.saddle_4X:before,
.saddle_5:before,
.saddle_6:before,
.saddle_7:before,
.saddle_8:before,
.saddle_9:before,
.saddle_10:before,
.saddle_11:before,
.saddle_11F:before,
.saddle_12:before,
.saddle_12F:before,
.saddle_13:before,
.saddle_13F:before,
.saddle_14:before,
.saddle_14F:before,
.saddle_15:before,
.saddle_15F:before,
.saddle_16:before,
.saddle_16F:before,
.saddle_17:before,
.saddle_17F:before,
.saddle_18:before,
.saddle_18F:before,
.saddle_19:before,
.saddle_19F:before,
.saddle_20:before,
.saddle_20F:before,
.saddle_21:before,
.saddle_21F:before,
.saddle_22:before,
.saddle_22F:before,
.saddle_23:before,
.saddle_23F:before,
.saddle_24:before,
.saddle_24F:before,
.saddle_25:before,
.saddle_25F:before,
.saddle_26:before,
.saddle_26F:before,
.saddle_27:before,
.saddle_27F:before,
.saddle_28:before,
.saddle_28F:before,
.saddle_29:before,
.saddle_29F:before,
.saddle_30:before,
.saddle_30F:before {
    vertical-align: middle;
}
.horse-info .uniform.saddle_1,
.horse-info .uniform.saddle_1A,
.horse-info .uniform.saddle_1B,
.horse-info .uniform.saddle_1C,
.horse-info .uniform.saddle_1D,
.horse-info .uniform.saddle_1X,
.horse-info .uniform.saddle_1Y,
.horse-info .uniform.saddle_2,
.horse-info .uniform.saddle_2B,
.horse-info .uniform.saddle_2C,
.horse-info .uniform.saddle_2X,
.horse-info .uniform.saddle_3,
.horse-info .uniform.saddle_3C,
.horse-info .uniform.saddle_3D,
.horse-info .uniform.saddle_3E,
.horse-info .uniform.saddle_3X,
.horse-info .uniform.saddle_4,
.horse-info .uniform.saddle_4D,
.horse-info .uniform.saddle_4X,
.horse-info .uniform.saddle_5,
.horse-info .uniform.saddle_6,
.horse-info .uniform.saddle_7,
.horse-info .uniform.saddle_8,
.horse-info .uniform.saddle_9,
.horse-info .uniform.saddle_10,
.horse-info .uniform.saddle_11,
.horse-info .uniform.saddle_11F,
.horse-info .uniform.saddle_12,
.horse-info .uniform.saddle_12F,
.horse-info .uniform.saddle_13,
.horse-info .uniform.saddle_13F,
.horse-info .uniform.saddle_14,
.horse-info .uniform.saddle_14F,
.horse-info .uniform.saddle_15,
.horse-info .uniform.saddle_15F,
.horse-info .uniform.saddle_16,
.horse-info .uniform.saddle_16F,
.horse-info .uniform.saddle_17,
.horse-info .uniform.saddle_17F,
.horse-info .uniform.saddle_18,
.horse-info .uniform.saddle_18F,
.horse-info .uniform.saddle_19,
.horse-info .uniform.saddle_19F,
.horse-info .uniform.saddle_20,
.horse-info .uniform.saddle_20F,
.horse-info .uniform.saddle_21,
.horse-info .uniform.saddle_21F,
.horse-info .uniform.saddle_22,
.horse-info .uniform.saddle_22F,
.horse-info .uniform.saddle_23,
.horse-info .uniform.saddle_23F,
.horse-info .uniform.saddle_24,
.horse-info .uniform.saddle_24F,
.horse-info .uniform.saddle_25,
.horse-info .uniform.saddle_25F,
.horse-info .uniform.saddle_26,
.horse-info .uniform.saddle_26F,
.horse-info .uniform.saddle_27,
.horse-info .uniform.saddle_27F,
.horse-info .uniform.saddle_28,
.horse-info .uniform.saddle_28F,
.horse-info .uniform.saddle_29,
.horse-info .uniform.saddle_29F,
.horse-info .uniform.saddle_30,
.horse-info .uniform.saddle_30F {
    background-image: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .saddle_1,
    .saddle_1A,
    .saddle_1B,
    .saddle_1C,
    .saddle_1D,
    .saddle_1X,
    .saddle_1Y,
    .saddle_2,
    .saddle_2B,
    .saddle_2C,
    .saddle_2X,
    .saddle_3,
    .saddle_3C,
    .saddle_3D,
    .saddle_3E,
    .saddle_3X,
    .saddle_4,
    .saddle_4D,
    .saddle_4X,
    .saddle_5,
    .saddle_6,
    .saddle_7,
    .saddle_8,
    .saddle_9,
    .saddle_10,
    .saddle_11,
    .saddle_11F,
    .saddle_12,
    .saddle_12F,
    .saddle_13,
    .saddle_13F,
    .saddle_14,
    .saddle_14F,
    .saddle_15,
    .saddle_15F,
    .saddle_16,
    .saddle_16F,
    .saddle_17,
    .saddle_17F,
    .saddle_18,
    .saddle_18F,
    .saddle_19,
    .saddle_19F,
    .saddle_20,
    .saddle_20F,
    .saddle_21,
    .saddle_21F,
    .saddle_22,
    .saddle_22F,
    .saddle_23,
    .saddle_23F,
    .saddle_24,
    .saddle_24F,
    .saddle_25,
    .saddle_25F,
    .saddle_26,
    .saddle_26F,
    .saddle_27,
    .saddle_27F,
    .saddle_28,
    .saddle_28F,
    .saddle_29,
    .saddle_29F,
    .saddle_30,
    .saddle_30F {
        line-height: 2.84858vmax;
        font-size: 1.7991vmax;
        border-radius: 0.44978vmax;
        border-width: 0.14993vmax;
    }
}
.power-wrap-b {
    width: 26.66667vw;
    height: 8.8vw;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 2.13333vw;
    padding: 0.8vw 1.86667vw 1.6vw;
    margin-bottom: 2.66667vw;
}
.power-wrap-b span {
    font-size: 2.66667vw;
    font-weight: normal;
}
.power-wrap-b img {
    width: 26.66667vw;
    height: 4.26667vw;
    /* background: url('../images/logo-betfair.png') no-repeat; */
    background-size: contain;
    opacity: 0.5;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .power-wrap-b {
        width: 14.9925vmax;
        height: 4.94753vmax;
        border-radius: 1.1994vmax;
        padding: 0.44978vmax 1.04948vmax 0.89955vmax;
        margin-bottom: 1.49925vmax;
    }
    .power-wrap-b span {
        font-size: 1.49925vmax;
    }
    .power-wrap-b img {
        width: 14.9925vmax;
        height: 2.3988vmax;
    }
}
.mode-land .btn-fancy_info,
.fancy-bet .btn-fancy_info,
.sports-book .btn-fancy_info {
    width: 8vw;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    line-height: inherit;
    align-items: center;
    justify-content: center;
}
.mode-land .btn-fancy_info:before,
.fancy-bet .btn-fancy_info:before,
.sports-book .btn-fancy_info:before {
    width: 4vw;
    height: 4vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="%233B5160" fill-rule="evenodd" d="M6.76 5.246V3.732h1.48v1.514H6.76zm.74 8.276a5.86 5.86 0 0 0 3.029-.83 5.839 5.839 0 0 0 2.163-2.163 5.86 5.86 0 0 0 .83-3.029 5.86 5.86 0 0 0-.83-3.029 5.839 5.839 0 0 0-2.163-2.163 5.86 5.86 0 0 0-3.029-.83 5.86 5.86 0 0 0-3.029.83A5.839 5.839 0 0 0 2.308 4.47a5.86 5.86 0 0 0-.83 3.029 5.86 5.86 0 0 0 .83 3.029 5.839 5.839 0 0 0 2.163 2.163 5.86 5.86 0 0 0 3.029.83zM7.5 0c1.37 0 2.638.343 3.804 1.028a7.108 7.108 0 0 1 2.668 2.668A7.376 7.376 0 0 1 15 7.5c0 1.37-.343 2.638-1.028 3.804a7.108 7.108 0 0 1-2.668 2.668A7.376 7.376 0 0 1 7.5 15a7.376 7.376 0 0 1-3.804-1.028 7.243 7.243 0 0 1-2.668-2.686A7.343 7.343 0 0 1 0 7.5c0-1.358.343-2.62 1.028-3.786a7.381 7.381 0 0 1 2.686-2.686A7.343 7.343 0 0 1 7.5 0zm-.74 11.268V6.761h1.48v4.507H6.76z"/></svg>')
        no-repeat;
    background-size: contain;
    float: none;
    margin: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .mode-land .btn-fancy_info,
    .fancy-bet .btn-fancy_info,
    .sports-book .btn-fancy_info {
        width: 4.49775vmax;
    }
    .mode-land .btn-fancy_info:before,
    .fancy-bet .btn-fancy_info:before,
    .sports-book .btn-fancy_info:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
}

.game-fancy,
.game-sportsbook,
.game-bookmaker,
.game-live {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.26667vw;
    height: 4vw;
    padding: 0;
    border-radius: 0.8vw;
    margin-right: 1.33333vw;
}
.game-fancy:after,
.game-sportsbook:after,
.game-bookmaker:after,
.game-live:after {
    content: "";
    background-size: cover;
    width: 2.93333vw;
    height: 2.93333vw;
}

.game-fancy:last-of-type,
.game-sportsbook:last-of-type,
.game-bookmaker:last-of-type,
.game-live:last-of-type {
    margin-right: 0;
}

.in-play.game-fancy,
.in-play.game-sportsbook,
.in-play.game-bookmaker,
.in-play.game-live {
    position: relative;
    padding: 0;
    overflow: auto;
    width: 8.53333vw;
}
.in-play.game-fancy pre,
.in-play.game-sportsbook pre,
.in-play.game-bookmaker pre,
.in-play.game-live pre {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #60ba1e;
    color: #fff;
    width: 4.26667vw;
    height: 4vw;
}
.in-play.game-fancy pre:before,
.in-play.game-sportsbook pre:before,
.in-play.game-bookmaker pre:before,
.in-play.game-live pre:before {
    content: "";
    width: 2.66667vw;
    height: 2.66667vw;
    background-image: url('data:image/svg+xml,<svg width="20" height="21" xmlns="http://www.w3.org/2000/svg"><path d="M10 18.944c1.94 0 3.592-.718 4.953-2.154 1.362-1.436 2.042-3.165 2.042-5.189 0-2.023-.68-3.744-2.042-5.164-1.361-1.42-3.012-2.13-4.953-2.13-1.94 0-3.592.71-4.953 2.13-1.362 1.42-2.042 3.141-2.042 5.164 0 2.024.68 3.753 2.042 5.19 1.361 1.435 3.012 2.153 4.953 2.153zm0-16.741c2.504 0 4.632.922 6.385 2.766 1.753 1.843 2.63 4.054 2.63 6.632 0 2.579-.877 4.79-2.63 6.633C14.632 20.078 12.504 21 10 21s-4.632-.922-6.385-2.766C1.862 16.39.985 14.18.985 11.601c0-2.578.877-4.789 2.63-6.632C5.368 3.125 7.496 2.203 10 2.203zm.516 4.21v5.482l3.991 2.448-.751 1.272-4.742-2.937V6.413h1.502zM5.87 1.566L1.268 5.58 0 4.014 4.6 0 5.87 1.566zM20 4.014l-1.268 1.615-4.6-4.063L15.398 0 20 4.014z" fill="%23C5F6EE" fill-rule="evenodd"/></svg>');
    background-size: contain;
}

.in-play.game-fancy:after,
.in-play.game-sportsbook:after,
.in-play.game-bookmaker:after,
.in-play.game-live:after {
    margin-left: 4.26667vw;
}
.game-team h4 .game-fancy,
.game-team h4 .game-sportsbook,
.game-team h4 .game-bookmaker,
.game-team h4 .game-live {
    display: inline-flex;
    line-height: initial;
    font-size: 0;
}
h4.game-info .game-fancy,
h4.game-info .game-sportsbook,
h4.game-info .game-bookmaker,
h4.game-info .game-live {
    width: 5.06667vw;
    height: 4.8vw;
}
h4.game-info .game-fancy:after,
h4.game-info .game-sportsbook:after,
h4.game-info .game-bookmaker:after,
h4.game-info .game-live:after {
    width: 3.46667vw;
    height: 3.46667vw;
}
.multi .game-fancy,
.multi .game-sportsbook,
.multi .game-bookmaker,
.multi .game-live {
    margin-right: 1.33333vw;
}

@media screen and (min-aspect-ratio: 16 / 9) {
    .game-fancy,
    .game-sportsbook,
    .game-bookmaker,
    .game-live {
        width: 2.3988vmax;
        height: 2.24888vmax;
        border-radius: 0.44978vmax;
        margin-right: 0.74963vmax;
    }
    .game-fancy:after,
    .game-sportsbook:after,
    .game-bookmaker:after,
    .game-live:after {
        width: 1.64918vmax;
        height: 1.64918vmax;
    }
    .in-play.game-fancy,
    .in-play.game-sportsbook,
    .in-play.game-bookmaker,
    .in-play.game-live {
        width: 4.7976vmax;
    }
    .in-play.game-fancy pre,
    .in-play.game-sportsbook pre,
    .in-play.game-bookmaker pre,
    .in-play.game-live pre {
        width: 2.3988vmax;
        height: 2.24888vmax;
    }
    .in-play.game-fancy pre:before,
    .in-play.game-sportsbook pre:before,
    .in-play.game-bookmaker pre:before,
    .in-play.game-live pre:before {
        width: 1.49925vmax;
        height: 1.49925vmax;
    }
    .in-play.game-fancy:after,
    .in-play.game-sportsbook:after,
    .in-play.game-bookmaker:after,
    .in-play.game-live:after {
        margin-left: 2.3988vmax;
    }
    h4.game-info .game-fancy,
    h4.game-info .game-sportsbook,
    h4.game-info .game-bookmaker,
    h4.game-info .game-live {
        width: 2.84858vmax;
        height: 2.69865vmax;
    }
    h4.game-info .game-fancy:after,
    h4.game-info .game-sportsbook:after,
    h4.game-info .game-bookmaker:after,
    h4.game-info .game-live:after {
        width: 1.94903vmax;
        height: 1.94903vmax;
    }
    .multi .game-fancy,
    .multi .game-sportsbook,
    .multi .game-bookmaker,
    .multi .game-live {
        margin-right: 0.74963vmax;
    }
}
.fancy_bet-head,
.sportsbook_bet-head {
    position: relative;
    line-height: 8vw;
    border-bottom: 1.06667vw solid #e4550f;
    margin-top: 5.33333vw;
}
.fancy_bet-head h4,
.sportsbook_bet-head h4 {
    height: 8vw;
    color: #fff;
    font-size: 3.73333vw;
    margin-right: 2.66667vw;
    z-index: 1;
}
.fancy_bet-head h4 span,
.sportsbook_bet-head h4 span {
    height: 100%;
    padding-left: 2.66667vw;
}
.fancy_bet-head .in-play span,
.sportsbook_bet-head .in-play span {
    align-items: center;
}
.fancy_bet-head .in-play pre,
.sportsbook_bet-head .in-play pre {
    width: 4.8vw;
    height: 4.8vw;
    background-image: linear-gradient(-180deg, #91d527 0%, #60ba1e 79%);
    border-radius: 1.06667vw;
    margin-right: 1.6vw;
    justify-content: center;
    align-items: center;
}
.fancy_bet-head .in-play pre:before,
.sportsbook_bet-head .in-play pre:before {
    content: "";
    width: 3.2vw;
    height: 3.2vw;
    background: url('data:image/svg+xml,<svg width="20" height="21" xmlns="http://www.w3.org/2000/svg"><path d="M10 18.944c1.94 0 3.592-.718 4.953-2.154 1.362-1.436 2.042-3.165 2.042-5.189 0-2.023-.68-3.744-2.042-5.164-1.361-1.42-3.012-2.13-4.953-2.13-1.94 0-3.592.71-4.953 2.13-1.362 1.42-2.042 3.141-2.042 5.164 0 2.024.68 3.753 2.042 5.19 1.361 1.435 3.012 2.153 4.953 2.153zm0-16.741c2.504 0 4.632.922 6.385 2.766 1.753 1.843 2.63 4.054 2.63 6.632 0 2.579-.877 4.79-2.63 6.633C14.632 20.078 12.504 21 10 21s-4.632-.922-6.385-2.766C1.862 16.39.985 14.18.985 11.601c0-2.578.877-4.789 2.63-6.632C5.368 3.125 7.496 2.203 10 2.203zm.516 4.21v5.482l3.991 2.448-.751 1.272-4.742-2.937V6.413h1.502zM5.87 1.566L1.268 5.58 0 4.014 4.6 0 5.87 1.566zM20 4.014l-1.268 1.615-4.6-4.063L15.398 0 20 4.014z" fill="%23ffffff" fill-rule="evenodd"/></svg>')
        no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy_bet-head,
    .sportsbook_bet-head {
        line-height: 4.49775vmax;
        border-bottom-width: 0.5997vmax;
        margin-top: 2.9985vmax;
    }
    .fancy_bet-head h4,
    .sportsbook_bet-head h4 {
        height: 4.49775vmax;
        font-size: 2.09895vmax;
        margin-right: 1.49925vmax;
    }
    .fancy_bet-head h4 span,
    .sportsbook_bet-head h4 span {
        padding-left: 1.49925vmax;
    }
    .fancy_bet-head .in-play pre,
    .sportsbook_bet-head .in-play pre {
        width: 2.69865vmax;
        height: 2.69865vmax;
        border-radius: 0.5997vmax;
        margin-right: 1.1994vmax;
    }
    .fancy_bet-head .in-play pre:before,
    .sportsbook_bet-head .in-play pre:before {
        width: 1.7991vmax;
        height: 1.7991vmax;
    }
}
.fancy-bet > h5,
.fancy-bet > h4,
.sports-book > h4,
.bets-bookmaker > h4 {
    position: relative;
    height: 8.53333vw;
    background-color: #3b5160;
    color: #fff;
    font-size: 3.46667vw;
    line-height: 8.53333vw;
    padding: 0 0 0 1.86667vw;
    align-items: center;
    justify-content: space-between;
}
.fancy-bet > h5 span,
.fancy-bet > h4 span,
.sports-book > h4 span,
.bets-bookmaker > h4 span {
    flex: 1;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy-bet > h5,
    .fancy-bet > h4,
    .sports-book > h4,
    .bets-bookmaker > h4 {
        height: 4.7976vmax;
        font-size: 1.94903vmax;
        line-height: 4.7976vmax;
        padding: 0 0 0 1.04948vmax;
    }
}
.fancy-bet > h5 {
    color: #3b5160;
    background-color: #c7dbe9;
    background-color: #e4f1f9;
}
.bets-bookmaker .bets-selections-head {
    height: 5.86667vw;
    line-height: 5.86667vw;
}
.bets-bookmaker .bets-selections-head dt {
    padding: 0 1.86667vw;
}
.bets-bookmaker .bets-selections-head dd {
    padding: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-bookmaker .bets-selections-head {
        height: 3.29835vmax;
        line-height: 3.29835vmax;
    }
    .bets-bookmaker .bets-selections-head dt {
        padding: 0 1.04948vmax;
    }
}
@keyframes twinkling {
    0% {
        filter: brightness(100%);
    }
    50% {
        filter: brightness(30%);
    }
    100% {
        filter: brightness(100%);
    }
}
@keyframes twinkling {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.left-in {
    animation: leftIn 0.3s ease;
}
@keyframes leftIn {
    0% {
        opacity: 0;
        margin-left: -94.66667vw;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-left: 0;
    }
}
.right-in {
    animation: rightIn 0.3s ease;
}
@keyframes rightIn {
    0% {
        opacity: 0;
        margin-right: -94.66667vw;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-right: 0;
    }
}
@keyframes typeing {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes loading-1 {
    0% {
        left: 0;
    }
    50% {
        left: 50%;
    }
    100% {
        left: 0;
    }
}
@keyframes loading-2 {
    0% {
        left: 50%;
        z-index: 1;
    }
    49% {
        z-index: 1;
    }
    50% {
        left: 0;
        z-index: 10;
    }
    100% {
        left: 50%;
        z-index: 10;
    }
}
@keyframes loadBar {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
        transform: scale(1.4);
    }
    100% {
        opacity: 0.1;
    }
}
@keyframes urgent-notice {
    0% {
        top: -100%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
.cooldown dd a:after {
    animation: cooldown 5s linear;
}
@keyframes cooldown {
    0% {
        width: 100%;
        opacity: 0;
    }
    5% {
        width: 95%;
        opacity: 1;
    }
    95% {
        width: 5%;
        opacity: 1;
    }
    100% {
        width: 0;
        opacity: 0;
    }
}
.twinkling,
.tag-live strong:before,
.on_live .live_icon span:before {
    animation: twinkling 1.4s infinite ease;
}
@keyframes twinkling {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}
.loading-shimmer,
.mian-wrap .gamehall a:after {
    animation: placeHolderShimmer 1.25s infinite linear;
    background: #ced5da linear-gradient(to right, #ced5da 8%, #d8dfe4 18%, #ced5da 33%);
    background-size: 213.33333vw 27.73333vw;
    height: auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .loading-shimmer,
    .mian-wrap .gamehall a:after {
        background-size: 119.94003vmax 15.5922vmax;
    }
}
@keyframes placeHolderShimmer {
    0% {
        background-position: -124.8vw 0;
    }
    100% {
        background-position: 124.8vw 0;
    }
   
     
}
.login-head {
    position: relative;
    height: 74.66667vw;

    background-size: 100% 100%;
    margin-bottom: 12vw;
}
.login-head h1 {
    position: absolute;
    left: 50%;
    top: 37.86667vw;
    width: 65.33333vw;
    height: 15.46667vw;
    /* background: url('../images/logo.svg') no-repeat; */
    background-size: contain;
    margin-left: -32.53333vw;
}
.login-head .close {
    position: fixed;
    right: 1.86667vw;
    justify-content: center;
    align-items: center;
    width: 9.33333vw;
    height: 9.33333vw;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    margin-top: 1.86667vw;
    z-index: 2;
}


.login-head .close:before {
    content: "";
    width: 3.46667vw;
    height: 3.46667vw;
    /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M9 .912L5.412 4.5 9 8.088 8.088 9 4.5 5.412.912 9 0 8.088 3.588 4.5 0 .912.912 0 4.5 3.588 8.088 0z"/></svg>')
        no-repeat; */
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .login-head .close {
        right: 1.04948vmax;
        width: 5.24738vmax;
        height: 5.24738vmax;
        margin-top: 1.04948vmax;
    }
    .login-head .close:before {
        width: 1.94903vmax;
        height: 1.94903vmax;
    }
}
@media (orientation: landscape) {
    .login-head {
        height: 21.33333vw;
        background-color: #feb809;
        background-image: linear-gradient(-180deg, #ffcc2e 0%, #feb809 58%);
        margin-bottom: 5.33333vw;
    }
    .login-head h1 {
        top: 3.73333vw;
        width: 59.2vw;
        height: 14.13333vw;
        margin-left: -29.6vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .login-head {
        height: 11.994vmax;
        margin-bottom: 2.9985vmax;
    }
    .login-head h1 {
        top: 2.69865vmax;
        width: 33.28336vmax;
        height: 7.94603vmax;
        margin-left: -16.64168vmax;
    }
}
.form-login {
    width: 84vw;
    margin: 0 auto;
    color: #fff;
}
.form-login dt {
    font-size: 5.86667vw;
    margin-bottom: 8vw;
}
.form-login dd {
    position: relative;
    margin-bottom: 3.2vw;
}
.form-login dd:last-of-type {
    margin-bottom: 0;
}
.form-login img {
    position: absolute;
    background-color: #fff;
    width: 18.66667vw;
    height: 5.06667vw;
    right: 1.86667vw;
    top: 2.13333vw;
    padding-top: 1.33333vw;
    border-radius: 1.06667vw;
}
.pass-wrap .form-login {
    margin-bottom: 5.33333vw;
}
.form-login .error:after {
    position: absolute;
    right: 1.86667vw;
    top: 0vw;
    content: "";
    width: 4.26667vw;
    height: 4.26667vw;
    /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgb(208,2,27)" fill-rule="evenodd" d="M8.788 8.788V3.98H7.212V8.79h1.576zm0 3.23v-1.614H7.212v1.615h1.576zM8 0c1.462 0 2.814.365 4.058 1.096 1.205.692 2.154 1.64 2.846 2.846C15.634 5.186 16 6.538 16 8c0 1.462-.365 2.814-1.096 4.058-.692 1.205-1.64 2.154-2.846 2.846C10.814 15.634 9.462 16 8 16c-1.462 0-2.814-.365-4.058-1.096-1.205-.705-2.154-1.66-2.846-2.866C.366 10.795 0 9.448 0 8c0-1.45.365-2.795 1.096-4.038.705-1.206 1.66-2.16 2.866-2.866C5.205.366 6.552 0 8 0z"/></svg>')
        no-repeat; */
    background-size: contain;
}
.form-login .error img {
    margin-right: 6.13333vw;
}
@media (orientation: landscape) {
    .form-login {
        width: 84vw;
    }
    .form-login dt {
        font-size: 5.86667vw;
        margin-bottom: 8vw;
    }
    .form-login dd {
        margin-bottom: 3.2vw;
    }
    .form-login img {
        width: 18.66667vw;
        height: 5.06667vw;
        right: 1.86667vw;
        top: 2.13333vw;
        padding-top: 1.33333vw;
        border-radius: 1.06667vw;
    }
    .form-login .error:after {
        right: 1.86667vw;
        /* top: 3.2vw; */
        width: 4.26667vw;
        height: 4.26667vw;
    }
    .form-login .error img {
        margin-right: 6.13333vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .form-login {
        width: 47.22639vmax;
    }
    .form-login dt {
        font-size: 3.29835vmax;
        margin-bottom: 4.49775vmax;
    }
    .form-login dd {
        margin-bottom: 1.7991vmax;
    }
    .form-login img {
        width: 10.49475vmax;
        height: 2.84858vmax;
        right: 1.04948vmax;
        top: 1.1994vmax;
        padding-top: 0.74963vmax;
        border-radius: 0.5997vmax;
    }
    .form-login .error:after {
        right: 1.04948vmax;
        top: 1.7991vmax;
        width: 2.3988vmax;
        height: 2.3988vmax;
    }
    .form-login .error img {
        margin-right: 3.44828vmax;
    }
}
.login {
    border-width: 0;
    line-height: 2.9;
    font-size: 4.53333vw;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
}
.login:after {
    content: "";
    width: 4vw;
    height: 4vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="rgb(30,30,30" fill-rule="evenodd" d="M5.672 11.238l2.066-2.355H0V7.117h7.776L5.672 4.762 6.8 3.5 10.82 8 6.8 12.5 5.67 11.238zM13.348 0c.435 0 .82.17 1.153.508.334.338.5.73.5 1.172v11.64c0 .443-.166.834-.5 1.172-.332.34-.717.508-1.152.508H1.898c-.434 0-.818-.17-1.15-.508-.334-.338-.5-.73-.5-1.172V10h1.65v3.32h11.45V1.68H1.898V5H.25V1.68c0-.443.166-.834.5-1.172C1.08.168 1.463 0 1.897 0h11.45z"/></svg>')
        no-repeat;
    background-size: contain;
    margin: 0.53333vw 0 0 1.33333vw;
}
@media (orientation: landscape) {
    .login {
        font-size: 4.53333vw;
        border-radius: 1.6vw;
    }
    .login:after {
        width: 4vw;
        height: 4vw;
        margin: 0.53333vw 0 0 1.33333vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .login {
        font-size: 2.54873vmax;
        border-radius: 0.89955vmax;
    }
    .login:after {
        width: 2.24888vmax;
        height: 2.24888vmax;
        margin: 0.29985vmax 0 0 0.74963vmax;
    }
}
.state {
    font-size: 3.2vw;
    color: #f8e71c;
}
@media (orientation: landscape) {
    .state {
        font-size: 3.2vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .state {
        font-size: 1.7991vmax;
    }
}
.index-login .mian-wrap {
    padding: 14.66667vw 0 17.6vw;
}
.index-login .promo-banner-wrap {
    top: 14.66667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .index-login .mian-wrap {
        padding: 8.24588vmax 0 9.89505vmax;
    }
    .index-login .promo-banner-wrap {
        top: 8.24588vmax;
    }
}


header li {
    margin-right: 2.53333vw;
}
header li:last-of-type {
    margin-right: 0;
}
header li.main-wallet {
    flex: 1;
    font-size: 2.66667vw;
    border: 0.26667vw solid rgba(0,0,0,0.3);
    border-radius: 1.06667vw;
}
header li.main-wallet p {
    font-weight: bold;
   /* margin-right: 1.86667vw; */
    line-height: 1.4;
}


/* .betexchange247 .side-head .close:before {
    background-image: url("/images/icon-close-yellow.svg");
} */
.close:before {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(./MobileImage/icon-close-yellowk.svg);
    background-size: contain;
}
header li.main-wallet ul {
    flex-wrap: wrap;
   
}
header li.main-wallet li {
    font-weight: bold;
    
}
header li.main-wallet span:first-of-type {
    opacity: 0.7;
    font-weight: normal;
}
html {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.highlight-list .inplay-on span, .inplay-list .inplay-on span, .upcoming-list .inplay-on span, .menu-list .inplay-on span{
    color: #508D0E;
}

body {
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
}


.form-login dd:last-of-type {
    margin-bottom: 0;
}
.betexchange247 .state {
    color: #222;
}
.form-login dd {
    position: relative;
    margin-bottom: 3.2vw;
}
.state {
    font-size: 3.2vw;
    color: #F8E71C;
}


header a.a-open_bets {
    padding: 1.86667vw 0 1.33333vw;
    border-left-width: 0;
    border-radius: 0 1.06667vw 1.06667vw 0;
}
@media screen and (min-aspect-ratio: 16/9){
header a.a-open_bets {
    padding: 0.89955vmax 0.89955vmax;
    border-radius: 0 0.5997vmax 0.5997vmax 0;
}
}
header img {
    width: 5.06667vw;
    height: 6.06667vw;
}
header .loading-main {
    width: 21.33333vw;
    height: 2.66667vw;
    margin-top: 3.2vw;
}
header .li-tv_bet {
    min-width: 29.33333vw;
    max-width: 31.2vw;
    margin-left: -1px;
}

.betexchange247 header a, .betexchange247 header li.main-wallet.no-multi a{
    border-color: #000;
    color: #feb809;
    background-color: rgba(51,51,51,0.4);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4);
}
header .a-open_tv {
    flex: 0 0 10.66667vw;
    background-color: #1e5f89;
    border-color: #0f476a;
    box-shadow: inset 0 0.26667vw 0 0 rgba(255, 255, 255, 0.4);
    border-radius: 0;
    padding: 1.86667vw 0 1.33333vw;
}
header .a-open_tv img {
    width: 5.6vw;
    height: 5.06667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="19"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="%23FFF"/><stop offset="100%" stop-color="%23E0E0E0"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="0%" y2="72.529%"><stop offset="0%" stop-color="%2338AEFA"/><stop offset="100%" stop-color="%230B7DC5"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(%23a)" d="M4 0h13a4 4 0 0 1 4 4v9a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4zm3 17h7v2H7v-2zM4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4zm11 6.024L8 12V4l7 4.024z"/><path fill="url(%23b)" d="M4 2h13a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm11 6.024L8 4v8l7-3.976z"/></g></svg>')
        no-repeat;
}
header .top-logo {
    flex: 1;
    width: 36.8vw;
    height: 8.8vw;
    /* background-image: url('../images/logo.svg'); */
    background-repeat: no-repeat;
    background-size: contain;
    margin: -4.73333vw 14.2vw 1.2vw 0.86667vw;
}
header .login-index {
    background-image: linear-gradient(-180deg, #f72424 0%, #bb1c00 100%);
}
header .login-index:before {
    content: "";
    width: 4.53333vw;
    height: 4.53333vw;
    /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><path fill="rgb(0,0,0)" fill-rule="evenodd" d="M11.797 11.65c2.342.338 4.072 1.702 4.51 2.1C16.74 14.148 17 17 17 17H0s-.03-2.314.744-3.25c.437-.398 1.81-1.762 4.153-2.1 2.326-.322 1.616-2.774 1.696-2.743.08.045-.016-.522-.016-.522S4.88 6.837 4.897 5.442c.032-1.41 0-2.132 0-2.132S5.17 0 7.563 0l1.34.614c2.15 0 2.505 2.696 2.505 2.696v2.33S11.134 7.62 9.792 8.34c0 0-.096.57-.015.52.08-.03-.307 2.47 2.02 2.792z"/></svg>') */
       
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M11.797 11.65c2.342.338 4.072 1.702 4.51 2.1C16.74 14.148 17 17 17 17H0s-.03-2.314.744-3.25c.437-.398 1.81-1.762 4.153-2.1 2.326-.322 1.616-2.774 1.696-2.743.08.045-.016-.522-.016-.522S4.88 6.837 4.897 5.442c.032-1.41 0-2.132 0-2.132S5.17 0 7.563 0l1.34.614c2.15 0 2.505 2.696 2.505 2.696v2.33S11.134 7.62 9.792 8.34c0 0-.096.57-.015.52.08-.03-.307 2.47 2.02 2.792z"/></svg>') no-repeat;
        background-size: contain;
    margin-right: 1.33333vw;
    vertical-align: top;
}
header .btn-signup {
    display: none;
    width: 19.2vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    header {
        position: relative;
        top: 0;
        height: 8.24588vmax;
        padding: 1.49925vmax 1.04948vmax 1.49925vmax 0;
    }
    header li {
        margin-right: 1.1994vmax;
    }
    header li.main-wallet {
        font-size: 1.94903vmax;
    }
    header li.main-wallet p {
        margin-right: 1.04948vmax;
    }
    header li.main-wallet ul {
        margin-right: 1.04948vmax;
        justify-content: flex-end;
        align-items: center;
    }
    header li.main-wallet li {
        flex: 0 0 auto;
    }
    header li.main-wallet li:first-of-type {
        margin-right: 1.7991vmax;
    }
    header a {
        height: 2.9985vmax;
        line-height: 2.9985vmax;
        border-width: 0.14993vmax;
        border-radius: 0.5997vmax;
        padding: 0.89955vmax 1.04948vmax;
        box-shadow: inset 0 0.14993vmax 0 0 rgba(255, 255, 255, 0.5);
    }

    .betexchange247 header li.main-wallet {
        border-color: #000;
    }
    header li.main-wallet {
        flex: 1;
        font-size: 2.66667vw;
        border: 0.26667vw solid rgba(0,0,0,0.3);
        border-radius: 1.06667vw;
    }

    .betexchange247 header li.main-wallet .a-wallet {
        background-color: rgba(255,255,255,0.15);
    }
    header li.main-wallet .a-wallet {
        width: 100%;
        height: auto;
        line-height: initial;
        border: 0;
        border-radius: 0.8vw 0 0 0.8vw;
        box-shadow: inset 0 0.26667vw 0 0 rgba(255,255,255,0.5);
        padding: 0;
    }

    header li.main-wallet .a-wallet ul {
        position: relative;
        flex-wrap: wrap;
        height: 8vw;
        line-height: 3.2vw;
        padding: 1.06667vw 10.66667vw 0 1.86667vw;
        border-radius: 1.06667vw 0 0 0;
    }

    header li.main-wallet li {
        font-weight: bold;
    }

    header li.main-wallet span:first-of-type {
        opacity: 0.7;
        font-weight: normal;
    }

    header li.main-wallet span:first-of-type {
        opacity: 0.7;
        font-weight: normal;
    }

    header li.main-wallet .a-wallet li:last-child {
        margin-right: 0;
    }
    .betexchange247 header li.main-wallet .nums {
        border-color: #feb809;
    }
    header li.main-wallet .nums {
        position: absolute;
        top: 2.4vw;
        right: 1.86667vw;
        height: 3.73333vw;
        font-size: 2.93333vw;
        line-height: 3.73333vw;
        border: 0.26667vw solid rgba(0,0,0,0.3);
        border-radius: 0.8vw;
        padding: 0 2.13333vw;
    }

    .btn-box, .in-play.game-fancy pre, .in-play.game-sportsbook pre, .in-play.game-bookmaker pre, .in-play.game-live pre, header li.main-wallet .nums, header .badge-currency, header a, .tv-control a, .tag-live, .tag-live strong, .btn-minmax_bet, .back-gradient dd, .lay-gradient dd, .on_live .live_icon, .on_live .live_icon span, .on_live dd {
        justify-content: center;
        align-items: center;
    }

    .betexchange247 header li.main-wallet .a-wallet {
        background-color: rgba(255,255,255,0.15);
    }
    .betexchange247 header li.main-wallet {
        border-color: #000;
    }
    header li.main-wallet {
        flex: 1;
        font-size: 2.66667vw;
        border: 0.26667vw solid rgba(0,0,0,0.3);
        border-radius: 1.06667vw;
    }
    header a.a-open_bets {
        flex: 1;
        padding: 0.89955vmax 0.89955vmax;
        border-radius: 0 0.5997vmax 0.5997vmax 0;
    }
    header img {
        width: 2.84858vmax;
        height: 2.84858vmax;
    }
    header .loading-main {
        width: 11.994vmax;
        height: 1.49925vmax;
        margin-top: 1.7991vmax;
    }
    header .li-tv_bet {
        min-width: 16.49175vmax;
        max-width: 20.98951vmax;
        margin-left: -0.14993vmax;
    }
    header .a-open_tv {
        flex: 0 0 5.997vmax;
        padding: 1.04948vmax 0 0.74963vmax;
        box-shadow: inset 0 0.14993vmax 0 0 rgba(255, 255, 255, 0.4);
    }
    header .a-open_tv img {
        width: 3.14843vmax;
        height: 2.84858vmax;
    }
    header .top-logo {
        width: 20.68966vmax;
        height: 4.94753vmax;
        margin-top: 0.29985vmax;
        margin: 0.14993vmax 0 0 1.04948vmax;
    }
    header .login-index:before {
        width: 2.54873vmax;
        height: 2.54873vmax;
    }
}
.a-open_bets {
    position: relative;
    flex: 1;
}
.a-open_bets img {
    width: 5.33333vw;
    height: 5.33333vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M19.314 6.38c-.41-1.052-.987-2.018-1.708-2.862-1.49-1.75-3.574-2.97-5.94-3.368C11.125.06 10.57 0 10 0c-.57 0-1.124.06-1.667.15-2.365.398-4.447 1.62-5.94 3.367-.72.845-1.297 1.81-1.707 2.863C.25 7.504 0 8.722 0 10c0 1.175.213 2.297.585 3.344.38 1.066.927 2.05 1.62 2.914 1.503 1.868 3.662 3.178 6.128 3.592.543.09 1.098.15 1.667.15.57 0 1.124-.06 1.667-.15 2.466-.414 4.625-1.724 6.127-3.592.694-.864 1.242-1.848 1.62-2.913.373-1.047.586-2.17.586-3.345 0-1.278-.25-2.496-.686-3.62zm-1.173.678l-1.747 1.01c-.332-1.095-.937-2.07-1.735-2.848l1.764-1.02c.746.826 1.333 1.793 1.72 2.858zM15.348 10c0 2.948-2.398 5.347-5.347 5.347-2.95 0-5.347-2.4-5.347-5.347 0-2.948 2.398-5.347 5.347-5.347 2.95 0 5.347 2.4 5.347 5.347zM10 1.333c.57 0 1.127.06 1.667.165v2.04c-.534-.137-1.09-.218-1.667-.218-.576 0-1.133.08-1.667.22V1.497c.54-.106 1.097-.165 1.667-.165zM3.578 4.2l1.765 1.02c-.8.778-1.404 1.753-1.736 2.847L1.86 7.057c.385-1.065.973-2.03 1.718-2.856zm-1.82 8.467l1.775-1.024c.282 1.112.84 2.11 1.604 2.923L3.38 15.58c-.717-.848-1.272-1.834-1.622-2.913zm8.242 6c-.57 0-1.127-.06-1.667-.165v-2.04c.534.137 1.09.218 1.667.218.576 0 1.133-.08 1.667-.22v2.042c-.54.106-1.097.165-1.667.165zm6.62-3.087l-1.757-1.014c.763-.81 1.322-1.81 1.604-2.923l1.775 1.025c-.35 1.078-.905 2.064-1.622 2.912zm-6.003-6.325c1.174.418 1.647.966 1.647 1.862 0 .887-.62 1.644-1.755 1.843v.514c0 .27-.218.488-.485.488s-.483-.218-.483-.488v-.444c-.39-.018-.772-.088-1.098-.187-.332-.1-.526-.448-.44-.787l.005-.017c.035-.145.13-.265.258-.335.13-.07.28-.08.42-.03.328.117.708.2 1.11.2.563 0 .947-.22.947-.618 0-.38-.315-.618-1.045-.867-1.056-.358-1.775-.856-1.775-1.822 0-.877.61-1.564 1.667-1.773v-.458c0-.285.24-.513.53-.486.25.025.436.247.436.5v.375c.347.016.634.062.875.125.315.082.504.406.423.723l-.01.034c-.034.14-.124.258-.248.328s-.27.086-.407.043c-.238-.075-.538-.137-.908-.137-.642 0-.848.28-.848.56 0 .327.344.536 1.183.855z"/></svg>') no-repeat;

    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .a-open_bets span {
        top: -1.04948vmax;
        right: -1.49925vmax;
        width: 2.9985vmax;
        height: 2.9985vmax;
        line-height: 2.9985vmax;
        font-size: 1.64918vmax;
    }
    .a-open_bets img {
        width: 2.9985vmax;
        height: 2.9985vmax;
        margin-right: 0.74963vmax;
    }
}
.slip-note {
    background: #bb1c00;
    border: 1px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.a-open_bets .slip-note {
    position: absolute;
    top: -2.13333vw;
    right: -2.13333vw;
    width: 4.8vw;
    height: 4.8vw;
}
.a-open_bets .slip-note:before {
    content: "";
    width: 2.66667vw;
    height: 2.66667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301.69 301.69"><path d="M119.15 0l10.45 218.4h42.46L182.54 0zM130.56 261.17h40.52v40.52h-40.52z" fill="rgb(255,255,255)" /></svg>') no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .a-open_bets .slip-note {
        top: -1.1994vmax;
        right: -1.1994vmax;
        width: 2.69865vmax;
        height: 2.69865vmax;
    }
    .a-open_bets .slip-note:before {
        width: 1.49925vmax;
        height: 1.49925vmax;
    }
}
.a-refresh img {
    background: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-7 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10 4.029c1.635 0 3.144.36 4.527 1.079 1.365.703 2.443 1.655 3.233 2.854.827 1.247 1.24 2.59 1.24 4.028 0 1.44-.413 2.782-1.24 4.03-.79 1.214-1.868 2.173-3.233 2.877A9.596 9.596 0 0 1 10 20a9.596 9.596 0 0 1-4.527-1.103c-1.365-.704-2.443-1.663-3.233-2.878C1.413 14.772 1 13.43 1 11.99h2.263c0 1.088.301 2.09.903 3.01.602.92 1.42 1.647 2.452 2.182 1.033.536 2.16.804 3.382.804s2.349-.268 3.382-.804c1.033-.535 1.85-1.263 2.452-2.182.602-.92.903-1.922.903-3.01 0-1.087-.301-2.09-.903-3.01-.602-.918-1.42-1.646-2.452-2.181-1.033-.536-2.16-.804-3.382-.804v4.029L4.368 5.012 10 0v4.029z" fill="rgb(255,184,12)"/></g></svg>')
        no-repeat;
}
.a-setting img {
    background: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-8 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10.488 13c.621 0 1.203-.16 1.744-.478a3.608 3.608 0 0 0 1.29-1.278A3.32 3.32 0 0 0 14 9.512c0-.621-.16-1.203-.478-1.744a3.578 3.578 0 0 0-1.29-1.29A3.382 3.382 0 0 0 10.488 6a3.32 3.32 0 0 0-1.732.478c-.534.318-.96.748-1.278 1.29A3.382 3.382 0 0 0 7 9.512c0 .621.16 1.198.478 1.732.318.534.744.96 1.278 1.278a3.32 3.32 0 0 0 1.732.478zm7.187-2.014l2.147 1.634c.099.08.157.184.173.313a.555.555 0 0 1-.074.36l-2.073 3.462a.448.448 0 0 1-.26.216.56.56 0 0 1-.357-.024l-2.542-.985c-.658.464-1.242.793-1.752.985l-.37 2.62a.607.607 0 0 1-.185.313.453.453 0 0 1-.309.12H7.927a.485.485 0 0 1-.469-.433l-.395-2.62c-.69-.272-1.267-.6-1.727-.985l-2.567.985c-.263.112-.469.048-.617-.192L.079 13.293a.555.555 0 0 1-.074-.36.464.464 0 0 1 .173-.313l2.171-1.634A7.323 7.323 0 0 1 2.3 10c0-.433.017-.761.05-.986L.177 7.38a.464.464 0 0 1-.173-.313.555.555 0 0 1 .074-.36l2.073-3.462c.148-.24.354-.304.617-.192l2.567.985a8.02 8.02 0 0 1 1.727-.985l.395-2.62A.485.485 0 0 1 7.927 0h4.146c.115 0 .218.04.309.12.09.08.152.184.185.313l.37 2.62c.641.24 1.226.569 1.752.985l2.542-.985a.56.56 0 0 1 .358-.024.448.448 0 0 1 .259.216l2.073 3.462c.066.112.09.232.074.36a.464.464 0 0 1-.173.313l-2.147 1.634c.033.225.05.553.05.986 0 .433-.017.761-.05.986z" fill="rgb(255,184,12)"/></g></svg>')
        no-repeat;
}
.loading-bar {
    width: 21.33333vw;
    align-items: center;
}
.loading-bar span {
    width: 1.06667vw;
    height: 1.06667vw;
    border-radius: 50%;
    background-color: #1e1e1e;
    margin-right: 1.6vw;
    opacity: 0;
    animation: loadBar 0.8s ease infinite;
}
.loading-bar span:nth-child(1) {
    animation-delay: 0s;
}
.loading-bar span:nth-child(2) {
    animation-delay: 0.1s;
}
.loading-bar span:nth-child(3) {
    animation-delay: 0.2s;
}
.loading-bar span:nth-child(4) {
    animation-delay: 0.3s;
}
.loading-bar span:nth-child(5) {
    animation-delay: 0.4s;
}
.loading-bar span:nth-child(6) {
    animation-delay: 0.5s;
}
.loading-bar span:nth-child(7) {
    animation-delay: 0.6s;
}
.loading-bar span:nth-child(8) {
    animation-delay: 0.7s;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .loading-bar {
        width: 11.994vmax;
    }
    .loading-bar span {
        width: 0.5997vmax;
        height: 0.5997vmax;
        margin-right: 0.89955vmax;
    }
}
.message-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #f8e71c;
    border: 0.26667vw solid #9b9011;
    border-width: 0.26667vw 0 0.26667vw 0;
    box-shadow: 0 0.8vw 1.06667vw 0 rgba(0, 0, 0, 0.5);
    margin-top: 12vw;
    z-index: 10;
}
.message-wrap a {
    height: auto;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
}
.message-wrap.to-open_bets:before {
    position: absolute;
    content: "";
    width: 4.26667vw;
    height: 3.2vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12"><g fill="none" fill-rule="evenodd"><path fill="rgb(155,144,17)" d="M15.333 11H16v1H0v-1h.667L8 0l7.333 11zM8 2L1 12h14L8 2z"/><path fill="rgb(248,234,18)" d="M8 2l7 10H1"/></g></svg>')
        no-repeat;
    background-size: contain;
    margin-top: -3.2vw;
    margin-left: 14.13333vw;
}
.message-wrap.success {
    background: #6bbd11;
    border-color: #43760a;
}
.message-wrap.success.to-open_bets:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12"><g fill="none" fill-rule="evenodd"><path fill="rgb(67,118,10)" d="M15.333 11H16v1H0v-1h.667L8 0l7.333 11zM8 2L1 12h14L8 2z"/><path fill="rgb(107,189,17)" d="M8 2l7 10H1"/></g></svg>');
}
.message-wrap.error {
    color: #fff;
    background: #d0021b;
    border-color: #820110;
}
.message-wrap.error.to-open_bets:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12"><g fill="none" fill-rule="evenodd"><path fill="rgb(130,1,16)" d="M15.333 11H16v1H0v-1h.667L8 0l7.333 11zM8 2L1 12h14L8 2z"/><path fill="rgb(208,2,27)" d="M8 2l7 10H1"/></g></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .message-wrap {
        border-width: 0.14993vmax 0 0.14993vmax 0;
        box-shadow: 0 0.44978vmax 0.5997vmax 0 rgba(0, 0, 0, 0.5);
        margin-top: 6.74663vmax;
    }
    .message-wrap.to-open_bets:before {
        width: 2.3988vmax;
        height: 1.7991vmax;
        margin-top: -1.7991vmax;
        margin-left: 10.1949vmax;
    }
}
.message {
    flex: 1;
    line-height: 1.4;
    padding: 1.86667vw;
}
.message .back,
.message .lay {
    font-size: 3.2vw;
    color: #1e1e1e;
    border-radius: 1.06667vw;
    padding: 0 1.86667vw;
    background-color: #b7d5eb;
    margin-right: 1.33333vw;
}
.message .lay {
    background-color: #efd3d9;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .message {
        padding: 1.04948vmax;
    }
    .message .back,
    .message .lay {
        font-size: 1.7991vmax;
        border-radius: 0.5997vmax;
        padding: 0 1.04948vmax;
        margin-right: 0.74963vmax;
    }
}
.close {
    justify-content: center;
    align-items: center;
}
.message-wrap .close {
    border-left: 1px solid #9b9011;
    padding: 1.86667vw 2.93333vw;
}

.success .close {
    border-left-color: #43760a;
}
.error .close {
    border-left-color: #820110;
}
.error .close:before {
    background-image: url('data:image/svg+xml,<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg"><path d="M9 .91L5.41 4.5 9 8.09 8.09 9 4.5 5.41.91 9 0 8.09 3.59 4.5 0 .91.91 0 4.5 3.59 8.09 0z" fill="%23FFF" fill-rule="evenodd"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .message-wrap .close {
        padding: 1.04948vmax 1.64918vmax;
    }
    .close:before {
        width: 1.34933vmax;
        height: 1.34933vmax;
    }
}
.back_home {
    display: none;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 12;
    width: 100%;
    height: 12vw;
    justify-content: center;
    align-items: center;
}
.back_home h1 {
    background-repeat: no-repeat;
    background-size: contain;
}
.back_home .btn-back_home {
    position: absolute;
    width: 6.66667vw;
    height: 6.66667vw;
    top: 2.66667vw;
    left: 1.86667vw;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.back_home .btn-back_home:after {
    content: "";
    width: 4.53333vw;
    height: 4vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .back_home {
        position: relative;
        height: 6.74663vmax;
    }
    .back_home .btn-back_home {
        width: 3.5982vmax;
        height: 3.5982vmax;
        top: 1.49925vmax;
        left: 1.04948vmax;
    }
    .back_home .btn-back_home:after {
        width: 2.3988vmax;
        height: 2.3988vmax;
    }
}
/* .promo-banner-wrap {
    position: relative;
    width: 100vw;
    height: 18.66667vw;
}
.promo-banner-wrap.active {
    overflow: hidden;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .promo-banner-wrap {
        height: 18.5907vmax;
    }
}
.promo-banner-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 18.66667vw;
    background: #000 url('../images/loading.svg') center no-repeat;
    background-size: 10.66667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .promo-banner-loading {
        background-size: 8.3958vmax;
    }
}
.promo-banner img {
    width: 100%;
    height: 100%;
}
.promo-banner .slides {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2;
}
.promo-banner .banner {
    display: none;
}
.promo-banner .promo-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.promo-banner .promo-direction-nav li {
    opacity: 0.8;
}
.promo-banner .promo-direction-nav .promo-prev,
.promo-banner .promo-direction-nav .promo-next {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.4vw;
    height: 18.66667vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.promo-banner .promo-direction-nav .promo-next {
    left: calc(100vw - 6.4vw);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"></path></g></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .promo-banner .promo-direction-nav .promo-nav-prev {
        width: 3.5982vmax;
        height: 10.49475vmax;
    }
    .promo-banner .promo-direction-nav .promo-nav-next {
        left: calc(100vw - 3.5982vmax);
    }
} */
.marquee-box {
    position: sticky;
    position: -webkit-sticky;
    width: 100%;
    top: 14.66667vw;
    z-index: 10;
    color: #fff;
    line-height: 6.66667vw;
    height: 6.66667vw;
    background-repeat: repeat-x;
    background-image: linear-gradient(-180deg, #2f424d 0%, #141e21 100%);
    border-bottom: 1px solid #fff;
}
.marquee-box h4 {
    position: relative;
    flex-basis: 19.2vw;
    justify-content: center;
    align-items: center;
}


/* @keyframes marqueeAnimation-4429646{
    100% {
      transform: translateX(-225px);
    }
    } */
.marquee-box h4:before {
    content: "";
    width: 4.53333vw;
    height: 4.53333vw;
    margin-right: 0.53333vw;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,255,255)" fill-rule="nonzero"><path d="M8.5 10.083c1.519 0 2.75-1.195 2.75-2.669V2.67C11.25 1.195 10.019 0 8.5 0S5.75 1.195 5.75 2.67v4.744c0 1.474 1.231 2.67 2.75 2.67zM7.278 2.67c0-.654.548-1.186 1.222-1.186.674 0 1.222.532 1.222 1.186v4.745c0 .654-.548 1.186-1.222 1.186-.674 0-1.222-.532-1.222-1.186V2.67z"/><path d="M14 7.333h-1.447c0 2.36-1.818 4.278-4.053 4.278S4.447 9.692 4.447 7.333H3c0 2.942 2.085 5.374 4.776 5.75v.973h-2.46v1.527h6.368v-1.527h-2.46v-.973c2.69-.376 4.776-2.808 4.776-5.75z"/></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}
.marquee-box h4:after {
    content: "";
    position: absolute;
    right: -1.86667vw;
    top: 0;
    z-index: 2;
    width: 2.13333vw;
    height: 6.66667vw;
    /* background-image: url('../images/path_arrow.svg'); */
    background-repeat: no-repeat;
    background-size: contain;
}
.marquee-box .marquee {
    flex: 1;
    overflow: hidden;
    z-index: 1;
}
.marquee-box .marquee a {
    height: 6.66667vw;
    line-height: 6.66667vw;
    align-items: center;
    font-weight: bold;
    color: #6ac2ff;
    margin-right: 21.33333vw;
}
.marquee-box .marquee a span {
    line-height: 4vw;
    height: 4vw;
    font-style: italic;
    font-size: 2.93333vw;
    font-weight: normal;
    color: #1c2834;
    background-color: #6ac2ff;
    border-radius: 0.53333vw;
    padding: 0 1.33333vw;
    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .marquee-box {
        position: relative;
        top: 8.24588vmax;
        top: inherit;
        line-height: 3.74813vmax;
        height: 3.74813vmax;
    }
    .marquee-box h4 {
        flex-basis: 10.7946vmax;
    }
    .marquee-box h4:before {
        width: 2.54873vmax;
        height: 2.54873vmax;
        margin-right: 0.29985vmax;
    }
    .marquee-box h4:after {
        width: 1.1994vmax;
        height: 3.74813vmax;
        right: -1.04948vmax;
    }
    .marquee-box .marquee a {
        height: 3.74813vmax;
        line-height: 3.74813vmax;
        margin-right: 11.994vmax;
    }
    .marquee-box .marquee a span {
        font-size: 1.64918vmax;
        height: 2.24888vmax;
        line-height: 2.24888vmax;
        border-radius: 0.29985vmax;
        padding: 0 0.74963vmax;
        margin-right: 0.74963vmax;
    }
}
nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(-180deg, #243a48 20%, #172732 91%);
    color: #fff;
    z-index: 10;
}
nav .select {
    background-image: linear-gradient(-180deg, #32617f 20%, #1f4258 91%);
}
nav .main-nav {
    position: relative;
}
nav .main-nav:before {
    content: "";
    position: absolute;
    top: -4.26667vw;
    width: 100%;
    height: 4.53333vw;
    background-image: url('data:image/svg+xml,<svg width="75" height="16" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="19.56%" x2="50%" y2="90.65%" id="a"><stop stop-color="%23243A48" offset="0%"/><stop stop-color="%23172732" offset="100%"/></linearGradient></defs><path d="M74.98 16H75v50H0V16h.02C.7 15.33 16.36.02 37.5.02v8-8C58.64.02 74.3 15.33 74.98 16z" fill="url(%23a)" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: -1;
}
nav .main-nav.select:before {
    background-image: url('data:image/svg+xml,<svg width="75" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="50%" y1="19.56%" x2="50%" y2="90.65%" id="a"><stop stop-color="%23243A48" offset="0%"/><stop stop-color="%23172732" offset="100%"/></linearGradient><path d="M74.98 16H75v50H0V16h.02C.7 15.33 16.36.02 37.5.02v8-8C58.64.02 74.3 15.33 74.98 16z" id="b"/></defs><g fill="none" fill-rule="evenodd"><use fill="url(%23a)" xlink:href="%23b"/><use fill-opacity=".8" fill="%23BEEBFA" style="mix-blend-mode:overlay" xlink:href="%23b"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
nav .main-nav a {
    height: 17.6vw;
    padding-top: 6.13333vw;
    margin-top: -4.26667vw;
}
nav .main-nav .icon-sports {
    width: 8.53333vw;
    height: 6.93333vw;
    margin: -2.13333vw auto 1.06667vw;
}
nav .main-nav .icon-home {
    width: 8.53333vw;
    height: 8vw;
    margin: -2.13333vw auto 0vw;
}
nav a {
    width: 20vw;
    height: 13.33333vw;
    color: #fff;
    font-size: 3.2vw;
    background-size: contain;
    line-height: 1.1;
    padding: 1.86667vw 2.66667vw 0;
}
nav img {
    width: 5.33333vw;
    height: 5.33333vw;
    margin: 0 auto 0.53333vw;
}
nav .icon-home {
    width: 6.66667vw;
}
nav .icon-sports {
    width: 5.86667vw;
    height: 4.8vw;
    margin: 0 auto 0.53333vw;
}
@media (orientation: landscape) {
    nav {
        display: none;
    }
}
.open-tv {
    top: 66.66667vw;
}
.promote .open-tv {
    top: 48vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .open-tv {
        top: 37.48126vmax;
    }
    .promote .open-tv {
        top: 18.89055vmax;
    }
}
.tv-fix {
    position: -webkit-sticky;
    position: sticky;
    top: 21.6vw;
    width: 100%;
    z-index: 10;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tv-fix {
        top: inherit;
    }
}
.tv-wrap {
    background-color: #000;
}
.tv-head {
    background: #1f1f1f linear-gradient(-180deg, #434343 0%, #1f1f1f 92%);
    height: 10.4vw;
    line-height: 10.4vw;
    border-bottom: 0.26667vw solid #343434;
}
.tv-head .close {
    border-width: 0 0.26667vw 0 0;
}
.tv-head .close:before {
    width: 3.2vw;
    height: 3.2vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M9 .912L5.412 4.5 9 8.088 8.088 9 4.5 5.412.912 9 0 8.088 3.588 4.5 0 .912.912 0 4.5 3.588 8.088 0z"/></svg>');
}
.tv-head .btn-line {
    flex-basis: 12.26667vw;
    border-width: 0 0 0 0.26667vw;
    font-size: 3.2vw;
}
.tv-head .btn-line span {
    padding-top: 2.66667vw;
}
.tv-head .btn-line:before {
    width: 4.8vw;
    height: 3.46667vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 14"><path fill="%23FFF" fill-rule="evenodd" d="M3.477 7.67c1.104-1.138 2.394-1.909 3.87-2.312a8.165 8.165 0 0 1 4.326 0c1.477.403 2.76 1.174 3.85 2.312l-1.697 1.815A5.933 5.933 0 0 0 7.948 7.82a5.933 5.933 0 0 0-2.774 1.664L3.477 7.67zm3.436 3.63c.455-.476 1-.8 1.635-.973a3.561 3.561 0 0 1 1.904 0c.635.173 1.18.497 1.635.972L9.5 14l-2.587-2.7zM0 4.082a13.418 13.418 0 0 1 4.45-3.068A13.083 13.083 0 0 1 9.52 0c1.753 0 3.436.338 5.05 1.015A13.198 13.198 0 0 1 19 4.083l-1.739 1.815a10.767 10.767 0 0 0-3.622-2.506A10.498 10.498 0 0 0 9.5 2.549c-1.435 0-2.815.281-4.14.843A10.767 10.767 0 0 0 1.74 5.898L0 4.083z"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tv-head {
        height: 5.84708vmax;
        line-height: 5.84708vmax;
        border-bottom-width: 0.14993vmax;
    }
    .tv-head .close {
        border-left-width: 0.14993vmax;
    }
    .tv-head .close:before {
        width: 1.7991vmax;
        height: 1.7991vmax;
    }
    .tv-head .btn-line {
        flex-basis: 8.3958vmax;
        border-left-width: 0.14993vmax;
        font-size: 1.7991vmax;
    }
    .tv-head .btn-line span {
        padding-top: 1.49925vmax;
    }
    .tv-head .btn-line:before {
        width: 2.69865vmax;
        height: 1.94903vmax;
    }
}
.now-play {
    position: relative;
    flex: 1;
    font-size: 3.46667vw;
    line-height: 10.4vw;
    color: #fff;
    font-weight: bold;
    padding: 0 7.46667vw 0 3.2vw;
}
.now-play:after {
    position: absolute;
    right: 3.2vw;
    top: 4.53333vw;
    content: "";
    border-top: 1.86667vw solid #fff;
    border-left: 1.6vw solid transparent;
    border-right: 1.6vw solid transparent;
}
.now-play span {
    height: 5.6vw;
    line-height: 5.6vw;
    font-size: 3.2vw;
    font-weight: normal;
    background-color: #e83523;
    padding: 0 1.33333vw;
    margin: 2.4vw 1.86667vw 0 0;
    border-radius: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .now-play {
        font-size: 1.94903vmax;
        line-height: 5.84708vmax;
        padding: 0 4.1979vmax 0 1.7991vmax;
    }
    .now-play:after {
        right: 1.7991vmax;
        top: 2.54873vmax;
        border-top: 1.04948vmax solid #fff;
        border-left: 0.89955vmax solid transparent;
        border-right: 0.89955vmax solid transparent;
    }
    .now-play span {
        height: 3.14843vmax;
        line-height: 3.14843vmax;
        font-size: 1.7991vmax;
        padding: 0 0.74963vmax;
        margin: 1.34933vmax 1.04948vmax 0 0;
        border-radius: 0.5997vmax;
    }
}
.tv-box {
    height: 56vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="93" height="85"><path fill="%23FFF" fill-rule="evenodd" d="M10 0h73a10 10 0 0 1 10 10v65a10 10 0 0 1-10 10H10A10 10 0 0 1 0 75V10A10 10 0 0 1 10 0zm2 4a8 8 0 0 0-8 8v53a8 8 0 0 0 8 8h69a8 8 0 0 0 8-8V12a8 8 0 0 0-8-8H12zm20 69v8h28v-8H32zM17 12h58a5 5 0 0 1 5 5v39a5 5 0 0 1-5 5H17a5 5 0 0 1-5-5V17a5 5 0 0 1 5-5zm47 25.1L36 21v32l28-15.9z" opacity=".21"/></svg>')
        no-repeat center center;
    background-size: 24.8vw 22.66667vw;
}
.tv-box:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 0.26667vw;
    background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tv-box {
        height: 31.48426vmax;
        background-size: 13.94303vmax 12.74363vmax;
    }
    .tv-box:after {
        height: 0.14993vmax;
    }
}
.tv {
    position: relative;
    width: 100vw;
    height: 56vw;
    margin: 0 auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tv {
        width: 56.22189vmax;
        height: 31.48426vmax;
    }
}
.tv video {
    width: 100%;
    height: 100%;
    background-color: #222;
}
.tv-control {
    position: absolute;
    width: auto;
    border-radius: 1.6vw;
    border: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    margin: 1.86667vw;
}
.tv-control li {
    list-style: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.tv-control li:last-of-type {
    border-right-width: 0;
}
.tv-control a {
    width: 13.33333vw;
    height: 9.33333vw;
    color: #c8c7c7;
}
.tv-control a:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
}
.tv-control .close:before {
    width: 2.73333vw;
    height: 2.73333vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="rgb(207,209,206)" fill-rule="evenodd" d="M9 .912L5.412 4.5 9 8.088 8.088 9 4.5 5.412.912 9 0 8.088 3.588 4.5 0 .912.912 0 4.5 3.588 8.088 0z"/></svg>');
}
.tv-control:nth-of-type(1) {
    top: 0;
    right: 0;
}
.tv-control:nth-of-type(2) {
    bottom: 0;
    left: 0;
}
.tv-control:nth-of-type(3) {
    bottom: 0;
    right: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tv-control {
        border-radius: 0.89955vmax;
        margin: 1.04948vmax;
    }
    .tv-control a {
        width: 7.49625vmax;
        height: 5.24738vmax;
    }
    .tv-control .close:before {
        width: 2.09895vmax;
        height: 2.09895vmax;
    }
}
.btn-line span {
    padding-top: 2.66667vw;
}
.btn-line:before {
    width: 4.8vw;
    height: 3.73333vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 14"><path fill="rgb(207,209,206)" fill-rule="evenodd" d="M3.477 7.67c1.104-1.138 2.394-1.909 3.87-2.312a8.165 8.165 0 0 1 4.326 0c1.477.403 2.76 1.174 3.85 2.312l-1.697 1.815A5.933 5.933 0 0 0 7.948 7.82a5.933 5.933 0 0 0-2.774 1.664L3.477 7.67zm3.436 3.63c.455-.476 1-.8 1.635-.973a3.561 3.561 0 0 1 1.904 0c.635.173 1.18.497 1.635.972L9.5 14l-2.587-2.7zM0 4.082a13.418 13.418 0 0 1 4.45-3.068A13.083 13.083 0 0 1 9.52 0c1.753 0 3.436.338 5.05 1.015A13.198 13.198 0 0 1 19 4.083l-1.739 1.815a10.767 10.767 0 0 0-3.622-2.506A10.498 10.498 0 0 0 9.5 2.549c-1.435 0-2.815.281-4.14.843A10.767 10.767 0 0 0 1.74 5.898L0 4.083z"/></svg>');
}
.tv-control .btn-line {
    font-size: 3.2vw;
    text-indent: inherit;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-line span {
        padding-top: 1.49925vmax;
    }
    .btn-line:before {
        width: 2.69865vmax;
        height: 2.09895vmax;
    }
    .tv-control .btn-line {
        font-size: 1.7991vmax;
    }
}
.btn-volume_on:before {
    width: 4vw;
    height: 4vw;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M10.8 0a8.89 8.89 0 013.699 1.75 9.204 9.204 0 012.56 3.157A9.199 9.199 0 0118 9a9.199 9.199 0 01-.94 4.093 9.204 9.204 0 01-2.561 3.156A8.89 8.89 0 0110.8 18v-2.12a6.805 6.805 0 002.647-1.43 7.164 7.164 0 001.819-2.43A7.11 7.11 0 0015.922 9a7.11 7.11 0 00-.656-3.02 7.164 7.164 0 00-1.819-2.43A6.805 6.805 0 0010.8 2.12V0zm2.7 9c0 .93-.242 1.772-.727 2.525a4.804 4.804 0 01-1.973 1.738V4.737c.83.406 1.488.985 1.973 1.738.485.753.727 1.595.727 2.525zM0 5.986h3.984L9 .947v16.106l-5.016-5.04H0V5.987z" fill="rgb(200,199,199)" fill-rule="evenodd"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-volume_on:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
}
.btn-volume_off:before {
    width: 4vw;
    height: 4vw;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M8.526.947v3.79L6.632 2.842 8.526.947zM1.272 0L18 16.728 16.728 18l-2.064-2.064c-1.2.928-2.416 1.536-3.648 1.824v-2.064a6.364 6.364 0 002.256-1.176L9 10.272v6.744L3.984 12H0V6h4.728L0 1.272 1.272 0zm14.814 8.982a7.598 7.598 0 00-.604-3.015 7.131 7.131 0 00-1.675-2.424 6.136 6.136 0 00-2.439-1.427V0a7.932 7.932 0 013.407 1.747 9.083 9.083 0 012.359 3.15A9.818 9.818 0 0118 8.982c0 .754-.084 1.496-.25 2.226a9.171 9.171 0 01-.73 2.055l-1.413-1.6c.32-.869.479-1.763.479-2.681zm-2.823-.122c0 .295-.018.5-.054.614l-2.788-2.48V4.738c.875.393 1.567.953 2.077 1.681.51.728.765 1.542.765 2.442z" fill="rgb(200,199,199)" fill-rule="evenodd"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-volume_off:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
}
.btn-fullscreen:before {
    width: 4vw;
    height: 4vw;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.402V0h-6.402v2.536h3.866v3.866H18zm-15.464 0V2.536h3.866V0H0v6.402h2.536zM18 18v-6.402h-2.536v3.866h-3.866V18H18zM6.402 18v-2.536H2.536v-3.866H0V18h6.402z" fill="rgb(200,199,199)" fill-rule="nonzero"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-fullscreen:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
}
.btn-collapse:before {
    width: 4vw;
    height: 4vw;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.402V3.866h-3.866V0h-2.536v6.402H18zm-11.598 0V0H3.866v3.866H0v2.536h6.402zM14.134 18v-3.866H18v-2.536h-6.402V18h2.536zm-7.732 0v-6.402H0v2.536h3.866V18h2.536z" fill="rgb(200,199,199)" fill-rule="nonzero"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-collapse:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
}
.overlay.channel-popup {
    top: 32.26667vw;
    height: calc(100% - vw('$ht-head + $ht-marquee'));
}
@media (orientation: landscape) {
    .overlay.channel-popup {
        position: absolute;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .overlay.channel-popup {
        top: 18.14093vmax;
        height: calc(100% - 8.24588vmax - 5.84708vmax);
    }
}
.overlay.channel-popup:not(:target) {
    display: none;
}
.overlay.channel-popup:target {
    display: block;
}
.channel-list {
    max-height: 73%;
    background-color: #fff;
    box-shadow: 0 1.6vw 2.66667vw rgba(0, 0, 0, 0.7);
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.channel-list dt {
    background-color: #e0e6e6;
    line-height: 6.66667vw;
    color: #3b5160;
    font-size: 3.2vw;
    font-weight: bold;
    border-bottom: 0.26667vw solid #9eb0bb;
    padding: 0 1.86667vw;
}
.channel-list dt img {
    width: 3.2vw;
    height: 3.2vw;
    margin: 1.6vw 1.33333vw 0 0;
    vertical-align: top;
}
.channel-list dd {
    font-size: 3.73333vw;
    border-bottom: 0.26667vw solid #c5d0d7;
}
.channel-list dd:last-of-type {
    border-bottom-width: 0;
}
.channel-list a {
    position: relative;
    line-height: 10.66667vw;
    font-weight: bold;
    padding: 0 8vw 0 1.86667vw;
}
.channel-list a:after {
    position: absolute;
    top: 50%;
    right: 2.66667vw;
    content: "";
    width: 4.26667vw;
    height: 4.26667vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%232789CE" d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-1A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm3.884-6.84L5.28 11.964c-.155.087-.279.01-.279-.17V4.206c0-.18.124-.257.279-.17l6.605 3.804c.155.088.155.232 0 .32z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -2.13333vw;
}
.channel-list a.select {
    background-color: #ecdab7;
    color: #1e1e1e;
}
.channel-list a.select:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%231F72AC" fill-rule="evenodd" d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.884-7.84c.155-.088.155-.232 0-.32L5.28 4.036C5.124 3.95 5 4.026 5 4.206v7.588c0 .18.124.257.279.17l6.605-3.804z"/></svg>');
}
.channel-list .icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(59,91,96)" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
}
.channel-list .icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(59,91,96)" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
}
.channel-list .icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(59,91,96)" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
}
.channel-list .icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(59,91,96)" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.channel-list .icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="rgb(59,91,96)" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.channel-list .icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(59,91,96)" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.channel-list .icon-racing {
    background: url('data:image/svg+xml,<svg height="13" viewBox="0 0 13 13" width="13" xmlns="http://www.w3.org/2000/svg"><path d="m104.031307 120.690196c-3.529412-1.552941-5.9999818 0-5.9999818 0v5.647059 5.983852h.7058823v-2.101481c.9882353-.352922 2.8941365-.705882 5.2941365.352923 3.529411 1.552941 5.999981 0 5.999981 0v-9.882353c-.000037 0-2.470607 1.552941-6.000018 0zm5.294099 3.882371c0-.070606-1.482335.564706-3.529412.211747v2.823529c.494136.070607.988235.141177 1.341195.141177 1.341158 0 2.188217-.42353 2.188217-.42353v2.82353s-1.270588.635275-3.247059.352922c-.141176 0-.352923-.070606-.282353-.070606v-2.82353c-.564706-.07057-1.200018-.282353-1.835294-.564706-.635313-.282353-1.200018-.423529-1.694118-.564706v2.82353c.070607 0-.070606 0-.282353 0-1.835294-.282353-3.2470584.141176-3.2470584.141176v-2.823529s1.5529414-.494099 3.5294114-.141177v-2.823529c-2.117647-.423529-3.5294114.282353-3.5294114.282353v-2.823529s1.4117644-.705883 3.5294114-.282353v2.823529c.564706.07057 1.129412.282353 1.764688.564706.635312.282353 1.200018.494136 1.764687.564706v-2.82353c2.047077.352923 3.529412-.211746 3.529412-.211746v2.823566z" fill="rgb(59,91,96)" transform="translate(-98 -120)"/></svg>')
        no-repeat;
}
.channel-list .icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="rgb(59,91,96)" fill-rule="nonzero"/></svg>')
        no-repeat;
}
@media (orientation: landscape) {
    .channel-list {
        height: auto;
        max-height: inherit;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .channel-list {
        height: auto;
        max-height: inherit;
        box-shadow: 0 0.89955vmax 1.49925vmax rgba(0, 0, 0, 0.5);
    }
    .channel-list dt {
        line-height: 3.74813vmax;
        font-size: 1.7991vmax;
        border-bottom-width: 0.14993vmax;
        padding: 0 1.04948vmax;
    }
    .channel-list dt img {
        width: 1.7991vmax;
        height: 1.7991vmax;
        margin: 0.89955vmax 0.74963vmax 0 0;
    }
    .channel-list dd {
        font-size: 2.09895vmax;
        border-bottom-width: 0.14993vmax;
    }
    .channel-list a {
        line-height: 5.997vmax;
        padding: 0 4.49775vmax 0 1.04948vmax;
    }
    .channel-list a:after {
        right: 1.49925vmax;
        width: 2.3988vmax;
        height: 2.3988vmax;
        margin-top: -1.1994vmax;
    }
}
.wrap-highlight {
    position: relative;
    height: 12.26667vw;
    background-color: #1e1e1e;
    border-bottom: 0.7vw solid #ffa40c;
    overflow: hidden;
    overflow-x: auto

}
.wrap-highlight ul {
    position: absolute;
    white-space: nowrap;
    padding-right: 1.86667vw;
    bottom: 0;
}
.wrap-highlight li {
    position: relative;
    padding-top: 2.66667vw;
    margin-left: 1.86667vw;
}
.wrap-highlight a {
    font-weight: bold;
    color: #222;
    background-size: contain;
    font-size: 1rem;
    line-height: 9.6vw;
    padding: 0 1.86667vw;
    border-radius: 1.6vw 1.6vw 0 0;
}
.wrap-highlight .select a {
    /* background-image: linear-gradient(-180deg, #feb809 15%, #ffa00c 100%); */
    color: #1e1e1e;
}
.wrap-highlight img {
    width: 5.33333vw;
    height: 5.33333vw;
    margin: 2.13333vw 1.6vw 0 0;
}
.wrap-highlight .menu-casino a {
    background-image: linear-gradient(-180deg, #806575 15%, #4b2c3e 100%) !important;
    color: #ffffff;
}
.wrap-highlight .menu-casino a:after {
    position: relative;
    top: 3.73333vw;
    left: 1.06667vw;
    width: 2.66667vw;
    height: 2.66667vw;
    margin-right: 1.06667vw;
    background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M8.889 8.889h-7.778v-7.778h2.889v-1.111h-2.889c-.617 0-1.111.5-1.111 1.111v7.778c0 .611.494 1.111 1.111 1.111h7.778c.611 0 1.111-.5 1.111-1.111v-2.889h-1.111v2.889zm-2.778-8.889v1.111h1.994l-5.461 5.461.783.783 5.461-5.461v1.994h1.111v-3.889h-3.889z" fill="%23CFBCC7" fill-rule="nonzero"/></svg>')
        no-repeat;
    background-size: cover;
}
.wrap-highlight .tag-new {
    top: 0.53333vw;
    right: 2.13333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .wrap-highlight {
        height: 6.89655vmax;
        border-bottom-width: 0.4vmax;
    }
    .wrap-highlight ul {
        padding-right: 1.04948vmax;
    }
    .wrap-highlight li {
        padding-top: 1.49925vmax;
        margin-left: 1.04948vmax;
    }
    .wrap-highlight a {
        line-height: 5.3973vmax;
        padding: 0 1.04948vmax;
        border-radius: 0.89955vmax 0.89955vmax 0 0;
    }
    .wrap-highlight img {
        width: 2.9985vmax;
        height: 2.9985vmax;
        margin: 1.1994vmax 0.89955vmax 0 0;
    }
    .wrap-highlight .menu-casino a:after {
        top: 2.09895vmax;
        left: 0.5997vmax;
        width: 1.49925vmax;
        height: 1.49925vmax;
        margin-right: 0.5997vmax;
    }
    .wrap-highlight .tag-new {
        top: 0.29985vmax;
        right: 1.1994vmax;
    }
}
.tag-new {
    position: absolute;
    width: 8.53333vw;
    height: 4.8vw;
    background: url('data:image/svg+xml,<svg width="32" height="16" viewBox="0 0 32 16" xmlns="http://www.w3.org/2000/svg"><path d="M20 12l-7 4 1-4h-11c-1.657 0-3-1.343-3-3v-6c0-1.657 1.343-3 3-3h26c1.657 0 3 1.343 3 3v6c0 1.657-1.343 3-3 3h-9z" fill="%23D0021B"/></svg>')
        center no-repeat;
    background-size: contain;
    color: #ffffff;
    line-height: 4vw;
    font-size: 2.4vw;
    font-weight: bold;
    text-align: center;
    -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    z-index: 2;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tag-new {
        width: 4.7976vmax;
        height: 2.69865vmax;
        line-height: 2.24888vmax;
        font-size: 1.34933vmax;
    }
}
.tag-live {
    position: absolute;
    top: 1.06667vw;
    right: 1.33333vw;
    min-width: 9.33333vw;
    height: 3.2vw;
    border-radius: 0.8vw;
    padding-right: 1.33333vw;
    color: #ffffff;
    text-align: center;
    font-size: 2.66667vw;
    line-height: 3.2vw;
    background-image: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
    box-shadow: 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
}
.tag-live strong {
    flex: 1;
    height: 100%;
    margin-right: 1.33333vw;
    padding: 0 0.53333vw;
    border-radius: 0.8vw 0vw 0vw 0.8vw;
    background-image: linear-gradient(180deg, #fff 0%, #eee 89%);
}
.tag-live strong:before {
    width: 3.73333vw;
    height: 2.13333vw;
    background: url('data:image/svg+xml,<svg width="14" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,0,0)" fill-rule="evenodd"><path d="M12.012 0l-.698.727c1.734 1.808 1.734 4.738 0 6.546l.698.727c2.117-2.207 2.117-5.79 0-8zM10.3 1.714l-.7.735c.967 1.014.967 2.66 0 3.673l.7.735c1.352-1.418 1.352-3.721 0-5.143zM1.588 0l.698.727c-1.734 1.808-1.734 4.738 0 6.546L1.588 8c-2.117-2.207-2.117-5.79 0-8zM3.3 1.714l.7.735c-.967 1.014-.967 2.66 0 3.673l-.7.735c-1.352-1.418-1.352-3.721 0-5.143z"/><circle cx="6.8" cy="4.4" r="1.6"/></g></svg>')
        no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tag-live {
        top: 0.5997vmax;
        right: 0.74963vmax;
        min-width: 4.7976vmax;
        height: 1.7991vmax;
        border-radius: 0.44978vmax;
        padding-right: 0.74963vmax;
        font-size: 1.49925vmax;
        line-height: 1.7991vmax;
        box-shadow: 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
    }
    .tag-live strong {
        margin-right: 0.74963vmax;
        padding: 0 0.29985vmax;
        width: 2.69865vmax;
        border-radius: 0.44978vmax 0vmax 0vmax 0.44978vmax;
    }
    .tag-live strong:before {
        width: 2.09895vmax;
        height: 1.1994vmax;
    }
}
.a-tab_next,
.a-tab_prev {
    position: absolute;
    right: 0;
    width: 8vw;
    height: 12.26667vw;
    background-image: linear-gradient(90deg, transparent 0%, #000 39%);
    padding: 0;
    z-index: 2;
}
.wrap-highlight .a-tab_next,
.wrap-highlight .a-tab_prev {
    padding: 0;
    border-radius: 0;
}
.a-tab_next:after,
.a-tab_prev:after {
    content: "";
    position: absolute;
    width: 2.66667vw;
    height: 4.26667vw;
    background: url('data:image/svg+xml,<svg width="10" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M1.9 0L10 8l-8.1 8L0 14.11 6.21 8 0 1.89z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat;
    background-size: contain;
    margin-top: -57%;
    margin-left: 40%;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .a-tab_next,
    .a-tab_prev {
        width: 4.49775vmax;
        height: 6.89655vmax;
    }
    .a-tab_next:after,
    .a-tab_prev:after {
        width: 1.49925vmax;
        height: 2.3988vmax;
    }
}
.a-tab_prev {
    left: 0;
    background-image: linear-gradient(-90deg, transparent 0%, #000 39%);
}
.a-tab_prev:after {
    transform: rotate(180deg);
}
.highlight-list,
.inplay-list {
    border-bottom: 0.8vw solid #ffa40c;
}
.highlight-list a,
.inplay-list a {
    padding: 1.6vw 0 1.86667vw 6.66667vw;
}
.highlight-list a:after,
.inplay-list a:after {
    display: none;
}
.highlight-list dt,
.inplay-list dt {
    line-height: 4vw;
}
.highlight-list .inplay-on a:before,
.inplay-list .inplay-on a:before,
.highlight-list .inplay-off a:before,
.inplay-list .inplay-off a:before {
    position: absolute;
    top: 50%;
    left: 2.66667vw;
    margin-top: 0.26667vw;
}
.highlight-list .inplay-on .time,
.inplay-list .inplay-on .time,
.highlight-list .inplay-off .time,
.inplay-list .inplay-off .time {
    font-weight: normal;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .highlight-list,
    .inplay-list {
        border-bottom-width: 0.44978vmax;
    }
    .highlight-list a,
    .inplay-list a {
        padding: 0.89955vmax 0 1.04948vmax 3.74813vmax;
    }
    .highlight-list .inplay-on a:before,
    .inplay-list .inplay-on a:before,
    .highlight-list .inplay-off a:before,
    .inplay-list .inplay-off a:before {
        left: 1.49925vmax;
        margin-top: 0.14993vmax;
    }
}
.pin-on,
.pin-off {
    width: 6.66667vw;
    height: 6.66667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(107,189,17)"/><path fill="rgb(255,255,255)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>')
        no-repeat;
    background-size: contain;
    margin-right: 1.86667vw;
}
.highlight-list .inplay-on .pin-on,
.inplay-list .inplay-on .pin-on,
.highlight-list .inplay-on .pin-off,
.inplay-list .inplay-on .pin-off,
.highlight-list .inplay-off .pin-on,
.inplay-list .inplay-off .pin-on,
.highlight-list .inplay-off .pin-off,
.inplay-list .inplay-off .pin-off {
    flex: 0 1 6.66667vw;
    padding: 0;
}
.highlight-list .inplay-on .pin-on:before,
.inplay-list .inplay-on .pin-on:before,
.highlight-list .inplay-on .pin-off:before,
.inplay-list .inplay-on .pin-off:before,
.highlight-list .inplay-off .pin-on:before,
.inplay-list .inplay-off .pin-on:before,
.highlight-list .inplay-off .pin-off:before,
.inplay-list .inplay-off .pin-off:before {
    display: none;
}
.game-team .pin-on,
.game-team .pin-off {
    position: absolute;
    left: 1.86667vw;
}
.fancy_bet-head .pin-on,
.sportsbook_bet-head .pin-on,
.fancy_bet-head .pin-off,
.sportsbook_bet-head .pin-off {
    position: relative;
    width: 10.66667vw;
    height: 8vw;
    margin-right: 0;
    /* background: url('../images/bg-fanctbet_pin.svg'), linear-gradient(-180deg, #0a92a5 0%, #087989 82%); */
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    background-size: cover, cover;
}
.fancy_bet-head .pin-on:before,
.sportsbook_bet-head .pin-on:before,
.fancy_bet-head .pin-off:before,
.sportsbook_bet-head .pin-off:before {
    position: absolute;
    left: 1.6vw;
    top: 1.06667vw;
    display: block;
    width: 5.86667vw;
    height: 5.86667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(107,189,17)"/><path fill="rgb(255,255,255)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>')
        no-repeat;
    background-size: cover;
    content: "";
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .pin-on,
    .pin-off {
        width: 3.74813vmax;
        height: 3.74813vmax;
        margin-right: 1.04948vmax;
    }
    .highlight-list .inplay-on .pin-on,
    .inplay-list .inplay-on .pin-on,
    .highlight-list .inplay-on .pin-off,
    .inplay-list .inplay-on .pin-off,
    .highlight-list .inplay-off .pin-on,
    .inplay-list .inplay-off .pin-on,
    .highlight-list .inplay-off .pin-off,
    .inplay-list .inplay-off .pin-off {
        flex: 0 1 3.74813vmax;
    }
    .game-team .pin-on,
    .game-team .pin-off {
        left: 1.04948vmax;
    }
    .fancy_bet-head .pin-on,
    .sportsbook_bet-head .pin-on,
    .fancy_bet-head .pin-off,
    .sportsbook_bet-head .pin-off {
        width: 5.997vmax;
        height: 4.49775vmax;
    }
    .fancy_bet-head .pin-on:before,
    .sportsbook_bet-head .pin-on:before,
    .fancy_bet-head .pin-off:before,
    .sportsbook_bet-head .pin-off:before {
        left: 0.89955vmax;
        top: 0.5997vmax;
        width: 3.29835vmax;
        height: 3.29835vmax;
    }
}
.pin-off {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(126,151,167)" d="M12.5 25C5.596 25 0 19.404 0 12.5S5.596 0 12.5 0 25 5.596 25 12.5 19.404 25 12.5 25zm0-1C18.85 24 24 18.85 24 12.5S18.85 1 12.5 1 1 6.15 1 12.5 6.15 24 12.5 24zm5.09-12.078c1.606.516 2.41 1.13 2.41 2.19 0 .373-.067.616-.2.73-.135.115-.403.173-.804.173H13.57l-.81 7.988h-.536l-.795-7.988H6.003c-.4 0-.67-.065-.803-.194-.133-.128-.2-.364-.2-.708 0-1.06.804-1.674 2.41-2.19.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></svg>')
        no-repeat;
    background-size: contain;
}
.game-team .pin-off {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(59,81,96)"/><path fill="rgb(197,208,215)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>');
}
.fancy_bet-head .pin-off:before,
.sportsbook_bet-head .pin-off:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(59, 81, 96)"/><path fill="rgb(197,208,215)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>')
        no-repeat center;
    background-size: cover;
}
.sports-book .pin-off {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(3,34,55)"/><path fill="rgb(197,208,215)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>');
}
.game-low_liq {
    background-color: #d0021b;
}
.upcoming-list a {
    padding: 1.6vw 2.66667vw 1.86667vw;
}
.upcoming-list a:before {
    display: none;
}
.upcoming-list a:after {
    display: none;
}
.upcoming-list .upcoming-list-col3 {
    display: block;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .upcoming-list a {
        padding: 0.89955vmax 1.49925vmax 1.04948vmax;
    }
}
.upcoming-list-col3 h4 {
    background-color: #c5d0d8;
    font-size: 3.73333vw;
    color: #3b5160;
    line-height: 8.53333vw;
    font-weight: normal;
}
.upcoming-list-col3 ul {
    align-items: stretch;
}
.upcoming-list-col3 li {
    flex: 1;
    align-items: flex-start;
    border-bottom-width: 0;
    border-right: 1px solid #e0e6e6;
}
.upcoming-list-col3 a {
    line-height: 1.2;
    padding: 1.33333vw 1.86667vw;
    white-space: normal;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .upcoming-list-col3 h4 {
        font-size: 2.09895vmax;
        line-height: 4.7976vmax;
    }
    .upcoming-list-col3 a {
        padding: 0.74963vmax 1.04948vmax;
    }
}

.betexchange247 .policy-link a, .skyinplay .policy-link a, .betexchange247 .policy-link a, .probetx .policy-link a, .cftbet365 .policy-link a, .crickzoom .policy-link a, .crickzoomlive .policy-link a, .probet247 .policy-link a, .goexchange .policy-link a, .wickets247 .policy-link a, .iceEX .policy-link a, .sportsexchlive .policy-link a {
    color: rgba(0,0,0,0.7);
}
.game-fancy {
    background-color: #0a92a5;
}

.game-fancy:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.44 21.32l1.792-8.456h5.628l.504-2.408h-5.628l1.288-6.02h7.252L20.78 2H10.112c-.896 0-1.68.275-2.352.826-.672.55-1.11 1.283-1.316 2.198L3 21.32h6.44z" fill="%23C5F6EE" fill-rule="nonzero"/></svg>');
}
.game-sportsbook {
    background-color: #e4550f;
}
.game-sportsbook:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.297 21l1.26-5.635 7.255.026c.876 0 1.642-.256 2.3-.77.656-.512 1.085-1.195 1.286-2.047l1.506-6.757c.2-.852.087-1.534-.342-2.047-.43-.513-1.09-.77-1.985-.77H5.997L2 21h6.297zm5.695-7.878h-3.943l1.752-7.852h3.943l-1.752 7.852z" fill="%23FCEDC0" fill-rule="nonzero"/></svg>');
}
.game-bookmaker {
    background-color: #226bc3;
}
.game-bookmaker:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.58 21c.876 0 1.642-.257 2.3-.77.656-.513 1.085-1.195 1.286-2.047l.986-4.487c.091-.348.05-.679-.123-.992A1.722 1.722 0 0019.33 12c.365-.14.699-.365 1-.678.3-.313.497-.644.588-.992l.986-4.513c.2-.852.087-1.534-.342-2.047-.43-.513-1.09-.77-1.985-.77H5.997L2 21h13.58zm-1.096-10.122h-3.942l1.26-5.608h3.942l-1.26 5.608zm-1.752 7.879H8.79l1.26-5.635h3.942l-1.26 5.635z" fill="%23CAFCFF" fill-rule="nonzero"/></svg>');
}
.game-live {
    width: 4.53333vw;
    background-color: #1876b2;
}
.game-live:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g fill="none" fill-rule="evenodd"><circle cx="6" cy="6" r="6" fill="%234AA2DB"/><path fill="%23FFF" d="M6 0a6 6 0 110 12A6 6 0 016 0zm0 1a5 5 0 100 10A5 5 0 006 1z" opacity=".605"/><path fill="%23FFF" d="M4 3v6l5-3z"/></g></svg>');
    background-repeat: no-repeat;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-live {
        width: 2.54873vmax;
    }
}
.game-E {
    display: inline-flex;
    right: 0;
    height: 4vw;
    background-color: #fff;
    line-height: 4vw;
    font-size: 2.4vw;
    color: #1f5172;
    border-radius: 0.8vw;
    border: 1px solid #1f5172;
    margin-left: auto;
    margin-right: 1.33333vw;
    padding-right: 1.06667vw;
    overflow: hidden;
}
.game-E i {
    position: relative;
    width: 4.8vw;
    height: 100%;
    background-color: #1f5172;
    margin-right: 0.53333vw;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.game-E i:before {
    content: "";
    width: 1.86667vw;
    height: 2.13333vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%23fff" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -0.8vw;
}
.game-E i:after {
    position: absolute;
    right: 0;
    content: "";
    border-left: 1.33333vw solid transparent;
    border-bottom: 3.73333vw solid #fff;
}
.highlight-list .inplay-on .game-E,
.inplay-list .inplay-on .game-E {
    color: #1f5172;
}
h4.game-info .game-E {
    height: 4.53333vw;
    line-height: 4.53333vw;
    border-color: rgba(255, 255, 255, 0.8);
    background-color: #1f5172;
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    margin-right: 0;
}
h4.game-info .game-E i {
    background-color: rgba(255, 255, 255, 0.8);
}
h4.game-info .game-E i:before {
    width: 2.4vw;
    height: 2.66667vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%231F5172" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>');
}
h4.game-info .game-E i:after {
    border-bottom: 4.53333vw solid #1f5172;
}
.multi .game-E {
    display: inline-flex;
    border-color: rgba(255, 255, 255, 0.8);
    background-color: #1f5172;
    color: rgba(255, 255, 255, 0.8);
}
.multi .game-E i {
    background-color: rgba(255, 255, 255, 0.8);
}
.multi .game-E i:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%231F5172" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>');
}
.multi .game-E i:after {
    border-bottom-color: #1f5172;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-E {
        height: 2.24888vmax;
        line-height: 2.24888vmax;
        font-size: 1.34933vmax;
        border-radius: 0.5997vmax;
        margin-right: 0.74963vmax;
        padding-right: 0.5997vmax;
    }
    .game-E i {
        width: 2.69865vmax;
        margin-right: 0.29985vmax;
    }
    .game-E i:before {
        width: 1.04948vmax;
        height: 1.1994vmax;
        margin-left: -0.44978vmax;
    }
    .game-E i:after {
        border-left: 0.74963vmax solid transparent;
        border-bottom: 2.09895vmax solid #fff;
    }
    h4.game-info .game-E {
        height: 2.69865vmax;
        line-height: 2.69865vmax;
    }
    h4.game-info .game-E i:before {
        width: 1.1994vmax;
        height: 1.34933vmax;
    }
    h4.game-info .game-E i:after {
        border-bottom: 2.54873vmax solid #1f5172;
    }
}
.tab-wrap {
    background-color: #172832;
    color: #fff;
    font-size: 3.73333vw;
    line-height: 8.8vw;
    font-weight: bold;
    padding: 1.86667vw;
}
.tab-wrap ul {
    border: 1px solid #fff;
    border-radius: 1.6vw;
}
.tab-wrap li {
    flex: 1;
    border-right: 1px solid #fff;
}
.tab-wrap li:first-of-type {
    border-radius: 1.33333vw 0 0 1.33333vw;
}
.tab-wrap li:last-of-type {
    border-right-width: 0;
    border-radius: 0 1.33333vw 1.33333vw 0;
}
.tab-wrap li.select {
    background-color: #fff;
}
.tab-wrap li.select a {
    color: #172832;
}
.tab-wrap a {
    color: #fff;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .tab-wrap {
        font-size: 2.09895vmax;
        line-height: 4.94753vmax;
        padding: 1.04948vmax;
    }
    .tab-wrap ul {
        border-radius: 0.89955vmax;
    }
    .tab-wrap li:first-of-type {
        border-radius: 0.74963vmax 0 0 0.74963vmax;
    }
    .tab-wrap li:last-of-type {
        border-radius: 0 0.74963vmax 0.74963vmax 0;
    }
}
.inplay-list {
    border-bottom: 1px solid #7e97a7;
}
.quick_link {
    background-color: #1e1e1e;
    flex-wrap: wrap;
}
.quick_link li {
    flex: 0 1 20%;
    border: 1px solid #4b4b4b;
    border-width: 0 1px 1px 0;
}
.quick_link li:nth-of-type(5n) {
    border-right-width: 0;
}
.quick_link a {
    height: 20.8vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.1;
    padding: 2.93333vw 1.33333vw;
    flex-direction: column;
}
.quick_link img {
    width: 6.66667vw;
    height: 6.66667vw;
    margin: 0 auto 0.8vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .quick_link a {
        height: 11.69415vmax;
        font-size: 1.7991vmax;
        padding: 1.64918vmax 0.74963vmax;
    }
    .quick_link img {
        width: 3.74813vmax;
        height: 3.74813vmax;
        margin: 0 auto 0.44978vmax;
    }
}
.menu-list a {
    align-items: center;
}
.side-content .menu-list a p {
    flex: 1;
}
.side-content .menu-list a span {
    font-weight: normal;
}
.side-content .menu-list a span.slip-note {
    display: inline-block;
    width: 2.66667vw;
    height: 2.66667vw;
    background-color: #bb1c00;
    background-image: none;
    border: 1px solid rgba(51, 51, 51, 0.4);
    margin: 0 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .side-content .menu-list a span.slip-note {
        width: 1.49925vmax;
        height: 1.49925vmax;
    }
}
.path-wrap {
    background-color: #1e1e1e;
    color: #fff;
    font-weight: bold;
    line-height: 10.66667vw;
}
.path-wrap ul {
    display: inline;
    flex: 1;
    padding-left: 1.86667vw;
    padding-right: 1.06667vw;
}
.path-wrap li {
    position: relative;
    margin-right: 1.86667vw;
    padding-right: 3.46667vw;
}
.path-wrap li:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    width: 1.6vw;
    height: 2.66667vw;
    background: url('data:image/svg+xml,<svg width="6" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M1.15 0L6 5l-4.85 5L0 8.82 3.73 5 0 1.18z" fill="%23FFF" fill-rule="evenodd" opacity=".5"/></svg>') no-repeat;
    background-size: contain;
    margin-top: -1.33333vw;
}
.path-wrap li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.path-wrap li:last-child:after {
    display: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .path-wrap {
        line-height: 5.997vmax;
    }
    .path-wrap ul {
        padding-left: 1.04948vmax;
        padding-right: 0.5997vmax;
    }
    .path-wrap li {
        margin-right: 1.04948vmax;
        padding-right: 1.94903vmax;
    }
    .path-wrap li:after {
        width: 0.89955vmax;
        height: 1.49925vmax;
        margin-top: -0.74963vmax;
    }
}
.go_back {
    width: 10.66667vw;
    height: 10.66667vw;
    background: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M15 20l9-6v12z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat;
    background-size: contain;
    border-right: 1px solid #4b4b4b;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .go_back {
        width: 5.997vmax;
        height: 5.997vmax;
    }
}
.account-id {
    width: 100%;
    padding-left: 1.86667vw;
    align-items: center;
}
.account-id:before {
    content: "";
    width: 5.33333vw;
    height: 5.33333vw;
    margin-right: 1.33333vw;
    background-size: contain;
}
.account-id span {
    flex: 1;
}
.account-id .time-zone {
    flex: 0 0 auto;
    min-width: 17.33333vw;
    border-left: 1px solid #4b4b4b;
    padding: 0 1.86667vw;
    margin-left: 1.86667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .account-id {
        padding-left: 1.04948vmax;
    }
    .account-id:before {
        width: 2.9985vmax;
        height: 2.9985vmax;
        margin-right: 0.74963vmax;
    }
    .account-id .time-zone {
        min-width: 9.74513vmax;
        padding: 0 1.04948vmax;
        margin-left: 1.04948vmax;
    }
}
.game-wrap {
    background-color: #172832;
    color: #1e1e1e;
}
.game-info {
    background-color: #243a48;
    background-image: linear-gradient(-180deg, #2e4b5e 0%, #243a48 82%);
    color: #7e97a7;
    line-height: 2.1;
    padding: 0 1.86667vw;
    justify-content: space-between;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-info {
        padding: 0 1.04948vmax;
    }
}
.info-icon li {
    margin-right: 1.86667vw;
    align-items: center;
}
.info-icon li:last-of-type {
    margin-right: 0;
}
.info-icon img {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 0.8vw;
}
h4 .info-icon {
    font-weight: normal;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-icon li {
        margin-right: 1.04948vmax;
    }
    .info-icon img {
        width: 2.69865vmax;
        height: 2.69865vmax;
        margin-right: 0.44978vmax;
    }
}
.match-btn {
    justify-content: center;
    list-style: none;
    background-color: #e0e6e6;
}
.match-btn li {
    position: relative;
}
.match-btn li:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 0.53333vw;
    height: 7.46667vw;
    background: rgba(22, 40, 49, 0.9);
    box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
}
.match-btn li:last-of-type:after {
    display: none;
}
.match-btn a {
    align-items: center;
    justify-content: center;
    width: 26.66667vw;
    height: 7.46667vw;
    background-repeat: no-repeat;
    background-size: contain;
    color: #ffffff;
    font-size: 3.2vw;
    font-weight: bold;
}
.match-btn a:before {
    content: "";
    width: 3.73333vw;
    height: 3.73333vw;
    margin-right: 0.53333vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.match-btn .btn-pin {
    padding-left: 2.13333vw;
    background-image: url(./MobileImage/bg-match-btn-left.png);
}
.match-btn .btn-pin:before {
    background-image: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" xmlns="http://www.w3.org/2000/svg"><path d="M6.714 5.25c.857.321 1.286.812 1.286 1.473 0 .232-.036.384-.107.455-.071.071-.214.107-.429.107h-2.893l-.429 4.714h-.286l-.429-4.714h-2.893c-.214 0-.357-.04-.429-.121-.071-.08-.107-.228-.107-.442 0-.661.429-1.152 1.286-1.473l.143-.054c.262-.107.429-.277.5-.509l.643-3.161v-.134c0-.143-.119-.259-.357-.348l-.036-.027h-.036c-.286-.089-.429-.241-.429-.455 0-.25.048-.406.143-.469.095-.063.262-.094.5-.094h3.286c.238 0 .405.031.5.094.095.063.143.219.143.469 0 .214-.143.366-.429.455h-.036l-.036.027c-.238.089-.357.205-.357.348v.134l.643 3.161c.071.232.238.402.5.509l.143.054z" fill="rgb(255,255,255)"/></svg>');
}
/* .match-btn .btn-pin.select {
    background-image: url('../images/bg-match-btn-left-select.png');
} */
.match-btn .btn-refresh {
    padding-right: 2.13333vw;
    background-image: url(./MobileImage/bg-match-btn-right.png);
}
.match-btn .btn-refresh:before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-7 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10 4.029c1.635 0 3.144.36 4.527 1.079 1.365.703 2.443 1.655 3.233 2.854.827 1.247 1.24 2.59 1.24 4.028 0 1.44-.413 2.782-1.24 4.03-.79 1.214-1.868 2.173-3.233 2.877A9.596 9.596 0 0 1 10 20a9.596 9.596 0 0 1-4.527-1.103c-1.365-.704-2.443-1.663-3.233-2.878C1.413 14.772 1 13.43 1 11.99h2.263c0 1.088.301 2.09.903 3.01.602.92 1.42 1.647 2.452 2.182 1.033.536 2.16.804 3.382.804s2.349-.268 3.382-.804c1.033-.535 1.85-1.263 2.452-2.182.602-.92.903-1.922.903-3.01 0-1.087-.301-2.09-.903-3.01-.602-.918-1.42-1.646-2.452-2.181-1.033-.536-2.16-.804-3.382-.804v4.029L4.368 5.012 10 0v4.029z" fill="rgb(255,255,255)"/></g></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .match-btn li:after {
        width: 0.29985vmax;
        height: 4.1979vmax;
    }
    .match-btn a {
        width: 14.9925vmax;
        height: 4.1979vmax;
        font-size: 1.7991vmax;
    }
    .match-btn a:before {
        width: 2.09895vmax;
        height: 2.09895vmax;
        margin-right: 0.29985vmax;
    }
    .match-btn .btn-pin {
        padding-left: 1.1994vmax;
    }
    .match-btn .btn-refresh {
        padding-right: 1.1994vmax;
    }
}
.game-team {
    width: 100%;
    font-size: 4vw;
    table-layout: fixed;
}
.game-team th,
.game-team td,
.game-team .announce-wrap table th,
.announce-wrap table .game-team th {
    padding: 1.86667vw;
    vertical-align: top;
}
.game-team th {
    padding-left: 10.4vw;
}
.game-team td,
.game-team .announce-wrap table th,
.announce-wrap table .game-team th {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.game-team h4 {
    line-height: 6.93333vw;
}
.game-team h4 span {
    font-size: 2.66667vw;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
}
.game-team h4:last-of-type {
    margin-right: 0;
}
.game-team span {
    font-size: 2.13333vw;
    color: #7e97a7;
}
.game-team .team-scores {
    width: 18.66667vw;
    background-color: rgba(0, 0, 0, 0.45);
}
.game-team .team-scores:first-of-type {
    border-left-width: 0;
}
.game-team .team-scores h4 {
    letter-spacing: -0.26667vw;
}
.game-team .team-other {
    display: none;
    color: #7e97a7;
}
.game-team .team-refresh {
    width: 6.66667vw;
}
.game-team .team-multi_Go {
    width: 6.66667vw;
    border-left-width: 0;
}
.game-team a {
    width: 6.66667vw;
    height: 6.66667vw;
}
.game-team .in-play {
    color: #8eea29;
}
.game-team .in-play span {
    color: #8eea29;
}
.game-team .refresh {
    width: 5.86667vw;
    height: 5.86667vw;
    background: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-7 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10 4.029c1.635 0 3.144.36 4.527 1.079 1.365.703 2.443 1.655 3.233 2.854.827 1.247 1.24 2.59 1.24 4.028 0 1.44-.413 2.782-1.24 4.03-.79 1.214-1.868 2.173-3.233 2.877A9.596 9.596 0 0 1 10 20a9.596 9.596 0 0 1-4.527-1.103c-1.365-.704-2.443-1.663-3.233-2.878C1.413 14.772 1 13.43 1 11.99h2.263c0 1.088.301 2.09.903 3.01.602.92 1.42 1.647 2.452 2.182 1.033.536 2.16.804 3.382.804s2.349-.268 3.382-.804c1.033-.535 1.85-1.263 2.452-2.182.602-.92.903-1.922.903-3.01 0-1.087-.301-2.09-.903-3.01-.602-.918-1.42-1.646-2.452-2.181-1.033-.536-2.16-.804-3.382-.804v4.029L4.368 5.012 10 0v4.029z" fill="rgb(255,255,255)"/></g></svg>')
        no-repeat;
    background-size: contain;
    margin: 0 auto;
}
.game-team .multi-Go {
    width: 6.4vw;
    height: 6.4vw;
    background: #3b5160
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M9.718 5L17 12l-7.282 7L8 17.348 13.592 12 8 6.652"/></svg>') no-repeat;
    background-size: contain;
    border-radius: 1.06667vw;
    margin-top: 1px;
}
.multi .game-team .refresh {
    margin-top: 2px;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-team {
        font-size: 2.24888vmax;
    }
   
    .game-team th {
        padding-left: 5.84708vmax;
    }
    .game-team h4 {
        line-height: 3.89805vmax;
    }
    .game-team h4 span {
        font-size: 1.49925vmax;
    }
    .game-team .game-low_liq {
        width: auto;
        color: #fff;
        line-height: 4.8vw;
        font-size: 3.2vw;
        margin-left: 1.6vw;
        margin-right: 0;
    }
    .game-team span {
        font-size: 1.1994vmax;
    }
    .game-team .team-scores h4 {
        letter-spacing: 0;
    }
    .game-team .team-refresh {
        width: 3.74813vmax;
    }
    .game-team .team-multi_Go {
        width: 3.74813vmax;
    }
    .game-team a {
        width: 3.74813vmax;
        height: 3.74813vmax;
    }
    .game-team .pin-on,
    .game-team .pin-off {
        left: 1.04948vmax;
    }
    .game-team .refresh {
        width: 3.29835vmax;
        height: 3.29835vmax;
    }
    .game-team .multi-Go {
        width: 3.5982vmax;
        height: 3.5982vmax;
        border-radius: 0.5997vmax;
    }
    .multi .game-team h4 {
        line-height: 3.74813vmax;
    }
    .multi .game-team .game-low_liq {
        line-height: 2.69865vmax;
        font-size: 1.7991vmax;
        margin-right: 0.89955vmax;
    }
}
.game-team.tennis td,
.game-team.tennis .announce-wrap table th,
.announce-wrap table .game-team.tennis th {
    border-left-width: 0;
}
.game-team.tennis .team-scores {
    width: 6.66667vw;
}
.game-team.tennis .team-last_box {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-team.tennis .team-scores {
        width: 5.24738vmax;
    }
    .game-team.tennis .team-other {
        display: table-cell;
        width: 5.24738vmax;
    }
}
.game-team.soccer th {
    width: 10.4vw;
    padding: 1.86667vw 0;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.game-team.soccer .team-scores {
    width: 6.66667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-team.soccer th {
        width: 5.84708vmax;
        padding: 1.04948vmax 0;
    }
    .game-team.soccer .team-scores {
        width: 5.24738vmax;
    }
}
.game-team.racing h4 {
    margin-right: 3.2vw;
}
.game-team.racing h4.info-horse_race {
    width: auto;
    background-color: #fff;
    color: #243a48;
    font-size: 3.46667vw;
    line-height: 1.2;
    padding: 0.53333vw 0.8vw;
    border-radius: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .game-team.racing h4 {
        margin-right: 1.7991vmax;
    }
    .game-team.racing h4.info-horse_race {
        font-size: 1.94903vmax;
        padding: 0.29985vmax 0.44978vmax;
        border-radius: 0.74963vmax;
    }
}
.scores-time {
    font-size: 2.13333vw;
    color: #7e97a7;
    font-weight: normal;
    clear: left;
}
.scores-time li {
    margin-right: 1.33333vw;
}
.scores-time li:before {
    content: "";
    width: 1.06667vw;
    height: 1.06667vw;
    border-radius: 50%;
    background-color: #7e97a7;
    margin: 0.8vw 1.33333vw 0 0;
}
.scores-time li:first-of-type:before {
    display: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .scores-time {
        font-size: 1.1994vmax;
    }
    .scores-time li {
        margin-right: 0.74963vmax;
    }
    .scores-time li:before {
        width: 0.5997vmax;
        height: 0.5997vmax;
        margin: 0.44978vmax 0.74963vmax 0 0;
    }
}
.soccer-map {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.soccer-map:after {
    position: absolute;
    content: "";
    min-width: 1px;
    width: 0.26667vw;
    height: 1.86667vw;
    background-color: #fff;
    left: 50%;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .soccer-map:after {
        width: 0.14993vmax;
        height: 1.04948vmax;
    }
}
.bg-progress_bar {
    position: relative;
    height: 2.13333vw;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bg-progress_bar {
        height: 1.1994vmax;
        box-shadow: inset 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0.5997vmax;
    }
}
.progress_bar {
    height: 100%;
    background: #6bbd11;
    background-image: linear-gradient(-180deg, #6bbd11 15%, #43730f 100%);
    border-radius: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .progress_bar {
        border-radius: 0.5997vmax;
    }
}
.card-yellow {
    background: #f8e71c;
}
.card-red {
    background: #fc1b1b;
}
.ball-soccer {
    position: absolute;
    width: 2.93333vw;
    height: 2.93333vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 11 11"><defs><linearGradient id="b" x1="50%" x2="50%" y1="15.436%" y2="100%"><stop offset="0%" stop-color="rgb(255,255,255)"/><stop offset="100%" stop-color="rgb(204,204,204)"/></linearGradient><circle id="a" cx="5.5" cy="5.5" r="5.5"/><linearGradient id="d" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="rgb(61,96,117)"/><stop offset="100%" stop-color="rgb(27,45,56)"/></linearGradient><path id="c" d="M5.5 0c1.516 0 2.812.538 3.887 1.613C10.462 2.688 11 3.983 11 5.5c0 1.516-.538 2.812-1.613 3.887C8.312 10.462 7.017 11 5.5 11c-1.516 0-2.812-.538-3.887-1.613C.538 8.312 0 7.017 0 5.5c0-1.516.538-2.812 1.613-3.887C2.688.538 3.983 0 5.5 0zm1.084 10.418c.035 0 .07-.01.106-.026.035-.018.07-.027.106-.027l.634-1.692-.53-1.03v-.028H4.1l-.53 1.032.66 1.718c.018 0 .05.01.093.027.044.017.075.026.093.026.352.088.687.132 1.005.132.37 0 .76-.044 1.164-.132zM3.754.768c-1.004.387-1.797.995-2.38 1.823l.583 1.694.132.053 1.295.608 1.877-1.587V1.825L3.755.767zm5.87 1.823C9.01 1.73 8.215 1.12 7.245.768L5.713 1.825v1.533L7.59 4.945l1.427-.635.608-1.72zM.477 5.95c.07.9.36 1.71.873 2.432l1.85.027.555-1.033-.53-2.036-.025-.025-1.296-.582L.476 5.95zM7.8 8.41l1.85-.028c.513-.723.804-1.533.874-2.432L9.096 4.733l-1.322.608-.53 2.037L7.8 8.41z"/></defs><g fill="none" fill-rule="evenodd"><use fill="rgb(255,255,255)" xlink:href="%23a"/><use fill="url(%23b)" xlink:href="%23a"/><use fill="rgb(36,58,72)" xlink:href="%23c"/><use fill="url(%23d)" xlink:href="%23c"/></g></svg>');
    background-size: contain;
    box-shadow: 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    margin-left: -1.6vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .ball-soccer {
        width: 1.64918vmax;
        height: 1.64918vmax;
        box-shadow: 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
        margin-left: -0.89955vmax;
    }
}
.sum-status {
    position: absolute;
    width: 2.93333vw;
    height: 2.93333vw;
    line-height: 2.93333vw;
    background-image: linear-gradient(-180deg, #ffcc2f 0%, #feb809 71%);
    box-shadow: 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    margin-left: -1.6vw;
}
.game-team .sum-status {
    color: #1e1e1e;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .sum-status {
        width: 1.64918vmax;
        height: 1.64918vmax;
        line-height: 1.64918vmax;
        box-shadow: 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
        margin-left: -0.89955vmax;
    }
}
.team-a {
    top: -1.6vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .team-a {
        top: -0.89955vmax;
    }
}
.team-b {
    top: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .team-b {
        top: 0.5997vmax;
    }
}
.market-type {
    position: relative;
    height: 12.6vw;
    background-color: #e0e6e6;
    padding: 1.86667vw;

    overflow: hidden;
    overflow-x: auto;
}
.market-type ul {
    position: absolute;
    white-space: nowrap;
    padding-right: 0.53333vw;
}
.market-type li {
    margin-right: 1.33333vw;
}
.market-type a {
    color: #fff;
    line-height: 9.06667vw;
    font-weight: bold;
    background: #243a48;
    border: 1px solid #243a48;
    border-radius: 4.8vw;
    padding: 0 2.4vw;


}

.fancy_bet_tab-wrap {
    background-color: #087989;
}

.fancy_bet_tab-wrap {
    font-weight: bold;
}

.special_bets-tab-wrap, .fancy_bet_tab-wrap {
    padding-bottom: 1.33333vw;
}
.special_bets-tab-wrap, .fancy_bet_tab-wrap {
    padding-bottom: 1.33333vw;
}
.market-type .select a {
    color: #1e1e1e;
    background-image: linear-gradient(
-180deg
, rgb(254 184 9) 15%, rgb(254 184 9) 100%);
    border-color: rgba(51, 51, 51, 0.3);
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .market-type {
        height: 5.3973vmax;
        padding: 1.04948vmax;
    }
    .market-type ul {
        padding-right: 0.29985vmax;
    }
    .market-type li {
        margin-right: 0.74963vmax;
    }
    .market-type a {
        line-height: 5.09745vmax;
        border-radius: 2.69865vmax;
        padding: 0 1.34933vmax;
    }
}
.bets-wrap {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 0;
}
.bets-wrap:last-of-type {
    margin-bottom: 2.66667vw;
}
.bets-wrap.multi {
    margin-bottom: 5.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-wrap:last-of-type {
        margin-bottom: 1.49925vmax;
    }
    .bets-wrap.multi {
        margin-bottom: 2.9985vmax;
    }
    .bets-wrap.multi:last-of-type {
        margin-bottom: 2.9985vmax;
    }
}
.no-game {
    padding: 2.66667vw 1.86667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .no-game {
        padding: 1.49925vmax 1.04948vmax;
    }
}
.suspend-full {
    position: absolute;
    right: 0;
    width: 37.33333vw;
    height: calc(100% - 9.33vw);
}
@media (orientation: landscape) {
    .suspend-full {
        width: 107.2vw;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .suspend-full {
        width: 60.26987vmax;
        height: calc(100% - 5.24vmax);
    }
}
.bets-selections dt {
    padding: 1.33333vw 1.86667vw;
}
.bets-selections > dd {
    width: 18.66667vw;
}
.bets-selections h4 {
    width: 100%;
    line-height: 1.2;
}
.bets-selections .suspend {
    position: absolute;
    right: 0;
    width: 37.33333vw;
    height: 100%;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-selections dt {
        padding: 0.74963vmax 1.04948vmax;
    }
    .bets-selections > dd {
        width: 10.04498vmax;
    }
    .bets-selections a {
        padding: 0.89955vmax 0.44978vmax;
    }
    .bets-selections .suspend {
        width: 60.26987vmax;
    }
}
.win,
.to-win {
    color: #508d0e;
}
.lose,
.to-lose {
    color: #d0021b;
}
.to-win:before {
    background-image: url('data:image/svg+xml,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h4v4H0V3zm4 7V0l6 5-6 5z" fill="%23508E0D" fill-rule="evenodd"/></svg>');
}
.to-lose:before {
    background-image: url('data:image/svg+xml,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h4v4H0V3zm4 7V0l6 5-6 5z" fill="%23D0021B" fill-rule="evenodd"/></svg>');
}
.disabled dd a {
    position: relative;
    cursor: not-allowed;
}
.disabled dd a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* background: rgba(51, 51, 51, 0.2) url('../images/bg-disabled.png'); */
    width: 100%;
    height: 100%;
}
.cooldown dd a {
    position: relative;
}
.cooldown dd a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.06667vw;
    opacity: 0;
}
.cooldown .back-1:after {
    background-color: rgba(0, 46, 85, 0.4);
}
.cooldown .back-2:after {
    background-color: rgba(0, 46, 85, 0.4);
}
.cooldown .back-3:after {
    background-color: rgba(0, 46, 85, 0.4);
}
.cooldown .lay-1:after {
    background-color: rgba(89, 10, 21, 0.4);
}
.cooldown .lay-2:after {
    background-color: rgba(89, 10, 21, 0.4);
}
.cooldown .lay-3:after {
    background-color: rgba(89, 10, 21, 0.4);
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .cooldown dd a:after {
        height: 0.5997vmax;
    }
}
.horse-info {
    width: 100%;
    align-items: center;
    margin-bottom: 0.53333vw;
}
.horse-info:last-child {
    margin-bottom: 0;
}
.bets-selections .horse-info > ul {
    display: block;
    line-height: 1.1;
    font-size: 3.2vw;
}
.bets-selections .horse-info > ul li {
    margin: 0;
}
.horse-box {
    width: 6.13333vw;
}
.uniform {
    width: 6.93333vw;
    height: 5.6vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 21"><defs><path id="a" d="M0 0h26v21H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="%23fff"><use xlink:href="%23a"/></mask><use fill="%23FFF" xlink:href="%23a"/><path fill="%23C5D0D7" fill-rule="nonzero" d="M22.16 11.15L25 8.33l-5.36-5.6-2.55-.6-.13-.33c0-.04-.03-.06-.05-.09L15.48.11a.32.32 0 0 0-.31-.1l-.31.07a.32.32 0 0 0-.2.15.3.3 0 0 0-.03.19A9.07 9.07 0 0 1 11.4.36l-.44-.24-1.5 1.62-.06.1-.12.31-2.56.62L1 7.6l2.96 3.13 2.52-1.8-.41 13.75h14.45l-.96-13.21 2.6 1.68zM11.22 3.9l-.25-.07-1.75.4.45-2.3L10.94.62c.06 1.72.84 3.42 2.06 4.14a4.15 4.15 0 0 1-1.78-.85zm4.5.04a.31.31 0 0 0-.2.02l-1.99.82-.18-.12c.58-.66 2.14-1.3 1.58-4.3l.37-.14 1.43 1.7.4 2.32-1.42-.3z" mask="url(%23b)"/></g></svg>')
        no-repeat center;
    margin-right: 1.86667vw;
}
.uniform img {
    width: 6.93333vw;
    height: 5.6vw;
}
.horse-name {
    flex: 1;
    min-width: 0;
}
.horse-name li:first-of-type {
    font-size: 3.73333vw;
    font-weight: bold;
    margin-bottom: 0.53333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .horse-info {
        margin-bottom: 0.29985vmax;
    }
    .bets-selections .horse-info > ul {
        font-size: 1.7991vmax;
    }
    .horse-box {
        width: 3.44828vmax;
    }
    .uniform {
        width: 3.89805vmax;
        height: 3.14843vmax;
        margin-right: 1.04948vmax;
    }
    .uniform img {
        width: 3.89805vmax;
        height: 3.14843vmax;
    }
    .horse-name li:first-of-type {
        font-size: 2.09895vmax;
        margin-bottom: 0.29985vmax;
    }
}
.back-1 {
    background-color: #72bbef;
}
.back-1.select {
    background-color: #1a8ee1;
    color: #fff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.back-1.select a {
    color: #fff;
}
.disable .back-1 {
    background-color: #ddd;
    color: #999;
}
.back-2 {
    background-color: #b7d5eb;
}
.back-2.select {
    background-color: #67a6d5;
    color: #fff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.back-2.select a {
    color: #fff;
}
.disable .back-2 {
    background-color: #ddd;
    color: #999;
}
.back-3 {
    background-color: #d7e8f4;
}
.back-3.select {
    background-color: #87bade;
    color: #fff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.back-3.select a {
    color: #fff;
}
.disable .back-3 {
    background-color: #ddd;
    color: #999;
}
.lay-1 {
    background-color: #faa9ba;
}
.lay-1.select {
    background-color: #f4496d;
    color: #fff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.lay-1.select a {
    color: #fff;
}
.disable .lay-1 {
    background-color: #ddd;
    color: #999;
}
.lay-2 {
    background-color: #efd3d9;
}
.lay-2.select {
    background-color: #d48898;
    color: #fff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.lay-2.select a {
    color: #fff;
}
.disable .lay-2 {
    background-color: #ddd;
    color: #999;
}
.lay-3 {
    background-color: #f6e6ea;
}
.lay-3.select {
    background-color: #db9bab;
    color: #fff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.lay-3.select a {
    color: #fff;
}
.disable .lay-3 {
    background-color: #ddd;
    color: #999;
}
.bets-selections-head {
    min-height: auto;
    line-height: 1.1;
}
.special_bets-tab {
    line-height: 6.93333vw;
    align-items: center;
    padding: 0 1.86667vw;
    white-space: nowrap;
}
.bets-selections-head dt {
    font-size: 2.93333vw;
    padding: 1.86667vw 1.86667vw 0.8vw;
    align-items: center;
}
.bets-selections-head dd {
    width: 18.66667vw;
    font-weight: bold;
    padding: 1.86667vw 1.86667vw 0.8vw;
    justify-content: center;
    align-items: flex-end;
}
.bets-selections-head .a-depth {
    width: 6.66667vw;
    height: 6.66667vw;
   background: url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="12.5" cy="12.5" r="12.5"/></defs><g fill="none" fill-rule="evenodd"><g><use fill="%23FFF" xlink:href="%23a"/><circle stroke="%237E97A7" cx="12.5" cy="12.5" r="12"/></g><path d="M10 12H8v5h2v-5zm3-4h-2v9h2V8zm7 10H7V6H6v13h14v-1zm-4-8h-2v7h2v-7zm3-3h-2v10h2V7z" fill="%237E97A7"/></g></svg>')
        no-repeat;
    background-size: contain;
    padding: 0;
    margin-right: 1.86667vw;
}
.multi .bets-selections-head dt {
    color: #243a48;
    align-items: center;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-selections-head {
        min-height: auto;
    }
    .bets-selections-head dt {
        font-size: 1.64918vmax;
        padding: 1.04948vmax 1.04948vmax 0.44978vmax;
    }
    .bets-selections-head dd {
        width: 10.04498vmax;
        padding: 1.04948vmax 1.04948vmax 0.44978vmax;
    }
    .bets-selections-head .a-depth {
        width: 3.74813vmax;
        height: 3.74813vmax;
        margin-right: 1.04948vmax;
    }
}
.bet_slip-wrap {
    border-bottom: 1px solid #7e97a7;
    padding-top: 2.66667vw;
}
.bet_slip-wrap.back {
    background-color: #dceaf4;
}
.bet_slip-wrap.lay {
    background-color: #f2e5e8;
}
.bet_slip-wrap.book {
    background-color: #d3edd0;
}
.bet_slip-wrap .message-wrap {
    position: relative;
    margin: -2.66667vw 0 3.73333vw;
    border-top-width: 0;
    z-index: auto;
    color: #1e1e1e;
}
.bet_slip-wrap:last-child {
    border-bottom-width: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bet_slip-wrap {
        padding-top: 1.49925vmax;
    }
    .bet_slip-wrap .message-wrap {
        margin: -1.49925vmax 0 2.09895vmax;
    }
}
.btn-list {
    padding: 0 1.86667vw 1.86667vw;
}
.btn-list li {
    flex: 1 1 47.2vw;
    margin-right: 1.86667vw;
    overflow: hidden;
}
.btn-list li:last-of-type {
    margin-right: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-list {
        padding: 0 1.04948vmax 1.04948vmax;
    }
    .btn-list li {
        flex: 1 1 26.53673vmax;
        margin-right: 1.04948vmax;
    }
}
.input-num {
    font-size: 4vw;
    line-height: 10.13333vw;
    font-weight: bold;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 1.6vw;
    cursor: text;
    overflow: hidden;
}
.input-num a {
    width: 12vw;
    height: 10.66667vw;
    background-image: linear-gradient(-180deg, #fff 0%, #eee 89%);
    justify-content: center;
    align-items: center;
}
.input-num a:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}
.input-num span {
    position: relative;
    flex: 1;
    color: #7e97a7;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.input-num .typed {
    color: #1e1e1e;
}
.input-num .typed:before {
    display: none;
}
.input-num .typeing:before {
    display: none;
}
.input-num .typeing:after {
    content: "";
    width: 0.66667vw;
    height: 5.33333vw;
    background-color: #1f72ac;
    animation: typeing 1s infinite;
}
.input-num.error .typed {
    color: #d0021b;
}
.input-num.disable .typed {
    color: #999;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .input-num {
        font-size: 2.24888vmax;
        line-height: 5.69715vmax;
        box-shadow: inset 0 0.29985vmax 0 0 rgba(0, 0, 0, 0.1);
        border-radius: 0.89955vmax;
    }
    .input-num a {
        width: 6.74663vmax;
        height: 5.997vmax;
    }
    .input-num .typeing:after {
        width: 0.37481vmax;
        height: 2.9985vmax;
    }
}
.input-stake span:before {
    content: "Stake";
}
.input-odds span:before {
    content: "Odds";
}
.icon-minus {
    border-radius: 1.6vw 0 0 1.6vw;
    border-right: 1px solid #aaa;
}
.icon-minus:before {
    width: 4.53333vw;
    height: 1.06667vw;
    background-image: url('data:image/svg+xml,<svg width="17" height="4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="b" width="17" height="3" rx="1.5"/><filter x="-2.9%" y="-16.7%" width="105.9%" height="166.7%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" in="shadowOffsetOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><use fill="%231F72AC" xlink:href="%23b"/></g></svg>');
}
.disable .icon-minus {
    background: #fff;
}
.disable .icon-minus:before {
    background-image: url('data:image/svg+xml,<svg width="17" height="4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="b" width="17" height="3" rx="1.5"/><filter x="-2.9%" y="-16.7%" width="105.9%" height="166.7%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" in="shadowOffsetOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><use fill="%23999" xlink:href="%23b"/></g></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .icon-minus {
        border-radius: 0.89955vmax 0 0 0.89955vmax;
    }
    .icon-minus:before {
        width: 2.54873vmax;
        height: 0.5997vmax;
    }
}
.icon-plus {
    border-radius: 0 1.6vw 1.6vw 0;
    border-left: 1px solid #aaa;
}
.icon-plus:before {
    width: 4.53333vw;
    height: 4.8vw;
    background-image: url('data:image/svg+xml,<svg width="17" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M7.16 7.16H1.33a1.34 1.34 0 0 0 0 2.68h5.83v5.83a1.34 1.34 0 0 0 2.68 0V9.84h5.83a1.34 1.34 0 0 0 0-2.68H9.84V1.33a1.34 1.34 0 0 0-2.68 0v5.83z" id="b"/><filter x="-2.9%" y="-2.9%" width="105.9%" height="111.8%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" in="shadowOffsetOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><use fill="%231F72AC" xlink:href="%23b"/></g></svg>');
}
.disable .icon-plus {
    background: #fff;
}
.disable .icon-plus:before {
    background-image: url('data:image/svg+xml,<svg width="17" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M7.16 7.16H1.33a1.34 1.34 0 0 0 0 2.68h5.83v5.83a1.34 1.34 0 0 0 2.68 0V9.84h5.83a1.34 1.34 0 0 0 0-2.68H9.84V1.33a1.34 1.34 0 0 0-2.68 0v5.83z" id="b"/><filter x="-2.9%" y="-2.9%" width="105.9%" height="111.8%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" in="shadowOffsetOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><use fill="%23999" xlink:href="%23b"/></g></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .icon-plus {
        border-radius: 0 0.89955vmax 0.89955vmax 0;
    }
    .icon-plus:before {
        width: 2.54873vmax;
        height: 2.69865vmax;
    }
}
.coin-list {
    margin-bottom: 1.86667vw;
    background-image: linear-gradient(-180deg, #32617f 20%, #1f4258 91%);
}
.coin-list li {
    flex: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.coin-list li:last-child {
    border-right-width: 0;
}
.coin-list a {
    color: #fff;
    line-height: 2.46;
    background-image: linear-gradient(-180deg, #32617f 20%, #1f4258 91%);
}
.coin-list.disable {
    background: #9ab0bb;
}
.coin-list.disable a {
    background: #9ab0bb;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .coin-list {
        margin-bottom: 1.04948vmax;
    }
}
.keyboard-wrap {
    border-top: 1px solid #aaa;
    margin-bottom: 1.86667vw;
}
.keyboard-wrap ul {
    flex: 1;
    flex-wrap: wrap;
}
.keyboard-wrap li {
    flex: 1 1 16.66667%;
}
.keyboard-wrap a {
    font-size: 4vw;
    color: #1e1e1e;
    line-height: 10.4vw;
    background-color: #fff;
    border: 1px solid #aaa;
    border-width: 0 0 1px 1px;
}
.keyboard-wrap .btn-delete {
    flex: 0 1 14.66667vw;
    justify-content: center;
    align-items: center;
}
.keyboard-wrap .btn-delete:before {
    content: "";
    width: 4.8vw;
    height: 3.2vw;
    background: url('data:image/svg+xml,<svg width="18" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M14.52 8.6c.07.06.1.13.1.2 0 .06-.03.13-.1.2l-.74.75c-.05.05-.12.07-.21.07-.1 0-.16-.02-.21-.07l-2.67-2.63-2.67 2.63c-.05.05-.12.07-.22.07-.09 0-.16-.02-.2-.07L6.85 9c-.07-.07-.11-.14-.11-.2 0-.07.04-.14.1-.2L9.54 6 6.82 3.4c-.14-.13-.14-.26 0-.4l.77-.75c.05-.05.12-.07.21-.07.1 0 .17.02.22.07l2.67 2.6 2.67-2.6c.05-.05.12-.07.21-.07.1 0 .16.02.21.07l.77.75c.15.14.15.27 0 .4L11.85 6l2.67 2.6zM17.54.47c.3.3.46.67.46 1.12v8.73c0 .45-.16.85-.47 1.18-.32.33-.7.49-1.15.49H5.91a2.52 2.52 0 0 1-2-.99l-.04-.03L0 6 3.87.95C4.36.32 5.04 0 5.9 0h10.47c.45 0 .83.16 1.16.48zm-.66 9.93V1.52c0-.35-.17-.52-.5-.52H5.91c-.47 0-.85.19-1.13.56L1.41 6l3.37 4.44c.3.37.68.56 1.13.56h10.47c.33 0 .5-.2.5-.59z" fill="%231E1E1E" fill-rule="evenodd"/></svg>')
        no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .keyboard-wrap {
        margin-bottom: 1.04948vmax;
    }
    .keyboard-wrap li {
        flex: 1;
    }
    .side-content .keyboard-wrap li {
        flex: 1 1 16.66667%;
    }
    .keyboard-wrap a {
        font-size: 2.24888vmax;
        line-height: 5.84708vmax;
    }
    .keyboard-wrap .btn-delete {
        flex: 0 1 8.24588vmax;
    }
    .keyboard-wrap .btn-delete:before {
        width: 2.69865vmax;
        height: 1.7991vmax;
    }
}
.info-other,
.info-rotate {
    color: #7e97a7;
    font-size: 3.2vw;
    padding: 0 1.86667vw;
    margin-bottom: 5.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-other,
    .info-rotate {
        font-size: 1.7991vmax;
        padding: 0 1.04948vmax;
        margin-bottom: 2.9985vmax;
    }
}
.info-rotate:before {
    content: "";
    width: 9.33333vw;
    height: 8.53333vw;
    background: url('data:image/svg+xml,<svg width="35" height="32" xmlns="http://www.w3.org/2000/svg"><g fill="%237E97A7" fill-rule="evenodd"><path d="M17 15v-5c0-1.1.9-2 2-2h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2h8zm-7 10h7v-9h-7v9zm8-14v12h9V11h-9z"/><path d="M11.4 6.18a5.36 5.36 0 0 1 4.33-1.58c.8.06 1.57.27 2.3.64l-.61 1.19a4.27 4.27 0 0 0-3.5-.25 4.09 4.09 0 0 0-2.4 2.23c-.21.46-.33.95-.36 1.45l2.8.03-3.42 3.42L7 9.78l2.77.06a5.52 5.52 0 0 1 1.64-3.66z"/></g></svg>')
        no-repeat;
    background-size: contain;
    border: 1px solid #7e97a7;
    border-radius: 1.06667vw;
    margin-right: 1.86667vw;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
@media (orientation: landscape) {
    .info-rotate {
        display: none;
    }
}
.no-data {
    background: #ffffff;
    border: 1px solid #7e97a7;
    border-radius: 1.6vw;
    color: #7e97a7;
    font-size: 4.26667vw;
    margin: 5.33333vw 2.66667vw;
    padding: 2.66667vw 1.86667vw 5.33333vw;
}
.no-data h3 {
    background-image: none;
    font-size: 5.33333vw;
    color: #7e97a7;
    border-bottom: 1px solid #e0e6e6;
    margin-bottom: 1.33333vw;
    padding: 1.86667vw 0;
    align-items: center;
    justify-content: center;
}
.no-data h3:before {
    content: "";
    width: 8.26667vw;
    height: 8.53333vw;
    /* background: url('../images/icon-nodata.svg') no-repeat; */
    background-size: contain;
    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .no-data {
        border-radius: 0.89955vmax;
        font-size: 2.3988vmax;
        margin: 2.9985vmax 1.49925vmax;
        padding: 1.49925vmax 1.04948vmax 2.9985vmax;
    }
    .no-data h3 {
        font-size: 2.9985vmax;
        margin-bottom: 0.74963vmax;
        padding: 1.04948vmax 0;
    }
    .no-data h3:before {
        width: 4.64768vmax;
        height: 4.7976vmax;
        margin-right: 0.74963vmax;
    }
}
.line_market-head {
    line-height: 8vw;
    border-bottom: 1.06667vw solid #e4550f;
    margin-top: 5.33333vw;
}
.line_market-head h4 {
    color: #fff;
    font-size: 3.73333vw;
    z-index: 1;
}
.line_market-head h4:after {
    content: "";
    width: 3.73333vw;
    height: 8vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMax" width="14" height="30"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="81.78%"><stop offset="0%" stop-color="%23EF6C2C"/><stop offset="100%" stop-color="%23E4550F"/></linearGradient></defs><path fill="url(%23a)" fill-rule="evenodd" d="M0 0h96.85a8 8 0 0 1 7.73 5.94L111 30H0V0z" transform="translate(-97)"/></svg>')
        no-repeat;
    background-size: cover;
}
.line_market-head h4 span {
    padding-left: 1.86667vw;
    background-image: linear-gradient(-180deg, #ef6c2c 0%, #e4550f 82%);
}
.line_market-head .btn-rules {
    margin-right: 1.86667vw;
    background-color: #c5d0d7;
    border-radius: 1.6vw 1.6vw 0 0;
    padding: 0 1.86667vw;
    font-weight: bold;
    color: #1f72ac;
    align-items: center;
}
.line_market-head .btn-rules:before {
    content: "";
    width: 2.66667vw;
    height: 2.4vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="9" viewBox="0 0 10 9"><path fill="rgb(31,114,172)" fill-rule="evenodd" d="M2.668.317H10v1.18H2.668V.318zm0 4.78v-1.18H10v1.18H2.668zm0 3.6v-1.18H10v1.18H2.668zM.885 7.2c.247 0 .458.09.634.274.175.182.263.393.263.633s-.09.45-.27.627c-.18.177-.39.266-.628.266s-.445-.09-.62-.266C.087 8.556 0 8.347 0 8.107s.086-.45.257-.633c.17-.183.38-.274.628-.274zm0-7.2c.247 0 .458.09.634.266.175.178.263.392.263.64 0 .25-.088.462-.264.635-.177.174-.388.26-.635.26-.248 0-.457-.086-.628-.26C.087 1.37 0 1.158 0 .908S.086.444.257.267C.427.088.637 0 .885 0zm0 3.6c.247 0 .458.09.634.266.175.178.263.392.263.64 0 .25-.088.462-.264.635-.177.174-.388.26-.635.26-.248 0-.457-.086-.628-.26C.087 4.97 0 4.758 0 4.508s.086-.463.257-.64c.17-.178.38-.267.628-.267z"/></svg>')
        no-repeat;
    background-size: contain;
    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .line_market-head {
        line-height: 4.49775vmax;
        border-bottom-width: 0.44978vmax;
        margin-top: 2.9985vmax;
    }
    .line_market-head h4 {
        font-size: 2.09895vmax;
    }
    .line_market-head h4:after {
        width: 2.09895vmax;
        height: 4.49775vmax;
    }
    .line_market-head h4 span {
        min-width: 14.9925vmax;
        padding-left: 1.04948vmax;
    }
    .line_market-head .btn-rules {
        margin-right: 1.04948vmax;
        border-radius: 0.89955vmax 0.89955vmax 0 0;
        padding: 0 1.04948vmax;
    }
    .line_market-head .btn-rules:before {
        width: 1.49925vmax;
        height: 1.34933vmax;
        margin-right: 0.74963vmax;
    }
}
.line_market-selection {
    position: relative;
}
.line_market-selection h4 {
    width: 100%;
    padding-right: 10.66667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .line_market-selection h4 {
        padding-right: 5.997vmax;
    }
}
.btn-book {
    background: #ffcc51;
    border: 0.26667vw solid #cf9a47;
    border-radius: 1.33333vw;
    font-size: 3.2vw;
}
.line_market-selection .btn-book {
    position: absolute;
    top: 1.6vw;
    right: 1.33333vw;
    width: 10.66667vw;
    font-weight: normal;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-book {
        border-width: 0.14993vmax;
        border-radius: 0.74963vmax;
        font-size: 1.7991vmax;
    }
    .line_market-selection .btn-book {
        top: 0.89955vmax;
        right: 0.74963vmax;
        width: 5.997vmax;
    }
}
.rules-content {
    line-height: 5.86667vw;
    font-size: 3.73333vw;
    padding: 2.13333vw 1.86667vw;
    color: rgba(30, 30, 30, 0.8);
}
.rules-content p {
    margin-bottom: 1.86667vw;
}
.rules-content p:last-of-type {
    margin-bottom: 0;
}
.rules-content ol {
    margin: 0 1.33333vw 1.86667vw 6.66667vw;
}
.rules-content ol li {
    margin-bottom: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .rules-content {
        line-height: 3.29835vmax;
        font-size: 2.09895vmax;
        padding: 1.1994vmax 1.04948vmax;
    }
    .rules-content p {
        margin-bottom: 1.04948vmax;
    }
    .rules-content ol {
        margin: 0 0.74963vmax 1.04948vmax 3.74813vmax;
    }
    .rules-content ol li {
        margin-bottom: 0.5997vmax;
    }
}
.download-list {
    display: flex;
    justify-content: space-between;
    height: 14.66667vw;
    line-height: 14.66667vw;
    border-bottom: 0.26667vw solid #ccc;
}
.download-list dt {
    display: flex;
    flex: 1;
    align-items: center;
    font-weight: bold;
    padding: 0 2.66667vw;
}
.download-list dt:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
}
.download-list dt a {
    display: flex;
    flex: 1;
}
.download-list dd {
    display: flex;
    flex: 0 0 13.33333vw;
}
.download-list dd a {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding: 0 2.66667vw;
}
.download-list dd a:before {
    content: "";
    width: 4.8vw;
    height: 5.86667vw;
    /* background-image: url('../images/icon-download.png'); */
    background-repeat: no-repeat;
    background-size: contain;
}
.download-list .icon-pdf:before {
    width: 6.4vw;
    height: 7.73333vw;
    /* background-image: url('../images/icon-pdf.png'); */
    margin-right: 2.66667vw;
}
.download-list:hover {
    background-color: #f7f7f7;
}
.download-list a:hover {
    text-decoration: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .download-list {
        height: 8.24588vmax;
        line-height: 8.24588vmax;
        border-bottom: 0.14993vmax solid #ccc;
    }
    .download-list dt {
        padding: 0 1.49925vmax;
    }
    .download-list dd {
        flex: 0 0 7.49625vmax;
    }
    .download-list dd a {
        padding: 0 1.49925vmax;
    }
    .download-list dd a:before {
        width: 2.69865vmax;
        height: 3.29835vmax;
    }
    .download-list .icon-pdf:before {
        width: 3.5982vmax;
        height: 4.34783vmax;
        margin-right: 1.49925vmax;
    }
}
.support-wrap {
    background-color: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 8vw;
}
.support-wrap .support-service {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13.33333vw;
   /* border-bottom: 0.26667vw solid rgba(0, 0, 0, 0.2);*/
}
.support-wrap .support-service a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13.33333vw;
}
.support-wrap .support-service a::before,
.support-wrap .support-service a::after {
    content: "";
    position: absolute;
    top: 13.33333vw;
    display: none;
    width: 0;
    height: 0;
  /*  border-style: solid;
    border-width: 1.6vw 1.6vw 0 1.6vw;
    border-color: #f6f6f6 transparent transparent transparent;*/
}
.support-wrap .support-service a::before {
    border-width: 1.86667vw 1.86667vw 0 1.86667vw;
    border-color: #c5c5c5 transparent transparent transparent;
}
.support-wrap .support-service a::after {
    content: '';
    position: absolute;
    top: 100%;
    display: block;
    width: 13.33333vw;
    height: 0.26667vw;
    background-color: rgba(255,255,255,0.3);
}

.support-wrap .support-service a::after {
    content: '';
    position: absolute;
    top: 100%;
    display: block;
    width: 13.33333vw;
    height: 0.26667vw;
    background-color: rgba(255,255,255,0.3);
}

.support-wrap .support-service a::after {
    content: '';
    position: absolute;
    top: 100%;
    display: block;
    width: 13.33333vw;
    height: 0.26667vw;
    background-color: rgba(255,255,255,0.3);
}

.support-wrap .support-service a::after {
    content: '';
    position: absolute;
    top: 100%;
    display: block;
    width: 13.33333vw;
    height: 0.26667vw;
    background-color: rgba(255,255,255,0.3);
}
.support-wrap .support-service a.open::before,
.support-wrap .support-service a.open::after {
    display: block;
    width: 13.33333vw;
}
.support-wrap .support-service img {
    width: 6.66667vw;
    height: 100%;
}
.support-wrap .support-info {
    
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.46667vw 0 2.66667vw;
}
.support-wrap .support-detail {
    display: none;
}
.support-wrap .support-detail.open {
    display: block;
}
.support-wrap .support-detail a {
    display: block;
    line-height: 8vw;
    color: #666;
}/*
.support-wrap .support-detail a span {
    display: block;
    max-width: 90%;
    margin: 0 auto;
    text-decoration: underline;
}*/
@media screen and (min-aspect-ratio: 16/9){
header li.main-wallet .nums {
    top: 0.89955vmax;
    right: 1.04948vmax;
    height: 2.09895vmax;
    font-size: 1.64918vmax;
    line-height: 2.09895vmax;
    border: 0.14993vmax solid rgba(0,0,0,0.3);
    border-radius: 0.44978vmax;
    padding: 0 1.1994vmax;
}
}
@media screen and (min-aspect-ratio: 16/9){
header li {
    margin-right: 1.1994vmax;
}
}
@media screen and (min-aspect-ratio: 16/9){
header li.main-wallet {
    font-size: 1.7991vmax;
    border: 0.14993vmax solid rgba(0,0,0,0.3);
    border-radius: 0.5997vmax;
}
}

@media screen and (min-aspect-ratio: 16/9){
header li.main-wallet .a-wallet {
    border-radius: 0.44978vmax 0 0 0.44978vmax;
    box-shadow: inset 0 0.14993vmax 0 0 rgba(255,255,255,0.5);
}
}

@media screen and (min-aspect-ratio: 16/9){
header li.main-wallet .nums span {
    font-size: 1.49925vmax;
    margin-left: 0.14993vmax;
}
}
@media screen and (min-aspect-ratio: 16/9){
header li.main-wallet .a-wallet ul {
    display: flex;
    justify-content: flex-start;
    height: 4.1979vmax;
    line-height: 1.7991vmax;
    padding: 0 5.997vmax 0 1.04948vmax;
    border-radius: 0.5997vmax 0 0 0;
}
}

@media screen and (min-aspect-ratio: 16/9){
header .li-tv_bet {
    min-width: 16.49175vmax;
    max-width: 20.98951vmax;
    margin-left: -0.14993vmax;
}
}


@media screen and (min-aspect-ratio: 16/9){
header .a-open_tv {
    flex: 0 0 5.997vmax;
    padding: 1.04948vmax 0 0.74963vmax;
    box-shadow: inset 0 0.14993vmax 0 0 rgba(255,255,255,0.4);
}
}

@media screen and (min-aspect-ratio: 16/9){
header a {
    height: 2.9985vmax;
    line-height: 2.9985vmax;
    border-width: 0.14993vmax;
    border-radius: 0.5997vmax;
    padding: 0.89955vmax 1.04948vmax;
    box-shadow: inset 0 0.14993vmax 0 0 rgba(255,255,255,0.5);
}
}

@media screen and (min-aspect-ratio: 16/9){
header li.main-wallet .a-wallet ul {
    display: flex;
    justify-content: flex-start;
    height: 4.1979vmax;
    line-height: 1.7991vmax;
    padding: 0 5.997vmax 0 1.04948vmax;
    border-radius: 0.5997vmax 0 0 0;
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .support-wrap {
        margin-bottom: 4.49775vmax;
    }
    .support-wrap .support-service {
        height: 7.49625vmax;
        border-bottom: 0.14993vmax solid rgba(0, 0, 0, 0.2);
    }
    .support-wrap .support-service a {
        width: 7.49625vmax;
    }
    .support-wrap .support-service a::before,
    .support-wrap .support-service a::after {
        top: 7.49625vmax;
        width: 7.5333vw;
        border-width: 0.89955vmax 0.89955vmax 0 0.89955vmax;
    }
    .support-wrap .support-service a::before {
        border-width: 1.04948vmax 1.04948vmax 0 1.04948vmax;
    }
    .support-wrap .support-service img {
        width: 3.74813vmax;
    }
    .support-wrap .support-info {
        padding: 1.94903vmax 0 1.49925vmax;
    }
    .bet_slip-wrap.back {
        background-color: #DCEAF4;
    }
    .bet_slip-wrap.lay {
        background-color: #F2E5E8;
    }
    .support-wrap .support-detail a {
        display: inline-block;
        max-width: 95%;
        line-height: 4.49775vmax;
    }
    .support-wrap .support-detail a span {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }
    .support-wrap .support-detail a:nth-child(2n) span:before,
    .support-wrap .support-detail a:nth-child(2n) span:after {
        display: inline-block;
        content: "|";
        margin: 0 1.1994vmax 0 1.1994vmax;
        color: #bbb;
        text-decoration: none;
        vertical-align: middle;
    }
    .support-wrap .support-detail a:last-child span:after {
        display: none;
    }
}
[class^="support-"] img {
    background-size: contain;
    background-repeat: no-repeat;
}
.support-fb img,
.support-ig img {
    width: 5.86667vw !important;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .support-fb img,
    .support-ig img {
        width: 3.29835vmax !important;
    }
}
.support-mail img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(166,166,166)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>');
}

.support-whatsapp img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>');
}
.support-whatsapp.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>');
}
.support-telegram img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>');
}
.support-telegram.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>');
}
.support-skype img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>');
}
.support-skype.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>');
}
.support-fb img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>');
}
.support-fb.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>');
}
.support-ig img {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>');
}
.support-ig.open img {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>');
}
.policy-link {
    width: 100vw;
    margin: 3.2vw auto 8vw;
    padding: 0 1.86667vw;
    text-align: center;
    color: #bbb;
}
.policy-link a {
    color: #666;
    text-decoration: underline;
}
.policy-link li:before {
    margin: 0 0.4vw;
    content: "|";
}
.policy-link li:first-child:before {
    display: none;
}



@media screen and (min-aspect-ratio: 16 / 9) {
    .policy-link {
        margin: 1.7991vmax auto 1.7991vmax;
        padding: 0 1.04948vmax;
    }
    .policy-link li:nth-child(even):before {
        margin: 0 0.89955vmax;
    }
}
.RnR-link a {
    color: #666;
    text-decoration: underline;
}
.declared {
    background-color: #aed5f5;
    font-size: 3.46667vw;
    line-height: 1.3;
    padding: 2.66667vw;
    margin-bottom: 2.66667vw;
    border-radius: 2.13333vw;
}
.declared p:last-of-type {
    margin-bottom: 0;
}
.login-policy .declared p {
    margin-top: 0;
}
.tc-wrap .declared p {
    margin-bottom: 2.66667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .declared {
        font-size: 1.94903vmax;
        padding: 1.49925vmax;
        margin-bottom: 1.49925vmax;
        border-radius: 1.1994vmax;
    }
    .tc-wrap .declared p {
        margin-bottom: 1.49925vmax;
    }
}
.extra-wrap {
    justify-content: center;
}
.extra-wrap div {
    margin-right: 2.66667vw;
}
.extra-wrap div:last-of-type {
    margin-right: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .extra-wrap div {
        margin-right: 1.49925vmax;
    }
}
.power-wrap-b {
    display: none;
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.5);
}
.appdl-link-android,
.appdl-link-ios {
    display: none;
    margin-bottom: 8vw;
    color: #666;
    font-size: 2.66667vw;
    text-align: center;
}
.appdl-link-android img,
.appdl-link-ios img {
    width: 41.33333vw;
    height: auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .appdl-link-android,
    .appdl-link-ios {
        margin-bottom: 0;
        font-size: 1.49925vmax;
    }
    .appdl-link-android img,
    .appdl-link-ios img {
        width: 23.23838vmax;
    }
}
.appdl-link-ios img {
    width: 32vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .appdl-link-ios img {
        width: 17.991vmax;
    }
}
.bet-limit {
    position: absolute;
    z-index: 1;
    width: 10.4vw;
    height: 9.33333vw;
    background: #e0e6e6;
}
.bet-limit:before {
    content: "";
    width: 6.66667vw;
    height: 6.66667vw;
    background: url('data:image/svg+xml,<svg height="25" viewBox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform=""><circle cx="12.5" cy="12.5" fill="%237e97a7" fill-rule="evenodd" r="12.5"/><circle cx="12.5" cy="12.5" r="12" stroke="%237e97a7"/><path d="m8 14h6v2h-6v3l-4-4 4-4zm9 0v-3h-6v-2h6v-3l4 4z" fill="%23e0e6e6" fill-rule="nonzero" transform="matrix(0 1 -1 0 25 0)"/></g></svg>')
        no-repeat;
    background-size: contain;
    margin: 2.13333vw 1.86667vw 0.53333vw 1.86667vw;
}
.bet-limit:after {
    position: absolute;
    left: 10.4vw;
    content: "";
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 9.33333vw solid transparent;
    border-left: 1.86667vw solid #e0e6e6;
}
.bet-limit + .bets-selections-head {
    padding-left: 12.26667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bet-limit {
        width: 5.84708vmax;
        height: 5.24738vmax;
    }
    .bet-limit:before {
        width: 3.74813vmax;
        height: 3.74813vmax;
        margin: 1.1994vmax 1.04948vmax 0.29985vmax 1.04948vmax;
    }
    .bet-limit:after {
        left: 5.84708vmax;
        border-bottom: 5.24738vmax solid transparent;
        border-left: 1.04948vmax solid #e0e6e6;
    }
    .bet-limit + .bets-selections-head {
        padding-left: 6.89655vmax;
    }
}
.limit_info-popup {
    right: auto !important;
}
.limit_info-popup dl {
    padding: 0 1.86667vw 1.86667vw;
}
.limit_info-popup dl:first-of-type {
    border-left: 0.26667vw solid #e0e6e6;
}
.limit_info-popup dl:last-of-type {
    border-right: none;
}
.limit_info-popup .close {
    line-height: 8vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .limit_info-popup dl {
        padding: 0 1.04948vmax 1.04948vmax;
    }
    .limit_info-popup dl:first-of-type {
        border-left: 0.14993vmax solid #e0e6e6;
    }
    .limit_info-popup .close {
        line-height: 4.49775vmax;
    }
}
.limit_info-popup:not(:target) {
    display: none;
}
.limit_info-popup:target {
    display: flex;
}
.saddle_1 {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1:before {
    content: "1";
}
.saddle_1A {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1A:before {
    content: "1A";
}
.saddle_1B {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1B:before {
    content: "1B";
}
.saddle_1C {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1C:before {
    content: "1C";
}
.saddle_1D {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1D:before {
    content: "1D";
}
.saddle_1X {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1X:before {
    content: "1X";
}
.saddle_1Y {
    background-color: #bc0000;
    color: #fff;
}
.saddle_1Y:before {
    content: "1Y";
}
.saddle_2 {
    content: "2";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000;
}
.saddle_2:before {
    content: "2";
}
.saddle_2B {
    content: "2B";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000;
}
.saddle_2B:before {
    content: "2B";
}
.saddle_2C {
    content: "2C";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000;
}
.saddle_2C:before {
    content: "2C";
}
.saddle_2X {
    content: "2X";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000;
}
.saddle_2X:before {
    content: "2X";
}
.saddle_3 {
    background-color: #243b84;
    color: #fff;
}
.saddle_3:before {
    content: "3";
}
.saddle_3C {
    background-color: #243b84;
    color: #fff;
}
.saddle_3C:before {
    content: "3C";
}
.saddle_3D {
    background-color: #243b84;
    color: #fff;
}
.saddle_3D:before {
    content: "3D";
}
.saddle_3E {
    background-color: #243b84;
    color: #fff;
}
.saddle_3E:before {
    content: "3E";
}
.saddle_3X {
    background-color: #243b84;
    color: #fff;
}
.saddle_3X:before {
    content: "3X";
}
.saddle_4 {
    background-color: #c1a800;
    color: #000;
}
.saddle_4:before {
    content: "4";
}
.saddle_4D {
    background-color: #c1a800;
    color: #000;
}
.saddle_4D:before {
    content: "4D";
}
.saddle_4X {
    background-color: #c1a800;
    color: #000;
}
.saddle_4X:before {
    content: "4X";
}
.saddle_5 {
    background-color: #1c5b1b;
    color: #fff;
}
.saddle_5:before {
    content: "5";
}
.saddle_6 {
    background-color: #252525;
    color: #fff;
}
.saddle_6:before {
    content: "6";
}
.saddle_7 {
    background-color: #b63d13;
    color: #000;
}
.saddle_7:before {
    content: "7";
}
.saddle_8 {
    background-color: #b27692;
    color: #000;
}
.saddle_8:before {
    content: "8";
}
.saddle_9 {
    background-color: #14a19c;
    color: #000;
}
.saddle_9:before {
    content: "9";
}
.saddle_10 {
    background-color: #610f9a;
    color: #fff;
}
.saddle_10:before {
    content: "10";
}
.saddle_11 {
    background-color: #6b6b6b;
    color: #fff;
}
.saddle_11:before {
    content: "11";
}
.saddle_11F {
    background-color: #6b6b6b;
    color: #fff;
}
.saddle_11F:before {
    content: "11F";
}
.saddle_12 {
    background-color: #2e9a3b;
    color: #fff;
}
.saddle_12:before {
    content: "12";
}
.saddle_12F {
    background-color: #2e9a3b;
    color: #fff;
}
.saddle_12F:before {
    content: "12F";
}
.saddle_13 {
    background-color: #413733;
    color: #fff;
}
.saddle_13:before {
    content: "13";
}
.saddle_13F {
    background-color: #413733;
    color: #fff;
}
.saddle_13F:before {
    content: "13F";
}
.saddle_14 {
    background-color: #790031;
    color: #fff;
}
.saddle_14:before {
    content: "14";
}
.saddle_14F {
    background-color: #790031;
    color: #fff;
}
.saddle_14F:before {
    content: "14F";
}
.saddle_15 {
    background-color: #715933;
    color: #fff;
}
.saddle_15:before {
    content: "15";
}
.saddle_15F {
    background-color: #715933;
    color: #fff;
}
.saddle_15F:before {
    content: "15F";
}
.saddle_16 {
    background-color: #3b5d8f;
    color: #fff;
}
.saddle_16:before {
    content: "16";
}
.saddle_16F {
    background-color: #3b5d8f;
    color: #fff;
}
.saddle_16F:before {
    content: "16F";
}
.saddle_17 {
    background-color: #191986;
    color: #fff;
}
.saddle_17:before {
    content: "17";
}
.saddle_17F {
    background-color: #191986;
    color: #fff;
}
.saddle_17F:before {
    content: "17F";
}
.saddle_18 {
    background-color: #0d4507;
    color: #fff;
}
.saddle_18:before {
    content: "18";
}
.saddle_18F {
    background-color: #0d4507;
    color: #fff;
}
.saddle_18F:before {
    content: "18F";
}
.saddle_19 {
    background-color: #283f62;
    color: #fff;
}
.saddle_19:before {
    content: "19";
}
.saddle_19F {
    background-color: #283f62;
    color: #fff;
}
.saddle_19F:before {
    content: "19F";
}
.saddle_20 {
    background-color: #45001b;
    color: #fff;
}
.saddle_20:before {
    content: "20";
}
.saddle_20F {
    background-color: #45001b;
    color: #fff;
}
.saddle_20F:before {
    content: "20F";
}
.saddle_21 {
    background-color: #45001b;
    color: #fff;
}
.saddle_21:before {
    content: "21";
}
.saddle_21F {
    background-color: #45001b;
    color: #fff;
}
.saddle_21F:before {
    content: "21F";
}
.saddle_22 {
    background-color: #45001b;
    color: #fff;
}
.saddle_22:before {
    content: "22";
}
.saddle_22F {
    background-color: #45001b;
    color: #fff;
}
.saddle_22F:before {
    content: "22F";
}
.saddle_23 {
    background-color: #45001b;
    color: #fff;
}
.saddle_23:before {
    content: "23";
}
.saddle_23F {
    background-color: #45001b;
    color: #fff;
}
.saddle_23F:before {
    content: "23F";
}
.saddle_24 {
    background-color: #45001b;
    color: #fff;
}
.saddle_24:before {
    content: "24";
}
.saddle_24F {
    background-color: #45001b;
    color: #fff;
}
.saddle_24F:before {
    content: "24F";
}
.saddle_25 {
    background-color: #45001b;
    color: #fff;
}
.saddle_25:before {
    content: "25";
}
.saddle_25F {
    background-color: #45001b;
    color: #fff;
}
.saddle_25F:before {
    content: "25F";
}
.saddle_26 {
    background-color: #45001b;
    color: #fff;
}
.saddle_26:before {
    content: "26";
}
.saddle_26F {
    background-color: #45001b;
    color: #fff;
}
.saddle_26F:before {
    content: "26F";
}
.saddle_27 {
    background-color: #45001b;
    color: #fff;
}
.saddle_27:before {
    content: "27";
}
.saddle_27F {
    background-color: #45001b;
    color: #fff;
}
.saddle_27F:before {
    content: "27F";
}
.saddle_28 {
    background-color: #45001b;
    color: #fff;
}
.saddle_28:before {
    content: "28";
}
.saddle_28F {
    background-color: #45001b;
    color: #fff;
}
.saddle_28F:before {
    content: "28F";
}
.saddle_29 {
    background-color: #45001b;
    color: #fff;
}
.saddle_29:before {
    content: "29";
}
.saddle_29F {
    background-color: #45001b;
    color: #fff;
}
.saddle_29F:before {
    content: "29F";
}
.saddle_30 {
    background-color: #45001b;
    color: #fff;
}
.saddle_30:before {
    content: "30";
}
.saddle_30F {
    background-color: #45001b;
    color: #fff;
}
.saddle_30F:before {
    content: "30F";
}
.fancy_bet-head {
    border-bottom-color: #087989;
}
.fancy_bet-head h4 span {
    padding-right: 1.86667vw;
    background-image: linear-gradient(-180deg, #0a92a5 0%, #087989 82%);
}
.betexchange247 .policy-link, .skyinplay .policy-link, .betexchange247 .policy-link, .probetx .policy-link, .cftbet365 .policy-link, .crickzoom .policy-link, .crickzoomlive .policy-link, .probet247 .policy-link, .goexchange .policy-link, .wickets247 .policy-link, .iceEX .policy-link, .sportsexchlive .policy-link {
    color: rgba(0,0,0,0.5);
}
.policy-link {
    width: 100vw;
    margin: 4.26667vw auto 5.86667vw;
    padding: 0 1.86667vw;
    text-align: center;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy_bet-head h4 {
        margin-right: 1.49925vmax;
    }
    .fancy_bet-head h4 span {
        padding-right: 1.49925vmax;
    }
    .fancy_bet-head .in-play pre {
        width: 2.69865vmax;
        height: 2.69865vmax;
        border-radius: 0.5997vmax;
        margin-right: 1.1994vmax;
    }
    .fancy_bet-head .in-play pre:before {
        width: 1.7991vmax;
        height: 1.7991vmax;
    }
}
.fancy_bet-head .pin-on,
.fancy_bet-head .pin-off {
    position: relative;
    width: 10.66667vw;
    height: 8vw;
    margin-right: 0;
    background: url('data:image/svg+xml,<svg viewBox="0 0 40 30" preserveAspectRatio="xMinYMax" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h32l8 30H0z" fill="%23182832"/></svg>'), linear-gradient(-180deg, #0a92a5 0%, #087989 82%);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    background-size: cover, cover;
}
.fancy_bet-head .pin-on:before,
.fancy_bet-head .pin-off:before {
    position: absolute;
    left: 1.6vw;
    top: 1.06667vw;
    display: block;
    width: 5.86667vw;
    height: 5.86667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(107,189,17)"/><path fill="rgb(255,255,255)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>')
        no-repeat;
    background-size: cover;
    content: "";
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy_bet-head .pin-on,
    .fancy_bet-head .pin-off {
        width: 5.997vmax;
        height: 4.49775vmax;
    }
    .fancy_bet-head .pin-on:before,
    .fancy_bet-head .pin-off:before {
        left: 0.89955vmax;
        top: 0.5997vmax;
        width: 3.29835vmax;
        height: 3.29835vmax;
    }
}
.fancy_bet-head .pin-off:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g fill="none" fill-rule="evenodd"><circle cx="12.5" cy="12.5" r="12.5" fill="rgb(59, 81, 96)"/><path fill="rgb(197,208,215)" d="M17.59 11.922c1.606.516 2.443 1.107 2.443 2.166 0 .373-.066.616-.2.73-.134.115-.402.173-.804.173h-5.425l-.823 8.016h-.536l-.784-8.015H6.038c-.402 0-.67-.064-.804-.193-.134-.13-.2-.365-.2-.71 0-1.058.77-1.65 2.377-2.165.09 0 .18-.03.27-.086.49-.172.802-.444.936-.816L9.82 5.95v-.216c0-.23-.222-.415-.668-.558l-.067-.043h-.067c-.536-.143-.804-.387-.804-.73 0-.402.09-.652.268-.753.18-.1.49-.15.938-.15h6.16c.447 0 .76.05.938.15.178.1.268.35.268.752 0 .344-.268.588-.804.73h-.067l-.067.044c-.446.143-.67.33-.67.558v.215l1.206 5.07c.134.372.446.644.937.816.09.057.18.086.27.086z"/></g></svg>')
        no-repeat center;
    background-size: cover;
}
.btn-head_rules {
    width: 10.93333vw;
    height: 100%;
    background-size: 101% 101%;
    /* background-repeat: no-repeat; */
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
}
.btn-head_rules:before {
    content: "";
    width: 4vw;
    height: 4vw;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M6.35 10.9h1.3V9.6h-1.3v1.3zM7 .5A6.502 6.502 0 00.5 7c0 3.588 2.912 6.5 6.5 6.5s6.5-2.912 6.5-6.5S10.588.5 7 .5zm0 11.7A5.207 5.207 0 011.8 7c0-2.867 2.333-5.2 5.2-5.2s5.2 2.333 5.2 5.2-2.333 5.2-5.2 5.2zm0-9.1a2.6 2.6 0 00-2.6 2.6h1.3c0-.715.585-1.3 1.3-1.3.715 0 1.3.585 1.3 1.3 0 1.3-1.95 1.138-1.95 3.25h1.3c0-1.462 1.95-1.625 1.95-3.25A2.6 2.6 0 007 3.1z" fill="%23FFF" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}
 .fancy_bet-head .btn-head_rules {
    background-image: url(./MobileImage/bg-fanctbet_rules.svg);
}
/*
.sportsbook_bet-head .btn-head_rules {
    background-image: url('../images/bg-sportsbook_rules.svg');
} */
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-head_rules {
        width: 6.14693vmax;
    }
    .btn-head_rules:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
}
.other-tab {
    position: relative;
    height: 8vw;
    line-height: 8vw;
    color: #c5d0d7;
    font-size: 3.73333vw;
    font-weight: bold;
    background-color: #243a48;
    padding: 0 0.8vw;
}
.other-tab:before,
.other-tab:after {
    content: "";
    position: absolute;
    top: 0;
    left: -4.53333vw;
    width: 4.53333vw;
    height: 8vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 31"><path fill="%23243A48" fill-rule="evenodd" d="M42 0h66.637a8 8 0 0 1 7.595 5.488L125 32H0L8.768 5.488A8 8 0 0 1 16.363 0H42z"/></svg>');
    background-repeat: no-repeat;
    background-size: 101% 101%;
}
.other-tab:after {
    left: inherit;
    right: -4.53333vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 31"><path fill="%23243A48" fill-rule="evenodd" d="M-66 0H.637a8 8 0 0 1 7.595 5.488L17 32h-125l8.768-26.512A8 8 0 0 1-91.637 0H-66z"/></svg>');
}
.other-tab .tag-new {
    top: -1.6vw;
    right: -4vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .other-tab {
        height: 4.49775vmax;
        line-height: 4.49775vmax;
        font-size: 2.09895vmax;
        padding: 0 0.44978vmax;
    }
    .other-tab:before,
    .other-tab:after {
        left: -2.54873vmax;
        width: 2.54873vmax;
        height: 4.49775vmax;
    }
    .other-tab:after {
        left: inherit;
        right: -2.54873vmax;
    }
    .other-tab .tag-new {
        top: -0.89955vmax;
        right: -2.24888vmax;
    }
}
.fancy-bet .bets-selections-head {
    line-height: 5.86667vw;
    border-bottom-width: 0;
    color: #1e1e1e;
}
.fancy-bet .bets-selections-head dt {
    padding: 0 1.86667vw;
}
.fancy-bet .bets-selections-head dd {
    padding: 0;
}
.fancy-bet .bets-selections dt {
    padding: 0 1.86667vw;
}
.fancy-bet .bets-selections dt ul {
    width: 100%;
    font-size: 2.93333vw;
}
.fancy-bet .bets-selections dt li {
    margin-right: 0;
}
.fancy-bet .bets-selections dt li:before {
    content: "";
    width: 1.06667vw;
    height: 1.06667vw;
    background-color: #7e97a7;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 1.33333vw;
}
.fancy-bet .bets-selections dl.tips {
    width: 100%;
    font-size: 2.93333vw;
    list-style-type: none;
    font-weight: normal;
}
.fancy-bet .bets-selections dl.tips dt {
    padding-left: 0;
}
.fancy-bet .bets-selections dl.tips dd {
    color: #1e1e1e;
}
.fancy-bet .bets-selections dl.tips .win,
.fancy-bet .bets-selections dl.tips .to-win {
    padding-right: 1.33333vw;
}
.multi .fancy-bet:last-of-type {
    margin-bottom: 5.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy-bet .bets-selections-head {
        line-height: 3.29835vmax;
    }
    .fancy-bet .bets-selections-head dt {
        padding: 0 1.04948vmax;
    }
    .fancy-bet .bets-selections dt {
        padding: 0 1.04948vmax;
    }
    .fancy-bet .bets-selections dt ul {
        font-size: 1.64918vmax;
    }
    .fancy-bet .bets-selections dt li:before {
        width: 0.5997vmax;
        height: 0.5997vmax;
        margin: 0 0.74963vmax;
    }
    .fancy-bet .bets-selections dl.tips {
        width: 100%;
        font-size: 1.64918vmax;
    }
    .fancy-bet .bets-selections dl.tips .win,
    .fancy-bet .bets-selections dl.tips .to-win {
        padding-right: 0.74963vmax;
    }
    .multi .fancy-bet:last-of-type {
        margin-bottom: 2.9985vmax;
    }
}
.fancy-wrap.multi {
    margin-bottom: 5.33333vw;
}
.fancy-wrap .bet_slip-wrap:last-child {
    border-bottom-width: 1px;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy-wrap.multi {
        margin-bottom: 2.9985vmax;
    }
    .fancy-wrap.multi:last-of-type {
        margin-bottom: 2.9985vmax;
    }
}
.btn-fancy_info {
    height: 6.4vw;
    padding: 0 1.6vw;
    margin-right: 1.86667vw;
    background-color: #bed5d8;
    color: #243a48;
    font-size: 3.46667vw;
    line-height: 6.4vw;
    border-radius: 1.06667vw;
}
.btn-fancy_info:before {
    content: "";
    width: 3.46667vw;
    height: 3.46667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path fill="%23243A48" fill-rule="evenodd" d="M6.5 13a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13zm0-1a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm-.667-3.714v-.638c0-.188.021-.356.064-.505.046-.143.138-.286.274-.429l1.169-1.21c.217-.228.325-.442.325-.642a.767.767 0 0 0-.357-.643 1.398 1.398 0 0 0-.766-.224c-.341 0-.62.078-.837.234-.247.161-.37.438-.37.828H4v-.195c.009-.54.258-.983.747-1.329.481-.349 1.056-.527 1.724-.533.681.006 1.267.171 1.756.495.507.34.764.799.773 1.376-.009.41-.149.751-.421 1.024L7.39 7.115a.82.82 0 0 0-.224.614v.557H5.833zm0 1.714v-.995h1.334V10H5.833z"/></svg>')
        no-repeat;
    background-size: contain;
    margin: 1.33333vw 0.8vw 0 0;
}
.fancy-bet .btn-fancy_info,
.sports-book .btn-fancy_info {
    flex-basis: 8vw;
}
.fancy-bet .btn-fancy_info:before,
.sports-book .btn-fancy_info:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="%23ffffff" fill-rule="evenodd" d="M6.76 5.246V3.732h1.48v1.514H6.76zm.74 8.276a5.86 5.86 0 0 0 3.029-.83 5.839 5.839 0 0 0 2.163-2.163 5.86 5.86 0 0 0 .83-3.029 5.86 5.86 0 0 0-.83-3.029 5.839 5.839 0 0 0-2.163-2.163 5.86 5.86 0 0 0-3.029-.83 5.86 5.86 0 0 0-3.029.83A5.839 5.839 0 0 0 2.308 4.47a5.86 5.86 0 0 0-.83 3.029 5.86 5.86 0 0 0 .83 3.029 5.839 5.839 0 0 0 2.163 2.163 5.86 5.86 0 0 0 3.029.83zM7.5 0c1.37 0 2.638.343 3.804 1.028a7.108 7.108 0 0 1 2.668 2.668A7.376 7.376 0 0 1 15 7.5c0 1.37-.343 2.638-1.028 3.804a7.108 7.108 0 0 1-2.668 2.668A7.376 7.376 0 0 1 7.5 15a7.376 7.376 0 0 1-3.804-1.028 7.243 7.243 0 0 1-2.668-2.686A7.343 7.343 0 0 1 0 7.5c0-1.358.343-2.62 1.028-3.786a7.381 7.381 0 0 1 2.686-2.686A7.343 7.343 0 0 1 7.5 0zm-.74 11.268V6.761h1.48v4.507H6.76z"/></svg>')
        no-repeat;
    background-size: contain;
}
.fancy-bet h5 .btn-fancy_info:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="%233B5160" fill-rule="evenodd" d="M6.76 5.246V3.732h1.48v1.514H6.76zm.74 8.276a5.86 5.86 0 0 0 3.029-.83 5.839 5.839 0 0 0 2.163-2.163 5.86 5.86 0 0 0 .83-3.029 5.86 5.86 0 0 0-.83-3.029 5.839 5.839 0 0 0-2.163-2.163 5.86 5.86 0 0 0-3.029-.83 5.86 5.86 0 0 0-3.029.83A5.839 5.839 0 0 0 2.308 4.47a5.86 5.86 0 0 0-.83 3.029 5.86 5.86 0 0 0 .83 3.029 5.839 5.839 0 0 0 2.163 2.163 5.86 5.86 0 0 0 3.029.83zM7.5 0c1.37 0 2.638.343 3.804 1.028a7.108 7.108 0 0 1 2.668 2.668A7.376 7.376 0 0 1 15 7.5c0 1.37-.343 2.638-1.028 3.804a7.108 7.108 0 0 1-2.668 2.668A7.376 7.376 0 0 1 7.5 15a7.376 7.376 0 0 1-3.804-1.028 7.243 7.243 0 0 1-2.668-2.686A7.343 7.343 0 0 1 0 7.5c0-1.358.343-2.62 1.028-3.786a7.381 7.381 0 0 1 2.686-2.686A7.343 7.343 0 0 1 7.5 0zm-.74 11.268V6.761h1.48v4.507H6.76z"/></svg>')
        no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-fancy_info {
        height: 3.5982vmax;
        padding: 0 0.89955vmax;
        margin-right: 1.04948vmax;
        font-size: 1.94903vmax;
        line-height: 3.5982vmax;
        border-radius: 0.5997vmax;
    }
    .btn-fancy_info:before {
        width: 1.94903vmax;
        height: 1.94903vmax;
        margin: 0.74963vmax 0.74963vmax 0 0;
    }
    .fancy-bet .btn-fancy_info {
        flex-basis: 4.49775vmax;
    }
}
.support-wrap .support-service::before, .support-wrap .support-service::after {
    content: "";
    display: block;
    flex: 1;
    align-self: flex-end;
    height: 0.26667vw;
    background-color: rgba(255,255,255,0.3);
    margin-bottom: -0.26667vw;
}

.support-wrap .support-service a.open::after {
    content: '';
    position: absolute;
    top: 100%;
    height: 7.2vw;
    /* background-image: url('../images/support_arrow.png'); */
    background-repeat: no-repeat;
    background-size: contain;
    background-color: initial;
}

.fancy_info-popup,
.limit_info-popup {
    
    position: absolute;
    top: 0;
    right: 1.86667vw;
    background-color: #fff;
    border-radius: 1.06667vw;
    align-items: flex-start;
    z-index: 9;
}
.fancy_info-popup dl,
.limit_info-popup dl {
    padding: 0 1.86667vw 1.86667vw;
}
.fancy_info-popup dl:last-of-type,
.limit_info-popup dl:last-of-type {
    border-right: 0.26667vw solid #e0e6e6;
}
.fancy_info-popup dt,
.limit_info-popup dt {
    height: 3.2vw;
    color: #577c94;
    font-size: 2.66667vw;
    line-height: 3.2vw;
    padding: 0.8vw 0 1.06667vw;
}
.fancy_info-popup dd,
.limit_info-popup dd {
    line-height: 3.73333vw;
    padding-bottom: 1.33333vw;
}
.fancy_info-popup dd:last-of-type,
.limit_info-popup dd:last-of-type {
    padding-bottom: 0;
}
.fancy_info-popup .close,
.limit_info-popup .close {
    width: 6.66667vw;
    height: 6.66667vw;
}
.mode-land .fancy_info-popup,
.mode-land .limit_info-popup {
    align-items: center;
}
.mode-land .fancy_info-popup dt,
.mode-land .limit_info-popup dt {
    height: 5.06667vw;
    font-weight: normal;
    line-height: 5.06667vw;
}
.mode-land .fancy_info-popup dd,
.mode-land .limit_info-popup dd {
    line-height: 4vw;
}
.fancy-bet .fancy_info-popup,
.fancy-bet .limit_info-popup {
    color: #1e1e1e;
    font-weight: normal;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy_info-popup,
    .limit_info-popup {
        right: 1.04948vmax;
        border-radius: 0.5997vmax;
    }
    .fancy_info-popup dl,
    .limit_info-popup dl {
        padding: 0 1.04948vmax 1.04948vmax;
    }
    .fancy_info-popup dl:last-of-type,
    .limit_info-popup dl:last-of-type {
        border-right-width: 0.14993vmax;
    }
    .fancy_info-popup dt,
    .limit_info-popup dt {
        height: 1.7991vmax;
        font-size: 1.49925vmax;
        line-height: 1.7991vmax;
        padding: 0.44978vmax 0 0.5997vmax;
    }
    .fancy_info-popup dd,
    .limit_info-popup dd {
        line-height: 2.09895vmax;
        padding-bottom: 0.74963vmax;
    }
    .fancy_info-popup .close,
    .limit_info-popup .close {
        width: 3.74813vmax;
        height: 3.74813vmax;
    }
    .mode-land .fancy_info-popup,
    .mode-land .limit_info-popup {
        display: flex;
        position: relative;
        width: 100%;
        right: 0;
        box-shadow: none;
        border-radius: 0;
    }
    .mode-land .fancy_info-popup dl,
    .mode-land .limit_info-popup dl {
        padding: 0 0 0 0.44978vmax;
    }
    .mode-land .fancy_info-popup dl:last-of-type,
    .mode-land .limit_info-popup dl:last-of-type {
        border-right-width: 0;
    }
    .mode-land .fancy_info-popup dt,
    .mode-land .limit_info-popup dt {
        height: 2.24888vmax;
        line-height: 2.24888vmax;
    }
    .mode-land .fancy_info-popup dd,
    .mode-land .limit_info-popup dd {
        line-height: 2.24888vmax;
        font-size: 1.64918vmax;
    }
    .mode-land .fancy_info-popup .close,
    .mode-land .limit_info-popup .close {
        display: none;
    }
}
.btn-minmax_bet {
    position: absolute;
    top: 0;
    right: 0;
    width: 8vw;
    height: 8.53333vw;
}
.btn-minmax_bet:before {
    width: 4.26667vw;
    height: 4.26667vw;
    background: url('data:image/svg+xml,<svg width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M6.35 10.9h1.3V9.6h-1.3v1.3zM7 .5A6.502 6.502 0 00.5 7c0 3.588 2.912 6.5 6.5 6.5s6.5-2.912 6.5-6.5S10.588.5 7 .5zm0 11.7A5.207 5.207 0 011.8 7c0-2.867 2.333-5.2 5.2-5.2s5.2 2.333 5.2 5.2-2.333 5.2-5.2 5.2zm0-9.1a2.6 2.6 0 00-2.6 2.6h1.3c0-.715.585-1.3 1.3-1.3.715 0 1.3.585 1.3 1.3 0 1.3-1.95 1.138-1.95 3.25h1.3c0-1.462 1.95-1.625 1.95-3.25A2.6 2.6 0 007 3.1z" fill="%23FFF" fill-rule="evenodd"/></svg>')
        center no-repeat;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-minmax_bet {
        width: 4.49775vmax;
        height: 4.7976vmax;
    }
    .btn-minmax_bet:before {
        width: 2.3988vmax;
        height: 2.3988vmax;
    }
}
.suspend-fancy {
    position: absolute;
    right: 0;
    width: 37.33333vw;
    height: 100%;
}
.suspend-fancy p {
    opacity: 0.8;
}
.bets-selections .suspend-fancy {
    width: 37.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .suspend-fancy {
        right: 20.08996vmax;
        width: 20.08996vmax;
    }
    .bets-selections .suspend-fancy {
        width: 20.08996vmax;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .fancy-bet .suspend {
        right: 20.08996vmax;
        width: 20.08996vmax;
    }
}
.bet-setting {
    padding: 0 1.86667vw;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.back .bet-setting {
    background: #c7dbe9;
}
.lay .bet-setting {
    background: #ebd5db;
}
.book .bet-setting {
    background: #b7e2b2;
}
.bet-setting .bet-check {
    height: 8.53333vw;
    align-items: center;
    font-size: 3.46667vw;
    color: #1e1e1e;
    margin-right: 1.86667vw;
}
.bet-setting .bet-check:before {
    width: 4.8vw;
    height: 4.8vw;
    background-color: #fff;
    box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 1.06667vw;
    margin-right: 1.86667vw;
    content: "";
}
.bet-setting .max-bet {
    display: inline-block;
    width: 13.33333vw;
    height: 5.33333vw;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 3.46667vw;
    font-weight: bold;
    color: #1e1e1e;
    line-height: 5.33333vw;
    text-align: center;
    margin-right: 1.33333vw;
    border-radius: 0.8vw;
}
.bet-setting .checked:before {
    background: #feb809
        url('data:image/svg+xml,<svg width="18" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M17.28.34c.37.3.6.69.69 1.18.09.48-.01.93-.3 1.35L8.73 16.26c-.3.38-.66.62-1.1.7-.45.1-.86 0-1.24-.3-.23-.18-.83-.8-1.81-1.89-.98-1.07-1.9-2.12-2.77-3.12l-1.33-1.5A1.86 1.86 0 0 1 0 8.84c0-.5.17-.93.52-1.28.34-.36.75-.53 1.2-.51.47.01.86.21 1.17.6l4.28 4.74L14.95.74c.28-.38.65-.62 1.1-.7.44-.1.85 0 1.23.3z" fill="%231E1E1E" fill-rule="evenodd"/></svg>')
        no-repeat;
    background-size: 2.93333vw 2.93333vw;
    background-position: center;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bet-setting {
        padding: 0 1.04948vmax;
    }
    .bet-setting .bet-check {
        height: 4.7976vmax;
        font-size: 1.94903vmax;
    }
    .bet-setting .bet-check:before {
        width: 2.69865vmax;
        height: 2.69865vmax;
        box-shadow: inset 0 0.29985vmax 0.29985vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0.5997vmax;
        margin-right: 1.04948vmax;
    }
    .bet-setting .checked:before {
        background-size: 1.64918vmax 1.64918vmax;
    }
    .bet-setting .max-bet {
        width: 7.49625vmax;
        height: 2.9985vmax;
        font-size: 1.94903vmax;
        line-height: 2.9985vmax;
        margin-right: 0.74963vmax;
        border-radius: 0.44978vmax;
    }
}
.sportsbook_bet-head {
    position: relative;
    border-bottom-color: #e4550f;
}
.sportsbook_bet-head h4 span {
    padding-right: 1.86667vw;
    background-image: linear-gradient(180deg, #ef6c2c 0%, #e4550f 82%);
}
.sportsbook_bet-head .btn-fancy_info {
    position: absolute;
    right: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .sportsbook_bet-head h4 span {
        padding-right: 1.04948vmax;
    }
}
.special_bets-tab-wrap {
    background-color: #e4550f;
    overflow: hidden;
    padding-bottom: 1.33333vw;
    color: #fff;
    font-size: 3.2vw;
    font-weight: bold;
    overflow-x: auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .special_bets-tab-wrap {
        padding-bottom: 0.74963vmax;
        font-size: 1.7991vmax;
    }
}
.special_bets-tab {
    line-height: 6.93333vw;
    align-items: center;
    padding: 0 1.86667vw;
}
.special_bets-tab li {
    position: relative;
    /* min-width: 22.13333vw; */
    list-style: none;
}
.special_bets-tab li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 5.33333vw;
    background-color: rgba(255, 255, 255, 0.4);
    transform: translate(-50%, -50%);
}
.special_bets-tab li:last-of-type:after {
    display: none;
}
.special_bets-tab-wrap, .fancy_bet_tab-wrap {

    color: #fff;
    font-size: 3.2vw;
    font-weight: bold;
}
.special_bets-tab a {
    color: #fff;
    padding: 0 2.66667vw;
    height: 100%;
    border-radius: 1.06667vw;
}
.special_bets-tab .select a {
    background-color: #fff;
    color: #000;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .special_bets-tab {
        line-height: 3.89805vmax;
        padding: 0 1.04948vmax;
    }
    .special_bets-tab li {
        min-width: 12.44378vmax;
    }
    .special_bets-tab li:after {
        height: 2.9985vmax;
    }
    .special_bets-tab a {
        border-radius: 0.5997vmax;
    }
}
/* .sports-book dd {
    width: 37.33333vw;
}
.sports-book .back-1 {
    background-color: #72e3a0;
}
.sports-book .back-1.select {
    background-color: #16a660;
}
.sports-book.close {
    font-size: inherit;
    text-indent: 0;
    border-bottom-width: 0;
    margin-bottom: 0.26667vw;
}
.sports-book.close:before {
    display: none;
}
.sports-book.close:last-of-type {
    margin-bottom: 2.66667vw;
}
.sports-book.close .bets-selections,
.sports-book.close .bet_slip-wrap {
    display: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .sports-book dd {
        width: 20.08996vmax;
    }
    .sports-book.close {
        margin-bottom: 0.14993vmax;
    }
    .sports-book.close:last-of-type {
        margin-bottom: 1.49925vmax;
    }
} */
.suspend-spb {
    position: absolute;
    right: 0;
    width: 37.33333vw;
    height: 100%;
}
.suspend-spb p {
    opacity: 0.8;
}
.bets-selections .suspend-spb {
    width: 37.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .suspend-spb {
        right: 20.08996vmax;
        width: 20.08996vmax;
    }
    .bets-selections .suspend-spb {
        width: 20.08996vmax;
    }
}
.to-expand {
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.to-expand:after {
    content: "";
    width: 4vw;
    height: 4vw;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23FFF" fill-rule="evenodd" d="M3 0h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 1a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3zm9 5.617v1.766H3V6.617h9z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1.86667vw;
}
.close .to-expand:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23FFF" fill-rule="evenodd" d="M3 0h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 1a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3zm5.383 2v3.617H12v1.766H8.383V12H6.617V8.383H3V6.617h3.617V3h1.766z"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .to-expand:after {
        width: 2.24888vmax;
        height: 2.24888vmax;
        margin-right: 1.04948vmax;
    }
}
.bets-bookmaker {
    background-color: #f8f6e1;
}
.bets-bookmaker > h4 {
    justify-content: flex-start;
}
.bets-bookmaker > h4 span {
    flex: none;
}
.bets-bookmaker > h4 p {
    font-weight: normal;
    margin-left: 1.86667vw;
    opacity: 0.7;
}
.bets-bookmaker .bets-selections-head dd {
    border-right: none;
}
.bets-bookmaker .backlay_box {
    display: flex;
    width: 37.33333vw;
}
.bets-bookmaker .backlay_box dl {
    flex: 1;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-bookmaker .backlay_box {
        width: 60.26987vmax;
    }
}
.bets-bookmaker .fancy_info-popup,
.bets-bookmaker .limit_info-popup {
    font-weight: normal;
}
.bets-bookmaker .fancy_info-popup dd,
.bets-bookmaker .limit_info-popup dd {
    color: #1e1e1e;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-bookmaker > h4 p {
        margin-left: 1.04948vmax;
    }
}
.back-gradient,
.lay-gradient {
    justify-content: center;
    width: 18.66667vw;
    background-image: linear-gradient(90deg, rgba(151, 199, 234, 0.7) 0%, #97c7ea 65%);
}
.back-gradient dd,
.lay-gradient dd {
    flex: 1;
    border-right: none;
    color: #59708d;
    width: 17.6vw;
    padding: 0.8vw;
}
.back-gradient dd.mode-land,
.lay-gradient dd.mode-land {
    display: none;
}
.back-gradient dd a,
.lay-gradient dd a {
    height: 100%;
    width: 100%;
    border-radius: 1.06667vw;
    border: 0.26667vw solid #fff;
    background-color: #72bbef;
}
.back-gradient dd.select a,
.lay-gradient dd.select a,
.back-gradient dd.select a:hover,
.lay-gradient dd.select a:hover {
    color: #fff;
    background: #2395e6;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.back-gradient dd p,
.lay-gradient dd p {
    width: 100%;
    text-align: center;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .back-gradient,
    .lay-gradient {
        background-image: linear-gradient(90deg, rgba(151, 199, 234, 0.15) 0%, #97c7ea 65%);
    }
    .back-gradient dd,
    .lay-gradient dd {
        width: 9.89505vmax;
        padding: 0.44978vmax;
    }
    .back-gradient dd.mode-land,
    .lay-gradient dd.mode-land {
        display: flex;
    }
    .back-gradient dd a,
    .lay-gradient dd a {
        border-radius: 0.5997vmax;
        border: 0.14993vmax solid #fff;
    }
}
.lay-gradient {
    background-image: linear-gradient(270deg, rgba(247, 205, 214, 0.75) 5%, #f0c0cb 60%);
}
.lay-gradient dd {
    color: #a9616d;
}
.lay-gradient dd.mode-land {
    display: none;
}
.lay-gradient dd a {
    background-color: #faa9ba;
}
.lay-gradient dd.select a,
.lay-gradient dd.select a:hover {
    color: #fff;
    background: #f4496d;
    border: 1px solid #ffffff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .lay-gradient {
        background-image: linear-gradient(270deg, rgba(247, 205, 214, 0.46) 5%, #f0c0cb 60%);
    }
    .lay-gradient dd.mode-land {
        display: flex;
    }
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 93%;
    background-color: rgb(0 0 0 / 22%);
    z-index: 99;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.5s ease;
}

.overlay:target {
    display: flex;
}
.pop-wrap,
.select-list {
    width: 84vw;
    background: #fff;
    font-size: 4vw;
    box-shadow: 0 0.8vw 2.66667vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 1.33333vw;
}
.pop-wrap h3,
.select-list h3 {
    font-size: 4vw;
    line-height: 1.2;
    color: #1e1e1e;
    background-image: linear-gradient(-180deg, #ffcc2e 0%, #feb809 58%);
    border-radius: 1.33333vw 1.33333vw 0 0;
    padding: 2.4vw 1.86667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .pop-wrap,
    .select-list {
        width: 47.22639vmax;
        font-size: 2.24888vmax;
        box-shadow: 0 0.44978vmax 1.49925vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0.74963vmax;
    }
    .pop-wrap h3,
    .select-list h3 {
        font-size: 2.24888vmax;
        border-radius: 0.74963vmax 0.74963vmax 0 0;
        padding: 1.34933vmax 1.04948vmax;
    }
}
.transfer-wrap {
    color: #243a48;
}
.transfer-wrap .available-wrap {
    display: flex;
    justify-content: center;
}
.transfer-wrap .available-wrap h4 {
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    width: 50%;
    padding: 1.33333vw 3.2vw 1.33333vw 3.2vw;
}
.transfer-wrap .available-wrap h4 span {
    display: block;
    font-size: 3.2vw;
    font-weight: normal;
}
.transfer-wrap .error {
    text-indent: 2.66667vw;
    line-height: 4vw;
    margin-bottom: 4vw;
    color: #d0021b;
    font-size: 3.2vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .transfer-wrap {
        width: 71.96402vmax;
    }
    .transfer-wrap .available-wrap {
        display: flex;
        justify-content: center;
    }
    .transfer-wrap .available-wrap h4 {
        font-size: 2.3988vmax;
        line-height: 2.9985vmax;
        width: 50%;
        padding: 0.89955vmax 2.54873vmax 0.89955vmax 2.9985vmax;
    }
    .transfer-wrap .available-wrap h4 span {
        font-size: 1.7991vmax;
    }
    .transfer-wrap .error {
        text-indent: 1.49925vmax;
        line-height: 2.24888vmax;
        margin-bottom: 2.24888vmax;
        font-size: 1.7991vmax;
    }
}
.transfer-content {
    border-top: 0.26667vw solid #8fa6b5;
    border-bottom: 0.26667vw solid #8fa6b5;
    width: 100%;
    margin-bottom: 2.66667vw;
}
.transfer-content dl {
    background-color: #cde3f0;
    padding: 3.73333vw 3.2vw 1.6vw 3.2vw;
}
.transfer-content dl:nth-child(even) {
    background-color: #fff;
}
.transfer-content dl:first-child {
    position: relative;
}
.transfer-content dl:first-child:before {
    position: absolute;
    display: block;
    content: "";
    width: 4vw;
    height: 4vw;
    background-color: #cde3f0;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.transfer-content dd {
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    margin-bottom: 1.33333vw;
    width: 100%;
}
.transfer-content dd strong {
    font-size: 5.33333vw;
    line-height: 5.33333vw;
    margin-right: 1.33333vw;
}
.transfer-content dd input {
    width: calc(100% - 4.8vw);
    box-shadow: none;
    margin-bottom: 0;
}
.transfer-content dd input::placeholder {
    color: #989ea1;
}
.transfer-content dd.quick_stake {
    display: flex;
}
.transfer-content dd.quick_stake a {
    flex: 1;
    flex-direction: row;
    margin-right: 1.33333vw;
    line-height: 2.2;
}
.transfer-content dd.quick_stake a:last-child {
    margin-right: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .transfer-content {
        display: flex;
        justify-content: center;
        border-top: 0.14993vmax solid #8fa6b5;
        border-bottom: 0.14993vmax solid #8fa6b5;
        margin-bottom: 1.49925vmax;
    }
    .transfer-content dl {
        width: calc(100% - 1.7991vmax);
        padding: 0.89955vmax 2.54873vmax 0.89955vmax 2.9985vmax;
    }
    .transfer-content dl:before {
        top: 50%;
        left: calc(100% - 1.49925vmax);
        width: 2.24888vmax;
        height: 2.24888vmax;
    }
    .transfer-content dl:first-child:before {
        width: 2.24888vmax;
        height: 2.24888vmax;
        top: 50%;
        left: 100%;
    }
    .transfer-content dd {
        font-size: 2.09895vmax;
        line-height: 2.9985vmax;
        margin-bottom: 0.74963vmax;
    }
    .transfer-content dd strong {
        font-size: 2.9985vmax;
        line-height: 2.9985vmax;
        margin-right: 0.74963vmax;
    }
    .transfer-content dd input {
        width: calc(100% - 2.09895vmax);
        border: 0.14993vmax solid #8fa6b5;
    }
    .transfer-content dd.quick_stake a {
        margin-right: 0.74963vmax;
    }
}
.info-bet,
.info-matched {
    margin-bottom: 1.86667vw;
    flex-wrap: wrap;
    line-height: 1.2;
}
.info-bet dt,
.info-matched dt,
.info-bet dd,
.info-matched dd {
    padding: 1.86667vw;
    border-bottom: 1px solid #e0e6e6;
}
.info-bet dt,
.info-matched dt {
    flex: 0 0 100%;
    line-height: 8.53333vw;
}
.info-bet dd,
.info-matched dd {
    flex: 1.7;
    color: #1b2d38;
    font-size: 4.53333vw;
    border-right: 1px solid #e0e6e6;
}
.info-bet dd span,
.info-matched dd span {
    font-size: 4vw;
}
.info-bet dd:first-of-type,
.info-matched dd:first-of-type {
    flex: 1;
}
.info-bet dd:last-of-type,
.info-matched dd:last-of-type {
    border-right-width: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-bet,
    .info-matched {
        margin-bottom: 1.04948vmax;
    }
    .info-bet dt,
    .info-matched dt,
    .info-bet dd,
    .info-matched dd {
        padding: 1.04948vmax;
    }
    .info-bet dt,
    .info-matched dt {
        line-height: 4.7976vmax;
    }
    .info-bet dd,
    .info-matched dd {
        font-size: 2.54873vmax;
    }
    .info-bet dd span,
    .info-matched dd span {
        font-size: 2.24888vmax;
    }
}
.left-side {
    justify-content: flex-start;
    align-items: flex-start;
}
.right-side {
    justify-content: flex-end;
    align-items: flex-start;
}
.side-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: #eee;
    box-shadow: 0.53333vw 0 1.6vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 0 1.6vw 1.6vw 0;
    flex-direction: column;
}
.right-side .side-wrap {
    border-radius: 1.6vw 0 0 1.6vw;
}
.right-side .side-wrap .side-head {
    border-radius: 1.6vw 0 0 0;
}
.side-wrap .btn-list {
    flex: 0 0 12.8vw;
    margin-top: 1.86667vw;
}
.side-wrap .message-wrap {
    margin-top: 0;
}
.side-wrap .message-wrap .close {
    padding: 0 3.46667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .side-wrap {
        width: 74.96252vmax;
        box-shadow: 0.29985vmax 0 0.89955vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0 0.89955vmax 0.89955vmax 0;
    }
    .right-side .side-wrap {
        border-radius: 0.89955vmax 0 0 0.89955vmax;
    }
    .right-side .side-wrap .side-head {
        border-radius: 0.89955vmax 0 0 0;
    }
    .side-wrap .btn-list {
        flex: 0 0 7.1964vmax;
        margin-top: 1.04948vmax;
    }
    .side-wrap .message-wrap .close {
        padding: 0 1.94903vmax;
    }
}
.setting-wrap {
    background-color: #fff;
    height: 100%;
}
@media (orientation: landscape) {
    .setting-wrap {
        height: 100%;
    }
}
.full-pop,
.rules-pop,
.rules-download,
.login-pop {
    width: 100vw;
    background-color: #fff;
    border-radius: 1.6vw;
    height: 95%;
    overflow: auto;
    overflow-y: hidden;
}
.full-pop .side-head,
.rules-pop .side-head,
.rules-download .side-head,
.login-pop .side-head {
    border-radius: 1.6vw 1.6vw 0 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .full-pop,
    .rules-pop,
    .rules-download,
    .login-pop {
        width: 56.22189vmax;
        border-radius: 0.89955vmax;
    }
    .full-pop .side-head,
    .rules-pop .side-head,
    .rules-download .side-head,
    .login-pop .side-head {
        border-radius: 0.89955vmax 0.89955vmax 0 0;
    }
}
.rules-pop,
.rules-download {
    max-height: 95%;
}
.rules-download {
    width: 89.33333vw;
    height: auto;
}
.rules-download .side-content {
    border-radius: 0;
}
.rules-download .rules-content {
    padding: 0;
}
.rules-download .btn-list {
    padding-bottom: 0;
}
.rules-download .btn-list a {
    width: 45.33333vw;
    margin: 0 auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .rules-download {
        width: 50.22489vmax;
    }
    .rules-download .btn-list a {
        width: 25.48726vmax;
    }
}
.login-pop {
    height: 95%;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #1d2c38;
    background-image: linear-gradient(56deg, #3a5870 4%, #1d2c38 42%);
}
.login-pop .close {
    position: fixed;
    right: 1.86667vw;
    width: 9.33333vw;
    height: 9.33333vw;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    margin-top: 1.86667vw;
    z-index: 2;
}
.login-pop .close:before {
    width: 3.46667vw;
    height: 3.46667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M9 .912L5.412 4.5 9 8.088 8.088 9 4.5 5.412.912 9 0 8.088 3.588 4.5 0 .912.912 0 4.5 3.588 8.088 0z"/></svg>')
        no-repeat;
    background-size: contain;
}
.login-pop .login-head {
    border-radius: 1.6vw 1.6vw 0 0;
}
.login-pop .form-login {
    margin-bottom: 13.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .login-pop .close {
        position: absolute;
        right: 1.04948vmax;
        width: 4.49775vmax;
        height: 4.49775vmax;
        margin-top: 1.04948vmax;
    }
    .login-pop .close:before {
        width: 1.49925vmax;
        height: 1.49925vmax;
    }
    .login-pop .login-head {
        border-radius: 0.89955vmax 0.89955vmax 0 0;
    }
    .login-pop .form-login {
        margin-bottom: 7.49625vmax;
    }
}
.side-head {
    flex: 0 0 10.4vw;
    background:#222222;
    border-radius: 0 1.6vw 0 0;
}
.side-head h3 {
    flex: 1;
    background: transparent;
    font-size: 4vw;
    color: #1e1e1e;
    line-height: 2.6;
    padding: 0 1.86667vw;
    align-items: center;
}
.side-head h3 img {
    width: 5.33333vw;
    height: 5.33333vw;
    vertical-align: middle;
    margin-right: 1.33333vw;
}
.side-head .close {
    padding: 0 3.46667vw;
    border-left: 1px solid #be7809;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .side-head {
        flex: 0 0 5.84708vmax;
        border-radius: 0 0.89955vmax 0 0;
    }
    .side-head h3 {
        font-size: 2.24888vmax;
        padding: 0 1.04948vmax;
    }
    .side-head h3 img {
        width: 2.9985vmax;
        height: 2.9985vmax;
        margin-right: 0.74963vmax;
    }
    .side-head .close {
        padding: 0 1.94903vmax;
    }
}
.side-content {
    flex: 1;
    border-radius: 0 0 1.6vw 0;
}
.side-content h3 {
    padding: 0 1.86667vw;
    justify-content: space-between;
    align-items: center;
}

.bets-bookmaker .btn-fancy_info {
    position: absolute;
    right: 0;
}
.fancy-bet .btn-fancy_info, .sports-book .btn-fancy_info, .bets-wrap .btn-fancy_info {
    flex-basis: 8vw;
}
.mode-land .btn-fancy_info, .fancy-bet .btn-fancy_info, .sports-book .btn-fancy_info, .bets-wrap .btn-fancy_info {
    width: 8vw;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    line-height: inherit;
    align-items: center;
    justify-content: center;
}

.bets-wrap .btn-fancy_info{
    display: flex;
  }

  .mode-land .btn-fancy_info:before, .fancy-bet .btn-fancy_info:before, .sports-book .btn-fancy_info:before, .bets-wrap .btn-fancy_info:before {
    width: 4vw;
    height: 4vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="%233B5160" fill-rule="evenodd" d="M6.76 5.246V3.732h1.48v1.514H6.76zm.74 8.276a5.86 5.86 0 0 0 3.029-.83 5.839 5.839 0 0 0 2.163-2.163 5.86 5.86 0 0 0 .83-3.029 5.86 5.86 0 0 0-.83-3.029 5.839 5.839 0 0 0-2.163-2.163 5.86 5.86 0 0 0-3.029-.83 5.86 5.86 0 0 0-3.029.83A5.839 5.839 0 0 0 2.308 4.47a5.86 5.86 0 0 0-.83 3.029 5.86 5.86 0 0 0 .83 3.029 5.839 5.839 0 0 0 2.163 2.163 5.86 5.86 0 0 0 3.029.83zM7.5 0c1.37 0 2.638.343 3.804 1.028a7.108 7.108 0 0 1 2.668 2.668A7.376 7.376 0 0 1 15 7.5c0 1.37-.343 2.638-1.028 3.804a7.108 7.108 0 0 1-2.668 2.668A7.376 7.376 0 0 1 7.5 15a7.376 7.376 0 0 1-3.804-1.028 7.243 7.243 0 0 1-2.668-2.686A7.343 7.343 0 0 1 0 7.5c0-1.358.343-2.62 1.028-3.786a7.381 7.381 0 0 1 2.686-2.686A7.343 7.343 0 0 1 7.5 0zm-.74 11.268V6.761h1.48v4.507H6.76z"/></svg>') no-repeat;
    background-size: contain;
    float: none;
    margin: 0;
}
.fancy-bet .btn-fancy_info:before, .sports-book .btn-fancy_info:before, .bets-wrap .btn-fancy_info:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="%23ffffff" fill-rule="evenodd" d="M6.76 5.246V3.732h1.48v1.514H6.76zm.74 8.276a5.86 5.86 0 0 0 3.029-.83 5.839 5.839 0 0 0 2.163-2.163 5.86 5.86 0 0 0 .83-3.029 5.86 5.86 0 0 0-.83-3.029 5.839 5.839 0 0 0-2.163-2.163 5.86 5.86 0 0 0-3.029-.83 5.86 5.86 0 0 0-3.029.83A5.839 5.839 0 0 0 2.308 4.47a5.86 5.86 0 0 0-.83 3.029 5.86 5.86 0 0 0 .83 3.029 5.839 5.839 0 0 0 2.163 2.163 5.86 5.86 0 0 0 3.029.83zM7.5 0c1.37 0 2.638.343 3.804 1.028a7.108 7.108 0 0 1 2.668 2.668A7.376 7.376 0 0 1 15 7.5c0 1.37-.343 2.638-1.028 3.804a7.108 7.108 0 0 1-2.668 2.668A7.376 7.376 0 0 1 7.5 15a7.376 7.376 0 0 1-3.804-1.028 7.243 7.243 0 0 1-2.668-2.686A7.343 7.343 0 0 1 0 7.5c0-1.358.343-2.62 1.028-3.786a7.381 7.381 0 0 1 2.686-2.686A7.343 7.343 0 0 1 7.5 0zm-.74 11.268V6.761h1.48v4.507H6.76z"/></svg>') no-repeat;
    background-size: contain;
}
.side-content .bet_slip-wrap.back {
    border-bottom-color: #7da7c6;
}
.side-content .bet_slip-wrap.lay {
    border-bottom-color: #d38e9c;
}
.right-side .side-content {
    border-radius: 0 0 0 1.6vw;
}
.support-wrap {
    background-color: rgba(0,0,0,0.6);
}
.align-C, h3, .btn, .btn-send, .login, .form-select, .pages a, .logout, .trade p, .trade-2 p, .info-bet dt span, .info-matched dt span, .bets-back dt span, .bets-lay dt span, .bets-book dt span, .bets-head dt span, .stake-setting input, .col-stake_edit a, .loading-wrap p, .form-login dt, .support-wrap, footer, .article-date {
    text-align: center;
}


.support-wrap .support-detail a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8vw;
    color: #fff;
    text-decoration: underline;
}
.support-wrap .support-detail.open {
    display: block;
}
.transfer-wrap-slider .slider-bar_handle, .a-edit, .login-head h1, .pass-head h1, .login-head .close, .pass-head .close {
    font-size: 0;
    text-indent: -99999px;
}

.betexchange247 .form-login dt {
    color: #000;
}

.betexchange247 .txt-wrap {
    background: rgba(0,0,0,0.8);
    color: rgba(255,255,255,0.6);
}
.txt-wrap {
    width: 84vw;
    margin: 0 auto;
    color: #7E97A7;
    line-height: 4.8vw;
    background: rgba(0,0,0,0.2);
    border-radius: 1.6vw;
    padding: 2.66667vw 1.86667vw;
}
.border-box, .trade dt, .trade-2 dt, .trade dd, .trade-2 dd, .trade p, .trade-2 p, .info-bet dt, .info-matched dt, .info-bet dd, .info-matched dd, .a-edit, .check-list a:before, .setting-block dt, .setting-block dd, .stake-setting input, .txt-wrap, .policy-link, .announce-header, footer, footer .confirm-checkbox:before, footer .btn, footer .btn-send, footer .login, footer .form-select, footer .pages a, .pages footer a {
    box-sizing: border-box;
}

.txt-wrap ul {
    margin-left: 4.26667vw;
}

@media screen and (min-aspect-ratio: 16/9){
.pass-wrap {
    display: flex;
    padding: 0 1.49925vmax;
}
}
@media (orientation: landscape){
.pass-wrap {
    padding: 0 2.66667vw;
    align-items: center;
}
.pass-wrap {
    padding-bottom: 5.33333vw;
}
}
* {
    margin: 0;
    padding: 0;
}
user agent stylesheet
div {
    display: block;
}

@media screen and (min-aspect-ratio: 16/9){
html, body {
    font-size: 1.94903vmax;
}
}
.betexchange247 .login-head h1 {
    top: 31.66667vw;
    margin-left: -40.06667vw;
    width: 79.86667vw;
    height: 27.13333vw;
    /* background-image: url('../images/logo-betexchange247.png'); */
}

@media (orientation: landscape){
    .betexchange247 .login-head,
    .betexchange247 .pass-head {
        height: 21.333vw;
        background-image: linear-gradient(-180deg, #414141 0%, #000 100%);
    }
    .betexchange247 .login-head h1,
    .betexchange247 .pass-head h1 {
        top: 1.46667vw;
    width: 64.46667vw;
    height: 15.33333vw;
    /* background-image: url(/static/media/mobile-logo.199069b1.png); */
    margin-left: -32.06667vw;
    }
}


/* .betexchange247 .login-head, .betexchange247 .pass-head {
    background-image: url('../images/KV-pic-skyEX.png');
} */
.login-head, .pass-head {
    position: relative;
    height: 74.66667vw;
   
    background-size: 100% 100%;
    margin-bottom: 12vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .side-content {
        border-radius: 0 0 0.89955vmax 0;
    }
    .side-content h3 {
        padding: 0 1.04948vmax;
    }
    .right-side .side-content {
        border-radius: 0 0 0 0.89955vmax;
    }
}
.slip-list {
    background-color: #fff;
}
.trashcan {
    color: #fff;
    font-size: 3.2vw;
    line-height: 8vw;
    background: #d0021b;
    border-radius: 1.06667vw;
    padding: 0 2.66667vw;
    justify-content: center;
    align-items: center;
    margin: 1.33333vw;
    margin-right: 0;
}
.trashcan:before {
    content: "";
    width: 2.93333vw;
    height: 3.46667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="13" viewBox="0 0 11 13"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M8.278.71H11v1.457H0V.71h2.74L3.554 0h3.913l.812.71zM2.703 6.397l1.682 1.56L2.74 9.48l1.097 1.007L5.5 8.98l1.663 1.507L8.278 9.48 6.615 7.957l1.663-1.56-1.115-1.023L5.5 6.933l-1.663-1.56-1.134 1.023zM.775 11.544V2.877h9.45v8.667c0 .393-.157.734-.472 1.023-.315.29-.687.433-1.116.433H2.363c-.43 0-.8-.144-1.116-.433-.315-.29-.472-.63-.472-1.023z"/></svg>')
        no-repeat;
    background-size: contain;
    margin-right: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .trashcan {
        font-size: 1.7991vmax;
        line-height: 4.49775vmax;
        border-radius: 0.5997vmax;
        padding: 0 1.49925vmax;
        margin: 0.74963vmax;
    }
    .trashcan:before {
        width: 1.64918vmax;
        height: 1.94903vmax;
        margin-right: 0.74963vmax;
    }
}
.bets-back,
.bets-lay,
.bets-book,
.bets-head {
    background-color: #beddf4;
    border-bottom: 1px solid #7da7c6;
    align-items: stretch;
    flex-wrap: wrap;
}
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd {
    align-items: center;
    padding: 1.33333vw 1.86667vw;
}
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt {
    flex: 1;
}
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span {
    width: 12vw;
    line-height: 8vw;
}
.bets-back h4,
.bets-lay h4,
.bets-book h4,
.bets-head h4 {
    flex: 1;
}
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd {
    color: #1b2d38;
}
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span {
    flex: 1;
}
.bets-back .col-odds,
.bets-lay .col-odds,
.bets-book .col-odds,
.bets-head .col-odds {
    flex: 0 1 9.6vw;
    padding-right: 0;
}
.bets-back .col-stake,
.bets-lay .col-stake,
.bets-book .col-stake,
.bets-head .col-stake {
    flex: 0 0 14.66667vw;
    padding-right: 0;
}
.bets-back .col-profit,
.bets-lay .col-profit,
.bets-book .col-profit,
.bets-head .col-profit {
    flex: 0 1 13.33333vw;
}
.bets-back .col-delete,
.bets-lay .col-delete,
.bets-book .col-delete,
.bets-head .col-delete {
    flex: 0 1 8vw;
    padding-left: 0;
}
.bets-back .trashcan,
.bets-lay .trashcan,
.bets-book .trashcan,
.bets-head .trashcan {
    height: 8vw;
    margin: 0;
}
.bets-back .trashcan:before,
.bets-lay .trashcan:before,
.bets-book .trashcan:before,
.bets-head .trashcan:before {
    margin-right: 0;
}
.bets-back .info-keep,
.bets-lay .info-keep,
.bets-book .info-keep,
.bets-head .info-keep,
.bets-back .col-ref,
.bets-lay .col-ref,
.bets-book .col-ref,
.bets-head .col-ref {
    flex: 1 1 100%;
    border-top: 1px solid #9dc2dc;
    font-size: 2.93333vw;
    line-height: 1.1;
    padding: 1.06667vw 1.86667vw;
}
.bets-back .info-keep strong,
.bets-lay .info-keep strong,
.bets-book .info-keep strong,
.bets-head .info-keep strong,
.bets-back .col-ref strong,
.bets-lay .col-ref strong,
.bets-book .col-ref strong,
.bets-head .col-ref strong {
    color: #2789ce;
    margin: 0 1.33333vw;
}
.bets-back .info-keep.edit,
.bets-lay .info-keep.edit,
.bets-book .info-keep.edit,
.bets-head .info-keep.edit,
.bets-back .edit.col-ref,
.bets-lay .edit.col-ref,
.bets-book .edit.col-ref,
.bets-head .edit.col-ref {
    font-size: 3.46667vw;
    padding: 0 1.86667vw;
}
.bets-back .col-ref,
.bets-lay .col-ref,
.bets-book .col-ref,
.bets-head .col-ref {
    order: -1;
    color: #3b5160;
    background-color: rgba(255, 255, 255, 0.3);
    border-top-width: 0;
}
.bets-back .col-ref li,
.bets-lay .col-ref li,
.bets-book .col-ref li,
.bets-head .col-ref li {
    margin-right: 2.66667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-back dt,
    .bets-lay dt,
    .bets-book dt,
    .bets-head dt,
    .bets-back dd,
    .bets-lay dd,
    .bets-book dd,
    .bets-head dd {
        padding: 0.74963vmax 1.04948vmax;
    }
    .bets-back dt span,
    .bets-lay dt span,
    .bets-book dt span,
    .bets-head dt span {
        width: 6.74663vmax;
        line-height: 4.49775vmax;
    }
    .bets-back .col-odds,
    .bets-lay .col-odds,
    .bets-book .col-odds,
    .bets-head .col-odds {
        flex: 0 1 8.3958vmax;
    }
    .bets-back .col-stake,
    .bets-lay .col-stake,
    .bets-book .col-stake,
    .bets-head .col-stake {
        flex: 0 0 12.74363vmax;
    }
    .bets-back .col-profit,
    .bets-lay .col-profit,
    .bets-book .col-profit,
    .bets-head .col-profit {
        flex: 0 1 11.54423vmax;
    }
    .bets-back .col-delete,
    .bets-lay .col-delete,
    .bets-book .col-delete,
    .bets-head .col-delete {
        flex: 0 1 4.49775vmax;
    }
    .bets-back .trashcan,
    .bets-lay .trashcan,
    .bets-book .trashcan,
    .bets-head .trashcan {
        height: 4.49775vmax;
    }
    .bets-back .info-keep,
    .bets-lay .info-keep,
    .bets-book .info-keep,
    .bets-head .info-keep,
    .bets-back .col-ref,
    .bets-lay .col-ref,
    .bets-book .col-ref,
    .bets-head .col-ref {
        font-size: 1.64918vmax;
        padding: 0.5997vmax 1.04948vmax;
    }
    .bets-back .info-keep strong,
    .bets-lay .info-keep strong,
    .bets-book .info-keep strong,
    .bets-head .info-keep strong,
    .bets-back .col-ref strong,
    .bets-lay .col-ref strong,
    .bets-book .col-ref strong,
    .bets-head .col-ref strong {
        margin: 0 0.74963vmax;
    }
    .bets-back .info-keep.edit,
    .bets-lay .info-keep.edit,
    .bets-book .info-keep.edit,
    .bets-head .info-keep.edit,
    .bets-back .edit.col-ref,
    .bets-lay .edit.col-ref,
    .bets-book .edit.col-ref,
    .bets-head .edit.col-ref {
        font-size: 1.94903vmax;
        padding: 0 1.04948vmax;
    }
    .bets-back .col-ref li,
    .bets-lay .col-ref li,
    .bets-book .col-ref li,
    .bets-head .col-ref li {
        margin-right: 1.49925vmax;
    }
}
.bets-lay {
    background-color: #f3dce2;
    border-bottom: 1px solid #d38e9c;
}
.bets-lay .info-keep,
.bets-lay .col-ref {
    border-top-color: #e5bdc5;
}
.bets-book {
    background-color: #d3edd0;
    border-bottom: 1px solid #9fd899;
}
.bets-book .info-keep,
.bets-book .col-ref {
    border-top-color: #9fd899;
}
.bets-book dt span.back {
    background-color: #72e3a0;
}
.a-edit {
    flex: 0 0 8vw;
    height: 8vw;
    background: rgba(255, 255, 255, 0.31);
    border: 1px solid #ccc;
    border-radius: 1.06667vw;
    margin-right: 1.86667vw;
    justify-content: center;
    align-items: center;
}
.a-edit:before {
    content: "";
    width: 3.46667vw;
    height: 3.46667vw;
    background-repeat: no-repeat;
    background-size: contain;
}
.bets-back .a-edit,
.bets-lay .a-edit,
.bets-book .a-edit,
.bets-head .a-edit {
    border-color: #1f72ac;
}
.bets-back .a-edit:before,
.bets-lay .a-edit:before,
.bets-book .a-edit:before,
.bets-head .a-edit:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path fill="rgb(31,114,172)" fill-rule="evenodd" d="M3.115 11.902l.78-.78L1.88 9.103l-.782.78v.92h1.1V11.9h.917zM7.603 3.94c0-.113-.078-.19-.19-.19-.05 0-.102.017-.145.06l-4.65 4.65c-.044.044-.06.095-.06.147 0 .11.076.188.188.188.05 0 .103-.017.146-.06l4.65-4.65c.043-.043.06-.095.06-.146zM7.14 2.29l3.57 3.57L3.57 13H0V9.43l7.14-7.14zm5.86.825c0 .292-.12.575-.317.772l-1.425 1.425-3.57-3.57L9.113.326C9.31.12 9.593 0 9.885 0c.292 0 .575.12.78.326l2.018 2.008c.197.206.317.49.317.78z"/></svg>');
}
.bets-lay .a-edit {
    border-color: #e43a5e;
}
.bets-lay .a-edit:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path fill="rgb(227,58,94)" fill-rule="evenodd" d="M3.115 11.902l.78-.78L1.88 9.103l-.782.78v.92h1.1V11.9h.917zM7.603 3.94c0-.113-.078-.19-.19-.19-.05 0-.102.017-.145.06l-4.65 4.65c-.044.044-.06.095-.06.147 0 .11.076.188.188.188.05 0 .103-.017.146-.06l4.65-4.65c.043-.043.06-.095.06-.146zM7.14 2.29l3.57 3.57L3.57 13H0V9.43l7.14-7.14zm5.86.825c0 .292-.12.575-.317.772l-1.425 1.425-3.57-3.57L9.113.326C9.31.12 9.593 0 9.885 0c.292 0 .575.12.78.326l2.018 2.008c.197.206.317.49.317.78z"/></svg>');
}
.bets-back .a-edit.select,
.bets-lay .a-edit.select,
.bets-book .a-edit.select,
.bets-head .a-edit.select {
    background-color: #1f72ac;
}
.bets-back .a-edit.select:before,
.bets-lay .a-edit.select:before,
.bets-book .a-edit.select:before,
.bets-head .a-edit.select:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M3.115 11.902l.78-.78L1.88 9.103l-.782.78v.92h1.1V11.9h.917zM7.603 3.94c0-.113-.078-.19-.19-.19-.05 0-.102.017-.145.06l-4.65 4.65c-.044.044-.06.095-.06.147 0 .11.076.188.188.188.05 0 .103-.017.146-.06l4.65-4.65c.043-.043.06-.095.06-.146zM7.14 2.29l3.57 3.57L3.57 13H0V9.43l7.14-7.14zm5.86.825c0 .292-.12.575-.317.772l-1.425 1.425-3.57-3.57L9.113.326C9.31.12 9.593 0 9.885 0c.292 0 .575.12.78.326l2.018 2.008c.197.206.317.49.317.78z"/></svg>');
}
.bets-lay .a-edit.select {
    background-color: #e43a5e;
}
.bets-lay .a-edit.select:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M3.115 11.902l.78-.78L1.88 9.103l-.782.78v.92h1.1V11.9h.917zM7.603 3.94c0-.113-.078-.19-.19-.19-.05 0-.102.017-.145.06l-4.65 4.65c-.044.044-.06.095-.06.147 0 .11.076.188.188.188.05 0 .103-.017.146-.06l4.65-4.65c.043-.043.06-.095.06-.146zM7.14 2.29l3.57 3.57L3.57 13H0V9.43l7.14-7.14zm5.86.825c0 .292-.12.575-.317.772l-1.425 1.425-3.57-3.57L9.113.326C9.31.12 9.593 0 9.885 0c.292 0 .575.12.78.326l2.018 2.008c.197.206.317.49.317.78z"/></svg>');
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .a-edit {
        flex: 0 0 4.49775vmax;
        height: 4.49775vmax;
        border-radius: 0.5997vmax;
        margin-right: 1.04948vmax;
    }
    .a-edit:before {
        width: 1.94903vmax;
        height: 1.94903vmax;
    }
}
.bets-head {
    background-color: #fff;
    font-size: 2.93333vw;
    border-bottom-width: 0;
}
.bets-head dt,
.bets-head dd {
    padding: 0.8vw 1.86667vw;
}
.bets-head .col-odds {
    flex: 0 0 auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .bets-head {
        font-size: 1.64918vmax;
    }
    .bets-head dt,
    .bets-head dd {
        padding: 0.44978vmax 1.04948vmax;
    }
}
.check-list li {
    margin-left: 2.66667vw;
}
.check-list a {
    color: #1b2d38;
    font-weight: normal;
    height: 9.6vw;
    align-items: center;
}
.check-list a:before {
    content: "";
    width: 5.33333vw;
    height: 5.33333vw;
    background: #fff;
    border: 0.26667vw solid #2789ce;
    margin-right: 1.33333vw;
    box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}
.check-list a.checked:before {
    border-width: 0;
    box-shadow: none;
    background: #2789ce
        url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M14.6 5.18c.2.16.34.36.38.62a.9.9 0 0 1-.16.72L9.85 13.6a1 1 0 0 1-.61.37.83.83 0 0 1-.69-.16 83.7 83.7 0 0 1-2.54-2.65l-.75-.8A.96.96 0 0 1 5 9.69c0-.27.1-.5.29-.68a.89.89 0 0 1 1.32.04l2.37 2.52 4.32-6.18a1 1 0 0 1 .62-.37c.24-.05.47 0 .68.16z" id="b"/><filter x="-20%" y="-11.1%" width="140%" height="144.4%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" in="shadowBlurOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><use fill="%23FFF" xlink:href="%23b"/></g></svg>')
        no-repeat;
    background-size: contain;
}
.check-list a.disable {
    color: #7e97a7;
}
.check-list a.disable:before {
    background-color: rgba(0, 0, 0, 0.2);
    border-width: 0;
}
h3 .check-list a {
    color: #fff;
}
h3 .check-list a:before {
    border-width: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .check-list li {
        margin-left: 1.49925vmax;
    }
    .check-list a {
        height: 5.3973vmax;
    }
    .check-list a:before {
        width: 2.9985vmax;
        height: 2.9985vmax;
        border: 0.14993vmax solid #2789ce;
        margin-right: 0.74963vmax;
        box-shadow: inset 0 0.29985vmax 0 0 rgba(0, 0, 0, 0.2);
    }
}
.setting-block {
    font-size: 4vw;
    color: #243a48;
    border-bottom: 1px solid #e0e6e6;
    padding: 1.86667vw 0 0 1.86667vw;
    flex-wrap: wrap;
}
.setting-block dt,
.setting-block dd {
    flex: 1;
    padding: 0 1.86667vw 1.86667vw 0;
    align-items: center;
}
.setting-block dd {
    flex: 0 1 9.33333vw;
}
.setting-block input {
    width: 26.66667vw;
    margin: 0 0 0 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .setting-block {
        font-size: 2.24888vmax;
        padding: 1.04948vmax 0 0 1.04948vmax;
    }
    .setting-block dt,
    .setting-block dd {
        padding: 0 1.04948vmax 1.04948vmax 0;
    }
    .setting-block dd {
        flex: 0 1 5.24738vmax;
    }
    .setting-block input {
        width: 14.9925vmax;
        margin: 0 0 0 0.74963vmax;
    }
}
.stake-setting dt {
    flex: 1 1 100%;
}
.stake-setting dd {
    flex: 1 1 25%;
}
.stake-setting .btn,
.stake-setting .btn-send,
.stake-setting .login,
.stake-setting .form-select,
.stake-setting .pages a,
.pages .stake-setting a {
    flex: 1;
    line-height: 2.2;
}
.stake-setting input {
    width: 100%;
    margin: 0;
}
.col-stake_edit a {
    width: 100%;
    line-height: 2.6;
    font-weight: bold;
}
.col-stake_edit .btn-send,
.col-stake_edit .login {
    line-height: 2.6;
}
.btn-edit {
    color: #243a48;
    background: rgba(197, 208, 215, 0.4);
    border: 0.26667vw solid #7e97a7;
    box-shadow: inset 0 0.53333vw 0 0 rgba(255, 255, 255, 0.8);
    border-radius: 1.6vw;
}
.btn-edit:after {
    content: "";
    width: 4vw;
    height: 4vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13"><path fill="rgb(59,81,96)" fill-rule="evenodd" d="M3.115 11.902l.78-.78L1.88 9.103l-.782.78v.92h1.1V11.9h.917zM7.603 3.94c0-.113-.078-.19-.19-.19-.05 0-.102.017-.145.06l-4.65 4.65c-.044.044-.06.095-.06.147 0 .11.076.188.188.188.05 0 .103-.017.146-.06l4.65-4.65c.043-.043.06-.095.06-.146zM7.14 2.29l3.57 3.57L3.57 13H0V9.43l7.14-7.14zm5.86.825c0 .292-.12.575-.317.772l-1.425 1.425-3.57-3.57L9.113.326C9.31.12 9.593 0 9.885 0c.292 0 .575.12.78.326l2.018 2.008c.197.206.317.49.317.78z"/></svg>')
        no-repeat;
    background-size: contain;
    vertical-align: top;
    margin-top: 2.66667vw;
    margin-left: 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .btn-edit {
        border-width: 0.14993vmax;
        box-shadow: inset 0 0.29985vmax 0 0 rgba(255, 255, 255, 0.8);
        border-radius: 0.89955vmax;
    }
    .btn-edit:after {
        width: 2.24888vmax;
        height: 2.24888vmax;
        margin-top: 1.49925vmax;
        margin-left: 0.74963vmax;
    }
}
.switch_on,
.switch_off {
    position: relative;
    width: 9.33333vw;
    height: 9.33333vw;
    background: #6bbd11;
    box-shadow: inset 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 1.6vw;
    overflow: hidden;
}
.switch_on span,
.switch_off span {
    position: absolute;
    right: 1.06667vw;
    top: 1.06667vw;
    width: 2.66667vw;
    height: 7.2vw;
    background: #fff;
    box-shadow: 0 0.53333vw 1.06667vw 0 rgba(0, 0, 0, 0.5), inset 0 -0.8vw 0 0 #cad5d5;
    border-radius: 1.06667vw;
    justify-content: center;
    align-items: center;
}
.switch_on span:after,
.switch_off span:after {
    content: "";
    width: 1.06667vw;
    height: 1.33333vw;
    background: #e0e6e6;
    box-shadow: inset 0 0.26667vw 0.26667vw 0 rgba(0, 0, 0, 0.26);
    border-radius: 0.53333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .switch_on,
    .switch_off {
        width: 5.24738vmax;
        height: 5.24738vmax;
        box-shadow: inset 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0.89955vmax;
    }
    .switch_on span,
    .switch_off span {
        right: 0.5997vmax;
        top: 0.5997vmax;
        width: 1.49925vmax;
        height: 4.04798vmax;
        box-shadow: 0 0.29985vmax 0.5997vmax 0 rgba(0, 0, 0, 0.5), inset 0 -0.44978vmax 0 0 #cad5d5;
        border-radius: 0.5997vmax;
    }
    .switch_on span:after,
    .switch_off span:after {
        width: 0.5997vmax;
        height: 0.74963vmax;
        box-shadow: inset 0 0.14993vmax 0.14993vmax 0 rgba(0, 0, 0, 0.26);
        border-radius: 0.29985vmax;
    }
}
.switch_off {
    background-color: #a2b1ba;
}
.switch_off span {
    left: 1.06667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .switch_off span {
        left: 0.5997vmax;
    }
}
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: transparent;
    z-index: 99;
    justify-content: center;
    align-items: center;
}
.loading-wrap {
    width: 40vw;
    height: 24vw;
    background: #fff;
    font-size: 3.2vw;
    color: #243a48;
    box-shadow: 0 0.8vw 2.66667vw 0 rgba(0, 0, 0, 0.5);
    border-radius: 1.33333vw;
    padding: 1.86667vw 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.loading-wrap p {
    flex: 0 0 100%;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .loading-wrap {
        width: 22.48876vmax;
        height: 13.49325vmax;
        font-size: 1.7991vmax;
        box-shadow: 0 0.44978vmax 1.49925vmax 0 rgba(0, 0, 0, 0.5);
        border-radius: 0.74963vmax;
        padding: 1.04948vmax 0;
    }
}
.loading {
    position: relative;
    width: 18.66667vw;
    height: 9.33333vw;
}
.loading > div {
    position: absolute;
    width: 50%;
    height: 100%;
    border-radius: 50%;
}
.loading > div:nth-of-type(1) {
    left: 0;
    background: #feb809;
    animation: loading-1 0.6s ease infinite;
    z-index: 5;
}
.loading > div:nth-of-type(2) {
    left: 50%;
    background: #243a48;
    animation: loading-2 0.6s ease infinite;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .loading {
        width: 10.49475vmax;
        height: 5.24738vmax;
    }
}
.a-depth img {
    width: 5.33333vw;
    height: 5.33333vw;
    background: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle stroke="%231E1E1E" cx="10" cy="10" r="9.5"/><path d="M8 9H7v4h1V9zm2-3H9v7h1V6zm6 8H6V5H5v10h11v-1zm-4-7h-1v6h1V7zm2-2h-1v8h1V5z" fill="%231E1E1E"/></g></svg>')
        no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .a-depth img {
        width: 2.9985vmax;
        height: 2.9985vmax;
    }
}
.function-wrap {
    position: relative;
    padding: 1.33333vw 1.86667vw;
    background-color: #e0e6e6;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .function-wrap {
        padding: 0.74963vmax 1.04948vmax;
    }
}
.form-select {
    position: relative;
    line-height: 2.2;
    text-align: left;
    color: #2789ce;
    padding: 0 1.86667vw;
}
.form-select:after {
    position: absolute;
    right: 2.66667vw;
    top: 3.46667vw;
    content: "";
    border-top: 2.13333vw solid #1e1e1e;
    border-left: 1.6vw solid transparent;
    border-right: 1.6vw solid transparent;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .form-select {
        padding: 0 1.04948vmax;
    }
    .form-select:after {
        right: 1.49925vmax;
        top: 1.94903vmax;
        border-top-width: 1.1994vmax;
        border-left-width: 0.89955vmax;
        border-right-width: 0.89955vmax;
    }
}
.select-list {
    position: absolute;
    width: 96.26667vw;
    max-height: 58.66667vw;
    overflow: auto;
    overflow-x: hidden;
    z-index: 1;
}
.select-list li {
    border-bottom: 1px solid #e0e6e6;
}
.select-list li:last-child {
    border-bottom-width: 0;
}
.select-list a {
    line-height: 2.2;
    font-weight: bold;
    padding: 1.33333vw 1.86667vw;
}
.select-list:not(:target) {
    display: none;
}
.select-list:target {
    display: block;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .select-list {
        width: 54.12294vmax;
        max-height: 32.98351vmax;
    }
    .select-list a {
        padding: 0.74963vmax 1.04948vmax;
    }
}
.chart-wrap h3 {
    background: transparent;
    color: #1e1e1e;
    justify-content: center;
}
.chart {
    position: relative;
    width: 74.13333vw;
    height: 56.8vw;
    margin-left: 9.33333vw;
    overflow: hidden;
}
.chart img {
    position: absolute;
    width: 93.33333vw;
    height: 68vw;
    top: -8.53333vw;
    clip: rect 8.53333vw, 74.13333vw, 65.33333vw, 0px;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .chart {
        width: 41.67916vmax;
        height: 31.93403vmax;
        margin-left: 5.24738vmax;
    }
    .chart img {
        width: 52.47376vmax;
        height: 38.23088vmax;
        top: -4.7976vmax;
        clip: rect 4.7976vmax, 41.67916vmax, 36.73163vmax, 0px;
    }
}
.info-matched {
    font-size: 4vw;
    border-top: 1px solid #e0e6e6;
    margin-bottom: 0;
}
.info-matched dd {
    border-bottom-width: 0;
    padding-bottom: 4vw;
}
.info-matched dd span {
    font-size: 3.46667vw;
    margin-bottom: 0.8vw;
}
.info-matched dd:nth-of-type(1) {
    flex: 1.75;
}
.info-matched dd:nth-of-type(2) {
    flex: 1.5;
}
.info-matched dd:nth-of-type(3) {
    flex: 1;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .info-matched {
        font-size: 2.24888vmax;
    }
    .info-matched dd {
        padding-bottom: 2.24888vmax;
    }
    .info-matched dd span {
        font-size: 1.94903vmax;
        margin-bottom: 0.44978vmax;
    }
}
.to-BackLay {
    justify-content: space-between;
}
.to-BackLay li {
    position: relative;
    padding: 1.86667vw 1.86667vw 1.33333vw;
}
.to-BackLay li:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    border-top: 7.46667vw solid #fff;
}
.to-BackLay li:nth-of-type(1) {
    padding-right: 4vw;
    background-color: #72bbef;
}
.to-BackLay li:nth-of-type(1):after {
    border-left: 1.33333vw solid transparent;
}
.to-BackLay li:nth-of-type(2) {
    padding-left: 4vw;
    background-color: #faa9ba;
}
.to-BackLay li:nth-of-type(2):after {
    left: 0;
    right: auto;
    border-right: 1.06667vw solid transparent;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .to-BackLay li {
        padding: 1.04948vmax 1.04948vmax 0.74963vmax;
    }
    .to-BackLay li:after {
        border-top-width: 4.1979vmax;
    }
    .to-BackLay li:nth-of-type(1) {
        padding-right: 2.24888vmax;
    }
    .to-BackLay li:nth-of-type(1):after {
        border-left-width: 0.74963vmax;
    }
    .to-BackLay li:nth-of-type(2) {
        padding-left: 2.24888vmax;
    }
    .to-BackLay li:nth-of-type(2):after {
        border-right-width: 0.5997vmax;
    }
}
.trade-wrap {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    border: 1px solid #7e97a7;
    border-width: 1px 0 1px 0;
    margin-bottom: 2.66667vw;
    flex-wrap: wrap;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .trade-wrap {
        margin-bottom: 1.49925vmax;
    }
}
.trade,
.trade-2 {
    flex: 0 0 100%;
}
.trade dd,
.trade-2 dd {
    width: 20vw;
}
.trade p,
.trade-2 p {
    padding: 1.6vw 0.8vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .trade dd,
    .trade-2 dd {
        width: 11.24438vmax;
    }
    .trade p,
    .trade-2 p {
        padding: 0.89955vmax 0.44978vmax;
    }
}
.trade-2 {
    height: 7.46667vw;
}
.trade-2 dd {
    border-color: #e0e6e6;
}
.trade-2 p {
    font-weight: normal;
    font-size: 2.93333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .trade-2 {
        height: 4.1979vmax;
    }
    .trade-2 p {
        font-size: 1.64918vmax;
    }
}
.table-fancy .col-lay {
    background-color: #fae5eb;
    border-color: #fff;
}
.table-fancy .col-back {
    background-color: #cde8fd;
    border-color: #fff;
}
.announce-header {
    position: sticky;
    position: -webkit-sticky;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.announce-header h1 {
    color: #1e1e1e;
    font-size: 4.8vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .announce-header {
        position: relative;
        top: 0;
        left: 0;
    }
    .announce-header h1 {
        font-size: 2.69865vmax;
    }
}
footer {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e0e6e6;
    padding: 2.13333vw 0;
    background: #fff;
}
footer .confirm-checkbox {
    margin-bottom: 3.2vw;
}
footer .confirm-checkbox:before {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 1.06667vw;
    border: 1px solid #aaa;
    background: #fff;
    content: "";
    vertical-align: bottom;
}
footer .confirm-checkbox.checked:before {
    border: 1px solid #666;
    background: #333 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(225,225,225)"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></g></svg>')
        center no-repeat;
    background-size: contain;
}
footer .btn,
footer .btn-send,
footer .login,
footer .form-select,
footer .pages a,
.pages footer a,
footer .btn-send,
footer .login {
    width: 45.33333vw;
    height: 10.66667vw;
    margin: 0 1.06667vw 0 0;
    font-size: 4vw;
    line-height: 10.66667vw;
}
footer .btn-send,
footer .login {
    margin: 0 auto;
}
@media (orientation: landscape) {
    footer {
        position: fixed;
        padding: 0;
        height: 0;
        border: 0;
    }
    footer .confirm-checkbox {
        display: none;
    }
    footer .btn,
    footer .btn-send,
    footer .login,
    footer .form-select,
    footer .pages a,
    .pages footer a {
        position: absolute;
        z-index: 10;
        right: 1.86667vw;
        bottom: 22.93333vw;
        width: 10.66667vw;
        height: 10.66667vw;
        font-size: 0;
        margin: 0;
        border-radius: 26.66667vw;
    }
    footer .btn:before,
    footer .btn-send:before,
    footer .login:before,
    footer .form-select:before,
    footer .pages a:before,
    .pages footer a:before {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 26.66667vw;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(50,50,50)"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g></svg>') center
            no-repeat;
        background-size: contain;
        content: "";
    }
    footer .btn-send,
    footer .login {
        bottom: 6.4vw;
    }
    footer .btn-send:before,
    footer .login:before {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"></path></g></svg>') center
            no-repeat;
        background-size: contain;
    }
    footer .age_box .btn:before,
    footer .age_box .btn-send:before,
    footer .age_box .login:before,
    footer .age_box .form-select:before,
    footer .age_box .pages a:before,
    .pages footer .age_box a:before {
        background: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h40v40H0z"/><path fill="rgb(50,50,50)" d="M31.667 10.683l-2.35-2.35L20 17.65l-9.317-9.317-2.35 2.35L17.65 20l-9.317 9.317 2.35 2.35L20 22.35l9.317 9.317 2.35-2.35L22.35 20z"/></g></svg>')
            center no-repeat;
        background-size: contain;
    }
    footer .age_box .btn-send:before,
    footer .age_box .login:before {
        background: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h40v40H0z"/><path fill="rgb(255,255,255)" d="M15 26.95L8.05 20l-2.367 2.35L15 31.667l20-20-2.35-2.35z"/></g></svg>')
            center no-repeat;
        background-size: contain;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    footer .btn,
    footer .btn-send,
    footer .login,
    footer .form-select,
    footer .pages a,
    .pages footer a {
        right: 1.04948vmax;
        bottom: 12.89355vmax;
        width: 7.1964vmax;
        height: 7.1964vmax;
    }
    footer .btn-send,
    footer .login {
        bottom: 3.5982vmax;
    }
}
/* .announce-wrap table {
    margin: 2.13333vw 0 4.26667vw 0;
    width: 100%;
    border-top: 2px solid #7e97a7;
    border-bottom: 2px solid #7e97a7;
    font-size: 3.46667vw;
}
.announce-wrap table th {
    border-right: 1px solid #e0e6e6;
    color: #3b5160;
    font-weight: normal;
}
.announce-wrap table tr {
    border-bottom: 1px solid #e0e6e6;
}
.announce-wrap table tr:first-of-type {
    border-top: 1px solid #7e97a7;
}
.announce-wrap table tr:last-of-type {
    border-bottom: 1px solid #7e97a7;
}
.announce-wrap table td,
.announce-wrap table th {
    padding: 1.06667vw 0 1.06667vw 2.13333vw;
}
.announce-wrap .nofound_box {
    display: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .announce-wrap {
        padding-top: 2.3988vmax;
        padding-bottom: 2.3988vmax;
    }
    .announce-wrap table {
        margin: 1.1994vmax 0 2.3988vmax 0;
        font-size: 1.94903vmax;
    }
    .announce-wrap table td,
    .announce-wrap table th {
        padding: 0.5997vmax 0 0.5997vmax 1.1994vmax;
    }
} */
.news-wrap {
    position: relative;
    flex-direction: column;
    width: 89.33333vw;
    height: 90%;
    border-radius: 1.33333vw;
    background: #fff;
}
.news-wrap .side-head {
    flex: 0 0 12.8vw;
    border-radius: 1.6vw 1.6vw 0 0;
}
.news-wrap .side-head h3 {
    font-size: 4.3vw;
    line-height: 1;
    justify-content: center;
}
.news-wrap .announce-wrap {
    flex: 1;
    padding-top: 4.26667vw;
    padding-bottom: 0;
}
.news-wrap footer {
    position: relative;
    border-radius: 0 0 1.33333vw 1.33333vw;
}
.news-wrap.news-wrap-frame {
    position: relative;
    width: 100%;
    height: 85vh;
}
.news-wrap.news-wrap-frame .side-head,
.news-wrap.news-wrap-frame footer {
    position: sticky;
    position: -webkit-sticky;
}
.news-wrap.news-wrap-frame .side-head {
    top: auto;
    z-index: 2;
    border-radius: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .news-wrap {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
    .news-wrap .side-head {
        flex: 0 0 7.1964vmax;
        border-radius: 0.74963vmax 0.74963vmax 0 0;
    }
    .news-wrap .side-head h3 {
        font-size: 2.69865vmax;
    }
    .news-wrap .announce-wrap {
        padding-top: 2.3988vmax;
        padding-bottom: 3.5982vmax;
    }
    .news-wrap .btn-send,
    .news-wrap .login {
        position: fixed;
    }
}
.overlay .frame-wrap {
    width: 89.33333vw;
    height: 90%;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .overlay .frame-wrap {
        width: 100%;
        height: 100%;
    }
}
.marquee-pop .side-head {
    flex: 0 0 10.66667vw;
}
.marquee-pop .side-head h3 {
    font-size: 4vw;
    line-height: 1;
    justify-content: flex-start;
}
.marquee-pop .function-wrap {
    background-color: #e0e6e6;
    margin-bottom: 0;
}
.marquee-pop .function-wrap label {
    position: relative;
}
.marquee-pop .function-wrap label span {
    position: absolute;
    z-index: 10;
    left: 0;
    height: 9.33333vw;
    width: 8vw;
    background: #888;
    border-radius: 1.33333vw 0vw 0vw 1.33333vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.marquee-pop .function-wrap label span:before {
    content: "";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    height: 4.26667vw;
    width: 4.26667vw;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M9.792 10.417v1.573h-6.251v-1.573h6.251zm4.416 3.971v-8.767h-12.416v8.767h12.416zm0-12.777c.484 0 .903.16 1.259.48.356.32.533.697.533 1.132v11.165c0 .435-.178.812-.533 1.132-.356.32-.775.48-1.259.48h-12.416c-.498 0-.921-.16-1.269-.48-.348-.32-.523-.697-.523-1.132v-11.165c0-.435.174-.812.523-1.132.348-.32.772-.48 1.269-.48h.875v-1.612h1.792v1.612h7.083v-1.612h1.792v1.612h.875zm-1.749 5.583v1.612h-8.917v-1.612h8.917z" fill="%23FFFFFF"/></svg>');
}
.marquee-pop .function-wrap label input {
    padding: 0 1.86667vw;
    height: 8.8vw;
    width: 48vw;
    line-height: 2.2;
    text-indent: 8vw;
    margin-bottom: inherit;
    margin-right: 1.33333vw;
}
.marquee-pop .function-wrap .btn-send,
.marquee-pop .function-wrap .login {
    line-height: 2.2;
    min-width: 26.66667vw;
}
.marquee-pop .announce-wrap {
    flex: 1;
    border-radius: 0 0 1.33333vw 1.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .marquee-pop {
        width: 96%;
        height: 90%;
        border-radius: 1.49925vmax;
    }
    .marquee-pop .side-head {
        flex: 0 0 5.997vmax;
    }
    .marquee-pop .side-head h3 {
        font-size: 2.24888vmax;
    }
    .marquee-pop .function-wrap {
        padding: 0.74963vmax 1.04948vmax;
    }
    .marquee-pop .function-wrap label span {
        height: 5.09745vmax;
        width: 4.49775vmax;
        border-radius: 0.74963vmax 0vmax 0vmax 0.74963vmax;
    }
    .marquee-pop .function-wrap label span:before {
        height: 2.3988vmax;
        width: 2.3988vmax;
    }
    .marquee-pop .function-wrap label input {
        width: 26.98651vmax;
        padding: 0 1.04948vmax;
        height: 4.7976vmax;
        text-indent: 4.49775vmax;
        margin-right: 0.74963vmax;
    }
    .marquee-pop .function-wrap .btn-send,
    .marquee-pop .function-wrap .login {
        min-width: 14.9925vmax;
        position: inherit;
    }
    .marquee-pop .announce-wrap {
        border-radius: 0 0 0.74963vmax 0.74963vmax;
    }
}
.nofound {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nofound .nofound_box {
    display: flex;
    align-items: center;
    vertical-align: top;
    flex-direction: column;
    margin-bottom: 0vw;
    max-width: 80vw;
}
.nofound .nofound_box dt {
    width: 26.93333vw;
    height: 25.86667vw;
    margin-bottom: 5.33333vw;
    /* background: url('../images/ic-search.svg') no-repeat; */
    background-size: contain;
}
.nofound .nofound_box dd {
    margin-bottom: 1.33333vw;
    text-align: center;
    font-weight: bold;
    flex: 1;
}
.nofound .article-wrap {
    display: none;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .nofound .nofound_box {
        max-width: 44.97751vmax;
    }
    .nofound .nofound_box dt {
        width: 15.14243vmax;
        height: 14.54273vmax;
        margin-bottom: 2.9985vmax;
    }
    .nofound .nofound_box dd {
        margin-bottom: 0.74963vmax;
    }
}
.pages {
    display: flex;
    justify-content: center;
    margin: 2.66667vw 0;
}
.pages li {
    list-style: none;
    margin-right: 0.8vw;
    margin-left: 0.8vw;
}
.pages a {
    font-weight: normal;
    margin: 0;
    line-height: 9.33333vw;
    padding: 0vw 3.2vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .pages {
        margin: 0.74963vmax 0;
    }
    .pages li {
        margin-right: 0.44978vmax;
        margin-left: 0.44978vmax;
    }
    .pages a {
        line-height: 4.7976vmax;
        padding: 0vmax 1.7991vmax;
    }
}
.article-wrap {
    border-bottom: 1px solid #e0e6e6;
    padding-top: 5.33333vw;
    padding-bottom: 6.66667vw;
}
.article-wrap:first-of-type {
    padding-top: 0;
}
.article-wrap:last-of-type {
    border-bottom: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .article-wrap {
        padding-top: 2.9985vmax;
        padding-bottom: 3.74813vmax;
    }
}
.article-date {
    width: 18.66667vw;
    margin-bottom: 4.26667vw;
    border-top: 1.06667vw solid #4a4a4a;
    padding-top: 1.06667vw;
    color: #4a4a4a;
}
.article-date dt {
    margin-right: 0.53333vw;
    font-size: 8vw;
    line-height: 8.53333vw;
}
.article-date dd {
    font-size: 3.73333vw;
    line-height: 4.26667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .article-date {
        width: 10.49475vmax;
        margin-bottom: 2.3988vmax;
        border-top: 0.5997vmax solid #4a4a4a;
        padding-top: 0.5997vmax;
    }
    .article-date dt {
        margin-right: 0.29985vmax;
        font-size: 4.49775vmax;
        line-height: 4.7976vmax;
    }
    .article-date dd {
        font-size: 2.09895vmax;
        line-height: 2.3988vmax;
    }
}
/* .mysports247 .announce-header h1 {
    color: #1e1e1e;
}
.mysports247 .news-wrap .announce-header {
    background: url('../images/popup-header-mysports247.png') center no-repeat;
    background-size: cover;
} */
.betexchange247 .announce-header h1 {
    color: #feb809;
}

/* .mazaplay .announce-header h1 {
    color: #fff;
}
.mazaplay .news-wrap .announce-header {
    background: url('../images/popup-header-mazaplay.png') center no-repeat;
    background-size: cover;
}
.maruti .announce-header h1 {
    color: #fff;
}

.betexchange247 .announce-header h1 {
    color: #feb809;
} */


.select .icon-kabaddi {
    background: url('data:image/svg+xml,<svg width="33" height="33" xmlns="http://www.w3.org/2000/svg"><path d="M5.877 11.527a4.294 4.294 0 118.589 0 4.294 4.294 0 01-8.59 0zm11.95 5.78a1.97 1.97 0 012.86.068 2.155 2.155 0 01-.066 2.967l-.454.453-2.989-2.842.65-.646zm4.55-10.074a4.294 4.294 0 110 8.589 4.294 4.294 0 010-8.59zm2.513 16.152c-.627 1.081-1.21 2.082-1.789 3.087-.26.452-.56.832-1.094 1.014-.687.234-1.283.129-1.817-.217-.406-.224-.88-.615-1.454-1.21l-6.287-5.794a2.03 2.03 0 012.747-2.99l1.614 1.5c1.219 1.104 2.58 2.367 3.614 3.29.103.092.213.179.351.295.094-.132.18-.235.246-.35a852.85 852.85 0 001.885-3.32c.078-.138.157-.28.203-.43.616-2.014 2.173-3.055 4.017-3.661 1.678-.552 3.421.24 4.368 1.8.456.753.911 1.507 1.365 2.26.093-.706.141-1.427.141-2.159C33 7.387 25.613 0 16.5 0S0 7.387 0 16.5c0 .733.048 1.455.141 2.163l1.28-2.126c1.263-2.104 3.536-2.658 5.675-1.436a7.85 7.85 0 012.059 1.708c.226.261.39.582.55.892.8 1.546 1.59 3.098 2.424 4.728l.716-.686 3.007 2.754-.123.109-1.616 1.544a2.04 2.04 0 01-.364.275c-.332.294-.678.582-1.057.866-.74.552-2.078.476-2.74-.7-.579-1.03-1.164-2.057-1.8-3.178-1.032 1.705-2.03 3.35-3.042 5.025A16.444 16.444 0 0016.5 33c4.427 0 8.446-1.744 11.41-4.581l-3.02-5.034z" fill="rgb(0,0,0)" fill-rule="evenodd"/></svg>') no-repeat;
}
.app-wrap {
    margin-top: 32vw;
}
.app-wrap .btn-send,
.app-wrap .login {
    border-width: 0px;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .app-wrap {
        margin-top: 3.5982vmax;
    }
}

@media screen and (min-aspect-ratio: 16 / 9) {
    .app-qrcode {
        width: 21.58921vmax;
        height: 21.58921vmax;
        margin: 0 auto 1.7991vmax;
        border-radius: 2.9985vmax;
        box-shadow: 0 0.5997vmax 0.89955vmax rgba(0, 0, 0, 0.4);
    }
}
.appdl-link-android,
.appdl-link-ios {
    margin-bottom: 3.2vw;
}
.appdl-link-android .btn-app,
.appdl-link-ios .btn-app {
    position: relative;
    width: 72.53333vw;
    height: 12.8vw;
    padding-left: 12.26667vw;
    margin: 0 auto 3.2vw;
    line-height: 12.8vw;
    box-sizing: border-box;
}
.appdl-link-android .btn-app:before,
.appdl-link-ios .btn-app:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 12.8vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.8)
        url('data:image/svg+xml,<svg width="24" height="28" viewBox="0 0 24 28" xmlns="http://www.w3.org/2000/svg"><g fill="%23FFFFFF" fill-rule="nonzero"><path d="M1.779 9.054c-.488 0-.901.168-1.241.504-.34.336-.51.739-.51 1.209v7.223c0 .482.17.89.51 1.226.34.336.754.504 1.241.504.487 0 .898-.168 1.233-.504.334-.336.502-.744.502-1.226v-7.223c0-.47-.17-.874-.51-1.209-.34-.336-.749-.504-1.225-.504zM15.862 2.57l1.208-2.2c.079-.146.051-.257-.085-.336-.148-.068-.261-.033-.34.101l-1.224 2.218c-1.077-.47-2.217-.706-3.419-.706s-2.342.236-3.419.706l-1.225-2.218c-.08-.134-.193-.168-.34-.101-.136.079-.164.19-.085.336l1.208 2.2c-1.225.617-2.2 1.476-2.925 2.579-.726 1.104-1.089 2.31-1.089 3.62h15.732c0-1.31-.363-2.516-1.089-3.62-.726-1.103-1.695-1.962-2.908-2.579zm-6.982 3.2c-.131.129-.287.194-.468.194-.182 0-.334-.064-.459-.194-.125-.129-.187-.282-.187-.462 0-.179.062-.333.187-.462s.278-.193.459-.193.337.064.468.193c.13.129.196.283.196.462 0 .179-.066.333-.196.462zm7.169 0c-.125.129-.278.194-.459.194-.182 0-.338-.064-.468-.194-.131-.129-.196-.282-.196-.462 0-.179.065-.333.196-.462.13-.129.286-.193.468-.193.181 0 .334.064.459.193s.187.283.187.462c0 .179-.062.333-.187.462zM4.195 20.56c0 .516.181.952.544 1.31.363.358.805.537 1.327.537h1.259l.017 3.814c0 .482.17.89.51 1.226.34.336.749.504 1.225.504.487 0 .901-.168 1.241-.504.34-.336.51-.745.51-1.226v-3.813h2.347v3.813c0 .482.17.89.51 1.226.34.336.754.504 1.241.504.487 0 .901-.168 1.241-.504.34-.336.51-.745.51-1.226v-3.813h1.276c.51 0 .946-.179 1.31-.537.363-.358.544-.795.544-1.31v-11.188h-15.612v11.188zM22.223 9.054c-.476 0-.884.165-1.225.496-.34.331-.51.737-.51 1.218v7.223c0 .482.17.89.51 1.226.34.336.749.504 1.225.504.487 0 .901-.168 1.241-.504.34-.336.51-.744.51-1.226v-7.223c0-.481-.17-.887-.51-1.218-.34-.33-.754-.496-1.241-.496z"/></g></svg>')
        no-repeat center;
    background-size: 6.4vw;
    border-top-left-radius: 1.6vw;
    border-bottom-left-radius: 1.6vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .appdl-link-android .btn-app,
    .appdl-link-ios .btn-app {
        width: 40.77961vmax;
        height: 7.1964vmax;
        padding-left: 6.89655vmax;
        line-height: 7.1964vmax;
    }
    .appdl-link-android .btn-app:before,
    .appdl-link-ios .btn-app:before {
        width: 7.1964vmax;
        height: 100%;
        background-size: 3.5982vmax;
        border-top-left-radius: 0.89955vmax;
        border-bottom-left-radius: 0.89955vmax;
    }
}
.appdl-link-android .app-ver,
.appdl-link-ios .app-ver {
    font-size: 4vw;
    text-align: center;
    color: #fff;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .appdl-link-android .app-ver,
    .appdl-link-ios .app-ver {
        margin-top: 1.7991vmax;
        font-size: 2.24888vmax;
    }
}
.appdl-link-ios .btn-app:before {
    background-image: url('data:image/svg+xml,<svg width="23" height="28" xmlns="http://www.w3.org/2000/svg"><path d="M7.57 27.24h-.75a4.54 4.54 0 0 1-2.58-1.67 17.32 17.32 0 0 1-3.5-6.23 13.69 13.69 0 0 1-.5-6.85A7.23 7.23 0 0 1 3.5 7.57a5.8 5.8 0 0 1 4.87-.8c.72.21 1.42.5 2.12.77.51.19 1.02.22 1.53.01l1.07-.4a7.6 7.6 0 0 1 3.49-.67c1.94.18 3.56.94 4.76 2.51.3.4.3.42-.1.7a5.71 5.71 0 0 0-2.13 7 5.69 5.69 0 0 0 2.84 2.9c.19.1.36.17.27.43a15.85 15.85 0 0 1-3.64 6.03 3.42 3.42 0 0 1-3.36 1.07c-.58-.14-1.14-.38-1.7-.6a4.86 4.86 0 0 0-3.38-.15l-2.58.87zm3.27-21.4A6.12 6.12 0 0 1 13.77.91a5.77 5.77 0 0 1 2.45-.9c.39-.04.46.01.49.4.15 2.6-1.74 5.64-4.68 6.16-.27.05-.55.04-.82.05-.23.01-.35-.1-.35-.33l-.02-.45z" fill="%23FFFFFF" fill-rule="evenodd"/></svg>');
}
.urgent-notice {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100%;
    opacity: 0;
    background: #ffffff;
    animation: urgent-notice 0.3s ease 1s 1 alternate forwards;
}
.urgent-notice header {
    height: 17.06667vw;
    color: #feb809;
    background-image: -webkit-linear-gradient(#414141 0%, #000 100%);
    background-image: -o-linear-gradient(#414141 0%, #000 100%);
    background-image: linear-gradient(#414141 0%, #000 100%);
}
.urgent-notice header h1 {
    color: #f8d61c;
    font-size: 6.4vw;
    letter-spacing: 0.26667vw;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.6);
}
.urgent-notice .notice-content {
    padding: 3.2vw 4.26667vw 22.93333vw 4.26667vw;
    font-size: 4.26667vw;
    line-height: 5.86667vw;
}
.urgent-notice .notice-img {
    margin-top: 1.06667vw;
    text-align: center;
}
.urgent-notice .notice-img img {
    width: 100%;
}
.urgent-notice .notice-img .img-fake {
    margin-top: 3.2vw;
    height: 12.8vw;
    width: auto;
}
.urgent-notice .hilight {
    font-weight: bold;
    text-decoration: underline;
}
@media (orientation: landscape) {
    .urgent-notice header {
        justify-content: flex-start;
        padding-left: 6.4vw;
    }
    .urgent-notice .notice-content {
        padding-bottom: 8.53333vw;
    }
    .urgent-notice .announce-footer {
        position: absolute;
        top: 0;
        background: transparent;
    }
    .urgent-notice .btn-send,
    .urgent-notice .login {
        top: 0;
        right: 0;
        margin: 0;
        width: 17.06667vw;
        height: 17.06667vw;
        background: transparent;
        background-image: none !important;
        border-left: 0.26667vw solid rgba(255, 255, 255, 0.6) !important;
        border-radius: 0;
        box-shadow: none;
    }
    .urgent-notice .btn-send:before,
    .urgent-notice .login:before {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>')
            center no-repeat;
        background-size: 50%;
    }
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .urgent-notice {
        height: auto;
    }
    .urgent-notice header {
        justify-content: center;
        height: 9.5952vmax;
        padding: 0;
    }
    .urgent-notice header h1 {
        font-size: 3.5982vmax;
        letter-spacing: 0.14993vmax;
        text-shadow: 0 0.29985vmax 0.5997vmax rgba(0, 0, 0, 0.6);
    }
    .urgent-notice .notice-content {
        padding: 2.3988vmax 2.3988vmax 4.7976vmax 2.3988vmax;
        font-size: 2.3988vmax;
        line-height: 3.29835vmax;
    }
    .urgent-notice .notice-img {
        margin-top: 0.5997vmax;
    }
    .urgent-notice .notice-img img {
        width: 80%;
    }
    .urgent-notice .notice-img .img-fake {
        margin-top: 2.3988vmax;
        height: 8.9955vmax;
        width: auto;
    }
    .urgent-notice .btn-send,
    .urgent-notice .login {
        width: 9.5952vmax;
        height: 9.5952vmax;
        border-left: 0.14993vmax solid rgba(255, 255, 255, 0.6) !important;
    }
}
.a-search {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 12.8vw;
    height: 12.26667vw;
    padding: 0;
    background-image: linear-gradient(180deg, #525252 0%, #2d2d2d 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
}
/* .a-search:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 13.06667vw;
    width: 8.26667vw;
    height: 12.26667vw;
    background-image: linear-gradient(90deg, transparent 0%, #000 110%);
} */
.a-search:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.86667vw;
    height: 5.86667vw;
    background: url('data:image/svg+xml,<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg"><path d="m29.6697865 25.8286042h-1.0026615l-.3764635-.3143021c1.191151-1.4455833 1.9434479-3.2687188 1.9434479-5.342849-.0000573-4.5258698-3.6359011-8.1714531-8.14825-8.1714531-4.4505886 0-8.0858594 3.6455833-8.0858594 8.1714531s3.6352708 8.1713959 8.1483073 8.1713959c2.0058385 0 3.886151-.7543594 5.3276094-1.948375l.3758906.3143593v1.0055261l6.2678802 6.2856406 1.8803125-1.8856979zm-7.5214792 0c-3.1339688 0-5.6411094-2.5143594-5.6411094-5.6571511 0-3.1429062 2.5071406-5.6570937 5.6411094-5.6570937 3.1338542 0 5.6410521 2.5141875 5.6410521 5.6570937 0 3.1427917-2.5071979 5.6571511-5.6410521 5.6571511z" fill="rgb(255,255,255)" transform="translate(-14 -12)"/></svg>')
        center no-repeat;
    background-size: cover;
}
.a-search + .wrap-highlight ul {
    padding-right: 21.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .a-search {
        width: 7.1964vmax;
        height: 6.89655vmax;
    }
    .a-search:before {
        right: 7.34633vmax;
        width: 4.64768vmax;
        height: 6.89655vmax;
    }
    .a-search:after {
        width: 3.29835vmax;
        height: 3.29835vmax;
    }
    .a-search + .wrap-highlight ul {
        padding-right: 1.04948vmax;
    }
}
.search-pop {
    width: 100%;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}
.search-input {
    width: calc(100% - 32vw);
    height: 17.06667vw;
    margin: 0;
    padding: 0 21.33333vw 0 10.66667vw;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.search-input::placeholder {
    color: #9b9b9b;
}
.search-input:focus {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.search-input:focus::placeholder {
    color: transparent;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .search-input {
        width: calc(100% - 17.991vmax);
        height: 8.3958vmax;
        padding: 0 11.994vmax 0 5.997vmax;
    }
}
.search-back,
.search-clear,
.search-collapse {
    position: absolute;
    z-index: 2;
    display: block;
    width: 10.66667vw;
    height: 17.06667vw;
    background: url('data:image/svg+xml,<svg height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform=""><path d="m0 0h40v40h-40z"/><path d="m16.9093851 12 8.0906149 8-8.0906149 8-1.9093851-1.888 6.2135922-6.112-6.2135922-6.112z" fill="rgb(74,74,74)" transform="matrix(-1 0 0 1 40 0)"/></g></svg>')
        center no-repeat;
    background-size: contain;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .search-back,
    .search-clear,
    .search-collapse {
        width: 5.997vmax;
        height: 8.3958vmax;
    }
}
.search-clear,
.search-collapse {
    top: 0;
    right: 10.66667vw;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="rgb(74,74,74)" fill-rule="evenodd" d="M9 .912L5.412 4.5 9 8.088 8.088 9 4.5 5.412.912 9 0 8.088 3.588 4.5 0 .912.912 0 4.5 3.588 8.088 0z"/></svg>')
        center no-repeat;
    background-size: 4.26667vw;
    border: 0;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .search-clear,
    .search-collapse {
        right: 5.997vmax;
        background-size: 2.3988vmax;
    }
}
.search-collapse {
    right: 0;
    background: url('data:image/svg+xml,<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg"><path d="m29.6697865 25.8286042h-1.0026615l-.3764635-.3143021c1.191151-1.4455833 1.9434479-3.2687188 1.9434479-5.342849-.0000573-4.5258698-3.6359011-8.1714531-8.14825-8.1714531-4.4505886 0-8.0858594 3.6455833-8.0858594 8.1714531s3.6352708 8.1713959 8.1483073 8.1713959c2.0058385 0 3.886151-.7543594 5.3276094-1.948375l.3758906.3143593v1.0055261l6.2678802 6.2856406 1.8803125-1.8856979zm-7.5214792 0c-3.1339688 0-5.6411094-2.5143594-5.6411094-5.6571511 0-3.1429062 2.5071406-5.6570937 5.6411094-5.6570937 3.1338542 0 5.6410521 2.5141875 5.6410521 5.6570937 0 3.1427917-2.5071979 5.6571511-5.6410521 5.6571511z" fill="rgb(74,74,74)" transform="translate(-14 -12)"/></svg>')
        center no-repeat;
    background-size: 5.86667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .search-collapse {
        right: 0;
        background-size: 3.29835vmax;
    }
}
.no-matching {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 6.4vw 0;
}
.no-matching dt {
    flex: 0 0 100%;
    width: 6.4vw;
    height: 6.4vw;
    margin-bottom: 2.13333vw;
    background: url('data:image/svg+xml,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 0c-6.624 0-12 5.376-12 12s5.376 12 12 12 12-5.376 12-12-5.376-12-12-12zm.8 17.6h-1.6v-1.6h1.6zm0-4h-1.6v-7.2h1.6z" fill="rgb(155,155,155)" transform=""/></svg>')
        center no-repeat;
    background-size: contain;
}
.no-matching dd {
    flex: 0 0 100%;
    color: #9b9b9b;
    font-size: 4.53333vw;
    text-align: center;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .no-matching {
        padding: 3.5982vmax 0;
    }
    .no-matching dt {
        width: 3.5982vmax;
        height: 3.5982vmax;
        margin-bottom: 1.1994vmax;
    }
    .no-matching dd {
        font-size: 2.54873vmax;
    }
}
.suggestion-wrap {
    max-height: 46.66667vw;
    border-top: 1px solid #d8d8d8;
    overflow: scroll;
}
.suggestion-wrap ul {
    padding-bottom: 2.13333vw;
}
.suggestion-wrap li {
    height: 11.73333vw;
    line-height: 11.73333vw;
    list-style: none;
    text-indent: 3.73333vw;
}
.suggestion-wrap li p,
.suggestion-wrap li a {
    display: block;
    height: 100%;
    color: #2789ce;
    font-size: 4vw;
    font-weight: bold;
}
.suggestion-wrap li p:active,
.suggestion-wrap li p:hover,
.suggestion-wrap li p.hover,
.suggestion-wrap li a:active,
.suggestion-wrap li a:hover,
.suggestion-wrap li a.hover {
    background-color: #e2e8ed;
}
.suggestion-wrap li .time {
    margin-right: 1.86667vw;
    font-weight: normal;
    color: #777777;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .suggestion-wrap {
        max-height: calc(100vh - 8.3958vmax);
    }
    .suggestion-wrap ul {
        padding-bottom: 9.5952vmax;
    }
    @supports (-webkit-overflow-scrolling: touch) {
        .suggestion-wrap ul {
            padding-bottom: 3.5982vmax;
        }
    }
    .suggestion-wrap li {
        height: 6.5967vmax;
        line-height: 6.5967vmax;
        text-indent: 2.09895vmax;
    }
    .suggestion-wrap li > p,
    .suggestion-wrap li a {
        font-size: 2.24888vmax;
    }
    .suggestion-wrap li .time {
        margin-right: 1.04948vmax;
    }
}
.expand .suggestion-wrap {
    max-height: calc(100vh - 17.06667vw);
}
.expand .suggestion-wrap ul {
    padding-bottom: 17.06667vw;
}
@supports (-webkit-overflow-scrolling: touch) {
    .expand .suggestion-wrap ul {
        padding-bottom: 6.4vw;
    }
}
.expand .search-input {
    width: calc(100% - 21.33333vw);
    padding: 0 10.66667vw;
}
.expand .search-clear,
.expand .search-collapse {
    display: none;
}
.expand .search-collapse {
    display: block;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .expand .suggestion-wrap {
        max-height: calc(100vh - 8.3958vmax);
    }
    .expand .suggestion-wrap ul {
        padding-bottom: 9.5952vmax;
    }
    @supports (-webkit-overflow-scrolling: touch) {
        .expand .suggestion-wrap ul {
            padding-bottom: 3.5982vmax;
        }
    }
    .expand .search-input {
        width: calc(100% - 11.994vmax);
        padding: 0 5.997vmax;
    }
}
.sr-bb {
    font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background: #1e1e1e;
}
.sr-bb .sr-bb {
    background: none;
}
.sr-bb .srt-base-1 {
    background-color: transparent;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-win {
    background-color: transparent;
    color: #b38108;
    border-color: #b38108;
}
.sr-bb .srt-base-1-draw {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-lose {
    background-color: transparent;
    color: #ffde8d;
    border-color: #ffde8d;
}
.sr-bb .srt-base-1-is-active {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-primary {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-home-1 {
    background-color: transparent;
    color: #1a8ee1;
    border-color: #1a8ee1;
}
.sr-bb .srt-base-1-away-1 {
    background-color: transparent;
    color: #f4496d;
    border-color: #f4496d;
}
.sr-bb .srt-base-1-home-2 {
    background-color: transparent;
    color: #1a8ee1;
    border-color: #946b07;
}
.sr-bb .srt-base-1-away-2 {
    background-color: transparent;
    color: #f4496d;
    border-color: #946b07;
}
.sr-bb .srt-base-1-home-3 {
    background-color: transparent;
    color: #1a8ee1;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-away-3 {
    background-color: transparent;
    color: #f4496d;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-home-4 {
    background-color: transparent;
    color: #1b6ca7;
    border-color: #1b6ca7;
}
.sr-bb .srt-base-1-away-4 {
    background-color: transparent;
    color: #b43c55;
    border-color: #b43c55;
}
.sr-bb .srt-base-1-home-5 {
    background-color: transparent;
    color: #115c92;
    border-color: #115c92;
}
.sr-bb .srt-base-1-away-5 {
    background-color: transparent;
    color: #9f2f47;
    border-color: #9f2f47;
}
.sr-bb .srt-base-1-background {
    background-color: #1e1e1e;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2 {
    background-color: #1e1e1e;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-active {
    background-color: #fff6e2;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-hoverable:hover {
    background-color: #fff6e2;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3 {
    background-color: #fff6e2;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-active {
    background-color: #fff4d8;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #fff4d8;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-background {
    background-color: #1e1e1e;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-4 {
    background-color: #fffbf3;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-active {
    background-color: #ffedc0;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #ffedc0;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-6 {
    background-color: transparent;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.3);
}
.sr-bb .srt-primary-1 {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-active {
    background-color: #cc930a;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #cc930a;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-disabled {
    background-color: #ffbc1b;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-2 {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-3 {
    background-color: #b38108;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-4 {
    background-color: #b38108;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-5 {
    background-color: #ffd161;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-6 {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-7 {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8 {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8-is-active-1 {
    background-color: #cc930a;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8-is-active-2 {
    background-color: #cc930a;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-primary-9 {
    background-color: #ffeab6;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-primary-10 {
    background-color: #ffc63d;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-11 {
    background-color: #ffd161;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-12 {
    background-color: #feb809;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-primary-13 {
    background-color: #fffbf3;
    color: #ffffff;
    border-color: rgba(255, 184, 12, 0.3);
}
.sr-bb .srt-base-1-primary-1 {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-primary-2 {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-primary-3 {
    background-color: transparent;
    color: #b38108;
    border-color: #b38108;
}
.sr-bb .srt-base-1-primary-4 {
    background-color: transparent;
    color: #b38108;
    border-color: #b38108;
}
.sr-bb .srt-base-1-primary-5 {
    background-color: transparent;
    color: #ffd161;
    border-color: #ffd161;
}
.sr-bb .srt-base-1-primary-6 {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-primary-7 {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-primary-8 {
    background-color: transparent;
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-primary-9 {
    background-color: transparent;
    color: #ffeab6;
    border-color: #ffeab6;
}
.sr-bb .srt-base-1-primary-10 {
    background-color: transparent;
    color: #ffc63d;
    border-color: #ffc63d;
}
.sr-bb .srt-base-1-primary-11 {
    background-color: transparent;
    color: #ffd161;
    border-color: #ffd161;
}
.sr-bb .srt-base-1-primary-13 {
    background-color: #1e1e1e;
    color: #fffbf3;
    border-color: rgba(255, 184, 12, 0.3);
}
.sr-bb .srt-base-1-neutral-1 {
    background-color: transparent;
    color: #cccccc;
    border-color: #cccccc;
}
.sr-bb .srt-base-1-neutral-2 {
    background-color: transparent;
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.sr-bb .srt-base-1-neutral-3 {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-base-1-neutral-5 {
    background-color: transparent;
    color: #404040;
    border-color: #404040;
}
.sr-bb .srt-base-1-neutral-6 {
    background-color: transparent;
    color: #171717;
    border-color: #171717;
}
.sr-bb .srt-base-1-neutral-7 {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-base-1-neutral-8 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede;
}
.sr-bb .srt-base-1-neutral-9 {
    background-color: transparent;
    color: #1d1d1d;
    border-color: #1d1d1d;
}
.sr-bb .srt-base-1-neutral-10 {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-11 {
    background-color: transparent;
    color: #121212;
    border-color: #121212;
}
.sr-bb .srt-base-1-neutral-12 {
    background-color: transparent;
    color: #090909;
    border-color: #090909;
}
.sr-bb .srt-base-1-neutral-13 {
    background-color: transparent;
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.sr-bb .srt-base-1-is-active-primary {
    background-color: rgba(255, 184, 12, 0.12);
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-is-active-home-1 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1a8ee1;
    border-color: #1a8ee1;
}
.sr-bb .srt-base-1-is-active-away-1 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #f4496d;
    border-color: #f4496d;
}
.sr-bb .srt-base-1-is-active-home-2 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1a8ee1;
    border-color: #946b07;
}
.sr-bb .srt-base-1-is-active-away-2 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #f4496d;
    border-color: #946b07;
}
.sr-bb .srt-base-1-is-active-home-3 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1a8ee1;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-away-3 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #f4496d;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-home-4 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1b6ca7;
    border-color: #1b6ca7;
}
.sr-bb .srt-base-1-is-active-away-4 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #b43c55;
    border-color: #b43c55;
}
.sr-bb .srt-base-1-is-active-home-5 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #115c92;
    border-color: #115c92;
}
.sr-bb .srt-base-1-is-active-away-5 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #9f2f47;
    border-color: #9f2f47;
}
.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #b38108;
    border-color: #b38108;
}
.sr-bb .srt-base-1-is-active-primary-4 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #b38108;
    border-color: #b38108;
}
.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffd161;
    border-color: #ffd161;
}
.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-is-active-primary-7 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #feb809;
    border-color: #feb809;
}
.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffeab6;
    border-color: #ffeab6;
}
.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffc63d;
    border-color: #ffc63d;
}
.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffd161;
    border-color: #ffd161;
}
.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #cccccc;
    border-color: #cccccc;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: rgba(255, 184, 12, 0.12);
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #404040;
    border-color: #404040;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #171717;
    border-color: #171717;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #dedede;
    border-color: #dedede;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1d1d1d;
    border-color: #1d1d1d;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: rgba(255, 184, 12, 0.12);
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #121212;
    border-color: #121212;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #090909;
    border-color: #090909;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: rgba(255, 184, 12, 0.12);
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.sr-bb .srt-home-1 {
    background-color: #1a8ee1;
    color: #ffffff;
    border-color: #1a8ee1;
}
.sr-bb .srt-away-1 {
    background-color: #f4496d;
    color: #ffffff;
    border-color: #f4496d;
}
.sr-bb .srt-home-2 {
    background-color: #1a8ee1;
    color: #ffffff;
    border-color: #946b07;
}
.sr-bb .srt-away-2 {
    background-color: #f4496d;
    color: #ffffff;
    border-color: #946b07;
}
.sr-bb .srt-home-3 {
    background-color: #1a8ee1;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-away-3 {
    background-color: #f4496d;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-home-4 {
    background-color: #1b6ca7;
    color: #ffffff;
    border-color: #1b6ca7;
}
.sr-bb .srt-away-4 {
    background-color: #b43c55;
    color: #ffffff;
    border-color: #b43c55;
}
.sr-bb .srt-home-5 {
    background-color: #115c92;
    color: #ffffff;
    border-color: #115c92;
}
.sr-bb .srt-away-5 {
    background-color: #9f2f47;
    color: #ffffff;
    border-color: #9f2f47;
}
.sr-bb .srt-neutral-1 {
    background-color: #cccccc;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-2 {
    background-color: #1b1b1b;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-3 {
    background-color: rgba(0, 0, 0, 0.12);
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-4 {
    background-color: #ffffff;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-5 {
    background-color: #404040;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-6 {
    background-color: #171717;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-7 {
    background-color: #ffffff;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-9 {
    background-color: #1d1d1d;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-10 {
    background-color: rgba(0, 0, 0, 0.12);
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-11 {
    background-color: #121212;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-12 {
    background-color: #090909;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-13 {
    background-color: #1b1b1b;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-win {
    background-color: #b38108;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-draw {
    background-color: #feb809;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-lose {
    background-color: #ffde8d;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-text-secondary {
    opacity: 0.7;
}
.sr-bb .srt-text-disabled {
    opacity: 0.35;
}
.sr-bb .srt-text-tertiary {
    opacity: 0.54;
}
.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: 0.7;
}
.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: 0.35;
}
.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: 0.54;
}
.sr-bb .srt-icon {
    opacity: 0.33;
}
.sr-bb .srt-icon-secondary {
    opacity: 0.7;
}
.sr-bb .srt-elevation-1 {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23), 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.26), 0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-fill-blue-card {
    fill: #2579ad;
}
.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad;
}
.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00;
}
.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00;
}
.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b;
}
.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30;
}
.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b;
}
.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835;
}
.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835;
}
.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848;
}
.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848;
}
.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00;
}
.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00;
}
.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34;
}
.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d;
}
.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d;
}
.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #005100;
}
.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #005100;
}
.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b;
}
.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b;
}
.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #51d151;
}
.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #51d151;
}
.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #1976d2;
}
.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #1976d2;
}
.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #64b5f6;
}
.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #64b5f6;
}
.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, 0.3);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #ffffff;
    border-color: #f4a621;
}
.sr-bb .srt-nfl-negative-yards-1 {
    background-color: #ac182e;
    color: #ffffff;
    border-color: #ac182e;
}
.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #ffffff;
    border-color: #ac182e;
}
.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #ffffff;
    border-color: #4b90de;
}
.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #ffffff;
    border-color: #f5a623;
}
.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621;
}
.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621;
}
.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de;
}
.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de;
}
.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623;
}
.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623;
}
.sr-bb .srt-mlb-run-1 {
    background-color: #009900;
    color: #ffffff;
    border-color: #009900;
}
.sr-bb .srt-mlb-run-2 {
    background-color: #ffffff;
    color: #009900;
    border-color: #009900;
}
.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #ffffff;
    border-color: #f7ab11;
}
.sr-bb .srt-mlb-hit-2 {
    background-color: #ffffff;
    color: #f7ab11;
    border-color: #f7ab11;
}
.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #ffffff;
    border-color: #00a4ff;
}
.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #ffffff;
    border-color: #d0021b;
}
.sr-bb .srt-mlb-error-2 {
    background-color: #ffffff;
    color: #d0021b;
    border-color: #d0021b;
}
.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #ffffff;
    border-color: #ffffff;
}
.sr-bb .srt-fill-mlb-base {
    fill: #00a4ff;
}
.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff;
}
.sr-bb .srt-fill-change-increase {
    fill: #4fbe30;
}
.sr-bb .srt-stroke-change-increase {
    stroke: #4fbe30;
}
.sr-bb .srt-fill-change-decrease {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-change-decrease {
    stroke: #e43b3b;
}
.sr-bb .srt-fill-text {
    fill: #ffffff;
}
.sr-bb .srt-fill-text-invert {
    fill: #ffffff;
}
.sr-bb .srt-fill-text-secondary {
    fill-opacity: 0.7;
}
.sr-bb .srt-fill-text-disabled {
    fill-opacity: 0.35;
}
.sr-bb .srt-fill-base-1 {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1 {
    stroke: transparent;
}
.sr-bb .srt-fill-base-1-active {
    fill: rgba(255, 184, 12, 0.12);
}
.sr-bb .srt-stroke-base-1-active {
    stroke: rgba(255, 184, 12, 0.12);
}
.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6;
}
.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6;
}
.sr-bb .srt-fill-base-1-primary {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent;
}
.sr-bb .srt-fill-base-1-home {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1-home {
    stroke: transparent;
}
.sr-bb .srt-fill-base-1-away {
    fill: transparent;
}
.sr-bb .srt-stroke-base-1-away {
    stroke: transparent;
}
.sr-bb .srt-fill-base-2 {
    fill: #1e1e1e;
}
.sr-bb .srt-stroke-base-2 {
    stroke: #1e1e1e;
}
.sr-bb .srt-fill-base-2-active {
    fill: #fff6e2;
}
.sr-bb .srt-stroke-base-2-active {
    stroke: #fff6e2;
}
.sr-bb .srt-fill-base-2-hover {
    fill: #fff6e2;
}
.sr-bb .srt-stroke-base-2-hover {
    stroke: #fff6e2;
}
.sr-bb .srt-fill-base-3 {
    fill: #fff6e2;
}
.sr-bb .srt-stroke-base-3 {
    stroke: #fff6e2;
}
.sr-bb .srt-fill-base-3-active {
    fill: #fff4d8;
}
.sr-bb .srt-stroke-base-3-active {
    stroke: #fff4d8;
}
.sr-bb .srt-fill-base-3-hover {
    fill: #fff4d8;
}
.sr-bb .srt-stroke-base-3-hover {
    stroke: #fff4d8;
}
.sr-bb .srt-fill-primary-1 {
    fill: #feb809;
}
.sr-bb .srt-stroke-primary-1 {
    stroke: #feb809;
}
.sr-bb .srt-fill-primary-2 {
    fill: #feb809;
}
.sr-bb .srt-stroke-primary-2 {
    stroke: #feb809;
}
.sr-bb .srt-fill-primary-3 {
    fill: #b38108;
}
.sr-bb .srt-stroke-primary-3 {
    stroke: #b38108;
}
.sr-bb .srt-fill-primary-4 {
    fill: #b38108;
}
.sr-bb .srt-stroke-primary-4 {
    stroke: #b38108;
}
.sr-bb .srt-fill-primary-5 {
    fill: #ffd161;
}
.sr-bb .srt-stroke-primary-5 {
    stroke: #ffd161;
}
.sr-bb .srt-fill-primary-6 {
    fill: #feb809;
}
.sr-bb .srt-stroke-primary-6 {
    stroke: #feb809;
}
.sr-bb .srt-fill-primary-7 {
    fill: #feb809;
}
.sr-bb .srt-stroke-primary-7 {
    stroke: #feb809;
}
.sr-bb .srt-fill-primary-8 {
    fill: #feb809;
}
.sr-bb .srt-stroke-primary-8 {
    stroke: #feb809;
}
.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #cc930a;
}
.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #cc930a;
}
.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #cc930a;
}
.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #cc930a;
}
.sr-bb .srt-fill-primary-9 {
    fill: #ffeab6;
}
.sr-bb .srt-stroke-primary-9 {
    stroke: #ffeab6;
}
.sr-bb .srt-fill-primary-10 {
    fill: #ffc63d;
}
.sr-bb .srt-stroke-primary-10 {
    stroke: #ffc63d;
}
.sr-bb .srt-fill-primary-11 {
    fill: #ffd161;
}
.sr-bb .srt-stroke-primary-11 {
    stroke: #ffd161;
}
.sr-bb .srt-fill-primary-12 {
    fill: #feb809;
}
.sr-bb .srt-stroke-primary-12 {
    stroke: #feb809;
}
.sr-bb .srt-fill-home-1 {
    fill: #1a8ee1;
}
.sr-bb .srt-stroke-home-1 {
    stroke: #1a8ee1;
}
.sr-bb .srt-fill-home-2 {
    fill: #1a8ee1;
}
.sr-bb .srt-stroke-home-2 {
    stroke: #1a8ee1;
}
.sr-bb .srt-fill-home-3 {
    fill: #1a8ee1;
}
.sr-bb .srt-stroke-home-3 {
    stroke: #1a8ee1;
}
.sr-bb .srt-fill-home-4 {
    fill: #1b6ca7;
}
.sr-bb .srt-stroke-home-4 {
    stroke: #1b6ca7;
}
.sr-bb .srt-fill-home-5 {
    fill: #115c92;
}
.sr-bb .srt-stroke-home-5 {
    stroke: #115c92;
}
.sr-bb .srt-fill-away-1 {
    fill: #f4496d;
}
.sr-bb .srt-stroke-away-1 {
    stroke: #f4496d;
}
.sr-bb .srt-fill-away-2 {
    fill: #f4496d;
}
.sr-bb .srt-stroke-away-2 {
    stroke: #f4496d;
}
.sr-bb .srt-fill-away-3 {
    fill: #f4496d;
}
.sr-bb .srt-stroke-away-3 {
    stroke: #f4496d;
}
.sr-bb .srt-fill-away-4 {
    fill: #b43c55;
}
.sr-bb .srt-stroke-away-4 {
    stroke: #b43c55;
}
.sr-bb .srt-fill-away-5 {
    fill: #9f2f47;
}
.sr-bb .srt-stroke-away-5 {
    stroke: #9f2f47;
}
.sr-bb .srt-fill-neutral-1 {
    fill: #cccccc;
}
.sr-bb .srt-stroke-neutral-1 {
    stroke: #cccccc;
}
.sr-bb .srt-fill-neutral-2 {
    fill: #1b1b1b;
}
.sr-bb .srt-stroke-neutral-2 {
    stroke: #1b1b1b;
}
.sr-bb .srt-fill-neutral-3 {
    fill: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-stroke-neutral-3 {
    stroke: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-fill-neutral-4 {
    fill: #ffffff;
}
.sr-bb .srt-stroke-neutral-4 {
    stroke: #ffffff;
}
.sr-bb .srt-fill-neutral-5 {
    fill: #404040;
}
.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040;
}
.sr-bb .srt-fill-neutral-6 {
    fill: #171717;
}
.sr-bb .srt-stroke-neutral-6 {
    stroke: #171717;
}
.sr-bb .srt-fill-neutral-7 {
    fill: #ffffff;
}
.sr-bb .srt-stroke-neutral-7 {
    stroke: #ffffff;
}
.sr-bb .srt-fill-neutral-8 {
    fill: #dedede;
}
.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede;
}
.sr-bb .srt-fill-neutral-9 {
    fill: #1d1d1d;
}
.sr-bb .srt-stroke-neutral-9 {
    stroke: #1d1d1d;
}
.sr-bb .srt-fill-neutral-10 {
    fill: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-stroke-neutral-10 {
    stroke: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-fill-neutral-11 {
    fill: #121212;
}
.sr-bb .srt-stroke-neutral-11 {
    stroke: #121212;
}
.sr-bb .srt-fill-neutral-12 {
    fill: #090909;
}
.sr-bb .srt-stroke-neutral-12 {
    stroke: #090909;
}
.sr-bb .srt-fill-neutral-13 {
    fill: #1b1b1b;
}
.sr-bb .srt-stroke-neutral-13 {
    stroke: #1b1b1b;
}
.sr-bb .srt-fill-win {
    fill: #b38108;
}
.sr-bb .srt-stroke-win {
    stroke: #b38108;
}
.sr-bb .srt-fill-draw {
    fill: #feb809;
}
.sr-bb .srt-stroke-draw {
    stroke: #feb809;
}
.sr-bb .srt-fill-lose {
    fill: #ffde8d;
}
.sr-bb .srt-stroke-lose {
    stroke: #ffde8d;
}
.sr-bb .srt-stop-base-1 {
    stop-color: transparent;
}
.sr-bb .srt-stop-primary-1 {
    stop-color: #feb809;
}
.sr-bb .srt-stop-primary-2 {
    stop-color: #feb809;
}
.sr-bb .srt-stop-primary-3 {
    stop-color: #b38108;
}
.sr-bb .srt-stop-primary-4 {
    stop-color: #b38108;
}
.sr-bb .srt-stop-primary-5 {
    stop-color: #ffd161;
}
.sr-bb .srt-stop-primary-6 {
    stop-color: #feb809;
}
.sr-bb .srt-stop-primary-7 {
    stop-color: #feb809;
}
.sr-bb .srt-stop-primary-8 {
    stop-color: #feb809;
}
.sr-bb .srt-stop-primary-9 {
    stop-color: #ffeab6;
}
.sr-bb .srt-stop-primary-10 {
    stop-color: #ffc63d;
}
.sr-bb .srt-stop-primary-11 {
    stop-color: #ffd161;
}
.sr-bb .srt-stop-primary-12 {
    stop-color: #feb809;
}
.sr-bb .srt-stop-home-1 {
    stop-color: #1a8ee1;
}
.sr-bb .srt-stop-away-1 {
    stop-color: #f4496d;
}
.sr-bb .srt-fill-neutral-14 {
    fill: white;
}
.sr-bb .srt-stroke-neutral-14 {
    stroke: white;
}
.sr-bb .srt-logo-powered-by-light {
    display: inline-block;
}
.sr-bb .srt-logo-powered-by-dark {
    display: none;
}
.sr-bb .sr-lmt-plus__segment.srm-timeline {
    background-color: rgba(0, 0, 0, 0.7);
}
.sr-bb .sr-lmt-plus__footer-wrapper {
    height: 7.2vw;
    padding-bottom: 1.86667vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .sr-bb .sr-lmt-plus__footer-wrapper {
        height: 4.04798vmax;
        padding-bottom: 1.04948vmax;
    }
}
.sr-bb .sr-lmt-plus__expand-wrapper {
    width: 25%;
    height: 5.33333vw;
   background-color: rgba(255, 255, 255, 0.15); 
    border-radius: 0.8vw;
    margin: 0 auto;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .sr-bb .sr-lmt-plus__expand-wrapper {
        height: 2.9985vmax;
        border-radius: 0.44978vmax;
    }
}
.sr-lmt-plus.sr-large .sr-lmt-plus__expand-wrapper {
    width: 25%;
}
.sr-bb .sr-poweredby__link {
    display: none;
}
/* .error-wrap {
    height: 157.86667vw;
    background: url('../images/bg-error.png') no-repeat;
    background-size: contain;
    padding-top: 5.33333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .error-wrap {
        height: 51.72414vmax;
        background-image: url('../images/bg-error-land.png');
        padding-top: 2.9985vmax;
    }
} */
.closed-next {
    width: 93.33333vw;
    margin: 0 auto;
    background: rgba(91, 103, 111, 0.9);
    padding: 0 1.6vw;
    color: #fff;
}
.closed-next h2 {
    font-size: 6.66667vw;
    line-height: 8.8vw;
    border-bottom: 0.26667vw solid rgba(255, 255, 255, 0.3);
    margin: 0;
    padding: 2.4vw 0;
}
.closed-next p {
    font-size: 4vw;
    line-height: 5.33333vw;
    margin-bottom: 0;
    padding: 2.4vw 8vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .closed-next {
        width: 56.22189vmax;
        margin: 0 auto;
    }
    .closed-next h2 {
        font-size: 3.74813vmax;
        line-height: 4.94753vmax;
        border-bottom: 0.14993vmax solid rgba(255, 255, 255, 0.3);
    }
    .closed-next p {
        font-size: 2.24888vmax;
        line-height: 2.9985vmax;
        padding: 1.34933vmax 0;
    }
}
.mian-wrap .gamehall {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.6vw 1.6vw;
    width: calc(100% - 3.2vw);
    padding: 1.6vw;
}
.mian-wrap .gamehall .entrance-half {
    grid-column: span 1;
}

.mian-wrap .gamehall a {
    position: relative;
}

.mian-wrap .gamehall .entrance-half:before {
    content: '';
    padding-top: 77.77778%;
    float: left;
}

.entrance-title {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 6.4vw;
    background-image: linear-gradient(270deg, rgba(69,94,104,0) 4%, #000 97%);
    border-bottom: 1.12vw solid #FFB80C;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


entrance-title dt {
    flex: 1;
    font-size: 3.73333vw;
    text-indent: 1.33333vw;
    color: #fff;
    font-weight: bold;
}

.entrance-title dd {
    width: 18.13333vw;
    line-height: 7.46667vw;
    height: 6.4vw;
    /* filter: grayscale(1); */
    /* background-image: url('data:image/svg+xml,<svg width="16" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M11.853 0H16v26H0L11.853 0z" fill="rgb(103, 240, 194)" fill-rule="evenodd"/></svg>'); */
    background-image: url('data:image/svg+xml,<svg width="16" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M11.853 0H16v26H0L11.853 0z" fill="rgb(255, 184, 12)" fill-rule="evenodd"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 3.73333vw;
    font-size: 2.93333vw;
    font-weight: bold;
    color: #000 !important;
}
.mian-wrap .gamehall a img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    cursor: pointer;
}

.mian-wrap .gamehall a:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.loading-shimmer, .mian-wrap .gamehall a:after {
    animation: placeHolderShimmer 1.25s infinite linear;
    background: #CED5DA linear-gradient(to right, #CED5DA 8%, #D8DFE4 18%, #CED5DA 33%);
    background-size: 213.33333vw 27.73333vw;
    height: auto;
}
.wrap-highlight .menu-casino a:after, .mian-wrap .gamehall a:after {
    content: "";
    display: block;
}
.clear, .mian-wrap .gamehall a:after {
    clear: both;
}

.entrance-title dd:after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 14.93333vw;
    height: 6.4vw;
    background-color: #FFB80C;
    content: "";
}

.entrance-title dt {
    flex: 1;
    font-size: 3.73333vw;
    text-indent: 1.33333vw;
    color: #fff;
    font-weight: bold;
}

mian-wrap .gamehall a {
    position: relative;
    grid-column: span 2;
}

@media screen and (min-aspect-ratio: 16 / 9){
.entrance-title {
    line-height: 3.5982vmax;
    border-bottom: 0.62969vmax solid #feb809;
}
}

@media screen and (min-aspect-ratio: 16 / 9){
.mian-wrap .gamehall {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.89955vmax;
    width: calc(100% - 1.7991vmax);
    padding: 0.89955vmax;
}
}
.mian-wrap .gamehall a {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.33333vw;
}
.mian-wrap .gamehall a img {
    position: relative;
    z-index: 2;
    height: 36vw;
    display: block;
    width: 100%;
    cursor: pointer;
}
.mian-wrap .gamehall a:before {
    content: "";
    padding-top: 38.35616%;
    float: left;
}
.mian-wrap .gamehall a:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-aspect-ratio: 16 / 9){
.entrance-title dt {
    font-size: 2.09895vmax;
    text-indent: 0.74963vmax;
}
}
@media screen and (min-aspect-ratio: 16 / 9){
.entrance-title dd {
    width: 10.1949vmax;
    line-height: 4.1979vmax;
    height: 3.5982vmax;
    text-indent: 2.09895vmax;
    font-size: 1.64918vmax;
}
}

@media screen and (min-aspect-ratio: 16 / 9){
.entrance-title dd:after {
    width: 8.3958vmax;
    height: 3.5982vmax;
}
}
.highlight-list a, .inplay-list a, .upcoming-list a, .menu-list a, .highlight-list dd, .inplay-list dd, .upcoming-list dd, .menu-list dd, .bets-selections a span, .trade p span, .trade-2 p span, .fancy-bet>h5 span, .bets-wrap>h4 span, .fancy-bet>h4 span, .sports-book>h4 span, .bets-bookmaker>h4 span, nav a, .now-play, .channel-list a, .side-content .menu-list a p, .path-wrap ul, .account-id span:first-of-type, .game-team h4, .scores-time, .bets-selections h4, .horse-name li, .support-wrap .support-detail a span, .fancy-bet .bets-selections dt li, .bets-back dt, .bets-lay dt, .bets-book dt, .bets-head dt, .bets-back dd, .bets-lay dd, .bets-book dd, .bets-head dd, .bets-back h4, .bets-lay h4, .bets-book h4, .bets-head h4, .bets-back dd span, .bets-lay dd span, .bets-book dd span, .bets-head dd span, .select-list a, .suggestion-wrap li p, .suggestion-wrap li a, .on_live dd p, .entrance-title dt, .result-wrap h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.on_live {
    position: absolute;
    z-index: 3;
    right: 0;
    width: 23%;
    background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.7) 82%, transparent 100%);
    padding: 1.33333vw;
}
.on_live dt {
    margin-bottom: 1.6vw;
}
.on_live .live_icon {
    height: 4.26667vw;
    line-height: 4.26667vw;
    font-weight: bold;
    color: #fff;
    padding-right: 1.33333vw;
    background-image: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
    border-radius: 0.8vw;
    display: inline-flex;
}
.on_live .live_icon span {
    height: 4.26667vw;
    padding: 0 0.8vw;
    margin-right: 1.33333vw;
    background-image: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
    border-radius: 0.8vw 0 0 0.8vw;
}
.on_live .live_icon span:before {
    width: 4.26667vw;
    height: 2.66667vw;
    background: url('data:image/svg+xml,<svg width="14" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,0,0)" fill-rule="evenodd"><path d="M12.012 0l-.698.727c1.734 1.808 1.734 4.738 0 6.546l.698.727c2.117-2.207 2.117-5.79 0-8zM10.3 1.714l-.7.735c.967 1.014.967 2.66 0 3.673l.7.735c1.352-1.418 1.352-3.721 0-5.143zM1.588 0l.698.727c-1.734 1.808-1.734 4.738 0 6.546L1.588 8c-2.117-2.207-2.117-5.79 0-8zM3.3 1.714l.7.735c-.967 1.014-.967 2.66 0 3.673l-.7.735c-1.352-1.418-1.352-3.721 0-5.143z"/><circle cx="6.8" cy="4.4" r="1.6"/></g></svg>')
        no-repeat;
    background-size: contain;
}
.on_live dd {
    color: #fff;
    font-size: 2.66667vw;
    line-height: 3.73333vw;
    margin-bottom: 1.06667vw;
    vertical-align: top;
    flex-wrap: wrap;
}
.on_live dd p {
    flex: 1;
}
.on_live dd span {
    color: #333333;
    background: #ffffff;
    text-align: center;
    border-radius: 0.53333vw;
    min-width: 3.73333vw;
    height: 3.73333vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .on_live {
        padding: 0.74963vmax;
    }
    .on_live dt {
        margin-bottom: 0.74963vmax;
    }
    .on_live .live_icon {
        height: 2.3988vmax;
        line-height: 2.3988vmax;
        padding-right: 0.74963vmax;
        border-radius: 0.44978vmax;
    }
    .on_live .live_icon span {
        padding: 0 0.44978vmax;
        margin-right: 0.74963vmax;
        height: 2.3988vmax;
        border-radius: 0.44978vmax 0 0 0.44978vmax;
    }
    .on_live .live_icon span:before {
        width: 2.3988vmax;
        height: 1.49925vmax;
    }
    .on_live dd {
        font-size: 1.49925vmax;
        line-height: 2.09895vmax;
        margin-bottom: 0.44978vmax;
    }
    .on_live dd span {
        border-radius: 0.29985vmax;
        min-width: 2.09895vmax;
        height: 2.09895vmax;
    }
}
.result .tab-wrap ul {
    margin-bottom: 1.86667vw;
}
.result select {
    font-size: 4.26667vw;
    line-height: 8.8vw;
    font-weight: bold;
    padding: 1.86667vw;
    border: none;
    border-radius: 1.6vw;
    background-color: #fff;
    width: 100%;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .result .tab-wrap ul {
        margin-bottom: 1.04948vmax;
    }
    .result select {
        font-size: 2.3988vmax;
        line-height: 4.94753vmax;
        padding: 1.04948vmax;
        border-radius: 0.89955vmax;
    }
}
.result-wrap {
    margin-bottom: 2.66667vw;
}
.result-wrap h3 {
    padding: 0 1.6vw;
}
.result-wrap dl {
    align-items: stretch;
    min-height: 17.33333vw;
    background: #fff;
    border-bottom: solid 1px #7e97a7;
    color: #666666;
}
.result-wrap dt,
.result-wrap dd {
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding: 6.66667vw 1.6vw 1.6vw 1.6vw;
}
.result-wrap dt {
    flex: 2;
    font-size: 4.26667vw;
    line-height: 5.33333vw;
}
.result-wrap dt p {
    left: 1.6vw;
}
.result-wrap dd {
    flex: 1;
    text-align: center;
    font-size: 5.33333vw;
    border-left: solid 1px #e0e6e6;
}
.result-wrap dd strong {
    color: #000;
    width: 100%;
}
.result-wrap p {
    position: absolute;
    width: 100%;
    top: 1.6vw;
    left: 0;
    font-size: 2.93333vw;
    line-height: 3.73333vw;
}
.result-wrap span {
    color: #508d0e;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .result-wrap {
        margin-bottom: 1.49925vmax;
    }
    .result-wrap h3 {
        padding: 0 0.89955vmax;
    }
    .result-wrap dl {
        min-height: 9.74513vmax;
    }
    .result-wrap dt,
    .result-wrap dd {
        padding: 2.9985vmax 0.89955vmax 0.89955vmax 0.89955vmax;
    }
    .result-wrap dt {
        font-size: 2.3988vmax;
        line-height: 2.9985vmax;
    }
    .result-wrap dt p {
        left: 0.89955vmax;
    }
    .result-wrap dd {
        font-size: 2.9985vmax;
    }
    .result-wrap p {
        top: 0.89955vmax;
        font-size: 1.64918vmax;
        line-height: 2.09895vmax;
    }
}
.custom-select {
    position: relative;
    width: 100%;
    height: 10.66667vw;
    margin: 0;
    margin-bottom: 2rem;
    background-color: #fff;
    border: 1px solid #1e1e1e;
    border: none;
    border-radius: 1.6vw;
    color: #1e1e1e;
}
.custom-select select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: transparent;
    border: 0;
    color: #1e1e1e;
    font-weight: lighter;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.custom-select:last-child {
    margin-bottom: 0;
}
.custom-select:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.13333vw;
    transform: translate(0, -50%);
    border-top: 2.13333vw solid #1e1e1e;
    border-left: 2.13333vw solid transparent;
    border-right: 2.13333vw solid transparent;
}
.custom-select:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .custom-select {
        height: 5.997vmax;
        border-radius: 0.89955vmax;
    }
    .custom-select:after {
        right: 1.1994vmax;
        border-top: 1.1994vmax solid #1e1e1e;
        border-left: 1.1994vmax solid transparent;
        border-right: 1.1994vmax solid transparent;
    }
}
/* .mysports247 .btn.select,
.mysports247 .select.btn-send,
.mysports247 .select.login,
.mysports247 .select.form-select,
.mysports247 .pages a.select,
.pages .mysports247 a.select {
    background: #f2d65d;
    border-color: #8f8017;
}
.mysports247 .btn-send,
.mysports247 .login {
    background-image: linear-gradient(-180deg, #eccb4b 0%, #ae8903 100%);
    border-color: #998a27;
}
.mysports247 .btn-send.disable,
.mysports247 .disable.login {
    background-image: linear-gradient(-180deg, #f6ecc6 0%, #e7dcb4 100%);
    border-color: #dbd39f;
    color: #999;
}
.mysports247 header {
    background-image: linear-gradient(-180deg, #e4c93c 0%, #c9a21b 77%);
}
.mysports247 header a {
    border-color: #8f8017;
}
.mysports247 header .top-logo {
    height: 10.93333vw;
    margin-top: -0.53333vw;
    background-image: url('../images/logo-mysports247-black.png');
}
.mysports247 header .login-index {
    background-image: linear-gradient(-180deg, #b83a08 0%, #912b06 100%);
    border-color: #621f04;
}
.mysports247 header .a-open_tv {
    border-color: #0f476a;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .mysports247 header .top-logo {
        height: 6.14693vmax;
        margin-top: -0.29985vmax;
    }
}
.mysports247 .wrap-highlight {
    border-bottom-color: #ae8a04;
}
.mysports247 .wrap-highlight .select a {
    background-image: linear-gradient(-180deg, #eccb4b 0%, #ae8903 100%);
}
.mysports247 .highlight-list,
.mysports247 .inplay-list {
    border-bottom-color: #ae8a04;
}
.mysports247 .a-search:before {
    background-image: linear-gradient(90deg, rgba(30, 30, 30, 0) 0%, #1e1e1e 110%);
}
.mysports247 .market-type .select a {
    background-image: linear-gradient(-180deg, #eccb4b 0%, #ae8903 100%);
}
.mysports247 .pop-wrap h3,
.mysports247 .select-list h3 {
    background-image: linear-gradient(-180deg, #e4c93c 0%, #c9a21b 77%);
}
.mysports247 .login-pop {
    background-color: #11151a;
    background-image: linear-gradient(56deg, #212932 4%, #11151a 42%);
}
.mysports247 .side-head {
    background: #dbba28;
}
.mysports247 .side-head .close {
    border-color: #9b8921;
}
.mysports247 .login-RnR .policy-header,
.mysports247 .login-policy .policy-header {
    background-image: linear-gradient(-180deg, #e4c93c 0%, #c9a21b 77%);
}
.mysports247 .login-RnR .policy-header h1,
.mysports247 .login-policy .policy-header h1 {
    color: #1e1e1e;
}
.mysports247 .login-RnR .btn-send,
.mysports247 .login-RnR .login,
.mysports247 .login-policy .btn-send,
.mysports247 .login-policy .login {
    background-image: linear-gradient(-180deg, #eccb4b 0%, #ae8903 100%);
    border-color: #998a27;
    color: #1e1e1e;
}
.mysports247 .inplay-list {
    border-bottom-color: #7e97a7;
} */
html.betexchange247,
body.betexchange247 {
    background-color: #f0ece1;
}
.betexchange247 .btn.select,
.betexchange247 .select.btn-send,
.betexchange247 .select.login,
.betexchange247 .select.form-select,
.betexchange247 .pages a.select,
.pages .betexchange247 a.select {
    background: #fff;
    border-color: #000;
    color: #000;
}
.betexchange247 .btn-send,
.betexchange247 .login {
    background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
    border-color: #000;
    color: #ffb80c;
}
.betexchange247 .btn-send.disable,
.betexchange247 .disable.login {
    background-image: linear-gradient(-180deg, #b4b4b4 0%, #a1a1a1 100%);
    border-color: #aaa;
    color: #ffb80c;
}
.betexchange247 header {
    color: #feb809;
    background-image: linear-gradient(-180deg, #414141 0%, #000 100%);
}
.betexchange247 header .sky-logo {
    flex: 1;
    width: 34.13333vw;
    height: 11.46667vw;
    /* background-image: url('../images/newlogo.png'); */
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -1.33333vw;
}
.betexchange247 header a {
    border-color: #000;
    color: #ffb80c;
    background-color: rgba(51, 51, 51, 0.4);

}

.betexchange247 header li.main-wallet span.red {
    display: inline-block;
    padding: 0 1.33333vw;
    background-color: #bf0000;
    color: #f2e9cf !important;
    border-radius: 1.33333vw;
}
.betexchange247 header .top-logo {
    height: 13.2667vw;
    /* background-image: url('../images/logo-betexchange247.png'); */
    margin-top: -0.33333vw;
}
.betexchange247 header .login-index {
    color: #fff;
}
.betexchange247 header .btn-signup {
    display: block;
    width: 19.2vw;
    margin-right: 1.06667vw;
    background-image: linear-gradient(-180deg, #666 0%, #333 100%);
    border-color: #000;
}
.betexchange247 header .a-open_tv {
    border-color: #062a2e;
    background-color: #0a7b89;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .betexchange247 header .top-logo {
        height: 6.44678vmax;
        margin-top: -0.74963vmax;
    }
    .betexchange247 header .sky-logo {
        width: 19.1904vmax;
        height: 6.44678vmax;
        margin-top: -0.74963vmax;
    }
    .betexchange247 header li.main-wallet span.red {
        padding: 0 0.74963vmax;
        border-radius: 0.74963vmax;
    }
    .betexchange247 header .btn-signup {
        width: 10.7946vmax;
        margin-right: 0.5997vmax;
    }
}

/* .a-setting img {
    background: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-8 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10.488 13c.621 0 1.203-.16 1.744-.478a3.608 3.608 0 0 0 1.29-1.278A3.32 3.32 0 0 0 14 9.512c0-.621-.16-1.203-.478-1.744a3.578 3.578 0 0 0-1.29-1.29A3.382 3.382 0 0 0 10.488 6a3.32 3.32 0 0 0-1.732.478c-.534.318-.96.748-1.278 1.29A3.382 3.382 0 0 0 7 9.512c0 .621.16 1.198.478 1.732.318.534.744.96 1.278 1.278a3.32 3.32 0 0 0 1.732.478zm7.187-2.014l2.147 1.634c.099.08.157.184.173.313a.555.555 0 0 1-.074.36l-2.073 3.462a.448.448 0 0 1-.26.216.56.56 0 0 1-.357-.024l-2.542-.985c-.658.464-1.242.793-1.752.985l-.37 2.62a.607.607 0 0 1-.185.313.453.453 0 0 1-.309.12H7.927a.485.485 0 0 1-.469-.433l-.395-2.62c-.69-.272-1.267-.6-1.727-.985l-2.567.985c-.263.112-.469.048-.617-.192L.079 13.293a.555.555 0 0 1-.074-.36.464.464 0 0 1 .173-.313l2.171-1.634A7.323 7.323 0 0 1 2.3 10c0-.433.017-.761.05-.986L.177 7.38a.464.464 0 0 1-.173-.313.555.555 0 0 1 .074-.36l2.073-3.462c.148-.24.354-.304.617-.192l2.567.985a8.02 8.02 0 0 1 1.727-.985l.395-2.62A.485.485 0 0 1 7.927 0h4.146c.115 0 .218.04.309.12.09.08.152.184.185.313l.37 2.62c.641.24 1.226.569 1.752.985l2.542-.985a.56.56 0 0 1 .358-.024.448.448 0 0 1 .259.216l2.073 3.462c.066.112.09.232.074.36a.464.464 0 0 1-.173.313l-2.147 1.634c.033.225.05.553.05.986 0 .433-.017.761-.05.986z" fill="rgb(30,30,30)"/></g></svg>') no-repeat;
    filter: invert(0.8);
} */
/* .betexchange247 .a-open_bets img {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M19.314 6.38c-.41-1.052-.987-2.018-1.708-2.862-1.49-1.75-3.574-2.97-5.94-3.368C11.125.06 10.57 0 10 0c-.57 0-1.124.06-1.667.15-2.365.398-4.447 1.62-5.94 3.367-.72.845-1.297 1.81-1.707 2.863C.25 7.504 0 8.722 0 10c0 1.175.213 2.297.585 3.344.38 1.066.927 2.05 1.62 2.914 1.503 1.868 3.662 3.178 6.128 3.592.543.09 1.098.15 1.667.15.57 0 1.124-.06 1.667-.15 2.466-.414 4.625-1.724 6.127-3.592.694-.864 1.242-1.848 1.62-2.913.373-1.047.586-2.17.586-3.345 0-1.278-.25-2.496-.686-3.62zm-1.173.678l-1.747 1.01c-.332-1.095-.937-2.07-1.735-2.848l1.764-1.02c.746.826 1.333 1.793 1.72 2.858zM15.348 10c0 2.948-2.398 5.347-5.347 5.347-2.95 0-5.347-2.4-5.347-5.347 0-2.948 2.398-5.347 5.347-5.347 2.95 0 5.347 2.4 5.347 5.347zM10 1.333c.57 0 1.127.06 1.667.165v2.04c-.534-.137-1.09-.218-1.667-.218-.576 0-1.133.08-1.667.22V1.497c.54-.106 1.097-.165 1.667-.165zM3.578 4.2l1.765 1.02c-.8.778-1.404 1.753-1.736 2.847L1.86 7.057c.385-1.065.973-2.03 1.718-2.856zm-1.82 8.467l1.775-1.024c.282 1.112.84 2.11 1.604 2.923L3.38 15.58c-.717-.848-1.272-1.834-1.622-2.913zm8.242 6c-.57 0-1.127-.06-1.667-.165v-2.04c.534.137 1.09.218 1.667.218.576 0 1.133-.08 1.667-.22v2.042c-.54.106-1.097.165-1.667.165zm6.62-3.087l-1.757-1.014c.763-.81 1.322-1.81 1.604-2.923l1.775 1.025c-.35 1.078-.905 2.064-1.622 2.912zm-6.003-6.325c1.174.418 1.647.966 1.647 1.862 0 .887-.62 1.644-1.755 1.843v.514c0 .27-.218.488-.485.488s-.483-.218-.483-.488v-.444c-.39-.018-.772-.088-1.098-.187-.332-.1-.526-.448-.44-.787l.005-.017c.035-.145.13-.265.258-.335.13-.07.28-.08.42-.03.328.117.708.2 1.11.2.563 0 .947-.22.947-.618 0-.38-.315-.618-1.045-.867-1.056-.358-1.775-.856-1.775-1.822 0-.877.61-1.564 1.667-1.773v-.458c0-.285.24-.513.53-.486.25.025.436.247.436.5v.375c.347.016.634.062.875.125.315.082.504.406.423.723l-.01.034c-.034.14-.124.258-.248.328s-.27.086-.407.043c-.238-.075-.538-.137-.908-.137-.642 0-.848.28-.848.56 0 .327.344.536 1.183.855z"/></svg>');
} */
/* .betexchange247 .a-refresh img {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-7 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10 4.029c1.635 0 3.144.36 4.527 1.079 1.365.703 2.443 1.655 3.233 2.854.827 1.247 1.24 2.59 1.24 4.028 0 1.44-.413 2.782-1.24 4.03-.79 1.214-1.868 2.173-3.233 2.877A9.596 9.596 0 0 1 10 20a9.596 9.596 0 0 1-4.527-1.103c-1.365-.704-2.443-1.663-3.233-2.878C1.413 14.772 1 13.43 1 11.99h2.263c0 1.088.301 2.09.903 3.01.602.92 1.42 1.647 2.452 2.182 1.033.536 2.16.804 3.382.804s2.349-.268 3.382-.804c1.033-.535 1.85-1.263 2.452-2.182.602-.92.903-1.922.903-3.01 0-1.087-.301-2.09-.903-3.01-.602-.918-1.42-1.646-2.452-2.181-1.033-.536-2.16-.804-3.382-.804v4.029L4.368 5.012 10 0v4.029z" fill="rgb(255,184,12)"/></g></svg>');
} */
/* .betexchange247 .a-setting img {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M0 4.004A3.997 3.997 0 0 1 3.998 0h27.004A3.999 3.999 0 0 1 35 4.004v23.992A3.997 3.997 0 0 1 31.002 32H3.998A3.999 3.999 0 0 1 0 27.996V4.004z" id="b"/><filter x="-2.9%" y="-3.1%" width="105.7%" height="106.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" in="shadowInnerInner1"/></filter></defs><g fill="none" fill-rule="evenodd"><g transform="translate(-8 -6)"><use fill="%23000" filter="url(%23a)" xlink:href="%23b"/><path stroke="%23BC8C17" d="M.5 4.004v23.992A3.499 3.499 0 0 0 3.998 31.5h27.004a3.497 3.497 0 0 0 3.498-3.504V4.004A3.499 3.499 0 0 0 31.002.5H3.998A3.497 3.497 0 0 0 .5 4.004z" stroke-linejoin="square"/></g><path d="M10.488 13c.621 0 1.203-.16 1.744-.478a3.608 3.608 0 0 0 1.29-1.278A3.32 3.32 0 0 0 14 9.512c0-.621-.16-1.203-.478-1.744a3.578 3.578 0 0 0-1.29-1.29A3.382 3.382 0 0 0 10.488 6a3.32 3.32 0 0 0-1.732.478c-.534.318-.96.748-1.278 1.29A3.382 3.382 0 0 0 7 9.512c0 .621.16 1.198.478 1.732.318.534.744.96 1.278 1.278a3.32 3.32 0 0 0 1.732.478zm7.187-2.014l2.147 1.634c.099.08.157.184.173.313a.555.555 0 0 1-.074.36l-2.073 3.462a.448.448 0 0 1-.26.216.56.56 0 0 1-.357-.024l-2.542-.985c-.658.464-1.242.793-1.752.985l-.37 2.62a.607.607 0 0 1-.185.313.453.453 0 0 1-.309.12H7.927a.485.485 0 0 1-.469-.433l-.395-2.62c-.69-.272-1.267-.6-1.727-.985l-2.567.985c-.263.112-.469.048-.617-.192L.079 13.293a.555.555 0 0 1-.074-.36.464.464 0 0 1 .173-.313l2.171-1.634A7.323 7.323 0 0 1 2.3 10c0-.433.017-.761.05-.986L.177 7.38a.464.464 0 0 1-.173-.313.555.555 0 0 1 .074-.36l2.073-3.462c.148-.24.354-.304.617-.192l2.567.985a8.02 8.02 0 0 1 1.727-.985l.395-2.62A.485.485 0 0 1 7.927 0h4.146c.115 0 .218.04.309.12.09.08.152.184.185.313l.37 2.62c.641.24 1.226.569 1.752.985l2.542-.985a.56.56 0 0 1 .358-.024.448.448 0 0 1 .259.216l2.073 3.462c.066.112.09.232.074.36a.464.464 0 0 1-.173.313l-2.147 1.634c.033.225.05.553.05.986 0 .433-.017.761-.05.986z" fill="rgb(255,184,12)"/></g></svg>');
} */
.betexchange247 .loading-bar span {
    background-color: #ffb80c;
}
.betexchange247 .message-wrap {
    color: #1e1e1e;
}
.betexchange247 .message-wrap a {
    background-color: transparent;
    box-shadow: none;
}
.betexchange247 .message-wrap.error {
    color: #fff;
}
.betexchange247 .wrap-highlight {
    background-image: linear-gradient(-180deg, #ffcc2e 0%, #ffb80c 71%);
            border-bottom-color: #000;
}
.video-react-big-play-button{
    display:none !important;
}
/* .betexchange247 .wrap-highlight a {
    color: #222;
} */
.betexchange247 .wrap-highlight .select a {
    color: #ffb80c;
    background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
    /* background-color: rgb(103, 240, 194); */
}
.betexchange247 .wrap-highlight .menu-casino a {
    color: #ffffff;
}
.betexchange247 .highlight-list,
.betexchange247 .inplay-list {
    border-bottom-color: #000;
}
.betexchange247 .a-search:before {
    background-image: linear-gradient(90deg, rgba(255,184,12,0) 0%, #ffb80c 110%);
}
.betexchange247 .market-type a {
    background-color: #222;
}
.betexchange247 .a-depth img {
    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="12.5" cy="12.5" r="12.5"/></defs><g fill="none"><g transform="translate(-7 -230) translate(7 230)"><circle stroke="%23FFB80C" cx="12.5" cy="12.5" r="12"/></g><path d="M10 12h-2v5h2v-5zm3-4h-2v9h2v-9zm7 10h-13v-12h-1v13h14v-1zm-4-8h-2v7h2v-7zm3-3h-2v10h2v-10z" fill="%23FFB80C"/></g></svg>')
        center no-repeat;
    background-size: contain;
}
.betexchange247 .pop-wrap h3,
.betexchange247 .select-list h3 {
    background-image: linear-gradient(-180deg, #414141 0%, #000 100%);
    color: #ffb80c;
}
.betexchange247 .login-pop {
    background-color: #feb809;
    background-image: linear-gradient(56deg, #ffcc2e 4%, #feb809 42%);
}
.betexchange247 .login-pop input {
    border: 1px solid #666;
}
.betexchange247 .login-pop .login:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="rgb(255,184,12" fill-rule="evenodd" d="M5.672 11.238l2.066-2.355H0V7.117h7.776L5.672 4.762 6.8 3.5 10.82 8 6.8 12.5 5.67 11.238zM13.348 0c.435 0 .82.17 1.153.508.334.338.5.73.5 1.172v11.64c0 .443-.166.834-.5 1.172-.332.34-.717.508-1.152.508H1.898c-.434 0-.818-.17-1.15-.508-.334-.338-.5-.73-.5-1.172V10h1.65v3.32h11.45V1.68H1.898V5H.25V1.68c0-.443.166-.834.5-1.172C1.08.168 1.463 0 1.897 0h11.45z"/></svg>');
}
.betexchange247 .login-pop .state {
    color: #222;
}
.betexchange247 .side-head {
    background: #222;
}
.betexchange247 .side-head h3 {
    color: #ffb80c;
}
.betexchange247 .side-head .close {
    border-color: #444;
}
/* .betexchange247 .side-head .close:before {
    background-image: url('../images/icon-close-yellow.svg');
} */
.betexchange247 .login-RnR .policy-header {
    background: linear-gradient(-180deg, #414141 0%, #000 100%);
}
@media (orientation: landscape) {
    .betexchange247 .login-head,
    .betexchange247 .pass-head {
        background-image: linear-gradient(-180deg, #414141 0%, #000 100%);
    }
    .betexchange247 .login-head h1,
    .betexchange247 .pass-head h1 {
        top: 1.46667vw;
        width: 64.46667vw;
        height: 15.33333vw;
        /* background-image: url(/static/media/mobile-logo.199069b1.png); */
        margin-left: -32.06667vw;
    }
}

.betexchange247 .login-RnR .policy-header h1 {
    color: #feb809;
}
@media (orientation: landscape) {
    .betexchange247 .login-RnR .btn-send:before,
    .betexchange247 .login-RnR .login:before {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>')
            center no-repeat;
    }
}
.betexchange247 .inplay-list {
    border-bottom-color: #7e97a7;
}
.betexchange247 .quick_link {
    background-color: #000;
}
.betexchange247 .support-wrap {
    margin-bottom: 6.4vw;
}
@media screen and (min-aspect-ratio: 16 / 9) {
    .betexchange247 .support-wrap {
        margin-bottom: 2.9985vmax;
    }
}
/* .betexchange247 .icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
} */
/* .betexchange247 .icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
} */
/* .betexchange247 .icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
} */
.betexchange247 .icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.betexchange247 .icon-rugby {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="nonzero" d="M1.762 23.238C.14 21.615-.346 18.866.238 15.793l8.97 8.97c-3.074.584-5.822.098-7.446-1.525zM5.79 5.788c2.12-2.12 4.534-3.66 6.905-4.62l11.138 11.137c-.96 2.372-2.5 4.785-4.622 6.907-2.12 2.12-4.534 3.66-6.905 4.62L1.168 12.696c.96-2.37 2.5-4.785 4.62-6.906zm8.088 3.494c-.34-.337-.887-.337-1.223 0-.34.34-.34.89-.005 1.227l.31.307-.46.46-.31-.308c-.336-.34-.885-.34-1.22 0-.34.335-.34.883 0 1.22l.308.31-.46.46-.31-.31c-.337-.336-.885-.336-1.226.005-.336.336-.336.884 0 1.223l.31.308-.46.46-.31-.308C8.485 14 7.938 14 7.6 14.336c-.34.34-.34.89-.005 1.227l1.842 1.84c.338.338.886.337 1.227-.003.336-.337.336-.884-.002-1.223l-.31-.308.462-.462.308.31c.338.336.886.336 1.222 0 .342-.34.342-.888.006-1.227l-.31-.307.46-.46.31.307c.336.338.884.338 1.22 0 .34-.336.34-.884 0-1.222l-.308-.308.46-.46.31.31c.338.336.885.336 1.226-.006.336-.336.336-.883 0-1.222l-.31-.308.46-.46.31.308c.337.338.885.338 1.222 0 .34-.34.34-.887.004-1.225l-1.84-1.842c-.34-.336-.887-.336-1.226.005-.338.337-.338.884 0 1.222l.31.31-.462.46-.308-.31zm9.36-7.52c1.623 1.623 2.11 4.372 1.524 7.445l-8.97-8.97c3.074-.583 5.822-.098 7.446 1.525z"/></svg>')
        no-repeat;
}
.betexchange247 .icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="%23000000" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.betexchange247 .icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23000000" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.betexchange247 .icon-racing {
    background: url('data:image/svg+xml,<svg height="13" viewBox="0 0 13 13" width="13" xmlns="http://www.w3.org/2000/svg"><path d="m104.031307 120.690196c-3.529412-1.552941-5.9999818 0-5.9999818 0v5.647059 5.983852h.7058823v-2.101481c.9882353-.352922 2.8941365-.705882 5.2941365.352923 3.529411 1.552941 5.999981 0 5.999981 0v-9.882353c-.000037 0-2.470607 1.552941-6.000018 0zm5.294099 3.882371c0-.070606-1.482335.564706-3.529412.211747v2.823529c.494136.070607.988235.141177 1.341195.141177 1.341158 0 2.188217-.42353 2.188217-.42353v2.82353s-1.270588.635275-3.247059.352922c-.141176 0-.352923-.070606-.282353-.070606v-2.82353c-.564706-.07057-1.200018-.282353-1.835294-.564706-.635313-.282353-1.200018-.423529-1.694118-.564706v2.82353c.070607 0-.070606 0-.282353 0-1.835294-.282353-3.2470584.141176-3.2470584.141176v-2.823529s1.5529414-.494099 3.5294114-.141177v-2.823529c-2.117647-.423529-3.5294114.282353-3.5294114.282353v-2.823529s1.4117644-.705883 3.5294114-.282353v2.823529c.564706.07057 1.129412.282353 1.764688.564706.635312.282353 1.200018.494136 1.764687.564706v-2.82353c2.047077.352923 3.529412-.211746 3.529412-.211746v2.823566z" fill="%23000000" transform="translate(-98 -120)"/></svg>')
        no-repeat;
}


/* .betexchange247 .icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="%23000000" fill-rule="nonzero"/></svg>')
        no-repeat;
} */
/* .betexchange247 .select .icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
} */
/* .betexchange247 .select .icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
} */
/* .betexchange247 .select .icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
} */
.betexchange247 .select .icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.betexchange247 .select .icon-rugby {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M1.762 23.238C.14 21.615-.346 18.866.238 15.793l8.97 8.97c-3.074.584-5.822.098-7.446-1.525zM5.79 5.788c2.12-2.12 4.534-3.66 6.905-4.62l11.138 11.137c-.96 2.372-2.5 4.785-4.622 6.907-2.12 2.12-4.534 3.66-6.905 4.62L1.168 12.696c.96-2.37 2.5-4.785 4.62-6.906zm8.088 3.494c-.34-.337-.887-.337-1.223 0-.34.34-.34.89-.005 1.227l.31.307-.46.46-.31-.308c-.336-.34-.885-.34-1.22 0-.34.335-.34.883 0 1.22l.308.31-.46.46-.31-.31c-.337-.336-.885-.336-1.226.005-.336.336-.336.884 0 1.223l.31.308-.46.46-.31-.308C8.485 14 7.938 14 7.6 14.336c-.34.34-.34.89-.005 1.227l1.842 1.84c.338.338.886.337 1.227-.003.336-.337.336-.884-.002-1.223l-.31-.308.462-.462.308.31c.338.336.886.336 1.222 0 .342-.34.342-.888.006-1.227l-.31-.307.46-.46.31.307c.336.338.884.338 1.22 0 .34-.336.34-.884 0-1.222l-.308-.308.46-.46.31.31c.338.336.885.336 1.226-.006.336-.336.336-.883 0-1.222l-.31-.308.46-.46.31.308c.337.338.885.338 1.222 0 .34-.34.34-.887.004-1.225l-1.84-1.842c-.34-.336-.887-.336-1.226.005-.338.337-.338.884 0 1.222l.31.31-.462.46-.308-.31zm9.36-7.52c1.623 1.623 2.11 4.372 1.524 7.445l-8.97-8.97c3.074-.583 5.822-.098 7.446 1.525z"/></svg>')
        no-repeat;
}
.betexchange247 .select .icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="rgb(255,184,12)" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.betexchange247 .select .icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,184,12)" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.betexchange247 .select .icon-racing {
    background: url('data:image/svg+xml,<svg height="13" viewBox="0 0 13 13" width="13" xmlns="http://www.w3.org/2000/svg"><path d="m104.031307 120.690196c-3.529412-1.552941-5.9999818 0-5.9999818 0v5.647059 5.983852h.7058823v-2.101481c.9882353-.352922 2.8941365-.705882 5.2941365.352923 3.529411 1.552941 5.999981 0 5.999981 0v-9.882353c-.000037 0-2.470607 1.552941-6.000018 0zm5.294099 3.882371c0-.070606-1.482335.564706-3.529412.211747v2.823529c.494136.070607.988235.141177 1.341195.141177 1.341158 0 2.188217-.42353 2.188217-.42353v2.82353s-1.270588.635275-3.247059.352922c-.141176 0-.352923-.070606-.282353-.070606v-2.82353c-.564706-.07057-1.200018-.282353-1.835294-.564706-.635313-.282353-1.200018-.423529-1.694118-.564706v2.82353c.070607 0-.070606 0-.282353 0-1.835294-.282353-3.2470584.141176-3.2470584.141176v-2.823529s1.5529414-.494099 3.5294114-.141177v-2.823529c-2.117647-.423529-3.5294114.282353-3.5294114.282353v-2.823529s1.4117644-.705883 3.5294114-.282353v2.823529c.564706.07057 1.129412.282353 1.764688.564706.635312.282353 1.200018.494136 1.764687.564706v-2.82353c2.047077.352923 3.529412-.211746 3.529412-.211746v2.823566z" fill="rgb(255,184,12)" transform="translate(-98 -120)"/></svg>')
        no-repeat;
}
/* .betexchange247 .select .icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="rgb(255,184,12)" fill-rule="nonzero"/></svg>')
        no-repeat;
} */
.betexchange247 .quick_link .icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-rugby {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="nonzero" d="M1.762 23.238C.14 21.615-.346 18.866.238 15.793l8.97 8.97c-3.074.584-5.822.098-7.446-1.525zM5.79 5.788c2.12-2.12 4.534-3.66 6.905-4.62l11.138 11.137c-.96 2.372-2.5 4.785-4.622 6.907-2.12 2.12-4.534 3.66-6.905 4.62L1.168 12.696c.96-2.37 2.5-4.785 4.62-6.906zm8.088 3.494c-.34-.337-.887-.337-1.223 0-.34.34-.34.89-.005 1.227l.31.307-.46.46-.31-.308c-.336-.34-.885-.34-1.22 0-.34.335-.34.883 0 1.22l.308.31-.46.46-.31-.31c-.337-.336-.885-.336-1.226.005-.336.336-.336.884 0 1.223l.31.308-.46.46-.31-.308C8.485 14 7.938 14 7.6 14.336c-.34.34-.34.89-.005 1.227l1.842 1.84c.338.338.886.337 1.227-.003.336-.337.336-.884-.002-1.223l-.31-.308.462-.462.308.31c.338.336.886.336 1.222 0 .342-.34.342-.888.006-1.227l-.31-.307.46-.46.31.307c.336.338.884.338 1.22 0 .34-.336.34-.884 0-1.222l-.308-.308.46-.46.31.31c.338.336.885.336 1.226-.006.336-.336.336-.883 0-1.222l-.31-.308.46-.46.31.308c.337.338.885.338 1.222 0 .34-.34.34-.887.004-1.225l-1.84-1.842c-.34-.336-.887-.336-1.226.005-.338.337-.338.884 0 1.222l.31.31-.462.46-.308-.31zm9.36-7.52c1.623 1.623 2.11 4.372 1.524 7.445l-8.97-8.97c3.074-.583 5.822-.098 7.446 1.525z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="%23FFFFFF" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-racing {
    background: url('data:image/svg+xml,<svg height="13" viewBox="0 0 13 13" width="13" xmlns="http://www.w3.org/2000/svg"><path d="m104.031307 120.690196c-3.529412-1.552941-5.9999818 0-5.9999818 0v5.647059 5.983852h.7058823v-2.101481c.9882353-.352922 2.8941365-.705882 5.2941365.352923 3.529411 1.552941 5.999981 0 5.999981 0v-9.882353c-.000037 0-2.470607 1.552941-6.000018 0zm5.294099 3.882371c0-.070606-1.482335.564706-3.529412.211747v2.823529c.494136.070607.988235.141177 1.341195.141177 1.341158 0 2.188217-.42353 2.188217-.42353v2.82353s-1.270588.635275-3.247059.352922c-.141176 0-.352923-.070606-.282353-.070606v-2.82353c-.564706-.07057-1.200018-.282353-1.835294-.564706-.635313-.282353-1.200018-.423529-1.694118-.564706v2.82353c.070607 0-.070606 0-.282353 0-1.835294-.282353-3.2470584.141176-3.2470584.141176v-2.823529s1.5529414-.494099 3.5294114-.141177v-2.823529c-2.117647-.423529-3.5294114.282353-3.5294114.282353v-2.823529s1.4117644-.705883 3.5294114-.282353v2.823529c.564706.07057 1.129412.282353 1.764688.564706.635312.282353 1.200018.494136 1.764687.564706v-2.82353c2.047077.352923 3.529412-.211746 3.529412-.211746v2.823566z" fill="%23FFFFFF" transform="translate(-98 -120)"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="%23FFFFFF" fill-rule="nonzero"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-inplay {
    background: url('data:image/svg+xml,<svg width="20" height="21" xmlns="http://www.w3.org/2000/svg"><path d="M10 18.944c1.94 0 3.592-.718 4.953-2.154 1.362-1.436 2.042-3.165 2.042-5.189 0-2.023-.68-3.744-2.042-5.164-1.361-1.42-3.012-2.13-4.953-2.13-1.94 0-3.592.71-4.953 2.13-1.362 1.42-2.042 3.141-2.042 5.164 0 2.024.68 3.753 2.042 5.19 1.361 1.435 3.012 2.153 4.953 2.153zm0-16.741c2.504 0 4.632.922 6.385 2.766 1.753 1.843 2.63 4.054 2.63 6.632 0 2.579-.877 4.79-2.63 6.633C14.632 20.078 12.504 21 10 21s-4.632-.922-6.385-2.766C1.862 16.39.985 14.18.985 11.601c0-2.578.877-4.789 2.63-6.632C5.368 3.125 7.496 2.203 10 2.203zm.516 4.21v5.482l3.991 2.448-.751 1.272-4.742-2.937V6.413h1.502zM5.87 1.566L1.268 5.58 0 4.014 4.6 0 5.87 1.566zM20 4.014l-1.268 1.615-4.6-4.063L15.398 0 20 4.014z" fill="%23FFFFFF" fill-rule="evenodd"/></svg>')
        no-repeat;
}
.betexchange247 .quick_link .icon-pin {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%23FFFFFF" fill-rule="evenodd" d="M12.5 25C5.596 25 0 19.404 0 12.5S5.596 0 12.5 0 25 5.596 25 12.5 19.404 25 12.5 25zm5.09-13.203c-.09 0-.18-.032-.27-.095-.49-.19-.802-.49-.936-.9L15.18 5.203v-.237c0-.253.222-.46.668-.617l.067-.048h.067c.536-.158.804-.426.804-.806 0-.443-.09-.72-.268-.83-.18-.11-.49-.166-.938-.166H9.42c-.447 0-.76.055-.938.166-.178.11-.268.387-.268.83 0 .38.268.648.804.806h.067l.067.048c.446.158.67.364.67.617v.237L8.615 10.8c-.134.412-.446.712-.937.902-.09.063-.18.095-.27.095-1.606.57-2.41 1.44-2.41 2.61 0 .378.067.64.2.78.135.144.403.215.804.215h5.425l.802 8.348h.536l.803-8.348h5.426c.4 0 .67-.063.803-.19.133-.126.2-.395.2-.806 0-1.17-.804-2.04-2.41-2.61z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-cricket {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%233B5160" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-soccer {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%233B5160" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-tennis {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%233B5160" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-basketball {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%233B5160" fill-rule="nonzero" d="M13.37 2.004c-.23.312-.646.765-1.198 1.257C10.552 2.073 9.094 1.27 8.152.8c1.32-.516 2.75-.8 4.245-.8.39 0 .776.02 1.156.058l.005.09c.04.695.083 1.484-.19 1.856zm6.64 7.247c1.72-.197 3.583 2.04 4.99 3.8-.123 3.168-1.42 6.03-3.46 8.146-.197-3.35-1-7.976-3.062-11.636.43-.14.935-.24 1.533-.31zM7.33 6.13c-.512.105-1.042.203-1.554.297-1.585.292-3.2.592-4.69 1.182 1.147-2.553 3.118-4.658 5.58-5.98.394.16 2.374 1.003 4.747 2.626-1.138.8-2.565 1.56-4.083 1.874zm8.43.283c1.303-.77 2.398-1.295 3.086-1.49 1.05-.293 2.078-.47 3-.575C23.54 6.125 24.674 8.378 25 10.87c-1.527-1.643-3.307-3.135-5.308-2.922-.85.09-1.56.242-2.162.456-.414-.568-.865-1.106-1.363-1.598-.134-.133-.27-.264-.406-.393zm-1.686 6.43c-.204.7-.45 1.778-.737 3.028-.595 2.603-1.597 6.978-2.66 9.13-2.923-.41-5.52-1.856-7.416-3.964.57-5.02 6.82-10.816 11.38-13.97.188.185.374.375.558.57.398.426.765.893 1.106 1.39-1.137.816-1.724 2.073-2.23 3.817zm-5.26-2.836C6.176 12.464 3.097 15.97 2.2 19.565.816 17.555 0 15.11 0 12.475c0-1.18.166-2.32.47-3.4 1.557-.878 3.41-1.23 5.34-1.592.5-.094 1.018-.19 1.524-.298 1.806-.38 3.466-1.33 4.733-2.294.5.386 1.01.806 1.52 1.26-1.526 1.063-3.195 2.384-4.774 3.857zm5.904-4.572c-.56-.52-1.122-1-1.675-1.44.565-.517 1-.993 1.255-1.34.54-.732.518-1.738.47-2.655 2.222.455 4.236 1.497 5.884 2.96-.713.125-1.466.296-2.233.53-.856.26-2.174.95-3.702 1.945zm.564 7.498c.448-1.534.897-2.522 1.733-3.15 2.154 3.79 3.01 8.895 3.094 12.504C17.973 23.985 15.284 25 12.36 25c-.136 0-.27-.006-.403-.01.943-2.098 1.75-5.388 2.596-9.065.286-1.245.533-2.32.73-2.992z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-rugby {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%233B5160" fill-rule="nonzero" d="M1.762 23.238C.14 21.615-.346 18.866.238 15.793l8.97 8.97c-3.074.584-5.822.098-7.446-1.525zM5.79 5.788c2.12-2.12 4.534-3.66 6.905-4.62l11.138 11.137c-.96 2.372-2.5 4.785-4.622 6.907-2.12 2.12-4.534 3.66-6.905 4.62L1.168 12.696c.96-2.37 2.5-4.785 4.62-6.906zm8.088 3.494c-.34-.337-.887-.337-1.223 0-.34.34-.34.89-.005 1.227l.31.307-.46.46-.31-.308c-.336-.34-.885-.34-1.22 0-.34.335-.34.883 0 1.22l.308.31-.46.46-.31-.31c-.337-.336-.885-.336-1.226.005-.336.336-.336.884 0 1.223l.31.308-.46.46-.31-.308C8.485 14 7.938 14 7.6 14.336c-.34.34-.34.89-.005 1.227l1.842 1.84c.338.338.886.337 1.227-.003.336-.337.336-.884-.002-1.223l-.31-.308.462-.462.308.31c.338.336.886.336 1.222 0 .342-.34.342-.888.006-1.227l-.31-.307.46-.46.31.307c.336.338.884.338 1.22 0 .34-.336.34-.884 0-1.222l-.308-.308.46-.46.31.31c.338.336.885.336 1.226-.006.336-.336.336-.883 0-1.222l-.31-.308.46-.46.31.308c.337.338.885.338 1.222 0 .34-.34.34-.887.004-1.225l-1.84-1.842c-.34-.336-.887-.336-1.226.005-.338.337-.338.884 0 1.222l.31.31-.462.46-.308-.31zm9.36-7.52c1.623 1.623 2.11 4.372 1.524 7.445l-8.97-8.97c3.074-.583 5.822-.098 7.446 1.525z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-HR {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25"><path fill="%233B5160" fill-rule="nonzero" d="M21.51 19.133S27.72 0 11.92 0h-.095C-3.915 0 2.326 19.133 2.326 19.133L0 20.753l1.794 4.156 7.236-2.752C2.155 8.02 10.608 7.224 11.918 7.185c1.31.04 9.764.836 2.888 14.974l7.236 2.75 1.794-4.156-2.325-1.62zm-18.496-7.17c0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.148 4.814c-.458 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83zM4.76 8.81c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.457 0 .83.372.83.83 0 .458-.373.83-.83.83zm13.54-.83c0-.46.37-.83.83-.83.458 0 .83.37.83.83 0 .458-.372.83-.83.83-.46 0-.83-.372-.83-.83zm1.427 8.797c-.457 0-.83-.37-.83-.83 0-.458.372-.83.83-.83.46 0 .83.372.83.83 0 .458-.37.83-.83.83zm.32-3.984c-.46 0-.83-.37-.83-.83 0-.458.37-.83.83-.83.458 0 .83.372.83.83 0 .458-.372.83-.83.83z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-dog {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="%233B5160" fill-rule="evenodd" d="M7.957 1.797C7.903 1.042 8.937.457 9.775 0c.99.78.34 2.384-1.818 1.797zm5.883.045c-.063-.578-.27-1.294-.182-1.842.71.044 2.01 2.384.182 1.842zm2.645 9.645c2.016-.34 2.912-2.517 2.828-4.462-.08-1.85-1.926-3.54-3.417-4.11-.05-.02-.143.01-.197.002-2.42-.39-2.112 2.832-1.967 4.9.142 2.035.344 4.074 2.752 3.67zM9 11.537c.91-.008 1.895-.304 2.173-.855.38-.756.087-2.314.013-3.516-.124-2.033-.313-3.524-1.89-4.166-.248-.1-.556-.142-1.17-.098-1.5.568-2.77 2.05-3.367 3.49-.957 2.315 1.45 5.174 4.24 5.146zM20.585 6.21c.583.213 1.22.65 2.143.484-.243-.88-1.042-1.41-1.927-1.886-.463.285-.38 1.016-.216 1.402zm-18.31.42c.365.217.972.055 1.135-.21-.005-.575-.038-1.12-.126-1.612-.426.525-.915.994-1.01 1.82zm17.77 8.41c.586.444 1.26 1.42 2.443 1.295 1.033-.107 2.417-2.123 2.503-3.48.12-1.906-.886-4.49-1.975-5.16-1.44-.068-2.274 1.38-2.98 2.336-.372.507-.676.934-1.024 1.508-.297.493-.86 1.228-.827 1.68.06.788 1.355 1.436 1.86 1.82zM3.104 8.665C1.255 8.443-.19 11.38.022 13.528c.193 1.925 1.895 3.823 3.636 3.78.755-.02 1.386-.487 1.878-.916.44-.384 1.115-.93 1.24-1.445.262-1.073-.726-2.61-1.245-3.564-.525-.963-1.153-2.564-2.425-2.717zm6.866 5.408c-1.7 1.512-4.124 3.677-5.028 5.48-1.64 3.27 2.094 6.137 5.9 5.298.48-.103.956-.39 1.412-.616.37-.184.91-.58 1.41-.618.63-.05 1.47.404 2.208.58 1.255.294 3.015.607 4.333.133 1.213-.437 2.41-1.702 2.512-2.92.096-1.168-.485-2.03-1.11-2.943-1.383-2.017-2.578-2.937-4.893-4.284-1.045-.608-2.522-1.48-3.643-1.648-1.553-.234-2.217.756-3.1 1.54z"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-racing {
    background: url('data:image/svg+xml,<svg height="13" viewBox="0 0 13 13" width="13" xmlns="http://www.w3.org/2000/svg"><path d="m104.031307 120.690196c-3.529412-1.552941-5.9999818 0-5.9999818 0v5.647059 5.983852h.7058823v-2.101481c.9882353-.352922 2.8941365-.705882 5.2941365.352923 3.529411 1.552941 5.999981 0 5.999981 0v-9.882353c-.000037 0-2.470607 1.552941-6.000018 0zm5.294099 3.882371c0-.070606-1.482335.564706-3.529412.211747v2.823529c.494136.070607.988235.141177 1.341195.141177 1.341158 0 2.188217-.42353 2.188217-.42353v2.82353s-1.270588.635275-3.247059.352922c-.141176 0-.352923-.070606-.282353-.070606v-2.82353c-.564706-.07057-1.200018-.282353-1.835294-.564706-.635313-.282353-1.200018-.423529-1.694118-.564706v2.82353c.070607 0-.070606 0-.282353 0-1.835294-.282353-3.2470584.141176-3.2470584.141176v-2.823529s1.5529414-.494099 3.5294114-.141177v-2.823529c-2.117647-.423529-3.5294114.282353-3.5294114.282353v-2.823529s1.4117644-.705883 3.5294114-.282353v2.823529c.564706.07057 1.129412.282353 1.764688.564706.635312.282353 1.200018.494136 1.764687.564706v-2.82353c2.047077.352923 3.529412-.211746 3.529412-.211746v2.823566z" fill="%233B5160" transform="translate(-98 -120)"/></svg>')
        no-repeat;
}
.betexchange247 .channel-list .icon-election {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 0h-6.4l-1.865 2.236c-.078.098-.108.226-.082.349.025.116.101.212.205.269l-5.222 1.959c-.438.165-.813.476-1.054.877l-1.727 2.878c-.368.613-.397 1.361-.077 1.999l.122.245h-1.822c-.23 0-.416.186-.416.416v7.171h-.863c-.23 0-.8 0-.8.8s.57.8.8.8h16.4c.23 0 .8 0 .8-.8s-.57-.8-.8-.8h-3.893v-3.52c0-.142-.073-.275-.193-.351-.12-.076-.271-.086-.4-.025-.303.143-1.556.823-3.758 2.039-.432.259-.924.397-1.424.397-.92 0-1.778-.456-2.305-1.237-.417-.625-.561-1.375-.405-2.109.156-.734.589-1.361 1.223-1.764l.393-.249.77-.481c.161-.1.235-.294.179-.476-.102-.334-.273-.63-.435-.859.435-.165 2.004-1.765 2.004-1.765.101.059.225.231 1.025.8.8.569 1.215.711 1.673.8-.454.381-1.254.968-2.054 1.98-.344.155-.8.42-2.4 1.22-.47.235-1.156.8-.8 1.6.356.8.974.8 1.6.8.533 0 1.6-.533 3.2-1.6 1.6-.8 3.2-.8 4.542-2.984 1.314-2.139 2.063-3.855 2.369-4.63.223.111.411.156.604.156.32 0 .636-.128.868-.352.245-.236.417-.635.417-.977v-4.814z" fill="%233B5160" fill-rule="nonzero"/></svg>')
        no-repeat;
}
.support-mail.openn img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(97,97,97)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-whatsapp.openn img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-telegram.openn img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-ig.openn img {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-skype.openn img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

/* .betexchange247 .icon-Kabaddi {
    background: url('../images/kabaddi.svg') no-repeat
} */

/* .betexchange247 .select .icon-Kabaddi {
    background: url('../images/kabbaddi.png') no-repeat
} */

/* .betexchange247 .icon-bet-game {
    background: url('../images/slots.png') no-repeat
} */




/* Progressbar */


.nav-category .btn[data-navcategory=slot]:before{
    background-image:url(../images/icon-slot.svg)
}
.nav-category .btn[data-navcategory=arcade]:before{
     background-image:url(../images/icon-arcade.svg)
}

.meter {
   
    box-sizing: content-box;
    height: 10px;
    position: relative;
    margin: 10px;
    background: transparent;
    border-radius: 25px;
    padding: 5px;
    box-shadow: inset 0 0px 1px rgb(0 0 0);

  }
  .meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43, 194, 83);
    background-image: linear-gradient(
      center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%
    );
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
      inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
  }
  .meter > span:after,
  .animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
    );
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
  }
  
  .animate > span:after {
    display: none;
  }
  
  @keyframes move {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 50px 50px;
    }
  }
  
  .orange > span {
    background-image: linear-gradient(#f1a165, #f36d0a);
  }
  
  .red > span {
    background-image: linear-gradient(#000, #f42323);
  }
  
  
  #page-wrap {
    width: 370px;
    
  }



  
  .bl-Preloader_Spinner {
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: 2px solid #757575;
    border-left: 3px solid #feb809;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-animation: bl-Spinner .6s linear infinite;
    animation: bl-Spinner .6s linear infinite;
}

@keyframes bl-Spinner {
0% {
    transform: translateX(-50%) translateY(-50%) rotate(
0deg
);
}

100% {
    transform: translateX(-50%) translateY(-50%) rotate(
360deg
);
}
}

.bl-Preloader{

position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: #000000e0;
z-index: 99;
justify-content: center;
align-items: center;
}




.mian-wrap .gamehall a img:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  
  .mian-wrap .gamehall img {
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  /* .entrance-title dd span{
    animation: twinkling 1.4s infinite ease;
  } */

  
@keyframes twinkling {
    

  0% {
    color: red;
}

50% {
    color: #ff0;
}
100% {
    color: #00f;
}
}

.promo-banner-wrap.active {
    overflow: hidden;
}

.promo-banner-wrap {
    position: relative;
    width: 100vw;
    height: 18.66667vw;
}



 .btn-head_rules {
    background: url(./MobileImage/bg-sportsbook_rules.9a2177b3.svg);
}
.btn-cancel{
    background-image: linear-gradient(-180deg, #fff 0%, #eee 89%);
    border: 1px solid #aaa;
    border-radius: 1.6vw;
    font-size: 4vw;
    font-weight: bold;
    line-height: 2.6;
    color: #1e1e1e;
    text-align: center;
    display: block;
}


.btn-head_rules {
    width: 10.93333vw;
    height: 100%;
    background-size: 100% 100%;
    /* background-repeat: no-repeat; */
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
}


.sports-book dd {
    width: 37.33333vw !important;
}

.bets-selections > dd {
    width: 18.66667vw;
}


.sports-book .back-1 {
    background-color: #72e3a0 !important;
}


.bets-selections a, .trade p, .trade-2 p {
    width: 100%;
    font-weight: bold;
    color: #1e1e1e;
    padding: 1.6vw;
    flex-direction: column;
    justify-content: center;
}

.icon-mt5 {
    filter: invert(1) !important;
}

.wrap-highlight .select a img {
    filter: brightness(0.9) !important;
}

.icon-kabaddi {
    background: url('data:image/svg+xml,<svg width="33" height="33" xmlns="http://www.w3.org/2000/svg"><path d="M5.877 11.527a4.294 4.294 0 118.589 0 4.294 4.294 0 01-8.59 0zm11.95 5.78a1.97 1.97 0 012.86.068 2.155 2.155 0 01-.066 2.967l-.454.453-2.989-2.842.65-.646zm4.55-10.074a4.294 4.294 0 110 8.589 4.294 4.294 0 010-8.59zm2.513 16.152c-.627 1.081-1.21 2.082-1.789 3.087-.26.452-.56.832-1.094 1.014-.687.234-1.283.129-1.817-.217-.406-.224-.88-.615-1.454-1.21l-6.287-5.794a2.03 2.03 0 012.747-2.99l1.614 1.5c1.219 1.104 2.58 2.367 3.614 3.29.103.092.213.179.351.295.094-.132.18-.235.246-.35a852.85 852.85 0 001.885-3.32c.078-.138.157-.28.203-.43.616-2.014 2.173-3.055 4.017-3.661 1.678-.552 3.421.24 4.368 1.8.456.753.911 1.507 1.365 2.26.093-.706.141-1.427.141-2.159C33 7.387 25.613 0 16.5 0S0 7.387 0 16.5c0 .733.048 1.455.141 2.163l1.28-2.126c1.263-2.104 3.536-2.658 5.675-1.436a7.85 7.85 0 012.059 1.708c.226.261.39.582.55.892.8 1.546 1.59 3.098 2.424 4.728l.716-.686 3.007 2.754-.123.109-1.616 1.544a2.04 2.04 0 01-.364.275c-.332.294-.678.582-1.057.866-.74.552-2.078.476-2.74-.7-.579-1.03-1.164-2.057-1.8-3.178-1.032 1.705-2.03 3.35-3.042 5.025A16.444 16.444 0 0016.5 33c4.427 0 8.446-1.744 11.41-4.581l-3.02-5.034z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat;
}






.game-wrap-horse.closer {
    display: block;
}
.closer.game-wrap-horse {
    border-bottom-color: #eee;
}
.closer.game-wrap-horse {
    height: 6.66667vw;
    overflow: hidden;
}
.game-wrap-horse {
    background-color: #fff;
    margin-bottom: 1.33333vw;
}
.closer {
    justify-content: center;
    align-items: center;
}
.game-wrap-horse {
    border-bottom: 0.26667vw solid #7e97a7;
    /* margin-bottom: 4vw; */
}
.closer{
    font-size: 0;
    text-indent: -99999px;

}
.closer.game-wrap-horse .to-expand.close {
    justify-content: initial;
    font-size: inherit;
    text-indent: initial;
}
.to-expand {
    align-items: center;
    display:flex;
}
.closer.game-wrap-horse .to-expand .close-info {
    flex: 1;
    text-align: left;
}
.game-wrap-horse .close-info {
    padding-left: 2.66667vw;
    color: #feb809;
}
.closer.game-wrap-horse .to-expand.closer {
    justify-content: initial;
    font-size: inherit;
    text-indent: initial;
}

.game-wrap-horse h3 {
    padding-left: 2.13333vw;
}

.clearfix:after, .game-wrap-horse .hs-time:after, .game-wrap-horse:after, .game-list-col:after, .game-list-col dd:after, .now-play:after, .info-rotate:after {
    content: "";
    display: block;
    clear: both;
}

.game-wrap-horse .hs-time li {
    display: block;
    float: left;
}
.game-wrap-horse .hs-time .in-play {
    background-color: #6bbd11;
    color: #fff;
    border-color: #6bbd11;
}
.game-wrap-horse .hs-time dd a {
    width: 10.66667vw;
    font-size: 3.46667vw;
    line-height: 5.06667vw;
    border: 0.26667vw solid transparent;
    border-radius: 0.8vw;
    margin-right: 2.13333vw;
}

.game-wrap-horse h3 {
    background: #243a48;
}
.game-wrap-horse h3 {
    color: #fff;
    font-size: 3.73333vw;
    line-height: 6.66667vw;
    font-weight: normal;
    padding-left: 2.66667vw;
    background-repeat: repeat-x;
}
.game-wrap-horse h3 a {
    color: #fff;
}

div::-webkit-scrollbar{
    display: none;
}

.special_bets-tab::-webkit-scrollbar{
    display: none;
}
.col-center #centerColumn{
    margin-left: 0px !important;
}
.full-wrap .col-center1{
    height: 100%;
    overflow: hidden;
}
.col-center1{
    zoom: 1;
}


@keyframes marqueeAnimation-4429646{
    100% {
      transform: translateX(-1825px);
    }
    }
    .wrap-highlight {
        background-image: linear-gradient(-180deg, #ffcc2e 0%, #ffb80c 71%);
        border-bottom-color: #000;
    }
    .wrap-highlight .select a {
        color: #ffb80c;
        background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
        /* background-color: rgb(103, 240, 194); */
    }
    .member-menu-box.balance-box .balance .icon.eyes.active {
        -webkit-transform: rotate(180deg)!important;
        transform: rotate(180deg)!important;
        background-color: #ffb80c;
        -webkit-mask: url(MobileImage/icon-eye-close-type01.svg)no-repeat center/85%!important;
        mask: url(MobileImage/icon-eye-close-type01.svg)no-repeat center/85%!important;
    }
    .inputbox::after, .member-box::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        background-color: rgba(0,0,0,.3);
    }
    .data-image{
        background-image: url(/src/images/Banner/image_3.jpeg)
    }
    header {
      
        position: -webkit-sticky;
        top: 0;
        width: 100vw;
        box-sizing: border-box;
        height:13.53vw;
        padding: 2.66667vw 1.86667vw 2.66667vw 0;
        background-color: rgb(255 184 9);
        display: flex;
       background-color: rgb(17 17 17);
        z-index: 11;
    }
 
    header .li-tv_bet {
        min-width: 29.33333vw;
        max-width: 31.2vw;
        margin-left: -1px;
        display: flex;


    }
    .whatapp-btn:before {
    content: "";
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: 0.5333333333vw;
    background-color: #ffb80c;
    -webkit-mask: url(../images/header-whatsapp.svg);
    mask: url(../images/header-whatsapp.svg);
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
}
.whatapp-btn {
    display: flex;
}
    header a.a-open_bets {
        padding: 1.86667vw 0 1.33333vw;
        border-left-width: 0;
        border-radius: 0 1.06667vw 1.06667vw 0;
    }
    header li.main-wallet {
        flex: 1;
        font-size: 2.66667vw;
        border: 0.26667vw solid rgba(0,0,0,0.3);
        border-radius: 1.06667vw;
        display: flex;
    }

    header li {
        margin-right: 2.53333vw;
    }
header a {
    color: #1e1e1e;
    height: 5.86667vw;
    line-height: 5.33333vw;
    font-weight: bold;
    border: 0.26667vw solid #bd8c16;
    border-radius: 1.06667vw;
}
header li.main-wallet .a-wallet ul {
    position: relative;
    flex-wrap: wrap;
    height: 8vw;
    width: 38vw;
    line-height: 3.2vw;
    padding: 1.06667vw 10.66667vw 0 1.86667vw;
    border-radius: 1.06667vw 0 0 0;
}
header a {
    border-color: #000;
    color: #ffb80c;
    background-color: rgba(51, 51, 51, 0.4);
}
header li:last-of-type {
    margin-right: 0;
}
.a-setting {
        border-color: #000;
        color: #ffb80c;
        background-color: rgba(51, 51, 51, 0.4);
       
        box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 40%);
    
}
.hilighthead{
    background-image: linear-gradient(-180deg, #2e4b5e 0%, #243a48 82%);
    color: #fff;
    font-size: 3.73333vw;
    line-height: 2.2;
}
.input-space{

    position: relative;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: inset 0 0.53333vw 0 0 rgb(0 0 0 / 10%);
    border-radius: 1.6vw;
    color: #1E1E1E;
    font-size: 4vw;
    font-family: Helvetica, Tahoma, sans-serif;
    padding: 2.66667vw 1.86667vw;
    margin-bottom: 1.86667vw;
    -webkit-appearance: none;

}
.input-space:focus, .input-num .typeing {
    color: #1e1e1e;
    background-color: #fff0ca;
    box-shadow: inset 0 0.26667vw 1.33333vw rgb(161 128 45 / 60%);
    border-color: #be7809;
}
.menu-first ul li[data-category=bets] a::before {
    background-image: url(./MobileImage/bets.png);
}

@media (min-width: 1024px) {
  .slick-slide:not(.slick-active) {
    visibility: hidden;
  }

  .slide-changing .slick-slide {
    visibility: visible;
  }
}

.sli-slide {
  background: green;
  height: 100px;
}
.card1 ul li .iconSport, .card1 ul li .icon-sport {
    width: 100%;
    height: 13.3333333333vw;
    background: #FFB80C;
    -webkit-mask-size: 48%;
    mask-size: 48%;
}

.icon-sport.exchange{
    -webkit-mask-image: url(../images/Social/icon-exchange.svg);
    mask-image: url(../images/Social/icon-exchange.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 20%;
    mask-position: 50% 20%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon-sport.sportbook, .icon-sport.saba {
    -webkit-mask-image: url(../images/sport-kabaddi_inr.png);
    mask-image: url(../images/sport-kabaddi_inr.png));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 20%;
    mask-position: 50% 20%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.nav-category .btn:before {
    content: "";
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto 1.8666666667vw;
    transition: all .3s;
    border-radius: 10.6666666667vw;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.icon-sport.kabaddi {
    -webkit-mask-image: url(../images/Social/icon-kabaddi.svg);
    mask-image: url(../images/Social/icon-kabaddi.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 20%;
    mask-position: 50% 20%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.icon-sport.awcmbc {
    -webkit-mask: url(../images/Social/icon-awcmbc.svg) no-repeat 50% 20%/cover;
    mask: url(../images/Social/icon-awcmbc.svg) no-repeat 50% 20%/cover;
}
.nav .btn.selected:after {
    display: block;
}
    .nav .btn p:after {

    content: "";
    display: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    border-width: 2.1333333333vw;
    border-style: solid;
    border-color: transparent transparent #000000;
}