html,body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    min-width: 1200px;
    font-size:14px;
    color:#666666;
    background: #fff;
}
.el-form-item {
    /* margin-bottom: 10px !important; */
}
.m-b20{
    margin-bottom: 20px;
}
div{
    box-sizing: border-box;
}
.login {
    /* background: url('../image/login/login.jpg')no-repeat;
    background-size:100% 100%; */
    width: 100%;
/*    height: 100%;*/
    height: 97%;
    position: relative;
    display: flex;
    overflow: hidden;
}
.login_left {
    width: 65%;
    height: 100%;
    background: #f6fbfe;
}
        .login_title{
            font-size: 30px;
            font-weight: 600;
            margin: 50px;
            /* display: flex; */
        }
        .login_title>img{
            width: 30px;
            height: 30px;
        }
.login_img {
    text-align: center;
    width: 100%;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}
        .login_img>img{
            width: 60%;
            height: 100%;
        }
    .login_right{
        width: 35%;
        height: 100%;
        box-shadow: -3px 0px 10px #cfcfcf6e;
    }
        .login_form{
            margin-top: 35%;
            width: 100%;
            height: 50%;
            padding: 0 15%;
        }
    .login_tips{
        margin-top: 10px;
        display:flex;
        float: right;
    }
    .login_tips>p{
        margin:0 10px;
    }
    

.login_box {
    width: 800px;
    height: 450px;
    position:absolute;
    top:50%;
    left:calc(50% - 400px);
    transform:translateY(-50%);
    box-sizing:border-box;
    display:flex;
}
    .login_box > div:first-child {
        width: 350px;
        height: 100%;
        color:#ffffff;
        position:relative;
    }
.login_bkg {
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 135deg, #009788 10%, #55B4D2 100% );
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    opacity: 0.8;
}
.login_font {
    position: absolute;
    top: calc(50% - 50px);
    width:100%;
    /* left:30px; */
    font-size: 20px;
    font-weight:600;
    text-align:center;
}

    .login_font > div:first-child {
        font-size: 28px;
        margin-bottom:30px;
    }

.login_box > div:last-child {
    background: #ffffff;
    width: 450px;
    /* height: 100%; */
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 50px;
}
.title {
    text-align:center;
    font-size:20px;
    font-weight:600;
    letter-spacing:4px;
    color:#333333;
}

.center {
    text-align:center;
}
.center .el-form-item__error{
    left:calc(50% - 20px) !important;
}
.el-form-item__label{
    height: 32px;
    line-height: 32px;
}
.login_input .el-input__inner {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: 0px;
    border-bottom: 1px solid #999999;
    border-radius: 0px;
}
.loginBtn {
    background-image: linear-gradient( 0deg, #009788 10%, #55B4D2 100% )!important;
    border: radius 10px, important !important;
    color:#ffffff!important;
    width:100%;
    margin-top:10px!important;
    border-radius: 10px!important;
}
.forget_main {
    font-size:14px;
    line-height:24px;
}
.forget_title {
    font-weight: 600;
    border-left: 5px solid #789cff;
    padding-left: 10px;
}
.forget_c p {
    text-indent:2em;
}
.el-input__inner {
    border: 0;
    background: #f3f3f4;
}
    .el-input__inner:hover,
    .el-input__inner:focus,
    .el-form-item.is-error .el-input__inner,
    .el-form-item.is-error .el-input__inner:focus,
    .el-form-item.is-error .el-textarea__inner,
    .el-form-item.is-error .el-textarea__inner:focus,
    .el-message-box__input input.invalid,
    .el-message-box__input input.invalid:focus {
        border: 2px solid;
        border-color: #00648d;
        background: #fff;
    }
.el-radio-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.el-radio {
     color:#333;
}
.el-radio__inner,
.el-radio__inner:hover {
    border: 1px solid #00648d;
}
.el-radio__input.is-checked + .el-radio__label {
    color: #00648d;
}
.el-radio__inner::after {
    background: unset;
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: #00648d;
    background: #00648d;
}
.el-button.is-round {
    border-radius: 10px;
    background: #50c3f2;
    border: 0;
    box-shadow: 2px 5px 10px #c9c9c9;
}
/*滚动条样式*/
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}

/*底部样式*/
ul {
    padding:0px;
}
ul > li {
    list-style:none;
}
#footer {
    line-height: 30px;
    width: 100%;
    background: #333333;
    padding: 30px 0 20px;
    color: #dbdbdb;
    font-size: 14px;
}

    #footer .footTitle {
        font-size: 20px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 1px;
        border-left: 5px solid #dd0101;
        padding-left: 10px;
        margin-bottom: 15px;
    }

    #footer ul li {
        margin-bottom: 5px;
    }

        #footer ul li img {
            margin-right: 5px;
            width: 20px;
            position:relative;
            top:3px;
        }

    #footer a {
        /*        color: white;*/
        color: #dbdbdb;
        font-size: 14px;
        text-decoration:none;
    }

        #footer a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

        #footer a span {
            font-size: 12px;
        }

.footer {
    width: 1200px;
    margin: auto;
}

.footer-top {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    margin-top: -35px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
}

.footerBottom {
    background: #000000;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
}

    .footerBottom a {
        color: #ffffff;
    }

        .footerBottom a:hover {
            text-decoration: underline;
        }