body {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}
#login {
width: 100%;
height: auto;
overflow:hidden;
}
.logtop {
width: 100%;
height: 50px;
margin: 30px 0;
text-align: center;
}

.logtop span, .logtop img {
float: left;
font-size: 36px;
line-height: 50px;
}

.logtop img {
height: 50px;
width: auto;
margin-left: 10%;
}
.login_bg {
    width: 100%;
    height: 570px;
    display: table;
    background: url(../images/loginbg.png) no-repeat center;
    background-size: cover;

}
.rightInfo {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    color: #333;
}
.rightInfo a {
    color: #333;
}
.login_bg .leftPart {
width: 50%;
display: table-cell;
height: 100%;
/*        background-image: url(../images/loginbg.png);
background-color: #555;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;*/
position: relative;
}

.login_bg .rightPart {
position:relative;
width: 50%;
display: table-cell;
vertical-align: middle;
text-align: center;
height: 100%;
}

.login_main {
display: inline-block;
vertical-align: middle;
position: relative;
width: 385px;
margin: 0 auto;
background-color: #fff;
border-radius: 15px;
padding: 0 20px;
}

.login_form {
display: inline-block;
width: 100%;
vertical-align: middle;
}

/*.login_form .logo {
width: 100%;
height: 50px;
}

.login_form .logo img, .login_form .logo label {
float: left;
}

.login_form .logo img {
margin-left: -5px;
}

.login_form .logo label {
font-size: 24px;
line-height: 50px;
}*/

.login_form h2 {
font-size: 20px;
text-align: left;
font-weight: 700;
margin-top: 25px;
margin-bottom: 20px;
font-weight: normal;
}

.login_form .form-item {
position: relative;
width: 100%;
height: 40px;
margin-bottom: 25px;
vertical-align: top;
}
.login_form .form-item.mt15 {
    margin-bottom: 15px;
}
.login_form .form-item i {
font-style: normal;
position: absolute;
width: 20px;
height: 20px;
top: 10px;
left: 10px;
}

.login_form .form-item i.user {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSIjRENERkU2Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE2IDdhNCA0IDAgMTEtOCAwIDQgNCAwIDAxOCAwek0xMiAxNGE3IDcgMCAwMC03IDdoMTRhNyA3IDAgMDAtNy03eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
}

.login_form .form-item i.pwd {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSIjRENERkU2Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDE1djJtLTYgNGgxMmEyIDIgMCAwMDItMnYtNmEyIDIgMCAwMC0yLTJINmEyIDIgMCAwMC0yIDJ2NmEyIDIgMCAwMDIgMnptMTAtMTBWN2E0IDQgMCAwMC04IDB2NGg4eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
}

.login_form .form-item i.vcd {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSIjZGNkZmU2Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTkgMTJsMiAyIDQtNG01LjYxOC00LjAxNkExMS45NTUgMTEuOTU1IDAgMDExMiAyLjk0NGExMS45NTUgMTEuOTU1IDAgMDEtOC42MTggMy4wNEExMi4wMiAxMi4wMiAwIDAwMyA5YzAgNS41OTEgMy44MjQgMTAuMjkgOSAxMS42MjIgNS4xNzYtMS4zMzIgOS02LjAzIDktMTEuNjIyIDAtMS4wNDItLjEzMy0yLjA1Mi0uMzgyLTMuMDE2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
}

.login_form input {
display: block;
-webkit-appearance: none;
appearance: none;
background-color: #FFF;
background-image: none;
border: none;
outline: 0 !important;
border-radius: 4px;
border: 1px solid #DCDFE6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #606266;
font-size: inherit;
height: 40px;
line-height: 40px;
padding: 0 15px;
-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 100%;
padding-left: 35px;
}

