@media only screen and (min-width:398px) and (max-width:600px) {
    .mian {
        max-width: 100% !important;
    }
    html {
        font-size: 37px !important;
    }
    .Betting__C-numC > div[data-v-9e8c5029] {
        width: 1.6667rem !important;
    }
}
.m-t-5 {
    margin-top: .125rem !important;
}

.p-t-5 {
    padding-top: .125rem !important;
}

.m-b-5 {
    margin-bottom: .125rem !important;
}

.p-b-5 {
    padding-bottom: .125rem !important;
}

.m-l-5 {
    margin-left: .125rem !important;
}

.p-l-5 {
    padding-left: .125rem !important;
}

.m-r-5 {
    margin-right: .125rem !important;
}

.p-r-5 {
    padding-right: .125rem !important;
}

.m-t-10 {
    margin-top: .25rem !important;
}

.p-t-10 {
    padding-top: .25rem !important;
}

.m-b-10 {
    margin-bottom: .25rem !important;
}

.p-b-10 {
    padding-bottom: .25rem !important;
}

.m-l-10 {
    margin-left: .25rem !important;
}

.p-l-10 {
    padding-left: .25rem !important;
}

.m-r-10 {
    margin-right: .25rem !important;
}

.p-r-10 {
    padding-right: .25rem !important;
}

.m-t-15 {
    margin-top: .375rem !important;
}

.p-t-15 {
    padding-top: .375rem !important;
}

.m-b-15 {
    margin-bottom: .375rem !important;
}

.p-b-15 {
    padding-bottom: .375rem !important;
}

.m-l-15 {
    margin-left: .375rem !important;
}

.p-l-15 {
    padding-left: .375rem !important;
}

.m-r-15 {
    margin-right: .375rem !important;
}

.p-r-15 {
    padding-right: .375rem !important;
}

.m-t-20 {
    margin-top: .5rem !important;
}

.p-t-20 {
    padding-top: .5rem !important;
}

.m-b-20 {
    margin-bottom: .5rem !important;
}

.p-b-20 {
    padding-bottom: .5rem !important;
}

.m-l-20 {
    margin-left: .5rem !important;
}

.p-l-20 {
    padding-left: .5rem !important;
}

.m-r-20 {
    margin-right: .5rem !important;
}

.p-r-20 {
    padding-right: .5rem !important;
}

.m-t-25 {
    margin-top: .625rem !important;
}

.p-t-25 {
    padding-top: .625rem !important;
}

.m-b-25 {
    margin-bottom: .625rem !important;
}

.p-b-25 {
    padding-bottom: .625rem !important;
}

.m-l-25 {
    margin-left: .625rem !important;
}

.p-l-25 {
    padding-left: .625rem !important;
}

.m-r-25 {
    margin-right: .625rem !important;
}

.p-r-25 {
    padding-right: .625rem !important;
}

.m-t-30 {
    margin-top: .75rem !important;
}

.p-t-30 {
    padding-top: .75rem !important;
}

.m-b-30 {
    margin-bottom: .75rem !important;
}

.p-b-30 {
    padding-bottom: .75rem !important;
}

.m-l-30 {
    margin-left: .75rem !important;
}

.p-l-30 {
    padding-left: .75rem !important;
}

.m-r-30 {
    margin-right: .75rem !important;
}

.p-r-30 {
    padding-right: .75rem !important;
}

.m-t-35 {
    margin-top: .875rem !important;
}

.p-t-35 {
    padding-top: .875rem !important;
}

.m-b-35 {
    margin-bottom: .875rem !important;
}

.p-b-35 {
    padding-bottom: .875rem !important;
}

.m-l-35 {
    margin-left: .875rem !important;
}

.p-l-35 {
    padding-left: .875rem !important;
}

.m-r-35 {
    margin-right: .875rem !important;
}

.p-r-35 {
    padding-right: .875rem !important;
}

.m-t-40 {
    margin-top: 1rem !important;
}

