/* 登录.html */
.login-box {
    position: relative;
    width: 100%;
    height: 9.6rem;
    margin-top: 1rem;
    margin-bottom: -3rem;
    background-image: url("../images/login/bgc1.png");
    background-size: cover;
}
.login-box .form {
    position: absolute;
    right: 2.6rem;
    top: 1.62rem;
    width: 4.8rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.02rem 0.3rem 0.01rem rgba(79,79,79,0.3);
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    overflow: hidden;
    z-index: 33;
}
/* 标题 */
.login-box .title {
    margin-top: 0.4rem;
    text-align: center;
    font-size: 0.24rem;
    color: #333333;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
}
/* 账号、密码 */
.login-box .infos {
    width: 4rem;
    margin: 0.32rem auto 0;
}
.login-box .infos .item {
    width: 100%;
    height: 0.44rem;
    margin-top: 0.2rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #EEEEEE;
    display: flex;
    align-items: center;
}
.login-box .infos .item:first-child {
    margin-top: 0;
}
.login-box .infos .label {
    min-width: 0.9rem;
    height: 0.18rem;
    padding: 0 0.17rem;
    border-right: 0.01rem solid #EEEEEE;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    text-align: center;
}
.login-box .infos input {
    flex: 1;
    margin: 0 0.17rem;
    border: none;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.login-box .infos input::placeholder {
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #D7D7D7;
}
/* 关于密码 */
.login-box .password {
    width: 4rem;
    margin: 0.25rem auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-box .remember {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}
.login-box .remember input {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.1rem;
    border: 0.01rem solid #CCCCCC;
    border-radius: 0.04rem;
}
.login-box .forget {
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #0059AB;
}
/* 按钮 */
.login-box button {
    display: block;
    width: 4rem;
    height: 0.44rem;
    margin: 0.64rem auto 0;
    background: #0059AB;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #FFFFFF;
    border: 0.01rem solid #dddddd;
    cursor: pointer;
}
/* 立即注册 */
.login-box .to-register {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: 0.4rem;
    margin-top: 0.2rem;
    border-bottom: 0.01rem solid #0059AB;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #0059AB;
    line-height: 0.23rem;
}
/* 隐私政策 */
.login-box .agree {
    width: 4.8rem;
    height: 0.4rem;
    margin-top: 0.32rem;
    padding: 0 0.4rem;
    background: #F5F6F8;
    display: flex;
    align-items: center;
}
.login-box .agree input {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.1rem;
    border: 0.01rem solid #CCCCCC;
    border-radius: 0.04rem;
}
.login-box .agree a {
    font-size: 0.12rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}



/* 注册.html */
.register {
    width: 4rem;
    margin: 0.32rem auto 0;
}
.register .item {
    width: 100%;
    height: 0.44rem;
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
}
.register .item:first-child {
    margin-top: 0;
}
.register .label {
    min-width: 0.76rem;
    margin-right: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #7D7D7D;
}
.register .label span {
    font-size: 0.2rem;
    font-family: Segoe UI, Segoe UI;
    font-weight: 400;
    color: #FF0000;
}
.register input {
    flex: 1;
    height: 100%;
    padding: 0 0.18rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #EEEEEE;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #333333;
    transition: all 0.3s;
}
.register input::placeholder {
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #D7D7D7;
}
.register input:focus {
    border: 0.01rem solid #0059AB;
}
.register .get-code {
    width: 1.07rem;
    height: 100%;
    margin-left: 0.1rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #0059AB;
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: #0059AB;
    cursor: pointer;
}