body{
    display: flex;
    background: #fff;
    min-width: 1600px;
}
/* new */
html, body{
    height: 100%;
}
/* old */
/*.login_left{*/
/*    width: 70%;*/
/*    background: #f5f5f5 no-repeat right center;*/
/*    background-size: auto 100%;*/
/*    height: 100vh;*/
/*    !*min-height: 620vh;*!*/
/*    display: flex;*/
/*    flex-direction: row-reverse;*/
/*}*/

/* new */
.login_left{
    width: 100%;
    background: #f5f5f5 no-repeat top center;
    background-size:  100%;
    /*background-size: contain;*/
    /*height: 100vh;*/
    min-height: 4488px;
    display: flex;
    flex-direction: row-reverse;
}
.login_left_main{
    width: 1120px;
    height: 100vh;
    display: flex;
    flex-direction: column-reverse;
}
.login_left_main .copyright{
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
/* old */
/*.login_right{*/
/*    width: 30%;*/
/*    !*height: 61%;*!*/
/*    background: #fff;*/
/*    display: flex;*/
/*    !*position: fixed;*!*/
/*    !*top: 139px;*!*/
/*    !*right: 30px;*!*/
/*}*/
/* new */
.login_right{
    width: 28%;
    /*height: 61%;*/
    background: #fff;
    /*display: flex;*/
    position: absolute;
    top: 245px;
    right: 105px;
}
/* old */
/*.login_form{*/
/*    padding: 0 60px;*/
/*    width: 360px;*/
/*    height: 100vh;*/
/*    !*height: 65vh;*!*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*}*/
/* new */
.login_form, .register_form{
    padding: 0 87px;
    width: 360px;
    /*height: 100vh;*/
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.register_form {
    width: 360px;
    height: 450px;
    background-color: #fff;
    position: absolute;
    top: 30%;
    left: 35%;
}

.overlay {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

/* 视频 */
.login_video {
    width: 695px;
    height: 396px;
    background-color: red;
    position: absolute;
    right: 356px;
    top: 1043px;
    /*opacity: 0.2;*/
}
.login_video video {
    width: 695px;
    height: 396px;
}

.login_form_title {
    color: #4ea3ff;
    padding-top: 30px;
}
.account_login {
    margin-right: 10px;
    cursor: pointer;
}
.phone_login {
    margin-left: 10px;
    cursor: pointer;
}
.three_party_account .line{
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
}
.three_party_account .line span{
    border-bottom: #eee solid 1px;    
    width: 100px;
    height: 10px;
}
.three_party_account ul{
    margin: 20px auto;
    display: flex;
    justify-content: space-around;
    width: 180px;
}
.three_party_account ul img{
    width: 56px;
    height: 56px;
}

.back_top{
    width: 100px;
    height: 50px;
    position: fixed;
    bottom: 100px;
    right: 100px;
    font-size: 20px;
    color: white;
    text-align: center;
    line-height: 50px;
    background-color: #333;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}
.back_top:hover{
    opacity: 1;
}

.none{
    display: none;
}