article,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,input,legend,li,menu,ol,p,pre,select,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

article,aside,dialog,figure,footer,header,hgroup,nav,section,select,time {
    display: block
}

button,h1,h2,h3,h4,h5,h6,input,label,select,textarea {
    font-size: 100%;
    font-weight: 400;
    vertical-align: middle;
    font-family: inherit
}

dl,ol,ul {
    list-style: none
}

fieldset,img,input[type=submit] {
    border: none
}

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

.g-clr {
    zoom:1}

.g-clr:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "."
}

.clear-border {
    border: none!important
}

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

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

ul {
    list-style: none
}

img {
    border: none;
    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;
    -webkit-tap-highlight-color: transparent
}

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

a,button,input {
    border: none;
    outline: none;
    font-family: inherit;
    background: none
}

a,a:visited,button,input {
    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(//cdn.midasbuy.com/oversea_web/static/font/DINMITTELSCHRIFTSTD.eot);
    src: url(//cdn.midasbuy.com/oversea_web/static/font/DINMITTELSCHRIFTSTD.eot#iefix) format("embedded-opentype"),url(//cdn.midasbuy.com/oversea_web/static/font/DINMITTELSCHRIFTSTD.woff) format("woff"),url(//cdn.midasbuy.com/oversea_web/static/font/DINMITTELSCHRIFTSTD.ttf) format("truetype"),url(//cdn.midasbuy.com/oversea_web/static/font/DINMITTELSCHRIFTSTD.svg#webfont34M5alKg) format("svg");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

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

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

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

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

@-o-keyframes menuAni1 {
    0% {
        top: 0;
        -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: 0;
        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: 0;
        transform: rotate(0)
    }
}

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

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

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

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

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

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

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

    to {
        top: 0;
        -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: 0;
        transform: rotate(0)
    }
}

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

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

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

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

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

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

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

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

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

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

.credit-card .content {
    margin-bottom: 0;
    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/oversea_web/static/images/bg4.26e1e49e.jpg) no-repeat 50%;
    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)
}

.follow {
    position: fixed;
    right: -13px;
    bottom: 48px;
    z-index: 500;
    -webkit-transition: all .3s linear;
    display: none
}

div::-webkit-scrollbar {
    width: 6px
}

div::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-sm);
    background-color: var(--scroll)
}

@-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,.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
}

.mds-m_show {
    display: none
}

.mds-m_hidden {
    display: block
}

.loading-btn,.loading-text-btn {
    position: relative
}

.loading-text-btn .mid {
    display: inline-block
}

.loading-btn .mid {
    position: relative;
    width: 100%;
    height: 100%
}

.loading-btn img {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    transform: rotate(0);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    animation: spins 1s linear infinite;
    -webkit-animation: spins 1s linear infinite;
    -moz-animation: spins 1s linear infinite;
    -o-animation: spins 1s linear infinite;
    -ms-animation: spins 1s linear infinite
}

.loading-text-btn p {
    opacity: .8;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    padding-left: 26px;
    position: relative
}

.loading-text-btn p:before {
    width: 18px;
    height: 18px;
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    transform: rotate(0);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAXVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+EHRzTAAAAH3RSTlMAVxhB7DCfIQkQcF8pgOA5v07YqJd4iLZn0K+Q98hHUw+KPgAAAZVJREFUOMt91NlyhCAQBVAWWRSUuKOO/v9npqFxdEaSqy9UHRtoKAm5RfNqkvPcb/VRknxcvc6QH8i+7wPPEFv367peaF+k+Dam7xOaES3L0o0fRI89ovWstIDqOnlbmp6klO9SiEKlrpsvVUlEfaqUZoM08jR0kEmtm+FCcN/vyTRNjUYNg4ysr9V7r3JB0zQOJxtCAB33vdBkijmMxBbN8N0WHlFRFOFbv0GAPTpsAoF3he1vMUP1PIQ1EEhJxDRFpZ5IFBhK6DQFNuaOfC+KFzyS+CnmyKH6FTOTCpHIIYqoI2Mdo3KIIyr+RS62s1lIhcjmkFYYYuoxhGdvtIYnpI1mNFmTQiyiimVQmQzRFYZmTIwOl5Mm9Vi6ZgxVuHMAfOW9V99bYyyyuHYoBcQb81GrVBEBi0PmPSLDy6uMDQ0K6GwsEkMpPSxMwJQVFhLR+7vWGERt2x4Hd84JISzWutbYYp0nundPHycCw1GFCb86LK5C70r2cQqMB3OrJJTOnBRzwZxI/fWv00o4x+FvoD4n+gVCFifMF8XvEAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% 100%;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spins 1 linear infinite;
    -o-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite
}

.abnormal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%) scale(.7)
}

.abnormal .abnormal_box {
    width: 5.82rem;
    border-radius: .1rem;
    position: relative;
    padding: .32rem .2rem;
    box-sizing: border-box
}

.abnormal .abnormal_box .abnormal_del {
    width: .26rem;
    height: .26rem;
    position: absolute;
    top: .25rem;
    right: .42rem
}

.abnormal .abnormal_box .img_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.abnormal .abnormal_box .abnormal_box_title {
    font-size: .36rem;
    text-align: center;
    color: #61fffe;
    font-weight: 700;
    font-family: oxsebold
}

.abnormal .abnormal_box .bigdia_title {
    font-weight: 400
}

.abnormal .abnormal_box .abnormal_box_text {
    font-size: .26rem;
    text-align: left;
    color: #e4e4e4;
    margin-top: .2rem;
    line-height: .3rem;
    position: relative
}

.abnormal .abnormal_box .abnormal_box_text span {
    position: relative;
    left: .2rem
}

.abnormal .abnormal_box .abnormal_box_text .dia-icon {
    width: .13rem;
    height: .14rem;
    display: inline-block;
    top: .1rem
}

.abnormal .abnormal_box .abnormal_box_text_wrap {
    height: 4rem;
    overflow-y: auto
}

.abnormal .abnormal_box .abnormal_btn-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.abnormal .abnormal_box .abnormal_btn-wrap .abnormal_box_btn {
    width: 2.31rem;
    height: .65rem;
    border-radius: .1rem;
    position: relative;
    font-size: .24rem;
    text-align: center;
    color: #fff;
    font-family: oxsebold
}

.abnormal .abnormal_box .abnormal_btn-wrap .abnormal_box_btn .abnormal_box_btn_text {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.abnormal .abnormal_box .abnormal_btn-wrap .abnormal_box_btn .cancel_btn {
    color: var(--text-color-primary)
}

.abnormal .abnormal_box .abnormal_btn-wrap .abnormal_box_btn .btn_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.31rem;
    height: .65rem;
    z-index: 1
}

.abnormal .abnormal_box .dia-close {
    width: .64rem;
    height: .64rem;
    position: absolute;
    top: 0;
    right: -.8rem;
    cursor: pointer
}

.abnormal .abnormal_box-6 {
    width: 6.07rem;
    padding: .05rem .03rem
}

.abnormal .abnormal_box-6 .img_bg {
    width: 6.07rem;
    height: 5.27rem
}

.abnormal .abnormal_box-6 .select-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    height: 5.2rem
}

.abnormal .abnormal_box-6 .select-content .area-wrap {
    height: 5.18rem;
    overflow-y: scroll
}

.abnormal .abnormal_box-6 .select-content .area-wrap::-webkit-scrollbar,.abnormal .abnormal_box-6 .select-content .role-wrap::-webkit-scrollbar {
    display: none
}

.abnormal .abnormal_box-6 .select-content .area-wrap .area-item {
    width: 2.25rem;
    height: .65rem;
    text-align: center;
    font-size: .26rem;
    color: #9cc;
    line-height: .65rem;
    padding-left: .1rem;
    margin-left: .01rem;
    cursor: pointer
}

.abnormal .abnormal_box-6 .select-content .area-wrap .area-item.on {
    border-right: 5px solid #ffe568;
    background-color: #ffb051;
    color: #633
}

.abnormal .abnormal_box-6 .select-content .role-wrap {
    height: 5.18rem;
    overflow-y: scroll
}

.abnormal .abnormal_box-6 .select-content .role-wrap .role-item {
    width: 3.24rem;
    height: .65rem;
    padding-left: .35rem;
    text-align: left;
    font-size: .26rem;
    color: #9cc;
    line-height: .65rem;
    cursor: pointer
}

.abnormal .abnormal_box-6 .select-content .role-wrap .role-item:hover {
    background-color: #ffb051
}

.abnormal .abnormal_box-6 .select-content .role-wrap .role-item.on {
    background-color: #ffb051;
    color: #633
}

.abnormal .abnormal_box-6 .select-content .role-wrap::-webkit-scrollbar {
    width: .07rem;
    height: 100%
}

.abnormal .abnormal_box-6 .select-content .role-wrap::-webkit-scrollbar-thumb {
    width: .07rem;
    height: .55rem;
    background-color: #ffb051
}

.abnormal .no-role {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5019607843137255)
}

.abnormal .no-role .no-role-tips {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5.8rem;
    min-height: .7rem;
    line-height: .7rem;
    padding: 0 .1rem;
    font-family: syhs;
    font-size: .2rem;
    text-align: center;
    color: #32dbff
}

.abnormal .no-role .no-role-tips span {
    position: relative;
    z-index: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.abnormal .no-role .no-role-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%
}

.abnormal .no-role-button {
    display: block;
    position: relative;
    width: 2.31rem;
    height: .65rem;
    line-height: .65rem;
    margin: .2rem auto 0
}

.abnormal .img-bg {
    position: absolute;
    width: 100%
}

.abnormal .no-role-button .btn-txt {
    cursor: pointer;
    font-family: oxsebold;
    text-align: center;
    font-size: .2rem;
    font-weight: 700;
    color: var(--text-color-primary);
    line-height: .48rem;
    position: relative;
    z-index: 5;
    line-height: .65rem;
    font-size: .24rem
}

.tab-nav-box .box.select-box .input-box .select-input {
    width: auto;
    left: -1px;
    right: -1px
}

.tab-nav-box .tab-box .box {
    width: 49.25%;
    margin-right: 1.5%;
    position: relative
}

.tab-nav-box .tab-box .box.have-zIndex-select {
    width: 100%
}

.tab-nav-box .tab-box .box.have-zIndex-select.id-box .n-box,.tab-nav-box .tab-box .box .select-box {
    width: 49.25%;
    margin-right: 1.5%;
    position: relative
}

.tab-nav-box .tab-box .box.have-zIndex-select.id-box .new-y-box {
    width: 49.25%
}

.new-y-box {
    background: var(--bg-secondarycontainer);
    box-sizing: border-box;
    position: relative;
    margin-bottom: 16px;
    border-radius: 6px
}

.new-y-box>div {
    padding: 20px 24px
}

.new-y-box .user-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    color: var(--text-color-primary);
    font-size: 16px;
    font-family: Arial;
    line-height: 24px
}

.new-y-box .switch-btn {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMA9iQMH34TAt1lQrta6KPNM/O+eQMAAAClSURBVDjL7ZRBDsQgDAMdKAQo0Pr/n917Fa2CRC+rnfOIg2MD/PmGqr7zLkLPfrewQn1uvsjukhX5JJPTjW4X0EkmqO/hRE7oE9tO5PQeJJGSen3SLDcITeQw5HiOYnGZB43hsIh7ymmx4m5od6smO3I2MhZh8eUccheO21nve3A0uLJDKJTmnZh7jliYI1bmqKjuOULRxoS/FnmlQ0t1e+nn/R0+IG4NYkMvusMAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.pop-mode-box .new-y-box .mess,.pop-mode-box .new-y-box .mess p {
    position: relative;
    align-items: center;
    color: var(--text-color-secondary);
    font-size: 14px;
    font-weight: 400;
    font-family: Arial;
    line-height: 18px;
    margin-bottom: 0;
    padding: 0;
    float: none
}

.pop-mode-box .new-y-box .mess {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.pop-mode-box .new-y-box .mess .id,.pop-mode-box .new-y-box .mess .name,.pop-mode-box .new-y-box .mess .type {
    margin-bottom: 4px;
    position: relative;
    display: flex;
    align-items: center;
    opacity: .6000000238418579;
    color: var(--text-color-secondary);
    font-size: 14px;
    font-family: Arial;
    line-height: 22px
}

.new-y-box .name {
    display: flex;
    align-items: center;
    position: relative
}

.new-y-box .name .vip_icon {
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px
}

.new-y-box .name .vip_icon.fly {
    animation: flyIcon .8s linear forwards
}

@keyframes flyIcon {
    0% {
        transform: translateY(-50%) scale(3.6);
        top: 60px;
        right: -136px
    }

    to {
        transform: translateY(-50%) scale(1);
        right: -30px
    }
}

.new-y-box .name.v1 .vip_icon,.new-y-box .name.v2 .vip_icon,.new-y-box .name.v3 .vip_icon,.new-y-box .name.v4 .vip_icon,.new-y-box .name.v5 .vip_icon,.new-y-box .name.v6 .vip_icon,.new-y-box .name.v7 .vip_icon,.new-y-box .name.v8 .vip_icon {
    display: block
}

.new-y-box .name.v1 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/1.79e01d3c.png)
}

.new-y-box .name.v2 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/2.2371f49a.png)
}

.new-y-box .name.v3 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/3.f47ca3f7.png)
}

.new-y-box .name.v4 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/4.17b243aa.png)
}

.new-y-box .name.v5 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/5.6b1df21a.png)
}

.new-y-box .name.v6 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/6.1a59d7a5.png)
}

.new-y-box .name.v7 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/7.ed1397bb.png)
}