.p-t-40 {
    padding-top: 1rem !important;
}

.m-b-40 {
    margin-bottom: 1rem !important;
}

.p-b-40 {
    padding-bottom: 1rem !important;
}

.m-l-40 {
    margin-left: 1rem !important;
}

.p-l-40 {
    padding-left: 1rem !important;
}

.m-r-40 {
    margin-right: 1rem !important;
}

.p-r-40 {
    padding-right: 1rem !important;
}

.m-t-45 {
    margin-top: 1.125rem !important;
}

.p-t-45 {
    padding-top: 1.125rem !important;
}

.m-b-45 {
    margin-bottom: 1.125rem !important;
}

.p-b-45 {
    padding-bottom: 1.125rem !important;
}

.m-l-45 {
    margin-left: 1.125rem !important;
}

.p-l-45 {
    padding-left: 1.125rem !important;
}

.m-r-45 {
    margin-right: 1.125rem !important;
}

.p-r-45 {
    padding-right: 1.125rem !important;
}

.m-t-50 {
    margin-top: 1.25rem !important;
}

.p-t-50 {
    padding-top: 1.25rem !important;
}

.m-b-50 {
    margin-bottom: 1.25rem !important;
}

.p-b-50 {
    padding-bottom: 1.25rem !important;
}

.m-l-50 {
    margin-left: 1.25rem !important;
}

.p-l-50 {
    padding-left: 1.25rem !important;
}

.m-r-50 {
    margin-right: 1.25rem !important;
}

.p-r-50 {
    padding-right: 1.25rem !important;
}

.m-t-60 {
    margin-top: 1.5rem !important;
}

.p-t-60 {
    padding-top: 1.5rem !important;
}

.m-b-60 {
    margin-bottom: 1.5rem !important;
}

.p-b-60 {
    padding-bottom: 1.5rem !important;
}

.m-l-60 {
    margin-left: 1.5rem !important;
}

.p-l-60 {
    padding-left: 1.5rem !important;
}

.m-r-60 {
    margin-right: 1.5rem !important;
}

.p-r-60 {
    padding-right: 1.5rem !important;
}

.m-t-75 {
    margin-top: 1.875rem !important;
}

.p-t-75 {
    padding-top: 1.875rem !important;
}

.m-b-75 {
    margin-bottom: 1.875rem !important;
}

.p-b-75 {
    padding-bottom: 1.875rem !important;
}

.m-l-75 {
    margin-left: 1.875rem !important;
}

.p-l-75 {
    padding-left: 1.875rem !important;
}

.m-r-75 {
    margin-right: 1.875rem !important;
}

.p-r-75 {
    padding-right: 1.875rem !important;
}

.m-t-80 {
    margin-top: 2rem !important;
}

.p-t-80 {
    padding-top: 2rem !important;
}

.m-b-80 {
    margin-bottom: 2rem !important;
}

.p-b-80 {
    padding-bottom: 2rem !important;
}

.m-l-80 {
    margin-left: 2rem !important;
}

.p-l-80 {
    padding-left: 2rem !important;
}

.m-r-80 {
    margin-right: 2rem !important;
}

.p-r-80 {
    padding-right: 2rem !important;
}

.m-t-85 {
    margin-top: 2.125rem !important;
}

.p-t-85 {
    padding-top: 2.125rem !important;
}

.m-b-85 {
    margin-bottom: 2.125rem !important;
}

.p-b-85 {
    padding-bottom: 2.125rem !important;
}

.m-l-85 {
    margin-left: 2.125rem !important;
}

.p-l-85 {
    padding-left: 2.125rem !important;
}

.m-r-85 {
    margin-right: 2.125rem !important;
}

.p-r-85 {
    padding-right: 2.125rem !important;
}

.m-t-90 {
    margin-top: 2.25rem !important;
}

.p-t-90 {
    padding-top: 2.25rem !important;
}

.m-b-90 {
    margin-bottom: 2.25rem !important;
}

.p-b-90 {
    padding-bottom: 2.25rem !important;
}

