* {
    margin: 0;
    padding: 0;
}
html,body {
    font-family: "微软雅黑";
    width: 100%;
    height: 100%;
}
.l_main {
    width: 100%;
    height: 100%;
}
.l_main .l_img {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.l_main .l_img img {
    width: 100%;
    height: 100%;
}
.l_main .l_dialog {
    position: relative;
    width: 100%;
    height: 100%;
}
.l_dialog .l_box {
    width: 400px;
    height: 455px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #ffffff;
}
.l_dialog .r_box {
    width: 400px;
    height: 510px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #ffffff;
}

/*登录窗*/
.l_main .l_box .l_ctn {
}
.l_main .l_dialog .l_box .l_ctn {
    position: relative;
}
.l_main .l_ctn-logo {
    text-align: center;
}
.l_main .l_ctn-logo img{
    width: 138px;
    height: 138px;
}
.l_main .l_dialog .l_group {
    margin: 0 30px 4px 30px;
    height: 50px;
    /*background: #f5f5f5;*/
    line-height: 50px;
    text-align: left;
    display: flex;
    position: relative;
    border-radius: 3px;
}
.l_main .l_dialog .l_group input {
    outline-style: none ;
    border: 0px;
    line-height: 50px;
    display: block;
    padding: 0 20px;
    font-size: 16px;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 3px;
}
.l_main .l_dialog .l_group span {
    display: none;
    font-size: 12px;
    color: #e81b3c;
}

.l_group .l_group_extra {
    flex: 1;
}
.l_group .l_group_img {
    width: 102px;
    overflow: hidden;
}

.l_group .l_group_txt {
    width: 123px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}
.l_group .l_group_txt::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 22px;
    background-color: #c6c7c8;
}
.l_group .l_group_txt p {
    text-align: center;
    color: #e81b3c;
    line-height: 50px;
}

.l_group .l_group_img > img {
    width: 100%;
    height: 100%;
}
.l_main .l_error {
    height: 44px;
    line-height: 44px;
}
.l_main .l_error > p {
    font-size: 14px;
    text-align: center;
    margin: 0px;
    color: #e81b3c;
 }
.l_main .l_error .l-error-pwd{
    display: block;
}

 .l_main .l_dialog .l_btn {
    text-align: center;
    margin: 0px 30px 4px 30px;
    height: 50px;
}
.l_main .l_dialog .l_btn > button {
    width: 100%;
    height: 100%;
    border: 0 none;
    display: block;
    font-size: 16px;
    background: #e81b3c;
    color: #ffffff;
    border-radius: 5px;
}
.l_main .l_dialog .l_jump {
    text-align: center;
    padding: 15px 0;
    color: #333333;
}
.l_main .l_dialog .l_jump a {
    color: #e81b3c;
}

/*.l_main .l_dialog .l_box .l_ctn .l_list .l_group span {*/
/*    text-align: center;*/
/*    margin-top: 5px;*/
/*    display: inline-block;*/
/*    width: 87px;*/
/*    height: 25px;*/
/*    line-height: 25px;*/
/*    padding-left: 13px;*/
/*    font-size: 15px;*/
/*    color: #353535;*/
/*    border-right: 1px solid #ddd;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn .l_list .l_group .wd{*/
/*    width:120px;*/
/*    font-size: 12px;*/
/*    position: absolute;*/
/*    right: -130px;*/
/*    top: 8px;*/
/*    border-right:none;*/
/*    color: #ff0000;*/
/*    display: none;*/
/*    text-align: left;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn .l_list .l_group input {*/
/*    display: inline-block;*/
/*    height: 25px;*/
/*    line-height: 25px;*/
/*    flex: 1;*/
/*    padding-top: 7px;*/
/*    padding-left: 10px;*/
/*    border: 0;*/
/*    font-size: 15px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn .l_list .l_groups {*/
/*    text-align: left;*/
/*    margin-top: 10px;*/
/*    height: 45px;*/
/*    border: 1px solid #CCCCCC;*/
/*    border-radius: 4px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn .l_list .l_groups .l_group_extra {*/
/*    width: 260px;*/
/*    background: #fff;*/
/*    border-radius: 5px;*/
/*    padding: 5px;*/
/*    height: 35px;*/
/*    line-height: 35px;*/
/*    float: left;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_extra span {*/
/*    text-align: center;*/
/*    margin-top: 5px;*/
/*    display: inline-block;*/
/*    width: 87px;*/
/*    height: 25px;*/
/*    line-height: 25px;*/
/*    font-size: 15px;*/
/*    color: #353535;*/
/*    border-right: 1px solid #ddd;*/
/*    margin-left: 0px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_extra .wd{*/
/*    width:110px;*/
/*    font-size: 12px;*/
/*    position: absolute;*/
/*    right: -120px;*/
/*    top: 162px;*/
/*    border-right:none;*/
/*    color: #ff0000;*/
/*    display: none;*/
/*    text-align: left;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_extra .duanxin {*/
/*    width: 100px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_extra input {*/

/*    line-height: 25px;*/
/*    width: 142px;*/
/*    margin-top: -2px;*/
/*    padding-left: 8px;*/
/*    border: 0;*/
/*    font-size: 15px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_img {*/
/*    width: 120px;*/
/*    height: 45px;*/
/*    float: left;*/
/*    margin: 0px 10px;*/
/*    cursor: pointer;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_img img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    cursor: pointer;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups a {*/
/*    float: left;*/
/*    width: 60px;*/
/*    height: 45px;*/
/*    text-decoration: none;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups a span {*/
/*    font-size: 16px;*/
/*    color: #c5c0c0;*/
/*    font-weight: normal;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_txt {*/
/*    width: 154px;*/
/*    height: 44px;*/
/*    margin-left: 12px;*/
/*    line-height: 45px;*/
/*    border: 1px solid #E81B3C;*/
/*    float: left;*/
/*    text-align: center;*/
/*    position: relative;*/
/*    border-radius: 0 4px 4px 0;*/
/*    top: -1px;*/
/*    cursor: pointer;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_groups .l_group_txt span {*/
/*    color: #E81B3C;*/
/*    font-weight: normal;*/
/*    font-size: 13px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .tip {*/
/*    width: 100%;*/
/*    height: 30px;*/
/*    line-height: 30px;*/
/*    text-align: right;*/
/*    margin-top: 10px;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .tip a {*/
/*    font-size: 13px;*/
/*    color: #E81B3C;*/
/*    display: block;*/
/*    margin-right: 10px;*/
/*    text-decoration: none;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_btn {*/
/*    display: block;*/
/*    background: #E81B3C;*/
/*    height: 44px;*/
/*    line-height: 44px;*/
/*    margin-top: 10px;*/
/*    border-radius: 5px;*/
/*    border: none;*/
/*}*/
/*.l_main .l_dialog .l_box .l_ctn ul li .l_list .l_btn input {*/
/*    display: block;*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*    width:100%;*/
/*    height:100%;*/
/*    background: #E81B3C;*/
/*    border-radius: 5px;*/
/*    border: none;*/
/*    font-size: 20px;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*}*/
/*#div_err_msg_out{*/
/*    position:relative;*/
/*}*/
/*.formControls{*/
/*    position: absolute!important;*/
/*    left: 490px;*/
/*    top: 176px;*/
/*}*/