.customer-fix[data-v-11f39032] {
    position: fixed;
    right: .26667rem;
    bottom: 2.66667rem;
    z-index: 998;
    border-radius: 50%;
    -webkit-animation: scaleDraw 5s ease-in-out infinite;
    animation: scaleDraw 5s ease-in-out infinite
}

.customer-fix img[data-v-11f39032] {
    width: 1.38667rem
}

@-webkit-keyframes seconddiv-data-v-11f39032 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(-.26667rem);
        transform: translateY(-.26667rem)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes seconddiv-data-v-11f39032 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(-.26667rem);
        transform: translateY(-.26667rem)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.customer-box[data-v-11f39032] {
    margin-top: 1.6rem;
    padding: 0 .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.customer-box div[data-v-11f39032] {
    -webkit-animation: seconddiv-data-v-11f39032 1s ease-in-out;
    animation: seconddiv-data-v-11f39032 1s ease-in-out;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.customer-box div img[data-v-11f39032] {
    width: 1.86667rem
}

.app-container {
    padding-bottom: 0 !important
}

.login-box[data-v-462ca732] .van-field__label {
    color: #7b7b7b;
    width: 2.13333rem
}

.container[data-v-462ca732] {
    padding: 0 .26667rem;
    box-sizing: border-box;
    height: 100vh;
    background-color: #0f0d1d;
    background-image: url(https://storage.googleapis.com/common-shop/b5ed44cf9d89f6cb/d87d7cc109254593.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.container .lo-top[data-v-462ca732] {
    padding-top: .8rem;
    padding-bottom: 1.44rem;
    color: #fff;
    font-family: Saira;
    font-size: .64rem;
    font-style: normal;
    font-weight: 700;
    line-height: .58667rem
}

.container .lo-top .toptext1[data-v-462ca732] {
    font-family: SAIRA-THIN;
    font-size: .37333rem;
    font-weight: 300
}

.container .login-box[data-v-462ca732] {
    padding: 0 .32rem .26667rem .32rem;
    border-radius: .48rem;
    background: rgba(16, 17, 39, .5);
    background: url(../../static/img/loginboxbg.57c258c0.png);
    background-size: 100% 100%;
    box-shadow: inset 0 0 .10667rem -.02667rem hsla(0, 0%, 100%, .25)
}

.container .login-box .login-img[data-v-462ca732] {
    display: block;
    margin: .53333rem auto;
    width: 2.66667rem;
    height: 2.66667rem
}

.container .login-box .btn-bg[data-v-462ca732] {
    padding: .26667rem;
    text-align: center;
    font-size: .37333rem;
    font-weight: 600;
    border-radius: 1.33333rem;
    background: var(--car3-, #33f5ff);
    box-shadow: 0 .02667rem .61333rem 0 rgba(112, 238, 255, .53), inset 0 0 .34133rem 0 hsla(0, 0%, 100%, .7);
    color: #000
}

.container .login-box .btn-bg2[data-v-462ca732] {
    color: #fff;
    font-family: Saira-Light;
    font-weight: 400;
    border-radius: 1.33333rem;
    background: -webkit-linear-gradient(left, rgba(0, 215, 203, .12), rgba(22, 74, 104, .12));
    background: linear-gradient(90deg, rgba(0, 215, 203, .12), rgba(22, 74, 104, .12));
    box-shadow: 0 .02667rem .61333rem 0 rgba(112, 238, 255, .03), inset 0 0 .34133rem 0 hsla(0, 0%, 100%, .2);
    padding: .26667rem;
    font-size: .37333rem
}

.container .login-box .btn-bg3[data-v-462ca732] {
    text-align: right;
    color: #fff;
    font-family: SAIRA-THIN;
    font-size: .37333rem;
    font-weight: 300;
    text-decoration: underline
}

.container .login-box .lable-bg[data-v-462ca732] {
    box-shadow: inset 0 .08rem .16rem .02667rem #fff;
    border-radius: .64rem .64rem 0 .42667rem;
    opacity: .8;
    padding: .05333rem .26667rem;
    text-align: center
}

.container .login-box .lable-bg img[data-v-462ca732] {
    padding-top: .26667rem;
    width: .69333rem;
    height: .53333rem
}

.login-box[data-v-462ca732] .van-cell {
    padding: .21333rem .37333rem;
    margin-bottom: .8rem;
    font-size: .32rem;
    color: #7b7b7b !important;
    border-radius: .53333rem;
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 .22667rem 0 hsla(0, 0%, 100%, .41)
}

.login-box[data-v-462ca732] .van-cell .van-cell__value--alone {
    color: #7b7b7b !important
}

[data-v-462ca732] .van-field__control {
    color: #d2d2d2 !important
}

.login-box[data-v-462ca732] .van-field__control::-webkit-input-placeholder {
    color: #7b7b7b !important
}

.login-box[data-v-462ca732] .van-field__control::-moz-placeholder {
    color: #7b7b7b !important
}

.login-box[data-v-462ca732] .van-field__control:-ms-input-placeholder {
    color: #7b7b7b !important
}

.login-box[data-v-462ca732] .van-field__control::placeholder {
    color: #7b7b7b !important
}

.login-box[data-v-462ca732] .van-cell:after {
    border: none !important
}

.area-code>i[data-v-462ca732] {
    text-align: center;
    line-height: .45333rem
}

.area-no[data-v-462ca732] .van-dropdown-menu__bar {
    box-shadow: none
}

#reg-forget[data-v-462ca732] .van-nav-bar__text {
    color: #fff
}

.login-box[data-v-462ca732] .van-hairline--bottom:after {
    border-bottom-width: 0 !important
}

.login-box[data-v-462ca732] .van-nav-bar {
    background-color: transparent !important
}

.pop-box[data-v-462ca732] .van-goods-action-button--danger {
    background: -webkit-linear-gradient(left top, #007afe, #4bb3fb) !important
}

.pop-box[data-v-462ca732] .van-dialog__header {
    background-size: cover;
    color: #f8f8f8;
    padding-bottom: .66667rem
}

.popbox2[data-v-462ca732] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    max-width: 10rem;
    margin: 0 auto;
    border-radius: .4rem .4rem 0 0;
    background: -webkit-linear-gradient(top, #232d44, #060606 37%);
    background: linear-gradient(180deg, #232d44, #060606 37%);
    box-shadow: 0 .10667rem .42667rem 0 hsla(0, 0%, 100%, .2);
    padding: .26667rem
}

.popbox2 .amountEnter[data-v-462ca732] {
    border-radius: .26667rem;
    background: rgba(33, 39, 55, .34);
    box-shadow: inset 0 0 .03467rem 0 hsla(0, 0%, 100%, .3)
}

.popbox2 .login-btn[data-v-462ca732] {
    margin-bottom: 0
}

.popbox2[data-v-462ca732] .v-input {
    color: #c4c5c9;
    background: rgba(33, 39, 55, .34);
    box-shadow: inset 0 0 .03467rem 0 hsla(0, 0%, 100%, .3)
}

.popbox2[data-v-462ca732] .v-input input {
    color: #c4c5c9;
    font-family: PingFang SC;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: .53333rem;
    text-transform: capitalize
}

.popbox2[data-v-462ca732] .v-input input:placeholder {
    font-family: PingFang SC
}

.popbox2 .poptitle[data-v-462ca732] {
    max-width: 8rem;
    color: #fff;
    text-align: left;
    font-family: PingFang SC;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.00133rem;
    margin-bottom: .26667rem
}

.popbox2 .poptitle span[data-v-462ca732] {
    vertical-align: middle;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical
}

.popbox2 .areabox[data-v-462ca732] {
    background: none;
    padding: 0;
    margin-bottom: .37333rem;
    color: #fff
}

.popbox2 .areabox[data-v-462ca732] .van-search__content {
    border-radius: .26667rem;
    box-shadow: inset 0 0 .03467rem 0 hsla(0, 0%, 100%, .3)
}

.popbox2 .contentbox[data-v-462ca732] {
    height: 6.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.popbox2 .contentbox .content[data-v-462ca732] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    padding: .18667rem .32rem;
    border-radius: .10667rem;
    margin-bottom: .24rem
}

.popbox2 .contentbox .content[data-v-462ca732]:last-child {
    margin-bottom: 0
}

.popbox2 .contentbox .c-left[data-v-462ca732],
.popbox2 .contentbox .c-right[data-v-462ca732] {
    color: #fff;
    text-align: right;
    font-family: PingFang SC;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.popbox2 .contentbox .active[data-v-462ca732] {
    border-radius: .10667rem;
    background: -webkit-linear-gradient(right, rgba(130, 123, 249, .2) -13.56%, rgba(0, 70, 153, .2) 96.61%);
    background: linear-gradient(270deg, rgba(130, 123, 249, .2) -13.56%, rgba(0, 70, 153, .2) 96.61%)
}

.popbox2 .contentbox .active .c-left[data-v-462ca732],
.popbox2 .contentbox .active .c-right[data-v-462ca732] {
    font-family: PingFang SC;
    font-size: .42667rem;
    font-weight: 500;
    text-transform: capitalize;
    background: var(1, linear-gradient(147deg, #6972ff 15.75%, #7ffff0 85.45%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: .10667rem;
    display: block
}

.popbox2>div[data-v-462ca732] {
    margin-bottom: .32rem
}

.pop-ups[data-v-462ca732] {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: 0
}

[data-v-462ca732] .pop-ups .van-icon .van-icon__image {
    width: .85333rem;
    height: .85333rem
}

[data-v-462ca732] .pop-ups .input,
[data-v-462ca732] .pop-ups .search_content .van-search__content {
    background: rgba(33, 39, 55, .34)
}

[data-v-462ca732] .pop-ups .search_content .van-search__content {
    background: rgba(33, 39, 55, .34);
    color: #c4c5c9;
    font-family: PingFang SC;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: .53333rem;
    border-radius: .26667rem
}