dispacth_zhongpin/src/views/login/css/index.css

html {
    font-size: 16px !important;
}

/* iPhone6的375px尺寸作为16px基准，414px正好18px大小,600 20px */
/* @media screen and (min-width:375px) {
    html {
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
} */

/* 414px-1000px每100像素宽字体增加1px(18px-22px) */
/* @media screen and (min-width:414px) {
    html {
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px)/586);
    }

} */

/* 600px-1000px每100像素宽字体增加1px(20px-24px) */
/* @media screen and (min-width:600px) {
    html {
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }

} */

/* 1000px往后是每100像素0.5px增加 */
/* @media screen and (min-width:1000px) {
    html {
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) /1000);
    }

    .newlogin_container {
        background-image: url('../../../assets/img/login/bg@2x.png') !important;
    }
} */

.newlogin_container {
    margin: 0;
    width: 100vw;
    height: 100vh;
    /* background-size: calc(100vw - 25.5rem) 100%; */
    /* background-repeat: no-repeat; */
    /* background-position: right; */
    /* background-origin: border-box; */
    /* background-attachment: fixed; */
    animation: start .5s;
    overflow: auto;
    /* background-image: url('../../../assets/img/login/bg@2x.png') !important; */
    background: linear-gradient(to right, #D3DFFB, #FFFFFF, #F0FBFE);
    display: flex;
    justify-content: center;
    align-items: center;
}

.newlogin_container_tb img {
    width: 554px;
    height: 554px;
    margin-right: 234px;
}

.newlogin_login_container {
    /* height: 100%;
    width: 100%; */
    /* padding: 5.7rem 0 0 5.7rem; */
    animation: move 1s;
    /* animation-delay:1s;
    -webkit-animation-delay:1s;  */
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    padding: 52px 80px 94px 80px;
    /* width: 460px; */

}

.newlogin_login_logo {
    width: 147px;
    height: 46px;
}

.newlogin_login_logo img {
    width: 100%;
    height: 100%;
}

.newlogin_login_title {
    color: #000000;
    font-size: 1.45rem;
    margin-top: 2rem;
}

.newlogin_login_from_container {
    margin-top: 3.7rem;
    max-width: 21rem;
}

.newlogin_container .el-input {
    /* box-shadow: 0px 0px 6px 0px rgba(7, 0, 2, 0.2) !important; */
    /* border-radius: 36px; */
}

.newlogin_container .el-input__inner {
    border: 0px !important;
    padding-left: 50px !important;
    /* border-radius: 36px; */
    height: 2.6rem !important;
    font-size: .8rem !important;
    padding-right: 50px !important;

}

.newlogin_container .el-form-item__content .el-input {
    /* box-shadow: 0px 0px 6px 0px rgba(7, 0, 2, 0.2) !important; */

}

.newlogin_container .el-input__prefix {
    display: flex;
    align-items: center;
    left: 20px !important;
}

.newlogin_login_from_butten {
    width: 100%;
    /* border-radius: 36px; */
    font-size: 14px;
    background-color: #409EFF !important;
}

.newlogin_container .el-form-item {
    margin-bottom: 1.9rem !important;
}

.login_switch {
    font-size: .8rem;
    margin-bottom: 2.3rem;
    color: #2F2F2F;
    display: flex;
    justify-content: space-between;
}

.newlogin_container .el-button--medium {
    padding: .7rem 20px;
}

.newlogin_container .el-button--primary {
    background-color: #409EFF !important;

}

.newlogin_container .el-button--primary:hover,
.newlogin_container .el-button--primary:focus {
    background-color: #409EFF !important;


}

.newlogin_container .el-input .el-input__clear {
    font-size: 1rem !important;
    display: flex;
    align-items: center;
}

.newlogin_container .el-input__suffix {
    right: 20px !important;
    display: flex;
    align-items: center;
}

.verifyCode {
    display: flex;
}

.verifyCode .el-input__suffix {
    position: relative;
    right: 0px !important;
    height: 2.6rem !important;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 0.8rem;
    color: #1767F9;
    cursor: default
}

.verifyCode .el-input__inner {
    padding-right: 0 !important;
    flex: 1;
}

@keyframes start {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes move {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}