.loginpage[data-v-3e1693fe] {
    background: #0f0b08;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.loginpage .imgtop[data-v-3e1693fe] {
    text-align: left;
    padding-left: 4vw;
    margin-bottom: 2.666667vw
}

.loginpage .imgtop img[data-v-3e1693fe] {
    width: 34.666667vw;
    height: auto
}

.loginpage .section-box[data-v-3e1693fe] {
    position: relative;
    z-index: 1;
    flex: 1
}


.loginpage .section-box .pageTitle[data-v-3e1693fe] {
    width: 100%;
    height: 14.666667vw;
    background: #0d0b07;
    display: flex;
    align-items: center;
    justify-content: center
}

.loginpage .section-box .pageTitle img[data-v-3e1693fe] {
    height: 4.533333vw
}

.loginpage .section-box .Title[data-v-3e1693fe] {
    font-weight: 700;
    font-size: 8.266667vw;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5.333333vw
}

.loginpage .section-box .Title span[data-v-3e1693fe] {
    font-size: 6vw;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    display: block
}

.loginpage .section-box .wrap-content[data-v-3e1693fe] {
    padding: 50.666667vw 6.666667vw 2.666667vw
}

.loginpage .section-box .wrap-content .fieldTitle[data-v-3e1693fe] {
    font-weight: 700;
    font-size: 3.733333vw;
    color: #fff;
    text-align: left;
    padding-left: 4vw;
    margin-bottom: 2.4vw
}

.loginpage .section-box .wrap-content .fieldBox[data-v-3e1693fe] {
    position: relative
}

.loginpage .section-box .wrap-content .fieldBox .onFocus[data-v-3e1693fe] {
    width: 100%
}

.loginpage .section-box .forgotyo[data-v-3e1693fe] {
    font-size: 3.733333vw;
    color: #e9ddd0;
    text-align: left;
    margin: 1.6vw 0 3.733333vw;
    font-weight: 500;
    padding-left: 2.666667vw;
    display: flex;
    align-items: center;
    justify-content: end
}

.loginpage .section-box .forgotyo .ser-img[data-v-3e1693fe] {
    width: 5.333333vw;
    margin-right: 1.333333vw;
    transition: transform .2s ease
}

.loginpage .section-box .forgotyo[data-v-3e1693fe]:active {
    transform: scale(.95)
}

.loginpage .section-box .rememberi[data-v-3e1693fe] {
    display: flex;
    align-items: center
}

.loginpage .section-box .rememberi img[data-v-3e1693fe] {
    width: 5.066667vw;
    height: auto;
    margin-right: 1.333333vw
}

.loginpage .section-box .rememberi p[data-v-3e1693fe] {
    font-size: 3.733333vw;
    color: #000;
    font-weight: 500
}

.loginpage .section-box[data-v-3e1693fe] .btnlog {
    width: 100%;
    background: linear-gradient(136deg, #aa7460, #e9ddd0 49%, #bb8673);
    padding: 2.266667vw 6.666667vw;
    transition: transform .2s ease, opacity .2s ease;
    font-weight: 500;
    margin-top: 4vw;
    border: none
}

.loginpage .section-box[data-v-3e1693fe] .btnlog span {
    font-size: 5.6vw;
    color: #000
}

.loginpage .section-box[data-v-3e1693fe] .btnActive {
    transform: scale(.96);
    opacity: .9
}

.loginpage .section-box .haveanac[data-v-3e1693fe] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.6vw
}

.loginpage .section-box .haveanac p[data-v-3e1693fe] {
    font-size: 3.733333vw;
    color: #a3a3a3;
    font-weight: 500;
    text-decoration: underline
}

.loginpage .section-box .haveanac span[data-v-3e1693fe] {
    color: #e9ddd0;
    margin-left: 1.333333vw;
    font-weight: 500;
    text-decoration: underline
}

[data-v-3e1693fe] .input-box {
    height: 13.333333vw;
    margin-bottom: 5.333333vw;
    border: 1px solid #979797;
    background: transparent;
    align-items: center
}

[data-v-3e1693fe] .input-box.on-focus {
    border: 1px solid #fff
}

[data-v-3e1693fe] .input-box .van-field__left-icon {
    display: flex;
    align-items: center
}

[data-v-3e1693fe] .input-box .van-field__left-icon .imgna {
    width: 2.933333vw;
    height: 2.933333vw
}

[data-v-3e1693fe] .input-box .van-field__left-icon .areacode {
    color: #fff;
    font-size: 4.8vw;
    font-weight: 500;
    margin-right: 1.333333vw
}

[data-v-3e1693fe] .input-box input {
    font-size: 4vw;
    font-weight: 500;
    color: #fff
}

[data-v-3e1693fe] .input-box input::-moz-placeholder {
    color: #999
}

[data-v-3e1693fe] .input-box input::placeholder {
    color: #999
}

[data-v-3e1693fe] .input-box .van-field__right-icon .icony {
    font-size: 5.333333vw
}

[data-v-3e1693fe] .input-box:after {
    display: none
}

.whatappbox[data-v-3e1693fe] {
    width: 13.333333vw;
    height: 13.333333vw;
    z-index: 999;
    position: fixed;
    bottom: 30.666667vw;
    right: 1.333333vw;
    border-radius: 1.333333vw
}

.whatappbox img[data-v-3e1693fe] {
    width: 100%;
    height: 100%
}

[data-v-3e1693fe] .hasreset {
    width: 89.333333vw;
    background: #fff;
    border-radius: 4vw;
    padding: 2.666667vw 0 6.666667vw
}

[data-v-3e1693fe] .hasreset .safetyimg {
    width: 30rem;
    height: 30rem
}

[data-v-3e1693fe] .hasreset .beenre {
    font-size: 4.666667vw;
    color: #333;
    font-weight: 600
}

[data-v-3e1693fe] .hasreset .fory {
    margin-top: 4vw;
    font-size: 3.733333vw;
    padding: 0 4vw;
    text-align: left;
    font-weight: 500;
    color: #333
}

[data-v-3e1693fe] .hasreset .btnsure {
    width: 58.5rem;
    height: 10rem;
    background: #7c7f90;
    border-radius: 1.5rem;
    margin-top: 5rem;
    font-size: 3.2rem;
    color: #fff;
    font-weight: 600
}

[data-v-3e1693fe] .hasreset .subuser {
    background: #00529f
}

[data-v-3e1693fe] .hasreset i {
    color: #e21b15;
    font-size: 6.666667vw
}