/*.control { z-index: 90; position: absolute; top: 0; right: -40%; height: 100%; width: 40%; border-left: solid 1px #d9dbdd; background: rgba(22, 25, 28,0.9); box-sizing: border-box; }
    .control .c_btn { z-index: 91; position: absolute; left: -21px; top: 0; bottom: 0; width: 20px; height: 60px; line-height: 55px; font-size: 20px; margin: auto; border: solid 1px rgba(217, 219, 221, 0.48); border-right: none; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: rgba(255, 255, 255,.05); }
    .control .c_title { display: block; line-height: 40px; text-align: center; padding: 6px 0; }
        .control .c_title select { line-height: 40px; height: 40px; min-width: 120px; background: rgba(22, 25, 28,0.9); color: #fff; }
    .control .c_tab_list { width: 98%; margin: 6px; border-collapse: collapse; box-sizing: border-box; }
        .control .c_tab_list th { border-bottom: solid 2px #d9dbdd; line-height: 50px; text-align: left; padding: 0 2px; }
        .control .c_tab_list td { border-bottom: solid 1px #d9dbdd; line-height: 40px; white-space: nowrap; overflow: hidden; padding: 0 2px; text-overflow: ellipsis; border-left: 1px rgba(217, 219, 221, 0.29) dotted; }
            .control .c_tab_list td:first-child { border-left: none; }*/

/*start-login*/
*{
    margin:0;
    padding:0;
    box-sizing: border-box;;
}

@media screen and (min-width:1019px) {
    .main { width: 1020px; height: 700px; top: 0; right: 0; bottom: 0; left: 0; position: absolute; }
}

@media screen and (max-width:1020px) {
    .main { width: 100%; }
}
input:-internal-autofill-previewed,
  input:-internal-autofill-selected {
    -webkit-text-fill-color: #969AA3;
    transition: background-color 1000s ease-out 0.5s;
  }
  html{
    width: 100%;
    height: 100%;;
  }
.list-body { background: rgba(38,42,51,1); position: relative; padding:5% 20%;}
.login-body{
    background: rgba(38,42,51,1);
}
.main { display: block; margin: auto; background: linear-gradient(143deg,rgba(50,54,63,1) 0%,rgba(39,44,55,1) 100%); }
.login_main { display: flex; }
    .login_main > div { flex: 1; height: 100%; }
