.logincontent {
    height: 828px;
    width: 100%;
    /* background: url(/images/login/beijing.png);*/
    background-color: #fff;
    background-position: center center;
    display: block;
    margin: 0 auto;
    background-size: cover !important;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

.flexat {
    align-items: center;
    -webkit-align-items: center;
}

.autowidth {
    width: 1226px;
    margin: 0 auto;
    max-width: 94%;
}

.loginmain {
    justify-content: center;
    -webkit-justify-content: center;
    align-items: stretch;
}

.logincontent .img-box {
    margin-right: 120px;
}

    .logincontent .img-box img {
        margin-top: 85px;
    }


.logincontent .login_box {
    width: 427px;
    background: #ffffff;
    border-radius: 8px;
}


.login_box .el-form-item__error {
    margin-left: 39px;
    font-size: 10px;
}

input::placeholder {
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 36px;
}


.zhdl {
    margin-top: 46px;
    margin-left: 154px;
    width: 122px;
    height: 29px;
    font-size: 30px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 36px;
}

button::after {
    outline: none;
    border: none;
    list-style: none;
}

input {
    outline: none;
    border: none;
    list-style: none;
    background: none;
    font-size: 14px;
}

.xzdl {
    margin: 15px 0;
    height: 18px;
    font-size: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 18px;
    width: 100%;
    padding: 0 40px;
}

    .xzdl .xzdl-tab {
        color: #999999;
        float: left;
        width: 50%;
        text-align: center;
    }

        .xzdl .xzdl-tab:nth-child(1) {
            border-right: 1px solid #e6ebf1;
        }

        .xzdl .xzdl-tab:hover {
            transform: scale(1.02);
            color: #333333;
        }

    .xzdl .xzdl-tab-login {
        cursor: pointer;
    }

    .xzdl .xzdl-tab-reg {
        color: #999999;
        float: left;
        width: 100%;
        text-align: center;
    }

        .xzdl .xzdl-tab-reg:nth-child(1) {
            /* border-right: 1px solid #e6ebf1;*/
        }

        .xzdl .xzdl-tab-reg:hover {
            transform: scale(1.02);
            color: #333333;
        }


    .xzdl > a {
        color: #999999;
    }

        .xzdl > a:hover {
            transform: scale(1.02);
            color: #333333;
        }

#back {
    height: 875px;
}

.srk {
    margin-left: 39px;
    height: 52px;
    border-radius: 8px;
    background: #f7f7f7;
    line-height: 52px;
    margin-right: 39px;
    width: 349px;
}

    .srk .el-input__inner {
        border: none;
    }

.el-button--primary {
    border: none;
}

.yymzc {
    margin-left: 39px;
    height: 52px;
    border-radius: 8px;
    background: #f7f7f7;
}

    .yymzc .el-input-group__append {
        border: none;
        border-radius: 4px;
        padding: 0px;
        cursor: pointer;
    }

    .yymzc .el-input__inner {
        height: 100%;
        width: 233px;
        border-radius: 8px;
        background: #f7f7f7;
        border-radius: 8px 0 0 8px;
    }

    .yymzc .el-input-group__append .code {
        width: 106px;
        vertical-align: middle;
    }

.sjhzc {
    margin-left: 39px;
    border-radius: 8px;
    background: #f7f7f7;
    height: 52px;
    margin-right: 39px;
}

.el-form-item.is-error .el-input__inner {
    border: 1px solid;
    border-color: red;
    background-color: #fff;
    font-size: 16px;
}

.sjhzc .el-input__inner {
    height: 100%;
    width: 220px;
    background: #f7f7f7;
    border-radius: 8px;
}

.sjhzc .el-input-group__append {
    /*height: 52px;*/
    background-color: #D9D9D9;
    border-radius: 8px;
    width: 122px;
}

/* .sjhzc .el-input-group__append:hover {
            background-color: #E1251B;
        }*/

.sjhzc .el-button {
    padding: 17px 0px 19px 0;
    width: inherit;
    height: 100%;
    text-align: center;
    border-radius: 8px;
}

    .sjhzc .el-button span {
        color: #fff;
        font-size: 16px;
    }

.sjhzc .btn-active {
    background-color: #E1251B !important; /*UI调整颜色*/
    /*width: inherit;*/
}

.srk .el-input__inner {
    height: 100%;
    background: #f7f7f7;
    border-radius: 8px;
}

.srk:hover {
    /*transform: scale(1.02);
        box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.15);*/
}

