body,p,ul,li,h1,input {
    margin: 0;
    padding: 0
}

h1,input,label {
    font-size: 100%;
    font-weight: 400;
    vertical-align: middle;
    font-family: inherit
}

ul {
    list-style: none
}

img {
    border: none
}

img {
    display: block
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 1;
    font-family: Arial,Helvetica,PingFang SC,microsoft yahei,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #333;
    background: rgba(20,27,61,1);
    -webkit-tap-highlight-color: transparent
}

p,a,div,span {
    vertical-align: middle;
    font-family: inherit
}

a,input {
    border: none;
    outline: none;
    text-decoration: none;
    -webkit-touch-callout: none;
    font-family: inherit;
    background: none
}

a,a:visited {
    text-decoration: none;
    -webkit-touch-callout: none
}

a {
    color: inherit
}

em,i {
    font-style: normal
}

.wrap {
    width: 100%;
    height: 100%;
    z-index: 999
}

@font-face {
    font-family: dinm;
    src: url(../fonts/DINMITTELSCHRIFTSTD.0d145998.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@keyframes menuAni1 {
    0% {
        top: 0px;
        transform: rotate(0)
    }

    to {
        top: 5px;
        transform: rotate(45deg)
    }
}

@-webkit-keyframes menuAni1 {
    0% {
        top: 0px;
        -webkit-transform: rotate(0deg)
    }

    to {
        top: 5px;
        -webkit-transform: rotate(45deg)
    }
}

@-moz-keyframes menuAni1 {
    0% {
        top: 0px;
        -moz-transform: rotate(0deg)
    }

    to {
        top: 5px;
        -moz-transform: rotate(45deg)
    }
}

@-ms-keyframes menuAni1 {
    0% {
        top: 0px;
        -ms-transform: rotate(0deg)
    }

    to {
        top: 5px;
        -ms-transform: rotate(45deg)
    }
}

@-o-keyframes menuAni1 {
    0% {
        top: 0px;
        -o-transform: rotate(0deg)
    }

    to {
        top: 5px;
        -o-transform: rotate(45deg)
    }
}

@keyframes menuAni2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes menuAni2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes menuAni2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-ms-keyframes menuAni2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes menuAni2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes menuAni3 {
    0% {
        bottom: 0px;
        transform: rotate(0)
    }

    to {
        bottom: 5px;
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes menuAni3 {
    0% {
        bottom: 5px;
        -webkit-transform: rotate(0deg)
    }

    to {
        bottom: 5px;
        -webkit-transform: rotate(-45deg)
    }
}

@-ms-keyframes menuAni3 {
    0% {
        bottom: 5px;
        -ms-transform: rotate(0deg)
    }

    to {
        bottom: 5px;
        -ms-transform: rotate(-45deg)
    }
}

@-moz-keyframes menuAni3 {
    0% {
        bottom: 5px;
        -moz-transform: rotate(0deg)
    }

    to {
        bottom: 5px;
        -moz-transform: rotate(-45deg)
    }
}

@-o-keyframes menuAni3 {
    0% {
        bottom: 5px;
        -o-transform: rotate(0deg)
    }

    to {
        bottom: 5px;
        -o-transform: rotate(-45deg)
    }
}

@keyframes menuAni1End {
    0% {
        top: 5px;
        transform: rotate(45deg)
    }

    to {
        top: 0px;
        transform: rotate(0)
    }
}

@-webkit-keyframes menuAni1End {
    0% {
        top: 5px;
        -webkit-transform: rotate(45deg)
    }

    to {
        top: 0px;
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes menuAni1End {
    0% {
        top: 5px;
        -moz-transform: rotate(45deg)
    }

    to {
        top: 0px;
        -moz-transform: rotate(0deg)
    }
}

@-ms-keyframes menuAni1End {
    0% {
        top: 5px;
        -ms-transform: rotate(45deg)
    }

    to {
        top: 0px;
        -ms-transform: rotate(0deg)
    }
}

@-o-keyframes menuAni1End {
    0% {
        top: 5px;
        -o-transform: rotate(45deg)
    }

    to {
        top: 0px;
        -o-transform: rotate(0deg)
    }
}

@keyframes menuAni2End {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@-moz-keyframes menuAni2End {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes menuAni2End {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes menuAni2End {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes menuAni3End {
    0% {
        bottom: 5px;
        transform: rotate(-45deg)
    }

    to {
        bottom: 0px;
        transform: rotate(0)
    }
}

@-webkit-keyframes menuAni3End {
    0% {
        bottom: 5px;
        -webkit-transform: rotate(-45deg)
    }

    to {
        bottom: 0px;
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes menuAni3End {
    0% {
        bottom: 5px;
        -moz-transform: rotate(-45deg)
    }

    to {
        bottom: 0px;
        -moz-transform: rotate(0deg)
    }
}

@-ms-keyframes menuAni3End {
    0% {
        bottom: 5px;
        -ms-transform: rotate(-45deg)
    }

    to {
        bottom: 0px;
        -ms-transform: rotate(0deg)
    }
}

@-o-keyframes menuAni3End {
    0% {
        bottom: 5px;
        -o-transform: rotate(-45deg)
    }

    to {
        bottom: 0px;
        -o-transform: rotate(0deg)
    }
}

@-webkit-keyframes registerTipsAni {
    0% {
        -webkit-transform: translateY(0%)
    }

    50% {
        -webkit-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateY(0%)
    }
}

.content {
    width: 100%;
    margin-top: 48px;
    position: relative
}

.credit-card .content {
    margin-bottom: 0
}

.credit-card .content {
    margin-top: 0;
    min-height: calc(100vh - 188px);
    box-sizing: border-box;
    padding-bottom: 40px
}

.credit-card.game-shop .content {
    padding-bottom: 300px
}

.login {
    position: relative
}

.login:after {
    content: "";
    background: url(//cdn.midasbuy.com/apps/login/images/bg4.jpg) no-repeat center;
    background-size: cover;
    opacity: .4;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1
}

.login .content {
    margin-top: 0;
    min-height: calc(100vh - 202px)
}

@-webkit-keyframes autoRollAni {
    0% {
        -webkit-transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-36%)
    }
}

@-webkit-keyframes subscribeAni {
    0% {
        -webkit-transform: translate(-100%,-50%)
    }

    to {
        -webkit-transform: translate(150%,-50%)
    }
}

.form-box input::-webkit-input-placeholder {
    opacity: .2;
    color: var(--text-color-black)
}

.form-box input:-moz-placeholder {
    opacity: .2;
    color: var(--text-color-black)
}

.form-box input::-moz-placeholder {
    opacity: .2;
    color: var(--text-color-black)
}

.form-box input:-ms-input-placeholder {
    opacity: .2;
    color: var(--text-color-black)
}

.error-tips {
    font-size: var(--font-size-h6);
    color: #f66;
    line-height: var(--line-height-h6);
    display: none;
    margin-bottom: 12px;
    margin-top: -4px;
    width: 100%;
    overflow: hidden
}

.error-tips.show {
    display: block
}

.pop-mode-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    background: var(--black3);
    display: none
}

.pop-mode-box .pop-mode {
    background: var(--bg-color-card-hover);
    width: 328px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}

.pop-mode-box .pop-mode.show {
    display: block
}

.pop-mode-box .pop-mode .mess {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.pop-mode-box .pop-mode .desc {
    width: 100%;
    overflow: hidden;
    padding-bottom: 22px
}

.pop-mode-box .pop-mode .desc p,.pop-mode-box .pop-mode .desc .div {
    font-size: var(--font-size-h5);
    color: var(--text-color-secondary);
    text-align: center;
    line-height: var(--line-height-h5);
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    word-wrap: break-word;
    word-break: keep-all;
    font-family: ArialMT
}

.pop-mode-box .pop-mode .desc p {
    text-align: left
}

.pop-mode-box .pop-mode .desc .div span {
    vertical-align: bottom
}

.pop-mode-box .pop-mode .mess {
    padding-top: 30px;
    padding-bottom: 40px
}

.pop-mode-box .pop-mode .mess p {
    display: inline-block;
    color: var(--text-color-primary);
    font-weight: 700;
    font-size: var(--font-size-h4);
    padding-left: 24px;
    position: relative;
    margin-bottom: 0;
    line-height: var(--line-height-h4)
}

.pop-mode-box .pop-mode .close-btn {
    width: 12px;
    height: 12px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAbdJREFUWEfVlz0vBFEUhp9XQnwmQk9U/oBCp6NWKZD4aRIUKjWdTuEPqISeSFgrJK6czR25e3d2vrLjrilnzj3ve97zMeeKxI/y8J1zE4CT5EbBzzlnOJL0HfvrI+ANzXIkwDFYnv9fAvbRgJ1z08AWcCvpKXvfRInA5zKwAVxL+gh9xgpMArvAJnAHnErqNCERgM8BB8A6cANcSPrKAuoRCIx3gG3gGZgHHoAzSa91SAT+FoB9YBV4A5aAK0mXmU2swCKw5w+8A8beSJxUVSKK/ND76gCz3te5pJc+BSIVDDQ8mJEoVWJI5AY+NJCBLvCFGEpX6CCLpCDywgAG5kATR00iH0hB2GZ1HNo5r1qj1OVOwjo14W1rp6xQgZy85gE8Asfe9ghYAcJ6KS3annplE66kJu79+bUIvHLblhKI0mFK2FSzaLvAlCfwCcwApopNz8qDqxKBiIQB2ZwwEgZsjxExcIu8W2dq/g8CUVv+bQqSFmHJQGq3DauO5FYGUdJRXDXysNXqEI73zfH5HTeJPG/rrbtPjMdKNk5LaZq1PPrZJL2Y9GoiydUs2gnTXE7LtqM2vv8AfuZ8P60iTYgAAAAASUVORK5CYII=) no-repeat center;
    background-size: cover;
    right: 12px;
    top: 12px;
    opacity: .4;
    cursor: pointer
}

.pop-mode-box .pop-mode .mess p span,.pop-mode-box .pop-mode .desc p span {
    vertical-align: initial;
    color: #ebbe4a
}

.pop-mode-box .pop-mode .desc p span {
    font-weight: 700
}

.pop-mode-box .pop-mode .btn-wrap {
    width: 100%;
    overflow: hidden
}

.pop-mode-box .pop-mode .btn-wrap.btn-wrap__flex {
    display: flex;
    align-items: center
}

.game-shop .pop-mode-box .pop-mode .btn-wrap {
    margin-top: 32px
}

.pop-mode-box .pop-mode .btn-wrap .btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: var(--font-size-h5);
    color: var(--text-color-primary);
    background: var(--brand-login-text);
    cursor: pointer
}

.pop-mode-box .pop-mode .btn-wrap .btn.disable {
    color: var(--text-color-disable);
    background: rgba(23,49,101,1)
}

.pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn {
    width: 160px;
    float: left
}

.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
    width: 160px;
    float: right;
    background: var(--brand-login-text)
}

.pop-mode-box .pop-mode .btn-wrap .btn.disable {
    background: rgba(29,51,109,1);
    color: #fff6
}

.pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
    width: 48%;
    transition: all .3s linear;
    -ms-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear
}

.game-shop .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,.game-shop .pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
    width: 100%
}

.game-shop .pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn,.game-shop .pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn {
    width: 48%
}

.game-shop .pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn {
    float: right
}

.pop-mode-box .pop-mode .btn-wraps .btn {
    width: 48.75%;
    float: left
}

.pop-mode-box .pop-mode .btn-wraps .btn:last-child {
    margin-right: 0
}

.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn {
    background: #2E3E8D
}

.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn {
    background: var(--brand-login-text)
}

.pop-mode-box .have-form-pop.pop-mode .form-box .input-box.error input {
    background: rgba(255,78,78,.1)
}

@keyframes lightAni {
    0% {
        border-color: var(--function-color-border)
    }

    25% {
        border-color: #3a7bfc
    }

    50% {
        border-color: var(--function-color-border)
    }

    75% {
        border-color: #3a7bfc
    }

    to {
        border-color: var(--function-color-border)
    }
}

@-webkit-keyframes lightAni {
    0% {
        background: #192045
    }

    25% {
        background: var(--bg-color-popover)
    }

    50% {
        background: #192045
    }

    75% {
        background: var(--bg-color-popover)
    }

    to {
        background: #192045
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spins {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spins {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes spins {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-ms-keyframes spins {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes spins {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loadingSpin {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes loadingSpin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.game-shop .pop-mode-box {
    background: rgba(0,0,0,.3)
}

.game-shop .pop-mode-box .pop-mode {
    background: var(--bg-color-area)
}

.history-list {
    position: relative
}

.history-list .hist-box {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    z-index: 9;
    box-shadow: 0 20px 10px #11173326;
    display: none
}

.history-list .hist-box .title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: var(--font-size-h6);
    color: #fff9;
    letter-spacing: 0;
    border-bottom: 1px solid #303657;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
    background: #212950
}

.history-list .hist-box .card-num-box {
    width: 100%;
    overflow: hidden;
    background: var(--bg-color-card)
}

.history-list .hist-box .card-num-box .list-item {
    width: auto;
    height: 20px;
    padding: 13px 16px;
    position: relative;
    cursor: pointer;
    background: var(--bg-color-card)
}

.history-list .hist-box .card-num-box .list-item.selected {
    background: var(--bg-color-popover)
}

.history-list .hist-box .card-num-box .list-item.selected:after {
    content: " ";
    width: 12px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAT9JREFUOBGtkO8qRHEQhtf//brYZW9ia2+FSC5GStqSSBtftUlRQiT5xneyrfBFewXuAB3PcGbNTudsu87vV2/zzpx3nqmTywV8URQNoW3URtWA6F8U0F2k7x1TCXYEWF3Jpr4FOQBwx0Ct3ct8ANqWJRrfwA9nOgBg0wCtPeiC00yifTTX70WyGyjpHTIc6XBoCughTn5SlzsfUwyZWpz35YjBH1z2Gdy6lBxZSmFLft3ltT3GdMPjA3eaMFWOLPojzNZMxtoTmlGf/+n5IP//0aZj/0Fd0CX8akJGRqcoGW6Wpwg1Je2eHJlHK26u7TlmTDk9K8Fp1NJNU7+Mt/aCpj+4XmahiJ4sJcVfMh/XvYEqiyX0nAKW8RWaGAjqwwBm0Avy75pBNrgeAzSLXs2FG3xevwepAMvoHp39F/4NYF+WuFgm+hIAAAAASUVORK5CYII=) no-repeat center;
    background-size: 12px 9px;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%)
}

.history-list .hist-box .card-num-box .list-item.selected .card-val {
    color: var(--text-color-primary)
}

.history-list .hist-box .card-num-box .list-item img {
    float: left;
    width: 30px;
    height: 20px;
    margin-right: 13px
}

.history-list .hist-box .card-num-box .list-item .card-val {
    font-size: var(--font-size-h5);
    color: #fffc;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
    height: 20px;
    line-height: 20px
}

.history-list .hist-box .card-num-box .list-item .card-val span {
    color: var(--text-color-primary);
    vertical-align: baseline
}

.history-list .hist-box .card-num-box .list-item:hover {
    background: var(--bg-color-popover)
}

.history-list .hist-box .card-num-box .list-item:active {
    background: #1D2447
}

.pop-box {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    background: rgba(19,26,60,.79);
    display: none;
    z-index: 999
}

.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:hover,.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:hover,.pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn:hover {
    background: #324499
}

.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:active,.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):active,.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:active {
    background: #27367A;
    color: #fffc
}

.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn:hover,.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn:not(.disable):hover,.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):hover {
    background: #4E88FC
}

.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn:active,.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn:not(.disable):active,.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):active {
    background: #3167D3;
    color: #fffc
}

.pop-box.show {
    display: block
}

@keyframes loadingAni {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.pop-mode-box .pop-mode .desc .checked {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAACEklEQVRIDWO0qv7zn4GOgImOdoGtGrWQ6iE+GqRDI0iz3BkZUp0ZsTqWBasomYKMQDtK/RgZ/E0hSYOT/R/DpG2o5QrVLGQG2lEXwsjgogex7O+//wx3X2C6nCoWsgFNaYlgYrDWgATjb2Bp2bD6H8OBqzSwkIuNgaEzhonBSAli2c/f/xkql/1jOHkb0zKQCFYfqkowMDAzMzDceIpdE0yUl5OBoT+eiUFTBmLZ1x//GUoX/2O4+BCmApPGsFBHjoGhN46JAZQAypf8Yzh/H1MTSESYh4FhQiITg5I4xLIPX/8zFC74x3DrOXb1MFGMkibahomBh4ORgZudEWyxlTpMKYKWEGBgmJaKsOz1p/8MWXMIWwYyAcPC2pWgyIYkZXZWRob2KCZgyoP4AqRBToSBYUYaE4OMMETsydv/DBmz/jE8fA2SJQyYZe3qGpCVAVMz2EKQL1QlGRmYmBgZ7DUZGN5/YWAAyU1OZmIQ5oVYdu/lf4bcuf8YXn9CNgE/mxFfjV/gzcgQaokIhB+//jNwsEEsu/4EGGcL/zF8/o7fAnRZhGnoMkD+hK3/GRbs/weXgVl27t5/hrx5pFsGMgivhSAFs/f+Z5iyA2HpsZv/GYoX/WP49gskSzrAyBbYjFh+5D/D1x//GAwVgSXK2v8MfxH2Y1OOVwxvHOLVSaYkwSAl01yc2kYtxBk05ErQPUgBu9uRSQ89EQYAAAAASUVORK5CYII=) no-repeat center;
    background-size: 14px 14px;
    border: none;
    opacity: 1;
    outline: none
}

@keyframes popAni {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.8);
        -webkit-transform: translate(-50%,-50%) scale(.8,.8);
        -moz-transform: translate(-50%,-50%) scale(.8,.8);
        -ms-transform: translate(-50%,-50%) scale(.8,.8);
        -o-transform: translate(-50%,-50%) scale(.8,.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1,1);
        -moz-transform: translate(-50%,-50%) scale(1,1);
        -o-transform: translate(-50%,-50%) scale(1,1);
        -ms-transform: translate(-50%,-50%) scale(1,1)
    }
}

@-webkit-keyframes popAni {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.8);
        -webkit-transform: translate(-50%,-50%) scale(.8,.8);
        -moz-transform: translate(-50%,-50%) scale(.8,.8);
        -ms-transform: translate(-50%,-50%) scale(.8,.8);
        -o-transform: translate(-50%,-50%) scale(.8,.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1,1);
        -moz-transform: translate(-50%,-50%) scale(1,1);
        -o-transform: translate(-50%,-50%) scale(1,1);
        -ms-transform: translate(-50%,-50%) scale(1,1)
    }
}

@-moz-keyframes popAni {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.8);
        -webkit-transform: translate(-50%,-50%) scale(.8,.8);
        -moz-transform: translate(-50%,-50%) scale(.8,.8);
        -ms-transform: translate(-50%,-50%) scale(.8,.8);
        -o-transform: translate(-50%,-50%) scale(.8,.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1,1);
        -moz-transform: translate(-50%,-50%) scale(1,1);
        -o-transform: translate(-50%,-50%) scale(1,1);
        -ms-transform: translate(-50%,-50%) scale(1,1)
    }
}

@-ms-keyframes popAni {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.8);
        -webkit-transform: translate(-50%,-50%) scale(.8,.8);
        -moz-transform: translate(-50%,-50%) scale(.8,.8);
        -ms-transform: translate(-50%,-50%) scale(.8,.8);
        -o-transform: translate(-50%,-50%) scale(.8,.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1,1);
        -moz-transform: translate(-50%,-50%) scale(1,1);
        -o-transform: translate(-50%,-50%) scale(1,1);
        -ms-transform: translate(-50%,-50%) scale(1,1)
    }
}

@-o-keyframes popAni {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.8);
        -webkit-transform: translate(-50%,-50%) scale(.8,.8);
        -moz-transform: translate(-50%,-50%) scale(.8,.8);
        -ms-transform: translate(-50%,-50%) scale(.8,.8);
        -o-transform: translate(-50%,-50%) scale(.8,.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1,1);
        -moz-transform: translate(-50%,-50%) scale(1,1);
        -o-transform: translate(-50%,-50%) scale(1,1);
        -ms-transform: translate(-50%,-50%) scale(1,1)
    }
}

.pop-mode-box .have-form-pop.pop-mode {
    background: var(--bg-color-area)
}

.pop-mode-box .have-form-pop.pop-mode .mess p {
    padding: 0
}

.pop-mode-box .have-form-pop.pop-mode .form-box {
    width: 100%;
    padding-top: 16px;
    float: left
}

.pop-mode-box .have-form-pop.pop-mode .form-box .input-box {
    -js-display: flex;
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 46px;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 24px
}

.pop-mode-box .have-form-pop.pop-mode .form-box input {
    border: 1px solid var(--function-color-border);
    width: 100%;
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    padding: 0 15px;
    height: 100%;
    background: #192045;
    box-sizing: border-box;
    border-radius: 0
}

.pop-mode-box .have-form-pop.pop-mode .form-box input:focus {
    background: #212950;
    border-color: #ffffff26
}

.pop-mode-box .have-form-pop.pop-mode .form-box .mds-input_disable input::-webkit-input-placeholder {
    opacity: .25;
    cursor: not-allowed
}

.pop-mode-box .have-form-pop.pop-mode .form-box input::-webkit-input-placeholder {
    opacity: .5;
    color: var(--text-color-primary)
}

.pop-mode-box .have-form-pop.pop-mode .form-box input:-moz-placeholder {
    opacity: .5;
    color: var(--text-color-primary)
}

.pop-mode-box .have-form-pop.pop-mode .form-box input::-moz-placeholder {
    opacity: .5;
    color: var(--text-color-primary)
}

.pop-mode-box .have-form-pop.pop-mode .form-box input:-ms-input-placeholder {
    opacity: .5;
    color: var(--text-color-primary)
}

.pop-mode-box .have-form-pop.pop-mode .error-tips {
    margin-top: -12px
}

.pop-mode-box .have-form-pop.pop-mode .form-box input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset!important;
    background: #192045!important;
    border: 1px solid var(--function-color-border);
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
    -webkit-text-fill-color: var(--text-color-primary)!important;
    caret-color: var(--text-color-primary)
}