.m-l-90 {
    margin-left: 2.25rem !important;
}

.p-l-90 {
    padding-left: 2.25rem !important;
}

.m-r-90 {
    margin-right: 2.25rem !important;
}

.p-r-90 {
    padding-right: 2.25rem !important;
}

.m-t-95 {
    margin-top: 2.375rem !important;
}

.p-t-95 {
    padding-top: 2.375rem !important;
}

.m-b-95 {
    margin-bottom: 2.375rem !important;
}

.p-b-95 {
    padding-bottom: 2.375rem !important;
}

.m-l-95 {
    margin-left: 2.375rem !important;
}

.p-l-95 {
    padding-left: 2.375rem !important;
}

.m-r-95 {
    margin-right: 2.375rem !important;
}

.p-r-95 {
    padding-right: 2.375rem !important;
}

.m-t-100 {
    margin-top: 2.5rem !important;
}

.p-t-100 {
    padding-top: 2.5rem !important;
}

.m-b-100 {
    margin-bottom: 2.5rem !important;
}

.p-b-100 {
    padding-bottom: 2.5rem !important;
}

.m-l-100 {
    margin-left: 2.5rem !important;
}

.p-l-100 {
    padding-left: 2.5rem !important;
}

.m-r-100 {
    margin-right: 2.5rem !important;
}

.p-r-100 {
    padding-right: 2.5rem !important;
}

.fs {
    font-family: Bahnschrift;
    font-variation-settings: "wght" 400,"wdth" 75;
    font-weight: 400;
}

.c-line {
    margin: .2rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .26667rem 0;
    color: rgba(64,70,83,.5);
    line-height: .64rem;
    border-bottom: .0125rem solid hsla(0,0%,100%,.5);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    zoom: 1;
}

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

.c-row {
    display: flex;
}

.c-row-middle {
    align-items: center;
}

.c-row-center, .c-row-middle-center {
    justify-content: center;
}

.c-row-middle-center {
    align-items: center;
}

.c-column {
    flex-direction: column;
}

.c-row-around {
    justify-content: space-around;
}

.c-row-between {
    justify-content: space-between;
}

.c-flew-end {
    justify-content: flex-end;
}

.c-flex-warp {
    flex-wrap: wrap;
}

.flex-cover {
    flex: 1;
}

.c-pa {
    position: absolute;
}

.c-pr {
    position: relative;
}

.c-pf {
    position: fixed;
}

.c-tc {
    text-align: center;
}

.c-tr {
    text-align: right;
}

.c-tl {
    text-align: left;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Bahnschrift;
    font-variation-settings: "wght" 400,"wdth" 75;
    font-weight: 400;
}

#app {
    font-family: Bahnschrift,PingFang SC,Helvetica Neue,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    position: relative;
    font-size: .35rem;
}

#app, .mian {
    width: 100%;
    min-height: 100vh;
}

.mian {
    max-width: 10rem;
    margin: 0 auto;
    background-color: #292929;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}

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

.van-dialog {
    top: 50% !important;
    width: 7.5rem !important;
    border-radius: .25rem !important;
    background-color: #292929 !important;
}

    .van-dialog, .van-dialog .van-dialog__message--has-title {
        color: #bfbfbf;
    }

        .van-dialog .van-button--default {
            color: #bfbfbf;
            background-color: #292929 !important;
        }

.van-dialog__message img {
    width: 100% !important;
}

@media screen and (min-width:800px) {
    html {
        font-size: 2.4rem !important;
        width: 10rem;
        margin: 0 auto;
        background-color: #e0e0e0;
        width: 100%;
    }

    body, html {
        position: relative;
    }

    body {
        overflow-y: scroll;
        width: 100%;
    }

        body::-webkit-scrollbar {
            display: none;
        }

    #chat-input, .mian, .van-tabbar {
        width: 10rem !important;
      
    }
}

.nav {
    width: 100%;
    height: 1.75rem;
    bottom: 0;
    position: fixed;
    touch-action: none;
}