.hqyzm:hover {
    /*transform: scale(1.02);
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.15);*/
}

.el-input__inner:focus {
    background-color: #fff;
    border: 1px solid;
    border-color: #E1251B;
}

.hqyzm {
    margin-left: 10px;
    width: 101px;
    /*height: 54px;*/
    border-radius: 8px;
    cursor: pointer; /*鼠标移入时改为小手*/
    color: #ffffff;
}

.hqyzm-active {
    background-color: #E1251B !important; /*UI调整颜色*/
}

.login {
    margin: 30px 0 30px 40px;
    font-size: 18px;
    width: 350px;
    height: 45px;
    background-color: #E1251B !important;
    border-radius: 8px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer; /*鼠标移入时改为小手*/
}

    .login:hover {
        background-color: #EBA7AA !important;
    }

.login-active {
    background-color: #E1251B;
}

    .login-active:hover {
        background-color: #E1251B !important;
    }

.dlxl {
    display: flex;
    justify-content: center;
    margin-top: 11px;
    margin-bottom: 16px;
}

.wjmm {
    margin: auto 0;
    padding: 0 10px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    cursor: pointer; /*鼠标移入时改为小手*/
    border-right: 1px solid #E5E5E5;
}

    .wjmm a {
        color: #999999;
    }

        .wjmm a:hover {
            color: #333;
        }

.ljzc {
    margin: auto 0px;
    padding: 0 10px;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
}

    .ljzc a {
        cursor: pointer; /*鼠标移入时改为小手*/
        color: #999999;
    }

        .ljzc a:hover {
            color: #333;
        }

.qtdlfs {
    /*margin-top: 24px;*/
    width: 427px;
    font-size: 18px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #333333;
    line-height: 36px;
    margin-bottom: 21px;
    display: table-cell;
}

    .qtdlfs::after, .qtdlfs:before {
        content: "";
        background: #e1e1e1;
        height: 1px;
        width: 112px;
        /*bottom: 22%;*/
        margin-top: 10px;
        margin-bottom: 7px;
        display: inline-block;
    }

    .qtdlfs:after {
        margin-left: 24px;
    }

    .qtdlfs:before {
        margin-right: 23px;
    }

.wxdl {
    margin-top: 12px;
    margin-left: 189px;
    width: 50px;
    height: 50px;
    cursor: pointer; /*鼠标移入时改为小手*/
    margin-bottom: 9px;
}

    .wxdl:hover {
        transform: scale(1.05);
    }

.wb {
    /*margin-top: 21px;*/
    margin-left: 81px;
    width: 300px;
    height: 15px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 36px;
    margin-bottom: 39px;
}

    .wb div {
        float: left;
        color: #666666;
        line-height: 20px;
    }

    .wb a:nth-child(2):hover {
        border-bottom: 1px solid rgb(66, 95, 255);
    }

    .wb div:nth-child(2):hover {
        border-bottom: 1px solid rgb(66, 95, 255);
    }

.logincontent .logo {
    width: 100%;
    height: 56px;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #e6ebf1;
}

    .logincontent .logo a {
        margin-left: 360px;
    }

.active span {
    color: #333;
}

.phone_yzm .el-input-group__append {
    background-color: #E1251B;
}

.el-form-item__error {
    padding-top: 2px;
}

.el-form-item {
    margin-bottom: 18px;
}

.register.layui-layer-content .argInfo {
    padding: 30px 0px;
}

    .register.layui-layer-content .argInfo .title {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .register.layui-layer-content .argInfo .content {
        overflow: auto;
        height: 430px;
        padding: 0 60px;
    }

        .register.layui-layer-content .argInfo .content p {
            line-height: 26px;
            color: #555555;
        }

.register.layui-layer-setwin .layui-layer-close2 {
    right: -2px;
    top: -8px;
    background-position: -1px -31px;
    width: 15px;
}

    .register.layui-layer-setwin .layui-layer-close2:hover {
        background-position: -1px -31px;
    }

.register.layui-layer-content .argInfo .content::-webkit-scrollbar { /*滚动条*/
    width: 12px;
    height: 12px;
}

.register.layui-layer-content .argInfo .content::-webkit-scrollbar-thumb {
    /*border-radius:10px;*/
    background: #c1c1c1;
}

.register.layui-layer-content .argInfo .content::-webkit-scrollbar-track {
    /*border-radius:10px;*/
    background: #f1f1f1;
}