* {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
    color: black;
}
header {
    /* min-width: 1200px; */
    height: 80px;
}
.w {
    width: 1200px;
    margin: 0 auto;
}

.w a>img {
    /* width: 200px; */
    height: 70px;
}

.banner {
    /* min-width: 1200px; */
    height: 732px;
    background-color: #060D18;
    /* background-image: url('../images/loginImg1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; */
}
.banner .bg {
    position: relative;
    box-sizing: border-box;
}
.banner .bg .img-box {
    width: 850px;
    height: 732px;
    background-color: #81C0F6;
    display: inline-block;

}
/* 登录 */
.banner .bg .login-box {
    width: 340px;
    height: 672px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: calc((732px - 672px) / 2);
    right: 0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px 15px;
}
.banner .bg .login-box .login-title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 50px;
}
.banner .bg .login-box .login-from {
    margin-top: 20px;
}
.login-box .login-from .el-input-box {
    width: 100%;
}
.login-box .login-from .code-box {
    display: flex;
}
.login-box .login-from .code-box .code {
    flex: 1;
}
.login-box .login-from .code-box .code-input {
    margin-right: 5px;
}
.login-box .login-from .code-box .code-img {
    margin-left: 5px;
    /* background-color: pink; */
}
.login-box .login-from .code-box .code-img>img {
    width: 100%;
    height: 40px;
    display: block;
}
.login-box .login-but {
    width: 100%;
    background-color: #11ba66;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}
.login-box .links {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: #606266;
}
.login-box .links a {
    color: #606266;
}
.login-box .links .register {
    cursor: pointer;
}
.login-box .links .register:hover {
    color: #038dfa;
}
/* 注册 */
.banner .bg .register-box {
    width: 340px;
    height: 672px;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: calc((732px - 672px) / 2);
    right: 0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px 15px;
}
.banner .bg .register-box .register-title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 50px;
}
.banner .bg .register-box .register-from {
    margin-top: 20px;
}
.register-box .register-from .el-input-box  {
    width: 100%;
}
.register-box .register-from .code-box {
    display: flex;
}
.register-box .register-from .code-box .code {
    flex: 1;
}
.register-box .register-from .code-box .code-input {
    margin-right: 5px;
}
.register-box .register-from .code-box .code-img {
    margin-left: 5px;
}
.register-box .register-from .code-box .code-img>img {
    width: 100%;
    height: 40px;
    display: block;
}
.register-box .check-box {
    width: 100%;
    margin-bottom: 23px;
    font-size: 12px;
    color: #606266;
}
.register-box .check-box .checkbox-label {
    margin-left: 8px;
    vertical-align: middle;
    letter-spacing: 1px;
}
.register-box .check-box .checkbox-label>span {
    color: #409eff;
    letter-spacing: 0;
    cursor: pointer;
}

.register-box .register-but {
    width: 100%;
    background-color: #11ba66;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}
.register-box .links {
    width: 100%;
    display: flex;
    justify-content: right;
    margin-top: 8px;
    font-size: 14px;
    color: #606266;
}
.register-box .links .register {
    cursor: pointer;
    color: #038dfa;
    margin-left: 4px;
}


/* 底部 */
.login-foot {
    /* min-width: 1200px; */
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}
.login-foot a {
    color: #999;
    cursor: pointer;
}
.login-foot a:hover {
    color: #038dfa;
}
.login-foot .copyright {
    margin-right: 40px;
    cursor: pointer;
}
.login-foot .foot-link {
    margin-right: 15px;
    cursor: pointer;
}
.login-foot .foot-link:hover {
    color: #038dfa;
}