.pop-mode-box .have-form-pop.pop-mode .mess {
    padding-top: 12px
}

@-webkit-keyframes integralAni {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1
    }

    50% {
        -webkit-transform: rotate(360deg);
        opacity: 0
    }

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

@-webkit-keyframes addValHide {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        opacity: 1
    }

    to {
        transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        opacity: 0
    }
}

@-webkit-keyframes valShow {
    0% {
        transform: translateY(20%);
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -o-transform: translateY(20%);
        -ms-transform: translateY(20%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        opacity: 1
    }
}

@-webkit-keyframes registerTipsAni {
    0% {
        -webkit-transform: translateY(0%)
    }

    50% {
        -webkit-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes registerTipsAni1 {
    0% {
        -webkit-transform: translate(-50%,0%)
    }

    50% {
        -webkit-transform: translate(-50%,-20%)
    }

    to {
        -webkit-transform: translate(-50%,0%)
    }
}

@-webkit-keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.pop-mode-box .pop-mode.confirm-default-mode .mess p {
    padding: 0;
    font-weight: 400
}

.pop-mode-box .pop-mode.confirm-default-mode .close-btn {
    width: 16px;
    height: 16px;
    right: 20px;
    top: 24px;
    opacity: 1
}

.pop-mode-box .pop-mode.confirm-default-mode .back-btn {
    width: 16px;
    height: 16px;
    left: 32px;
    top: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJpJREFUWAntl0EKwCAMBKXf6YP8jg8v2Bi6WFC0hyT0sIKNWMkm415MyWnUWk+n1Pu0Ip5lXjLL/rTxiZe4LHXEFSFy6PzR1tBI+F/HQjwbQx7TUVxvun/anRP7aBSrHRque01XNJyVteZ5Igx3zKV/tBtBYdsuiwAikiAJEECkJ0gCBBAXnvB/mCyKKPgXFl8k4sXRpRTxCfsNG4HZD948QMYAAAAASUVORK5CYII=) no-repeat center;
    background-size: cover;
    position: absolute;
    cursor: pointer
}

.pop-mode-box .pop-mode.confirm-default-mode .mess {
    width: 100%;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.confirm-default-mode .btn-wraps {
    padding: 0 68px;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.confirm-default-mode .btn-wrap .btn:nth-child(1) {
    margin-bottom: 0
}

.pop-mode-box .pop-mode.confirm-default-mode .btn-wrap .btn.disable {
    background: rgba(23,49,110,1);
    color: #fff6
}

.pop-mode-box .pop-mode.confirm-default-mode .btn-wrap .btn.comfirm-btn {
    float: left
}

.history-list .hist-box .card-num-box .list-item.selected .card-val {
    color: var(--text-color-primary)
}

.input-box.disable .input-val .card-val {
    color: #fff6
}

.pop-toast {
    background: rgba(0,0,0,.8);
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 999999999;
    max-width: 375px;
    font-family: dinm;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.5;
    display: none
}

.pop-toast .icon {
    display: block;
    margin: 0 auto 8px;
    width: 20px;
    height: 20px
}

.pop-toast .icon.success-icon {
    background: url(data:image/png;base64,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) no-repeat center;
    background-size: 20px 20px
}

.pop-toast p {
    font-family: dinm;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.5
}

@keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-ms-keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --bg1: #222c5c;
    --bg2: #1e2754;
    --bg3: #1b234d;
    --bg4: #171f45;
    --bg5: #141b3d;
    --bg6: #111733;
    --brand-login-text: #3A7BFC;
    --brand-text: #3988ff;
    --brand-lighter: #00c4de;
    --brand: #1b56ff;
    --brand-click-lighter: #0790be;
    --brand-click: #002cde;
    --brand-hover-lighter: #6bdcf8;
    --brand-hover: #3166ff;
    --brand-disable-lighter: #056a8c;
    --brand-disable: #0022ab;
    --brand2-lighter: #F2B818;
    --brand2: #F26C3D;
    --brand2-click-lighter: #C29313;
    --brand2-click: #C25631;
    --brand2-hover-lighter: #F5C646;
    --brand2-hover: #F58964;
    --brand2-disable-lighter: #85650D;
    --brand2-disable: #853B22;
    --blue: #38c9f8;
    --green: #00d567;
    --red: #ff5e5b;
    --orange: #f17b32;
    --yellow: #ffc733;
    --purple: #b454ff;
    --black: rgb(0 0 0 );
    --white1: rgb(255 255 255);
    --white2: rgb(255 255 255 / 75%);
    --white3: rgb(255 255 255 / 50%);
    --white4: rgb(255 255 255 / 25%);
    --white5: rgb(255 255 255 / 10%);
    --white6: rgb(255 255 255 / 5%);
    --black1: rgb(0 0 0 / 90%);
    --black2: rgb(0 0 0 / 80%);
    --black3: rgb(0 0 0 / 60%);
    --black4: rgb(0 0 0 / 40%);
    --black5: rgb(0 0 0 / 25%);
    --black6: rgb(0 0 0 / 10%);
    --blue-gradient-lighter: #00c4de;
    --blue-gradient: #1b56ff;
    --cyan-gradient-lighter: #4ad9c1;
    --cyan-gradient: #0099bf;
    --green-gradient-lighter: #88d945;
    --green-gradient: #00b25f;
    --red-gradient-lighter: #ff824d;
    --red-gradient: #e52e43;
    --yellow-gradient-lighter: #f2bb18;
    --yellow-gradient: #f26c3d;
    --purple-gradient-lighter: #e573cd;
    --purple-gradient: #990cf2;
    --vh: 1vh;
    --scroll: #2C3665;
    --v1-light: #F1B280;
    --v1-dark: #994D38;
    --v2-light: #50D8C7;
    --v2-dark: #006B77;
    --v3-light: #B8C8FF;
    --v3-dark: #2F4184;
    --v4-light: #FFD157;
    --v4-dark: #A7681F;
    --v5-light: #90E1F2;
    --v5-dark: #007088;
    --v6-light: #C1CFFF;
    --v6-dark: #2D47A5;
    --v7-light: #E7B9FF;
    --v7-dark: #5320A8;
    --v8-light: #F473FF;
    --v8-dark: #FFFFFF;
    --text-white-4-disable: #ffffff40
}

:root[class=lip] {
    --bg1: #310d66;
    --bg2: #270b52;
    --bg3: #200942;
    --bg4: #180732;
    --bg5: #120526;
    --bg6: #0f041f;
    --brand-text: #7a64ff;
    --brand-lighter: #7a64ff;
    --brand: #7a64ff;
    --brand-click-lighter: #6046ff;
    --brand-click: #924cff;
    --brand-hover-lighter: #9482ff;
    --brand-hover: #be95ff;
    --brand-disable-lighter: #4732b2;
    --brand-disable: #6134b2;
    --brand2-lighter: #F2B818;
    --brand2: #F26C3D;
    --brand2-click-lighter: #C29313;
    --brand2-click: #C25631;
    --brand2-hover-lighter: #F5C646;
    --brand2-hover: #F58964;
    --brand2-disable-lighter: #85650D;
    --brand2-disable: #853B22;
    --cyan: #78bbf3;
    --green: #37ff82;
    --red: #ff4c94;
    --orange: #ffa437;
    --yellow: #ffc937;
    --purple: #7064ff;
    --white1: rgb(255 255 255);
    --white2: rgb(255 255 255 / 75%);
    --white3: rgb(255 255 255 / 50%);
    --white4: rgb(255 255 255 / 25%);
    --white5: rgb(255 255 255 / 10%);
    --white6: rgb(255 255 255 / 5%);
    --black: rgb(0 0 0 );
    --black1: rgb(0 0 0 / 90%);
    --black2: rgb(0 0 0 / 80%);
    --black3: rgb(0 0 0 / 60%);
    --black4: rgb(0 0 0 / 40%);
    --black5: rgb(0 0 0 / 25%);
    --black6: rgb(0 0 0 / 10%);
    --blue-gradient-lighter: #7a64ff;
    --blue-gradient: #7a64ff;
    --cyan-gradient-lighter: #4ad9c1;
    --cyan-gradient: #0099bf;
    --green-gradient-lighter: #88d945;
    --green-gradient: #00b25f;
    --red-gradient-lighter: #ff824d;
    --red-gradient: #e52e43;
    --yellow-gradient-lighter: #f2bb18;
    --yellow-gradient: #f26c3d;
    --purple-gradient-lighter: #e573cd;
    --purple-gradient: #990cf2;
    --vh: 1vh;
    --scroll: rgba(112, 100, 255, .3)
}

:root {
    --bg-color-transparent: transparent;
    --bg-color-page: var(--bg5);
    --bg-color-area: var(--bg4);
    --bg-color-card: var(--bg3);
    --bg-color-card-hover: var(--bg1);
    --bg-color-popover: var(--bg2);
    --bg-color-footer: var(--bg6);
    --function-color-component: var(--black1);
    --function-color-mask: var(--black2);
    --function-color-border: var(--white5);
    --function-color-divider: var(--white6);
    --brand-login-color: var(--brand-login-text);
    --brand-color: linear-gradient(to bottom right, var(--brand-lighter) 0%, var(--brand) 100%);
    --brand-color-hover: linear-gradient(to bottom right, var(--brand-hover-lighter) 0%, var(--brand-hover) 100%);
    --brand-color-click: linear-gradient(to bottom right, var(--brand-click-lighter) 0%, var(--brand-click) 100%);
    --brand-color-disable: linear-gradient(to bottom right, var(--brand-disable-lighter) 0%, var(--brand-disable) 100%);
    --brand2-color: linear-gradient(to bottom right, var(--brand2-lighter) 0%, var(--brand2) 100%);
    --brand2-color-hover: linear-gradient(to bottom right, var(--brand2-hover-lighter) 0%, var(--brand2-hover) 100%);
    --brand2-color-click: linear-gradient(to bottom right, var(--brand2-click-lighter) 0%, var(--brand2-click) 100%);
    --brand2-color-disable: linear-gradient(to bottom right, var(--brand2-disable-lighter) 0%, var(--brand2-disable) 100%);
    --text-color-black: var(--black);
    --text-color-primary: var(--white1);
    --text-color-secondary: var(--white2);
    --text-color-hint: var(--white3);
    --text-color-disable: var(--white4);
    --text-color-link: var(--brand-text);
    --text-color-highlight: var(--blue);
    --text-color-promotion: var(--yellow);
    --text-color-error: var(--red);
    --text-color-warning: var(--orange);
    --cyan: var(--blue);
    --green: var(--green);
    --red: var(--red);
    --orange: var(--orange);
    --yellow: var(--yellow);
    --purple: var(--purple);
    --pink: var(--pink);
    --white-tilt: linear-gradient(270deg, #ffffff14 76.22%, #ffffff00 100%);
    --blue-tilt: linear-gradient(to bottom right, var(--blue-gradient-lighter) 0%, var(--blue-gradient) 100%);
    --cyan-tilt: linear-gradient(to bottom right, var(--cyan-gradient-lighter) 0%, var(--cyan-gradient) 100%);
    --green-tilt: linear-gradient(to bottom right, var(--green-gradient-lighter) 0%, var(--green-gradient) 100%);
    --green-tilt-rtl: linear-gradient(to bottom left, var(--green-gradient-lighter) 0%, var(--green-gradient) 100%);
    --red-tilt: linear-gradient(to bottom right, var(--red-gradient-lighter) 0%, var(--red-gradient) 100%);
    --yellow-tilt: linear-gradient(to bottom right, var(--yellow-gradient-lighter) 0%, var(--yellow-gradient) 100%);
    --yellow-tilt-rtl: linear-gradient(to bottom left, var(--yellow-gradient-lighter) 0%, var(--yellow-gradient) 100%);
    --purple-tilt: linear-gradient(to bottom right, var(--purple-gradient-lighter) 0%, var(--purple-gradient) 100%);
    --blue-vertical: linear-gradient(var(--blue-gradient-lighter) 0%, var(--blue-gradient) 100%);
    --cyan-vertical: linear-gradient(var(--cyan-gradient-lighter) 0%, var(--cyan-gradient) 100%);
    --green-vertical: linear-gradient(var(--green-gradient-lighter) 0%, var(--green-gradient) 100%);
    --red-vertical: linear-gradient(var(--red-gradient-lighter) 0%, var(--red-gradient) 100%);
    --yellow-vertical: linear-gradient(var(--yellow-gradient-lighter) 0%, var(--yellow-gradient) 100%);
    --purple-vertical: linear-gradient(var(--purple-gradient-lighter) 0%, var(--purple-gradient) 100%);
    --input-color-disable: var(--black6);
    --divider-color: var(--white6);
    --font-size-big-h1: 32px;
    --font-size-h1: 24px;
    --font-size-h2: 20px;
    --font-size-h3: 18px;
    --font-size-h4: 16px;
    --font-size-h5: 14px;
    --font-size-h6: 12px;
    --font-size-h7: 10px;
    --font-size-h8: 8px;
    --line-height-big-h1: 40px;
    --line-height-h1: 32px;
    --line-height-h2: 28px;
    --line-height-h3: 26px;
    --line-height-h4: 24px;
    --line-height-h5: 22px;
    --line-height-h6: 18px;
    --line-height-h6-sm: 16px;
    --line-height-h7: 12px;
    --line-height-h8: 10px;
    --letter-spacing-text: 0;
    --letter-spacing-title: 1px;
    --border-radius-sm: 6px;
    --border-radius-md: 9px;
    --border-radius-lg: 12px;
    --border-radius-round: 999px;
    --zIndex-0: 0;
    --zIndex-1: 100;
    --zIndex-2: 200;
    --zIndex-3: 300;
    --zIndex-4: 400;
    --zIndex-5: 500;
    --zIndex-6: 600;
    --zIndex-7: 700;
    --zIndex-8: 800;
    --zIndex-9: 900;
    --zIndex-10: 1000
}

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

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

.game-shop.game-wrap {
    position: relative
}

.pop-mode {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 101;
    transform: translateY(0);
    transition: .2s ease-in-out;
    background-color: var(--bg-color-page);
    box-sizing: border-box;
    border-radius: 12px
}

.pop-mode.active {
    z-index: 101;
    transform: translateY(0)
}

@media screen and (min-width: 768px) {
    .pop-mode {
        top:50%;
        left: 50%;
        bottom: auto;
        width: auto;
        transform: translate(-50%,-50%);
        overflow: hidden;
        transition: all .2s ease-in-out
    }

    .pop-mode.active {
        opacity: 1;
        transform: translate(-50%,-50%)
    }

    .pop-mode.m_pop {
        width: 568px;
        min-height: 568px;
        max-height: 730px
    }

    .pop-mode.m_pop .mess {
        padding-left: 72px;
        padding-right: 72px;
        max-height: 630px;
        min-height: 468px
    }
}

@media screen and (min-width: 1025px) {
    .pop-mode.m_pop {
        width:568px;
        min-height: 546px;
        max-height: 568px
    }

    .pop-mode.m_pop .mess {
        padding-left: 72px;
        padding-right: 72px;
        max-height: 468px;
        min-height: 446px
    }
}

@media screen and (min-width: 1280px) {
    .pop-mode.m_pop {
        width:568px;
        min-height: 546px;
        max-height: 546px
    }

    .pop-mode.m_pop .mess {
        max-height: 446px;
        min-height: 446px
    }
}

@media screen and (min-width: 1440px) {
    .pop-mode.m_pop {
        width:568px;
        min-height: 568px;
        max-height: 630px
    }

    .pop-mode.m_pop .mess {
        max-height: 530px
    }
}

@media screen and (min-width: 1600px) {
    .pop-mode.m_pop {
        width:568px;
        min-height: 568px;
        max-height: 630px
    }

    .pop-mode.m_pop .mess {
        max-height: 530px
    }
}

@media screen and (min-width: 1920px) {
    .pop-mode.m_pop {
        width:568px;
        min-height: 568px;
        max-height: 730px
    }

    .pop-mode.m_pop .mess {
        max-height: 630px
    }
}

.pop-mode-box .have-form-pop.pop-mode .form-box input:focus {
    outline: none
}

@-webkit-keyframes btnTipsAni {
    0% {
        -webkit-transform: translateY(0%) translateX(-50%)
    }

    50% {
        -webkit-transform: translateY(-20%) translateX(-50%)
    }

    to {
        -webkit-transform: translateY(0%) translateX(-50%)
    }
}

@-webkit-keyframes btnTipsAniBetween {
    0% {
        -webkit-transform: translateY(0%)
    }

    50% {
        -webkit-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes focusBtnAni {
    0% {
        box-shadow: 0 0 #f17b32bf;
        opacity: 0
    }

    50% {
        box-shadow: 0 0 40px 12px #f17b32bf;
        opacity: 1
    }

    to {
        box-shadow: 0 0 #f17b32bf;
        opacity: 0
    }
}

.pop-mode-box .have-form-pop.pop-mode .mess {
    padding-top: 12px
}

.slide-input .history-list {
    position: relative
}

.slide-input .history-list .hist-box {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 52px;
    z-index: 9;
    display: none;
    border: none;
    margin-top: 10px;
    border-radius: var(--border-radius-sm);
    overflow: hidden
}

.slide-input .history-list .hist-box .title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: var(--font-size-h6);
    color: #fff9;
    letter-spacing: 0;
    border-bottom: 1px solid #303657;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
    background: #212950
}

.slide-input .history-list .hist-box .card-num-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--bg-color-card);
    max-height: 200px;
    overflow-y: auto;
    border: none;
    box-sizing: border-box;
    border-top: none;
    padding: 8px 12px
}

.slide-input .history-list .hist-box .card-num-box .list-item {
    display: flex;
    padding: 14px 16px;
    border-radius: var(--border-radius-sm)
}

.slide-input .history-list .hist-box .card-num-box .list-item.selected {
    background: unset;
    background: var(--background-component-active);
    background: var(--bg-color-popover)
}

.slide-input .history-list .hist-box .card-num-box .list-item.selected:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACSklEQVR4Ae2YXU7jMBDHxy7tKtKu1CMEabfSvnWP0BvQE2z2DZWVtnsCyg14gIo3ygkQJyg3KG9IfKi9AZVAKqVJzExFEEptx01diJB/T67tOP+JxzPjAjgcDofD4XB8XraHE183zqCgtIeiOoump9j0o5JoHG16I9m8QhowFx8+9YGJ+kvXSGUEh4JBLpMST/iliPVl7lQoA0ggR6Ep8Qk+DyFIdxbGhRLxKMiXTojFyWHNC9LdhdiBLPFMiD2Z+PkYfDAm4g9+eB3V89odaF091NsDUYU1Qevj4RzkFU9w3eKMb/Rn36aDrGSSh2R9bEo/kIl4QmoACX6zuDKE5WVn+PRbJx4E/DcRTyycAY1PjnQZ0RQSD1HcU40LEH+6370eGLKwA6WQbSl8cuWdaN0+/tOIHy8rnpBGob/Xk45gbFfxTK6daN1Od9GvO4rhsYjDRrf29QKWRBlGM4zAF3J8YcXohesST2jzgA0jMsSPohnu5s/850qbB+aRACOCYrjKeDyYH0oF6xZPGGXi1tUkYJwdKyeUeHC4WTl527VzM8X5IlA8YUU8YVQLdWtej0HUxOZYOgEjC33t5Od7iSeWqoWysieeF3Q5UcdFt0A+4SIK46Yt8cTSxRwZAXzjVFn2qkDx5YdKY/8XG4NFclWj25eYrcua2n2R8/L9l6Zt8UTuctrYCMVFxBYr3QcyjVizeGKlGxkdxhgjisDIkh7T3aJssvKVMjECm68Z2bSWt4G1K2V7eId/RHl9FH/2XuIdDofD4XB8NM+QHUY+IAZuYgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px
}

.slide-input .history-list .hist-box .card-num-box .list-item img {
    float: left;
    width: 42px;
    height: 27px;
    margin-right: 13px;
    border-radius: 2px
}

.slide-input .history-list .hist-box .card-num-box .list-item .card-val {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    color: #fffc;
    letter-spacing: 0
}

.slide-input .history-list .hist-box .card-num-box .list-item:hover,.slide-input .history-list .hist-box .card-num-box .list-item.active {
    background: var(--bg-color-popover)
}

.slide-input .history-list .hist-box .card-num-box .list-item:active {
    background: #1D2447
}

.slide-input .input-val {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.slide-input .history-list .input-val {
    cursor: pointer;
    height: 100%;
    display: flex
}

.slide-input .input-box .input-val p.card-val {
    line-height: 24px;
    font-size: var(--font-size-h4);
    color: #ffffff80;
    letter-spacing: 0;
    padding-left: 16px;
    display: flex;
    align-items: center
}

.slide-input .input-box .input-val .card-val.y-input-val {
    color: var(--text-color-primary);
    padding-left: 16px
}

.slide-input .input-box .input-val:after {
    content: " ";
    width: 10px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAAXNSR0IArs4c6QAAAIhJREFUKBV9i8ERgCAMBOHFlwYogSIswzpogzoowyIswQb8+hIvDgwYgswcuVz2lJq8nPNKmpzlGAUHnUVOplgKWEMbVB95zbBxBRRqo5thJLsEoIeurlAtZb5Dm8XBQHslhUk30xrFIYwCzKP4KeK6QDenhJ2Y5S3DWOgQoFlErFX40oz4ydMDa0BGyKJITrsAAAAASUVORK5CYII=) no-repeat center;
    background-size: 10px 8px;
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-180deg);
    transition: all .3s linear;
    -ms-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear
}

.slide-input .input-box .input-val.open:after {
    -webkit-transform: translate(-50%,-50%) rotate(0deg)
}

.pop-mode-box .have-form-pop.pop-mode .form-box .input-box {
    margin-bottom: 16px
}

.input-box.error input {
    background: rgba(255,62,0,.1);
    border-color: #3e2f48
}

body.iframe-child {
    background: none
}

.game-shop .pop-mode-box {
    background: rgba(0,0,0,.6)
}

.game-shop .pop-mode-box.pop-mode-box-bg {
    background: rgba(20,27,61,1)
}

.eyes {
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAahJREFUWAntlrFOAkEQhjlNSEhsMNJoAyTyEEZM4CmMPbHyAXwIKbWkg1pbbTTEysJCay2MjdraGfx+2CPLZu88TvQSvUn+zNzM/DPD3HG3hUIu+Qb++waCeRYwGo3Wyd8DW6AGqkDyaDBED4IgeEYvTmjcBufgA3wlyrkArW9PQJEGOAVp5QxiI9UgEDvgPabzG7EbA9lRohqdxEOQXAL9qGr41bQJlsKiso1PsShRzVLI8WoSymAYVQH/IVj2knEqZnJQXlHtspdPoALuvLSJs+clepyk92LqqEdlhoZDv/w2hvREbMUmca2B9w1mCioXiBMl6jXZBEYRXEVlGv+R07yG/8XiyK47OV0r7jMvcRb1IJ2Apk322PeO74DrNcsnWz5bXI4dk70DjqdPshv9tWutAWgdcdK1ByKxDuxb8Cqfk5PoFow5kLN7CMOpGSK7v6E1xCqDZPMisobQq3gAouTnXsXhENJ0z+Zj5AzRYBB9UtOKPuWbds1UNkVaQIeMpAcSHV7aSZrNeyTboOgu2AZVA9T4SPaAvgb9hR/J1CGXfAN/dgOf4b3cpk7mZxUAAAAASUVORK5CYII=) no-repeat center;
    background-size: 18px 18px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer
}

