.learnh2 {
    margin-top: -20px;
}

.nav_user {
    position: relative;
    font-size: 16px;
}

/*.downdrop{position:absolute; width:160px; background:#356080; display:none; top:100%; right:0px; padding-top:0px; transition:all 0.3s ease 0s;}
.downdrop i{background:url(/Images/pwd.png) no-repeat; position:absolute; width:16px; height:19px; margin-left:-30px; margin-top:7px}
.downdrop .i1{background-position:-33px -128px; margin-top:9px}
.downdrop .i2{background-position:-59px -128px;}
.downdrop .i3{background-position:-83px -128px;}
.top_nav li .downdrop a{display:block; padding-left:60px; height:36px; color:#fff; line-height:36px; border-top:1px solid #4d738f; text-align: left;}
.downdrop a:hover{background:#52a3e2;}
.downdrop .first a{border-top:0 none;}*/
.nav_user:hover .downdrop {
    display: block;
}

.luj {
    background: url(../Images/lint.gif) repeat-x;
    height: 68px;
}

.luj .wp {
    display: block;
    line-height: 68px;
    font-size: 18px;
    color: #7b7b7b;
    padding-left: 110px;
    letter-spacing: 1px;
}

.newpad {
    padding: 10px 10px 20px 0;
}

.userfl {
    width: 180px;
    text-align: center;
}

.userfl li {
    background: url(/Images/l2.gif) no-repeat left bottom;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.userfl a {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #7b7b7b;
    font-size: 16px;
}

.userfl .select a {
    background: var(--color-base-secondary);
    color: #fff;
}

.myInfo {
    color: #5d5d5d;
    width: 100%;
}

.Infpad {
    padding-left: 210px;
}

.myInfo h2 {
    font-weight: normal;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    padding-left: 20px;
}

.myPwd .calssbj {
    border: 1px solid #e6e6e6;
    border-top: none;
}

.calssbj tr .delete a {
    color: #42aafb;
    border-bottom: 1px dashed #42aafb;
}

.calssbj th {
    font-size: 14px;
}

.search-top {
    overflow: hidden;
}

.search {
    border: 1px solid var(--color-base-secondary);
    overflow: hidden;
    height: 36px;
    margin-bottom: 10px;
    position: relative;
    width: 240px;
    float: left;
}

.assign-cancel,
.assign-renew,
.assign-fz {
    float: left;
    width: 82px;
    height: 31px;
    background: var(--color-base-secondary);
    border-radius: 4px;
    text-align: center;
    line-height: 31px;
    color: #fff;
    border: 0 none;
    margin-left: 12px;
    margin-top: 5px;
    cursor: pointer;
}

.search .sear_itp {
    border: 0 none;
    color: #878787;
    line-height: 19px;
    padding: 8px 10px 9px;
    width: 180px;
}

.search i {
    cursor: pointer;
    display: block;
    height: 34px;
    position: absolute;
    right: 5px;
    top: 1px;
    font-size: 25px;
    color: var(--color-base-secondary);
    width: 34px;
}

.coursebox {
    display: block;
    line-height: 34px;
    color: #858585;
    width: 370px;
}

/* .layui-layer.bjcss{padding:0 15px; background:#fff} */
/* .bjcss {height:auto; border-radius:6px; box-shadow:0px 0px 5px #5e5d5d; } */
/* .bjcss .layui-layer-title{border:0 none; font-size:16px; line-height:30px; font-weight:normal; margin-bottom:0px; background:#fff; height:auto; padding:0; margin-top:10px; padding:0 10px} */
/* .layui-layer-page.bjcss .layui-layer-content{overflow:hidden;} */

.bjcss .padd {
    padding: 0px 15px 20px;
    letter-spacing: 2px;
}

.coursebox .k {
    margin: 5px 0;
    overflow: hidden;
}

.coursebox .form-control {
    width: 300px;
    height: 34px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    float: left;
    text-indent: 5px;
}

.coursebox .kprice {
    color: var(--color-base-secondary);
    text-align: center;
    margin: 0px;
}

.kprice strong {
    font-size: 15px;
}

.coursebox .form-control:focus {
    border-color: #63abe5;
}

.coursebox .rd input {
    vertical-align: -2px;
    margin-right: 3px;
}

.coursebox .rd {
    margin-right: 10px;
}

.coursebox .dayCheckbox {
    margin-left: 14px;
    margin-right: 4px;
}

.btn-create {
    width: 165px;
    margin: 0 auto;
    height: 40px;
    font-size: 14px;
    background: var(--color-base-secondary);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    border: 0 none;
    display: block;
}

.headpic {
    width: 65px;
    height: 65px;
    float: left;
}

.headpic img {
    width: 100%;
}

.myPwd .tips {
    margin: 20px 0 30px;
}

.red {
    color: #ff5757;
}

.green {
    color: #59c077;
}

#rosterBox1 .pre {
    position: relative;
}

#rosterBox1 .ico_1 {
    background: url("/Images/ico_1.jpg");
    width: 7px;
    height: 4px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.child-group {
    position: absolute;
    width: 80%;
    left: 10px;
    top: 38px;
    border: 1px solid #d4d4d4;
    border-top: 0 none;
    display: none;
}