.white {
    color:#fff;
}

.nav, .van-tabbar {
    max-width: 10rem;
    z-index: 999;
}

.van-tabbar {
    box-sizing: border-box !important;
    padding: 0 .25rem .25rem .25rem !important;
    border-radius: .5rem .5rem 0 0 !important;
    height: 1.75rem !important;
    background-color: #b33e12 !important;
    width: 100% !important;
    left: auto !important;
    -webkit-filter: drop-shadow(0 -.26667rem .53333rem rgba(122,127,153,.15)) !important;
    filter: drop-shadow(0 -.26667rem .53333rem rgba(122,127,153,.15)) !important;
}

.van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
    display: none;
}

.van-tabbar .van-icon {
    font-size: .65rem;
}

.van-tabbar .van-tabbar-item__icon {
    margin-bottom: 0 !important;
}

.van-tabbar .van-tabbar-item {
    font-size: .3rem;
    color: #fff;
    text-align: center;
    letter-spacing: -.025rem;
}

    .van-tabbar .van-tabbar-item:nth-child(3n) .img {
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }

    .van-tabbar .van-tabbar-item.van-tabbar-item--active:nth-child(3n) .img {
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }

.van-tabbar .name {
    margin-top: .125rem;
    display: block;
    width: 100%;
}

    .van-tabbar .name.action {
        display: block;
        width: 100%;
        color: #fff;
    }

.van-tabbar .van-tabbar-item.van-tabbar-item--active {
    color: #ddb96b;
}

    .van-tabbar .van-tabbar-item.van-tabbar-item--active img {
        -webkit-filter: unset;
        filter: unset;
    }

.van-tabbar .muan {
    margin: -.3rem auto 0;
    position: relative;
    z-index: 99;
}

    .van-tabbar .muan .img {
        width: 1.73333rem;
        height: auto;
        -webkit-filter: unset;
        filter: unset;
    }

.van-tabbar img {
    height: .75rem;
    width: .75rem;
    display: block;
    margin: 0 auto .1rem;
  
}

    .van-tabbar img.img {
        height: 1rem;
        width: 1rem;
        display: block;
    }

.activityBox {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    bottom: 4rem;
    right: .125rem;
    z-index: 9999;
    background-color: #585858;
    border-radius: .10667rem;
    box-shadow: 0 0 .26667rem rgba(0,0,0,.3);
    letter-spacing: -.02667rem;
    padding: .10667rem;
    z-index: 1001;
}

    .activityBox .img {
        width: .75rem;
    }

    .activityBox .txt {
        font-size: .3rem;
        margin: 0;
        line-height: 1.4;
        white-space: nowrap;
        color: #bfbfbf;
    }

.navbar[data-v-43d7292a] {
    width: 100%;
    max-width: 10rem;
    top: 0;
    height: 1.25rem;
    line-height: 1.25rem;
    background-color: #3f3f3f;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    z-index: 999;
}

.navbar-title[data-v-43d7292a] {
    font-size: .4rem;
    flex: 1;
    text-align: center;
    color: #ddb96b;
}

