.page {
    width: 100%;
    height: 100%;
    background: url(../images/bg_img.png) top left no-repeat;
    background-size: cover;
    min-height:600px;
    min-width:1200px;
}
.login_box {
    width: 70%;
    min-width: 840px;
    top: calc(50% - 50px);
    max-width: 970px;
}
.show_box {
    height: 336px;
    background: rgba(255,255,255,0.4);
    display: flex;
    position: relative;
    margin-top: 90px;
}
.login_right{
    width:40%;
}
.login_left {
    text-align: center;
    padding: 108px 0;
    width: calc(60% - 40px);

}
.login_left p{
    color:var(--white);
    font-size: 2.125rem;
    line-height:3.375rem;
}
.login_right {
    background: #f2f7fd;
    position: absolute;
    right: 40px;
    top: -60px;
    border-radius: 10px;
}
.login_title {
    height: 60px;
    line-height: 60px;
    background: var(--color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size:1.5rem;
    color:var(--white);
    text-align:center;
}
.form_box {
    background: var(--white);
    width: 90%;
    margin: 30px auto;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
    padding: 10px 10px 40px;
    box-sizing: border-box;
}
.form_box p{
    height: 30px;
    border-bottom: 3px solid #f1f1f1;
    box-sizing: border-box;
    margin-top: 30px;
    position:relative;
}
.form_box p input{
    border:none;
    color:var(--font_color);
    font-size:1rem;
    vertical-align: top;
    width: calc(100% - 70px);
}
.form_box p input.code_input{
    width: calc(100% - 100px);
}
.code_input+span {
    width: 50px;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    cursor:pointer;
}
.code {
    position: absolute;
    bottom: 5px;
}
.icon_user {
    background: url(../images/user.png) center no-repeat;
}
.icon_psd {
    background: url(../images/psd.png) center no-repeat;
}
.icon_yzm {
    background: url(../images/yzm.png) center no-repeat;
    vertical-align: top;
}
.icon_user, .icon_psd, .icon_yzm {
    background-size: 1.25rem 1.25rem;
    margin-right: 5px;
}
.sub_box {
    padding: 0 30px 30px;
}
.sub_box p,.sub_box button{
    width:100%;
}
.re_line {
    margin: 30px 0;
    color: var(--sub_color);
}
.re_line input{
    margin-right:10px;
}
.sub_box button{
    font-size:1.5rem;
    border-radius:10px;
    height:55px;
}