.login_form input.verify {
float: left;
display: inline-block;
width: 70%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.login_form span.verifyBox {
float: right;
display: inline-block;
text-align: center;
line-height: 40px;
width: 30%;
height: 40px;
border: 1px solid #DCDFE6;
background-color: #f5f7fa;
border-left: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.login_form span.verifyBox img{
    width: 100%;
    height: 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.login_form input::placeholder {
color: #c0c4cc;
}

.login_form input:hover {
border-color: #c0c4cc
}

.login_form input:focus {
border-color: #10aeb5;
}

.login_form .form-item.itemGroup {
margin-bottom: 15px;
}

.login_form .form-item .form-tip {
position: absolute;
width: 100%;
height: 25px;
padding-left: 10px;
line-height: 25px;
left: 0;
bottom: -25px;
color: red;
font-size: 12px;
text-align: left;
}

.login_form input.red {
border-color: red;
}

.login_form .form-item.itemGroup label {
float: left;
position: relative;
display: inline-block;
width: 65%;
height: 40px;
padding-left: 20px;
line-height: 40px;
text-align: left;
vertical-align: top
}

.login_form .form-item.itemGroup {
line-height: 40px;
}

.login_form .form-item.itemGroup label {
cursor: pointer;
}

.login_form .form-item.itemGroup label span {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #c0c4cc;
    left: 1px;
    top: 13px;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iI2ZmZmZmZiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuNzA3IDUuMjkzYTEgMSAwIDAxMCAxLjQxNGwtOCA4YTEgMSAwIDAxLTEuNDE0IDBsLTQtNGExIDEgMCAwMTEuNDE0LTEuNDE0TDggMTIuNTg2bDcuMjkzLTcuMjkzYTEgMSAwIDAxMS40MTQgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
}

    .login_form .form-item.itemGroup label span.is-check {
        background-color: #67c23a;
        border-color: #67c23a;
    }

.login_form .form-item.itemGroup a {
float: right;
display: inline-block;
vertical-align: top;
height: 40px;
line-height: 40px;
text-align: right;
}

button.el-button {
display: inline-block;
white-space: nowrap;
cursor: pointer;
background: #FFF;
border: 1px solid #DCDFE6;
color: #606266;
-webkit-appearance: none;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
margin: 0;
height: 40px;
line-height: 40px;
-webkit-transition: .1s;
transition: .1s;
padding: 0 20px;
margin-top: 1px;
border-radius: 20px;
}

.el-button.primary {
width: 60%;
color: #FFF;
background-color: #10aeb5;
border-color: #10aeb5
}

.el-button.primary:focus, .el-button.primary:hover {
background-color: #10aeb5;
border-color: #10aeb5;
opacity: 0.8;
filter:alpha(opacity=80);
color: #FFF
}

.el-button.register {
background: #67c23a;
border-color: #67c23a;
color: #fff;
}

.el-button.register:hover {
background: #85CE61;
border-color: #85CE61;
color: #fff;
}

.form-item div.atit {
position: relative;
width: 100%;
height: 50px;
text-align: center;
line-height: 50px;
}

.form-item div.atit span {
position: absolute;
width: 30%;
height: 50px;
top: 0;
left: 35%;
background-color: #fff;
z-index: 9;
}

.form-item div.atit i {
position: absolute;
width: 100%;
height: 1px;
border-top: 1px solid #dcdfe6;
top: 25px;
left: 0;
}
#wxlogin {
    position: relative;
    display: block;
    width: 100px;
    height: 33px;
    margin: 0 auto;
    line-height: 33px;
    color: #aaa;
}

    #wxlogin::before {
        position: absolute;
        content: "";
        width: 100px;
        height: 1px;
        background-color: #c0c0c0;
        left: -100px;
        top: 16px;
    }

    #wxlogin::after {
        position: absolute;
        content: "";
        width: 100px;
        height: 1px;
        background-color: #c0c0c0;
        right: -100px;
        top: 16px;
    }

.otherLogo {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px;
}

    .otherLogo a {
        display: inline-block;
        width: 25px;
        height: 25px;
        padding-top:5px;
        text-align: center;
        background-color: #56a938;
        font-size: 14px;
        color: #fff;
        border-radius: 50%;
    }