.navbar .arr[data-v-43d7292a] {
    font-size: .5rem;
    color: #000;
    width: .625rem;
    position: absolute;
    left: .3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-left[data-v-43d7292a], .navbar-right[data-v-43d7292a] {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 1.25rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-left[data-v-43d7292a] {
    left: 0;
}

.navbar-left .img[data-v-43d7292a], .navbar-left[data-v-43d7292a] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-left .img[data-v-43d7292a] {
    height: 1rem;
    width: auto;
    left: .3rem;
}

.navbar-right[data-v-43d7292a] {
    right: 0;
}

.navbar-right .img[data-v-43d7292a] {
    height: .5rem;
}

.download[data-v-0c2a4f4b] {
    height: 1.5rem;
    background: -webkit-linear-gradient(#fae59f,#c4933f);
    background: linear-gradient(#fae59f,#c4933f);
    padding: .25rem .375rem;
}

.download .close[data-v-0c2a4f4b] {
    height: .375rem;
}

.download .img[data-v-0c2a4f4b] {
    height: 1rem;
}

.download .content[data-v-0c2a4f4b] {
    width: 100%;
}

.download .content .box .tit[data-v-0c2a4f4b] {
    color: #6b4f36;
    font-size: .35rem;
}

.download .content .box .txt[data-v-0c2a4f4b] {
    color: #6b4f36;
    font-size: .25rem;
}

.download .btn[data-v-0c2a4f4b] {
    background: -webkit-linear-gradient(#a88f59,#947748);
    background: linear-gradient(#a88f59,#947748);
    padding: .16rem .21333rem .08rem;
    border-radius: .10667rem;
}

.download .btn .tit[data-v-0c2a4f4b] {
    color: #ffffcf;
    font-size: .3rem;
}

.download .btn .txt[data-v-0c2a4f4b] {
    color: #f1cd7f;
    font-size: .25rem;
}

.Loading[data-v-464786a2] {
    position: fixed;
    border-radius: .25rem;
    height: 3.5rem;
    width: 3.5rem;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,.6);
    transform: translate(-50%,-50%);
    z-index: 9999;
}

.lookPwd[data-v-ec146204] {
    height: .9rem;
    width: .9rem;
    position: absolute;
    top: 50%;
    right: .25rem;
    transform: translateY(-50%);
}

.bank[data-v-ec146204] {
    border-radius: .65rem;
}

.bank .navbar-back[data-v-ec146204], .bank[data-v-ec146204] {
    width: .65rem;
    height: .65rem;
}

.logo-content[data-v-ec146204] {
    position: relative;
    height: 5.33333rem;
    width: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.logo-content img[data-v-ec146204] {
    position: absolute;
}

    .logo-content img[data-v-ec146204]:first-child {
        width: 1.70667rem;
        left: 1.17333rem;
        top: 1.44rem;
        -webkit-animation: logopic-data-v-ec146204 1.8s ease-in-out infinite alternate;
        animation: logopic-data-v-ec146204 1.8s ease-in-out infinite alternate;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    .logo-content img[data-v-ec146204]:nth-child(2) {
        width: 1.01333rem;
        right: 1.81333rem;
        top: 1.33333rem;
        -webkit-animation: logopic-data-v-ec146204 1.4s ease-in-out infinite alternate;
        animation: logopic-data-v-ec146204 1.4s ease-in-out infinite alternate;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }

    .logo-content img[data-v-ec146204]:nth-child(3) {
        width: 1.97333rem;
        left: .8rem;
        top: 2.53333rem;
        -webkit-animation: logopic-data-v-ec146204 1.6s ease-in-out infinite alternate;
        animation: logopic-data-v-ec146204 1.6s ease-in-out infinite alternate;
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    .logo-content img[data-v-ec146204]:nth-child(4) {
        width: 1.86667rem;
        left: 1.73333rem;
        top: 3.46667rem;
        -webkit-animation: logopic-data-v-ec146204 1.2s ease-in-out infinite alternate;
        animation: logopic-data-v-ec146204 1.2s ease-in-out infinite alternate;
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }

    .logo-content img[data-v-ec146204]:nth-child(5) {
        width: 1.97333rem;
        right: 1.36rem;
        top: 3.04rem;
        -webkit-animation: logopic-data-v-ec146204 1.7s ease-in-out infinite alternate;
        animation: logopic-data-v-ec146204 1.7s ease-in-out infinite alternate;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    .logo-content img[data-v-ec146204]:nth-child(6) {
        width: 1.49333rem;
        right: 1.46667rem;
        top: 2.4rem;
        -webkit-animation: logopic-data-v-ec146204 2s ease-in-out infinite alternate;
        animation: logopic-data-v-ec146204 2s ease-in-out infinite alternate;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

.logo-content .login-pic[data-v-ec146204] {
    position: relative;
    width: 5.06667rem;
    z-index: 20;
}

.logo-content .logo[data-v-ec146204] {
    height: 1.01333rem;
    position: relative;
    z-index: 20;
}

@-webkit-keyframes logopic-data-v-ec146204 {
    0% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }

    to {
        -webkit-transform: translateY(-.26667rem) scale(1.1);
        transform: translateY(-.26667rem) scale(1.1);
    }
}

@keyframes logopic-data-v-ec146204 {
    0% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }

    to {
        -webkit-transform: translateY(-.26667rem) scale(1.1);
        transform: translateY(-.26667rem) scale(1.1);
    }
}

.mian[data-v-ec146204] {
    background: -webkit-linear-gradient(#3f3f3f,#292929);
    background: linear-gradient(#3f3f3f,#292929);
    min-height: 100vh;
    background-color: #fbfcfd;
}

.mian .audio[data-v-ec146204] {
    width: .625rem;
    height: .625rem;
}

.mian.login[data-v-ec146204] {
    padding-top: 0;
}

.mian .login-banner[data-v-ec146204] {
    position: relative;
    background: url(../img/login_banner.34f15f30.png) no-repeat top;
    background-size: 100% 100%;
    min-height: 6rem;
    max-height: 6.25rem;
}

.mian .login-banner .bankPage[data-v-ec146204] {
    height: 1.25rem;
    width: 1.25rem;
}

.mian .login-banner .bankPage .bank[data-v-ec146204] {
    border: .05rem solid #fff;
    width: .65rem;
    height: .65rem;
    border-radius: .65rem;
}

.mian .login-banner .logo[data-v-ec146204] {
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    right: .375rem;
    width: 3rem;
    height: 1rem;
}

.mian .login-box[data-v-ec146204] {
    position: relative;
    z-index: 9;
    padding: .375rem .75rem;
    border-radius: .5rem .5rem 0 0;
}

.mian .login-box .tit[data-v-ec146204] {
    text-align: center;
    font-size: .75rem;
    color: #670001;
}

.mian .forgot-box[data-v-ec146204] {
    width: 100%;
    padding: .125rem .3rem .75rem;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    position: relative;
}

.mian-from[data-v-ec146204] {
    margin-top: .375rem;
}

.mian-from .lab[data-v-ec146204] {
    font-size: .35rem;
    color: #959595;
}

.mian-from .tip[data-v-ec146204] {
    margin: -.5rem 0 .25rem;
    font-size: .325rem;
    color: #959595;
}

.mian-from .item[data-v-ec146204] {
    position: relative;
    height: .95rem;
    border-radius: .95rem;
    line-height: .9rem;
    margin: .375rem 0 .375rem;
    background-color: hsla(0,0%,100%,.08);
    border-bottom: .02667rem solid rgba(54,78,135,.1);
    overflow: hidden;
    padding-left: .95rem;
}

.mian-from .item.first[data-v-ec146204] {
    padding-left: 1.75rem;
}

.mian-from .item .img[data-v-ec146204] {
    position: absolute;
    left: .25rem;
    top: 50%;
    transform: translateY(-50%);
}

.mian-from .item .mobile[data-v-ec146204], .mian-from .item .password[data-v-ec146204] {
    height: .625rem;
    width: .625rem;
}

.mian-from .item .code[data-v-ec146204] {
    height: .375rem;
    width: .45rem;
}

.mian-from .item .number[data-v-ec146204] {
    position: absolute;
    left: .25rem;
    font-style: normal;
    font-size: .375rem;
    line-height: .95rem;
    padding-right: .075rem;
    color: #959595;
}

.mian-from .item input[data-v-ec146204] {
    border: none;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: .375rem;
    background: none;
    color: #bfbfbf;
}

    .mian-from .item input[data-v-ec146204]:-webkit-placeholder {
        color: #bfbfbf;
    }

    .mian-from .item input[data-v-ec146204]:-ms-input-placeholder {
        color: #bfbfbf;
    }

    .mian-from .item input[data-v-ec146204]:-moz-placeholder {
        color: #bfbfbf;
    }

.mian-from .item .otp[data-v-ec146204] {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .35rem;
    height: 1rem;
    border-radius: .125rem;
    width: 1.75rem;
    text-align: center;
    line-height: 1rem;
    background: -webkit-linear-gradient(#fae59f,#d9a44a);
    background: linear-gradient(#fae59f,#d9a44a);
    border-color: #ffebeb !important;
    color: #806140;
}

.mian-from .agree[data-v-ec146204] {
    line-height: .5rem;
    height: .5rem;
    color: #959595;
    font-size: .375rem;
}

.mian-from .txt[data-v-ec146204] {
    font-size: .375rem;
    color: #d9a44a;
}

.mian-from .mian-btn .gradient[data-v-ec146204] {
    width: 100%;
    margin: 0 auto;
    background: -webkit-linear-gradient(#fae59f,#d9a44a);
    background: linear-gradient(#fae59f,#d9a44a);
    border: none;
    border-radius: 1rem;
    height: 1rem;
}

.mian-from .mian-btn .gradient span[data-v-ec146204] {
    font-size: .375rem;
    color: #806140;
}

.mian-from .mian-btn .gradient span .img[data-v-ec146204] {
    height: .4rem;
    margin-right: .125rem;
}

.mian-from .mian-btn .text[data-v-ec146204] {
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #bfbfbf;
}

.mian-from .login-other[data-v-ec146204] {
    margin: .375rem 0;
}

.mian-from .login-other .txt[data-v-ec146204] {
    height: 1rem;
    line-height: 1rem;
    font-size: .3rem;
    color: #bfbfbf;
    text-align: center;
    position: relative;
}

    .mian-from .login-other .txt[data-v-ec146204]:after, .mian-from .login-other .txt[data-v-ec146204]:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        border-bottom: .025rem solid hsla(0,0%,100%,.5);
        height: .025rem;
        width: 1.25rem;
    }

    .mian-from .login-other .txt[data-v-ec146204]:after {
        right: 0;
    }

    .mian-from .login-other .txt[data-v-ec146204]:before {
        left: 0;
    }

.mian-from .login-other .box .img[data-v-ec146204] {
    width: .75rem;
    display: block;
    margin: 0 .375rem;
}

.mian .AreaCode-box[data-v-ec146204] {
    padding: .25rem .375rem;
    border-bottom: .025rem solid #eee;
}

.mian .AreaCode-box .item .img[data-v-ec146204] {
    display: block;
}

.mian .AreaCode-box .item .right .chek[data-v-ec146204] {
    height: .5rem;
    width: .5rem;
    line-height: .5rem;
    text-align: center;
    border-radius: .5rem;
    border: .05rem solid #eee;
}

.mian .AreaCode-box .item .right .chek.action[data-v-ec146204] {
    background-color: #f2413b;
    border: .05rem solid #f2413b;
}

.msg[data-v-1dcba851] {
    max-width: 12rem;
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
}

.msg .msg-content[data-v-1dcba851] {
    position: relative;
    padding: .3rem .625rem;
    text-align: center;
    line-height: .6rem;
    word-break: break-all;
    overflow: hidden;
    font-size: .35rem;
    color: #fff;
    background-color: rgba(0,0,0,.8);
}

.v-enter[data-v-1dcba851], .v-leave-to[data-v-1dcba851] {
    opacity: 0;
}

.v-enter-active[data-v-1dcba851] {
    transition: opacity .5s;
    animation: bounce-in-data-v-1dcba851 .5s;
}

.v-leave-active[data-v-1dcba851] {
    transition: opacity .3s;
    animation: bounce-in-data-v-1dcba851 .5s reverse;
}

@keyframes bounce-in-data-v-1dcba851 {
    0% {
        transform: scale(.4);
    }

    50% {
        transform: scale(1.03);
    }

    to {
        transform: scale(1);
    }
}