.child-group a {
    display: block;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #747474;
    background: #fff;
}

.child-group a:hover {
    background: var(--color-base-secondary);
    color: #fff;
}

.ckebox {
    background: url("/Images/checkbox1.gif");
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: 2px;
    margin-right: 7px;
    z-index: 9;
}

.ckebox.selected {
    background: url("/Images/checkbox2.gif");
}

.ckebox input {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.lefttable {
    width: 650px;
    float: left;
}

.righttable {
    width: 225px;
    float: right;
}

#rosterBox .input {
    width: 70px;
}

#rosterBox .tnamed {
    text-align: left;
    padding-left: 5px;
}

#rosterBox .set {
    font-weight: bold;
    font-size: 18px;
    color: #9e9e9e;
    cursor: pointer;
}

#rosterBox .set:hover {
    color: #25a0ff;
}

.queding {
    width: 94px;
    height: 33px;
    background: var(--color-base-secondary);
    border: 0 none;
    color: #fff;
    text-align: center;
    line-height: 33px;
    border-radius: 5px;
    display: block;
    position: absolute;
    bottom: 12px;
    left: 30px;
    cursor: pointer;
}

/*.layui-layer-page.qiehuancss  .layui-layer-content{padding-bottom:40px}*/
#rosterBox .set a {
    display: inline-block;
    display: inline-block;
    margin-right: 3px;
    width: 17px;
    height: 15px;
    color: var(--color-base-secondary);
}

#rosterBox .set a.edit {
    margin-right: 10px;
}

#rosterBox .set a.delete {}

#xiaozum {
    width: 290px;
    height: 33px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    line-height: 33px;
}

.xiazo {
    text-align: center;
}

.xiazo .queding {
    left: 50%;
    margin-left: -47px;
}

.calssbj .number {
    width: 45px;
    text-align: left;
    padding-left: 30px;
}

.ckebox {
    vertical-align: -2px;
}

.calssbj .delete {
    width: 45px;
}

.center_info .k {
    margin: 12px 0;
    line-height: 40px;
}

@media only screen and (max-width: 1190px) {
    .newpad {
        padding: 35px 30px 20px 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .calssbj tr td.delete {
        width: 7%;
    }
}

#tbStudentList .oprate {
    width: 60px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

#tbStudentList .oprate i {
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-right: 4px;
    color: var(--color-base-secondary);
}

#tbStudentList .oprating {
    position: absolute;
    width: 80px;
    border: 1px solid var(--color-base-secondary);
    display: none;
    right: 31px;
    z-index: 100;
}

#tbStudentList .oprating span {
    display: block;
    width: 80px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

#tbStudentList .oprating span:hover {
    background: var(--color-base-secondary);
    color: #fff;
}

#tbStudentList .oprating span i {
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-right: 4px;
}

#tbStudentList {
    min-height: 44px;
    font-size: 12px;
}

#import-student-model .tab-muban-box ul {
    height: 180px;
    padding: 8px;
    overflow: auto;
}

#import-student-model .tab-muban-box input {
    border: none;
}

#import-student-model .tab-muban-box li {
    padding: 5px 0px;
    cursor: pointer;
    font-size: 14px;
}

#import-student-model .tab-muban-box li:hover {
    color: #fff;
    background-color: var(--color-base-secondary);
}

#import-student-model .gray {
    background-color: #ccc;
}

#import-student-model .studentList .courseName,
#import-student-model .studentList .className {
    display: inline-block;
    max-width: 122px;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#import-student-model .classList .courseName {
    display: inline-block;
    max-width: 265px;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*20190920��ʦ��ɾѧ��Ȩ�޿���*/
.permissionsManage tbody#permissionsTb {
    font-size: 14px;
}

#permissionsTb .addPermissions select,
#permissionsTb .removePermissions select {
    cursor: pointer;
    font-size: 14px;
}

#tbStudentList .oprating span:nth-child(1) i {
    color: var(--color-base-secondary);
}

#tbStudentList .oprating span:nth-child(2) i {
    color: var(--color-base-secondary);
}

#tbStudentList .oprating span:nth-child(3) i {
    color: var(--color-base-secondary);
}

#tbStudentList .oprating span:nth-child(4) i {
    color: var(--color-base-secondary);
}

#tbStudentList .oprating span.wallet-renew i {
    color: var(--color-base-secondary);
}

#tbStudentList .oprating span.wallet-renew:hover i {
    color: white;
}

#tbStudentList .oprating span:nth-child(1):hover i {
    color: white;
}

#tbStudentList .oprating span:nth-child(2):hover i {
    color: white;
}

#tbStudentList .oprating span:nth-child(3):hover i {
    color: white;
}

#tbStudentList .oprating span:nth-child(4):hover i {
    color: white;
}

.wallet-renew>i {}

.wallet-renew:hover>i {}

.choice-card-pay>i {
    color: var(--color-base-secondary);
}

.choice-card-pay:hover>i {
    color: white;
}