.eyes.close-eyes {
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmxJREFUWAntls9KVVEUxj0JiiCBoQk1iQY28BEy0KcoGhYijRropJfQFzCkQTWSoIEj5SbULDDpD6I4KEIyERtEk7DT77v37HPX2e3lvSqYg7vgY6/17fXv7L3PPqerqyOdFTivK5Dn+QMw9F/6K4oz5O9tE+g3wAxYAtvgJzgAa+AFmAZXTt00SYaAiks03gYrMtqQQ3yWwcSpGiGBbaKNukmXl7AjJ2qEwGGgJjZBSvYh3xaQ7skvJibbbgLnHvAEfAejIG7iHdwtcCEklV5wasiTZ0z0hZjkiMMgeGMy7KLHTVQOpk2Ebzd4ZOJj9TXEgI0pdSZUfD2OwLZN2IPpvqLELCTyBOoDSjUWYgCkioegNXWqQBCa+IT+EEyJL5+k4dcP9xV4om1srASK9vyV51nws6EAtm0ihO2hXA8+GrFnw6QzrsL3yPGx42Dp+1Hy+GDKdy7yuWcTOPp8eZJtcELPLZdl2R72TbBl+DhXbBvXUs20AtoCLcdRUm5BGYpCgF2JDdlhHr3VFtTw6a37o+gQ6mB4ogPVH5LbEd6eiforCqeH2gGe6Ntx0eYJT6NXxJOFSoAxCIibmPOSwKv4ZRPeVJm4BHRZeKJLprsZ0dTgbRN/nAQ1+OqTN1M0NBz6wHPgia7b+CruhdM2qoktkJKnkI09j4umbJwngT4knoSPkS6k38DemLaJH8zdTdVoyRE4AvRJbVdSTVTejpZFUw5UnwD6ydDPRiv5hsNVoO0Ih/rf+78olKUKepwSM3cHjIFrBXThfAGfwQpY5KKSXX+zGGpgGIzDf2Q8WylWYvRsq3aqdVbgGCvwF/Syx38LV0pzAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 18px 18px
}

