.page-box[data-v-4505d236] {
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#3282f6), to(#4c3ae8));
    background: linear-gradient(180deg, #3282f6, #4c3ae8);
    position: relative
}

.logo {
    display: block;
    width: 28px;
    float: left;
}

.title {
    float: left;
    font-size: 18px !important;
    margin-left: 10px;
    line-height: 25px !important;
    color: #fff;
    font-weight: 100 !important;
}

.page-box img[data-v-4505d236] {
    display: block;
    width: 100%
}

.page-box .logo-box[data-v-4505d236] {
    width: 1.5rem;
    position: absolute;
    top: .2rem;
    left: .15rem;
    margin: auto
}

.page-box .logo-box span[data-v-4505d236] {
    font-size: .14rem;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: .16rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: .3rem;
    line-height: .3rem
}

.page-box .form-box[data-v-4505d236] {
    position: absolute;
    top: 2.1rem;
    left: 0;
    right: 0;
    margin: 0 .15rem
}

.page-box .form-box .form-block[data-v-4505d236] {
    margin-top: .1rem;
    padding: .45rem .2rem .1rem
}

.page-box .form-box .form-block .app-info[data-v-4505d236] {
    text-align: center;
    color: #d73336;
    height: .45rem;
    width: 80%;
    margin: 0 auto .225rem;
    background: url(/static/index/image/login/bg2.984eb8d.png) no-repeat 50%;
    background-size: contain
}

.page-box .form-box .form-block .input-box[data-v-4505d236] {
    height: .4rem;
    border-radius: 1rem;
    border: 1px solid #c2c2c2;
    margin-top: .1rem;
    padding: 0 0 0 .52rem;
    position: relative
}

.page-box .form-box .form-block .input-box img[data-v-4505d236] {
    position: absolute;
    left: .22rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.page-box .form-box .form-block .phone-input img[data-v-4505d236] {
    width: .12rem
}

.page-box .form-box .form-block .code-input img[data-v-4505d236] {
    width: .14rem
}

.page-box .form-box .form-block .form-input[data-v-4505d236] {
    height: 100%;
    border: none;
    outline: none
}

.page-box .form-box .form-block .form-input[data-v-4505d236]::-webkit-input-placeholder {
    color: #999
}

.page-box .form-box .form-block .form-input[data-v-4505d236]::-moz-placeholder {
    color: #999
}

.page-box .form-box .form-block .form-input[data-v-4505d236]::-ms-input-placeholder {
    color: #999
}

.page-box .form-box .form-block .form-input[data-v-4505d236]::placeholder {
    color: #999
}

.page-box .form-box .form-block .input-left[data-v-4505d236] {
    color: #333;
    border-right: 2px solid hsla(0, 0%, 87.1%, .5);
    padding-right: .1rem;
    margin: .05rem .1rem .08rem 0
}

.page-box .form-box .form-block .btn-login[data-v-4505d236] {
    margin-top: .2rem;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, right top, from(#009cff), to(#06f));
    background: linear-gradient(90deg, #009cff, #06f);
    background-size: 100% 100%
}

.page-box .form-box .form-block .link-line[data-v-4505d236] {
    color: #999;
    text-align: center;
    line-height: .4rem
}

.page-box .form-box .form-block .btn-code[data-v-4505d236] {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: .34rem;
    border-radius: .2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto .02rem auto 0;
    background: -webkit-gradient(linear, left top, right top, from(#009cff), to(#06f));
    background: linear-gradient(90deg, #009cff, #06f);
    color: #fff !important
}

.page-box .block1[data-v-4505d236] {
    background-color: #fff;
    border-radius: .08rem
}

.page-box .block1 .form-block[data-v-4505d236] {
    padding-top: .15rem
}

.page-box .beian[data-v-4505d236] {
    font-size: .11rem;
    color: #fff;
    text-align: center;
    padding: .09rem 0 .12rem
}

.page-box .block2[data-v-4505d236] {
    padding: 0 .2rem .045rem;
    margin-top: .2rem
}

.page-box .block2 .scroll-box[data-v-4505d236] {
    height: .2rem;
    background-color: #ffd434;
    color: #eb3f00;
    border-radius: .1rem
}

.page-box .block2 .list-box[data-v-4505d236] {
    background-color: #ffd434;
    list-style: none
}

.page-box .block2 .list-box .list-item[data-v-4505d236] {
    text-align: center;
    color: #eb3f00;
    line-height: .2rem;
    height: .3rem;
    font-size: .13rem
}

.page-box .block2 .list-box .list-item span[data-v-4505d236]:first-child {
    margin-right: 0
}

.page-box .block2 .list-box .list-item em[data-v-4505d236] {
    color: #eb3f00;
    font-style: normal
}

.mc-back[data-v-4505d236] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 2;
    background: url(/sdsd_ch_static/img/pic_arrow_top.e1620d2.png) 100% 0 no-repeat;
    background-size: 65% auto;
    background-color: rgba(0, 0, 0, .8)
}

.sheet-box[data-v-4505d236] {
    position: relative;
    background-color: #fff;
    text-align: center
}

.sheet-box img[data-v-4505d236] {
    display: block;
    width: 100%
}

.sheet-box .btn-trust[data-v-4505d236] {
    position: absolute;
    bottom: .2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #ff5400;
    color: #ff5400
}

.sheet-box .btn-trust.v-btn--disabled[data-v-4505d236] {
    border-color: rgba(0, 0, 0, .26)
}

.sheet-box .icon-close[data-v-4505d236] {
    position: absolute;
    right: 0;
    top: 0;
    width: .45rem;
    height: .45rem
}