body {
    background-size: 100% 100%;
    height: 100vh;
    margin: 0;
}

.login-container {
    width: 5.46875rem;
    height: 3.22917rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start
}

.login-container .login-containerL {
    width: 2.60417rem;
    height: 3.22917rem;
    background: url(./left.jpg) no-repeat;
    border-radius: .1rem 0 0 .1rem;
    background-size: 100% 100%
}

.login-container .login-containerR {
    width: 2.86458rem;
    height: 3.22917rem;
    background: url(./right.png) no-repeat;
    border-radius: 0 .1rem .1rem 0;
    background-size: 100% 100%
}

.login-wrap {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    background: url(./bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start
}

.loginBody {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start
}

.loginBody .loginBodyCenter {
    width: calc(100% - 1.45833rem);
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;
    z-index: 10
}

.loginBody .loginBody2 {
    width: 2.34375rem;
    height: 2.55729rem;
    margin-top: 10%
}

.loginTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start
}

.loginTitle p {
    padding-top: .10417rem;
    text-align: center;
    font-size: .25rem;
    font-weight: 700;
    color: #fff
}

.loginBody2Title {
    font-size: .16667rem;
    font-family: PingFang;
    font-weight: 800;
    color: #3d80f4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    padding-top: .3125rem;
    padding-bottom: .20833rem
}

.loginBut {
    width: 2.08333rem;
    height: .26042rem;
    background: #3d80f4;
    font-size: .10417rem;
    border-radius: .13021rem;
    font-family: PingFang;
    font-weight: 800;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    margin: 0 auto;
    cursor: pointer;
    margin-top: .3rem
}

.info {
    display: flex;
    justify-content: space-between;
    width: 2.08333rem;
    align-items: center;
    margin: 0 auto;
    flex-wrap: nowrap;
    margin-bottom: .10417rem;
    flex-direction: row;
    align-content: flex-start
}

.info .forget {
    font-size: .07292rem;
    font-family: PingFang;
    font-weight: 500;
    color: #3d80f4
}

.loginInput {
    width: 2.08333rem;
    height: .28125rem;
    border: 1px solid #e4e7eb;
    margin: 0 auto;
    margin-bottom: .10417rem;
    border-radius: .02604rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start
}

.loginInput .icons {
    width: .29688rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-right: 1px solid #e4e7eb;
    flex-direction: row;
    align-content: flex-start;
    flex-shrink: 0
}

.loginInput .icons .icon {
    color: #555657;
    height: 20px;
    width: 20px;
    font-size: .10417rem
}

.loginInput input {
    width: calc(100% - .10417rem);
    margin-left: .05208rem;
    position: relative;
    height: 100%;
    border: 0;
    background: none;
    font-size: .08333rem;
    font-family: PingFang;
    font-weight: 500;
    outline: none;
    color: #303133
}

input::-webkit-input-placeholder {
    color: #666
}

input::-moz-placeholder {
    color: #666
}

input:-moz-placeholder {
    color: #666
}

input:-ms-input-placeholder {
    color: #666
}

.loginBodyMain {
    width: 86%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start
}

.login14 .el-checkbox__inner {
    border: 1px solid rgb(12, 160, 237)
}

.login14 .el-checkbox__label {
    font-size: .07292rem;
    font-family: PingFang;
    font-weight: 500;
    color: #3d80f4 !important
}

.login14 .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #3d80f4 !important
}

.login14 .el-checkbox.is-checked .el-checkbox__input.is-checked .el-checkbox__inner,
.login14 .el-checkbox.is-checked .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #3d80f4 !important;
    border-color: #3d80f4 !important
}