.input-box .input-val.open:after {
    -webkit-transform: translate(-50%,-50%) rotate(0deg)
}

.history-list .input-box {
    border: none
}

.input-box {
    background: var(--bg-color-area);
    border: none;
    position: relative
}

.input-box.y-input-val {
    background: var(--bg-color-card)
}

.input-box .input-val {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background: var(--bg-color-area);
    border-radius: var(--border-radius-sm)
}

.input-box .input-val img {
    width: 30px;
    height: 20px;
    float: left;
    margin-top: 13px;
    margin-right: 13px
}

.input-box .input-val .card-val {
    line-height: 46px;
    font-size: var(--font-size-h5);
    color: var(--text-color-primary);
    letter-spacing: 0;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.history-list .hist-box .card-num-box .list-item .card-val {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.input-box .input-val:after {
    content: " ";
    width: 8px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAAXNSR0IArs4c6QAAAIhJREFUKBV9i8ERgCAMBOHFlwYogSIswzpogzoowyIswQb8+hIvDgwYgswcuVz2lJq8nPNKmpzlGAUHnUVOplgKWEMbVB95zbBxBRRqo5thJLsEoIeurlAtZb5Dm8XBQHslhUk30xrFIYwCzKP4KeK6QDenhJ2Y5S3DWOgQoFlErFX40oz4ydMDa0BGyKJITrsAAAAASUVORK5CYII=) no-repeat center;
    background-size: 8px 6px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-180deg);
    transition: all .3s linear;
    -ms-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear
}

.pop-mode-box .have-form-pop.pop-mode .form-box input.card-val {
    border: none
}

.input-box .hist-box {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    z-index: 9;
    box-shadow: 0 20px 10px #11173326;
    display: none
}

.input-box .hist-box .title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: var(--font-size-h6);
    color: #fff9;
    letter-spacing: 0;
    border-bottom: 1px solid #303657;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
    background: #212950
}

.input-box .hist-box .card-num-box {
    width: 100%;
    overflow: hidden;
    background: var(--bg-color-card)
}

.input-box .hist-box .card-num-box .list-item {
    width: auto;
    height: 20px;
    padding: 13px 16px;
    position: relative;
    cursor: pointer;
    background: var(--bg-color-card)
}

.input-box .hist-box .card-num-box .list-item.selected {
    background: var(--bg-color-popover)
}

.input-box .hist-box .card-num-box .list-item.selected:after {
    content: " ";
    width: 12px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAT9JREFUOBGtkO8qRHEQhtf//brYZW9ia2+FSC5GStqSSBtftUlRQiT5xneyrfBFewXuAB3PcGbNTudsu87vV2/zzpx3nqmTywV8URQNoW3URtWA6F8U0F2k7x1TCXYEWF3Jpr4FOQBwx0Ct3ct8ANqWJRrfwA9nOgBg0wCtPeiC00yifTTX70WyGyjpHTIc6XBoCughTn5SlzsfUwyZWpz35YjBH1z2Gdy6lBxZSmFLft3ltT3GdMPjA3eaMFWOLPojzNZMxtoTmlGf/+n5IP//0aZj/0Fd0CX8akJGRqcoGW6Wpwg1Je2eHJlHK26u7TlmTDk9K8Fp1NJNU7+Mt/aCpj+4XmahiJ4sJcVfMh/XvYEqiyX0nAKW8RWaGAjqwwBm0Avy75pBNrgeAzSLXs2FG3xevwepAMvoHp39F/4NYF+WuFgm+hIAAAAASUVORK5CYII=) no-repeat center;
    background-size: 12px 9px;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%)
}

.input-box .hist-box .card-num-box .list-item.selected .card-val {
    color: var(--text-color-primary)
}

.input-box .hist-box .card-num-box .list-item img {
    float: left;
    width: 30px;
    height: 20px;
    margin-right: 13px
}

.input-box .hist-box .card-num-box .list-item .card-val {
    font-size: var(--font-size-h5);
    color: #fffc;
    letter-spacing: 0;
    line-height: 14px;
    height: 20px;
    line-height: 20px
}

.input-box .hist-box .card-num-box .list-item .card-val span {
    color: var(--text-color-primary);
    vertical-align: baseline
}

.input-box .hist-box .card-num-box .list-item:hover {
    background: var(--bg-color-popover)
}

.input-box .hist-box .card-num-box .list-item:active {
    background: #1D2447
}

.pop-mode-box .pop-mode.new-default-mode:before {
    content: " ";
    z-index: -1;
    pointer-events: none;
    position: absolute;
    width: 401.387px;
    height: 401.387px;
    top: -380px;
    left: -125px;
    transform: rotate(45deg);
    border-radius: 75.733px;
    background: var(--text-color-link);
    filter: blur(50.55199432373047px)
}

.pop-mode-box .pop-mode.new-default-mode .back-btn {
    top: 40px;
    opacity: 1;
    left: 72px;
    width: auto;
    height: auto;
    padding-left: 22px;
    background: none;
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: var(--font-size-h4);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h4)
}

.pop-mode-box .pop-mode.new-default-mode .back-btn:before {
    content: " ";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJpJREFUWAntl0EKwCAMBKXf6YP8jg8v2Bi6WFC0hyT0sIKNWMkm415MyWnUWk+n1Pu0Ip5lXjLL/rTxiZe4LHXEFSFy6PzR1tBI+F/HQjwbQx7TUVxvun/anRP7aBSrHRque01XNJyVteZ5Igx3zKV/tBtBYdsuiwAikiAJEECkJ0gCBBAXnvB/mCyKKPgXFl8k4sXRpRTxCfsNG4HZD948QMYAAAAASUVORK5CYII=) no-repeat center;
    background-size: cover;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    position: absolute;
    opacity: .7;
    margin-right: 4px
}

.pop-mode-box .pop-mode.new-default-mode .close-btn {
    width: 20px;
    height: 20px;
    opacity: 1;
    top: 40px;
    right: 72px
}

.pop-mode-box.pop-mode-box-bg .pop-mode.new-default-mode .close-btn {
    display: none
}