.new-y-box .name.v8 .vip_icon {
    background-image: url(//cdn.midasbuy.com/oversea_web/static/images/8.0c6c8bf7.png)
}

.pop-mode-box .new-y-box .mess .id:last-child,.pop-mode-box .new-y-box .mess .name:last-child,.pop-mode-box .new-y-box .mess .type:last-child {
    margin-bottom: 0
}

.tab-nav-box .tab-box .box.have-zIndex-select.id-box .n-box {
    margin-right: 0
}

.game-wrap.pay-props .tab-nav-box .tab-box .box {
    width: 100%;
    margin-right: 0
}

.game-wrap.pay-props .tab-nav-box .tab-box .box.have-zIndex-select.id-box .select-box {
    width: 49.25%;
    margin-right: 1.5%
}

.tab-nav-box .box .select-input-box {
    width: 100%
}

.tab-nav-box .box .select-input-box .select-min-box .min-title {
    display: none
}

.tab-nav-box .tab-box .box-line {
    width: 6px;
    height: 1px;
    background: hsla(0,0%,100%,.2);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    top: 23px
}

.tab-nav-box .tab-box .box:last-child {
    margin-right: 0
}

.tab-nav-box .select-box .input-box.have-select-input-box .select-input .block,.tab-nav-box .select-box .select-input-box .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background: var(--bg-color-4,#171f45)
}

.tab-nav-box .select-box .input-box.have-select-input-box .select-input .row,.tab-nav-box .select-box .select-input-box .row {
    max-height: 253px;
    overflow: hidden;
    overflow-y: auto
}

.tab-nav-box .select-box .input-box.have-select-input-box .select-input .row .li,.tab-nav-box .select-box .select-input-box .row .li {
    padding-left: 20px;
    padding-right: 0;
    color: hsla(0,0%,100%,.45098039215686275);
    cursor: pointer
}

.tab-nav-box .select-box .select-input-box.row-one .row {
    width: 100%
}

.tab-nav-box .select-box .select-input-box.row-two .row:first-child {
    width: 135px
}

.tab-nav-box .select-box .select-input-box.row-two .row:nth-child(2) {
    flex: 1;
    background: var(--bg-color-7,#1b234d)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2),.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) .li,.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3),.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3) .li,.tab-nav-box .select-box .select-input-box.row-two .row:nth-child(2) .li {
    background: var(--bg-color-7,#1b234d)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) .li.active,.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3) .li.active,.tab-nav-box .select-box .select-input-box.row-two .row:nth-child(2) .li.active {
    background: var(--bg-color-8,#1e2754);
    color: var(--text-color-primary)
}

.tab-nav-box .select-box .select-input-box.row-three .row:first-child .li.active,.tab-nav-box .select-box .select-input-box.row-two .row:first-child .li.active {
    background: var(--bg-color-7,#1b234d);
    color: var(--text-color-primary)
}

.tab-nav-box .select-box .select-input-box.row-three .row:first-child .li.active:after,.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) .li.active:after,.tab-nav-box .select-box .select-input-box.row-two .row:first-child .li.active:after {
    display: none
}

.tab-nav-box .select-box .select-input-box.row-three .row:first-child .li.active:before,.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) .li.active:before,.tab-nav-box .select-box .select-input-box.row-two .row:first-child .li.active:before {
    width: 3px;
    background: var(--btn-color-2,#3a7bfc);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: " "
}

.tab-nav-box .select-box .select-input-box.row-three .row:first-child {
    width: 90px
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) {
    width: 90px;
    background: var(--bg-color-7,#1b234d)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3) {
    flex: 1;
    background: var(--bg-color-8,#1e2754)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3) .li {
    background: var(--bg-color-8,#1e2754);
    color: var(--text-color-primary)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3).active .li {
    color: hsla(0,0%,100%,.45098039215686275)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3) .li.active {
    background: var(--bg-color-9,#222c5c);
    color: var(--text-color-primary)
}

.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3).active .li:not(.active):hover,.tab-nav-box .select-box .select-input-box .row .li:not(.active):hover {
    background: var(--text-color-link);
    color: var(--text-color-primary)
}

.new-y-box .login-type {
    background: #141b3d
}

.new-y-box .binding-tip {
    border-top: 1px solid var(--function-color-divider);
    color: var(--text-color-hint)
}

.new-y-box .login-type {
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    border-radius: 4px;
    opacity: 1;
    background: var(--bg-component);
    display: flex;
    align-items: center;
    padding: 8px 12px;
    justify-content: space-between;
    margin-top: 12px
}

.new-y-box .login-type .label {
    flex-shrink: 0;
    opacity: 1;
    color: var(--text-color-hint)
}

.new-y-box .login-type .balance,.new-y-box .login-type .label {
    font-size: 12px;
    font-weight: 400;
    font-family: Arial;
    line-height: 16px
}

.new-y-box .login-type .balance {
    color: var(--text-color-highlight);
    display: flex;
    align-items: center
}

.new-y-box .login-type .balance img {
    height: 16px;
    margin-right: 4px;
    cursor: pointer;
    user-select: none
}

.new-y-box .login-type .not-view {
    color: var(--text-color-disable);
    font-size: 12px;
    font-weight: 400;
    font-family: Arial;
    line-height: 16px;
    display: flex;
    align-items: center
}

.new-y-box .binding-tip {
    border-top: 1px solid var(--function-color-stoker);
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color-secondary)
}

.new-y-box .binding-tip span {
    vertical-align: baseline;
    font-family: dinm;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color-primary)
}

.new-y-box .binding-tip img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    margin-left: 4px;
    margin-right: 2px
}

.new-y-box .data_box,.new-y-box .error-tip {
    border-top: 1px solid var(--function-color-stoker);
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color-secondary)
}

.new-y-box .data_box>div {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.new-y-box .data_box>div:last-child {
    margin-bottom: 0
}

.new-y-box .data_box .label {
    font-family: Arial;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color-secondary);
    margin-right: 4px
}

.new-y-box .data_box .data {
    display: flex;
    align-items: center;
    font-family: dinm;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color-primary)
}

.new-y-box .data_box img {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.new-y-box .error-tip .error_text {
    color: var(--text-color-error);
    font-size: 14px;
    font-family: Arial;
    line-height: 20px;
    margin-bottom: 4px
}

.new-y-box .error-tip .link {
    width: fit-content;
    position: relative;
    color: var(--text-color-link);
    font-size: 14px;
    font-family: Arial;
    line-height: 20px
}

.new-y-box .error-tip .link:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYBAMAAAA46dFkAAAAFVBMVEU6e/xHcEw6e/w6e/w6e/w6e/w6e/y+1GE8AAAAB3RSTlP+AE8a2XYn2hW2GwAAAE5JREFUCNdNjsEJwEAMw8RtIEoHuB06QEfoCt1/iT4cQ/MxiMQRZvBNniv5sFW5WKocN1vFAAzAAAzAAAz45/DuzV17prd/+rce9arneH8vsQ3HysoFyAAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.new-y-box .error-tip .error:last-child {
    margin-bottom: 0
}

.pop-mode-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,.6);
    display: none
}

.pop-mode-box .pop-mode {
    position: relative;
    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>div,.pop-mode-box .pop-mode>img {
    position: relative;
    z-index: 1
}

.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 .div,.pop-mode-box .pop-mode .desc p {
    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 .desc p {
    text-align: left
}

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

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

.pop-mode-box .mess p {
    display: inline-block;
    color: var(--text-color-primary);
    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 {
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACXRSTlMAh2gKfA1vR1aDq0KLAAAAcklEQVQoz2NgIAeYB8BYrMVgqlEZJhAkASLZRYSgSlgVHQsgFFSJEVQKRsNlYAwjuF4IC6EVykQogLCRFECUICsAK0FWAFaCogCkBEUBpgCGFnRDMaxFdxiG09E9h+F99ADCCEKMQGZGRIORBPaIIhUAAPsHHCqMg+mMAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: cover;
    right: 12px;
    top: 12px;
    cursor: pointer
}

:root[class=light] .pop-mode-box .close-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAAAAAABHcEwAAAAAAAAAAADedPIAAAAABXRSTlPfIACIoExw8KwAAAB8SURBVCjPlVG5EcAgDBNFei4bEDZgh/Qpwv6rhMeisC53CY1ByLJs43AHX4C885HKAM5AIN4dyPUyStpqaUALRon9CxYnIQwNUuYH1s1wLK5lgmQmgnKUBguyOGiJ9kBPdPcCSIoXlbLemFj3zUn7fkAyQhmyrEEX9XfZD1TZSbcygJU5AAAAAElFTkSuQmCC);
    opacity: .5
}

.pop-mode-box .desc p span,.pop-mode-box .mess 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: 52px;
    line-height: 52px;
    font-size: var(--font-size-h5);
    color: var(--text-color-primary)
}

.pop-mode-box .pop-mode .btn-wrap .btn.s-btn {
    height: 46px;
    line-height: 46px
}

.pop-mode-box .pop-mode .btn-wrap .btn.disable {
    color: var(--text-color-disable);
    background: #173165
}

.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-color)
}

.pop-mode-box .pop-mode .btn-wrap .btn.disable {
    background: #1d336d;
    color: hsla(0,0%,100%,.4)
}

.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: var(--bg-color-13,#2e3e8d)
}

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

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

.pop-mode-box .pop-mode .form-box .input-box.error .error-close {
    content: " ";
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEVHcEz9T0/7UFD/UVH9T0/9UFD/XV3/T08k3yNdAAAACHRSTlMAzEYov2kLRAS42MsAAACISURBVDjL7ZIxCsAgDEUlxXZOEbrqDeoZCt29QY9QofenJtlMZiczGMjnEZ/o3KwBtUg7VVAinf7o5x53jvHtgowYKca7CwAJKRjUktqQBlxqOSEWwIgFMGICziUboCuJi1ZEdjGAYCLkkCyEHMBARLpqJLMD6EfcxKFqxY8noBVXac/85CPqB9TuDxTxWXflAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer
}

@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: var(--bg-color-5,#192045)
    }

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

    50% {
        background: var(--bg-color-5,#192045)
    }

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

    to {
        background: var(--bg-color-5,#192045)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

.game-shop .pop-mode-box .pop-mode,.personal .pop-mode-box .pop-mode {
    background: var(--background-container)
}

.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 rgba(17,23,51,.14901960784313725);
    display: none
}

.history-list .hist-box .title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: var(--font-size-h6);
    color: hsla(0,0%,100%,.6);
    letter-spacing: 0;
    border-bottom: 1px solid #303657;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
    background: var(--bg-color-8,#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,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAjq4XEqS1BtL8V4WV4n/BUi+7SOs5AAAAZElEQVQY033OWQ6AIAxFUUQRB1Ts/hdraQEZqnw15yYvKCW84bglVg5ALOhYhJ3g4D7c/PlkvOwLrFvyvdi58EqldAqxsGvLAadiOSvPxbeeC/lsy7+PVHp/S+up9M5F8lB07Q+HXQj6uAe3YwAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 12px 9px;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%)
}

.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.add-list-item img {
    width: 12px;
    height: auto;
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 22px
}

.history-list .hist-box .card-num-box .list-item .card-val {
    font-size: var(--font-size-h5);
    color: hsla(0,0%,100%,.8);
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px
}

.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-wrap .btn.cancel-btn:hover,.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:hover {
    background: var(--background-container)
}

.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):active,.pop-mode-box .pop-mode .btn-wraps .btn.cancel-btn:active {
    background: var(--background-container);
    color: var(--text-color-secondary)
}

.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn:not(.disable):hover,.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):hover,.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn:hover {
    background: var(--brand-color-hover)
}

.pop-mode-box .pop-mode .btn-wrap .btn.comfirm-btn:not(.disable):active,.pop-mode-box .pop-mode .btn-wrap .btn:not(.disable):active,.pop-mode-box .pop-mode .btn-wraps .btn.comfirm-btn:active {
    background: var(--brand-color-click);
    color: hsla(0,0%,100%,.8)
}

.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,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAALVBMVEU6e/z////3+v5flPxBgPxMh/ykwv240P6DrP3H2v5unvzt8/7g6v7W4/6Tt/04h/NyAAAAYklEQVQY02NgGHDAloDCLRRD5rELSiDxWCYKNSBxPQW1IAxmAyDBelFoAYRrBBKOEdwMVTYRKM56UNoAbqQGg7XgUYSFgs0bZQIQzhEUEryKZEmioKQDEpdPcAqKc9tpH0AA1IkO269S5PUAAAAASUVORK5CYII=) no-repeat 50%;
    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);
        -moz-transform: translate(-50%,-50%) scale(.8);
        -ms-transform: translate(-50%,-50%) scale(.8);
        -o-transform: translate(-50%,-50%) scale(.8)
    }

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

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

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

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

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

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

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

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

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

.pop-mode-box .pop-mode {
    background: var(--background-container)
}

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

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

.pop-mode-box .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: 52px;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 24px
}

.pop-mode-box .pop-mode .form-box input {
    background: var(--bg-component);
    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%;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-text-fill-color: var(--text-color-primary)!important;
    transition: background-color 9000000s ease-in-out 0s;
    caret-color: var(--text-color-primary)
}

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

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

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

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

.pop-mode-box .pop-mode .error-tips {
    margin-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: var(--text-color-hint);
    letter-spacing: 0;
    border-bottom: 1px solid var(--function-color-divider);
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
    background: var(--bg-color-8,#212950)
}

.slide-input .history-list .hist-box .card-num-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--bg-color-card);
    max-height: 276px;
    overflow-y: auto;
    box-sizing: border-box;
    border: 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,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAKlBMVEVHcExo3Pdq3Phr3Phs2/dr3vlr3Plq2vRq3flw1/1r2/hr3Phq2vpr3PjrifG1AAAADXRSTlMAIN/vgF3LMH8QonAwNaAjYAAAAMRJREFUOMtjYBgFxAABHOLTFLGLc+Zewq5F7O5drFoYde/evYJNQuju3bsLSNXgAGWzT0CIs9siaShGckQxkgZGW4S7WYEabiOZCtcSC9QQAOPsvXsXpoUbKG4KN5blLlxL7927lwsQFvoCuQdADA6gEnMkp4O02EA1oIbfXoiVHHfRg48VKHKVgWEtugYGhmCgTAPXXczwBgXEDaCGaxgxVHQXDDKxBjZQwwTsoY0zfm4x4IggB6wSjLlXcCUzh9EsCAYAyoFomhdSAFwAAAAASUVORK5CYII=) no-repeat 50%;
    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.add-list-item img {
    width: 12px;
    height: auto;
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 22px
}

.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: var(--text-color-secondary);
    letter-spacing: 0
}

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

.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;
    padding: 0 38px 0 16px
}

.slide-input .input-box .input-val p.card-val {
    line-height: 24px;
    font-size: var(--font-size-h4);
    color: hsla(0,0%,100%,.5019607843137255);
    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)
}