.login_rigth { background-image: url('../c_img/right_bg1.png'); background-size: cover; }
.login { width: 360px; padding: 50px 75px 0 75px; box-sizing: border-box; color: #fff; }
    .login .logo { width: 150px; }
    .login .tit { float: left; width: 100%; height: 50px; margin: 80px 0 40px 0; font-size: 20px; }
    .login > div { display: block; clear: both; position: relative; }
        .login > div input { display: block; width: 100%; height: 57px; line-height: 57px; border-radius: 4px; margin: 0 auto; color:#ffffff}
    .login .p_left40 input { padding-left: 58px !important; }
    .login .padding_100 { margin-bottom: 80px; }
    .login .btn input[type=button] { background: #3E424B; border: none;color:#969AA3}
    .login .btn-error input[type=button] { background: linear-gradient(90deg, #222FEF 0%, #F042A9 100%); border: none;color:#ffffff}

    .login .err { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='red' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 85%; background-size: 20px auto; }
.user input, .passw input { border-radius: 4px; border: 1px solid rgba(150,154,163,1); background: none; color: #fff; }
.user:before { position: absolute; content: "账户";color:#969AA3; top: -20px; left: 5px; font-size: 13px; }
.user:after { position: absolute; top: 50%;transform: translateY(-50%); left: 24px; content: ''; width: 16px; height: 16px; background: url("../c_img/user.png") no-repeat center; background-size: 16px auto; }
.user-error:after { position: absolute; top: 50%;transform: translateY(-50%); left: 24px; content: ''; width: 16px; height: 16px; background: url("../c_img/user_err.png") no-repeat center; background-size: 16px auto; }
.passw:before { position: absolute; content: "密码"; color:#969AA3;top: -20px; left: 5px; font-size: 13px; }
.passw:after { position: absolute; top: 50%;transform: translateY(-50%); left: 24px; content: ''; width: 16px; height: 16px; background: url("../c_img/pwd.png") no-repeat center; background-size: 16px auto; }
.passw-error:after { position: absolute; top: 50%;transform: translateY(-50%); left: 24px; content: ''; width: 16px; height: 16px; background: url("../c_img/pwd_err.png") no-repeat center; background-size: 16px auto; }
/*end-login*/
.footers{
    position: absolute;
    bottom:47px;
    left:0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #A1A1A1;
}
.pass-errors{
    height: 100px;
    display: flex!important;
    align-items: center;
}
.pass-errors-img{
    width: 16px;
    height: 16px;
}
.pass-errors-text{
    font-size: 14px;
    font-weight: 400;
    color: #F54B64;
    padding-left:10px;
    white-space: nowrap;
}
/*start_list*/
.list_main { padding: 30px 100px; box-sizing: border-box; color: #fff; 
    background: linear-gradient(
        143deg,rgba(50,54,63,1) 0%,rgba(39,44,55,1) 100%);
        position: absolute;
        top:50%;
        left:50%;
        width: 1200px;
        transform: translate(-50%,-50%);
}
    
.list_tit { display: block; height: 30px; }
    .list_tit .login_out { float: right; width: 30px; height: 30px; background: url("../c_img/tc.png"); background-size: 100%; }
    .list_tit .login_out:hover{
        cursor: pointer;
    }
    .list_tit .login_out:active{
        background: url("../c_img/tc_active.png"); background-size: 100%;
    }
    .list-menu-group{
        position: relative;
    }
    .list-menu-left{
        position: absolute;
    }
    .list-menu-scroll{
        width: 100%;
        overflow: hidden;
    }
    .list-menu-left,.list-menu-right{
        position: absolute;
        top:50%;
        width: 0.4rem;
        height: 0.4rem;
        font-size: 0.2rem;
        font-weight: bold;
        color:#fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: rgba(255,255,255,.4);
    }
    .list-menu-left:hover,.list-menu-right:hover{
        cursor: pointer;
        background-color: rgba(255,255,255,.5);
    }
    .list-menu-right{
        right:0;
        transform: translate(100%,-50%);
    }
    .list-menu-left{
        left:0;
        transform: translate(-100%,-50%);
    }
    .list-menu-boxs{
        display: flex;
        align-items: center;
        transition: transform 0.6s;
    }
    .list-menu-disabled{
        background-color: rgba(255,255,255,.1)!important;
        cursor:not-allowed!important;
        color:#888!important;
    }
.list_menu { display: flex; margin:0;}
    .list_menu li { width: 25%; text-align: center; list-style: none;font-size: 0; }
    .list_menu font { display: inline-block; line-height: 2; font-size: 0.24rem;}
    .list_menu .c:after { content: ''; display: block; background: linear-gradient(90deg, #222FEF 0%, #F042A9 100%); width: 80%; margin: 0 auto; height: 2px; }
    .list_menu font:hover{
        cursor: pointer;
        color:#F042A9;
    }
.list_body { display: block; height: 57vh; position: relative;color: #969AA3; border: 1px solid rgba(150,154,163,.1); }
    .list_body dl { display: flex; border-bottom: 1px solid rgba(150,154,163,.2); padding: 0; margin: 0; }
        .list_body dl > * {padding: 0; margin: 0; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: 0.24rem;height: 0.5rem;line-height: 0.5rem;}
            .list_body dl > *:first-child {flex:none;width:30% ; }
            .list_body dl > *:nth-child(2) { flex: none; width: 20%; }
            .list_body dl > *:nth-child(3) { flex: none; width: 25%; }
            .list_body dl > *:nth-child(4) { flex: none; width: 25%; }
    .list_body .list_b_tit {width: 100%;font-size: 0;}
        .list_body .list_b_tit > * { font-weight: 400; line-height: 0.5rem;font-size: 0.24rem;}
    .list_body .list_b_m { display: block; height: 90%;}
        .list_body .list_b_m .c { background: #3E424B; }

.list_btn { display: block; color: #969AA3; }
    .list_btn input { background: linear-gradient(90deg, #222FEF 0%, #F042A9 100%);border-radius: 4px; width: 99%; margin: 0.3rem auto 0; line-height: 0.5rem; border: none; color: #ffffff;cursor: pointer;font-size: 0.2rem;}
    .list_btn .c { background: linear-gradient(90deg, #222FEF 0%, #F042A9 100%); color: #fff; }
/*end_list*/
.Scrollbars-box{
    overflow-x: hidden;
    overflow-y: auto;
}
.Scrollbars-box-y{
    overflow-x: auto;
    overflow-y: hidden;
}
.Scrollbars-box::-webkit-scrollbar{
    width:5px;
    height:5px;
}
.Scrollbars-box::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:6px;
}
.Scrollbars-box::-webkit-scrollbar-thumb{
    background: #bfbfbf;
}
.Scrollbars-box::-webkit-scrollbar-thumb:hover{
    background: #888;
}
.Scrollbars-box::-webkit-scrollbar-corner{
    background: #bfbfbf;
}