.pop-mode-box .pop-mode.new-default-mode .mess .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.5px
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess {
    width: 100%;
    padding-bottom: 24px;
    padding-top: 0
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon {
    width: 88px;
    height: 88px;
    font-size: 80px;
    margin: 0 auto 16px;
    background: url(//cdn.midasbuy.com/apps/login/images/function-subscribe.png) no-repeat center;
    background-size: cover
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon.login-success-icon {
    background: url(//cdn.midasbuy.com/apps/login/images/login-success.png) no-repeat center;
    background-size: cover
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon.login-loading-icon {
    background: url(//cdn.midasbuy.com/apps/login/images/loading-large.png) no-repeat center;
    background-size: cover;
    animation: rotateAni 1s linear infinite;
    -webkit-animation: rotateAni 1s linear infinite;
    width: 72px;
    height: 72px
}

@-webkit-keyframes rotateAni {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon.login-error-icon {
    background: url(//cdn.midasbuy.com/apps/login/images/login-error.png) no-repeat center;
    background-size: cover
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon_text {
    color: var(--text-color-primary);
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 1.5px;
    font-family: dinm;
    width: 100%;
    text-transform: uppercase
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .desc {
    color: var(--text-color-secondary);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    margin-top: 16px;
    text-align: left;
    padding-bottom: 0
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .desc.center {
    text-align: center;
    margin-top: 12px
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .ft_text {
    color: var(--text-color-secondary);
    font-size: var(--font-size-h5);
    text-align: center;
    line-height: var(--line-height-h5);
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .ft_text a {
    cursor: pointer;
    color: var(--text-color-link)
}

.pop-mode-box .pop-mode.new-default-mode .btn-wraps {
    width: 100%;
    padding: 0
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.comfirm-btn {
    width: 100%;
    background: var(--brand-color);
    line-height: 52px;
    font-size: var(--font-size-h4);
    border-radius: var(--border-radius-sm);
    height: 52px
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn:not(:last-of-type) {
    margin-right: 11px
}

.pop-mode-box .pop-mode .btn-wraps.btn-wrap .btn.cancel-btn {
    width: 100%;
    line-height: 52px;
    font-size: var(--font-size-h4);
    border-radius: var(--border-radius-sm);
    height: 52px;
    background: var(--brand-color);
    padding: 1px;
    box-sizing: border-box
}

.pop-mode-box .pop-mode .btn-wraps.btn-wrap.btn-wrap__one .btn.cancel-btn {
    width: unset
}

.pop-mode-box .pop-mode .btn-wraps.btn-wrap.btn-wrap__one .btn.cancel-btn .cancel-txt {
    box-sizing: border-box;
    padding: 0 30px
}

.pop-mode-box .pop-mode .btn-wraps.btn-wrap.btn-wrap__one {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.pop-mode-box .pop-mode .btn-wrap .cancel-btn .cancel-txt {
    height: 100%;
    width: 100%;
    background: var(--bg-color-card);
    border-radius: var(--border-radius-sm);
    color: #3988ff;
    font-size: 16px
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.comfirm-btn:hover {
    background: var(--brand-color-hover)
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.comfirm-btn:active {
    background: var(--brand-color-click)
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.comfirm-btn.disable {
    background: var(--brand-color-disable);
    color: var(--text-color-disable);
    pointer-events: none
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.cancel-btn.disable {
    background: linear-gradient(135deg,#056A8C 0%,#0022AB 100%);
    pointer-events: none
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.cancel-btn.disable .cancel-txt {
    color: #a2d1ff
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn:hover {
    background: none
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.cancel-btn:hover {
    background: var(--brand-color)
}

.pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.cancel-btn:hover .cancel-txt {
    background: var(--bg-color-popover);
    color: #3988ff
}

.pop-mode-box .pop-mode.new-default-mode .form-box {
    padding-top: 4px
}

.pop-mode-box .pop-mode.new-default-mode .form-box .input-box {
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    height: 52px;
    margin-bottom: 0
}

.pop-mode-box .pop-mode.new-default-mode .input-box .inp {
    position: relative;
    flex: 1;
    background: var(--bg-color-card);
    border-radius: 6px;
    height: 100%;
    overflow: hidden
}

.pop-mode-box .pop-mode.new-default-mode .input-box .inp input {
    color: var(--text-color-primary);
    letter-spacing: 0;
    padding: 0 38px 0 16px;
    box-sizing: border-box;
    font-size: var(--font-size-h4);
    height: 100%;
    border: none;
    flex: 1
}

.pop-mode-box .pop-mode.confirm-default-mode .mess p.error-tips {
    font-size: var(--font-size-h5);
    color: #e94356;
    line-height: 22px;
    width: 100%;
    overflow: hidden;
    margin-top: 12px
}

.pop-mode-box .pop-mode.confirm-default-mode .pop-logo {
    background: url(//cdn.midasbuy.com/apps/login/images/midasbuyLogo.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    width: 120px;
    height: 24px;
    left: 72px;
    top: 40px
}

.pop-logo-style {
    background: url(//cdn.midasbuy.com/apps/login/images/midasbuyLogo.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    width: 120px;
    height: 24px;
    left: 72px;
    top: 40px
}

.pop-mode-box.pop-mode-box-bg .pop-mode.confirm-default-mode .pop-logo {
    display: none
}

.pop-mode-box .pop-mode.new-default-mode.other-login {
    position: relative;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
    height: auto
}

.pop-mode-box .pop-mode.new-default-mode.other-login .input-box.blue-border {
    background: var(--brand-color);
    padding: 1px;
    border-radius: var(--border-radius-sm)
}

.pop-mode-box .pop-mode.new-default-mode.other-login .form-box input {
    background: var(--bg-color-card);
    border: none
}

.pop-mode-box .pop-mode.new-default-mode.other-login .form-box .mds-input_disable input {
    cursor: not-allowed;
    background: var(--bg-color-page)
}

.mds-input_error {
    border: 1px solid var(--borders-error, #E94356)
}

.pop-mode-box .pop-mode.new-default-mode.other-login .mess {
    width: 100%;
    padding-top: 0;
    overflow-y: auto;
    padding-bottom: 48px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .mess .title {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.5px;
    font-family: dinm;
    margin-bottom: 20px;
    text-transform: uppercase
}

.pop-mode-box .pop-mode.new-default-mode.other-login .mess .desc {
    color: var(--text-color-secondary);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    margin-bottom: 24px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block {
    width: 100%;
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-sm);
    background: var(--bg-color-card);
    margin-bottom: 24px;
    position: relative;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block .type {
    color: #ffffffbf;
    font-size: var(--font-size-h5);
    line-height: 22px;
    padding: 2px 6px;
    border-radius: 0 6px;
    background: linear-gradient(143.6deg,#2b3773 0%,#242f64 100%);
    position: absolute;
    right: 0;
    top: 0
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block .user-head-box {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    overflow: hidden
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block .user-head-box img {
    width: 48px;
    height: 48px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block .mess-box {
    flex: 1;
    padding-left: 16px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block .mess-box .name {
    color: var(--text-color-primary);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    display: block
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block .mess-box .email {
    color: var(--text-color-secondary);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    margin-top: 4px;
    display: block
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 12px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .check-box {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAhpJREFUWEftlzuPTlEYhZ/FjPs9iJgfQXTiktANUzGJApWKlvgPgpZKxRQSVIhKjGsn/IgRGeJuDGO8so69T3a+yTTnnEJxdvF92ef79vuud+1TPEsMrIhY4keS/gz+1mYfEUuBGKyrsmhEVHtJkYQs97ZNY8CD/Ew16/q5Zl3cDa0uItYCx4GTwA5g2MobiPAZTz0DvALuAtckfcy9qmH94cmTwhHgJrAnNf0NzLdwIYsYSjVeAOOS3uSe9jpPvhG4B+wGngIXgefAtzRJUxfs4ChwHtgFPAYOSfpeifDLIWk+Is4Cl4CXwEFJn7PKBvbXRwp3N6RrsLtnJF2teucrAB4B+4ETkiYiYhkw16Z5cXZI0lxEHAFuA8+Afb72LGAF8Bbw91ZJXzpqXJUpXNgMTKXBtkj6kQWsAj6kppskzXRhfx6iELCgTy+gd6B3oHegd6B3oHfgv3FgJfAuEfCIpPdd8kDBBeuAaWAW2CZptkSyJ4mGj0q6ExGGSVNxF2tY0q+IMO7fACaBAxWSFVB6GriSeG1M0qcuXChoaD3wMJHxOUmXq97FH1YD9xOYmowvAA8SvzVJRz7jTLEmob6xfC/gbHC4DigD0LgduJUOOAd0HUxMw8ckTdXBpHhByoByChgDdgIGyabpyC4Y7V8D14EJSV8XRLOSXotw6sMOp1VabrHspMOpc+fi4bR04l9AlqfubC0W+/8CQU4rPExUbfUAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 8px;
    flex-shrink: 0;
    position: relative;
    top: 2.1px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .check-box.error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACD0lEQVR4Ae2YTU7bQBTH38xgarUb2OGde4O0JzCUBeoqi4LY1VykOCdob1DYtWoXWbLgwzcgnCBeIAXBIiChyNjxDG8SxvkgZjN4xGJ+UuRne6L56dljaf4AFj3ISze7QXPFpU4Th/lQA5xAhzpZxztqJ1VjSJXYe7b8C8vvYAAC4qBw8tYi0WeCva1dn+b8DEsfzJJwJ1ufl5wRnJcTIGJBRCsdDjsf4/YtvDK9zW8BCBrSyZNKBkX2aXqupek/oFyk5NCutXb6L4Ia8Y7/x3iIe5s7CRWwL+f+wJyfeNxTY8oOPnWvO3YjB2snf/fAINdfts9w3kDW2MVV1UWqBtA8b6haFMUhGKbAV0nV4y/HmFKQC1YKevGo9UZx8T2fnBFfVRTeCKsVi/DNCFZhBXWxgrpYQV2soC5WUBcrqIsV1MUK6mIFdVkoKKMPMIwIw4XXpwRFoioXlhpgmKvLNFC1Q8m5qktBl+dtVTNG9sEg/WYIVPBQnefDhwtVl4Jy28cBRht2ucO/2dipVVJEEYgghOuv2yS7H0TwlM/IVMOLJwHSTHjUx3cvo8vneNUf38RYrGCHXvwnBk36W7szc92l6co7cBuMFT9U5IF2Xc6zjUpBSS/AjIZiwkUMx28L5CTPVjF2K+GcrqvHXbsW/rCDvwc8+zwvJ3kxAh51k+WN6dzmdRFJiouzjuzRongEMKPPrxIYtYEAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .check-box.inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgBtVQ7ThxBEK2qtYm9lhw48h7BJ3DgxPJpLMeWDESkHIITkCCIIUVwAMQiRMxHQgK2u5r69WeICGCkUc90T71+9d7rAXjjC9vTwfl3IvqDCRfAAJQJIMm8jMQImOU5ob2jzJM+y3fAuMyr1ebD36/LDrh3vqA1OpYP58BUcAWIBmIARUfK8m2KOR0Zi2yO8X49e4SfN//mJ6R49JHWZdHBUgdDLdT3NIBlA1P2BmY3w5ylO8X6YDStTSwTFrWwFhkTCABhlzsgZJtfNEBwjVCLFVgKsANSAV1T9nmUQvXFUkIO07gxtB2iQHQxtkzojJyJsWCXQQmQzxmQzRUaAaO1BKGPMnQGsmZsKUYIM2LN6ryDgSGsNBrejmr448ta1co+bFqyGVCB8egsW6Rcw4GhNGs7V+f2f83hNdfn//elmcY4tKwB5nAww6svrGbUuwLGLiE+lt+7d+DahRHcTYHx3erczPKSYYuDtH14mTzU1axw0jX2k+PsyE2z+glDCrfQRY4ARyZ7dOoJssw6s850YEhjSzW07azCcKYBiVukvEYZV+cnGnLksB2lIbS9RShJQ2/M0NccbMIQnuACa3SaNt5WB7OMBliPSjVS1pbWrQEybwvQDfY/iLFxYyZ/FWymJDcoTtEtzJ42zeCaqU9b1wsZNiDPvlVTXFuKYpkrPlKilgD9wc4ybV/t4Cm8x/UM2iRpF4Kj/iEAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .check-box.checked {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .text {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: var(--text-color-primary)
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .link {
    cursor: pointer;
    color: var(--text-color-link)
}

.pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .text .over-text.show {
    display: inline-block
}

.pop-mode-box .pop-mode.new-default-mode.other-login .agreement_block {
    border-radius: var(--border-radius-sm);
    background: var(--bg-color-footer);
    width: 100%;
    padding: 16px 16px 4px;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.new-default-mode.other-login .ft_link {
    width: 100%;
    text-align: center;
    margin-top: 24px
}

.pop-mode-box .pop-mode.new-default-mode.other-login .ft_link p {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: var(--text-color-secondary);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.pop-mode-box .pop-mode.new-default-mode.other-login .ft_link p a {
    color: var(--text-color-link);
    margin-left: 4px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .type {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding-top: 40px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box {
    cursor: pointer;
    margin: 0 8px;
    width: 122px;
    position: relative
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box .box_inner {
    background: var(--text-color-primary);
    height: 52px;
    text-align: center;
    border-radius: var(--border-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box .box_inner img {
    width: 52px;
    height: 52px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box p {
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    text-align: center;
    line-height: var(--line-height-h5);
    margin-top: 8px;
    margin-bottom: 24px;
    width: 100%
}

.pop-mode-box .pop-mode.new-default-mode.other-register .type-line .box_inner {
    background: #00B900
}

.pop-mode-box .pop-mode.new-default-mode.other-register .type-facebook .box_inner {
    background: linear-gradient(180deg,#18adfe 0%,#0062e0 100%)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .type-lip .box_inner {
    background: linear-gradient(180deg,#A971FF 0%,#7A64FF 100%)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .type-apple .box_inner {
    background: var(--special-font-b-primary, #000)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .line {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 32px 0
}

.pop-mode-box .pop-mode.new-default-mode.other-register .line:before {
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    background: var(--text-color-disable);
    left: 0;
    right: 0;
    top: 60%;
    -webkit-transform: translateY(-50%)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .line p {
    font-size: var(--font-size-h6);
    color: #fff6;
    letter-spacing: -.17px;
    line-height: 12px;
    position: relative;
    display: inline-block;
    padding: 0 13px;
    background: var(--bg-color-area)
}

.pop-mode-box .pop-mode.new-default-mode.other-login .btn-wraps {
    padding: 24px 0 0;
    margin-top: 0
}

.mds-login_bgIcon {
    position: absolute;
    width: 350px;
    right: 0;
    top: 0;
    pointer-events: none
}

.mds-login_safety {
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-sm);
    background: var(--input-color-disable);
    backdrop-filter: blur(20px);
    padding: 16px 0;
    box-sizing: border-box;
    margin-bottom: 24px;
    justify-content: space-around
}

.login-safety_box {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 48%;
    flex-shrink: 0
}

.login-safety_box span {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5)
}

.login-safety_box p {
    text-align: left
}

.login-safety_box img {
    width: 49px;
    margin-right: 8px
}

.login-safety_txt {
    display: flex;
    flex-flow: column
}

.login-safety_txt .name {
    color: var(--text-color-primary);
    font-family: Arial;
    font-size: var(--font-size-h4);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h4);
    text-align: left
}

.login-safety_txt .txt {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5);
    text-align: left
}

.mds-login_tip {
    position: relative;
    white-space: nowrap;
    color: var(--text-color-primary);
    text-shadow: 0px 1px 0px var(--input-color-disable);
    font-family: dinm;
    font-size: var(--font-size-h6);
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 6px 12px;
    z-index: 2;
    width: fit-content;
    top: -8px;
    box-sizing: border-box;
    background: var(--orange-vertical, linear-gradient(180deg, #F2B818 0%, #F26C3D 100%))
}

.mds-login_tip:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 16px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--brand2)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .type.four-style {
    width: 100%;
    left: 0;
    padding-top: 0
}

.pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box {
    width: 100%;
    margin: 0 0 24px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box .box_inner {
    display: flex;
    align-items: center;
    position: relative
}

.pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box.type-google p {
    color: #000
}

.pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box p {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box .box_inner img {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box.type-lip .box_inner img {
    width: 28px;
    height: 28px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box.type-facebook .box_inner img,.pop-mode-box .pop-mode.new-default-mode.other-register .box.type-google .box_inner img {
    width: 24px;
    height: 24px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box.type-line .box_inner img {
    width: 46px;
    height: 46px
}

.pop-mode-box .pop-mode.new-default-mode.other-register .box.type-apple .box_inner img {
    width: 28px;
    height: 28px
}

.mds-label_name {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5);
    margin-bottom: 12px;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center
}

.mds-input_icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAA9ElEQVR4Ae2XgQ2CMBBFfxMHYISOgBu4gW6gG6gTyAa4AXECV2ADRsANcIN6TWq8FIya2F6jfckP0BD6aOmRAplfxxijKR2lgTROpjcPCkhhO/dkKkjipikZmSYlmZrJHCEJCRyYzBmSeDKd9IraMpk+pozyG6jzFR349Fxdvo195l4p1fLG2cSNC++6cAmBffkWL4QqhBkRn4FyQiaTicyzwlgjPB8VRo04jArj1AjZqrxDGJaU0p1fKHMaoRhFeIz9FLwftoYU1HlJGVKR0UxmSEGmZ1NVQooJmQ2kMOM9XKhV+7ZQUnu4IhmZO67mrJH5B24u+zt9JNKzdAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 18px 18px;
    cursor: pointer
}

.mds-input_close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAABvklEQVR4Ae1XrXKDQBBeMhWVkUhkZR/hZGQlMrKP00eIjERG8giVSGQkEkd3m4UesHe3d2Emovlmdkjg7r6P/Tn2AP47spjBwzAUeHlDo+se7ZUf9WhXtibLsla5pE4AEr/jxTCpBh1ajUK+QwOzADERlmg5pIGEnFBIB7EC+K0P8OfmVFB4KhTRgFYAklOcS9gWlRSSHazJye0fsD0OvLZfAOII97tdAq1ZegVw3F2ZXrOF4BuXM8eEl8UA45hIJVXTD1zg3nF0b8qFyQO8yQTrnAlqH3kAe+aaC4DbDueCwUnGI2JGzmONZ72Jyw5BaLMhESP575XdDJHkhCJFgCjCfqgkJ0yhtkOgLb1ZOBLIZ1w7eDBsAb1yjpjtnuqQ0EsCOsXEVbYHqsOF6/jDTsIW/InoLDVHdRhQCLA90EACOSPWE81KALdRwTB4sl2sDgGd3bItvwU1yJ9iM2464HetZlxt/1k1JLjAJ6S3YCHQ23/ZN6R94Az6kowBrXla3lwJ4AbyAtujkppTX1NKXyzKhy2a0ourRde05UfQnweWoHo/J7XlCyGPOZgIQgq4NRM5m300I9IWIo9mT/wABUPN7RIvhRgAAAAASUVORK5CYII=) no-repeat center;
    background-size: 18px 18px;
    cursor: pointer
}

.mds-label_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACnElEQVR4Ae1XLZsTQQzO3oNjPfXsD6jnfDG4GlRrToFBgakCAQp1CtMqDPiev/r+gP6AxS+65O1laCaX+dizd3meeXa7M8n7JpPJpESPXZoxi4/H45Qfr3jgOeHRytTA4yBj1zTNvtZmFQEGnvFjKaA10vNYM5Gb0sKmAAzAzzw6BwDeDvJ7ooZd94GJ9DSWgHj9nuIw/+axTRkUwgs6b1HQ+8Y6t9UE2BD2+Yv6BGCEdKAKUUReq88gsS0SEOUfdPZ8w4preoCwraUQgYD8lY2eR+AnncPngvMakMMWdUIUWb/ztsaQOPCaKz3/zCyeKfBtAtzmBuSSx5znru1ewwZ/f455EIa+Ph0Xxv5SnvBk44CD3CcDHuR0YnhN58zB1mAwYgJSZIL3+0Smf1Tv8OItD4RUe/3OKkny/gpEBSsmQHcVTjP2JCj2bPQrSPLAvq7o7GGX0L3xsDSBThn3kkmH3YvOQZ6tWXsSsdkbR6Ik/E+AHEEY2TAi85JMhCQ3gv6QqRcgGVVMTaDNERASa/tN3RNB/5bSMhis+BiOFQZHws3VJ/f05ETnwD12BfCpAUcxyl48FN8PJ9ERgGJH6Sy28kK9456o8TwQCAkbRSA0ERNJqpL8Ue/Fe19sZgns1PuMCiJdDwrRm0LYgyw8rAtjMBiae2fZEXg0LS0S73UR298jIBL2sTWMPaOoZt/prv6XSCxI3bB6IiIgDUPYH0QhR+Kvem8zRHVj0tumpKYhSWY4r8U1PKS6YAFfys+6hkQUwVjffGC9qUy2cG8AXNeJldcX5prSSyGhS/Q+R0SiNxNg3cxee/1gloAyiETz2m19uwGsc9Yhn1YPassNEWyJzuSSnO6ElNejCSgi4a9ZKNk6zGGLRv01e5J/OG8bkDfFLL8AAAAASUVORK5CYII=) no-repeat center;
    background-size: 18px 18px;
    cursor: pointer
}

.mds-question_content {
    display: flex;
    margin-left: 4px;
    align-items: center
}

.mds-question_content.arr:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--function-color-component);
    bottom: 32px
}

.mds-question_tip {
    position: absolute;
    color: var(--text-color-primary);
    text-align: center;
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5);
    border-radius: var(--border-radius-sm);
    background: var(--function-color-component);
    padding: 16px 20px;
    z-index: 3;
    bottom: 40px;
    left: 23px;
    display: none
}

.mds-question_tip.show {
    display: block
}

.mds-sign-signed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px
}

.mds-sign-signed .check {
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAhpJREFUWEftlzuPTlEYhZ/FjPs9iJgfQXTiktANUzGJApWKlvgPgpZKxRQSVIhKjGsn/IgRGeJuDGO8so69T3a+yTTnnEJxdvF92ef79vuud+1TPEsMrIhY4keS/gz+1mYfEUuBGKyrsmhEVHtJkYQs97ZNY8CD/Ew16/q5Zl3cDa0uItYCx4GTwA5g2MobiPAZTz0DvALuAtckfcy9qmH94cmTwhHgJrAnNf0NzLdwIYsYSjVeAOOS3uSe9jpPvhG4B+wGngIXgefAtzRJUxfs4ChwHtgFPAYOSfpeifDLIWk+Is4Cl4CXwEFJn7PKBvbXRwp3N6RrsLtnJF2teucrAB4B+4ETkiYiYhkw16Z5cXZI0lxEHAFuA8+Afb72LGAF8Bbw91ZJXzpqXJUpXNgMTKXBtkj6kQWsAj6kppskzXRhfx6iELCgTy+gd6B3oHegd6B3oHfgv3FgJfAuEfCIpPdd8kDBBeuAaWAW2CZptkSyJ4mGj0q6ExGGSVNxF2tY0q+IMO7fACaBAxWSFVB6GriSeG1M0qcuXChoaD3wMJHxOUmXq97FH1YD9xOYmowvAA8SvzVJRz7jTLEmob6xfC/gbHC4DigD0LgduJUOOAd0HUxMw8ckTdXBpHhByoByChgDdgIGyabpyC4Y7V8D14EJSV8XRLOSXotw6sMOp1VabrHspMOpc+fi4bR04l9AlqfubC0W+/8CQU4rPExUbfUAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 8px
}

.mds-sign-signed .check.checked {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

.mds-sign-signed .keep {
    display: flex;
    align-items: center;
    color: var(--text-color-primary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5)
}

.mds-sign-signed .password {
    display: flex;
    align-items: center;
    color: var(--text-color-link);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5)
}

.mds-sign-signed i {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAADU0lEQVR4Ae1XTVLUQBR+HSkp3RhOYDyBw8Iq0YVwg5kTMJwAWFj+bAwbBTfICQwnAE7gsBDdCTfoGzjuHEvSfi/pnrz0dCYZNi70VaWS6u733vd++4XoXye1yOHH78y6MtRXip4ZRQmWYrs1xnNJOV1h/fTrKzXqKrMTACgeQukbfCbUjXSkKP38Qh23HVQtipOI6ARW9XwF4LyEN9hyMiUw99TOGUMb8IimRQE8PTCbuaEPJNwMYUd4Z00CGTBeKYdIgBkjNFtfXqvTzgDW3po+RXQyXcjpaPkXpaNUjakDCSCbbg0hGYZCokLMYPxG1nJYvQeLU7oBQVZqc4eJPbjqe29pBpGiT23K11MTT+7Spsqph/yIYcbIXNOZL5x5AYIsiJjzCe/Vmj4PMWf7R7uRXbxUW77yQG440gjVbijWa/uGz2/ztx+KiOrWO3dpKNnzBXF4sJ4FlDMlnDeP3hu/Ymj5J6VU9goCfyr3IiF8nWzmwvpRKNOdd5gQnmM8D35HcCmaj1tfyunQ5+PktRVUALW6yvNCeN99h6y35Bg1AA7F+gBu/k6lZ3oNvBmewsPcTRkXf8sQPBTC9YxmJJ77NhzvWbq071iedWRllny3ij5BPoDeHOHOjXvs7uuIduWerXtn+bixXxgL0lQdU5ZhbBFpaqBQSYp7ouBH/pw28cO4H0ro8gEsTGsH5hBSd8SSnpM/QZIhKMuEaKULY5HJQjmsG7VePIruS11MVRUY3Fy49VSVjG2UTJV3b9eJBesStvIAlJ+7Qzap2kiL76ztsJXJD6GFX80CMLXkGVIL8dTDjQhdbmWe2wWlU12icUVSIFmrEKvtUC0HKJncnjanRrI3rKt9LUe22l1gqgyOJ3em90KQUAH94uZE/5ettYFSsu7nUU1u1AAAWaaqZrHzZN80gjB5lcnREt1rOscyxGCi/aEk8hlQhgOi6ayXNoEo3KhowKV38VydNSk3Vey5k274Z4IjmZwL7KEsL0tNUwcqBhYOoWxSOQ1Cs0LjUMoxhgAG4ZJR8zU9D0gxRcPdsHqH6sPsLoc3xNM6ltsRLfG2tAXEbyrGMlNcRrVznE8c0huN5R6Qv/NjEgBS/Johdblds8XVrxlaOZ7zRX/N/tMfTSt7QOdX414AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% auto;
    margin-right: 4px
}

.mds-m_show {
    display: none
}

.mds-m_hidden {
    display: block
}

.desc-email {
    color: var(--text-color-secondary);
    text-align: center;
    font-family: Arial;
    font-size: var(--font-size-h4);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h4);
    margin-bottom: 32px;
    margin-top: 12px
}

.mds-login-vip {
    background: url(//cdn.midasbuy.com/apps/login/images/login-vip-bg.png) no-repeat;
    background-size: 100% auto;
    height: 220px;
    position: relative;
    padding: 24px 48px;
    box-sizing: border-box;
    margin-top: 32px
}

.mds-login-vip .vip-icon {
    width: 100px;
    height: 100px;
    background: url(//cdn.midasbuy.com/apps/login/images/login-vip-icon.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: -20px;
    right: 10px
}

.mds-footer-txt {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5);
    margin-top: 32px;
    text-align: center
}

.mds-login-vip .vip-title {
    margin-bottom: 20px;
    text-align: left
}

.mds-login-vip .txt {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5);
    margin-bottom: 4px
}

.mds-login-vip .vip {
    color: var(--text-color-primary);
    font-family: dinm;
    font-size: var(--font-size-h3);
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.mds-login-vip .list {
    display: flex;
    flex-wrap: wrap
}

.mds-login-vip .item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-right: 12px
}

.mds-login-vip .item:nth-child(2n) {
    margin-right: 0
}

.mds-login-vip img {
    width: 40px;
    margin-right: 8px
}

.mds-login-vip .name {
    color: var(--text-color-primary);
    font-family: Arial;
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h5)
}

.mds-login-vip span {
    color: var(--v1-light);
    font-family: Arial;
    font-size: var(--font-size-h6);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-h6);
    display: block;
    text-align: left
}

.pop-mode-box .pop-mode.register-verify-email {
    padding-top: 100px
}

.mds-form-item {
    margin-bottom: 20px
}

.mds-agreement-item {
    display: flex
}

.input-box.mds-input_active {
    background: var(--brand-color);
    padding: 1px;
    border-radius: 6px
}

.pop-mode-box .pop-mode.new-default-mode .input-box .code-btn {
    height: 100%;
    font-size: 16px;
    line-height: 52px;
    display: flex;
    text-align: center;
    align-items: center;
    padding: 0 16px;
    color: var(--text-color-link);
    background: var(--bg-color-card);
    position: relative;
    border-radius: 0 6px 6px 0
}

.pop-mode-box .pop-mode.new-default-mode .input-box .code-btn.active {
    color: var(--text-color-disable)
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-emailnorml .input-box .inp {
    border-radius: 6px 0 0 6px
}

.pop-mode-box .pop-mode.new-default-mode .input-box .code-btn:before {
    content: "";
    position: absolute;
    height: 22px;
    left: 0;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--function-color-divider)
}

.pop-mode-box .pop-mode.confirm-default-mode .mess p.error-tips.mds-error-tips {
    padding: 12px 12px 12px 34px
}

.mds-error-tips {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 6px;
    background: var(--background-noticebar-error, rgba(233, 67, 86, .15))
}

.mds-account-tips {
    background: unset
}

.pop-mode-box .pop-mode.confirm-default-mode .mess p.error-tips.mds-account-tips {
    padding: 0 0 0 34px;
    color: var(--font-function-warning-normal, #F77040);
    margin-top: 0
}

.mds-error-tips i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAACDElEQVR4Ae2XTVLbMBTH/08mXWfHeLpxT9DeAPOxYOlMKZNd6UmgN+gN2u46FCZZsuAjnAA4Ad4wHnasSaSHFJIYkB3LSWwW8JvxjGzr4y/p6b0n4K1DZSonYTskT0ZEWCGmgIHmqJM7gC8VcMXS6/q9fz3XPp0EJGvfdgTRri4GcCPWz97yyf7foopTBSSb7UAMZAdMXzAbsWrcr/pH3Tivgsj7cbu+/d3rq4s5BjcEov/h4mb9a5RXIXMFTIMleB0slp2sLbFWwCx7A95vFKAYP3WHZB5TRjG/ks0oKBQg+upsbN0LpikGjc5UAcba4W7p5dH2ZGwLeQJGR61q9pAlINloh6hy9ilBEm6FlgCSMkJNkEeRJUAIfEZNCKYVS8CcDqcUTOlWiycfqzh6eTQtAa9FaoRsQmpt3FkCWHCMmiCdO4zLSxMBEuck4GyIgrCrvdpMjsskLpN+JgI87qImWKZjPQvHt2vb16CKvSEjXj7d/zR+fXYKFNglrD7WLR+OH6GcWGDwT///AacGsnDM7F8kJZYfUMprVXEkTZ9K3a9a37Mqj7LgwqyoDAPI1seTQ8vQMz3hcCt0g0WsxHDmzD+yBh/+n9ZYX0QCIdTZzCdD25NS/Zbfy0/L3S8m0NmSqxBtbMba576YWEI2tkJm0im7zh10+B5HULPMDI4laW9K3PWPD3p4x5EHrknCf6tEhf0AAAAASUVORK5CYII=) no-repeat center;
    background-size: 16px 16px;
    cursor: pointer;
    margin-right: 6px;
    position: absolute;
    top: 14px;
    left: 12px
}

.mds-account-tips i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAB1UlEQVR4Ae1XbW6CQBB9YNPGH008gj1BvYHrDfQEtTegJ9CeoNyg7Qn0BuIJtCcoRzCxjUkTpTMBmkEWYRHoj/YlhAWWmTcfOzsL/HVYJpO3jlItYGgD/QPQpZ87/D4ANjRe0/1tD8yvXc8rKrMQgQ9HjUnxhIZdFINPkqftJ+81b+JJAjtHsZUzsqyHcvDpGrRdz8+aYGd9+HpQd6R4dYZyBhuw+nTUMGuC1gP8AzGboUK0LIwvNSFJeSBy+zNyQEn4SK61+OJx7vwALsvOJUBYxNldJSiUHUvj1QQBznYUz/QyJHo7yq1MAtFSqxcBptARoPgo1Gi9QHcb6koSIPcM0RBaQtcPAUqQWzSHforAmQXHCLYItfRA5UsvC4HQZeOXIUOwQUOwhC7pAR8NgYxdx+ML8X4Jg0Qk5hOqHaUKFzcuQk4IcsscDWEvdCW2Y7LoHfVXQ5920Jv44XgV5G6rMUy34xjUF0zlc4IACXuRCVID/OOmJFUHKCajOpZkJHOg0ZfGLuwLcrsiE5CloyvXm2vep8GhOFTkiUjGvU45I7ctp9sCJVdGdFgZnWrLCx1MopAYHUw42y/PPZhoiChuXLh34O1bHs0QlvIlF7S2wdHsH9/7jY+qxfdPewAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 16px 16px;
    top: 2px
}

.pop-mode-box .pop-mode.new-default-mode .mess .desc a {
    color: var(--text-color-highlight)
}

.pop-mode-box .pop-mode .mess p.label {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px
}

.link-account-box {
    overflow: hidden;
    margin-top: 0
}

.link-account-box .account-mess-box {
    margin-bottom: 16px;
    position: relative
}

.link-account-box .account-mess-box .label {
    font-size: var(--font-size-h6);
    color: #fff6;
    letter-spacing: 0;
    line-height: 12px;
    margin-bottom: 12px
}

.link-account-box .account-mess-box .box {
    font-size: var(--font-size-h5);
    color: var(--text-color-primary);
    letter-spacing: 0;
    line-height: 14px;
    padding: 31px 20px;
    background: var(--bg-color-popover);
    position: relative;
    overflow: hidden
}

.account_block .watermark-logo,.link-account-box .account-mess-box .box .watermark-logo {
    width: 68px;
    position: absolute;
    right: 0px;
    bottom: 0px
}

.link-account-box .btn-box {
    width: 100%;
    overflow: hidden
}

.link-account-box .account-mess-box .box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.link-account-box .account-mess-box .box .user-head-box {
    margin-right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden
}

.link-account-box .account-mess-box .box .user-head-box img {
    width: 100%
}

.link-account-box .account-mess-box .box .mess-box {
    flex: 1;
    display: flex;
    flex-flow: column
}

.link-account-box .account-mess-box.have-id-account .box {
    padding: 20px
}

.link-account-box .account-mess-box .box .mess-box .name {
    margin-bottom: 6px;
    color: var(--text-color-primary);
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.link-account-box .account-mess-box .box .mess-box .id {
    color: var(--text-color-secondary);
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.link-account-box .account-box {
    padding-left: 24px;
    position: relative;
    margin-bottom: 24px
}

.link-account-box .account-box:before {
    content: " ";
    width: 0px;
    position: absolute;
    left: 0;
    top: 7px;
    bottom: 0px;
    border-left: 1px dashed var(--text-color-disable)
}

.link-account-box .account-box:after {
    content: " ";
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAClklEQVR4Ae2XoXcTQRDGv8uLAw+e/AHni6eemKqcqQITFQwKFVVFTU2CqSE+1bS++OKDjw/zXWdhdm/3yO0heHDfe/s22ezN/nZmZ7IHDBo0aND/raLtx8PhUEp3Iu0pumkv7a4oinv0VBRQwAj1Vtpz9NNO2kpAb5CpBqDAzaSr8GdFyDUy5AEm4Biue+2PEY/DBE3vZ0EWBo4Gr+GDLcXoLTIk9k6lmwWg867ncmQ+v4EPd54LR8mzWwLB9/wMHVUDym4ZlpdmfCML7NBTauOzGSp1raM11n4SjB/tOVOKuEGGk1DvBe5BpzCDK/MI5zxopeAxoIdvUqF3gE/soDHeBkZPLOB73gG8lrZUWzuZa39/QUD4ZexU5vBIrMPIjVoWb4Oj4asInNPXFlvfE8/QmxdquwH4LZh8gnZ9gJ+dDBPPGr021wRJ2XIeYgJtzXeozQVCQHWrDWuV8qKMv4J/Zvncmdj4SDB7ltRGZeFcCNlLqzcUrF3qGr8AVZtgJw13O3i7IB49to9shHAX8D3dKNQKPIfvyWkDUMNiM2mikAsHqr23oIVjRrNAS2NNvUbg6SD0FpI2VnZtt+Y4mEuX212z5+FlKTlD8+/r1sAxLO8QV1160K674Ds3t/Oy2Lh7mzDyLJhvQ1smnuEmzn9X+GPHhBpHJtLQUjzCAkuv8Cy565KX7QyDWXijkK5YE+zoO6HYCv8s9lFAA0rDofHQC9zAWufX2Yx8heWozuwROkjDYKGniUzvJLUxNUNfXMg7AapsqahLia1bGXD03BX814pL96FAhsRohebVyRX7LhfbEs33HZauFfoAUgnIPuKN4pOFo7IBa4vxW3NnM3j0/mXsgtwL8OcKf8Hr6aBBgwb9q/oB0HAGmikcnLgAAAAASUVORK5CYII=) no-repeat center;
    background-size: 20px 20px
}

.link-account-box .account-box .label {
    position: relative
}

.link-account-box .account-box .account-mess-box:nth-child(1):before {
    content: " ";
    width: 8px;
    position: absolute;
    left: -21px;
    top: 6px;
    height: 1px;
    border-bottom: 1px dashed var(--text-color-disable);
    z-index: 2
}

.link-account-box .account-box .account-mess-box:nth-child(2):before {
    content: " ";
    width: 8px;
    position: absolute;
    left: -21px;
    top: auto;
    bottom: 0px;
    height: 1px;
    border-bottom: 1px dashed var(--text-color-disable);
    z-index: 2
}

.pop-mode-box .pop-mode.new-default-mode.other-login .account_block.midasbuy-account {
    height: 92px;
    justify-content: unset;
    color: var(--text-color-primary);
    font-size: var(--font-size-h4);
    font-weight: 400;
    line-height: var(--line-height-h4)
}

.mds-input__flex {
    display: flex
}

.mds-input__spacing .input-box {
    margin-right: 12px
}

.mds-input__spacing .input-box:last-child {
    margin-right: 0
}

.information-swiper__content {
    overflow: hidden;
    width: 424px;
    height: 48px;
    display: flex;
    align-items: end;
    margin-bottom: 20px
}

.information-swiper {
    color: var(--text-color-secondary);
    width: 412px;
    height: 44px;
    background: var(--black4);
    border-radius: 99px;
    overflow: unset;
    margin: 0;
    position: relative
}

.information-swiper .swiper-slide {
    display: flex;
    align-items: center;
    padding: 10px,12px,10px,12px;
    border-radius: 99px;
    box-sizing: border-box
}

.information-swiper .swiper-pagination-bullet-active {
    width: 4px;
    height: 12px;
    border-radius: 4px;
    opacity: 1
}

.information-swiper__icon {
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-right: 5px;
    position: relative;
    top: -6px
}

.information-swiper__txt {
    font-family: Arial;
    font-size: var(--font-size-h4);
    font-weight: 400;
    line-height: var(--line-height-h4);
    letter-spacing: 0px;
    text-align: left
}

.point-box {
    position: absolute;
    right: -10px;
    top: calc(50% + -0px);
    transform: translateY(-50%)
}

.point-box .point {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    margin: 4px 0;
    background: rgba(255,255,255,.5)
}

.point-box .point.active {
    background: #fff;
    height: 12px
}

.point-box .point:first-child {
    margin-top: 0
}

.point-box .point:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 760px) {
    .pop-mode-box .pop-mode .btn-wraps.btn-wrap .btn.cancel-btn {
        line-height:46px;
        height: 46px
    }

    .pop-mode-box .pop-mode .btn-wrap .cancel-btn .cancel-txt {
        font-size: 14px
    }

    .information-swiper__content {
        width: calc(100% + 10px);
        position: relative;
        left: -5px;
        height: 43px;
        margin-bottom: 16px
    }

    .information-swiper {
        width: calc(100% - 20px);
        height: 40px
    }

    .information-swiper__icon {
        width: 48px;
        height: 48px;
        margin-left: 9px;
        margin-right: 5px
    }

    .information-swiper__txt {
        font-size: var(--font-size-h5);
        font-weight: 400;
        line-height: var(--line-height-h5);
        letter-spacing: 0px;
        text-align: left
    }

    .pop-mode-box.pop-mode-box-bg .pop-mode.confirm-default-mode .pop-logo {
        display: block
    }

    .mds-input__spacing .input-box {
        margin-right: 8px
    }

    .eyes {
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAahJREFUWAntlrFOAkEQhjlNSEhsMNJoAyTyEEZM4CmMPbHyAXwIKbWkg1pbbTTEysJCay2MjdraGfx+2CPLZu88TvQSvUn+zNzM/DPD3HG3hUIu+Qb++waCeRYwGo3Wyd8DW6AGqkDyaDBED4IgeEYvTmjcBufgA3wlyrkArW9PQJEGOAVp5QxiI9UgEDvgPabzG7EbA9lRohqdxEOQXAL9qGr41bQJlsKiso1PsShRzVLI8WoSymAYVQH/IVj2knEqZnJQXlHtspdPoALuvLSJs+clepyk92LqqEdlhoZDv/w2hvREbMUmca2B9w1mCioXiBMl6jXZBEYRXEVlGv+R07yG/8XiyK47OV0r7jMvcRb1IJ2Apk322PeO74DrNcsnWz5bXI4dk70DjqdPshv9tWutAWgdcdK1ByKxDuxb8Cqfk5PoFow5kLN7CMOpGSK7v6E1xCqDZPMisobQq3gAouTnXsXhENJ0z+Zj5AzRYBB9UtOKPuWbds1UNkVaQIeMpAcSHV7aSZrNeyTboOgu2AZVA9T4SPaAvgb9hR/J1CGXfAN/dgOf4b3cpk7mZxUAAAAASUVORK5CYII=) no-repeat center;
        background-size: 16px 16px;
        right: 16px
    }

    .eyes.close-eyes {
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmxJREFUWAntls9KVVEUxj0JiiCBoQk1iQY28BEy0KcoGhYijRropJfQFzCkQTWSoIEj5SbULDDpD6I4KEIyERtEk7DT77v37HPX2e3lvSqYg7vgY6/17fXv7L3PPqerqyOdFTivK5Dn+QMw9F/6K4oz5O9tE+g3wAxYAtvgJzgAa+AFmAZXTt00SYaAiks03gYrMtqQQ3yWwcSpGiGBbaKNukmXl7AjJ2qEwGGgJjZBSvYh3xaQ7skvJibbbgLnHvAEfAejIG7iHdwtcCEklV5wasiTZ0z0hZjkiMMgeGMy7KLHTVQOpk2Ebzd4ZOJj9TXEgI0pdSZUfD2OwLZN2IPpvqLELCTyBOoDSjUWYgCkioegNXWqQBCa+IT+EEyJL5+k4dcP9xV4om1srASK9vyV51nws6EAtm0ihO2hXA8+GrFnw6QzrsL3yPGx42Dp+1Hy+GDKdy7yuWcTOPp8eZJtcELPLZdl2R72TbBl+DhXbBvXUs20AtoCLcdRUm5BGYpCgF2JDdlhHr3VFtTw6a37o+gQ6mB4ogPVH5LbEd6eiforCqeH2gGe6Ntx0eYJT6NXxJOFSoAxCIibmPOSwKv4ZRPeVJm4BHRZeKJLprsZ0dTgbRN/nAQ1+OqTN1M0NBz6wHPgia7b+CruhdM2qoktkJKnkI09j4umbJwngT4knoSPkS6k38DemLaJH8zdTdVoyRE4AvRJbVdSTVTejpZFUw5UnwD6ydDPRiv5hsNVoO0Ih/rf+78olKUKepwSM3cHjIFrBXThfAGfwQpY5KKSXX+zGGpgGIzDf2Q8WylWYvRsq3aqdVbgGCvwF/Syx38LV0pzAAAAAElFTkSuQmCC) no-repeat center;
        background-size: 16px 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .ft_link p {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .link-account-box .account-box:after {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        left: -8px
    }

    .link-account-box .account-box {
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .account_block.midasbuy-account {
        height: 76px;
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .link-account-box .account-mess-box .box .mess-box .name {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .link-account-box .account-mess-box .box .mess-box .id,.pop-mode-box .pop-mode .mess p.label {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .link-account-box .account-mess-box .box .user-head-box {
        width: 44px;
        height: 44px
    }

    .mds-error-tips i {
        width: 14px;
        height: 14px;
        background-size: 14px 14px;
        margin-right: 6px
    }

    .pop-mode-box .pop-mode.new-default-mode .input-box .code-btn {
        font-size: var(--font-size-h5)
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .desc.center {
        margin-top: 8px
    }

    .slide-input .input-box .input-val p.card-val {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .mds-input_icon,.mds-input_close {
        width: 16px;
        height: 16px;
        background-size: 16px 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box p {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .account_block .type,.pop-mode-box .pop-mode.confirm-default-mode .mess p.error-tips {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .mds-label_icon {
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .mess.mess-spacing {
        padding-bottom: 24px
    }

    .mds-form-item {
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .btn-wraps {
        padding-top: 20px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .btn-wraps.btn-wrap-spacing {
        padding-top: 16px
    }

    .mds-sign-signed .keep,.mds-sign-signed .password {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .mds-sign-signed .check {
        width: 16px;
        height: 16px;
        margin-right: 4px
    }

    .mds-sign-signed i {
        width: 14px;
        height: 14px;
        margin-right: 2px
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .ft_text {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 12px
    }

    .pop-mode-box .pop-mode.new-default-mode .back-btn:before {
        width: 16px;
        height: 16px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.register-verify-email {
        border-radius: 0
    }

    .mds-login-vip .vip {
        font-size: var(--font-size-h4);
        line-height: 24px
    }

    .desc-email {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        margin-top: 8px;
        margin-bottom: 24px
    }

    .mds-label_name {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .account_block {
        margin-bottom: 16px
    }

    .mds-login-vip .name {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .mds-login-vip {
        width: 100%;
        padding: 20px 20px 8px;
        height: auto;
        background-size: 100% 100%
    }

    .mds-m_hidden {
        display: none
    }

    .mds-m_show {
        display: block
    }

    .mds-question_tip {
        width: 100%;
        box-sizing: border-box;
        left: 0;
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .mds-footer-txt {
        margin-top: 24px;
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box .pop-mode.new-default-mode .btn-wraps {
        margin-top: 24px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .box p {
        margin-bottom: 16px;
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .four-style .box {
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .box .box_inner {
        height: 46px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .line {
        margin: 24px 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode.other-login {
        border-radius: 0
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .btn-wrap.btn-wraps {
        margin-top: 0
    }

    .mds-login_safety {
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.confirm-default-mode {
        max-height: unset
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .type {
        width: calc(100% + 12px);
        position: relative;
        left: -6px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-register .box {
        margin: 0 6px;
        width: calc(33.3% - 12px)
    }

    .login-safety_txt .name {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .login-safety_txt .txt {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }
}

.mds-footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #ffffffbf;
    padding-bottom: 16px
}

.mds-footer-content.gray {
    color: #ffffff40
}

.mds-footer-content span {
    color: #3988ff;
    margin-left: 12px;
    cursor: pointer
}

.jf-verify-email {
    width: 335px;
    margin: 24px auto 0
}

.jf-verify-email img {
    width: 100%
}

.pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .desc.style {
    text-align: center
}

@media screen and (max-width: 760px) {
    .jf-verify-email {
        width:100%
    }

    .mds-footer-content {
        margin-top: 24px;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }

    .mds-footer-content span {
        margin-left: 8px
    }

    .pop-mode-box .pop-mode .btn-wraps.btn-wrap.btn-wrap__one .btn.cancel-btn {
        width: unset
    }

    .pop-mode-box .pop-mode .btn-wraps.btn-wrap.btn-wrap__one .btn.cancel-btn .cancel-txt {
        box-sizing: border-box;
        padding: 0 20px
    }
}

@media screen and (min-width: 1025px) {
    .jf-verify-email {
        width:319px;
        margin: 16px auto 0
    }

    .mds-footer-content {
        margin-top: 16px
    }
}

@media screen and (min-width: 1280px) {
    .jf-verify-email {
        width:319px;
        margin: 14px auto 0
    }

    .mds-footer-content {
        margin-top: 14px;
        padding-bottom: 14px
    }
}

@media screen and (max-width: 1220px) {
    .pop-mode-box .pop-mode .mess {
        padding-top:28px;
        padding-bottom: 34px
    }

    .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
        width: 152px
    }

    .pop-mode-box .pop-mode .desc {
        padding-bottom: 16px
    }
}

@media screen and (min-width: 769px) {
    .pop-mode-box .pop-mode.new-default-mode.other-login .mess::-webkit-scrollbar {
        width:6px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .mess::-webkit-scrollbar-thumb {
        background-color: var(--scroll);
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2)
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .mess::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        border-radius: 0;
        background-color: var(--bg-color-popover)
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess::-webkit-scrollbar {
        width: 6px
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess::-webkit-scrollbar-thumb {
        background-color: var(--scroll);
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2)
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        border-radius: 0;
        background-color: var(--bg-color-popover)
    }

    .slide-input .history-list .hist-box .card-num-box::-webkit-scrollbar {
        width: 6px
    }

    .slide-input .history-list .hist-box .card-num-box::-webkit-scrollbar-thumb {
        background-color: var(--scroll);
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2)
    }

    .slide-input .history-list .hist-box .card-num-box::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        border-radius: 0;
        background-color: var(--bg-color-popover)
    }
}

@media screen and (max-width: 768px) {
    .slide-input .history-list .hist-box {
        top:46px
    }

    .slide-input .history-list .hist-box .card-num-box {
        max-height: 186px
    }

    .slide-input .history-list .hist-box .card-num-box .list-item {
        padding: 12px
    }

    .slide-input .history-list .hist-box .card-num-box .list-item .card-val {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .slide-input .history-list .hist-box .card-num-box .list-item.selected:after {
        width: 16px;
        height: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .check-box {
        width: 16px;
        height: 16px
    }

    .content {
        margin-top: 0
    }

    .game-shop .content {
        margin-top: 32px
    }

    .credit-card .content {
        margin-top: 0
    }

    .login .content {
        min-height: calc(100vh - 189px)
    }

    .history-list .hist-box .title {
        margin-bottom: 0
    }

    .vip .content {
        padding-bottom: 0
    }

    .credit-card-new .block {
        padding: 16px 16px 0
    }

    .credit-card-new .btn {
        width: 100%
    }

    .vip .content {
        margin-top: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode {
        top: auto;
        transform: translate(0);
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        -o-transform: translate(0%,0%);
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 8px 8px 0 0;
        box-sizing: border-box;
        padding: 0 0 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode .btn-wraps {
        margin-bottom: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode .back-btn {
        left: auto;
        position: relative;
        top: auto;
        float: left;
        margin-top: 24px;
        margin-right: 12px
    }

    .pop-mode-box .pop-mode.confirm-default-mode {
        bottom: 0;
        top: 0;
        position: absolute;
        box-sizing: border-box;
        height: 100vh
    }

    .pop-mode-box .pop-mode.new-default-mode .close-btn {
        top: 21px;
        right: 20px;
        width: 16px;
        height: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode .back-btn {
        left: 20px;
        top: 21px;
        padding-left: 20px;
        margin-top: 0;
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        font-size: 14px;
        line-height: 22px;
        position: absolute
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess {
        margin-top: 58px;
        padding: 20px 20px 24px
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .icon_text {
        color: var(--text-color-primary);
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        text-align: center;
        letter-spacing: 1.5px;
        font-family: dinm
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .mess .desc {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        margin-top: 12px;
        box-sizing: border-box
    }

    .pop-mode-box .pop-mode.new-default-mode .btn-wrap .btn.comfirm-btn {
        line-height: 46px;
        font-size: var(--font-size-h5);
        height: 46px
    }

    .pop-mode-box .have-form-pop.pop-mode .form-box {
        padding-top: 0
    }

    .pop-mode-box .pop-mode.new-default-mode .form-box .input-box {
        height: 46px;
        margin-bottom: 0
    }

    .pop-mode-box .pop-mode.new-default-mode .input-box .inp input {
        height: 100%;
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }
}

@media screen and (max-width: 760px) {
    .list-item {
        display:block
    }

    .list-item .item {
        flex: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 24px
    }

    .list-item .item:last-child {
        margin-bottom: 0
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login {
        padding-top: 58px
    }

    .pop-mode-box .pop-mode.confirm-default-mode .pop-logo {
        width: 80px;
        height: 16px;
        left: 20px;
        top: 21px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .mess {
        padding: 20px 20px 32px;
        height: calc(100vh - 58px);
        max-height: calc(100vh - 58px)
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .mess .title {
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        letter-spacing: 1px;
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .mess .desc {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .account_block {
        padding: 12px 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .text {
        font-size: var(--font-size-h6);
        line-height: 18px
    }
}

@media screen and (max-width: 540px) {
    .game-shop .content {
        padding-bottom:200px
    }

    .credit-card .content {
        padding-bottom: 280px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 374px) {
    .pop-mode-box .pop-mode {
        width:80%
    }

    .pop-mode-box .pop-mode .desc p {
        font-size: var(--font-size-h6)
    }

    .pop-mode-box .pop-mode .btn-wrap .btn.cancel-btn,.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn {
        width: 48%
    }
}

@media (orientation: landscape) {
    @media screen and (max-width:900px) {
        .game-shop .pop-mode-box {
            overflow:auto
        }
    }
}