.loginpage[data-v-7b1c4e52] {
    min-height: 100vh;
    background: #e8eefd;
    padding: 6.666667vw 0 0;
    position: relative;
    z-index: 1
}

.loginpage[data-v-7b1c4e52]:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 126.533333vw;
    background: url(/TDSYNNEX/dist/img/12.a6dbd6db.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1
}

.loginpage .nav-top[data-v-7b1c4e52] {
    padding: 3.2vw 4vw 2.266667vw;
    background: linear-gradient(139deg, #5c31f2, #b456f0);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.loginpage .nav-top .lefti[data-v-7b1c4e52] {
    display: flex;
    align-items: center
}

.loginpage .nav-top .lefti .logoimg[data-v-7b1c4e52] {
    width: 11.2vw;
    height: auto;
    margin-right: 1.733333vw
}

.loginpage .nav-top .lefti .downadi .cashapp[data-v-7b1c4e52] {
    display: flex;
    align-items: center;
    margin-bottom: 1.333333vw
}

.loginpage .nav-top .lefti .downadi .cashapp img[data-v-7b1c4e52] {
    width: 5.333333vw;
    height: auto;
    margin-right: 1.333333vw
}

.loginpage .nav-top .lefti .downadi .cashapp p[data-v-7b1c4e52] {
    font-size: 4.8vw;
    color: #fff;
    font-weight: 600
}

.loginpage .nav-top .lefti .downadi .getteri[data-v-7b1c4e52] {
    color: #fff
}

.loginpage .nav-top .crosst[data-v-7b1c4e52] {
    color: #fff;
    font-size: 5.333333vw
}

.loginpage .logoui[data-v-7b1c4e52] {
    width: 33.866667vw;
    height: auto;
    margin: 9.466667vw 0 1.6vw
}

.loginpage .nameuni[data-v-7b1c4e52] {
    font-size: 6.666667vw;
    color: #000;
    font-weight: 900;
    margin: 2.666667vw 0 2vw
}

.loginpage .nameuni span[data-v-7b1c4e52] {
    color: #005759;
    font-size: 6.666667vw;
    font-weight: 900
}

.loginpage .andrewa[data-v-7b1c4e52] {
    font-size: 3.466667vw;
    color: #000;
    padding: 0 4vw
}

.loginpage .imgget[data-v-7b1c4e52] {
    width: 100%;
    height: auto;
    margin-bottom: 4.933333vw
}

.loginpage .contentbox[data-v-7b1c4e52] {
    background: linear-gradient(135deg, #fff, #e8eeff);
    border-radius: 13.333333vw 6.666667vw 0 0;
    border: .533333vw solid #fff;
    padding: 4.4vw 5.333333vw 4vw;
    height: 120vw;
    margin-top: 5.333333vw;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.loginpage .contentbox .accounti[data-v-7b1c4e52] {
    font-size: 4.533333vw;
    color: #000;
    margin-bottom: 3.2vw
}

.loginpage .contentbox .forgot[data-v-7b1c4e52] {
    color: rgba(0, 0, 0, .6);
    font-size: 3.733333vw;
    text-align: left;
    text-decoration: underline
}

.loginpage .contentbox .btnlog[data-v-7b1c4e52] {
    width: 100%;
    padding: 4.133333vw 0;
    background: #13bfd6;
    border-radius: 6.666667vw 1.6vw 1.6vw 1.6vw;
    font-size: 4.8vw;
    font-weight: 600;
    color: #fff;
    margin: 8vw 0 4vw
}

.loginpage .contentbox .donthave[data-v-7b1c4e52] {
    font-size: 3.733333vw;
    color: rgba(0, 0, 0, .6)
}

.loginpage .contentbox .donthave span[data-v-7b1c4e52] {
    font-size: 3.733333vw;
    font-weight: 600;
    color: #000;
    text-decoration: underline
}

[data-v-7b1c4e52] .input-box {
    border-radius: 6.666667vw 1.6vw 1.6vw 1.6vw;
    height: 13.333333vw;
    padding: 3.333333vw 4vw 1.333333vw;
    margin-bottom: 5.333333vw;
    border: 1px solid #999
}

[data-v-7b1c4e52] .input-box.on-focus {
    border: 1px solid #13bfd6
}

[data-v-7b1c4e52] .input-box .van-field__left-icon {
    margin-right: 2.666667vw;
    display: flex
}

[data-v-7b1c4e52] .input-box .van-field__left-icon .imgna {
    width: 5.333333vw;
    height: 5.333333vw;
    transform: translateY(.4vw)
}

[data-v-7b1c4e52] .input-box .van-field__left-icon .areacode {
    color: #000;
    font-size: 4.8vw;
    font-weight: 600;
    margin-left: 2vw
}

[data-v-7b1c4e52] .input-box input {
    font-size: 4vw;
    font-weight: 500;
    color: #000
}

[data-v-7b1c4e52] .input-box input::-moz-placeholder {
    color: #a0a3b8
}

[data-v-7b1c4e52] .input-box input::placeholder {
    color: #a0a3b8
}

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

[data-v-7b1c4e52] .input-box:after {
    display: none
}