.login,.login_bg,.login_bg img,.login_form,.login_form form{
    width:100%;
    display: block;
}
.login_form{
    padding:0 5%;
}
.login_form_list{
    width:100%;
    display: block;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    font-size:38px;
    line-height:112px;
    color:#000;
}
.login_form_list input::placeholder{
    color:#cbcbcb;
}
.login_form_list span{
    width:100px;
    height: 112px;
    line-height: 112px;
    font-size:38px;
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    top:0;
    right:0;
}
.login_form_list span.icon_del{
    width:38px;
    height: 38px;
    line-height: 38px;
    font-size:20px;
    background: #ccc;
    color:#fff;
    border-radius: 50%;
    top:50%;
    transform: translateY(-50%);
    right:31px;
    display: none;
    text-align: center;
}
.login_form_list input,.login_form_list select{
    width: 100%;
    display: block;
    padding-right:100px;
    height: 112px;
    font-size:38px;
    border:0;
}
.login_agree{
    width:100%;
    display: block;
    font-size:26px;
    line-height:44px;
    color:#000;
    margin:50px 0;
}
.login_agree_input{
    width:44px;
    height:44px;
    border:4px solid #767676;
    border-radius: 3px;
    font-size:24px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    margin-right: 5px;
    float: left;
    color:#fff;
    transition: all ease .3s;
}
.login_agree_input.on{
    background: #009688;
    border-color: #009688;
}
.login_agree a{
    color:#4f97ff;
    float: left;
    display: inline-block;
}
.login_agree span{
    line-height: 44px;
    display: inline-block;
    float: left;
}
.login_form button,.register form button{
    width:100%;
    font-size:40px;
    line-height: 96px;
    text-align: center;
    color:#fff;
    border-radius: 5px;
    display: block;
    background: #d9d9d9;
}
.login_form button.green,.register form button.green{
    background: #009688;
}
.login_extend{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    font-size:26px;
    line-height: 32px;
    color:#646464;
    margin-top:70px;
}
.login_extend a{
    color:#646464;
}
.login_extend .register{
    color:#6398de;
    width:auto;
}
@media screen and (max-width:750px) {
    .login_form_list{
        font-size:5.066vw;
        line-height: 14.933vw;
    }
    .login_form_list span{
        width:13.33vw;
        height: 14.933vw;
        line-height: 14.933vw;
        font-size:5.066vw;
    }
    .login_form_list span.icon_del{
        width:5.066vw;
        height: 5.066vw;
        line-height: 5.066vw;
        font-size:2.666vw;
        right:4.133vw;
    }
    .login_form_list input,.login_form_list select{
        padding-right:13.33vw;
        height: 14.933vw;
        font-size:5.066vw;
    }
    .login_agree{
        font-size:3.466vw;
        line-height: 5.866vw;
        margin:6.666vw 0;
    }
    .login_agree_input{
        width:5.866vw;
        height:5.866vw;
        border:0.533vw solid #767676;
        border-radius: 0.4vw;
        font-size:3.2vw;
        line-height: 4.8vw;
        margin-right: 0.666vw;
    }
    .login_agree span{
        line-height: 5.866vw;
    }
    .login_form button,.register form button{
        font-size:5.333vw;
        line-height: 12.733vw;
    }
    .login_extend{
        font-size:3.466vw;
        line-height: 4.266vw;
        margin-top:9.333vw;
    }
}
.register{
    width:100%;
    padding:0 2%;
    display: block;
}
.register form{
    width:100%;
    display: block;
}
.register_list{
    width:92%;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    border-bottom: 1px solid #d7d7d7;
    font-size:38px;
    line-height: 112px;
    color:#666666;
    margin:0 auto;
}
.register_list span{
    width:195px;
    min-width: 195px;
    display: block;
}
.register_list .register_span{
    width:140px;
    min-width: 140px;
}
.register_list input{
    width:calc(100% - 385px);
    flex-grow: 1;
    font-size:38px;
    display: block;
    line-height: 112px;
}
.register_list input::placeholder{
    color:#c4c4c4;
}
.register_list i{
    width:190px;
    font-size:38px;
    line-height: 112px;
    color:#5497e6;
    display: block;
    white-space: nowrap;
    text-align: right;
}
.register_list p{
    width:50px;
    line-height: 112px;
    display: flex;
    justify-content: center;
    align-content: center;
    font-size:38px;
}
@media screen and (max-width: 750px) {
    .register_list,.register_list input,.register_list i,.register_list p{
        font-size:5.066vw;
        line-height: 14.933vw;
    }
    .register_list p{
        width:6.666vw;
    }
    .register_list span{
        width:26vw;
        min-width: 26vw;
    }
    .register_list input{
        width:calc(100% - 51.33vw);
    }
    .register_list i{
        width:25.33vw;
    }
    .register form button{
        margin-top:9.6vw;
    }
    .register_list .register_span{
        width:18.66vw;
        min-width:18.66vw;
    }
}