.slide-input .input-box .input-val:after {
    content: " ";
    width: 10px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAKlBMVEX///9HcEz///////////////////////////////////////////////824ym1AAAADnRSTlP/ABYtpnPvQeIH0r6MWcEZOsoAAAA/SURBVAjXYxAUFLwLxAyCgkJpimBammEjmA5gYAXRwgwMDIZAehaQXgmkDwBpHkEGcQYQKGTQANNNDA5gmgUAaoMH+S7AF1UAAAAASUVORK5CYII=) no-repeat 50%;
    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
}

.mds-input__flex {
    display: flex
}

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

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

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

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

.pop-mode-box .pop-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 .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 p.error-tips {
    font-size: var(--font-size-h5);
    color: var(--text-color-error);
    line-height: 22px;
    width: 100%;
    overflow: hidden;
    margin-top: 12px
}

.pop-mode-box .pop-mode .input-box .mds-input_close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACnRSTlMAgEBteCIwSBBgA6tT9wAAAKpJREFUKM9jYCAOsBY7ikwPQPDZDAWBQDgBxucA84EiDVCBFEEocIUaIAgHEE0tCAEPsIAhQkAYbAWQoSQIJUB6mAUFhRgUoYQBUCAQxGYSFFQACYgCBQoFwRywoKA4UGCiIFgJWAHYVEdBsBKwAkERoADYPiEGsAJBQWwCGFoMkQ2VxGYthsMwnI7hOQzvYwYQG0IAGhMhML4brmjAiChgTFQ6ipgHEBnvAHrJIAPgP6hAAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 18px 18px;
    cursor: pointer
}

.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(1turn);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(1turn);
        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%)
    }

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

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

.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,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAD1BMVEX///9HcEz///////////9iTY1sAAAABXRSTlP+AFcrgMdUrvEAAABuSURBVCjPbZLBEcAgCARvkjSAFZgSUkL6byoPBcSNP3dWBU5ZrsfMTLlv1wa63gKadBbQpXsFTTrKHVMI4EIAFxyE4CCECVKYIIUBFmGARTBtwj/AEV6KZ1kYSmdzaJ8Dwgg5ZMTAoBAlwx7f4QPBaB/D507pzAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover;
    position: absolute;
    cursor: pointer
}

.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:first-child {
    margin-bottom: 0
}

.pop-mode-box .pop-mode.confirm-default-mode .btn-wrap .btn.disable {
    background: #17316e;
    color: hsla(0,0%,100%,.4)
}

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

