* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}

.login-box {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .7);

    z-index:99;

}

.login-content {

    width: 682px;

    background: #fff;

    border-radius: 10px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -341px;

    transform: translateY(-50%);

    padding: 0px 60px;

}

.zhuce {

    display: none;

}

.login {

    display: none;

}

.wangjimima {

    display: none;

}

.all_spring {

    display: none;

}

.zhuce-header {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    padding-top: 20px;

}

.zhuce-header p {

    font-size: 28px;

    font-weight: 600;

}

.zhuce-header span {

    cursor: pointer;

}

.zhuce-content {

    padding-top: 40px;

}

.zhuce-content  input {

    width: 100%;

    height: 70px;

    line-height: 70px;

    font-size: 24px;

    outline: none;

    border: 1px solid #DBDBDB;

    border-radius: 5px;

    padding-left: 30px;

    margin-bottom: 20px;

}

.duanxincode {

    position: relative;

}

.duanxincode button {

    position: absolute;

    width: 125px;

    right: 20px;

    top: 24px;

    outline: none;

    border: none;

    background: none;

    cursor: pointer;

}

.duanxincode button span {

    padding-right: 10px;

}

.yanzhengma {

    display: flex;

}

.yanzhengma input {

    width: 350px;

}

.yanzhengma button {

    outline: none;

    border: none;

    background: none;

    cursor: pointer;

    height: 70px;

    flex: 1;

}

.checkbox {

    display: flex;

}

.checkbox input {

    width: 22px;

    height: 22px;

    margin-right: 10px;

    border: 1px solid #DBDBDB;

}

.checkbox b {

    font-weight: 400;

}

.lijizhuce {

    width: 100%;

    height: 62px;

    text-align: center;

    line-height: 62px;

    background: #E01E10;

    color: #FFFEFE;

    margin-bottom: 20px;

    border-radius: 10px;

    cursor: pointer;

}



.login-caozuo {

    display: flex;

    justify-content: space-between;

    height: 22px;

    margin-bottom: 20px;

}

.login-caozuo input {

    width: 22px;

    height: 22px;

    margin-right: 10px;

    border: 1px solid #DBDBDB;

    background: #fff;

    cursor: pointer;

}

.login-caozuo label {

    vertical-align: top;

    cursor: pointer;

}

.login-caozuo p {

    line-height: 22px;

    cursor: pointer;

}

.login-caozuo span {

    color: #888888;

}

.gozhuce {

    margin: 50px 0;

    text-align: center;

    cursor: pointer;

}

.wanggologin {

    text-align: right;

    margin-top: 40px;

    margin-bottom: 40px;

}

.wangjimima {

    /* display: none; */

}



@media screen and (max-width:768px){

.zhuce-header{ padding-top:.5rem;}

.zhuce-header p{ font-size:.4rem;}

.login-content{ width:96%; margin-left:2%; margin-right:2%; left:0; padding:0px .5rem;}

.zhuce-content{ padding-top:.2rem;}

.zhuce-content input{ height: .8rem; line-height:.8rem; font-size: .24rem; padding-left: .2rem; margin-bottom: .2rem; margin-top:.2rem;}

.login-caozuo{ margin-bottom:.2rem;}

.login-caozuo input{ width:.4rem; height:.4rem; margin-right:0;}

.login_button{ height:.8rem; line-height:.8rem; margin-bottom:.1rem; border-radius:.15rem;}

.gozhuce { margin: .2rem 0; font-size:.2rem; margin-bottom:.5rem;}

/*****×¢²á***/

.duanxincode button{ width:2rem; right:.2rem; top:.38rem;}

.yanzhengma button{ height:auto; margin-left:.2rem;}

.checkbox{ margin-top:.2rem;}

.checkbox input{ width:.4rem; height:.4rem; margin-top:0; margin-bottom:0; float:left; margin-right:.2rem;}

.register{ height:.8rem; line-height:.8rem; margin-top:.2rem; margin-bottom:.2rem;}





























}