.input-box.disable .input-val .card-val {
    color: hsla(0,0%,100%,.4)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop {
    border-radius: var(--border-radius-lg);
    background: #141b3d;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.activate-midas-coin-pop:before {
    content: " ";
    background: url(//cdn.midasbuy.com/oversea_web/static/images/currency-bg.97b2b1ff.png) no-repeat 50%;
    width: 768px;
    height: 220px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    z-index: -1
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .mess {
    width: 100%
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .mess .title {
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    text-align: center;
    line-height: var(--line-height-h2);
    letter-spacing: 1px;
    margin-bottom: 24px
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: var(--border-radius-sm);
    box-sizing: border-box
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box.error {
    border: 1px solid #ff5e5b
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box .inp {
    position: relative;
    flex: 1
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box input:focus {
    background: var(--bg-color-10,#252e5c)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box input::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.2);
    font-size: var(--font-size-h5)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box input::-moz-placeholder {
    color: hsla(0,0%,100%,.2);
    font-size: var(--font-size-h5)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box input:-ms-input-placeholder {
    color: hsla(0,0%,100%,.2);
    font-size: var(--font-size-h5)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box .inp input {
    line-height: 46px;
    font-size: var(--font-size-h5);
    color: var(--text-color-primary);
    letter-spacing: 0;
    padding: 0 16px;
    text-align: left;
    width: 100%;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .btn-wraps {
    padding: 20px 0 0
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .btn-wraps .btn {
    border-radius: var(--border-radius-sm);
    background: var(--brand-color);
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    text-align: center;
    line-height: 46px
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .btn-wraps .btn:hover {
    background: var(--brand-color-hover)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .btn-wraps .btn.disabled {
    background: var(--brand-color-disable)
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .back-btn {
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAD1BMVEX///9HcEz///////////9iTY1sAAAABXRSTlP+AFcrgMdUrvEAAABuSURBVCjPbZLBEcAgCARvkjSAFZgSUkL6byoPBcSNP3dWBU5ZrsfMTLlv1wa63gKadBbQpXsFTTrKHVMI4EIAFxyE4CCECVKYIIUBFmGARTBtwj/AEV6KZ1kYSmdzaJ8Dwgg5ZMTAoBAlwx7f4QPBaB/D507pzAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover;
    width: 16px;
    height: 16px;
    left: 20px;
    top: 24px;
    opacity: .4;
    cursor: pointer
}

.pop-mode-box .pop-mode.activate-midas-coin-pop .input-box .inp input:focus {
    background: none
}

.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,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAYFBMVEVHcEz////////////////////////////+/v7///////////////////////////////////////88PDxFRUX29vZxcXFgYGDb29tRUVHr6+vKysq3t7eVlZWkpKSFhYW+jTAqAAAAEnRSTlMAjhkDYQ7I7Px7O9/VpdJTM7F5fT4qAAAB4klEQVRYw61X2baDIAxEbQXrWhD32v//y3talSsSEIrzaM+kWSYhQUiDsEzyOMWE4DTOkzJETqiCgh5QBJUt+55kFESW3K3omGqBz03cDPSviZuRHsb0FLEhnw9MLYAfWvcJtQKBw4gCao0gAvhP6oCnaiGgTgiU+KkjDnl4EFcDZF+LKMTUGXivh5j+gNgjAYc03PFvBvDWWQn9EYmfA8IFBweGZgBcyKz5vGV9J8257/yz5zeMsXrcf6qcmuDNPqinQ0sUtvwXW9BzKYbQlj+t/FrKQohKS/648aUc0NK2iF29GpiOWsrtBNCv/PnwQ642Iu9AASx4qy2ZKsWuJ1AAHzTK3EkRBoo9gwJgrOVqOyDZJpkXTwkogAGYbAcDW7EbfiYAYUAOYQuWtcOJAEQIchL5Fq5oO50ARBJjjeLXf9QKQJQx12n+y9ELQAhJlfK4Oc1eBgEIKQPN1PUiEXoBiGaC2nlomQRIAKKdwYEiXNcL4H8ogiONvHb80fzKa4bqLAxMhjavDGN9K8Zs4Gemh4UsxXifv226p40Mbds2xOJ11Y1FwgfOLR5X/+fde8HwX3GQ95Llu+ZdsGj6r7r+y7b3uu9/cFxw8vgfXf5n3wWHJ4r0p29hdfpecHy7nf9/OMXjaqx2ZX4AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 20px 20px
}

.pop-toast .icon.success-icon-1 {
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAllBMVEVHcEz////////+/v/////////////////////+/v7+/v7////////////////////////////////////////////////////////////////////////+/v7////////////////v7/Ls7PD////X2N/b3OL////////m5uvo6e3////s7fDv7/L////09ffg4eb////qe5efAAAAMXRSTlMASkZYdZKNej1PcYdCmWJdqn8za+rjsJ45VPHMxme2vqSDdFf6YXYVJGeICo+Y2J2DtDf0LQAAC5VJREFUeNrtm2mToswShVsRxB1RXBB3W3BD/P9/7mbtWQUqMh2vX27iTEzERHQ+nDyZVYX0z8//4//xX0ccfxlgNPoywCL9bn4/PMy+CuCMw94381/SYDy+/OlPbDY/+XlWCgTLP8yfeFHkJWVhu3a0IASrwV+JMF9HJOalBsCgN1mtGUE4tv2/kL8T8XDe39Gs05tuFMEh/PdC+B69/8UCPqv3N3SZNRXBuv/vRRisISIZ/TKOGUwJwbqZVHBbs1/z0RiPHZKeXDwWPfy/M6tRWGWfaNCtcr9Dz5tMJp7dGHQTUG/mrVVwhJULOvu1keNBTSAKB469mXjV2s2jBCRWq429Wq3JZSBMVwuWe5HCtSiSYD7dDKoANDxKQBlWgIACM/D8KftjFzVjb1plPU42HpfAEyrkIIQdBMITCUbtKgK0NxuG4AkCHAaCKoNTZEO/kgA0PEHBpfCkMVQpkAoQRe1WZQCMptONCpIWYDwVOgOlYADOH23jpjQ27BIQQhWBwMywkjo8leDz6Pd6lID9TVAUieSh5uANwhgIwPZPBOihmOZCCjFRflhJgr+QYNAriGnPYGC1kG0h6jD8gz2HDdGzVfRsQxBZEE9QSIJF9I8SxN2GnQtKYxQFuZMgKILFZlD5KHKZjToOCZbXsR2NQSmB3bBRTSG7YWpVYLj4/W0HwjFDYPTYB0MgGQiBbEi47Nbls+zWcAtBANjFPxoChygohSKI1mI4R069NEPSGJLYcgYWDoXBUqiC5FXgZcAiLKLSWxG/2WwOmyZBR+hh6IBkYM2JCVZoLkZR6wMAQBAibDvsgyhyKuiVMAikCLXSJWgyBAKxJZcAyTMgAhsV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) no-repeat 50%;
    background-size: 40px 40px
}

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

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

.loading_wrap .loading_icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    color: #fff;
    text-align: center
}

.loading_wrap .loading_icon img {
    width: 100%;
    animation: rotateAni 1s linear infinite;
    -webkit-animation: rotateAni 1s linear infinite;
    -moz-animation: rotateAni 1 linear infinite;
    -o-animation: rotateAni 1s linear infinite;
    -ms-animation: rotateAni 1s linear infinite
}

.loading_wrap .text {
    color: hsla(0,0%,100%,.7490196078431373);
    margin-top: 4px;
    font-size: var(--font-size-h6);
    font-family: Arial;
    text-align: center;
    line-height: var(--line-height-h6)
}

@media (min-width: 768px) {
    .loading_wrap {
        top:40%;
        transform: translate(-50%)
    }

    .loading_wrap .loading_icon {
        width: 40px;
        height: 40px
    }

    .loading_wrap .text {
        margin-top: 8px;
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }
}

@media (min-width: 1025px) {
    .loading_wrap .loading_icon {
        width:48px;
        height: 48px
    }

    .loading_wrap .text {
        margin-top: 8px;
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

.sdk-mode-pop.pop-mode-box .pop-mode {
    position: absolute;
    box-sizing: border-box;
    padding: 0
}

.sdk-mode-pop.s-pop .pop-title .close-btn {
    right: 72px
}

.sdk-mode-pop .pop-mode .pop-title .close-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 16px 16px;
    cursor: pointer
}

.sdk-mode-pop.s-pop .pop-title {
    position: relative;
    box-sizing: border-box;
    padding: 32px 72px 28px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    line-height: var(--line-height-h2);
    letter-spacing: 1px;
    border-bottom: 1px solid var(--function-color-divider)
}

.sdk-mode-pop.pop-mode-box.s-pop .pop-mess {
    position: relative;
    box-sizing: border-box;
    padding: 24px 72px;
    height: 479px;
    overflow-y: auto
}

.sdk-mode-pop.pop-mode-box .pop-mess .text {
    color: var(--text-color-primary);
    font-size: var(--font-size-h4);
    font-family: Arial;
    line-height: var(--line-height-h4)
}

.input-wrap-box {
    position: relative;
    height: 46px;
    width: 100%;
    background: var(--bg-color-card);
    padding: 1px
}

.input-box,.input-wrap-box {
    box-sizing: border-box;
    border-radius: 6px
}

.input-box {
    background: var(--bg-component);
    pointer-events: auto
}

.input-box input {
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    font-family: Arial;
    line-height: var(--line-height-h5);
    width: calc(100% - 20px)
}

.input-box input::placeholder {
    color: var(--text-color-hint)!important
}

.input-box .clean-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMAA6jzGNfDBpbjgIJHLftb7SMAAADMSURBVCjPZVIrDsJQENwmCIJqeoN3gTqCI5V4PBYUhgQDAkGQ3ADCCbA4LA6PbdOGX/YMzNsHBTKTNN2ZzHZ/FfGYr/rt0Ulq9LoKFMsPnxmHcgi8MdY3qsyEi9bYmGH7FW7eMtUfDCEc8R54UuJ5IAMl7okX3B6FMmki3EWpah63EC5kAm8ssDiJkNmRs1qc5qbqU9bq3ZJ4EeFVrE2wYNBKrCIswaClhMGcBIMWLFAKfZTKUmPUOg1H49OCeIW0ZDoDH4pOycf++x1eKc0kHpAiWIcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .4;
    display: none
}

.sdk-mode-pop .pop-mess .error-text {
    margin-top: 8px;
    color: var(--text-color-error);
    font-size: var(--font-size-h6);
    font-family: Arial;
    line-height: var(--line-height-h6)
}

.pop-mode-box.invoice-send-email .pop-mode .btn-wrap {
    margin-top: 32px
}

.sdk-mode-pop .pop-mode .btn-wrap {
    width: auto;
    box-sizing: border-box;
    position: relative;
    outline: none
}

.sdk-mode-pop .btn-wrap .btn.btn-primary {
    padding: 12px;
    text-align: center;
    border-radius: 6px;
    background: var(--brand-color);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: var(--text-color-primary);
    cursor: pointer;
    overflow: hidden;
    outline: none;
    transition: all .2s cubic-bezier(.645,.045,.355,1)
}

.btn-wrap {
    box-sizing: border-box;
    position: relative
}

.btn-wrap .btn {
    margin-bottom: 16px;
    user-select: none;
    text-align: center;
    border-radius: 6px;
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: var(--text-color-primary);
    cursor: pointer
}

.btn-wrap .btn:last-child {
    margin-bottom: 0
}

.btn-wrap .btn p {
    box-sizing: border-box;
    padding: 0 52px;
    font-family: Arial;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-wrap .btn.primary {
    background: var(--brand-color)
}

.btn-wrap .btn.error {
    position: relative;
    color: var(--text-color-primary);
    background: linear-gradient(135deg,#ff824d,#e52e43)
}

.btn-wrap .btn.primary.disable,.pop-mode-box .pop-mode .btn-wrap .btn.primary.disable {
    background: var(--color-special-brand-disabled);
    color: hsla(0,0%,100%,.25098039215686274);
    pointer-events: none
}

.btn-wrap .btn.primary:active {
    background: var(--color-special-brand-active)
}

.btn-wrap .btn.ghost {
    background: var(--brand-color);
    box-sizing: border-box;
    padding: 1px
}

.btn-wrap .btn.ghost>div {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    background: var(--background-container);
    border-radius: 6px;
    color: var(--text-color-link)
}

.btn-wrap .btn.ghost:hover {
    background: var(--brand-color-hover)
}

.btn-wrap .btn.ghost:active {
    background: var(--brand-color-click)
}

.btn-wrap .btn.ghost:disabled {
    background: var(--brand-color-disable);
    color: var(--text-color-disable);
    pointer-events: none
}

.btn-wrap .btn.facebook,.pop-mode-box .pop-mode .btn-wrap .btn.facebook,.pop-mode-box .pop-mode .btn-wrap .btn.facebook:active,.pop-mode-box .pop-mode .btn-wrap .btn.facebook:hover {
    background: var(--brand-color)
}

.btn-wrap .btn.email,.pop-mode-box .pop-mode .btn-wrap .btn.email {
    box-sizing: border-box;
    height: 100%;
    background: linear-gradient(135deg,#394685 3.67%,var(--bg-color-9,#222c5c) 99.32%)
}

.btn-wrap .btn.lip,.pop-mode-box .pop-mode .btn-wrap .btn.lip {
    box-sizing: border-box;
    height: 100%;
    background: linear-gradient(180deg,#a971ff,#7a64ff);
    color: var(--text-special-color-primary)
}

.btn-wrap .btn.lip:active,.btn-wrap .btn.lip:hover,.pop-mode-box .pop-mode .btn-wrap .btn.lip:active,.pop-mode-box .pop-mode .btn-wrap .btn.lip:hover {
    background: linear-gradient(180deg,#a971ff,#7a64ff)
}

.btn-wrap .btn.lip:active,.pop-mode-box .pop-mode .btn-wrap .btn.lip.disable {
    opacity: .8;
    background: linear-gradient(180deg,#a971ff,#7a64ff)
}

.btn-wrap .btn.lip,.pop-mode-box .pop-mode .btn-wrap .btn.google {
    box-sizing: border-box;
    height: 100%;
    background: #fff;
    color: var(--text-color-primary);
    border: 1px solid var(--borders-border)
}

.btn-wrap .btn.facebook,.pop-mode-box .pop-mode .btn-wrap .btn.facebook {
    box-sizing: border-box;
    height: 100%;
    color: var(--text-special-color-primary);
    border: 1px solid var(--borders-border)
}

.pop-mode-box .pop-mode .btn-wrap .btn {
    box-sizing: border-box;
    font-size: var(--font-size-h4);
    background: var(--brand-color)
}

.pop-mode-box .pop-mode .btn-wrap .btn,.pop-mode-box .pop-mode .btn-wrap .btn.error {
    position: relative;
    text-align: center;
    color: var(--text-special-color-primary);
    cursor: pointer
}

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

.pop-mode-box .pop-mode .btn-wrap .btn.error,.pop-mode-box .pop-mode .btn-wrap .btn.error:active,.pop-mode-box .pop-mode .btn-wrap .btn.error:hover {
    background: linear-gradient(135deg,#ff824d,#e52e43)
}

.btn.icon-btn img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.pop-mode-box .pop-mode .btn-wrap .btn:last-child {
    margin-bottom: 0
}

.brand-bg-decoration-box {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: -1!important
}

.brand-bg-decoration-out {
    top: -230px;
    left: -100px;
    width: 265px;
    height: 265px;
    transform: rotate(45deg);
    background: var(--other-decoration-dark);
    z-index: 0;
    filter: blur(66.74999237060547px)
}

.brand-bg-decoration-in,.brand-bg-decoration-out {
    position: absolute;
    flex-shrink: 0;
    border-radius: 50px
}

.brand-bg-decoration-in {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 208px;
    height: 208px;
    background: var(--other-decoration-light);
    filter: blur(33.374996185302734px)
}

#bigimg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.6);
    top: 0;
    display: none;
    z-index: 10000;
    cursor: pointer
}

#bigimg img {
    width: 60%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

:root {
    --colors-brand-09: #011a7d;
    --colors-brand-08: #0022ab;
    --colors-brand-07: #002cde;
    --colors-brand-06: #1b56ff;
    --colors-brand-05: #3166ff;
    --colors-brand-04: #3988ff;
    --colors-brand-03: #7fbbff;
    --colors-brand-02: #a2d1ff;
    --colors-brand-01: rgba(57,136,255,0.251);
    --colors-brand-10: #02195c;
    --colors-lime-02: #88d945;
    --colors-lime-01: #4ad9c1;
    --colors-gradient-yellow-02: #f26c3d;
    --colors-gradient-yellow-01: #f2b818;
    --colors-gradient-blue-02: #1b56ff;
    --colors-gradient-blue-01: #00c4de;
    --colors-gradient-puple-02: #990cf2;
    --colors-gradient-puple-01: #e573cd;
    --colors-gradient-red-02: #e52e43;
    --colors-gradient-red-01: #ff824d;
    --colors-gradient-green-02: #00b25f;
    --colors-gradient-green-01: #88d945;
    --colors-gradient-cyan-02: #0099bf;
    --colors-gradient-cyan-01: #4ad9c1;
    --colors-gradient-secondarybrand-02: #fcc6b3;
    --colors-gradient-secondarybrand-01: #fae3a3;
    --colors-gradient-secondarybrand-09: #85650d;
    --colors-gradient-secondarybrand-08: #c25631;
    --colors-gradient-secondarybrand-07: #c29313;
    --colors-gradient-secondarybrand-06: #f58964;
    --colors-gradient-secondarybrand-05: #f5c646;
    --colors-gradient-secondarybrand-04: #f26c3d;
    --colors-gradient-secondarybrand-03: #f2b818;
    --colors-gradient-secondarybrand-10: #853b22;
    --colors-gradient-brand-09: #056a8c;
    --colors-gradient-brand-08: #002cde;
    --colors-gradient-brand-07: #0790be;
    --colors-gradient-brand-06: #3166ff;
    --colors-gradient-brand-05: #6bdcf8;
    --colors-gradient-brand-04: #1b56ff;
    --colors-gradient-brand-03: #00c4de;
    --colors-gradient-brand-02: #c6d5ff;
    --colors-gradient-brand-01: #bff0f7;
    --colors-gradient-brand-10: #0022ab;
    --colors-pink-02: #e573cd;
    --colors-pink-01: #f473ff;
    --colors-purple-09: #430b77;
    --colors-purple-08: #671fa2;
    --colors-purple-06: #bc5ef7;
    --colors-purple-05: #cc79f9;
    --colors-purple-04: #da94fa;
    --colors-purple-03: #e6b0fc;
    --colors-purple-07: #990cf2;
    --colors-purple-02: #f1ccfd;
    --colors-purple-01: rgba(188,94,247,0.149);
    --colors-purple-10: #25004d;
    --colors-red-09: #a9060d;
    --colors-red-08: #c20a16;
    --colors-red-07: #de1021;
    --colors-red-04: #ef7885;
    --colors-red-03: #f5a8b0;
    --colors-red-02: #f7bec5;
    --colors-red-06: #e52e43;
    --colors-red-05: #e94356;
    --colors-red-01: rgba(233,67,86,0.149);
    --colors-red-10: #8e0207;
    --colors-green-09: #006f41;
    --colors-green-08: #009150;
    --colors-green-05: #28dd7a;
    --colors-green-03: #82eeac;
    --colors-green-07: #00b25f;
    --colors-green-04: #54e691;
    --colors-green-06: #00d567;
    --colors-green-02: #b4f7cb;
    --colors-green-01: rgba(0,213,103,0.149);
    --colors-green-10: #004d2f;
    --colors-yellow-09: #c29313;
    --colors-yellow-08: #cb8a06;
    --colors-yellow-03: #ffd561;
    --colors-yellow-02: #ffeda4;
    --colors-yellow-07: #f2aa0a;
    --colors-yellow-06: #f2b818;
    --colors-yellow-05: #f5c646;
    --colors-yellow-04: #ffc63f;
    --colors-yellow-01: rgba(255,198,63,0.149);
    --colors-yellow-10: #85650d;
    --colors-orange-09: #853b22;
    --colors-orange-08: #aa471d;
    --colors-orange-06: #d35a36;
    --colors-orange-07: #c25631;
    --colors-orange-02: #fcc4a4;
    --colors-orange-05: #f77040;
    --colors-orange-04: #ff824d;
    --colors-orange-03: #f58964;
    --colors-orange-01: rgba(247,112,64,0.149);
    --colors-orange-10: #6a2b16;
    --colors-cyan-09: #0d5777;
    --colors-cyan-03: #83e6f9;
    --colors-cyan-02: #c7faff;
    --colors-cyan-08: #056a8c;
    --colors-cyan-07: #0790be;
    --colors-cyan-06: #0099bf;
    --colors-cyan-05: #00c4de;
    --colors-cyan-04: #6bdcf8;
    --colors-cyan-01: rgba(107,220,248,0.149);
    --colors-cyan-10: #00334d;
    --colors-alpha-b5: rgba(0,0,0,0.051);
    --colors-alpha-b25: rgba(0,0,0,0.251);
    --colors-alpha-b50: rgba(0,0,0,0.502);
    --colors-alpha-b75: rgba(0,0,0,0.749);
    --colors-alpha-b100: #000;
    --colors-alpha-w25: hsla(0,0%,100%,0.251);
    --colors-alpha-w50: hsla(0,0%,100%,0.502);
    --colors-alpha-w75: hsla(0,0%,100%,0.749);
    --colors-alpha-w100: #fff;
    --colors-alpha-b10: rgba(0,0,0,0.102);
    --colors-alpha-b80: rgba(0,0,0,0.8);
    --colors-alpha-b90: rgba(0,0,0,0.898);
    --colors-alpha-w5: hsla(0,0%,100%,0.051);
    --colors-alpha-w10: hsla(0,0%,100%,0.102);
    --colors-blue-09: #011a7d;
    --colors-blue-03: #7fbbff;
    --colors-blue-02: #a2d1ff;
    --colors-blue-01: rgba(57,136,255,0.251);
    --colors-blue-08: #0022ab;
    --colors-blue-07: #002cde;
    --colors-blue-06: #1b56ff;
    --colors-blue-05: #3166ff;
    --colors-blue-04: #3988ff;
    --colors-blue-10: #02195c;
    --colors-neutral-08: #292f47;
    --colors-neutral-06: #d1d4e1;
    --colors-neutral-05: #d9dcea;
    --colors-neutral-04: #e3e5f0;
    --colors-neutral-03: #eeeff8;
    --colors-neutral-02: #f3f5fb;
    --colors-neutral-white1: #fff;
    --colors-neutral-01: #fafbff;
    --colors-neutral-09: #252940;
    --colors-neutral-14: #101424;
    --colors-neutral-13: #14182b;
    --colors-neutral-12: #181d30;
    --colors-neutral-11: #1c2236;
    --colors-neutral-10: #20253b;
    --special-borders-divider: var(--colors-alpha-w25);
    --special-borders-stroke: var(--colors-alpha-w5);
    --special-font-b-disabled: var(--colors-alpha-b25);
    --special-font-b-placeholder: var(--colors-alpha-b50);
    --special-font-b-secondary: var(--colors-alpha-b75);
    --special-font-b-primary: var(--colors-alpha-b100);
    --special-font-w-disabled: var(--colors-alpha-w25);
    --special-font-w-placeholder: var(--colors-alpha-w50);
    --special-font-w-secondary: var(--colors-alpha-w75);
    --special-font-w-primary: var(--colors-alpha-w100);
    --special-toast-puple: var(--colors-gradient-puple-02);
    --special-toast-red: var(--colors-gradient-red-02);
    --special-toast-green: var(--colors-gradient-green-01);
    --special-toast-cyan: var(--colors-gradient-cyan-02);
    --special-toast-yellow: var(--colors-gradient-yellow-02);
    --special-toast-blue: var(--colors-gradient-blue-02);
    --special-tag-puple: var(--colors-gradient-puple-02);
    --special-tag-red: var(--colors-gradient-red-02);
    --special-tag-green: var(--colors-gradient-green-02);
    --special-tag-cyan: var(--colors-gradient-cyan-02);
    --special-tag-yellow: var(--colors-gradient-yellow-02);
    --special-tag-blue: var(--colors-gradient-blue-02);
    --special-button-secondarybrand-disabled: var(--colors-gradient-secondarybrand-10);
    --special-button-secondarybrand-active: var(--colors-gradient-secondarybrand-08);
    --special-button-secondarybrand-hover: var(--colors-gradient-secondarybrand-06);
    --special-button-secondarybrand: var(--colors-gradient-secondarybrand-04);
    --special-button-brand-disabled: var(--colors-gradient-brand-10);
    --special-button-brand-active: var(--colors-gradient-brand-08);
    --special-button-brand-hover: var(--colors-gradient-brand-06);
    --special-button-brand: var(--colors-gradient-brand-04);
    --special-button-ghost: var(--colors-alpha-w10);
    --special-button-secondarybrand-disabled-lighter: var(--colors-gradient-secondarybrand-09);
    --special-button-secondarybrand-active-lighter: var(--colors-gradient-secondarybrand-07);
    --special-button-secondarybrand-hover-lighter: var(--colors-gradient-secondarybrand-05);
    --special-button-secondarybrand-lighter: var(--colors-gradient-secondarybrand-03);
    --special-button-brand-disabled-lighter: var(--colors-gradient-brand-09);
    --special-button-brand-active-lighter: var(--colors-gradient-brand-07);
    --special-button-brand-hover-lighter: var(--colors-gradient-brand-05);
    --special-button-brand-lighter: var(--colors-gradient-brand-03);
    --borders-success: var(--colors-green-06);
    --borders-divider: var(--colors-alpha-w25);
    --borders-error: var(--colors-red-05);
    --borders-active: var(--colors-blue-06);
    --borders-border: var(--colors-alpha-w10);
    --borders-stroke: var(--colors-alpha-w5);
    --font-b-disabled: var(--colors-alpha-b25);
    --font-b-placeholder: var(--colors-alpha-b50);
    --font-b-secondary: var(--colors-alpha-b75);
    --font-b-primary: var(--colors-alpha-b100);
    --font-w-primary: var(--colors-alpha-w100);
    --font-w-disabled: var(--colors-alpha-w25);
    --font-w-placeholder: var(--colors-alpha-w50);
    --font-function-promotion-normal: var(--colors-yellow-04);
    --font-function-highlight-normal: var(--colors-cyan-04);
    --font-function-success-disabled: var(--colors-green-02);
    --font-function-success-active: var(--colors-green-07);
    --font-function-success-hover: var(--colors-green-05);
    --font-function-success-normal: var(--colors-green-06);
    --font-function-warning-disabled: var(--colors-orange-02);
    --font-function-warning-active: var(--colors-orange-06);
    --font-function-warning-hover: var(--colors-orange-04);
    --font-function-warning-normal: var(--colors-orange-05);
    --font-function-danger-disabled: var(--colors-red-02);
    --font-function-danger-active: var(--colors-red-06);
    --font-function-danger-hover: var(--colors-red-04);
    --font-function-danger-normal: var(--colors-red-05);
    --font-w-secondary: var(--colors-alpha-w75);
    --font-brand-disabled: var(--colors-brand-02);
    --font-brand-active: var(--colors-brand-05);
    --font-brand-hover: var(--colors-brand-03);
    --font-brand-normal: var(--colors-brand-04);
    --background-noticebar-warning: var(--colors-orange-01);
    --background-badge: var(--colors-red-05);
    --background-noticebar-success: var(--colors-green-01);
    --background-noticebar-promotion: var(--colors-yellow-01);
    --background-noticebar-error: var(--colors-red-01);
    --background-secondarycomponent-active: var(--colors-neutral-08);
    --background-secondarycomponent-hover: var(--colors-neutral-09);
    --background-secondarycomponent: var(--colors-neutral-10);
    --background-container-active-select: var(--colors-neutral-09);
    --background-page: var(--colors-neutral-14);
    --background-secondarycontainer-hover: var(--colors-neutral-11);
    --background-component-active: var(--colors-neutral-09);
    --background-secondarycontainer-active: var(--colors-neutral-09);
    --background-container-hover: var(--colors-neutral-12);
    --background-toast: var(--colors-alpha-b90);
    --background-container-active: var(--colors-neutral-10);
    --background-container: var(--colors-neutral-13);
    --background-secondarycontainer: var(--colors-neutral-12);
    --background-component: var(--colors-neutral-11);
    --background-component-disabled: var(--colors-neutral-12);
    --background-component-hover: var(--colors-neutral-10);
    --other-mask-w-component: var(--colors-alpha-w10);
    --other-mask-b-component: var(--colors-alpha-b10);
    --other-mask-page: var(--colors-alpha-b80);
    --other-decoration-light: var(--colors-brand-04);
    --other-decoration-dark: var(--colors-brand-06)
}

: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,0.3)
}

:root {
    --bg-color-transparent: rgba(0,0,0,0);
    --bg-color-page: var(--background-container);
    --bg-color-area: var(--background-secondarycontainer);
    --bg-color-card: var(--background-component);
    --bg-color-card-hover: var(--background-secondarycomponent-hover);
    --bg-color-popover: var(--background-secondarycomponent);
    --bg-color-footer: var(--background-page);
    --function-color-component: var(--colors-alpha-b100);
    --function-color-mask: var(--colors-alpha-b75);
    --function-color-border: var(--borders-border);
    --function-color-divider: var(--borders-stroke);
    --brand-login-color: var(--brand-login-text);
    --brand-color: linear-gradient(to bottom right,var(--colors-cyan-05) 0%,var(--colors-blue-06));
    --brand-color-hover: linear-gradient(to bottom right,var(--colors-cyan-04) 0%,var(--colors-blue-05));
    --brand-color-click: linear-gradient(to bottom right,var(--colors-cyan-07) 0%,var(--colors-blue-07));
    --brand-color-disable: linear-gradient(to bottom right,var(--colors-cyan-08) 0%,var(--colors-blue-08));
    --brand2-color: linear-gradient(to bottom right,var(--colors-yellow-06) 0%,var(--colors-orange-05));
    --brand2-color-hover: linear-gradient(to bottom right,var(--colors-yellow-05) 0%,var(--colors-orange-03));
    --brand2-color-click: linear-gradient(to bottom right,var(--colors-yellow-05) 0%,var(--colors-orange-06));
    --brand2-color-disable: linear-gradient(to bottom right,var(--colors-yellow-10) 0%,var(--colors-orange-09));
    --bg-badge: var(--background-badge);
    --bg-noticebar-green: var(--background-noticebar-green);
    --bg-noticebar-yellow: var(--background-noticebar-yellow);
    --bg-noticebar-red: var(--background-noticebar-red);
    --bg-secondarycomponent-active: var(--background-secondarycomponent-active);
    --bg-secondarycomponent-hover: var(--background-secondarycomponent-hover);
    --bg-secondarycomponent: var(--background-secondarycomponent);
    --bg-container-active-select: var(--background-container-active-select);
    --bg-page: var(--background-page);
    --bg-secondarycontainer-hover: var(--background-secondarycontainer-hover);
    --bg-component-active: var(--background-component-active);
    --bg-secondarycontainer-active: var(--background-secondarycontainer-active);
    --bg-container-hover: var(--background-container-hover);
    --bg-toast: var(--background-toast);
    --bg-container-active: var(--background-container-active);
    --bg-container: var(--background-container);
    --bg-secondarycontainer: var(--background-secondarycontainer);
    --bg-component: var(--background-component);
    --bg-component-disabled: var(--background-component-disabled);
    --bg-component-hover: var(--background-component-hover);
    --bg-other-mask-w-component: var(--other-mask-w-component);
    --bg-other-mask-b-component: var(--other-mask-b-component);
    --text-color-black: #000;
    --text-color-primary: var(--font-w-primary);
    --text-color-secondary: var(--font-w-secondary);
    --text-color-hint: var(--font-w-placeholder);
    --text-color-disable: var(--font-w-disabled);
    --text-color-link: var(--font-brand-normal);
    --text-color-highlight: var(--font-function-highlight-normal);
    --text-color-promotion: var(--font-function-promotion-normal);
    --text-color-error: var(--font-function-danger-normal);
    --text-color-warning: var(--font-function-warning-normal);
    --text-special-color-primary: var(--special-font-w-primary);
    --text-special-color-secondary: var(--special-font-w-secondary);
    --text-special-color-hint: var(--special-font-w-placeholder);
    --text-special-color-disable: var(--special-font-w-disabled);
    --blue: var(--colors-blue-05);
    --cyan: var(--colors-cyan-04);
    --green: var(--colors-green-06);
    --red: var(--colors-red-05);
    --orange: var(--colors-orange-05);
    --yellow: var(--colors-yellow-04);
    --purple: var(--colors-purple-06);
    --pink: var(--pink);
    --color-special-brand: linear-gradient(to bottom right,var(--special-button-brand-lighter) 0%,var(--special-button-brand));
    --color-special-brand-hover: linear-gradient(to bottom right,var(--special-button-brand-hover-lighter) 0%,var(--special-button-brand-hover));
    --color-special-brand-active: linear-gradient(to bottom right,var(--special-button-brand-active-lighter) 0%,var(--special-button-brand-active));
    --color-special-brand-disabled: linear-gradient(to bottom right,var(--special-button-brand-disabled-lighter) 0%,var(--special-button-brand-disabled));
    --color-special-secondarybrand: linear-gradient(to bottom right,var(--special-button-secondarybrand-lighter) 0%,var(--special-button-secondarybrand));
    --color-special-secondarybrand-hover: linear-gradient(to bottom right,var(--special-button-secondarybrand-hover-lighter) 0%,var(--special-button-secondarybrand-hover));
    --color-special-secondarybrand-active: linear-gradient(to bottom right,var(--special-button-secondarybrand-active-lighter) 0%,var(--special-button-secondarybrand-active));
    --color-special-secondarybrand-disabled: linear-gradient(to bottom right,var(--special-button-secondarybrand-disabled-lighter) 0%,var(--special-button-secondarybrand-disabled));
    --color-special-tag-blue: linear-gradient(to bottom right,var(--colors-gradient-blue-01) 0%,var(--colors-gradient-blue-02));
    --color-special-tag-yellow: linear-gradient(to bottom right,var(--colors-gradient-yellow-01) 0%,var(--colors-gradient-yellow-02));
    --color-special-tag-yellow-rtl: linear-gradient(to bottom left,var(--colors-gradient-yellow-01) 0%,var(--colors-gradient-yellow-02));
    --color-special-tag-cyan: linear-gradient(to bottom right,var(--colors-gradient-cyan-01) 0%,var(--colors-gradient-cyan-02));
    --color-special-tag-green: linear-gradient(to bottom right,var(--colors-gradient-green-01) 0%,var(--colors-gradient-green-02));
    --color-special-tag-green-rtl: linear-gradient(to bottom left,var(--colors-gradient-green-01) 0%,var(--colors-gradient-green-02));
    --color-special-tag-red: linear-gradient(to bottom right,var(--colors-gradient-red-01) 0%,var(--colors-gradient-red-02));
    --color-special-tag-purple: linear-gradient(to bottom right,var(--colors-purple-03) 0%,var(--colors-purple-04));
    --color-special-toast-blue: linear-gradient(to bottom right,var(--colors-gradient-blue-01) 0%,var(--colors-gradient-blue-02));
    --color-special-toast-yellow: linear-gradient(to bottom right,var(--colors-gradient-yellow-01) 0%,var(--colors-gradient-yellow-02));
    --color-special-toast-cyan: linear-gradient(to bottom right,var(--colors-gradient-cyan-01) 0%,var(--colors-gradient-cyan-02));
    --color-special-toast-green: linear-gradient(to bottom right,var(--colors-gradient-green-01) 0%,var(--colors-gradient-green-02));
    --color-special-toast-red: linear-gradient(to bottom right,var(--colors-gradient-red-01) 0%,var(--colors-gradient-red-02));
    --color-special-toast-purple: linear-gradient(to bottom right,var(--colors-purple-01) 0%,var(--colors-purple-02));
    --input-color-disable: var(--black6);
    --divider-color: var(--borders-divider);
    --other-mask-page: var(--other-mask-page);
    --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;
    --vh: 1vh;
    --scroll: var(--bg-secondarycomponent);
    --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: #fff;
    --v0-light: var(--v1-light);
    --v0-dark: var(--v1-dark);
    --v0-tilt: linear-gradient(to bottom right,#878d9f 0%,#616676);
    --v1-tilt: linear-gradient(to bottom right,#f4ba8b 0%,#bc6759);
    --v2-tilt: linear-gradient(to bottom right,#62cad4 0%,#1b8f9a);
    --v3-tilt: linear-gradient(to bottom right,#879ce8 0%,#5164a8);
    --v4-tilt: linear-gradient(to bottom right,#f2d056 0%,#e5941b);
    --v5-tilt: linear-gradient(to bottom right,#53deeb 0%,#00a5c6);
    --v6-tilt: linear-gradient(to bottom right,#9aaffb 0%,#4c6ee7);
    --v7-tilt: linear-gradient(to bottom right,#d680ff 0%,#8351d3);
    --v8-tilt: linear-gradient(to bottom right,#ff4acc 0%,#4950fa)
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop {
    border-radius: var(--border-radius-lg);
    overflow: hidden
}

.pop-mode-box .pop-mode.online-support-pop .title-box {
    padding: 20px 0
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p {
    line-height: var(--line-height-h2)
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop {
    width: 824px;
    padding-bottom: 0
}

.pop-mode-box .pop-mode.online-support-pop .title-box {
    padding: 24px 0;
    position: relative
}

.pop-mode-box .pop-mode.online-support-pop:not(.select-saving-card-pop,.pay-plan-pop) .title-box {
    padding: 24px 0
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p {
    padding-left: 68px;
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p img {
    height: 30px;
    display: inline-block;
    margin-right: 20px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .close-btn {
    right: 33px;
    transform: translateY(-50%);
    top: 50%
}

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

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .mess {
    height: 450px;
    overflow-y: auto;
    text-align: left;
    padding-top: 32px;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box {
    width: 100%;
    overflow: hidden
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
    margin-bottom: 20px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .use-pic {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .use-pic img {
    width: 40px;
    height: 40px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box {
    flex: 1
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .name {
    color: var(--text-color-secondary);
    font-size: var(--font-size-h6);
    line-height: 16px;
    margin-bottom: 8px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc {
    padding-bottom: 0
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .desc-text {
    background: var(--bg-component);
    border-radius: 0 12px 12px;
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    width: auto;
    padding: 12px 16px;
    display: inline-block
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc {
    border-radius: 0 12px 12px;
    background: var(--bg-component);
    padding: 12px 16px;
    display: inline-block
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc .label {
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    margin-bottom: 8px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc .todo-list {
    width: 100%;
    margin-bottom: 12px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc .todo-list li {
    margin-bottom: 8px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc .todo-list li:last-child {
    margin-bottom: 0
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc .todo-list li a {
    color: var(--text-color-link);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    cursor: pointer
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item.my-item .mess-box .desc .desc-text {
    border-radius: 12px 0 12px 12px;
    background: var(--bg-component-active);
    color: var(--text-color-primary);
    float: right
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .chat-item-box .item .mess-box .desc .card-desc .btn {
    height: 46px;
    border-radius: var(--border-radius-md);
    background: var(--brand-color);
    width: 100%;
    color: var(--text-color-primary);
    font-size: var(--font-size-h6);
    text-align: center;
    line-height: 46px;
    cursor: pointer
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box {
    padding: 12px 68px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid var(--function-color-divider);
    background: var(--bg-secondary-container);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box {
    flex: 1;
    border-radius: var(--border-radius-round)
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input {
    height: 100%;
    border-radius: 23px;
    opacity: 1;
    width: 100%;
    box-sizing: border-box;
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    padding: 0 16px
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .post-picture {
    margin-left: 12px;
    width: 46px;
    height: 46px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAP1BMVEX///////////////////////////9HcEz////////////////////////////////////////////////////UZnm6AAAAFHRSTlMBQI/t9wkzAALMFeKz15pjIk+nfDrRNuUAAAJESURBVEjHpVbZdoQgDI3IJuA6/P+3NiSCoMx0epqH1sFcktxsgukJWBTov+oq81MXdD9hZeW2zSmGwydAUne7CNPs/TwFsSMI4C0ArFGDGGMl46KtyS7eAXiugyQ9ScKPQTeIC4DXC9KZxKqdUk7vYiKMcMY+AXh9ei3FoApboIaDrtAXAor+kJwPGwaJmkk4FzpBxqEgoNYfVzAN90TqOtYIyP7gqR9aQjIVg0dE9gr4j0P/PZ4VD0u6iTxETCrrkgHR+Hk3Qv4u/BrYIQxsrfTta1leUCV0Rf74QqDchxiP+n47xzjbugRQI1CVABmQUeo6ORZDmuoLzIY5JROEWZKBuqruAI5SsDYYNZ7oT4ABaXGkbs1+kfYOgLfi0Y7KkK01lD4BRSsBAmM/AQwxGxKAjGWOrELBJCf7Ez2k32fxSHIcbbk5Ssf8vsbUmihIokz/vffji9l0Ms7YGAjYfJQpZnxcYkcWBigZ/dYAzLeA2iXyp3IJZb651AZ9Sgm6lPkVNNO6/k7rftL6XeJMk7g/lgaG823xEfkJ/fCpY+FI/OYGQrTcmo57NFDpsdKiwVQD6dmiR9WibKJhFtIQsG2pRp2HwFkTb8cM8JgR15g5SXszyOAcZK4aZJ1RCfBpVF7D+LbUcIIb6A3j7Gc8NI37PO/Rzha6474slHjkhULbdKCl1FsoCeFE5JW188paeWVJoXoryySK/rQUiRCrl3btppXX7Pbb1safql7sztyX0v3DgG+7Ph0eO+zfHye/fv78AA/lTJXO+J4lAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 24px 24px;
    cursor: pointer
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input::-webkit-input-placeholder {
    color: var(--text-color-secondary)
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input:-moz-placeholder,.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input::-moz-placeholder {
    color: var(--text-color-secondary)
}

.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input:-ms-input-placeholder {
    color: var(--text-color-secondary)
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop {
    width: 824px;
    padding-bottom: 0;
    border-radius: var(--border-radius-lg);
    overflow: hidden
}

.pop-mode-box .pop-mode.feedback-questions-pop:not(.select-saving-card-pop,.pay-plan-pop) .title-box {
    position: relative
}

.pop-mode-box .pop-mode.feedback-questions-pop:not(.select-saving-card-pop,.pay-plan-pop) .title-box p {
    padding-left: 68px;
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pop-mode-box .pop-mode.feedback-questions-pop .title-box p img {
    height: 30px;
    display: inline-block;
    margin-right: 20px
}

.pop-mode-box .pop-mode.feedback-questions-pop .close-btn {
    right: 33px;
    transform: translateY(-50%);
    top: 50%
}

.pop-mode-box .pop-mode.feedback-questions-pop .mess {
    height: 573px;
    overflow-y: auto;
    text-align: left;
    padding-top: 32px;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box {
    width: 100%;
    display: table;
    word-spacing: -1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item {
    width: 48.6%;
    margin-top: 24px;
    position: relative;
    display: inline-block;
    *display: inline;
    word-spacing: 0;
    vertical-align: top
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item.max-item {
    width: 100%
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:first-child,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:not(.max-item):nth-child(2) {
    margin-top: 0
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:nth-child(2n) {
    float: right
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box.other-form-item-box .item {
    float: left
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box.other-form-item-box .item:nth-child(2n-1) {
    float: right
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box.other-form-item-box .item,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box.other-form-item-box .item:not(.max-item):nth-child(2) {
    margin-top: 24px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box.other-form-item-box .item:first-child {
    margin-top: 0
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .label {
    color: var(--text-color-primary);
    font-size: var(--font-size-h6);
    line-height: 16px;
    margin-bottom: 12px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .label span {
    color: var(--text-color-error);
    margin-left: 4px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box {
    width: 100%;
    box-sizing: border-box;
    padding: 1px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.active {
    background: var(--brand-color)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box input {
    border-radius: 2px;
    opacity: 1;
    height: 100%;
    background: var(--bg-component);
    border-radius: var(--border-radius-sm)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box input::-webkit-input-placeholder,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box textarea::-webkit-input-placeholder {
    color: var(--text-color-disable)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box input:-moz-placeholder,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box input::-moz-placeholder,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box textarea:-moz-placeholder,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box textarea::-moz-placeholder {
    color: var(--text-color-disable)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box input:-ms-input-placeholder,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box textarea:-ms-input-placeholder {
    color: var(--text-color-disable)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box {
    padding: 1px;
    width: 100%;
    height: 98px;
    background: var(--bg-component);
    box-sizing: border-box;
    position: relative;
    border-radius: var(--border-radius-sm)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box.active {
    background: var(--brand-color)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 11px 15px 41px 12px;
    resize: none;
    color: var(--text-color-primary);
    background: var(--bg-component);
    border-radius: var(--border-radius-sm);
    border: none
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box .length {
    position: absolute;
    color: var(--text-color-disable);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    right: 16px;
    bottom: 12px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .label .custom_img_top {
    display: inline-block;
    font-size: var(--font-size-h6);
    line-height: 16px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .label .custom_img_top p {
    font-size: var(--font-size-h6);
    line-height: 16px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .label .custom_img_top p span {
    margin-left: 0;
    color: var(--text-color-primary)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .label span.xtips {
    font-size: var(--font-size-h6);
    line-height: 16px;
    color: var(--text-color-secondary)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .custom_img {
    width: 100%
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .custom_sub {
    width: 3rem;
    height: .8rem;
    background-color: #418bfb;
    border-radius: .8rem;
    font-size: .4rem;
    color: var(--text-color-primary);
    line-height: .8rem;
    display: block;
    margin: .6rem auto 0
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img {
    width: 98px;
    height: 98px;
    background: var(--bg-component);
    position: relative;
    cursor: pointer;
    float: left;
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    overflow: hidden;
    margin-left: 12px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img:first-child {
    margin-left: 0
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img_wrap {
    width: 100%
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item #imgBox {
    float: left;
    position: relative;
    display: flex
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer {
    display: inline-block;
    background: var(--bg-component);
    width: 98px;
    height: 98px;
    position: relative;
    margin-right: 20px;
    float: left;
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    overflow: hidden
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer:nth-child(3) {
    margin-right: 0
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer img {
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    display: block
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img_wrap .imgDelete {
    width: 22px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    -webkit-transform: translate(0);
    border-radius: 0 0 0 var(--border-radius-sm);
    overflow: hidden
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer p {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 30px;
    background: #000;
    text-align: center;
    line-height: 30px;
    color: var(--text-color-primary);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: none
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer:hover p {
    display: block
}

.pop-mode-box .pop-mode.feedback-questions-pop .btn-box {
    width: 100%;
    overflow: hidden;
    margin-top: 32px;
    margin-bottom: 32px
}

.pop-mode-box .pop-mode.feedback-questions-pop .btn-box .submit-btn {
    min-width: 162px;
    height: 52px;
    background: var(--brand-color);
    color: var(--text-color-primary);
    font-size: var(--font-size-h5);
    text-align: center;
    line-height: 52px;
    float: right;
    cursor: pointer;
    border-radius: var(--border-radius-sm)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list {
    position: relative;
    background: var(--bg-component)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list.active {
    background: var(--brand-color)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    z-index: 9;
    display: none;
    box-shadow: 0 12px 24px rgba(0,0,0,.10196078431372549)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box .title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: var(--font-size-h6);
    color: hsla(0,0%,100%,.6);
    letter-spacing: 0;
    border-bottom: 1px solid var(--function-color-divider);
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 0;
    overflow: hidden;
    background: var(--bg-component)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box .card-num-box {
    box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
    overflow: hidden;
    background: var(--bg-component);
    max-height: 260px;
    overflow-y: auto
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box .card-num-box .list-item {
    width: auto;
    height: 20px;
    padding: 14px 16px;
    position: relative;
    cursor: pointer;
    background: var(--bg-component)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box .card-num-box .list-item.selected {
    background: var(--bg-component-active);
    border-radius: var(--border-radius-sm)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box .card-num-box .list-item.selected:after {
    display: none
}

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

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

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box .card-num-box .list-item.add-list-item img {
    width: 12px;
    height: auto;
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 22px
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val.open:after {
    -webkit-transform: translate(-50%,-50%) rotate(0deg)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val.disable {
    position: relative;
    background-color: var(--bg-component-disabled)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val.disable:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMBAMAAACZySCyAAAAElBMVEVHcEyampqenp6ZmZmZmZmZmZkirxipAAAABXRSTlMA6hWqVS6tN24AAAA4SURBVAjXLckxDQAxDAQwD0FQBgGRvRxe4U/lh+tmyWZ3d/fTwVHBZTJyh9yFydAZ6g2Toc9DXfxxcg/xSaJWlwAAAABJRU5ErkJggg==) no-repeat 50%!important;
    background-size: 8px 6px!important;
    transform: translate(0)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val.disable .card-val {
    color: var(--text-color-hint)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box {
    background: var(--bg-component);
    border: none;
    position: relative
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.y-input-val {
    background: var(--bg-component)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background: var(--bg-component);
    border-radius: var(--border-radius-sm)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val .card-val {
    line-height: 50px;
    font-size: var(--font-size-h4);
    color: var(--text-color-primary);
    letter-spacing: 0;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box .input-val:after {
    content: " ";
    width: 8px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAKlBMVEX///9HcEz///////////////////////////////////////////////824ym1AAAADnRSTlP/ABYtpnPvQeIH0r6MWcEZOsoAAAA/SURBVAjXYxAUFLwLxAyCgkJpimBammEjmA5gYAXRwgwMDIZAehaQXgmkDwBpHkEGcQYQKGTQANNNDA5gmgUAaoMH+S7AF1UAAAAASUVORK5CYII=) no-repeat 50%;
    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 .pop-mode.feedback-questions-pop .form-item-box .item .input-box input {
    padding: 0 16px;
    color: var(--text-color-primary);
    width: 100%;
    box-sizing: border-box;
    font-size: var(--font-size-h4)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box input::placeholder {
    color: var(--text-color-hint)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.error .error-close {
    content: " ";
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAJ1BMVEVHcEz/QgD/PwD/PgD/PgD/QAD/PwD/PwD/QAD/QQD/RgD/PwD/PgBdsliqAAAADHRSTlMAI+Pv2TGBvlQ/IcdWL8NJAAAArUlEQVQY011RsQ4BURAcCQkqkfgA0V4lFOQKiVZBtHqNWqW4T7jED0j8huruUJiPsrsuyEy1s7O7b3ceYGjtl5PjGjXaKxqq7MO6NwZel6Bn1pg56/CL3Oj1R+dGrXPs8ci6bSxZbhKyGKRkhiY5RZ8cYksusPOokRQ9z91xsDoLPUU+cGLIIfIJX9DkEFkhZcghslQqxTJKHpI1ZEk5QQ7U88UcsU6NFdv/P+UN6jS240gZ7RUAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.send-code-input-box.error .error-close {
    right: 133px
}

.input-box.disable .input-val .card-val,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.disable input {
    color: hsla(0,0%,100%,.4)
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .error-tips {
    font-size: var(--font-size-h6);
    color: var(--text-color-error);
    line-height: 20px;
    display: block;
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.disable .input-val:after {
    display: none
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .input-box.disable {
    background: var(--bg-component-disabled);
    border: none;
    position: relative;
    opacity: .6;
    overflow: hidden
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .other-tips {
    margin-top: 12px;
    width: 100%;
    overflow: hidden;
    color: var(--text-color-secondary);
    font-size: var(--font-size-h6);
    line-height: 16px
}

.pop-mode-box .pop-mode.feedback-questions-pop .back-btn {
    top: 50%;
    transform: translateY(-50%);
    left: 35px
}

.pop-mode-box .pop-mode.feedback-questions-pop .title-box {
    padding: 24px 0;
    position: relative
}

.pop-mode-box .pop-mode.feedback-questions-pop:not(.select-saving-card-pop,.pay-plan-pop) .title-box {
    padding: 24px 0
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box p {
    padding-left: 68px;
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box p img {
    height: 30px;
    display: inline-block;
    margin-right: 20px
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .close-btn {
    right: 33px;
    top: 50%;
    transform: translateY(-50%)
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .confirm-btn {
    width: 16px;
    height: 16px;
    right: 33px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAjq4XEqS1BtL8V4WV4n/BUi+7SOs5AAAAZElEQVQY033OWQ6AIAxFUUQRB1Ts/hdraQEZqnw15yYvKCW84bglVg5ALOhYhJ3g4D7c/PlkvOwLrFvyvdi58EqldAqxsGvLAadiOSvPxbeeC/lsy7+PVHp/S+up9M5F8lB07Q+HXQj6uAe3YwAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: contain;
    cursor: pointer
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess {
    padding-top: 24px;
    padding-bottom: 85px
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess .pop-bottom-btn {
    box-sizing: border-box;
    padding: 16px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--function-color-divider);
    width: 100%;
    background: var(--bg-component)
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess .pop-bottom-btn .submit-btn {
    width: 220px;
    height: 52px;
    border-radius: 6px;
    background: var(--brand-color);
    text-align: center;
    line-height: 52px;
    color: var(--text-color-primary);
    font-family: Arial;
    margin: auto
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .view-more {
    display: flex;
    align-items: center;
    color: var(--text-color-link);
    font-size: var(--font-size-h6);
    font-family: Arial;
    line-height: var(--line-height-h6);
    margin: 24px auto;
    width: fit-content;
    cursor: pointer
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .view-more img {
    width: 8px;
    margin-left: 4px
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box {
    display: flex;
    flex-wrap: wrap
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item {
    position: relative;
    width: calc(50% - 8px);
    height: 180px;
    margin-right: 16px;
    padding: 1px;
    border-radius: 6px;
    background: var(--bg-component);
    margin-bottom: 16px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: var(--border-radius-md)
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont-box {
    background: var(--bg-component);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 18px;
    border-radius: var(--border-radius-md)
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item.active {
    background: var(--brand-color)
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item:nth-child(2n) {
    margin-right: 0
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item:last-child {
    margin-bottom: 0
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont {
    display: flex;
    margin-bottom: 8px
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont:last-child {
    margin-bottom: 0
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .label {
    flex-shrink: 0;
    width: 82px;
    margin-right: 16px;
    color: var(--text-color-hint);
    font-size: var(--font-size-h6);
    font-family: Arial;
    line-height: var(--line-height-h6)
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .data {
    flex-grow: 1;
    color: var(--text-color-primary);
    font-size: var(--font-size-h6);
    font-family: Arial;
    line-height: var(--line-height-h6);
    word-break: break-all;
    display: flex;
    align-items: center
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .data img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .data.error,.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .data.warnning {
    color: var(--text-color-error)
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .data.success {
    color: #00d567
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop {
    width: 824px;
    padding-bottom: 0;
    border-radius: var(--border-radius-lg);
    overflow: hidden
}

.pop-mode-box .pop-mode.feedback-order-problem-pop .title-box {
    padding: 24px 0;
    position: relative
}

.pop-mode-box .pop-mode.feedback-order-problem-pop:not(.select-saving-card-pop,.pay-plan-pop) .title-box {
    padding: 24px 0
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .title-box p {
    padding-left: 68px;
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .close-btn {
    right: 33px;
    top: 50%;
    transform: translateY(-50%)
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .mess {
    height: 521px;
    overflow-y: auto;
    text-align: left;
    padding-top: 32px;
    box-sizing: border-box
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block {
    text-align: center;
    width: 335px;
    overflow: hidden;
    margin: 0 auto
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .icon.success-icon {
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: cover
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .label {
    color: var(--text-color-primary);
    font-size: var(--font-size-h2);
    font-family: dinm;
    text-align: center;
    line-height: var(--line-height-h2);
    letter-spacing: 1px;
    width: 100%;
    margin-bottom: 16px
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .desc {
    color: var(--text-color-secondary);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    margin-bottom: 32px
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .btn-wraps {
    width: 100%;
    padding: 0
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .btn-wraps .btn {
    width: 100%
}

.pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block .btn-wraps .ghost {
    margin-top: 16px
}

@media screen and (max-width: 1000px) {
    .abnormal {
        transform:translate(-50%,-50%) scale(1)
    }
}

@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
    }

    .bind-result-pop .pop-mode .mess {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop {
        height:100vh;
        width: 100%;
        border-radius: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .mess {
        padding: 48px 20px 0;
        height: calc(100vh - 64px)
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .title-box {
        padding: 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .title-box p {
        padding-left: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .close-btn {
        right: 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode .back-btn {
        margin-top: 12px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .title-box p,.pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box p,.pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3)
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .back-btn {
        margin-top: 12px;
        position: relative
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop {
        height: 100vh;
        width: 100%;
        border-radius: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .mess {
        padding: 20px 20px 0;
        height: calc(100vh - 141px)
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box {
        padding: 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p {
        padding-left: 0;
        line-height: 24px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .close-btn {
        right: 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .title-box p img {
        height: 24px;
        margin-right: 12px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .input-box input {
        height: 38px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box {
        padding: 12px 16px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.online-support-pop .tool-box .post-picture {
        height: 38px;
        width: 24px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop {
        height: 100%;
        width: 100%;
        border-radius: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .mess {
        padding: 20px 20px 0;
        height: calc(100% - 65px)
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box {
        padding: 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .title-box p {
        padding-left: 0;
        line-height: 24px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .close-btn {
        right: 20px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item {
        width: 100%;
        margin-top: 24px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:not(.max-item):nth-child(2),.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item:nth-child(2) {
        margin-top: 24px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .textarea-box {
        height: 120px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box {
        margin-bottom: 24px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer,.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img {
        width: 72px;
        height: 72px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .imgContainer {
        margin-right: 16px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .upload_img img {
        width: 18px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box {
        margin-top: 24px
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box .submit-btn {
        width: 100%
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .back-btn {
        margin-top: 12px;
        position: relative
    }

    .pop-mode-box .pop-mode.feedback-questions-pop .btn-box .submit-btn {
        height: 46px;
        line-height: 46px
    }

    .record-invoice-pop {
        width: 100%;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        transform: unset;
        background: var(--bg-container);
        overflow-y: hidden;
        padding: 0
    }

    .record-invoice-pop.show {
        transform: unset
    }

    .record-invoice-pop .detailt-box {
        height: calc(100vh - 214px);
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 78px;
        overflow-y: auto
    }

    .record-invoice-pop .close-btn,.record-invoice-pop .pop-title {
        display: block
    }

    .record-invoice .bottom-zz-bg {
        box-sizing: border-box;
        top: auto;
        width: 100%;
        bottom: 0;
        height: 78px;
        padding: 16px 20px;
        background: rgba(0,0,0,0)
    }

    .pop-mode-box .pop-mode .btn-wrap .btn {
        height: 46px;
        line-height: 46px
    }

    .record-invoice .bottom-zz-bg .btn-wrap .btn.down-btn p {
        color: #fff;
        padding: 32px 0 0
    }

    .record-invoice .bottom-zz-bg .btn-wrap .btn.down-btn p:before {
        width: 26px;
        height: 26px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-questions-pop .confirm-btn {
        right: 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess {
        padding: 16px 20px 78px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess .pop-bottom-btn {
        padding: 16px 20px
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-choose-order-pop .mess .pop-bottom-btn .submit-btn {
        width: 100%
    }

    .pop-mode-box .pop-mode.feedback-choose-order-pop .view-more {
        margin: 16px auto
    }

    .pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-left: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode.feedback-order-problem-pop .success-block {
        width: auto
    }

    .pop-mode-box .close-btn {
        width: 24px;
        height: 24px;
        right: 6px;
        top: 6px
    }

    .pop-mode-box .mds-pop-con .close-btn {
        width: 12.5px;
        height: 12.5px;
        right: 13px;
        top: 13px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .n-box {
        height: 46px;
        margin-bottom: 12px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .box .input-box.have-select-input-box .select-input .li.active:after,.pop-mode-box .pop-mode.bind-guide-pop .box .select-box .select-input-box .li.active:after {
        width: 16px;
        height: 16px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .box .btn {
        line-height: 44px;
        font-size: var(--font-size-h5)
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess>div {
        margin-bottom: 20px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .box .input {
        font-size: var(--font-size-h5)
    }

    .pop-mode-box .pop-mode.bind-guide-pop .close-btn {
        width: 28px;
        height: 28px;
        top: 16px;
        right: 16px;
        background-size: 12px 12px;
        background-position: 50% 50%
    }

    .pop-mode-box .pop-mode .btn-wrap .btn {
        font-size: var(--font-size-h5)
    }

    .bind-result-pop .pop-mode .close-btn {
        width: 28px;
        height: 28px;
        top: 19px;
        right: 16px;
        border-radius: 0 0 0 6px;
        background-size: 12px 12px;
        background-position: 50% 50%
    }

    .pop-mode-box .pop-mode.bind-guide-pop .back {
        top: 20px;
        left: 16px;
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .pop-mode-box .pop-mode.bind-guide-pop .back-btn {
        background-size: 12px 12px;
        width: 12px;
        height: 12px;
        left: 20px;
        top: 25px;
        font-size: 14px;
        line-height: 22px;
        background-size: 14px 14px
    }

    .bind-result-pop .pop-mode,.pop-mode-box .pop-mode.bind-guide-pop {
        width: 100%;
        height: 100%;
        max-height: unset;
        border-radius: 0;
        transform: translate(0);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .bind-result-pop .pop-mode .result-head {
        width: 60px;
        height: 60px;
        margin-bottom: 16px
    }

    .bind-result-pop .pop-mode .title-box p {
        font-size: 18px;
        line-height: 24px
    }

    .bind-result-pop .pop-mode .mess p {
        font-size: 14px;
        line-height: 22px
    }

    .bind-result-pop .pop-mode .mess p span {
        vertical-align: baseline
    }

    .bind-result-pop .pop-mode .mess .tip-bar,.bind-result-pop .pop-mode .mess .tip-bar span {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .bind-result-pop .pop-mode .mess .tip-bar span img {
        width: 14px;
        height: 14px
    }

    .bind-result-pop .pop-mode {
        padding: 80px 20px 24px
    }

    .bind-result-pop .pop-mode .title-box {
        margin-top: 0;
        margin-bottom: 16px
    }

    .bind-result-pop .pop-mode .mess {
        margin-bottom: 16px
    }

    .account-hint-pop .pop-mode.mds-pop-con .desc-box {
        margin-bottom: 24px
    }

    .bind-result-pop .pop-mode .midas-logo,.pop-mode-box .pop-mode.bind-guide-pop .midas-logo {
        display: block;
        width: 90.5px;
        height: 18px;
        top: 20px;
        left: 20px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .title-box,.pop-mode-box .pop-mode.bind-guide-pop.verification-pop .title-box {
        padding: 68px 20px 0
    }

    .pop-mode-box .pop-mode.bind-guide-pop .title-box p {
        margin: 0;
        font-size: 20px;
        line-height: 28px
    }

    .pop-mode-box .pop-mode.bind-guide-pop.back-pop .midas-logo {
        display: none
    }

    .pop-mode-box .pop-mode.bind-guide-pop .back-btn {
        display: block
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess {
        padding: 12px 20px 48px;
        max-height: calc(100vh - 108px)
    }

    .tips-code {
        margin-top: 8px;
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box.bind-result-pop .ques-text,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .ques-text {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6);
        padding: 0;
        display: block;
        border-radius: 0;
        background: unset
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .sub-text,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .user-account {
        font-size: 14px;
        line-height: 22px
    }

    .advertising-bar {
        padding-top: 8px
    }

    .swiper-container-vertical>.swiper-wrapper {
        padding-top: 0
    }

    .advertising-bar .list {
        height: 40px!important;
        padding: 8px 12px 8px 68px;
        font-size: 14px;
        line-height: 22px
    }

    .advertising-bar .list img {
        width: 48px;
        height: 48px
    }

    .advertising-bar .point-box {
        top: 50%
    }

    .pop-mode-box.bind-result-pop .pop-mode .ques-text .ques-bubble,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .ques-text .ques-bubble {
        margin-top: 12px;
        width: 100%;
        background: var(--bg-secondarycontainer);
        border-radius: var(--border-radius-md)
    }

    .pop-mode-box.bind-result-pop .pop-mode .ques-text .ques-bubble .title,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .ques-text .ques-bubble .title {
        font-size: var(--font-size-h6);
        line-height: 16px;
        margin-right: 0;
        margin-bottom: 16px
    }

    .pop-mode-box.bind-result-pop .pop-mode .ques-text .ques-bubble img,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .ques-text .ques-bubble img {
        width: 100%;
        height: auto
    }

    .new-y-box .binding-tip,.new-y-box .binding-tip span {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .new-y-box .binding-tip img {
        width: 14px;
        height: 14px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .new-y-box .user-head {
        font-size: 14px;
        line-height: 22px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .new-y-box .switch-btn {
        top: 16px;
        right: 16px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .new-y-box>div {
        padding: 16px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .new-y-box .mess .id,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .new-y-box .mess .name,.pop-mode-box .pop-mode.bind-guide-pop .bind-guide-pop-mess .new-y-box .mess .type {
        font-size: var(--font-size-h6);
        line-height: 16px
    }

    .pop-mode-box .pop-mode.bind-guide-pop .btn-wrap {
        padding: 0;
        margin-bottom: 0
    }

    .pop-mode-box .pop-mode.bind-guide-pop .btn-wrap .login-tip,.pop-mode-box .pop-mode p.error-tips {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

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

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .box.select-box .select-input-box {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        z-index: 1001;
        border: none;
        min-width: 100%
    }

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .box.select-box .select-input-box .select-bg {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background: rgba(0,0,0,.6)
    }

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .box.select-box .select-input-box .select-min-box {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--bg-color-4,#171f45);
        border-radius: 8px 8px 0 0
    }

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .select-box .select-input-box .block {
        height: calc(100vh - 232px)
    }

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title {
        display: block;
        padding: 24px 20px;
        position: relative;
        border-bottom: 1px solid hsla(0,0%,100%,.05)
    }

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title p {
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
        font-family: dinm
    }

    .pop-mode-box .pop-mode.bind-guide-pop .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title .close {
        width: 14px;
        height: 14px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: 14px 14px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        cursor: pointer
    }

    .tab-nav-box .tab-box .box-line {
        display: none
    }

    .tab-nav-box .tab-box .box {
        width: 100%;
        margin-right: 0
    }

    .tab-nav-box .box.select-box .select-input-box {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        z-index: 1001;
        border: none;
        min-width: 100%
    }

    .tab-nav-box .box.select-box .select-input-box .select-bg {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background: rgba(0,0,0,.6)
    }

    .tab-nav-box .box.select-box .select-input-box .select-min-box {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--bg-color-4,#171f45);
        border-radius: 8px 8px 0 0
    }

    .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title {
        display: block;
        padding: 24px 20px;
        position: relative;
        border-bottom: 1px solid hsla(0,0%,100%,.05)
    }

    .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title p {
        font-size: 16px;
        color: #fff;
        letter-spacing: 0;
        line-height: 20px;
        font-family: dinm
    }

    .tab-nav-box .box.select-box .select-input-box .select-min-box .min-title .close {
        width: 14px;
        height: 14px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEX///////9HcEz///////////9J36p7AAAABXRSTlMi4wC/3FGYuIsAAABqSURBVBjTZZCxDYAwDASfwABp0keZgIaeFSLk/VdBcBR+kSKO7ffFtvo+vrMWbbPw7u3UERVniUtLkOotqp6LxCwapN6YMISEJSIUaEUtFEGFL7Dgf47JMsDQ+VNrJzdqI9hwNrYtJK/qBjueKwkDWwvqAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: 14px 14px;
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        cursor: pointer
    }

    .tab-nav-box .select-box .select-input-box .row {
        min-height: calc(100vh - 232px)
    }

    .tab-nav-box .select-box .select-input-box.row-three .row:first-child,.tab-nav-box .select-box .select-input-box.row-three .row:nth-child(2) {
        width: 100px;
        flex-shrink: 0
    }

    .tab-nav-box .select-box .select-input-box.row-three .row:nth-child(3) {
        width: 100%
    }

    .game-wrap.codm-redeem .tab-nav-box .select-box .n-box,.game-wrap.game-ticket-new .tab-nav-box .select-box .n-box,.game-wrap.game_list_new .tab-nav-box .select-box .n-box {
        margin-bottom: 12px
    }

    .tab-nav-box .tab-box .box.have-zIndex-select.id-box .n-box,.tab-nav-box .tab-box .box .select-box {
        width: 100%;
        margin-right: 0
    }

    .tab-nav-box .tab-box .box .select-box {
        margin-bottom: 12px
    }

    .subscribe-pop .close-btn {
        width: 16px;
        height: 16px;
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACXRSTlMAh2gKfA1vR1aDq0KLAAAAcklEQVQoz2NgIAeYB8BYrMVgqlEZJhAkASLZRYSgSlgVHQsgFFSJEVQKRsNlYAwjuF4IC6EVykQogLCRFECUICsAK0FWAFaCogCkBEUBpgCGFnRDMaxFdxiG09E9h+F99ADCCEKMQGZGRIORBPaIIhUAAPsHHCqMg+mMAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: cover;
        top: 20px;
        right: 16px;
        opacity: 1;
        cursor: pointer
    }

    .subscribe-pop .pop-mode {
        width: 100%;
        top: auto;
        left: 0;
        bottom: 0;
        transform: translate(0);
        padding: 20px;
        background-position: 0 0;
        border-radius: 12px 12px 0 0
    }

    .subscribe-pop .pop-title p {
        font-size: 18px;
        line-height: 26px
    }

    .subscribe-pop .btn-wrap {
        margin-top: 24px
    }

    .record-invoice .bottom-zz-bg .btn-wrap .btn.send-to-email-btn {
        flex-grow: 1
    }

    .record-invoice .bottom-zz-bg .btn-wrap .btn.down-btn {
        width: fit-content;
        background: unset;
        border: none;
        margin-right: 20px
    }

    .record-invoice .bottom-zz-bg .btn-wrap .btn.down-btn p {
        position: relative;
        box-sizing: border-box;
        color: var(--text-color-primary);
        padding: 28px 0 0;
        height: 46px;
        font-size: var(--font-size-h6);
        font-family: Arial;
        text-align: center;
        line-height: 12px
    }

    .record-invoice .bottom-zz-bg .btn-wrap .btn.down-btn p:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0BAMAAAA3VgbYAAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMAAfgeA3CP5VoPLyWDq7FQkC4AAAEmSURBVDjL7dSxSgNBEIDhGzIRY7XX+AABwWoJCNYjpLC0sxN9AWurEESw9RF8BAtLOzsfwmLBpHKewZud3bvc7e5Z2DpNAn++3B43XFX9efCsmAiKafJaKubyqMBgYt3C/KeRtKR+wmX78wrNbgKqIjZvD7CbzPkHxGusNsJiArrdvijDfeZr6JLZY16TqgPrhIXUIMvPFFbiyrOQBH3Fp41TJ0yTIHtB7SZ5pskj7PZvyvMN1pLqPgoMJVEfRebTACm7kXQ4QIFJSpCyd+tOE+SZ/bbuM0XKZBLkmWPOocgyyLNmckhZFinLo4Y93mHpBYA0RFCHIYzf2mXLbHL4nJ0k8xSufj9PRs8DuOJktnqefDJ6O+kfHuNvxxg7fHvL3ZjxF+cPNPe6G+2EFEAAAAAASUVORK5CYII=);
        width: 22px;
        height: 22px;
        top: 2px;
        left: 50%;
        transform: translate(-50%)
    }

    .pop-mode-box.invoice-send-email .pop-mode {
        width: 100%;
        height: auto;
        border-radius: 12px 12px 0 0;
        top: auto;
        left: auto;
        transform: unset;
        bottom: 0
    }

    .sdk-mode-pop .pop-mode .pop-title .close-btn {
        right: 20px;
        width: 12px;
        height: 12px
    }

    .sdk-mode-pop.s-pop .pop-title {
        padding: 20px;
        font-size: 16px;
        line-height: 24px
    }

    .sdk-mode-pop.pop-mode-box.s-pop .pop-mess {
        padding: 16px 20px
    }

    .pop-mode-box.invoice-send-email .pop-mode .pop-mess {
        height: 271px
    }

    .sdk-mode-pop.pop-mode-box .pop-mess .text {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .pop-mode-box.invoice-send-email .pop-mode .btn-wrap {
        box-sizing: border-box;
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
        margin-top: 0
    }

    .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)
    }

    .pop-mode-box .pop-mode.new-default-mode.other-login .register_agreement_box .check-box,.slide-input .history-list .hist-box .card-num-box .list-item.selected:after {
        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)
    }

    .personal .content {
        min-height: calc(100vh - 167px)
    }

    .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%
    }

    .follow {
        display: block
    }

    .vip .content {
        margin-top: 0
    }

    .pop-mode-box .pop-mode.confirm-default-mode {
        top: auto;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 8px 8px 0 0;
        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.activate-midas-coin-pop {
        bottom: 0;
        top: 0;
        position: absolute;
        box-sizing: border-box;
        height: auto
    }

    .pop-mode-box .pop-mode.activate-midas-coin-pop .mess {
        padding-top: 88px
    }

    .pop-mode-box .pop-mode.activate-midas-coin-pop .mess .title {
        width: 100%;
        text-align: left;
        margin-bottom: 32px
    }

    .pop-mode-box .pop-mode.activate-midas-coin-pop .close-btn {
        width: 28px;
        height: 28px;
        border-radius: 0 0 0 6px;
        opacity: 1;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACXRSTlMAh2gKfA1vR1aDq0KLAAAAcklEQVQoz2NgIAeYB8BYrMVgqlEZJhAkASLZRYSgSlgVHQsgFFSJEVQKRsNlYAwjuF4IC6EVykQogLCRFECUICsAK0FWAFaCogCkBEUBpgCGFnRDMaxFdxiG09E9h+F99ADCCEKMQGZGRIORBPaIIhUAAPsHHCqMg+mMAAAAAElFTkSuQmCC) no-repeat 50%;
        background-color: var(--function-color-border);
        background-size: 12px 12px;
        right: 0;
        top: 0
    }

    .pop-mode-box .pop-mode.activate-midas-coin-pop .pop-logo {
        background: url(data:image/png;base64,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) no-repeat 50%;
        background-size: 100% 100%;
        position: absolute;
        width: 80.84px;
        height: 16px;
        left: 24px;
        top: 20px
    }

    .pop-mode-box .pop-mode.activate-midas-coin-pop .back-btn {
        position: absolute;
        left: 22px;
        top: 23px;
        margin-top: 0
    }

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

    .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 {
        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.register-verify-email.register-verify-email-success .mess .desc {
        padding: 0;
        text-align: center
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email .emai_mess_block {
        font-size: var(--font-size-h5);
        line-height: 44px;
        margin-bottom: 24px
    }

    .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: 767px) {
    .pop-mode-box .pop-mode.confirm-default-mode .mess p.error-tips {
        margin-top:12px;
        margin-bottom: 16px
    }

    .pop-mode-box .pop-mode.new-default-mode.register-verify-email.verified .mess {
        height: calc(100vh - 82px)
    }

    .mds-m_hidden {
        display: none
    }

    .mds-m_show {
        display: block
    }

    #bigimg img {
        width: 92%
    }

    .result-small-pop .mds-pop-con {
        width: 335px;
        min-height: 340px;
        padding: 32px 20px 24px
    }

    .pop-mode-box .mds-pop-con .close-btn {
        width: 12.5px;
        height: 12.5px;
        right: 13px;
        top: 13px
    }

    .mds-pop-con .title-box {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4)
    }

    .account-hint-pop .pop-mode.mds-pop-con .desc-box {
        margin-bottom: 24px
    }

    .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: var(--line-height-h6)
    }

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

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

    .mds-login_safety_new .safety_box {
        background: var(--bg-secondarycontainer);
        box-sizing: border-box;
        border-radius: var(--border-radius-sm);
        padding: 16px 12px
    }

    .mds-login_safety_new .box_title {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .mds-login_safety_new .login-safety_box {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px
    }

    .mds-login_safety_new .login-safety_box:last-child {
        margin-bottom: 0
    }

    .mds-login_safety_new .login-safety_box img {
        width: 48px;
        height: 48px;
        margin-right: 12px
    }

    .mds-login_safety_new .login-safety_box .name {
        margin-bottom: 2px
    }

    .mds-login_safety_new .login-safety_box .txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .pop-mode-box .pop-mode.other-login.lip-email .title_box {
        margin-bottom: 24px
    }

    .pop-mode-box .pop-mode.other-login.lip-email .title_box img {
        height: 18px;
        padding: 8px;
        margin: 0 auto
    }

    .pop-mode-box .pop-mode.other-login.lip-email .title_box .title {
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        margin: 8px 0
    }

    .pop-mode-box .pop-mode.other-login.lip-email .title_box .text {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box .pop-mode.new-default-mode.lip-guide .mess {
        padding-top: 0
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .midas-x-channel {
        margin: 8px 0 24px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .midas-x-channel img.midas-logo {
        height: 26px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .midas-x-channel .line {
        height: 16px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .midas-x-channel img {
        height: 20px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .link-level-box {
        padding: 24px 20px;
        margin-bottom: 24px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .link-level-box .title-box {
        margin-bottom: 20px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .link-level-box .title-box .text {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        margin-bottom: 12px
    }

    .pop-mode-box .pop-mode.other-login.lip-guide .link-level-box .title-box .sub-text,.pop-mode-box .pop-mode.other-login.lip-guide .sub-text {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .gift-card-item_desc {
        margin-bottom: 16x
    }

    .gift-card-item_desc .img_box {
        width: 48px;
        height: 48px;
        margin-right: 12px
    }

    .gift-card-item_desc .sub-text,.gift-card-item_desc .text {
        font-size: var(--font-size-h6);
        line-height: var(--line-height-h6)
    }

    .pop-mode-box .pop-mode.pop-mode.new-default-mode.register-verify-email {
        transform: translate(0);
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 8px 8px 0 0;
        padding-top: 58px;
        padding-left: 0;
        padding-right: 0;
        bottom: 0;
        top: 0;
        position: absolute;
        box-sizing: border-box;
        height: 100vh;
        max-height: unset
    }
}

@media screen and (max-width: 700px) {
    .personal .content {
        min-height:calc(100vh - 167px)
    }

    .personal .form-box {
        margin-bottom: 40px
    }
}

@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
        }
    }
}

@media (min-width: 768px) {
    .pop-mode-box.bind-result-pop .user-data-box {
        margin-bottom:32px
    }

    .pop-mode-box.bind-result-pop .user-data-box>div {
        padding: 20px 24px
    }

    .pop-mode-box.bind-result-pop .user-data-box .name {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4)
    }

    .pop-mode-box.bind-result-pop .user-data-box .account-box .data-box .label,.pop-mode-box.bind-result-pop .user-data-box .id {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5)
    }

    .pop-mode-box.bind-result-pop .user-data-box .account-box .data-box .val {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        margin: 0 8px
    }

    .user-data-box .account-box .data-box img {
        width: 18px;
        height: 18px
    }

    .brand-bg-decoration-box {
        position: relative;
        z-index: 0
    }

    .brand-bg-decoration-out {
        top: -345px;
        left: -115px;
        width: 401.39px;
        height: 401.39px;
        filter: blur(136.70399475097656px)
    }

    .brand-bg-decoration-in {
        width: 315x;
        height: 315x;
        border-radius: 102.4px;
        filter: blur(68.35199737548828px)
    }
}

@media (min-width: 1025px) {
    .brand-bg-decoration-out {
        top:-350px;
        left: -150px;
        width: 401px;
        height: 401px;
        border-radius: 112.36px;
        filter: blur(150px)
    }

    .brand-bg-decoration-in {
        width: 315px;
        height: 315px;
        border-radius: 112.36px;
        filter: blur(75px)
    }
}

.result-small-pop .pop-mode .pop-icon img[data-v-a82a4d84] {
    width: 48px;
    height: 48px
}

.result-small-pop .pop-mode .pop-icon[data-v-a82a4d84] {
    margin: 0 auto 16px;
    width: 48px;
    height: 48px;
    text-align: center
}

.result-small-pop .pop-mode .desc-box .text[data-v-a82a4d84] {
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: Arial;
    text-align: center;
    line-height: 22px
}

.result-small-pop .pop-mode .desc-box[data-v-a82a4d84] {
    margin-bottom: 32px
}

.pop-mode-box .pop-mode .close-btn[data-v-a82a4d84] {
    width: 16px;
    height: 16px;
    right: 20px;
    top: 24px;
    opacity: 1
}

.slide-enter-to,.slide-leave {
    max-height: 800px;
    overflow: hidden
}

.slide-enter-active,.slide-leave-active {
    transition: max-height .4s
}

.slide-enter,.slide-leave-to {
    max-height: 0;
    overflow: hidden
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .history-list .hist-box {
    display: block
}

.card-num-box::-webkit-scrollbar {
    width: 6px
}

.pop-mode-box .pop-mode.pop-default-mode .mess p[data-v-38d1287c] {
    padding-left: 0
}

.pop-mode-box .pop-mode.feedback-choose-order-pop .order-list-box .order-item .cont .label[data-v-6fb8edfd] {
    margin-bottom: 0
}

.back-btn[data-v-6fb8edfd] {
    z-index: 1
}

.pop-mode-box .pop-mode.pop-default-mode .mess p[data-v-ca6d677c] {
    padding-left: 0
}

.item .input-box.disable .card-val[data-v-ca6d677c] {
    color: hsla(0,0%,100%,.4)!important
}

.pop-mode-box .pop-mode.feedback-questions-pop .form-item-box .item .error-tips[data-v-22ca7eae] {
    display: block
}

.pop-mode-box .pop-mode.pop-default-mode .mess p[data-v-22ca7eae] {
    padding-left: 0
}

.pop-mode-box[data-v-24e91aa1] {
    z-index: 1000000000
}

.mess[data-v-24e91aa1]::-webkit-scrollbar {
    width: 6px
}

.content .title-box[data-v-24e91aa1] {
    margin-bottom: 0
}