/*公共部分*/
.flex {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
/*竖直滚动条整体样式*/
.sbc::-webkit-scrollbar{
    width: 4px!important;
}
.sbc::-webkit-scrollbar-thumb{
    border-radius: 4px!important;
    background: #d8d8d8!important;
}
.sbc::-webkit-scrollbar-track{
    width: 4px;
}
/*横向滚动条整体样式*/
.sbr::-webkit-scrollbar{
    height: 4px!important;
}
.sbr::-webkit-scrollbar-thumb{
    border-radius: 4px!important;
    background: #C1C1C1!important;
    height: 5px;
}
.sbr::-webkit-scrollbar-track{
    height: 4px;
}
/*规定不显示滚动条*/
.sbn::-webkit-scrollbar{
    display: none;
}
/*border-box样式*/
.bb{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*弹出窗的按钮*/
/*取消按钮*/
.layui-layer-btn .layui-layer-btn0 ,.layui-btn-equit{
    min-width: 65px;
    max-width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    margin-left: 0!important;
    margin-right: 0!important;
    background: #FFF!important;
    border: 1px solid #D9D9D9!important;
    border-radius: 4px!important;
    color: rgba(0,0,0,0.65)!important;
}
/*确定按钮*/
.layui-layer-btn .layui-layer-btn1 , .layui-btn-submit{
    min-width: 65px;
    max-width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0 0 16px!important;
    background: #108EE9!important;
    border: 1px solid #108EE9!important;
    border-radius: 4px!important;
    color: #FFF!important;
}
/*自定义按钮的位置高度*/
.self-btn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 8px !important;
}
/*自定义弹窗头部的样式高度*/
.self-title{
    background: #FFF!important;
    height: 52px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px!important;
}
/*自定义右上角角标*/
.urt-mark,.urt-mark-jia{
    position: absolute;
    right: 0;
    bottom: 30px;
    padding: 2px;
    background: #FFF;
    border-radius: 50%;
}
.urt-mark-jia>i{
    display: block;
    width: 10px;
    height: 10px;
    background: #E55050;
    border-radius: 50%;
}
.urt-mark>i{
    display: block;
    width: 10px;
    height: 10px;
    background: #0BA194;
    border-radius: 50%;
}
/*一行文本溢出*/
.tof1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*每一块的顶部标题*/
.mst-title{
    width: 100%;
    align-items: center;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #E8E8E8;
}
.mst-title>a{
    font-size: 14px;
    color: #108EE9;
    position: absolute;
    right: 0;
}
.mst-title>.sl-search{
    position:relative;
    margin-left: auto;
    margin-right: 32px;
}
.sl-search input{
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
}
.sl-search  i{
    color: #595959;
    position:absolute;
    top: 5px;
    right: 0;
    z-index: 1;
    cursor:pointer;
}
label{
    cursor: pointer;
}
/*空状态，不同高度另设*/
.mst-empty{
    width: 100%;
    display: box;
    display: -webkit-box;
    /* iOS 6-, Safari 3.1-6 */
    display: -webkit-flex;
    /* Chrome */
    display: -moz-box;
    /* Firefox 19 */
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #E0E0E0;
}
.mst-empty img{
    max-width: 170px;
    margin-bottom: 8px;
}
.mst-empty>div{
    display: box;
    display: -webkit-box;
    /* iOS 6-, Safari 3.1-6 */
    display: -webkit-flex;
    /* Chrome */
    display: -moz-box;
    /* Firefox 19 */
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mst-empty h4{
    margin-top: 8px;
    text-align: center;
}
/*校长主页空状态*/
.sch-perfect-tea>.mst-empty h4{
    font-size: 30px;
}
.sch-perfect-tea>.mst-empty
,.sch-recd-course>.mst-empty{
    height: calc(100% - 41px);
}
.sch-perfect-tea>.mst-empty>div
,.sch-recd-course>.mst-empty>div
,.sch-comments>.mst-empty>div{
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*分页*/
.layui-laypage{
    margin: 16px 0 0;
}
.layui-laypage>a,
.layui-laypage>span{
    margin: 0 4px 0;
    border-radius: 4px !important;
}
/*layui插件弹出框样式*/
.addclass-pop .layui-form-item
,.mi-addterm .layui-form-item{
    margin-bottom: 15px;
}
.addclass-pop,.mi-addterm,.li-change{
    overflow: hidden;
}
.addclass-pop .layui-layer-content,.mi-addterm .layui-layer-content,.li-change .layui-layer-content{
    overflow: visible!important;
}
.addclass-pop hr,.mi-addterm hr,.li-change hr{
    width: 120%;
    margin: 0 -40px;
}
#addbj .smt,#we .smt{
    width: 100%;
    text-align: right;
    padding-top: 16px;
}
#addbj .smt{
    padding-right: 12px;
}
/*添加班级弹窗*/
.addclass-pop{
    width: 456px!important;
    height: 576px!important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -288px!important;
    margin-left: -228px!important;
}
/*新增学期弹窗*/
#we .smt{
    padding-top: 16px;
}
.mi-addterm{
    width: 466px!important;
    /*height: 566px!important;*/
    top: 50% !important;
    left: 50% !important;
    margin-top: -283px!important;
    margin-left: -233px!important;
}
/*修改信息弹窗*/
#addbj{
    margin: 20px 20px 0;
    color: #606060;
}
.li-change{
    width: 456px!important;
    height: 603px!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -301.5px!important;
    margin-left: -228px !important;
}
/*弹窗圆角*/
.layui-layer{
    border-radius: 4px!important;
}
/*信息弹窗位置layer-msg*/
/*.layui-layer-msg{*/
    /*top: 45% !important;*/
    /*left: 44% !important;*/
/*}*/
/*loading弹窗位置*/
.layui-layer-loading{
    top: 46% !important;
    left: 50% !important;
}
/*下拉框尾巴*/
.end-close{
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #93999F;
    border-left: 1px solid #93999F;
    border-radius: 1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transfrom .2s ease-in,top .2s ease-out;
    -moz-transition: transfrom .2s ease-in,top .2s ease-out;
    -ms-transition: transfrom .2s ease-in,top .2s ease-out;
    -o-transition: transfrom .2s ease-in,top .2s ease-out;
    transition: transfrom .2s ease-in,top .2s ease-out;
    position: absolute;
    left: 94px;
    top: 7px;
}
/*end公共部分*/

.mst-container{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.mst-container .empty-status{
    padding-top: 106px;
}
.mst-container>div{
    width: 100%;
    background: #FFF;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 16px 24px 24px;
}
.mst-container>div.backtop{
    width: 60px;
    border-radius: 50%;
    padding: 0;
}
.mst-container>div.ml-subnav{
    background: transparent;
}
/*学校简介*/
.mst-container .mst-school{
    height: 191px;
    margin: 32px 0;
    padding: 24px 32px;
    justify-content: space-between;
}
.mst-school>.mst-school-logo{
    width: 212px;
    height: 100%;
    position: relative;
}
.mst-school-logo>.school-logo-item{
    position: absolute;
    top: -34.5px;
    right: 0;
    width: 212px;
    height: 212px;
    padding: 8px;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.50);
    border-radius: 4px;
    overflow: hidden;
}
.school-logo-item>img{
    width: 100%;
    height: auto;
    margin: auto;
}
.mst-school>.mst-school-main{
    width: calc(100% - 244px);
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.mst-school-main>.school-main-top{
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 11px;
}
.school-main-top>h3{
    max-width: 800px;
    font-size: 24px;
    color: #262626;
    position: relative;
}
.school-main-top>span{
    margin-left: 16px;
    font-size: 16px;
    color: #262626;
    align-items: center;
    /*cursor: pointer;*/
}
.school-main-top>span:nth-child(2)>em{
    max-width: 80px;
}
.school-main-top>span:nth-child(3)>em{
    max-width: 170px;
}
.school-main-top>span:nth-child(4)>em{
    max-width: 275px;
}
.school-main-top>span i{
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("../images/chapter.png") no-repeat;
}
.school-main-top>span:nth-child(2) i{
    background-position:  -29px -230px;
}
.school-main-top>span:nth-child(3)>i{
    background-position:  -29px -252px;
}
.school-main-top>span:nth-child(4)>i{
    background-position:  -29px -276px;
}
.mst-school-main>.school-main-btm{
    height: 99px;
    font-size: 14px;
    color: #595959;
}
.school-main-btm>p{
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-align: justify;
    line-height: 20px;
}
/*学校组成统计数据*/
.mst-container .mst-school-makeup{
    background: inherit;
    padding: 0!important;
}
.mst-data-list{
    justify-content: space-between;
    overflow: hidden;
}
.mst-data-list .link-a{
    top: -173px;
    background: rgba(0,0,0,0.56);
    color: #FFF;
    font-size: 20px;
    line-height: 173px;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: top .1s;
    -moz-transition: top .1s;
    -ms-transition: top .1s;
    -o-transition: top .1s;
    transition: top .1s;
}
.mst-data-list>li:hover .link-a{
    top: 0;
}
.mst-data-list>li{
    position: relative;
    width: 225px;
    height: 173px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FFF;
    box-shadow: 0 0 2px 0 rgba(157,157,157,0.50);
    border-radius: 4px;
}
.mst-data-list>li>i{
    font-size: 50px;
}
.mst-data-list>li>span{
    font-size: 14px;
    color: #595959;
    font-weight: 600;
    margin: 8px 0 8px;
}
.mst-data-list>li>em{
    font-size: 20px;
    line-height: 28px;
    color: #108EE9;
}
.mst-data-list-other>li{
    width: 187px;
}
.mst-title>span{
    display: block;
    height: 24px;
    width: 7px;
    margin-right: 8px;
    background: #FF8F0B;
}
.mst-title>h4{
    font-size: 18px;
    color: #FF8F0B;
    font-weight: 600;
}
.mst-school-makeup>.school-makeup-main{
    width: 100%;
    height: calc(100% - 25px);
    padding: 0 120px;
    align-items: center;
    justify-content: space-between;
}
.school-makeup-main>div{
    width: 33.33%;
    align-items: center;
}
.school-makeup-main>div:nth-child(1){
    justify-content: flex-start;
}
.school-makeup-main>div:nth-child(2){
    justify-content: center;
}
.school-makeup-main>div:nth-child(3){
    justify-content: flex-end;
}
.school-makeup-main>div:nth-child(1)>i{
    width: 50px;
    height: 51px;
    background: url("../images/main-img.png") no-repeat -29px -64px;
}
.school-makeup-main>div:nth-child(2)>i{
    width: 50px;
    height: 50px;
    background: url("../images/main-img.png") no-repeat -29px -120px;
}
.school-makeup-main>div:nth-child(3)>i{
    width: 53px;
    height: 50px;
    background: url("../images/main-img.png") no-repeat -29px -175px;
}
.makeup-stu>.makeup-stu-list
,.makeup-tea>.makeup-stu-list
,.makeup-classes>.makeup-stu-list{
    flex-direction: column;
    justify-content: center;
    margin-left: 32px;
    position: relative;
}
.makeup-stu>.makeup-stu-list>span
,.makeup-tea>.makeup-stu-list>span
,.makeup-classes>.makeup-stu-list>span{
    font-size: 18px;
    font-weight: 400;
    color: #606060;
    line-height: 25px;
    text-align: center;
}
.makeup-stu-list>span:nth-child(2){
    margin-bottom: 8px;
}
/*课程安排*/

.mst-container .mst-course-manage{
    max-height: 510px;
    margin: 24px 0;
}
.mst-course-manage>.mst-course-main{
    width: 100%;
    height: calc(100% - 54px);
    margin-top: 16px;
}
.mst-course-main>.course-outter
,.mst-record-main>.course-outter{
    width: 100%;
    flex-direction: column;
    overflow: hidden;
}
.course-outter>li{
    width: 100%;
    padding: 12px 0;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
}
.course-outter>li:nth-child(1){
    background: #F4F4F4;
    padding: 16px 0;
    font-size: 14px;
    color: #262626;
    font-weight: 600;
    border: none;
}
.course-outter>li:not(:first-child){
    margin-top: 16px;
    font-size: 14px;
    color: #595959;
}
.mst-course-main .course-inner
,.mst-record-main>.course-inner{
    width: 100%;
}
.course-inner>li{
    position: relative;
}
.course-inner>li:not(:first-child){
    display: flex;
    width: 16.66%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.course-inner>li:first-child{
    display: flex;
    width: 16.66%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 24px;
}
.course-inner>li:nth-child(4)>a{
    color: #108EE9;
}
.course-inner>li img{
    width: 100%;
    height: auto;
}
.course-inner>li>span{
    max-width: 100%;
}
/*课程安排弹窗和上课记录公共部分*/
.total-stu-list{
    width: 100%;
    max-height: 100%;
    flex-wrap: wrap;
    overflow-y: overlay;
    padding: 0 12px;
}
.total-stu-list>.total-stu-item{
    width: 50px;
    height: 82px;
    position: relative;
    margin-bottom: 24px;
    background: #FFF;
    /*box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);*/
    /*border-radius: 4px;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.total-stu-item>.stu-item-img{
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 12px;
}
.stu-item-img>img{
    width: 100%;
    height: auto;
    border-radius: 0!important;
}
.total-stu-item>span{
    color: #595959;
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
/*end课程安排弹窗和上课记录公共部分*/
/*教师列表*/
.mst-container .mst-teacher-intro{
    /*height: 303px;*/
    /*overflow: hidden;*/
}
.mst-teacher-intro>.mst-tea-main{
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 24px;
    flex-wrap: wrap;
}
.mst-tealist-box{
    width: 100%;
    flex-wrap: nowrap;
}
.mst-tealist-box>li{
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 48px;
}
.mst-tealist-box .tealists-img{
    width: 84px;
    height: 84px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.mst-tealist-box .tealists-img>img{
    width: 100%;
    height: auto;
}
.mst-tealist-box p{
    width: 84px;
}
.tealists-show{
    display: none;
    width: 360px;
    height: 204px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    z-index: 1000;
}
.mst-tealist-box>li:hover .tealists-show{
    /*display: block;*/
}
.mst-tealist-box>li:last-child .tealists-show{
    right: -24px;
}
.mst-tealist-box>li:nth-child(8) .tealists-show{
    right: -154px;
}
.mst-tea-main>div{
    width: 31.25%;
    margin-bottom: 24px;
    height: 204px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
    border-radius: 4px;
}
.mst-tea-main>div:nth-child(3n){
    margin-right: 0!important;
}
.mst-tea-main>div:not(:last-of-type){
    margin-right: 36px;
}
.mst-tea-item{
    height: 100%;
    position: relative;
    padding: 24px 0 0 0;
    flex-direction: column;
    justify-content: space-between;
}
.mst-tea-item>.tea-item-top{
    width: calc(100% - 48px);
    height: 60px;
    padding: 0 24px;
}
.tea-item-top>.tea-item-img{
    width: 60px;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    align-items: center;
}
.stu-item-top>.stu-item-img{
    width: 50px;
    height: 50px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
    align-items: center;
}
.tea-item-img>img,.stu-item-img>img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.tea-item-top>.tea-item-detail{
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    font-size: 16px;
    color: #595959;
    position: relative;
}
.tea-item-detail>span>em{
    max-width: 120px;
}
.stu-item-detail>span>em{
    max-width: 80px;
}
.tea-item-detail>span>i,.stu-item-detail>span>i{
    margin-left: 8px;
}
.mst-tea-item>.tea-item-main{
    width: calc(100% - 48px);;
    height: calc(100% - 132px);
    color: #595959;
    padding: 0 24px;
}
.tea-item-main>p{
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
}
.mst-tea-sign{
    width: 40px;
    height: 50px;
    background: #0BA194;
    color: #FFF;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 35px;
}
.mst-tea-sign>span{
    margin-top: 12px;
}
.mst-tea-sign>i{
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 10px solid #FFF;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
.mst-teaopr{
    width: 100%;
    height: 61px;
    line-height: 61px;
    background: #FAFAFA;
    border-top: 1px solid #E8E8E8;
    border-radius: 0 0 4px 4px;
}
.mst-teaopr-left{
    float: left;
    padding-left: 24px;
}
.mst-teaopr-left>a{
    font-size: 14px;
    color: #ACACAC;
    cursor: no-drop;
}
.mst-teaopr-left>a>i{
    font-size: 16px;
    vertical-align: middle;
}
.mst-teaopr-left>a:first-child{
    margin-right: 24px;
}
.mst-teaopr-right{
    float: right;
    height: 100%;
    padding-right: 24px;
}
.mst-teaopr-right>a{
    display: block;
    width: 88px;
    height: 32px;
    line-height: 32px;
    background: #108EE9;
    border-radius: 2px;
    font-size: 14px;
    color: #FFF;
    margin-top: 14.5px;
    cursor: no-drop;
}
/*教师列表空状态*/
.tl-jiaoshi{
    padding-bottom: 24px;
}
.tl-jiaoshi>ul{
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 24px;
}
.tl-jiaoshi-inner>li .ll-img{
    width: 50px;
    height: 50px;
    border: none;
}
.tl-jiaoshi-inner>li .ll-img>img{
    width: 100%;
    height: auto;
}
.tl-container .tl-main .mst-empty{
    height: 606px;
}
.tl-jiaoshi .tl-page{
    justify-content: flex-end;
    margin-top: 24px;
    padding-right: 24px;
}

/*学生列表*/
.mst-container .mst-student-intro{
    /*height: 327px;*/
    margin: 24px 0;
}
.mst-stu-main{
    width: 100%;
    height: calc(100% - 59px);
    flex-wrap: wrap;
    margin-top: 24px;
    overflow: hidden;
}
.mst-stu-main>div:not(:nth-child(4n)){
    margin-right: 24px;
}
.mst-stu-main .mst-stu-item{
    position: relative;
    padding: 16px 24px;
    height: 102px;
    width: 270px;
    margin-bottom: 24px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
    border-radius: 4px;
    font-size: 14px;
    color: #595959;
}
.mst-stu-item .stu-item-top{
    width: 100%;
}
.stu-item-top>img{
    width: 50px;
    height: 50px;
    margin-right: 16px;
}
.stu-item-top>.stu-item-detail{
    width: calc(100% - 65px);
    flex-direction: column;
    position: relative;
}
.stu-item-detail>.stu-item-main{
    margin-top: 7px;
}
.stu-item-main>p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sl-item-detail>a>em:nth-child(1){
    max-width: 100px;
    width: auto;
    margin-left: 0!important;
}
/*班级列表*/
.mst-container .mst-class-intro{
    padding: 0;
    height: 483px;
    background: inherit;
    justify-content: space-between;
}
.mst-class-intro .mst-class-left{
    padding: 16px 24px 8px;
    width: 67.25%;
    height: 100%;
    background: #FFF;
    border-radius: 4px;
}
.mst-class-left .mst-grade-main{
    width: 100%;
    height: calc(100% - 40px);
    margin-top: 16px;
    overflow: hidden;
}
.mst-class-left .grade-inner>li:nth-child(4){
    max-height: 72px;
}
.mst-class-main>.grade-outter>li:nth-child(4){
    margin-bottom: 16px;
}
.mst-grade-main>.grade-outter{
    width: 100%;
    flex-direction: column;
}
.grade-outter>li{
    width: 100%;
    padding: 12px 0;
    color: #595959;
}
.grade-outter>li:not(:first-child){
    border: 1px solid #E8E8E8;
    margin-top: 16px;
}
.tl-student{
    overflow: initial!important;
    padding-bottom: 0;
    padding-top: 0!important;
}
.sl-content .sl-page{
    border-top: 0;
}
.tl-student .grade-outter>li:not(:first-child){
    border: 0;
    margin-top: 0;
    border-bottom: 1px solid #E8E8E8;
}
.grade-outter>li:first-child{
    color: #262626;
    font-weight: 600;
    background: #F4F4F4;
    padding: 16px 0;
}
.mst-grade-main>.grade-inner{
    width: 100%;
}
.grade-inner>li{
    position: relative;
}
.grade-inner>li:not(:first-child){
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.grade-inner>li:first-child{
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 24px;
}
.mst-class-main .grade-inner>li:nth-child(2)>a{
    max-width: 80%;
}
.mst-class-main .grade-inner>li:nth-child(4)>span{
    max-width: 90%;
}
.grade-inner>li>div{
    width: 115px;
    height: 52px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    align-items: center;
}
.grade-inner>li>div.ll-img{
    overflow: hidden;
}
.grade-inner>li>div>img{
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.grade-inner>li:nth-child(2)>span
,.grade-inner>li:nth-child(3)>span{
    max-width: 100%;
    line-height: 20px;
}
.grade-inner>li:last-of-type>a{
    color: #108EE9;
}
.tl-opbtn>a{
    font-size: 14px;
    color: #108EE9;
}
.tl-opbtn>a#level{
    margin-right: 10px;
}
.tl-opbtn>a#delete-d{
    margin-right: 10px;
}
.level-change{
    width: 456px!important;
}
#level-box{
    overflow: visible;
    padding: 24px 32px 4px 24px;
}
#level-box .layui-form-label{
    width: 70px;
    padding: 9px 8px;
}
#level-box .layui-input-block{
    margin-left: 86px;
}
.origin-level{
    background: #F4F4F4;
}

/*教室列表*/
.mst-class-intro .mst-class-right{
    padding: 16px 24px;
    width: 30.75%;
    height: 100%;
    background: #FFF;
    border-radius: 4px;
}
.mst-cls-main .laytable-cell-1-0-0{
    padding: 0 32px;
}
.mst-class-right>.mst-cls-main{
    margin-top: 0;
    width: 100%;
    height: calc(100% - 40px);
}
.mst-cls-main>.cls-main-outter{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cls-main-outter>li{
    position: relative;
}
.cls-main-outter>li>span{
    width: 50%;
    height: 100%;
    align-items: center;
}
.cls-main-outter>li>span>em{
    max-width: 100%;
}
.cls-main-outter>li>span:nth-child(2){
    padding-left: 32px;
}
.cls-main-outter>li>span:last-child{
    padding-right: 32px;
    justify-content: flex-end;
}
.cls-main-outter>li:first-child{
    background: #F4F4F4;
    color: #262626;
    width: 100%;
    height: 52px;
    font-weight: 600;
}
.cls-main-outter>li:first-child>span:first-child{
    padding-left: 32px;
}
.cls-main-outter>li:not(:first-child){
    height: 44px;
    width: 100%;
    color: #595959;
    background: #FFF;
    border-bottom: 1px solid #D8D8D8;
}
/*教室列表学期详情*/
.layout-h{
    height: 100%;
    min-height: 100%;
}
.layout-b{
    min-height: 100%;
    height: 100%;
    position: relative;
    background: #F4F4F4;
}
.mtd-container{
    width: 100%;
    min-height: 100%;
    height: auto!important;
    padding-bottom: 195px;
}
.layout-b .foot-in{
    margin-top: -163px;
}
.mtd-box{
    width: 100%;
    min-height: 600px;
    background: #FFF;
    padding: 24px 32px;
}
.mtd-box>div{
    width: 100%;
}
.mtd-box>div>h2{
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #F4F4F4;
    font-size: 18px;
    font-weight: 600;
    color: #606060;
    padding-left: 30px;
}
.mtd-list{
    width: 100%;
    flex-wrap: wrap;
    padding: 32px 0;
}
.mtd-list>li{
    width: 50%;
    font-size: 14px;
    padding-left: 100px;
    margin-bottom: 24px;
    line-height: 20px;
    color: #333333;
}
.mtd-list>li>label{
    display: inline-block;
    width: 84px;
    font-weight: 600;
    text-align: right;
    color: #6B6B6B;
    margin-right: 8px;
}
.mtd-stulist{
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px 36px 0;
}
.mtd-stulist>li{
    position: relative;
    width: 164px;
    height: 82px;
    align-items: center;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    margin-right: 16px;
    margin-top: 16px;
}
.mtd-stulist>li.mtd-stuadd{
    border: 2px dashed #E8E8E8;
    font-size: 50px;
    color: #E8E8E8;
    cursor: pointer;
    justify-content: center;
    margin-left: -8px;
    margin-right: 24px;
}
.mtd-stuadd>i{
    margin-top: -8px;
}
.mtd-stulist>li:nth-child(6n){
    margin-right: 0;
}
.mtd-stulist>li .mtd-stu-img{
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin-left: 24px;
}
.mtd-stulist>li img{
    width: 100%;
    height: auto;
}
.mtd-stulist>li .mtd-stu-name{
    width: calc(100% - 74px);
    justify-content: center;
}
.mtd-stulist>li span{
    max-width: 68px;
    height: 20px;
    font-size: 14px;
    color: #595959;
}
.stulist-del{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    color: #FFF;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.mtd-stulist>li.mtd-stuadd-item:hover .stulist-del{
    color: #FFF;
    background: rgba(0,0,0,0.50);
    opacity: 1;
}
.stulist-del>i{
    position: absolute;
    top: 1px;
    right: 4px;
}
.mtd-add-dialog{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(0,0,0,.2);
}
.mtd-add-pop{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 814px;
    height: 66%;
    background: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(208,208,208,0.50);
    border-radius: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -407px;
}
.mtd-add-top{
    width: 100%;
    height: 52px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E9E9E9;
    color: #999;
    padding-right: 24px;
}
.mtd-add-top>i{
    cursor: pointer;
}
.mtd-add-top>h4{
    font-size: 16px;
    color: #262626;
    font-weight: 600;
    margin-left: 24px;
}
.mtd-stu-main{
    width: 100%;
    height: calc(100% - 52px);
    padding: 24px;
}
.mtd-stu-main>div{
}
.mtd-stu-main>div:not(.stu-main-btn){
    width: 342px;
    height: 100%;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    position: relative;
    padding-bottom: 24px;
}
.stu-total{
    width: 100%;
    height: 39px;
    font-size: 14px;
    color: #595959;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E8E8E8;
    padding: 0 17px 0 10px;
}
.stu-sel>input{
    position: absolute;
    clip: rect(0,0,0,0);
}
.stu-sel>input[type = 'checkbox']+label::before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    background: #FFF;
    vertical-align: bottom;
    margin-right: 8px;
}
.stu-sel>input[type = 'checkbox']:checked+label::before{
    content: "\f00c";
    font-size: 12px;
    color: #606060;
}
.stu-search{
    width: 326px;
    height: 40px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    align-items: center;
    margin: 7px auto 0;
}
.stu-search>input{
    width: calc(100% - 50px);
    height: 100%;
    border: 0;
    border-radius: 8px;
    padding-left: 16px;
}
.stu-search>i{
    font-size: 20px;
    color: #E8E8E8;
}
.stu-list{
    width: calc(100% - 3px);
    height: calc(100% - 88px);
    padding-top: 16px;
    margin-right: 3px;
    overflow: auto;
}
.stu-list-al{
    width: calc(100% - 3px);
    height: calc(100% - 39px);
    padding-top: 16px;
    margin-right: 3px;
    overflow: auto;
}
.stu-list .layui-flow-more{
    margin-left: -40px;
    bottom: 2px;
}
.stu-list>li,.stu-list-al>li{
    width: 100%;
    font-size: 12px;
    color: rgba(0,0,0,0.65);
    line-height: 18px;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px 0 10px;
    margin-bottom: 16px;
}
.stu-main-btn{
    width: 50px;
    height: 537px;
    flex-direction: column;
    justify-content: center;
    color: #FFF;
    font-size: 14px;
    margin: 0 16px;
}
.stu-main-btn>span{
    width: 50px;
    height: 40px;
    background: #108EE9;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.stu-main-btn>span>i{
    font-size: 12px;
    margin-top: 2px;
    margin-left: 2px;
}
.mtd-stu-add{
    margin-bottom: 24px;
}
.mtd-stu-del>i{
    margin-right: 2px;
    margin-left: 0!important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*上课记录*/
.mst-container .mst-record{
    height: 513px;
    margin: 24px 0;
}
.mst-record>.mst-record-main{
    margin-top: 16px;
}
/*校长首页的推荐课程和校长主页的推荐课程公用*/
.mst-container .mst-recommend{
    height: 347px;
    margin-bottom: -23px;
    padding-bottom: 24px;
    overflow: hidden;
}
.mst-recommend>.mst-rec-main
,.sch-recd-course>.mst-rec-main{
    margin-top: 16px;
    height: calc(100% - 46px);
    overflow: hidden;
    flex-wrap: wrap;
}
.mst-rec-main>.rec-main-item{
    width: 270px;
    height: max-content;
    border: 1px solid #F4F4F4;
    border-radius: 4px;
    flex-direction: column;
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative;
}
.mst-rec-main>.rec-main-item:hover{
    box-shadow: 0 0 6px 0 rgba(217,217,217,0.60);;
}
.mst-rec-main>.rec-main-item:not(:nth-child(4n)){
    margin-right: 24px;
}
.rec-main-item>.rec-item-top{
    width: 100%;
    height: 119px;
    overflow: hidden;
    position: relative;
    align-items: center;
}
.rec-item-top>img{
    width: 100%;
    height: auto;
    border-radius: 4px 4px 0 0;
}
.rec-main-item>h5{
    max-width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    margin: 8px 10px;
    position: relative;
}
.rec-main-item>p{
    margin: 0 10px 12px 10px;
    font-size: 14px;
    color: #606060;
    height: 34px;
    line-height: 17px;
    text-align: justify;
}
.rec-main-item>span{
    font-size: 16px;
    color: #FF8F0B;
    position: absolute;
    bottom: 16px;
    right: 10px;
    font-weight: 600;
}
/*end 推荐课程*/
/*end 校长首页*/

/*校长主页*/
/*学校基本信息*/
.sch-container .sch-detail,.mst-container .mst-school{
    width: 100%;
    height: max-content;
    border-radius: 4px;
    position: relative;
    background: initial;
    flex-direction: column;
    padding: 0;
    margin-top: 32px;
    margin-bottom: 24px;
}
.sch-detail-top{
    width: 100%;
    max-height: 302px;
    justify-content: space-between;
    margin-bottom: 16px;
}
.sch-detail-top>.show-img-left{
    position: relative;
    width: 795px;
    height: auto;
    overflow: hidden;
    background: #FFF;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}

.sch-detail-top>.show-img-left>img{
    width: 100%;
    height: auto;
}
.mst-delete-img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.mst-delete-img>i{
    display: none;
    font-size: 39px;
    color: #FFF;
}
.mst-delete-simg>i{
    font-size: 18px;
}
.mst-delete-img:hover{
    background: rgba(0,0,0,0.40);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.mst-delete-img:hover i{
    display: block;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.sch-detail-top>.sch-detail-info{
    width: 389px;
    height: auto;
    min-height: 254px;
    background: #FFF;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 16px 0 45px;
    position: relative;
}
.sch-detail-info>.sch-detail-logo{
    width: 89px;
    height: 89px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    margin-bottom: 16px;
}
.sch-detail-info>.sch-detail-logo>img{
    width: 100%;
    height: auto;
}
.sch-detail-info>h2{
    font-size: 24px;
    color: #262626;
    line-height: 33px;
    position: relative;
    margin-bottom: 12px;
}
.sch-detail-info>p{
    width: 308px;
    max-height: 40px;
    font-size: 14px;
    color: #595959;
    line-height: 20px;
    text-align: center;
}
.sch-detail-info>.sch-detail-more{
    position: absolute;
    bottom: 18px;
    width: 308px;
    flex-wrap: wrap;
    font-size: 14px;
    color: #909090;
    justify-content: space-evenly;
    margin-top: 24px;
}
.sch-detail-info>.sch-detail-more>span{
    max-width: 48%;
}
.sch-detail-info>.sch-detail-more>span:first-child{
    margin-right: 12px;
}
.sch-detail-info>.sch-detail-more>span>em{
    max-width: 100px;
}
.sch-detail-info>.sch-detail-more i{
    font-size: 20px;
    margin-right: 8px;
}
.sch-detail-btm{
    width: 100%;
}
.sch-detail-btm>ul>li{
    position: relative;
}
.sch-upload{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0,0,0,0.56);
}
.sch-detail-btm>ul>li:hover .sch-upload,.show-img-left:hover .sch-upload{
    display: block;
}
.sch-upload>i{
    font-size: 44px!important;
}
.sch-detail-btm>ul{
    width: 100%;
    justify-content: space-between;
}
.sch-detail-btm>ul>li{
    width: 186px;
    height: 102px;
    background: #FFF;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.sch-detail-btm li>img{
    width: 100%;
    height: auto;
}
/*学校主页新闻*/
.sch-news{
    width: 100%;
    height: 304px;
    background: #FFF;
    padding: 24px!important;
    margin-bottom: 24px;
}
.sch-news-swiper{
    width: 375px;
    height: 100%;
    margin-right: 16px;
}
.sch-news-swiper .swiper-container{
    width: 100%;
    height: 100%;
}
.sch-news-swiper .swiper-pagination-bullet-active{
    background: #979797;
}
.sch-news-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: -5px;
}
.sch-news-swiper .swiper-slide img{
    width: 100%;
    height: auto;
}
.sch-news-list{
    width: calc(100% - 391px);
    position: relative;
}
.sch-news-list>h2{
    font-size: 18px;
    font-weight: 600;
    color: #4F4F4F;
    margin-bottom: 12px;
    line-height: 25px;
}
.sch-news-list>.news-lists{
    width: 100%;
}
.sch-news-list>.news-lists>li{
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}
.sch-news-list>.news-lists p{
    max-width: 680px;
    color: #4F4F4F;
}
.sch-news-list>.news-lists span{
    color: #CBCBCB;
}
.sch-news-more,.sch-news-more:hover{
    font-size: 14px;
    line-height: 20px;
    color: #108EE9;
    float: right;
    margin-top: 12px;
}
.sch-news-op,.sch-news-op:hover{
    position: absolute;
    top: -12px;
    right: 0;
    font-size: 14px;
    line-height: 20px;
    color: #108EE9;
}
/*统计*/
.sch-sum{
    width: 100%;
    height: 595px;
    justify-content: space-between;
    background: initial!important;
    padding: 0!important;
    margin-bottom: 24px;
}
.sch-sum .sch-sum-table{
    width: 909px;
    height: 100%;
    background: #FFF;
    padding-top: 24px;
    border-radius: 4px;
}
.sch-sum .sch-sum-detail{
    width: 273px;
    height: 100%;
}
.sch-sum-detail>ul{
    height: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}
.sch-sum-detail>ul>li{
    width: 273px;
    height: 137px;
    background: #FFF;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 4px;
}
.sch-sum-detail li>i{
    font-size: 53px;
}
.sch-sum-detail .sum-data{
    flex-direction: column;
    align-items: center;
}
.sch-sum-detail .sum-data>span{
    font-weight: 600;
    font-size: 16px;
    color: #595959;
    margin-bottom: 8px;
}
.sch-sum-detail .sum-data>em{
    font-size: 24px;
    line-height: 33px;
    color: #108EE9;
}

/*活跃学生部分*/
.sch-active{
    height: max-content;
    margin-bottom: 24px;
}
.sch-active-common{
    width: 100%;
    padding: 0 6px;
}
.sch-active-common>ul{
    width: 100%;
    padding-top: 24px;
}
.sch-active-common>ul>li{
    width: 84px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 48px;
}
.sch-active-common>ul>li:last-child{
    margin-right: 0;
}
.sch-active-common li>.active-img{
    position: relative;
    width: 84px;
    height: 84px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 8px;
}
.sch-active-tag{
    position: absolute;
    bottom: 28px;
    right: 2px;
    width: 17px;
    height: 17px;
    padding: 2px;
    border-radius: 50%;
    z-index: 1;
}
.sch-active-s{
    position: absolute;
    top: -10px;
    left: 0;
    width: 23px;
    height: 20px;
    padding: 2px;
    border-radius: 0;
    background-color: initial;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1;
}
i.sch-active-ss{
    background: url("../images/超级学生.png") 100% 100%;
    background-size: cover;
}
i.sch-active-gs{
    background: url("../images/高级学生.png") 100% 100%;
    background-size: cover;
}
i.sch-active-zs{
    background: url("../images/中级学生.png") 100% 100%;
    background-size: cover;
}
i.sch-active-cs{
    background: url("../images/初级学生.png") 100% 100%;
    background-size: cover;
}
i.sch-active-r{
    background: url("../images/皇冠.png") 100% 100%;
    background-size: cover;
}
i.sch-active-t{
    background: #FFF url("../images/特级.png") 100% 100%;
    background-size: cover;
}
i.sch-active-g{
    background: #FFF url("../images/高级.png") 100% 100%;
    background-size: cover;
}
i.sch-active-z{
    background: #FFF url("../images/中级.png") 100% 100%;
    background-size: cover;
}
i.sch-active-c{
    background: #FFF url("../images/初级.png") 100% 100%;
    background-size: cover;
}
i.sch-active-zu{
    background: #FFF url("../images/助教.png") 100% 100%;
    background-size: cover;
}
.sch-active-common .active-img>img{
    width: 100%;
    height: auto;
    border-radius: 0;
}
.sch-active-common li>span{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #595959;
}

/*.sch-detail>.sch-detail-left{*/
    /*width: 212px;*/
    /*margin-left: 8px;*/
    /*margin-right: 32px;*/
    /*position: relative;*/
/*}*/
/*.sch-detail-left>.detail-left-top{*/
    /*width: 212px;*/
    /*height: 212px;*/
    /*padding: 8px;*/
    /*position: absolute;*/
    /*top: -34.5px;*/
    /*overflow: hidden;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*background: #FFF;*/
    /*box-shadow: 0 2px 4px 0 rgba(153,153,153,0.50);*/
    /*border-radius: 4px;*/
/*}*/
/*.detail-left-top>img{*/
    /*width: 100%;*/
    /*height: auto;*/
/*}*/
/*.sch-detail-left>.detail-left-btm{*/
    /*width: 100%;*/
    /*height: calc(100% - 210px);*/
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
/*}*/
/*.detail-left-btm>li{*/
    /*width: 100%;*/
    /*color: #262626;*/
/*}*/
/*.detail-left-btm>li>i{*/
    /*margin-right: 8px;*/
/*}*/
/*.detail-left-btm>li:nth-child(1)>i{*/
    /*width: 18px;*/
    /*height: 18px;*/
    /*background: url("../images/chapter.png") no-repeat -29px -230px;*/
/*}*/
/*.detail-left-btm>li:nth-child(2)>i{*/
    /*width: 18px;*/
    /*height: 18px;*/
    /*background: url("../images/chapter.png") no-repeat -29px -252px;*/
/*}*/
/*.detail-left-btm>li:nth-child(3)>i{*/
    /*width: 18px;*/
    /*height: 18px;*/
    /*background: url("../images/chapter.png") no-repeat -29px -276px;*/
/*}*/
/*.detail-left-btm>li:nth-child(3)>em{*/
    /*max-width: 160px;*/
/*}*/
/*.sch-detail>.sch-detail-right{*/
    /*width: calc(100% - 252px);*/
    /*height: 100%;*/
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
/*}*/
/*.sch-detail-right>.detail-right-top{*/
    /*margin-bottom: 11px;*/
    /*font-size: 24px;*/
    /*color: #262626;*/
    /*position: relative;*/
/*}*/
/*.detail-right-top>h3{*/
    /*line-height: 30px;*/
/*}*/
/*.sch-detail-right>.detail-right-btm{*/
    /*height: 99px;*/
/*}*/
/*.detail-right-btm>p{*/
    /*height: 100%;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 5;*/
    /*text-align: justify;*/
    /*color: #595959;*/
    /*line-height: 20px;*/
/*}*/
/*优秀教师*/
.sch-container .sch-perfect-tea{
    width: 100%;
    height: 350px;
    background: #FFFFFF;
    border-radius: 4px;
    margin: 24px 0;
}
.sch-perfect-tea>.sch-tea-main{
    width: 100%;
    height: calc(100% - 54px);
    margin-top: 24px;
    padding: 0 8px;
    overflow: hidden;
    flex-wrap: wrap;
}
.sch-tea-main>li{
    width: 202px;
    height: calc(100% - 4px);
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
    border-radius: 4px;
    padding: 16px 8px;
    flex-direction: column;
    align-items: center;
}
.sch-tea-main>li:not(:nth-child(5n)){
    margin-right: 31.5px;
}
.sch-tea-main>li>.sch-tea-img{
     width: 80px;
     height: 80px;
    overflow: hidden;
    position: relative;
    align-items: center;
}
.sch-tea-main .sch-tea-img>img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.sch-tea-main>li>span{
    color: #5A5A5A;
    margin: 8px auto;
}
.sch-tea-main>li>.sch-tea-logo{
    width: 100%;
    color: #FFF;
    height: 34px;
    justify-content: center;
    align-items: center;
    background: #F24D24;
    position: relative;
}
.sch-tea-logo>i:first-child{
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    border: 14px solid #FFF;
    border-top: 17px solid transparent;
    border-right: 8.5px solid transparent;
    border-bottom: 17px solid transparent;
}
.sch-tea-logo>i:last-child{
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    border: 14px solid #FFF;
    border-top: 17px solid transparent;
    border-left: 8.5px solid transparent;
    border-bottom: 17px solid transparent;
}
.sch-tea-main>li>p{
    width: 100%;
    line-height: 20px;
    margin: 8px auto;
    max-height: 60px;
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*作品展示*/
.sch-display{
    margin-bottom: 24px;
}
.sch-display .rec-item-top{
    height: 167px;
}
.sch-display .rec-item-top>img{
    width: 100%;
    height: auto;
}
.sch-display h5{
    font-size: 16px;
    color: #606060;
    margin-bottom: 42px;
}
.sch-display .sch-display-btm{
    font-size: 12px;
    color: #CBCBCB;
    align-items: center;
    justify-content: space-between;
    margin: 0 16px;
    margin-top: 8px;
}
.sch-display-aut{
    align-items: center;
}
.sch-display-aut .aut-img{
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 8px;
}
.sch-display-aut .aut-img>img{
    width: 100%;
    height: auto;
}
.sch-display-aut>span{
    width: 80px;
    cursor: pointer;
}
.sch-display .sch-display-com span{
    margin-right: 24px;
}

/*推荐课程*/
.sch-container .sch-recd-course{
    width: 100%;
    height: 371px;
    background: #FFFFFF;
    border-radius: 4px;
}
.sch-main-item>h5,
.sch-main-item>p,
.sch-main-item>.sch-course-item{
    margin-left: 16px;
    margin-right: 16px;
}
.sch-course-item{
    width: calc(100% - 32px);
    position: relative;
    align-items: center;
}
.sch-course-item .recomand-img>img{
    width: 100%;
    height: auto;
}
.sch-course-item>em{
    max-width: 120px;
    color: #999999;
}
.sch-course-item>span{
    max-width: 100px;
    font-size: 16px;
    color: #FF8F0B;
    position: absolute;
    right: 0;
    font-weight: 600;
    z-index: 3;
}
/*学员数量、学校评价*/
.sch-container>.sch-sum-comment{
    width: 100%;
    height: 285px;
    background: #F4F4F4;
    padding: 0;
    margin-top: 24px;
}
.sch-sum-comment>div{
    width: 588px;
    height: 100%;
    background: #FFF;
    border-radius: 4px;
    padding: 16px 24px;
}
.sch-sum-comment>.sch-stu-sum{
    margin-right: 24px;
}
.sch-stu-sum>.stu-sum-main
,.sch-comment>.sch-comment-main{
    width: 100%;
    height: calc(100% - 25px);
    padding: 0 52px;
    justify-content: space-between;
    align-items: center;
}
.stu-sum-main>.stu-sum-item,
.sch-comment-main>.sch-comment-item{
    width: 147px;
    height: 147px;
    overflow: hidden;
    position: relative;
}
.stu-sum-item>a{
    width: 147px;
    height: 148px;
    background: url("../images/chapter.png") no-repeat -84px 0;
}
.sch-comment-item>a{
    width: 148px;
    height: 148px;
    background: url("../images/chapter.png") no-repeat -236px 0;
}
.stu-sum-main>span{
    font-size: 24px;
    color: #262626;
    font-weight: 600;
}
.stu-sum-main>span>em{
    color: #FF8F0B;
}
.sch-sum-comment>.sch-comment{

}
#sch-stars{
    width: 258px;
    height: 34px;
}
#sch-stars>.layui-rate{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0;
}
#sch-stars>.layui-rate>li{
    width: 38px;
    height: 100%;
    margin-right: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sch-stars>.layui-rate>li>i{
    font-size: 38px;
    margin-right: 0;
}
/*未登录看评论*/
.sch-container>.sch-nocheck-comts{
    width: 100%;
    margin-top: 24px;
}
.sch-nocheck-comts>.mst-title>h4{
    font-size: 18px;
    color: #262626;
}
.sch-nocheck-comts>#sch-page1
,.sch-comments>#sch-page2{
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
/*已登录评论*/
.sch-container>.sch-comments{
    width: 100%;
    margin-top: 24px;
}
.sch-comments>.sch-comments-in{
    margin: 0;
    position: relative;
}
.sch-comments-star{
    position: absolute;
    right: 0;
    align-items: center;
}
#comments-star{
    margin-top: -3px;
}
#comments-star .layui-rate{
    padding: 0;
}
.sch-comments-in>.mst-title{
    padding-bottom: 0;
    border: none;
    margin-bottom: 16px;
}
.sch-comments-in>textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #D8D8D8;
    resize: none;
    padding: 8px;
}
.sch-comments-in>.sch-operate{
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #EEE;
    padding-bottom: 16px;
}
.cw_cmList_says>.sch-operate{
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}
.sch-operate>button{
    width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #FFF;
    background: rgba(0,0,0,0.20);
    float: right;
}
.sch-operate>button:hover{
    color: #FFF;
    cursor: pointer;
}
.sch-comments-in>.cke_chrome{
    border: 1px solid #D8D8D8;
    box-shadow: none;
}
.sch-operate>a{
    font-size: 12px;
    color: #108EE9;
    margin-right: 24px;
}
.sch-operate>button{
    background: #FF8F0B;
    border-radius: 4px;
}
.sch-cmList{
    margin-top: 16px;
}
.sch-cmList textarea{
    width: 100%;
    resize: none;
    border: none;
}
.cw_cmList_zan>.fs-delete{
    display: none;
}
/*表情*/
.emoji_container{
    position: absolute;
    width: 500px;
    background: #ffffff;
}
.emoji_container ul li{
    float: left;
}
    /*评论部分空状态*/
.sch-comments>.mst-empty{
    height: 496px;
}
.sch-comments>.mst-empty img{
    width: 150px;
    height: 108px;
}
.cw_cmList_zan>a{
    cursor: pointer;
}
/*end校长主页*/

/*所有校长首页的子页面公用子nav*/
.mst-container>.ml-subnav{
    background: inherit;
}
.ml-subnav{
    padding: 25px 32px 25px 0 !important;
    background: inherit;
}
.ml-subnav a{
    font-size: 16px;
    font-weight: normal;
}
.ml-subnav a>cite{
    color: #108EE9;
    font-weight: normal;
}
.ml-subnav .layui-breadcrumb a{
    color: #606060!important;
}
.ml-subnav .layui-breadcrumb a:hover {
    color: #606060!important;
}
/*end公用*/

/*校长课程详情页*/
.ml-container .mst-title{
    padding: 16px 32px;
    border-bottom: 1px solid #e8e8e8;
}

.ml-container>.ml-list{
    width: 100%;
    padding: 0;
}
.ml-list>.mst-title>h4{
    font-size: 18px;
    color: #606060;
}
.ml-list>.ml-addclass{
    width: 100%;
    padding: 13px 32px;
    justify-content: space-between;
}
.ml-list>.layui-tab{
    margin: 0;
    padding: 0;
}
.ml-list .layui-tab-title,.ml-list .layui-tab-title>li,.ml-list .layui-tab-title>li:after{
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    color: #606060;
    padding: 0;
    margin-right: 40px;
}
.ml-list .layui-tab-title{
    position: relative;
}
.ml-list .layui-tab-title>button{
    position: absolute;
    top: 13px;
    right: 24px;
    border: 1px solid #108EE9;
    border-radius: 4px;
    padding: 6px 23px;
    font-size: 12px;
    color: #108EE9;
    background: #FFF;
}
.ml-list .layui-tab-title{
    padding: 0 22px;
    margin-right: 0;
}
.ml-list .layui-tab-content{
    padding: 24px 32px;
}
.ml-addclass>button{
    border: 1px solid #108EE9;
    border-radius: 4px;
    padding: 6px 23px;
    font-size: 12px;
    color: #108EE9;
    background: #FFF;
}
.ml-list>.ml-list-box{
    width: 100%;
    min-height: 500px;
    padding: 0 32px 24px;
    margin-top: 24px;
}
.ll-cname{
    max-width: 98%;
}
.ll-lname{
    max-width: 98%!important;
}
.ml-list-box .grade-inner>li:nth-child(2){
    width: 15%;
    padding-right: 32px;
    box-sizing: border-box;
}
.ml-list-box .grade-inner>li:nth-child(2)>a,
.mst-class-intro .grade-inner>li:nth-child(2)>a{
    color: #108EE9;
}
.ml-list-box .grade-inner>li:nth-child(4){
    width: 25%;
}
.ml-list-box .grade-inner>li:nth-child(4)>div{
    width: calc(100% - 48px);
    margin: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F4F4F4;
    border: none;
    position: relative;
}
.ml-termlisto{
    cursor: pointer;
}
.ml-termlisto>.ml-term-selected{
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ml-termlisto>.ml-term-selected>span{
    width: 100%;
    text-align: center;
}
.ml-termlisto>.ml-term-selected>span>em{
    width: 150px;
}
.ml-term-selected>span:first-child{
    margin-bottom: 8px;
    /*align-items: center;*/
}
/*下拉框动画*/
.ml-termlisto:hover{
    background: rgba(0,0,0,.1) !important;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari 和 Chrome */
    -o-transition: background 1s; /* Opera */
}
.ml-term-selected>span:first-child:after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-left: 1px #000 solid;
    border-bottom: 1px #000 solid;
    position: absolute;
    top: 9px;
    right: 16px;
    transform: rotate(-45deg);
    transition: transfrom .2s ease-in,top .2s ease-out;
}
.open>span:first-child:after{
    transform: rotate(-225deg);
    top: 12px;
    transition: all .2s ease-in;
}
.ml-termlisti{
    width: 100%;
    padding: 0 6px;
    position: absolute;
    top: 52px;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
    z-index: 3;
    max-height: 400px;
    overflow:auto;
    display: none;
}
.mst-ll>li:last-of-type .ml-termlisti{
    top: -68px;
}
.ml-termlisti>li{
    width: 100%;
    height: 64px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E8E8E8;
}
.ml-termlisti>li:last-of-type{
    border: none;
}
.ml-list-box .grade-outter>li:not(:first-child){
    border: none;
    border-bottom: 1px solid #E8E8E8;
    margin-top: 0;
    box-shadow: none;
}
.ml-list-box>div{
    min-height: 500px;
    flex-direction: column;
    justify-content: space-between;
}
.ml-list-box .mst-grade-main>.grade-outter{
    min-height: 500px;
    max-height: 998px;
}
.grade-outter li.operate-class a{
    color: #c6c6c6;
    cursor: no-drop;
    margin:0 8px;
}
.ml-list-box .grade-inner>li:last-of-type{
    flex-direction: row;
}
.ml-list-box .grade-inner>li:last-of-type .ml-alw{
    margin-right: 16px;
    color: #0BA194;
}
.ml-list-box .grade-inner>li .ml-term-name{
    color: #108EE9;
}
.ml-for{
    color: #F24724!important;
}
.laydate-time-list ol li{
    width: 100% !important;
    padding-left: 0!important;
    text-align: center!important;

}
.layui-laydate-list>li{
    width: 50% !important;
}
.layui-laydate-list>li:nth-child(3){
    display: none;
}
/*班级列表空状态*/
.ml-container .mst-empty{
    height: 450px;
}
/*分页*/
#sch-page3{
    justify-content: flex-end;
    align-items: center;
}
#addbj .layui-form-label{
    padding: 9px 0;
}
#addbj .layui-input-block{
    margin-left: 86px;
    max-width: 314px;
}
#addbj .layui-form-item .layui-input-inline{
    width: 113px;
    margin-left: 6px;
}

#addbj .smt button,#we .smt button{
    width: 65px;
    height: 32px;
    line-height: 32px;
    border: none;
    border-radius: 3px;
    margin: 0 4px;
    color: #FFFFFF;
    background: #108EE9;
}
#addbj .smt button:first-child,#we .smt button:first-child{
    background: #fff;
    color: #606060;
    border: 1px solid #D9D9D9;
}
#we .layui-inline{
    margin-right: 0;
}
.layui-layer .layui-layer-btn{
    padding: 8px 24px 16px;
}
.laydate-time-list li ol::-webkit-scrollbar{
    width: 2px;
}
.laydate-time-list li ol::-webkit-scrollbar-thumb{
    border-radius: 4px!important;
    background: #C1C1C1;
    height: 5px;
}
.laydate-time-list li ol::-webkit-scrollbar-track{
    height: 4px;
}

/*end班级列表页*/

/*班级详情页*/
.mi-container>.mi-list{
    background: #FFF;
    width: 850px;
    border-radius: 4px;
}
.mi-list-box>div{
    min-height: 546px;
}
.mi-list-box .grade-outter>li{
    border-radius: 0;
}
.mi-list-box .grade-inner>li{
    width: 20%;
}
.mi-list-box .grade-inner>li:nth-child(1){
    width: 20%;
}
.mi-list-box .grade-inner>li:nth-child(2){
    width: 20%;
    padding: 0;
}
.mi-list-box .grade-inner>li:nth-child(3){
    width: 18%;
}
.mi-list-box .grade-inner>li:nth-child(4){
    width: 18%;
}
.mi-list-box .grade-inner>li:nth-child(4)>a{
    color: #108EE9;
}
.mi-list-box .grade-inner>li:nth-child(5){
    width: 24%;
}
.mi-list-box .grade-inner>li:last-of-type .ml-editor{
    margin-right: 16px;
}
#sch-page4{
    justify-content: flex-end;
}
/*班级概括*/
.mi-container .mi-class-summary{
    width: 326px;
    height: 488px;
    position: absolute;
    top: 70px;
    margin-left: 870px;
    background: #FFF;
    border-radius: 4px;
}
.mi-class-summary>.mi-summary-nav{
    padding: 16px 24px;
    align-items: center;
    position: relative;
}
.mi-summary-nav>h4{
    font-size: 18px;
    color: #606060;
}
.mi-summary-nav>a{
    font-size: 14px;
    right: 16px;
}
.mi-class-summary>.mi-summary-list{
    width: 100%;
    height: calc(100% - 56px);
    padding: 0 16px 0 36px;
    flex-direction: column;
    /*justify-content: space-evenly;*/
    align-items: center;
}
.mi-summary-list>li{
    width: 100%;
    height: 20%;
    align-items: center;
    justify-content: space-between;
}
.mi-summary-list>li:nth-child(2) i{
    font-size: 38px;
}
.mi-summary-list>li:nth-child(3) i{
    font-size: 40px;
}
.mi-summary-list>li:nth-child(4) i{
    margin-left: 14px;
    font-size: 38px;
}
.mi-summary-list>li:nth-child(1) i{
    font-size: 50px;
}
.mi-summary-list>li>span{
    width: calc(100% - 81px);
}
.mi-summary-list>li:nth-child(1) span>a{
    color: #108EE9;
}
.mi-summary-list>hr{
    width: 120%;
    margin: 0 -16px 0 -36px;
    background: #E8E8E8;
}
.mi-summary-list>li:nth-child(6){
    justify-content: flex-end;
}
.mi-summary-list>li:nth-child(6) .cs-editor{
    padding: 5px 16px;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #108EE9;
    background: #FFF;
    line-height: 20px;
    letter-spacing: 1px;
}

/*点击课程弹窗*/
.mi-container>.mi-lesson-dialog{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(0,0,0,.2);
}
.mi-lesson-dialog>.basic_intro{
    width: 570px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #FFF;
    border: 1px solid #F4F4F4;
    box-shadow: 0 2px 5px 0 rgba(177,166,166,0.20);
    border-radius: 4px;
}
.mi-lesson-dialog>.basic_intro>div{
    /*padding: 16px 24px;*/
}
.mi-lesson-dialog>.basic_intro span{
    width: 120px;
    line-height: initial;
}
.mi-lesson-dialog>.basic_intro .basic_read>li{
    display: flex;
}
.mi-lesson-dialog>.basic_intro .basic_read>li>p{
    color: #333333;
    width: 300px;
    max-height: 136px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}
.mi-lesson-dialog>.basic_intro>.layui-tab{
    position: relative;
}
.mi-lesson-dialog>.basic_intro .mi-dialog-close{
    position: absolute;
    top: 12px;
    right: 15px;
    color: #999;
    cursor: pointer;
}
.mi-lesson-dialog>.basic_intro .layui-tab-title>li:nth-child(3){
    position: absolute;
    right: -25px;
}
/*空状态*/
/*学期列表的空状态*/
.mi-list-box .mst-empty{
    height: 450px;
}
/*课程详情弹窗空状态*/
.mi-lesson-dialog .mst-empty{
    height: 401px;
}
.mi-lesson-dialog .mst-empty img{
    width: 150px;
    height: 120px;
}
/*end空状态*/
.mi-addterm,.mi-stusum,.change-clinfo{
    border-radius: 4px!important;
}
.mi-addterm .layui-layer-content{
    padding: 24px 32px 0!important;
    overflow: visible!important;
}
.mi-addterm .layui-form{
    width: 100%;
}
.mi-addterm .layui-form-label,
.add-room .layui-form-label{
    padding: 9px 0;
    width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #606060;
}
.mi-addterm .layui-input-block,
.add-room .layui-input-block{
    margin-left: 78px;
}
.mi-addterm .layui-input-inline{
    width: 118px;
}
.mi-addterm .layui-form-item:nth-child(4) .layui-inline:nth-child(2){
    margin-left: 20px;
}
.mi-addterm .layui-form-item:nth-child(4) .layui-inline:nth-child(2) .layui-form-label{
    width: 55px;
}
.mi-addterm .layui-form-item .layui-input-inline{
    margin-left: 8px;
}
.mi-addterm .layui-form-item:last-of-type .layui-inline:nth-child(2){
    margin-right: 0;
}
.mi-addterm .layui-form-item:last-of-type .layui-input-inline{
    width: 110px;
}

.mi-addterm .layui-form-item:nth-child(7) .layui-form-select{
    width: 82%;
    margin-right: 1%;
    display: inline-block;
}
.mi-addterm .layui-form-item:nth-child(7) span{
    color: #606060;
}
.mi-addterm .layui-form-item:nth-child(7) .layui-anim{
    /*height: 82px;*/
}
.mi-addterm .layui-form-item:nth-child(7) .layui-anim::-webkit-scrollbar{
    width: 4px!important;
}
.mi-addterm .layui-form-item:nth-child(7) .layui-anim::-webkit-scrollbar-thumb{
    border-radius: 4px!important;
    background: #C1C1C1!important;
}
.mi-addterm .layui-form-item:nth-child(7) .layui-anim::-webkit-scrollbar-track{
    width: 4px;
}
.mi-addterm .layui-form-item:nth-child(8) .layui-inline:nth-child(2){
    margin-left: 5px;
}
.mi-addterm input::-webkit-input-placeholder{
    font-size: 12px;
    color: #000;
    opacity: .25;
}
.mi-addterm input::-moz-placeholder{
    font-size: 12px;
    color: #000;
    opacity: .25;
}
.mi-addterm input:-ms-input-placeholder{
    font-size: 12px;
    color: #000;
    opacity: .25;
}

/*end班级信息*/

/*教室列表*/
/*教室列表和教师列表公用部分*/
.rl{
    background: #F4F4F4;
}
.rl-container>.rl-content
,.tl-container>.tl-content{
    width: 100%;
    min-height: 634px;
    background: #FFF;
    border-radius: 4px;
    position: relative;
}
.rl-content>.rl-title
,.tl-content>.tl-title{
    padding: 16px 24px;
    justify-content: space-between;
}
.rl-content>.rl-title>h4
,.tl-content>.tl-title>h4{
    font-size: 18px;
    color: #606060;
}
.rl-content>.rl-title>button
,.tl-content>.tl-title>a{
    background: #FFF;
    border: 1px solid #108EE9;
    border-radius: 4px;
    font-size: 12px;
    color: #108EE9;
    padding: 8px 24px;
    position: relative;
}
.rl-content>.rl-main
,.tl-content>.tl-main{
    width: 100%;
    min-height: 560px;
    max-height: 771px;
    overflow: hidden;
    padding-top: 24px;
    padding-left: 24px;
}
/*end教室列表和教师列表公用部分*/
.rl-main>ul{
    width: 100%;
    flex-wrap: wrap;
}
.rl-main>ul>li{
    width: 270px;
    height: 225px;
    margin-right: 24px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    margin-bottom: 24px;
    position: relative;
    flex-direction: column;
}
.rl-main .rl-item-top{
    width: 100%;
    height: 47px;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #e8e8e8;
    align-items: center;
    justify-content: space-between;
}
.rl-item-top>h4{
    font-weight: 600;
    width: 70%;
}
.rl-item-top .layui-form-switch{
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    margin-top: 0;
}
.rl-item-top .layui-unselect{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rl-item-top .layui-form-onswitch {
    border-color: #34CA9D !important;
    background-color: #34CA9D !important;
}
.rl-item-top .layui-form-onswitch em {
    margin-left: 1px !important;
    margin-right: 16px;
}
.rl-item-top .layui-form-switch em{
    top: -2px;
    margin-left: 17px;
    color: #FFF!important;
}
.rl-item-top .layui-form-onswitch i{
    margin-left: 0;
    left: 33px !important;
    top: 2px;
    width: 14px;
    height: 14px;
}
.rl-item-top .layui-form-switch{
    background: #F24724;
    border-color: #F24724;
    color: #FFF;
}
.rl-item-top .layui-form-switch i{
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: #FFF;
}
.rl-main .rl-item-body{
    width: 100%;
    height: 106px;
    padding: 0 35px 0 35px;
    margin-top: 9px;
    justify-content: space-between;
    align-items: center;
}
.rl-item-body>i{
    width: 58px;
    height: 58px;
    background: url("../images/chapter.png") no-repeat 0 -542px;
}
.rl-item-body>span {
    font-size: 18px;
    color: #595959;
}
.rl-item-body>span>em{
    max-width: 45px;
}
.rl-main>ul>li>.rl-operate{
    width: 222px;
    height: 38px;
    color: #fff;
    background: #108EE9;
    border-radius: 19px;
    position: absolute;
    top: 164px;
    margin-left: 24px;
}
.rl-operate>a{
    color: inherit;
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.rl-operate>a:nth-child(1):after{
    content:'';
    display: block;
    width: 1px;
    height: 90%;
    background: #FFF;
    position: absolute;
    right: 111px;
    top: 2px;
}
.rl-content>.rl-page{
    width: 100%;
    padding: 16px 24px;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    border-top: 1px solid #E8E8E8;
}
.rl-page>a{
    color: #108EE9;
    align-items: center;
}
.rl-page i{
    width: 16px;
    height: 16px;
    background: url("../images/chapter.png") no-repeat 0 -605px;
    margin-right: 10px;
}
#rl-page>.layui-laypage{
    margin-top: 0;
}
/*空状态*/
.rl-main .mst-empty img{
    margin-left: -32px;
    margin-bottom: -16px;
}
.editor-room .layui-layer-content
,.add-room .layui-layer-content{
    overflow: visible!important;
}
.editor-room .layui-anim
,.add-room .layui-anim{
    height: 81px;
}
.editor-room>.layui-layer-btn
,.add-room>.layui-layer-btn{
    padding: 10px 12px;
}
.editor-room .layui-anim::-webkit-scrollbar
,.add-room .layui-anim::-webkit-scrollbar{
    width: 4px!important;
}
.editor-room .layui-anim::-webkit-scrollbar-thumb
,.add-room .layui-anim::-webkit-scrollbar-thumb{
    border-radius: 4px!important;
    background: #C1C1C1!important;
}
.editor-room .layui-anim::-webkit-scrollbar-track
,.add-room .layui-anim::-webkit-scrollbar-track{
    width: 4px;
}
.add-room .layui-layer-content{
    padding: 24px 32px 0!important;
}
.add-room .layui-layer-content>form{
    width: 100%;
}
.add-room input{
    color: #606060;
}
.add-room .layui-form-item{
    margin-bottom: 20px!important;
}
.add-room .layui-layer-btn{
    padding: 8px 24px 16px!important;
}
.add-room{
    left: 50% !important;
    top: 50% !important;
    margin-left: -228px!important;
    margin-top: -158px!important;
    width: 456px!important;
    height: 316px;
}
/*教师列表*/
.tl-content .tl-title .apply-for{
    color: #108EE9;
    border: none!important;
    padding: 0!important;
    align-items: center;
}
.tl-content .tl-title .apply-for>i{
    width: 17px;
    height: 19px;
    margin-right: 8px;
    background: url("../images/chapter.png") no-repeat -87px -411px;
}
.tl-content .tl-title .apply-for>em{
    color: #F24724;
}
.tl-content>.tl-main{
    min-height: 630px;
    max-height: 1024px;
}
.tl-main>ul{
    padding-right: 24px;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
}
.tl-main>ul>li.tl-item{
    position: relative;
    width: 360px;
    height: 178px;
    margin-right: 36px;
    padding: 24px 24px 32px;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 24px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(208,208,208,0.50);
    -moz-box-shadow: 0 2px 4px 0 rgba(208,208,208,0.50);
    box-shadow: 0 2px 4px 0 rgba(208,208,208,0.50);
}
.tl-main>ul>li:nth-child(3n){
    margin-right: 0;
}
.tl-item>.tl-item-top{
    position: relative;
}
.tl-item .sl-item-detail p{
    color: #595959;
}
.tl-item>.tl-item-top>img{
    width: 60px;
    height: 60px;
    margin-right: 16px;
}
.tl-item-top>.tl-item-detail{
    flex-direction: column;
    justify-content: center;
}
.tl-item-detail>a{
    font-size: 16px;
    color: #108EE9;
    margin-bottom: 8px;
    align-items: center;
}
.tl-item-detail>a>b{
    width: 70px;
    font-weight: normal;
}
.tl-item-detail>a>em{
    color: #595959;
    width: 37px;
}
.tl-item-detail>a>em:first-of-type{
    margin: 0 8px;
}
.tl-jiaoshirz>i{
    width: 60px;
    height: 22px;
    background: url("../svg/rank.svg") no-repeat;
    background-size: cover;
}
.tl-jiaoshirz .zh{
    background-position: 0 -2px;
}
.tl-jiaoshirz .cj{
    background-position: 0 -27px;
}
.tl-jiaoshirz .zj{
    background-position: 0 -53px;
}
.tl-jiaoshirz .gj{
    background-position: 0 -78px;
}
.tl-jiaoshirz .jp{
    background-position: 0 -107px;
}
.tl-jsrz>span{
    font-size: 14px;
    color: #3BB04E;
}
.tl-item-detail>a>i.agree{
    width: 24px;
    height: 20px;
    background:url("../images/chapter.png") no-repeat -89px -545px;
    margin-left: 36px;
}
.tl-item-detail>a>i.refuse{
    width: 24px;
    height: 20px;
    background:url("../images/chapter.png") no-repeat -89px -570px;
}
.tl-item-detail>a>span:first-of-type{
    font-size: 14px;
    color: #0BA194;
    /*margin-left: 8px;*/
    margin-right: 16px;
}
.tl-item-detail>a>span:last-of-type{
    font-size: 14px;
    color: #F24724;
    width: 33px;
}

.tl-item-detail>span{
    font-size: 16px;
    color: #595959;
}
.tl-item>.tl-item-btm>p{
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tl-afor{
    padding: 24px;
    width: 100%;
}
.tl-afor>ul{
    padding: 0;
    justify-content: space-between;
}
.tl-afor>ul>li.tl-item{
    margin-right: 0;
}
.tl-afor .tl-item-detail>a{
    width: 236px;
}
.tl-afor .tl-item-detail>a>i.agree{
    margin-left: 8px;
}
.tl-afor .tl-item-detail>a>span:first-of-type{
    margin-right: 6px;
    width: 33px;
}
.afor{
    left: 50% !important;
    top: 50% !important;
    margin-left: -396px!important;
    margin-top: -270px!important;
    width: 792px!important;
    height: 540px;
}
.tl-content>.tl-page{
    width: 100%;
    padding: 16px 24px;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    border-top: 1px solid #E8E8E8;
}
#tl-page>.layui-laypage{
    margin-top: 0;
}
.af-page{
    width: 100%;
    height: 35px;
    justify-content: center;
    align-items: center;
}
.af-page>i{
    width: 6px;
    height: 6px;
    border-left: 1px solid rgba(0,0,0,0.65);
    border-top: 1px solid rgba(0,0,0,0.65);
    cursor: pointer;
}
.af-page>i:first-of-type{
    transform: rotate(-45deg);
    margin-right: 10px;
}
.af-page>i:last-of-type{
    transform: rotate(135deg);
    margin-left: 10px;
}
.af-page>a{
    color: #108EE9;
}
.af-page>em{
    color: rgba(0,0,0,0.65);
    margin-left: 10px;
}
.af-page-pret{
    align-items: center;
    justify-content: center;
}
/*学生列表*/

.sl-page{
    justify-content: flex-end;
}
#sl-page>.layui-laypage{
    margin-top: 0;
}
.sl-page{
    width: 100%;
    padding: 16px 24px;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    border-top: 1px solid #E8E8E8;
}
.sl-item-detail>span{
    width: 199px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    justify-content: center;
}
.sl-item-detail i{
    max-width: 100%;
    width: max-content;
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
}
.sl-item-detail i:after{
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    border-left: 1px #000 solid;
    border-bottom: 1px #000 solid;
    position: absolute;
    top: 6px;
    right: 2px;
    transform: rotate(-45deg);
    transition: transfrom .2s ease-in,top .2s ease-out;
}
.sl-item-detail .open i:after{
    transform: rotate(-225deg);
    top: 10px;
    transition: all .2s ease-in;
}
.sl-item-detail>.open:after{
    transform: rotate(-225deg);
    top: 10px;
    transition: all .2s ease-in;
}
.sl-item-detail .silder{
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    z-index: 1;
    font-size: 12px;
    color: rgba(0,0,0,0.65);
    background: #FFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.20);
    border-radius: 4px;
    padding: 0;
    margin: 0;
}
.sl-item-detail .silder>li{
    width: 100%;
    height: 32px;
    align-items: center;
    justify-content: center;
    /*padding-left: 15px;*/
}
.sl-item-detail .silder>li>p{
    max-width: 90%;
}
.sl-item-detail .silder>li:nth-child(2n){
    background: rgba(245,245,245,0.90);
}
.sl-item-detail .silder>li:hover{
    background: rgba(245,245,245,0.90);
}
/*学生列表空状态*/
.sl-content .mst-empty{
    min-height: 630px;
}
/*已购课程*/
.bl-container>.ml-subnav{
    background: inherit;
}
.bl-container>div{
    background: #FFF;
    border-radius: 4px;
}
.bl-container>.mst-recommend{
    height: 347px;
    margin-top: 24px;
    overflow: hidden;
    padding: 16px 24px 24px;
}
.bl-container>.mi-lesson-dialog{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.2);
}
.bl-container .bl-termlisto{
    pointer-events: none;
}
.bl-title{
    height: 57px;
    padding: 16px 24px;
}
.bl-title>h4{
    color: #606060;
}
.bl-title>a{
    right: 24px;
}
.bl-recommend{
    padding: 0!important;
    height: 364px!important;
}
.bl-rec-main{
    padding: 24px 24px;
    margin-top: 0!important;
    height: 306px !important;
}
.bl-rec-main>div{
    height: 100% !important;
    margin-bottom: 24px!important;
}
.bl-rec-main .buy-now{
    cursor: pointer;
}
.bl-grade-inner{}
.bl-grade-inner>li{
    position: relative;
}
.bl-grade-inner>li:first-child{
    width: 15%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 24px;
}
.bl-grade-inner>li:nth-child(2){
    width: 25%;
    align-items: center;
    justify-content: center;
}
.bl-grade-inner>li:nth-child(3){
    width: 20%;
    align-items: center;
    justify-content: center;
}
.bl-grade-inner>li:nth-child(4){
    width: 20%;
    align-items: center;
    justify-content: center;
}
.bl-grade-inner>li:nth-child(5){
    width: 20%;
    align-items: center;
    justify-content: center;
}
.bl-grade-inner>li>a{
    color: #108EE9;
}
.bl-grade-inner .ll-img{
    width: 115px;
    height: 52px;
    overflow: hidden;
    align-items: center;
}
.bl-grade-inner .ll-img>img{
    width: 100%;
    height: auto;
}
#sch-page5{
    justify-content: flex-end;
}
.combo-main{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 456px;
    height: 275px;
    margin-left: -228px;
    margin-top: -137.5px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(208,208,208,0.50);
    border-radius: 4px;
    padding: 8px 16px;
}
.mi-combo-dialog{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.2) !important;
}
.combo-main>li{
    width: 100%;
    margin-bottom: 16px;
    color: #606060;
    align-items: baseline;
}
.combo-main>li>span{
    width: 84px;
    text-align: right;
    margin-right: 8px;
}
.combo-main>li>i{
    font-size: 12px;
}
.combo-main>li:last-of-type>p{
    width: calc(100% - 84px);
    font-size: 12px;
    line-height: 17px;
    max-height: 136px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    text-align: justify;
}
.combo-main .closecombo{
    transition: 0.6s;
    font-size: 20px;
    cursor: pointer;
}
.combo-main .closecombo:hover{
    color: #F24724;
    transform: rotate(-180deg);
}
.combo-dialog{
    border-radius: 4px;
    width: 456px!important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -228px!important;
    margin-top: -155px!important;
}
/*课程总列表空状态*/
.bl-list .mst-empty{
    height: 594px;
}
/*课程大纲空状态*/
.bl-container  .tg-outline>.mst-empty{
    height: 386px;
}
/*猜你喜欢空状态*/
.bl-recommend .mst-empty{
    height: calc(100% - 57px);
}

/*课程安排*/
.ca-container>.ca-main{
    width: 100%;
    /*height: 500px;*/
    background: #FFF;
}
.ca-main>.ca-title{
    padding: 16px 24px;
    font-size: 18px;
    color: #606060;
    border-bottom: 1px solid #E8E8E8;
}
.ca-main>.ca-item{
    width: 100%;
    justify-content: space-between;
    padding: 16px 0 16px 24px;
}
.ca-item>.ca-item-left{
    width: 710px;
    flex-direction: column;
    justify-content: space-between;
}
.ca-item-left>div{
    padding: 0 16px;
    color: #D8D8D8;
    justify-content: space-between;
}
.ca-item-left>div>p:last-of-type>span:first-of-type{
    color: #FF8F0B;
    align-items: center;
    margin-right: 24px;
}
.ca-icon>span:nth-child(1):before{
    content: '';
    width: 8px;
    height: 8px;
    background: #FF8F0B;
    border-radius: 50%;
    margin-right: 10px;
}
.ca-item-left>div>p:last-of-type>span:last-of-type{
    color: #d8d8d8;
    align-items: center;
}
.ca-icon>span:nth-child(2):before{
    content: '';
    width: 8px;
    height: 8px;
    background: #D8D8D8;
    border-radius: 50%;
    margin-right: 10px;
}
.ca-item-left .ca-calender{
    width: 100%;
    height: 516px;
    margin-top: 16px;
    padding: 16px;
    background: #F5F5F5;
    border-radius: 4px;
}
.ca-calender .laydate-prev-m{
    left: 11px!important;
}
.ca-calender .laydate-next-m{
    right: 11px!important;
}
.laydate-theme-arrange{
    width: 100%;
    height: 100%;
    border: none!important;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
}
.laydate-theme-arrange>div{
    width: 100%;
    height: 100%;
}
.laydate-theme-arrange .layui-laydate-header{
    background: -moz-linear-gradient(right ,#FFC21A ,#FF8F0B);
    background: -ms-linear-gradient(right,#FFC21A ,#FF8F0B);
    background: -webkit-linear-gradient(left,#FFC21A ,#FF8F0B);
    background: linear-gradient(to right ,#FFC21A ,#FF8F0B);
}
.laydate-theme-arrange .layui-laydate-header{
    color: #FFF;
}
.laydate-theme-arrange .layui-laydate-header>i{
    color: #FFF;
}
.laydate-theme-arrange .layui-laydate-content{
    height: calc(100% - 46px);
}
.laydate-theme-arrange .layui-laydate-content>table{
    width: 100%;
    height: 100%;
}
.ca-calender .laydate-theme-arrange .layui-this{
    background-color: initial!important;
    color: #fff!important;
}

.ca-calender .laydate-theme-arrange td>div{
    width: 80%;
    height: 80%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ca-calender .laydate-theme-arrange td>div:after{
    content: '';
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    bottom: 15px;
    border-radius: 50%;
    z-index: -1;
}
.ca-calender .laydate-theme-arrange .layui-this>div:after{
    opacity: 0.8;
    background: #108EE9 !important;
}
.start{
    color: #FFF;
}
.start-now{
    color: #FFF;
}
.start-now:after{
    opacity: 0.8;
    background: rgba(11,161,148,0.80);
}
.start:after{
    opacity: 0.8;
    background: rgba(255,143,11,0.80);
}
.over:after{
    opacity: 0.8;
    background: #E0E0E0;
}
.laydate-theme-arrange .layui-laydate-content th{
    color: #FF8F0B;
}
/*.laydate-theme-arrange .layui-laydate-content td:hover, .layui-laydate-list li:hover{*/
    /*background: initial!important;*/
/*}*/

.ca-item>.ca-item-right{
    height: 552px;
    overflow: auto;
    padding-right: 16px;
    margin-right: 8px;
}
.ca-item-right>.ca-detail-item{
    position: relative;
    width: 422px;
    height: 126px;
    color: #FF8F0B;
    border-radius: 4px;
    border: 1px solid #FFC21A;
    /*overflow: hidden;*/
    margin-bottom: 16px;
    padding: 16px;
}
.ca-detail-item>i{
    position: absolute;
    top: -1px;
    right: -2px;
    font-size: 34px;
}
.ca-item-right>.ca-over{
    background: #E8E8E8 !important;
    color: #FFF;
    border: 1px solid #E8E8E8!important;
}
.ca-item-right>.ca-over .asl{
    background-image:none;
    background: #d9d8d8;
}
.ca-item-right>.ca-detail-item:last-of-type{
    margin-bottom: 0;
}
.ca-detail-item>p
,.ca-detail-item>h4{
    font-size: 14px;
    color: inherit;
}
.ca-detail-item>h4{
    font-weight: 600;
    margin-bottom: 8px;
}
.ca-detail-item>div{
    width: calc(100% - 32px);
    position: absolute;
    bottom: 16px;
    font-size: 20px;
    color: inherit;
    justify-content: space-between;
}
.ca-detail-item>div em{
    color: #108EE9;
}
.ca-detail-item .asl{
    width: 86px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: none;
    font-size: 14px;
    color: #FFF;
    background-image: linear-gradient(-90deg, #FFB65F 0%, #FFA439 100%);
    border-radius: 4px;
}
.ca-over>div em{
    color: #FFF;
}
/*日程表空状态*/
.ca-item-right .mst-empty{
    width: 442px;
    height: 552px;
}

/*课程记录*/
.cr-list{
    background: #FFF;
}
.cr-list .grade-outter{
    max-height: 950px!important;
}
.cr-list .grade-inner>li:nth-child(1){width: 20%}
/*.cr-list .grade-inner>li:nth-child(1) a{max-width: 200px}*/
.cr-list .grade-inner>li:nth-child(2){padding: 0;width: 20%;}
/*.cr-list .grade-inner>li:nth-child(2) .tof1{max-width: 140px}*/
.cr-list .grade-inner>li:nth-child(3){width: 15%}
/*.cr-list .grade-inner>li:nth-child(3) .tof1{max-width: 140px}*/
/*.cr-list .grade-inner>li:nth-child(4) .tof1{max-width: 230px}*/
.cr-list .grade-inner>li:nth-child(5) img{
    width: 50px;
    height: 50px;
}
.cr-lname{
    max-width:  155px;
}
.cr-name{
    max-width: 90%;
}
.cr-list .grade-inner>li:nth-child(6) a{
    color: #108EE9;
}
.cr-list .cr-search .cr-select input{
    width: 70px;
    height: 32px;
    border-radius: 4px 0 0 4px;
}
.cr-select .layui-form-select dl{
    top: 32px;
}
.cr-list .cr-search .cr-input
,.al-search .cr-input{
    position: relative;
}
.cr-list .cr-search .cr-input>input
,.al-search .cr-input>input{
    width: 170px;
    height: 32px;
    border-left: 0;
    border-radius: 0 4px 4px 0;
}
.cr-list .cr-search .cr-input>i
,.al-search .cr-input>i{
    position: absolute;
    right: 6px;
    top: 7.5px;
    color: rgba(0,0,0,0.25);
    cursor: pointer;
}
.ca-total{
    cursor: pointer;
}
#sch-page8{
    height: 46px;
    justify-content: flex-end;
}
/*空状态*/
.cr-list .mst-empty>div{
    height: 500px;
}

/*教师申请列表*/
.al-container .al-list{
    min-height: 650px;
    background: #FFF;
    border-radius: 4px;
}
.al-list-box{
    margin-top: 16px!important;
}
.al-list-box .al-search{
    width: 100%;
    height: 32px;
    margin-bottom: 16px;
    justify-content: flex-end;
}
.al-search .cr-select:nth-child(1){
    margin-right: 16px;
}
.al-search .cr-select input{
    width: 115px;
    height: 32px;
    border-radius: 4px;
}
.al-search .cr-select:nth-child(2) input{
    width: 168px;
}
.al-list-box .mst-grade-main>.grade-outter{
    max-height: 1742px;
    overflow: hidden;
}
.al-list .grade-inner{
    position: relative;
    flex-wrap: wrap;
}
.al-list .grade-inner>li:nth-child(2)>a.tof1{
    max-width: 90%;
}
.al-list .grade-inner>li:not(:last-of-type){
    width: 20%;
}
.al-list .grade-inner>li:nth-child(5){
    flex-direction: row;
}
.al-list .grade-inner>li:nth-child(5)>a.agreeout{
    color: #108EE9;
    margin-right: 8px;
}
.al-list .grade-inner>li:nth-child(5)>a.refuseout,.al-list .grade-inner>li:nth-child(5)>a.re-joined{
    color: #F24724;
}
.al-list .grade-inner>li:nth-child(5)>a.al-agree,
.al-list .grade-inner>li:nth-child(5)>a.al-refuse{
    color: #108EE9!important;
}
.al-list .grade-inner>li:nth-child(5)>a.al-agree{
    margin-right: 20px;
}
.al-list .grade-inner>li:nth-child(5)>a.al-refused{
    color: #F24724;
}
.al-list .grade-inner>li:nth-child(5)>a.al-joined,.reback-invite{
    color: #108EE9;
    margin-right: 8px;
}
.reback-invite:hover{
    color: #108EE9;
}
.al-list .grade-inner>li:nth-child(5)>a.al-agreed{
    color: #0BA194;
}
.al-list .grade-inner>li:nth-child(5)>a.al-waiting{
    color: #FFBF00;
}
.al-list .grade-inner>li:nth-child(5)>a.al-orefused{
    color: #D9D9D9;
}
.al-list .grade-inner>li:nth-child(5)>a.al-cancel{
    color: #F24724;
}
.al-list .grade-inner>li:nth-child(5)>a.al-waiting{
    margin-right: 8px;
}
.al-list .grade-inner>li:nth-child(6){
    width: 100%;
    padding: 12px 32px 0;
}
.al-list .grade-inner>li:nth-child(6)>p{
    width: 100%;
    min-height: 44px;
    background: #F5F5F5;
    padding: 12px 16px;
    color: #595959;
    text-align: justify;
    line-height: 20px;
}
.al-list .grade-inner>li:nth-child(1) img{
    width: 100%;
    height: auto;
}
#sch-page9{
    justify-content: flex-end;
}
/*添加教师弹窗部分样式*/
.al-add{
    border-radius: 4px!important;
    width: 899px!important;
    height: 638px;
    left: 50% !important;
    top: 50% !important;
    /*margin-left: -449.5px!important;*/
    /*margin-top: -319px!important;*/
}
.al-opt{
    /*left: 42% !important;*/
    /*top: 42% !important;*/
}
.al-add>.layui-layer-content{
    padding: 24px 32px;
    width: 899px;
    height: calc(100% - 53px);
    box-sizing: border-box;
}
.al-add>.layui-layer-content .grade-outter>li:not(:first-child){
    border: none;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0px;
}
.al-add>.layui-layer-content>div{
    width: 100%;
    justify-content: space-between;
}
.al-add>.layui-layer-content .layui-inline:first-of-type{
    margin-right: 56px;
}
.al-add input{
    height: 36px;
}
.al-add .grade-outter{
    flex-direction: column;
}
.al-add .grade-inner>li{
    width: calc(100% / 6);
}
.grade-inner>li:nth-child(1) .al-add-img{
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    border: none;
}
.al-add .grade-inner>li:nth-child(1) img{
    width: 100%;
    height: auto;
}
.al-add .grade-inner>li:nth-child(6) .al-invited{
     color: #D9D9D9;
}
.al-add .sbc .layui-form-item{
    /*width: 100%;*/
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.al-add .sbc .layui-inline:not(:first-of-type){
    margin-right: 0;
}
.al-add>.layui-layer-content .layui-btn{
    width: 65px;
    height: 32px;
    line-height: 32px;
    background: #108EE9;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 12px;
}
.al-add>.layui-layer-content .layui-inline .layui-input-inline{
    width: 286px;
    height: 36px;
}
.al-add>.layui-layer-content .layui-form-label{
    width: auto;
    font-size: 14px;
    color: #606060;
    padding: 9px 0;
    margin-right: 8px;
}
.cv-search-sch{
    display: inline-block;
    width: 380px;
    justify-content: space-between;
    margin-right: 0;
}
.cv-search-sch>.layui-input-inline{
    width: 120px;
    margin-right: 4px;
}
/*空状态*/
.al-list-box .mst-empty>div{
    min-height: 530px;
}
.al-add .mst-empty{
    height: 420px;
}
/*注册学员*/
.sr-container>.sr-main{
    width: 100%;
    /*min-height: 630px;*/
    background: #FFF;
    border-radius: 4px;
    padding: 6px 32px 0;
}
.sr-main>.layui-tab{
    margin: 0;
    position: relative;
}
.sr-main .grade-inner>li{
    width: 21%;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 32px;
}
.sr-main .grade-inner>li:nth-child(4){
    width: 25%;
}
.sr-main .grade-inner>li:nth-child(5){
    width: 12%;
}
.sr-main>.layui-tab>.layui-tab-title{
    height: 57px;
    color: #D9D9D9;
}
.sr-main .layui-tab-title .layui-this:after{
    height: 57px;
}
.sr-main>.layui-tab>.layui-tab-title>li{
    font-size: 16px;
    line-height: 57px;
}
.sr-main>.layui-tab>.layui-tab-content{
    padding: 24px 0 0 0;
}
.sr-main .grade-outter{
    flex-direction: column;
}
.sr-main .grade-outter>hr{
    height: 1px;
    margin: 16px -33px 0;
    border: 0;
    clear: both;
    background: #E8E8E8;
}
.grade-outter>div:first-child {
    color: #262626;
    font-weight: 600;
    background: #F4F4F4;
    padding: 16px 0;
}
.sr-main .grade-inner>div:nth-child(5){
    flex-direction: row;
}
.sr-main .grade-outter>.sr-related
,.sr-main .grade-outter>.sr-verify
,.sr-main .grade-outter>.sr-type{
    margin: 0;
    box-shadow: none;
    border: none;
    background: #F6F6F6;
}
.sr-main .grade-outter>.sr-related dd{
    font-weight: normal;
}
.sr-main .grade-outter>.sr-related{
    padding-top: 16px;
    padding-bottom: 16px;
}
.sr-main .sr-related .layui-form-label
,.sr-main .sr-verify .layui-form-label
,.sr-main .sr-type .layui-form-label{
    color: #595959;
    font-weight: 600;
}
.sr-main .sr-related .layui-input-inline
,.sr-main .sr-verify .layui-input-inline
,.sr-main .sr-type .layui-input-inline{
    width: 280px;
}
.sr-main .sr-related .term-select{
    width: 220px;
}
.sr-main .sr-verify .verify-code{
    position: relative;
}
.sr-main .sr-verify .verify-code input:nth-child(2){
    width: 110px;
    background: #108EE9;
    color: #FFF;
    position: absolute;
    top: 0;
    right: 0;
}
.sr-main .sr-related .layui-input-inline{
    margin-right: 13px;
}
.sr-main .grade-outter>.sr-verify,
.sr-main .grade-outter>.sr-type{
    padding-top: 16px;
    padding-bottom: 0;
}
.sr-verify>.layui-inline:nth-child(2),
.sr-type>.layui-inline:nth-child(2){
    width: 190px;
    margin-left: 6px;
}
.sr-verify>.layui-inline:nth-child(2) label,
.sr-type>.layui-inline:nth-child(2) label{
    width: 56px;
    padding: 9px 0;
}
.sr-verify>.layui-inline:nth-child(2) .layui-input-inline,
.sr-type>.layui-inline:nth-child(2) .layui-input-inline{
    width: 125px;
    margin-right: -34px;
}
.sr-verify>.layui-inline:nth-child(2) button
{
    width: 102px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #108EE9;
    background: transparent;
    font-size: inherit;
    padding: 0;
}
.sr-main .grade-outter>.sr-fixed:nth-child(2){
    padding-bottom: 16px;
}
.sr-main .sr-operate{
    width: 100%;
    padding: 24px 0;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
}
.sr-main .sr-operate button{
    padding: 6px 16px;
    border-radius: 4px;
    letter-spacing: 1.5px;
}
.sr-main .sr-operate button:nth-child(2){
    border: 1px solid #D9D9D9;
    background: #FFF;
    color: #D9D9D9;
}
.sr-main .sr-operate button:nth-child(1){
    background: #108EE9;
    color: #FFF;
    border: 1px solid #108EE9;
    margin-right: 8px;
}
.sr-main form>.sr-fill{
    max-height: 570px;
    min-height: 285px;
    margin-bottom: 0;
    position: relative;
    padding: 0 6px;
}
.sr-fill .layui-form-select{
    display: inline-block;
}
.sr-main form>.sr-old-fill{
    height: initial!important;
    min-height: auto;
    padding-bottom: 9px;
}
.sr-fill>.layui-form-item{
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #E8E8E8;
}
.sr-main form>.sr-fill .layui-inline{
    margin: 0;
    width: 21%;
    padding-left: 8px;
}
.sr-main form>.sr-fill .layui-inline:nth-child(2){
    padding-left: 31px;
}
.sr-main form>.sr-fill .layui-inline:nth-child(3){
    padding-left: 25px;
}
.sr-main form>.sr-fill .layui-inline:nth-child(4){
    width: 25%;
    padding-left: 21px;
}
.sr-main form>.sr-fill .layui-inline:nth-child(5){
    width: 10%;
    padding-left: 16px;
}
.sr-main form>.sr-fill .layui-inline:nth-child(5)>.sr-delete{
    color: #108EE9;
}
.sr-fillitem label{
    height: 32px;
    line-height: 32px;
    float: left;
}
.sr-fillitem .layui-input-inline{
    width: max-content;
}
.sr-fill>.layui-form-item input{
    height: 32px;
    width: 143px;
    display: inline-block;
    margin-left: 8px;
}
.sr-fill>.layui-form-item i{
    color: #F24724;
}
.sr-add{
    width: max-content;
    height: 49px;
    line-height: 49px;
    color: #108EE9;
    align-items: center;
    padding-left: 32px;
}
.sr-add i{
    width: 13px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    margin-right: 6px;
    border: 1px solid #108EE9;
    color: #108EE9;
}
.sr-addbtn{
    align-items: center;
    cursor: pointer;
}

/*tab*/
.sr-main .layui-tab-item .grade-outter>li{
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #E8E8E8;
    margin: 0;
}
.sr-old .sr-fill span{
    color: #595959;
}
.sr-addold{
    position: absolute;
    right: 0;
    top: 10px;
    /*width: 97px;*/
    height: 32px;
}
.sr-addold>a{
    padding: 7px 12px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,0,0,0.65);
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}
.sr-load{
    margin-left: 8px;
}
.sr-addold>a>i{
    margin-right: 5px;
}
.sr-addold>button{
    padding: 5px 10px;
    line-height: 22px;
    background: #108EE9;
    border: none;
    border-radius: 4px;
    color: #FFF;
    display: none;
    margin-left: 8px;
}
.pre-upload-pop{
    width: 601px!important;
    /*height: 357px;*/
}
.upload-form-box{
    padding: 16px 24px;
}
.upload-form-box .layui-form-label{
    width: 70px;
    font-size: 14px;
    color: #595959;
    padding-left: 0;
    padding-right: 8px;
}
.upload-form-box .upload-form-type{
    width: 136px;
    margin-right: 24px;
}
.upload-form-box .upload-form-course{
    width: 125px;
}
.upload-form-box .upload-form-course:first-of-type{
    width: 94px;
    margin-right: 8px;
}
.upload-form-box .layui-anim{
    max-height: 225px;
}
.pre-upload-pop .layui-layer-content{
    padding: 0!important;
}
.doUpload{
    width: 542px;
    height: 240px;
    background: #F9F9F9;
    border: 2px dashed #E8E8E8;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.doUpload>p{
    font-size: 12px;
    color: #D1D1D1;
    margin-top: 12px;
}
#sr-load{
    width: 118px;
    height: 32px;
    line-height: 32px;
    background: #108EE9;
    color: #fff;
    align-items: center;
    justify-content: center;
}
#sr-load>i{
    font-size: 16px;
    margin-right: 12px;
    margin-top: 2px;
}
#sr-load>span{
    font-size: 14px;
}
/*注册弹窗*/
.addold-stu{
    height: 700px;
    border-radius: 4px!important;
    width: 899px!important;
    left: 50% !important;
    top: 50% !important;
    /*margin-left: -449.5px!important;*/
    /*margin-top: -350px!important;*/
}
.addold-stu>.layui-layer-content{
    height: 647px;
}
.addold-stu .grade-outter{
    height: 490px;
}
.addold-stu .msr-addstu{
    height: 495px;
    overflow: auto;
}
.tea-addold-stu{
    height: 600px;
}
.tea-addold-stu>.layui-layer-content{
    height: calc(100% - 53px) ;
    padding: 12px 32px;
    overflow: overlay;
}
.tea-addold-stu .msr-addstu{
    height: calc(100% - 102px);
}
.addold-stu .msr-addstu>li{
    height: 45px;
}
.addold-stu .grade-inner>li{
    width: calc(100% / 3);
}
.addold-stu .grade-inner>li:first-child{
    padding-left: 53px;
}
.addold-stu .grade-outter>li:not(:first-child){
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: none;
    line-height: 19px;
    border-bottom: 1px solid #E8E8E8;
}
.addold-stu>.layui-layer-content .layui-inline:first-of-type{
    margin-right: 46px;
}
.addold-stu .sr-invite{
    color: #108EE9;
}
.addold-stu .sr-invited{
    color: #D9D9D9!important;
}
.msr-page{
    width: 100%;
    justify-content: center !important;
}
.msr-page input{
    height: initial;
}
/*提交弹窗*/
.sr-submit-pop{
    width: 472px!important;
    /*height: 270px;*/
    left: 50% !important;
    /*top: 50% !important;*/
    margin-left: -236px!important;
    /*margin-top: -135px!important;*/
}
.sr-submit-pop>.layui-layer-title{
    height:52px;
    justify-content:space-evenly;
    align-items: center;
    padding:0;
    font-size: 16px;
}
.sr-submit-pop>.layui-layer-title>h4{
    font-weight: 600!important;
}
.sr-submit-pop>.layui-layer-title>h4:nth-child(1){
    padding-left: 80px;
}
.sr-submit-pop>.layui-layer-content{
    padding: 0!important;
}
.sr-pop{
    width: 472px;
    min-height: 150px;
    max-height: 300px;
    overflow: auto;
}
.sr-pop>li{
    width: 100%;
    align-items: center;
}
.sr-pop>li:nth-child(2n){
    background: rgba(245,245,245,0.90);
}
.sr-pop>li>span{
    width: calc(100% / 3);
    height: 50px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 36px;
}
.sr-pop>li>span>i.sr-pass{
    width: 20px;
    height: 20px;
    background: url("../images/chapter.png") no-repeat -89px -545px;
}
.sr-pop>li>span>i.sr-fail{
    width: 20px;
    height: 20px;
    background: url("../images/chapter.png") no-repeat -89px -570px;
}
/*注册空状态*/
.sr-old .mst-empty{
    height: 325px;
}
.big{
    left: 50% !important;
    top: 50% !important;
    margin-left: -396px!important;
    margin-top: -348px!important;
    width: 792px!important;
}
/*.small-pop{*/
    /*left: 42% !important;*/
    /*top: 42% !important;*/
/*}*/
.small-pop .layui-layer-btn{
    padding: 0 15px 12px;
}
/*common教师列表*/
.cl-main>ul>li.cl-item{
    height: 226px;
    justify-content: flex-start;
}
.cl-item>div:nth-child(2){
    margin: 24px 0;
    height: 36px;
}
.cl-item>.cl-item-operate{
    width: 100%;
    height: 32px;
    justify-content: space-between;
}
.cl-item a{
    width: 147px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
}
.cl-item a.cl-invited-m , .cl-item a.cl-invite-m , .cl-item a.cl-concerned-m , .cl-item a.cl-concern-m{
    width: 65px;
}
.cl-item a.cl-invited-m , .cl-item a.cl-invite-m{
    margin-right: 6px;
}
.cl-item a.cl-invite-m{
    border: 1px solid #108EE9;
    color: #108EE9;
}
.cl-item a.cl-invite{
    width: 100%;
    border: 1px solid #108EE9;
    color: #108EE9;
}
.cl-item a.cl-invited-m{
    background: #E8E8E8;
    color: #FFF!important;
}
.cl-item a.cl-concern-m{
    background: #108EE9;
    color: #FFF!important;
}
.cl-item a.cl-concern{
    width: 100%;
    background: #108EE9;
    color: #FFF!important;
}
.cl-item a.cl-concerned-m{
    background: #E8E8E8;
    color: #FFF!important;
}
.cl-item a.cl-concerned{
    width: 100%;
    background: #E8E8E8;
    color: #FFF!important;
}
a.cl-concern-m>i{
    margin-right: 8px;
}
a.cl-concern>i{
    margin-right: 8px;
}
a.cl-concerned-m>i{
    display: none;
}
a.cl-concerned>i{
    display: none;
}
.cv-grade-inner>li:not(:nth-child(2)){
    width: 15% !important;
}
.cv-grade-inner>li:nth-child(2){
    width: 10% !important;
}
.cl-page{
    width: 100%;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    border-top: 1px solid #E8E8E8;
    padding: 0 24px 16px;
}

/*公共已购课程*/
.cbl-main{
    max-height: 812px!important;
}
.cbl-main-list{
    flex-wrap: wrap;
}
.cbl-main-item{
    width: 270px;
    height: 239px;
    margin-right: 24px!important;
    margin-bottom: 24px;
    box-shadow: 0 2px 5px 0 rgba(216,216,216,0.50);
    border-radius: 4px;
}
.cbl-main-item .cbl-item-top{
    width: 100%;
    height: 119px;
    overflow: hidden;
    align-items: center;
    position: relative;
    border-radius: 4px 4px 0 0;
}
.cbl-main-item .cbl-item-top>img{
    width: 100%;
    height: auto;
}
.cbl-main-item>.cbl-item-btm{
    width: 100%;
    padding: 0 16px;
}
.cbl-main-item>.cbl-item-btm>p{
    width: 100%;
    height: 40px;
    margin: 16px 0;
    color: #606060;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.cbl-main-item>.cbl-item-btm>a{
    width: 237px;
    height: 32px;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #108EE9;
    align-items: center;
    justify-content: center;
}

/*公共班级列表*/
.ccl-box{
    background: inherit!important;
}
.ccl-content{
    width: 100%;
    min-height: 500px;
}
.ccl-content>.ccl-list{
    width: 100%;
    min-height: 612px;
    max-height: 1158px;
    overflow: hidden;
    flex-wrap: wrap;
    align-items: flex-start;
}
.ccl-list>li.ccl-list-item{
    width: 282px;
    /*height: 355px;*/
    background: inherit;
    margin-right: 24px;
    margin-bottom: 32px;
}
.ccl-list>li:hover .ccl-item-top{
    -webkit-box-shadow: 0 2px 5px 0 rgba(216,216,216,0.50);
    -moz-box-shadow: 0 2px 5px 0 rgba(216,216,216,0.50);
    box-shadow: 0 2px 5px 0 rgba(216,216,216,0.50);
}
.ccl-list>li:hover .ccl-item-cname>h4{
    color: #FF8F0B;
}
.ccl-list>li.ccl-list-item:nth-child(4n){
    margin-right: 0!important;
}
.ccl-list-item>.ccl-item-top{
    width: 100%;
    height: 156px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 4px;
}
.ccl-item-top>img{
    width: 100%;
    height: auto;
}
.ccl-list-item>.ccl-item-cname{
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    margin: 8px 0;
}
.ccl-item-cname>h4{
    font-size: 16px;
    color: #07111B;
    max-width: 70%;
    cursor: pointer;
}
.ccl-item-cname>span{
    font-size: 12px;
    color: #93999F;
}
.ccl-list-item>.ccl-item-lname{
    font-size: 14px;
    color: #93999F;
    height: 44px;
    line-height: 22px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ccl-list-item>.ccl-item-info{
    width: 100%;
    margin: 8px 0;
    justify-content: space-between;
}
.ccl-item-info>.ccl-item-cinfo{
    height: 67px;
}
.ccl-item-cinfo>.ccl-item-outter{
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.ccl-item-outter>li:first-of-type{
    cursor: pointer;
}
.ccl-item-cinfo>.ccl-item-outter>li>span{
    font-size: 12px;
    color: #93999F;
}
.ccl-item-cinfo>.ccl-item-outter .ccl-drop{
    color: #108EE9;
    position: relative;
}
.ccl-item-outter>li.open .ccl-drop:after{
    transform: rotate(-225deg);
    top: 6px;
    transition: all .2s ease-in;
}
.ccl-item-outter>li .ccl-drop:after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-left: 1px #108EE9 solid;
    border-bottom: 1px #108EE9 solid;
    position: absolute;
    top: 3px;
    right: -14px;
    transform: rotate(-45deg);
    transition: transfrom .2s ease-in,top .2s ease-out;
}
.ccl-item-outter .ccl-item-inner{
    display: none;
    width: 203px;
    height: 221px;
    padding: 4px 6px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
    background: #FFF;
    position: absolute;
    z-index: 2;
    overflow: auto;
}
.ccl-item-inner>li{
    padding: 8px 10px;
}
.ccl-item-inner>li:not(:last-of-type){
    border-bottom: 1px solid #E8E8E8;
}
.ccl-item-inner>li>span{
    font-size: 12px;
    color: #595959;
}
.ccl-item-inner>li.ccl-tfull>span{
    color: #E8E8E8;
}
.ccl-item-info>.ccl-item-tinfo{
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.ccl-item-tinfo>img{
    width: 37px;
    height: 37px;
}
.ccl-item-tinfo>span{
    font-size: 12px;
    color: #D9D9D9;
    text-align: center;
}
.ccl-list-item>button{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
.ccl-full{
    background: #D9D9D9;
}
/*翻页*/
.ccl-page{
    margin-top: -8px;
    border-top: 0;
    justify-content: flex-end;
}
.ccl-page .layui-laypage{
    margin: 0;
}
.ccl-page .layui-laypage>a,
.ccl-page .layui-laypage>span{
    margin: 0 4px 0;
    border-radius: 4px !important;
    background: inherit;
}
.ccl-page .layui-laypage-skip{
    background: inherit;
}
.ccl-page .layui-laypage-skip input,.ccl-page .layui-laypage-skip button{
    background: inherit;
}
/*空状态*/
.ccl-box .mst-empty{
    height: 634px;
}
.ccl-box .mst-empty img{
    max-width: 280px;
}


/*个人中心基本信息*/
.set-permission{
    position: absolute;
}
.cci-container{
    margin: 32px auto 0;
    min-height: 500px;
    /*background: #FFF;*/
}
.cci-sidebar{
    width: 204px;
    padding: 32px 24px 0 0;
}
.cci-sidebar>.cci-sidebar-list{
    flex-direction: column;
}
.cci-sidebar-list>li{
    height: 48px;
    align-items: center;
    font-size: 18px;
    color: #595959;
    background: inherit;
    position: relative;
    margin-bottom: 8px;
}
.cci-sidebar-list>li i{
    margin: 0 0 0 24px;
    font-size: 22px;
}
.cci-sidebar-list>li:hover:after{
    border: 24px solid #FF8F0B;
    border-right: 21px solid transparent;
    border-bottom: 24px solid transparent;
    border-top: 24px solid transparent;
    position: absolute;
    right: -20px;
    content: '';
    display: block;
    width: 0;
    height: 0;
}
.cci-show:after{
    border: 24px solid #FF8F0B;
    border-right: 21px solid transparent;
    border-bottom: 24px solid transparent;
    border-top: 24px solid transparent;
    position: absolute;
    right: -20px;
    content: '';
    display: block;
    width: 0;
    height: 0;
}
.cci-sidebar-list>li:hover .icon-15 .path1:before{
    color: #FF8F0B;
}
.cci-sidebar-list>li:hover .icon-15 .spath:before{
    color: #FFF;
}
.cci-show .icon-15 .path1:before{
    color: #FF8F0B;
}
.cci-show .icon-15 .spath:before{
    color: #FFF;
}
.cci-show>a{
    height: 100%;
    color: #FFF !important;
    background: #FF8F0B!important;
    border-radius: 4px 0 0 4px;
}
.cci-sidebar-list>li>a{
    width: 155px;
    color: inherit;
    align-items: center;
}
.cci-sidebar-list>li em{
    margin-left: 12px;
}
.cci-sidebar-list>li:hover a{
    width: 155px;
    height: 100%;
    align-items: center;
    color: #FFF;
    background: #FF8F0B;
    border-radius: 4px 0 0 4px;
}
.cci-main{
    width: calc(100% - 204px);
    /*margin-bottom: 75px;*/
}
.cci-main>div{
    width: 100%;
    border-radius: 4px;
    background: #FFF;
}
.cci-main .centerinfo{
    padding: 8px 32px;
    height: 735px;
}
.centerinfo .layui-tab{
    margin: 0;
}
.centerinfo .layui-tab-title{
    height: 52px;
}
.centerinfo .layui-tab-title>li{
    line-height: 52px;
    font-size: 16px;
    color: #D9D9D9;
}
.centerinfo .layui-tab-title .layui-this:after{
    height: 52px;
}
.centerinfo .layui-tab-content{
    padding: 32px 8px;
}
.cci-info form{
    padding-left: 24px!important;
}
.cci-info .layui-form-label {
    padding: 2px 12px 2px 8px!important;
}
.cci-info .layui-form-label>em{
    display: inline-block;
    width: 56px;
    padding-left: 14px;
    height: 34px;
    line-height: 34px;
    background: #E8E8E8;
    text-align: left;
}
.info-detail-change{
    width: 80%;
}
.info-detail-change>form{
    padding: 0;
}
.info-detail-change>form .layui-input-inline,
.info-detail-change>form .layui-input-block{
    font-size: 14px;
}
.info-detail-change>form .layui-form-label{
    padding: 9px 8px;
    width: 82px;
    color: #262626;
}
.info-detail-change>form .layui-input-block{
    margin-left: 98px;
}
.info-detail-change>form textarea{
    resize: none;
}
.layui-btn-equit,.layui-btn-submit{
    font-size: 14px;
    margin-left: 0!important;
    margin-right: 16px!important;
}
.cci-main .cci-info,.cci-change{
    justify-content: space-between;
}
.cci-info .info-detail-change p{
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}
.cci-linkage .layui-input-inline{
    width: 90px;
    margin-right: 15px;
    font-size: 12px;
    margin-bottom: 12px;
}
.cci-linkage .layui-input-inline:nth-child(4){
    margin-right: 0;
}
.cci-linkage .layui-input-inline:nth-child(5){
    margin-left: 98px;
    width: calc(100% - 98px);
    margin-bottom: 0;
}
.info-photo{
    flex-direction: column;
    align-items: center;
}
.info-photo>.photo-box{
    width: 144px;
    height: 144px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 16px;
}
.photo-box>img{
    width: 100%;
    height: auto;
}
.info-photo>button{
    width: 88px;
    height: 32px;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #108EE9;
    text-align: center;
    line-height: 32px;
    background: #ffffff;
}
/*校长编辑我的学校*/
.cci-seditor-content,.cci-seditor-title,.cci-seditor-title>ul{
    width: 100%;
}
.cci-seditor-title{
    border-bottom: 1px solid #E8E8E8;
}
.cci-seditor-title li{
    width: 128px;
    height: 57px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #606060;
    position: relative;
}
.cci-seditor-title li>a{
    color: #108EE9;
    margin-right: -12px;
}
.cci-seditor-title li>span{
    margin-right: -12px;
}
.cci-seditor-title li:after{
    content: '';
    display: inline-block;
    width: 41px;
    height: 41px;
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: -12px;
}
.cci-seditor-main{
    padding: 32px;
}
.seditor-upload-item{
    width: max-content;
}
.seditor-upload-item>div{
    width: 598px;
    flex-wrap: wrap;
}
.seditor-upload-main>p{
    font-size: 12px;
    color: #FF7777;
}
.seditor-upload-box{
    position: relative;
    width: 186px;
    height: 102px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 16px;
}
.seditor-upload-box:nth-of-type(3n){
    margin-right: 0;
}
.seditor-upload-box>img{
    width: 100%;
    height: auto;
}
.seditor-upload{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #F8F8F8;
    border: 2px dashed #D8D8D8;
    border-radius: 4px;
}
.seditor-upload>i,.seditor-upload:hover>i{
    font-size: 44px!important;
    color: #D8D8D8;
}

/*安全设置*/
.cci-main>.cci-security{
    min-height: 695px;
    padding: 48px 32px;
}
.cci-security>.cci-security-top{
    width: 100%;
    justify-content: center;
    margin-bottom: 42px;
}
.cci-security-top>p{
    width: 126px;
    color: #262626;
    margin-right: 8px;
    font-weight: 600;
}
.cci-security-top>.layui-progress{
    width: 711px;
}
.cci-security-main{
    width: 100%;
}
.cci-security-main>.security-list{
    width: 100%;
    flex-direction: column;
}
.security-list>li{
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px dashed #E8E8E8;
}
.security-list .security-type{
    position: relative;
    align-items: center;
    margin-bottom: 16px;
}
.security-list .change-code{
    width: 100%;
    display: none;
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    margin-top: 24px;
}
.change-code>li{
    float: left;
    width: 220px;
    height: 145px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 1px 1px 0 rgba(153,153,153,0.20);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    margin-right: 17px;
}
.change-code>li:last-of-type{
    margin-right: 0;
}
.change-code>li i{
    position: absolute;
    font-size: 72px;
    z-index: 0;
}
.change-code>li>span:nth-child(1){
    width: 72px;
    height: 72px;
    margin-right: 16px;
    position: relative;
    background: #FF8F0B;
    border-radius: 50%;
}
.change-code>li>span:nth-child(2){
    width: 72px;
    font-size: 18px;
    font-weight: 600;
    color: #595959;
}
.security-list>li>div>i{
    font-size: 23px;
    margin-right: 8px;
}
.security-type>div{
    position: absolute;
    right: 0;
}
.security-type>.icon{
    width: 30px;
    height: 29px;
    margin-top: -2px;
    margin-right: 8px;
}
.security-type>em{
    font-size: 18px;
    color: #262626;
    font-weight: 600;
    margin-right: 24px;
}
.security-type>span{
    font-size: 14px;
    color: #262626;
    align-items: center;
}

.security-type>span>i{
    width: 13px;
    height: 13px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    padding: 1px;
    margin-right: 8px;
}
.security-type>span>i>small{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #D9D9D9;
}
.security-type>span.authentication{
     color: #0BA194;
 }
.security-type>span.authentication>i{
    border: 1px solid #0BA194;
}
.security-type>span.authentication>i>small{
    background: #0BA194;
}
.security-type>a{
    position: absolute;
    right: 0;
    color: #108EE9;
}
.security-type>div>a{
    color: #108EE9;
}
.security-type>a.eunbind,
.security-type>a.punbind{
    /*display: none;*/
}
.security-type>a.xj,
.security-type>a.mm{
    /*pointer-events: none;*/
    /*cursor: no-drop;*/
}
.security-list p.security-text{
    color: #D9D9D9;
    text-indent: .2em;
}
.security-list ul.security-other{
    margin-top: 24px;
    width: 100%;
}
.security-other>li{
    width: 208px;
    height: 115px;
    margin-right: 32px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 1px 1px 0 rgba(153,153,153,0.20);
    border-radius: 4px;
}
.security-other>li>div{
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.security-other>li>div>i{
    font-size: 54px;
    margin-right: 16px;
}
.security-other>li>div i.icon-35{
    color: #30C037;
}
.security-other>li>div i.icon-34{
    color: red;
}
.security-other>li>div i.icon-qq{
    font-size: 40px;
}
.security-other>li>div em{
    font-size: 16px;
    color: #595959;
}
.security-other>li>div span{
    font-size: 12px;
    color: #F24724;
    margin: 4px 0;
}
.security-other>li>div .status-h{
    color: #0BA194;
}
.security-other>li>div a{
    width: 65px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 12px;
    color: #108EE9;
    border: 1px solid #108EE9;
    border-radius: 2px;
}
.security-other .security-side-operate{
    flex-direction: column;
}
/*安全设置弹窗*/
/*普通更改密码*/
.changecode{
    height: 336px!important;
}
.changecode>.layui-layer-content{
    height: 154px !important;
    padding: 24px!important;
}
.changecode>.layui-layer-content>form{
    margin-top: 0;
}
.nc{
    position: relative;
}
.nc .icon-icon2{
    position: absolute;
    right: -22px;
    top: 12px;
    color: #108EE9;
}
/*手机更改密码*/
.phonecode{
    height: 437px!important;
}
.phonecode .layui-layer-content{
    height: 256px!important;
}

.rname-authentication{
    width: 520px!important;
    height: 342px;
}
.rname-authentication>.layui-layer-content{
    height: 160px;
    padding: 24px!important;
}
.rname-authentication p{
    color: #595959;
    line-height: 20px;
}
.rname-authentication form{
    margin-top: 24px;
    /*margin-right: 86px;*/
    padding: 0;
    color: #595959;
}
.rname-authentication form .layui-form-label{
    padding: 9px 0 !important;
}
.rname-authentication form .layui-input-block{
    margin-left: 86px;
}
.rname-authentication form input{
    font-size: 12px;
}
.rname-authentication form .layui-form-label>i{
    color: #F24724;
}
.rname-authentication form .sf{
    margin: 0!important;
}
.rname-authentication .layui-layer-btn{
    height: 32px;
    padding: 24px!important;
}
.rname-authentication .layui-layer-btn>a{
    margin-top: 0!important;
}

/*绑定*/
.pbinding{
    position: relative;
}
.cci-getcode{
    width: 102px;
    height: 38px;
    font-size: 14px!important;
    text-align: center;
    background: #108EE9;
    color: #FFF;
    border: 1px solid #108EE9;
    position: absolute;
    right: 0;
    top: 0;
}
.cci-getcode.disabled{
    background: #797b7d;
    border: 1px solid #797b7d;
}
.punbinding{
    height: 278px;
}
.punbinding .layui-layer-content{
    height: 120px;
    padding: 0 24px 24px 24px !important;
}
.punbinding .layui-layer-btn1{
    width: 74px;
}

/*操作纪录*/
.cci-operate{
    height: 751px;
}
.cci-operate>.sub-header{
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 600;
    color: #606060;
    border-bottom: 1px solid #E8E8E8;
}
.cci-operate>.operate-main{
    width: 100%;
    height: 617px;
    padding: 24px 24px 0;
}
.operate-main>ul.operate-loutter{
    width: 100%;
    height: 100%;
    flex-direction: column;
    /*overflow: auto;*/
}
ul.operate-loutter>li:nth-child(1){
    height: 52px;
    background: #F4F4F4;
    border-radius: 4px;
    color: #606060;
    font-weight: 600;
}
ul.operate-loutter>li{
    width: 100%;
    height: 44px;
    background: inherit;
    color: #595959;
    border-bottom: 1px solid #E8E8E8;
}
ul.operate-loutter>li>ul.operate-linner{
    width: 100%;
    height: 100%;
}
ul.operate-linner>li{
    width: 28%;
    justify-content: flex-start;
    align-items: center;
}
ul.operate-linner>li:nth-child(1){
    padding-left: 32px;
}
ul.operate-linner>li:first-of-type{
    width: 16%;
}
ul.operate-linner>li:nth-child(1)>span{
     max-width: 220px;
 }
ul.operate-linner>li:nth-child(3)>span{
    max-width: 200px;
}
ul.operate-linner>li:nth-child(4)>span{
    max-width: 100px;
}

/*我的收藏*/
.cci-main>.cci-collect{
    height: auto;
    min-height: 692px;
    padding-bottom: 0;
}
.cci-collect .layui-tab-content{
    padding: 24px 0;
}
.cci-clist{
    width: 100%;
    min-height: 529px;
    max-height: 761px;
    overflow: hidden;
}
.cci-clist>li{
    justify-content: space-between;
}
.vhome-item{
    align-items: center;
}
.cci-clist>li:not(:last-of-type){
    margin-bottom: 24px;
}
.cci-clist .cci-clist-img{
    width: 80px;
    height: 80px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 16px;
}
.cci-clist .cci-clist-img>img{
    max-width: 100%;
    height: auto;
}
.cci-clist .cci-clist-intro{
    width: calc(100% - 96px);
    height: auto;
}
.cci-clist .cci-clist-intro>h3{
    min-width: 252px;
    max-width: 80%;
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 8px;
    align-items: center;
    position: relative;
}
.cci-clist .cci-clist-intro>h3>span{
    width: 74px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #0BA194;
    margin-left: 16px;
    background: rgba(11,161,148,0.20);
    border: 1px solid #0BA194;
    border-radius: 4px;
}
.cci-clist .cci-clist-intro>p{
    max-width: 85%;
    color: #595959;
    max-height: 40px;
    text-align: justify;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 8px;
}
.cci-clist .cci-clist-intro>p.intro-empty{
    /*display: none;*/
    color: #C3C3C3;
}
.cci-clist .cci-clist-intro>div{
    color: #93999F;
    position: relative;
}
.cci-clist .cci-clist-intro>div small{
    font-size: 14px;
    margin-right: 24px;
}
.cci-clist .cci-clist-intro>div small:nth-child(3){
    position: absolute;
    right: 0;
    top: 0;
}
 .cci-clist .cci-clist-intro>div small:nth-child(3) i{
    color: #FF8F0B;
 }

/*问答*/
.cuc-ques .cci-clist{
    max-height: 766px;
}
.cuc-ques .cci-clist .cci-clist-img{
    width: 72px;
    height: 72px;
    border-radius: 50%;
}
.cuc-ques .cci-clist .cci-clist-intro{
    width: calc(100% - 88px);
    padding-bottom: 18px;
}
.cuc-ques .cci-clist>li{
    border-bottom: 1px solid #E8E8E8;
}

/*学校*/
.cci-schname{
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 8px;
}
.cci-schname>h3{
    max-width: 60%;
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    position: relative;
}
.cci-schname>ul{
    font-size: 14px;
    color: #FF8F0B;
}
.cci-schname>ul>li{
    margin-left: 24px;
}
.cci-schname>ul>li>i{
    margin-right: 8px;
}

/*我的宝贝*/
/*虚拟*/
.cvt-instudy{
    display: none;
}
.cvt .cci-clist .cci-clist-intro>h3>span{
    width: 52px;
    height: 23px;
    line-height: 23px;
}
.cvt-lesson .cci-clist-intro>p{
    margin-bottom: 20px;
}
.cvt-lesson .cvt-lessonmore{
    align-items: flex-end;
    justify-content: space-between;
}
.cvt-lesson .cvt-instudy{
    display: block;
    width: 88px;
    height: 30px;
    color: #FF8F0B;
    line-height: 30px;
    text-align: center;
    border: 1px solid #FF8F0B;
    border-radius: 4px;
}
.cvt-lesson .cci-clist-intro>h3>span{
    background: rgba(16,142,233,0.20);
    border: 1px solid #108EE9;
    color: #108EE9;
}
.cvt-material .cci-clist-intro>h3>span{
    background: rgba(255,143,11,0.20);
    border: 1px solid #FF8F0B;
    color: #FF8F0B;
}
.cvt-hardware .cci-clist-intro>h3>span{
    background: rgba(242,71,36,0.20);
    border: 1px solid #F24724;
    color: #F24724;
}
.cvt-others .cci-clist-intro>h3>span{
    background: rgba(106,106,106,0.20);
    border: 1px solid #6A6A6A;
    color: #6A6A6A;
}

/*我的提问*/
.cvq{
    position: relative;
}
.cvq-set{
    font-size: 12px;
    color: #108ee9;
    position: absolute;
    top: 24px;
    right: 32px;
}
.cvq-set:hover{
    color: #108ee9;
}
.cuc-ques .cvq-operate{
    color: #108ee9;
    position: relative;
    cursor: pointer;
}
.cuc-ques .cvq-operate:after{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-left: 1px #108EE9 solid;
    border-bottom: 1px #108EE9 solid;
    position: absolute;
    top: 4px;
    right: -14px;
    transform: rotate(-45deg);
    transition: transfrom .2s ease-in,top .2s ease-out;
}
.cvq-open .cvq-operate:after{
    transform: rotate(-225deg);
    top: 6px;
    transition: all .2s ease-in;
}
.cuc-ques .cvq-operate>ul{
    display: none;
    width: 114px;
    height: 122px;
    padding: 8px 0 8px 16px;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 18px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(153,153,153,0.20);
    border-radius: 4px;
    z-index: 3;
}
.cuc-ques .cvq-operate>ul>li{
    align-items: center;
    padding: 8px 0;
    font-size: 12px;
    color: rgba(0,0,0,0.65);
}
.cvq-operate .layui-form-radio{
    line-height: initial;
    margin: 0;
    padding: 0;
}
.cvq-operate .layui-form-radio>i{
    font-size: 14px;
}
.layui-form-radio, .layui-form-radio *{
    vertical-align: initial;
    font-size: 12px;
    line-height: 18px;
}
.layui-form-radio>i{
    vertical-align: text-top;
}
.cuc-ques>.cci-clist>li:last-of-type .cvq-operate>ul{
    /*bottom: 18px;*/
    /*top: initial;*/
}
.cvq-ques .cci-clist-intro{
    height: auto;
}
.cvq-ques .cci-clist-intro>div{
    margin-bottom: 16px;
}

/*我的笔记*/
.cvn{
    position: relative;
}
.cvn .cvn-header{
    padding: 8px 0 0;
    font-size: 18px;
    color: #606060;
    margin-bottom: 16px;
    align-items: center;
}
.cvn hr{
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 63px;
}
.cvn .cvn-header>i{
    font-size: 27px;
    margin-right: 8px;
    color: #FF8F0B;
}
.cvq-ques .cci-clist .cci-clist-intro{
    width: 100%;
}
.cvq-ques .cci-clist-intro>div small{
    max-width: 90%;
}
/*作品*/
.shd-container .projects-shd-main{
    padding: 0!important;
    background: transparent!important;
}
.projects-shd-main .layui-tab-title{
    background: #FFF;
}
.projects-shd-main .shd-ques-top{
    background: #FFF;
}
.projects-clist{
    flex-wrap: wrap;
    min-height: 333px;
    max-height: 928px;
    margin-top: 32px;
}
.projects-clist>li{
    position: relative;
    width: 224px;
    height: max-content;
    background: #FFF;
    border-radius: 6px;
    margin-right: 20px;
    margin-bottom: 24px!important;
}
.projects-clist>li:hover{
    box-shadow: 0 2px 6px 0 rgba(222,222,222,0.80);
}
.projects-clist>li:nth-child(5n){
    margin-right: 0;
}
.pjts-prev{
    position: relative;
    width: 100%;
    height: 168px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pjts-prev>span{
    position: absolute;
    right: 0;
    top: 12px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #FFF;
    border-radius: 13.5px 0 0 13.5px;
    padding: 5px 8px;
}
.pjts-prev>span.upjt-w{
    background: -webkit-linear-gradient(-45deg, #FCEAB7 0%, #FFBA29 100%);
    background: -moz-linear-gradient(-45deg, #FCEAB7 0%, #FFBA29 100%);
    background: -ms-linear-gradient(-45deg, #FCEAB7 0%, #FFBA29 100%);
    background: -o-linear-gradient(-45deg, #FCEAB7 0%, #FFBA29 100%);
    background: linear-gradient(-45deg, #FCEAB7 0%, #FFBA29 100%);
}
.pjts-prev>span.upjt-s{
    background: -webkit-linear-gradient(-45deg, #FFC9BE 0%, #FF6040 100%);
    background: -moz-linear-gradient(-45deg, #FFC9BE 0%, #FF6040 100%);
    background: -ms-linear-gradient(-45deg, #FFC9BE 0%, #FF6040 100%);
    background: -o-linear-gradient(-45deg, #FFC9BE 0%, #FF6040 100%);
    background: linear-gradient(-45deg, #FFC9BE 0%, #FF6040 100%);
}
.pjts-prev>span.upjt-p{
    background: -webkit-linear-gradient(-45deg, #A0D0FF 0%, #0081FF 100%);
    background: -moz-linear-gradient(-45deg, #A0D0FF 0%, #0081FF 100%);
    background: -ms-linear-gradient(-45deg, #A0D0FF 0%, #0081FF 100%);
    background: -o-linear-gradient(-45deg, #A0D0FF 0%, #0081FF 100%);
    background: linear-gradient(-45deg, #A0D0FF 0%, #0081FF 100%);
}
.pjts-prev>img{
    width: 100%;
    height: auto;
}
.projects-clist h4{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #595959;
    font-weight: 600;
    padding-left: 6px;
}
.pjts-btm{
    padding-left: 6px;
    margin-bottom: 8px;
}
.pjts-btm>a{
    color: #999;
    font-size: 14px;
    align-items: center;
    margin-right: 18px;
}
.pjts-btm>a>i{
    margin-right: 6px;
}
.pjts-op{
    height: 43px;
    border-top: 1px solid #e8e8e8;
    padding: 8px 0;
}
.pjts-op>a{
    width: 50%;
    color: #999;
    text-align: center;
    border-right: 1px solid #e8e8e8;
}
.pjts-op>a:last-child{
    border-right: 0;
}
.pjts-op>a>i{
    margin-right: 8px;
}
.pjts-tag{
    position: absolute;
    left: 0;
    top: 140px;
    padding-left: 6px;
}
.pjts-tag>span{
    width: 44px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #FFF;
    font-size: 12px;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    margin-right: 8px;
}
.pjt-page{
    text-align: right;
}
.pjt-page .layui-laypage .layui-laypage-skip{
    background: transparent;
}
.shd-projects-content .mst-empty-main{
    height: 400px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.shd-projects-content .mst-empty-main>img{
    width: 200px;
}
.shd-projects-content .mst-empty-main>h4{
    text-align: center;
    color: #e0e0e0;
    font-size: 18px;
    margin-top: 8px;
}
/*end个人主页*/

/*我的学校*/
.cv-uschool-common{
    padding: 8px 32px 0;
}
.cv-uschool-title{
    width: 100%;
    height: 57px;
    border-radius: 0!important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}
.cv-uschool-subnav{
    height: 100%;
}
.cv-uschool-subnav>a{
    position: relative;
    font-size: 16px;
    line-height: 57px;
    color: #606060;
    padding: 0 12px;
    margin-right: 12px;
}
.cv-uschool-subnav>a.active{
    color: #ff8f0b;
}
.cv-uschool-subnav>a.active:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #ff8f0b;
}
.cv-uschool-title>a.cvu-more{
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #108EE9;
    margin-right: 0;
    padding: 0 24px;
}
.cv-uschool-o{
    width: 100%;
    min-height: 643px;
    padding: 24px 24px 0;
    border-radius: 0!important;
}
.cv-uschool-main .uschool-list-outter{
    width: 100%;
    height: 541px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
}
.cv-uschool-main .uschool-list-outter>li{
    width: 100%;
    padding: 16px 0;
}
.cv-uschool-main .uschool-list-outter>li:first-of-type{
    background: #F4F4F4;
    border-radius: 4px;
}
.cv-uschool-main .uschool-list-outter>li:not(:first-of-type){
    border-bottom: 1px solid #e8e8e8;
}
.cv-uschool-main .uschool-list-outter .uschool-list-inner{
    width: 100%;
    flex-direction: row;
    align-items: center;
    color: #595959;
}
.cv-uschool-main .uschool-list-inner>li{
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    justify-content: center;
}
.cv-uschool-main .uschool-list-inner>li:first-of-type{
    padding-left: 24px;
}
.cv-uschool-main .uschool-list-inner>li:nth-child(1){
    width: 15%;
}
.cv-uschool-main .uschool-list-inner>li:nth-child(2){
    width: 22%;
}
.cv-uschool-main .uschool-list-inner>li:nth-child(3){
    width: 10%;
}
.cv-uschool-main .uschool-list-inner>li:nth-child(4){
    width: 10%;
}
.cv-uschool-main .uschool-list-inner>li:nth-child(5){
    width: 24%;
}
.cv-uschool-main .uschool-list-inner>li:nth-child(6){
    width: 19%;
}
.cv-usc .uschool-list-inner>li:nth-child(1){
    width: 15%;
}
.cv-usc .uschool-list-inner>li:nth-child(2){
    width: 35%;
}
.cv-usc .uschool-list-inner>li:nth-child(3){
    width: 32%;
}
.cv-usc .uschool-list-inner>li:nth-child(4){
    width: 18%;
}
.cv-uschool-invite .uschool-list-inner>li:nth-child(2){
    width: 29%;
}
.cv-uschool-invite .uschool-list-inner>li:nth-child(4){
    width: 20%;
}
.apply-for-check,.signout-for-check,.apply-for-check:hover,.signout-for-check:hover{
    color: #595959;
    cursor: no-drop;
}
.al-invite,.al-invite:hover{
    color: #108EE9;
    margin-right: 12px;
}
.re-invite,.re-invite:hover{
    color: #F24724;
}
.uschool-list-inner .uschool-img{
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
}
.uschool-list-search .uschool-img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.uschool-list-inner .uschool-img>img{
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.uschool-list-inner>li span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 96%;
}
.uschool-list-inner .cvu-out{
    color: #108ee9;
}
.uschool-list-inner .cvu-default{
    color: #108EE9;
    margin-right: 16px;
}
.uschool-list-inner .cvu-hdefault{
    color: #B1B1B1;
    margin-right: 12px;
}
.uschool-list-inner .cvu-agree{
    color: #108EE9;
    margin-right: 30px;
}
.uschool-list-inner .cvu-hagree{
    color: rgb(217, 217, 217);
}
.uschool-list-inner .cvu-hrefuse{
    color: rgb(217, 217, 217);
}
.uschool-list-inner .cvu-refuse{
    color: #108EE9;
}
.cv-usc .sbc .layui-form-item{
    justify-content: flex-end;
}
.cv-usc>.layui-layer-content .layui-inline:first-of-type{
    margin-right: 0!important;
}
.cv-usc>.layui-layer-content .layui-inline input{
    width: 200px;
    font-size: 12px;
}
.cv-usc .grade-inner>li{
    width: calc(100% / 4) !important;
}
.cv-usc .cv-uschool-main{
    padding: 0;
    height: auto;
}
.cv-usc .uschool-list-inner .cvu-in{
    color: #108ee9;
}
.cv-usc .uschool-list-inner .cvu-bein{
    color: #D9D9D9;
}
/*学校校长*/
.cv-uschool-mas{
    padding-bottom: 32px;
}
.cv-uschool-mas .cv-uschool-main{
    padding: 32px 24px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    word-break: break-all;
}
.cv-uschool-mas .cvu-logo{
    width: 129px;
    height: 129px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    float: left;
    border-radius: 4px;
    margin-right: 24px;
}
.cv-uschool-mas .cvu-logo>img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.cv-uschool-mas .cvu-brief{
    width: calc(100% - 153px);
    float: left;
}
.cv-uschool-mas .cvu-brief>h3{
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    position: relative;
}
.cv-uschool-mas .cvu-brief>h3>a{
    font-size: 12px;
    color: #108EE9;
    position: absolute;
    right: 0;
    top: 3px;
}
.cvu-brief>p{
    width: 100%;
    float: left;
    margin: 16px 0;
}
.cvu-brief>p>span{
    align-items: center;
    margin-right: 16px;
}
.cvu-brief>p>span i{
    width: 18px;
    height: 18px;
    margin-right: 8px;
}
.cvu-brief>p>span:nth-child(1) i{
    background: url(../images/chapter.png) no-repeat -29px -230px;
}
.cvu-brief>p>span:nth-child(1) em{
    max-width: 80px;
}
.cvu-brief>p>span:nth-child(2) i{
    background: url(../images/chapter.png) no-repeat -29px -252px;
}
.cvu-brief>p>span:nth-child(2) em{
    max-width: 170px;
}
.cvu-brief>p>span:nth-child(3) i{
    background: url(../images/chapter.png) no-repeat -29px -276px;
}
.cvu-brief>p>span:nth-child(3) em{
    max-width: 340px;
}
.mst-rec-main>.sch-pjts:nth-child(5n){
    margin-right: 0!important;
}
.sch-pjts{
    /*width: 218px!important;*/
    /*margin-right: 20px!important;*/
}
.sch-pjts>h5{
    margin-bottom: 8px;
}
.sch-pjts>.sch-display-com{
    color: #999;
    margin: 0 16px;
}
.sch-pjts>.sch-display-com i{
    margin-right: 4px;
}

/*权限设置*/
.cci-main .cv-upower{
    width: 100%;
}
.cv-upower .cv-upower-title{
    padding: 16px 24px;
    border-bottom: 1px solid #e8e8e8;
}
.cv-upower .cv-upower-title>h3{
    font-size: 18px;
    color: #606060;
}
.cv-upower .cv-upower-main{
    padding: 12px 32px 80px;
    min-height: 643px;
    position: relative;
}
.cv-upower-main>ul.power-list{
    width: 100%;
}
.power-list>li{
    padding: 12px 0;
    font-size: 16px;
    color: #606060;
    align-items: center;
    position: relative;
}
.power-list>li:not(:last-of-type){
    border-bottom: 1px solid #E8E8E8;
}
.power-list>li>i{
    font-size: 22px;
    margin-right: 8px;
    vertical-align: sub;
}
.power-list>li>em{
    position: relative;
    cursor: pointer;
}
.power-list>li>em:after{
    display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    border-left: 1px solid #595959;
    border-top: 1px solid #595959;
    transform: rotate(-135deg);
    position: absolute;
    top: 8px;
    right: -12px;
    transition: transfrom .2s ease-in,top .2s ease-out;
}
.power-list>li>em.open:after{
    transform: rotate(-315deg);
    top: 10px;
    transition: all .2s ease-in;
}
.power-save{
    position: absolute;
    bottom: 0;
    right: 0;
}
.power-save{
    width: 100%;
    height: 80px;
    padding: 24px 32px;
    border-top: 1px solid #E8E8E8;
}
.power-save>input{
    width: 65px;
    height: 30px;
    line-height: 30px;
    background: #108EE9;
    border-radius: 4px;
    color: #FFF;
    float: right;
    text-align: center;
    border: none;
    letter-spacing: 2px;
}
.power-list>li>.power-innerlist{
    padding: 0 30px 12px;
    /*display: none;*/
}
.power-innerlist>li{
    font-size: 14px;
    margin-top: 24px;
    align-items: center;
}
.power-innerlist>li>em{
    margin-right: 24px;
    color: #262626;
}
.power-innerlist .layui-form-checkbox span{
    font-size: 12px;
    padding-right: 32px;
}
.power-innerlist .layui-form-radio i{
    margin-top: 0;
    height: 17px;
    font-size: 17px;
    top: 2px;
}
.power-innerlist .layui-form-radio{
    margin-top: 0;
    margin-right: 22px;
}
.power-innerlist .layui-form-checked>i, .layui-form-radio>i::before{
    position: absolute;
    top: -1px;
    left: 0;
}
.cvp-news .power-innerlist{
    width: 100%;
    height: 147px;
}
.cvp-news .power-innerlist>li{
    width: 50%;
    float: left;
    justify-content: space-between;
    padding-right: 60px;
}
.cvp-news .layui-form-switch{
    padding: 0 7px;
    margin-top: 0;
    height: 18px;
    line-height: 18px;
}
.cvp-news .layui-form-onswitch i{
    margin-left: -17px;
    left: 100%!important;
}
.cvp-news .layui-form-switch i{
    top: 1px;
    left: 2px;
}

/*我的消息*/
.cuc-ques>.cuc-ope{
    height: 50px;
    line-height: 50px;
    text-align: right;
    background: #EDEDED;
    padding-right: 24px;
}
.cuc-ope>span{
    font-size: 12px;
    color: #108EE9;
    cursor: pointer;
}
.cci-collect .layui-tab-content.news{
    padding: 0;
}
.cv-unews>div{
    position: relative;
}
.cv-unews .layui-tab-title li{
    width: 65px;
    padding: 0;
    align-items: center;
}
.cv-unews .layui-tab-title li>i{
    width: 6px;
    height: 6px;
    margin-left: 0;
    border-radius: 50%;
    background: #F24724;
    vertical-align: middle;
}
.cv-unews .markall{
    font-size: 12px;
    color: #108EE9;
    position: absolute;
    right: 0;
    top: 17px;
    cursor: pointer;
}
.cv-unews .news{
    padding-bottom: 24px!important;
}
.news .cci-clist{
    padding-top: 24px;
    max-height: initial!important;
}
.news .cci-clist>li{
    justify-content: flex-start;
    position: relative;
    padding-bottom: 15px;
}
.news .cci-clist .cci-clist-con>h3{
    font-size: 18px;
    color: #595959;
}
.news .cci-clist .cci-clist-con>h3 i{
    margin-left: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #93999F;
}
.news .cci-clist .cci-clist-con>p{
    position: relative;
    margin-top: 8px;
    height: 40px;
    color: #595959;
    padding-right: 6px;
    overflow: hidden;
    transition: 0.6s;
}
.news .cci-clist .cci-clist-con>p>i{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.6s;
    transform: rotate(90deg);
    cursor: pointer;
}
.autoheight{
    height: auto!important;
}
.autoheight>i{
    transform: rotate(-90deg) !important;
}
.news .cuc-ques .cci-clist-con{
    width: 644px;
    height: auto;
    margin-left: 16px;
}
.news .mark-news{
    position: absolute;
    right: 24px;
    color: #595959;
    line-height: 88px;
    cursor: pointer;
    font-size: 12px;
}
.news .mark-news .mkreaded{
    color: #108EE9;
}
.news .mark-news .mkdelete{
    color: #108EE9;
    margin-left: 16px;
}
/*私信*/
.cv-msg{
    width: 100%;
    /*flex-direction: column;*/
}
.cv-msg .msg-sidenav{
    width: 191px;
    height: 606px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-top: 0;
    overflow: auto;
}
.msg-sidenav .msg-sidelist{
    width: 100%;
    flex-direction: column;
}
.msg-sidenav .msg-sidelist>li{
    width: 100%;
    height: 79px;
    padding: 0 8px;
    cursor: context-menu;
}
.msg-sidelist>li:first-child .msg-detail>i{
    display: none;
}
.msg-sidenav .msg-sidelist>li>div{
    padding: 17px 6px 18px;
    height: 79px;
}
.msg-sidenav .msg-sidelist>li:not(:first-of-type)>div{
    border-top: 1px solid #e8e8e8;
}
.msg-sidelist>li .msg-photo{
    width: 41px;
    height: 41px;
    margin-right: 9.7px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.msg-sidelist>li:hover{
    background: #F7F7F7;
}
.msg-sidelist>li.news-focus{
    background: #F7F7F7;
}
.msg-sidelist>li.news-focus>div{
    border-top: 0 !important;
}
.msg-sidelist>li.news-focus+li>div{
    border-top: 0 !important;
}
.msg-sidelist>li img{
    width: 100%;
    height: auto;
}
.msg-sidelist>li .msg-detail{
    width: 107px;
    height: 43px;
    flex-direction: column;
    position: relative;
}
.msg-sidelist>li .msg-detail>i{
    min-width: 14px;
    padding: 1px 2px;
    height: 14px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background: #F24724;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    left: -20px;
}
.msg-sidelist>li .msg-detail>h4{
    color: #595959;
    margin-bottom: 4px;
    max-width: 107px;
    font-weight: 600;
}
.msg-sidelist>li .msg-detail>span{
    max-width: 107px;
    font-size: 12px;
    color: #595959;
}

.cv-msg .msg-main{
    width: calc(100% - 191px);
    background: #F7F7F7;
    /*padding: 50px*/
}
.msg-main .msg-content{
    width: 100%;
    height: 477px;
    background: #F7F7F7;
    border: 1px solid #E8E8E8;
    border-top: 0;
    border-bottom: 0;
    border-left: none;
}
.msg-mainlist{
    width: 100%;
    height: 100%;
}
.msg-mainlist>li{
    width: 100%;
    height: 100%;
    display: none;
    padding:  24px 32px;
    overflow: auto;
}
.msg-mainlist>li.msg-show{
    display: block;
}
.msg-main .msg-input{
    width: 100%;
    height: 78px;
    background: #FFFFFF;
    position: relative;
}
.msg-main .msg-input textarea{
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    padding: 5px;
}
.msg-main .msg-input>div.msg-detail{
    border-left: 0;
}
.msg-main .msg-operate{
    width: 100%;
    height: 52px;
    background: #EDEDED;
    align-items: center;
    position: relative;
}
.msg-main .msg-operate button{
    width: 65px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #108EE9;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 2px;
    position: absolute;
    right: 24px;
    border: none;
    border-radius: 4px;
}
.msg-main .msg-operate i{
    margin-left: 48px;
    color: #595959;
    font-size: 15px;
}
.msg-mainlist .msg-itemlist>li{
    margin-bottom: 32px;
}
.msg-itemlist .msg-another-photo,
.msg-itemlist .msg-own-photo{
    width: 41px;
    height: 41px;
    border-radius: 50%;
    margin-right: 22px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    display: inline-block;
}
.msg-itemlist .msg-own-photo{
    margin-right: 0;
    margin-left: 22px;
}
.msg-mainlist .msg-itemlist .msg-another-box
,.msg-mainlist .msg-itemlist .msg-own-box{
    flex-direction: column;
    align-items: center;
}
.msg-mainlist .msg-another-box>div
,.msg-mainlist .msg-own-box>div{
    width: 100%;
    align-items: center;
}
.msg-mainlist .msg-own-box>div{
    flex-direction: row-reverse;
    align-items: center;
}
.msg-mainlist .msg-another-box>p
,.msg-mainlist .msg-own-box>p{
    width: 100%;
    font-size: 12px;
    color: #D9D9D9;
    text-align: center;
    margin-bottom: 24px;
    display: none;
}
.msg-mainlist .msg-another-box>p.time-show
,.msg-mainlist .msg-own-box>p.time-show{
    display: block;
}
.msg-itemlist .msg-another-photo>img
,.msg-itemlist .msg-own-photo>img{
    width: 100%;
    height: auto;
}
.msg-itemlist .msg-another ,
.msg-itemlist .msg-own{
    display: inline-block;
    max-width: 90%;
    position: relative;
    background: #ffffff;
    padding: 20px;
    word-break: break-all;
}
.msg-itemlist .msg-own>img,.msg-itemlist .msg-another>img{
    max-width: 100%;
}
.msg-itemlist .msg-another:after {
    position:absolute;
    top: 50%;
    margin-top: -11px;
    left: -8px;
    padding: 8px;
    border:inherit;
    border-left: none;
    border-top: none;
    content:"";
    background: inherit;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.msg-itemlist .msg-own:after{
    position:absolute;
    top: 50%;
    margin-top: -11px;
    right: -8px;
    padding: 8px;
    border:inherit;
    border-left: none;
    border-top: none;
    content:"";
    background: inherit;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.msg-mainlist .msg-itemlist .msg-another>span{
    width: max-content;
    font-size: 12px;
    color: #D9D9D9;
    position: absolute;
    bottom: -25px;
    left: 0;
}
.msg-mainlist .msg-itemlist .msg-own>span{
    width: max-content;
    font-size: 12px;
    color: #D9D9D9;
    position: absolute;
    bottom: -25px;
    right: 0;
}
.cv-unews .cuc-ques .cci-clist{
    max-height: 551px;
}


/*研发*/
.cv-urad{
    width: 100%;
    height: 750px!important;
    padding: 8px 32px 0!important;
}
.cv-urad .layui-tab-content{
    padding-top: 18px!important;
}
.cv-urad .operate-main{
    height: 593px;
    overflow: hidden;
}
.urad-loutter>li>.urad-linner{
    width: 100%;
    height: 100%;
    align-items: center;
}
ul.urad-linner>li{
    width: 22%;
}
ul.urad-linner>li:nth-child(1) {
    padding-left: 32px;
}
ul.urad-linner>li:nth-child(1)>span,
ul.urad-linner>li:nth-child(2)>span{
    max-width: 180px;
}
ul.urad-linner>li:nth-child(5){
    width: 12%;
}
ul.urad-linner>li>span.urad-release{
    color: #0BA194;
}
ul.urad-linner>li>span.urad-remove{
    color: #D9D9D9;
}
ul.urad-linner>li>span.urad-check{
    color: #FFBF00;
}
ul.urad-linner>li>span.urad-develop{
    color: #0080DC;
}
ul.urad-linner>li>span.urad-nopass{
    color: #F24724;
}
.urad-ordstop{
    color: #F24724;
}
.urad-running{
    color: #0BA194;
}

/*学习记录*/
.usturecord{
    height: auto !important;
}
.cv-usturecord{
    padding: 50px 32px 32px 184px;
}
.cv-usturecord >.layui-timeline{
    position: relative;
}
.cv-usturecord >.layui-timeline .layui-flow-more{
    height: 57px;
    position: relative;
    left: 18px;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
}
.cv-usturecord >.layui-timeline .layui-flow-more:before{
    position: absolute;
    content: '';
    left: 28px;
    top: -7px;
    z-index: 10;
    width: 12px;
    height: 12px;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #5FB878;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.cv-usturecord >.layui-timeline .layui-flow-more a>i{
    margin-left: 18px;
}

.cv-usturecord .usturecord-time{
    flex-direction: column;
    font-size: 18px;
    color: #93999F;
    position: absolute;
    top: -18px;
    left: -74px;
}
.cv-usturecord .layui-timeline-item{
    height: 119px;
}
.cv-usturecord .layui-timeline-item .layui-timeline-content{
    position: absolute;
    top: -18px;
}
.cv-usturecord .layui-timeline-item h4{
    font-size: 14px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 8px;
}
/*回顶部*/
.cv-backtop{
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 30%;
    right: 10%;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #FFF;
    background: #93999F;
    border-radius: 50%;
}
.cv-backtop:hover{
    color: #FFF;
}
.cv-back{
    display: none;
}

/*个人中心公共作品翻页*/

/*翻页*/
.cci-optpage{
    padding: 24px 0 0;
    justify-content: flex-end;
}
#cci-optpage>.layui-laypage,
#cci-uctpage>.layui-laypage,
#cci-workspage>.layui-laypage,
#cci-quespage>.layui-laypage,
#cvtxpage>.layui-laypage,
#cvtspage>.layui-laypage,
#cvq-cpage>.layui-laypage,
#cvq-gpage>.layui-laypage,
#cvq-ipage>.layui-laypage,
#cvn-page>.layui-laypage,
#cvs-page>.layui-laypage,
#cvu-npage>.layui-laypage,
#urad-tpage>.layui-laypage,
#urad-cpage>.layui-laypage,
#pjt-page>.layui-laypage,
#hpjt-page>.layui-laypage
{
    margin: 0;
}
/*个人中心空状态*/
.cci-main .mst-empty{
    height: 583px;
}

/*个人主页*/
.shd-container .shd-top{
    width: 100%;
    /*height: 281px;*/
    background: #FFF;
    margin-top: 32px;
}
.shd-top-bk{
    width: 100%;
    height: 187px;
    padding: 105px 90px 33px 274px;
    color: #FFF;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    background: url("../images/shd.jpg") center no-repeat;
    background-size: cover;
}
.shd-dleft>h4{
    font-size: 18px;
    margin-bottom: 1px;
}
.shd-dleft>p>span{
    margin-right: 16px;
}
.shd-dright{
    font-size: 18px;
    flex-direction: row;
}
.shd-dright>h4{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 47px;
}
.shd-top-img{
    position: absolute;
    left: 64px;
    top: 101px;
    width: 186px;
    height: 168px;
    padding: 4px 5px;
    border-radius: 4px;
    background: #FFF;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.shd-top-img>img{
    max-width: 100%;
}

.shd-top .shd-top-detail{
    width: 100%;
    padding: 24px 24px 14px 274px;
    position: relative;
}
.shd-top-detail>p{
    font-size: 14px;
    color: #93999F;
    margin-bottom: 16px;
}
.shd-top-detail>p>span{
    margin-right: 24px;
}
.shd-top-detail>p>span>i{
    font-size: 18px;
    color: #108ee9;
    margin-right: 16px;
}
.shd-detail-op>.shd-detail-list{
    font-size: 14px;
    color: #93999F;
    position: relative;
    cursor: pointer;
}
.shd-detail-op>.shd-detail-list:before{
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #93999F;
    border-left: 1px solid #93999F;
    border-radius: 1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transfrom .2s ease-in,top .2s ease-out;
    -moz-transition: transfrom .2s ease-in,top .2s ease-out;
    -ms-transition: transfrom .2s ease-in,top .2s ease-out;
    -o-transition: transfrom .2s ease-in,top .2s ease-out;
    transition: transfrom .2s ease-in,top .2s ease-out;
    position: absolute;
    left: 94px;
    top: 7px;
}
.shd-detail-op.open>.shd-detail-list:before{
    transform: rotate(-315deg);
    top: 10px;
    transition: all .2s ease-in;
}
.shd-info-list{
    width: 580px;
    display: none;
}
.shd-info-list>li{
    width: 100%;
    padding-bottom: 24px;
    font-size: 14px;
    color: #93999F;
}
.shd-info-list>li>label{
    max-width: 60px;
}
.shd-info-list>li>p{
    max-width: 520px;
}
.shd-info-list>li:last-of-type>p{
    max-height: 80px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
}
.shd-top-detail .shd-detail-op{
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.shd-top-detail .shd-detail-op>.shd-editor{
    width: 120px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #108ee9;
    border: 1px solid #108EE9;
    border-radius: 4px;
    z-index: 2;
}
.shd-top-detail .shd-detail-op .shd-con,.shd-top-detail .shd-detail-op .scc{
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #108EE9;
    margin-right: 16px;
}
.shd-top-detail .shd-detail-op .scc:hover{
    background: #595959;
    border-color: #595959;
    color: #ffffff;
}
.shd-top-detail .shd-detail-op .shd-mesg{
    width: 76px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #108EE9;
    border: 1px solid #108EE9;
    border-radius: 4px;
    color: #FFF;
}
.shd-container .mst-empty{
    margin-top: 140px;
}
.shd-container .cci-clist{
    max-height: 100%;
}
.shd-container .shd-main{
    width: 100%;
    min-height: 500px;
    margin-top: 16px;
    background: #FFF;
    padding: 0 24px;
}
.shd-item>li h3{
    font-size: 16px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 8px;
}
.shd-main h3>em{
    max-width: 90%;
    font-size: 18px;
    color: inherit;
}
.shd-main .layui-tab-content{
    padding: 0;
}
.shd-main .layui-tab-title{
    height: 52px;
}
.shd-main .layui-tab-title>li{
    line-height: 52px;
    font-size: 16px;
    color: #595959;
}
.shd-main .layui-tab-title .layui-this:after{
    height: 52px;
}
.shd-main .shd-item{
    width: 100%;
    padding-bottom: 24px;
}
.shd-main .shd-item .layui-flow-more{
    bottom: 0;
}
.shd-main .shd-item>li{
    flex-direction: column;
    width: 100%;
    padding: 24px 0 0;
    border-bottom: 1px solid #E8E8E8;
}
.shd-item>li>span{
    color: #93999F;
    margin-bottom: 8px;
}
.shd-concern>h3>span{
    width: 74px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 12px;
    color: #0BA194;
    background: rgba(11,161,148,0.20);
    border: 1px solid #0BA194;
    border-radius: 4px;
    margin-left: 6px;
}
.shd-item>li.shd-concern>p{
    font-size: 14px;
    color: #93999F;
    margin-bottom: 12px;
}
.shd-item>li.shd-concern>p>span{
    margin-right: 24px;
    max-width: 1150px;
}

.shd-item>li.shd-join>h3>div{
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 16px;
}
.shd-item>li.shd-join>h3 img{
    max-width: 100%;
    height: auto;
}
.shd-item>li.shd-join>p:first-of-type{
    width: 100%;
    height: 40px;
    color: #595959;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.shd-item>li.shd-join>p:last-of-type{
    font-size: 12px;
    color: #93999F;
    margin-bottom: 12px;
}
.shd-item>li.shd-join>p:last-of-type>span{
    margin-right: 24px;
}
.shd-item>li.shd-course>div{
    width: 100%;
    flex-direction: row;
}
.shd-item>li.shd-course .shd-limg{
    width: 227px;
    height: 133px;
    margin-right: 16px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.shd-item>li.shd-course img{
    max-width: 100%;
    height: auto;
}
.shd-item>li.shd-course .shd-lesson{
    width: calc(100% - 243px);
    flex-direction: column;
}
.shd-item>li .shd-lesson>h3{
    width: max-content;
    max-width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 8px;
    position: relative;
    align-items: center;
}
.shd-item>li.shd-course .shd-lesson>h3>span{
    width: 74px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 12px;
    color: #0BA194;
    background: rgba(11,161,148,0.20);
    border: 1px solid #0BA194;
    border-radius: 4px;
}
.shd-item>li.shd-course .shd-lesson>p:first-of-type{
    width: 100%;
    height: 60px;
    color: #595959;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}
.shd-item>li.shd-course .shd-lesson>p:last-of-type{
    font-size: 12px;
    color: #93999F;
    margin-bottom: 12px;
}
.shd-item>li.shd-course .shd-lesson>p:last-of-type>span{
    margin-right: 24px;
}
.shd-item>li.shd-concern>h4>span{
    width: 74px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 12px;
    color: #0BA194;
    background: rgba(11,161,148,0.20);
    border: 1px solid #0BA194;
    border-radius: 4px;
}
.shd-concern-content,.shd-school-content{
    position: relative;
    padding-bottom: 24px;
    border-top: 1px solid #E8E8E8;
}
.shd-concern-content .layui-flow-more,.shd-school-content .layui-flow-more{
    bottom: 0;
    margin: 0;
}
.cci-schname-tag{
    display: inline-block;
    width: 72px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #108EE9;
    background: rgba(16,142,233,0.20);
    border: 1px solid #108EE9;
    border-radius: 4px;
    margin-left: 24px;
}
/*主页我的提问*/
.shd-ques-top{
    cursor: pointer;
}
.ques-show:before,.collect-show:before{
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #595959;
    border-left: 1px solid #595959;
    border-radius: 1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transfrom .2s ease-in,top .2s ease-out;
    -moz-transition: transfrom .2s ease-in,top .2s ease-out;
    -ms-transition: transfrom .2s ease-in,top .2s ease-out;
    -o-transition: transfrom .2s ease-in,top .2s ease-out;
    transition: transfrom .2s ease-in,top .2s ease-out;
    position: absolute;
    left: 64px;
    top: 6px;
}
.collect-show:before{
    left: 35px!important;
}
.open>.ques-show:before,.open>.collect-show:before{
    transform: rotate(-315deg);
    top: 8px;
    transition: all .2s ease-in;
}
.shd-ques-tab,.shd-collect-tab{
    width: max-content;
    height: 52px;
    align-items: center;
    background: #FFF;
    overflow: hidden;
    color: #595959;
}
.shd-ques-tab>li,.shd-collect-tab>li{
    width: 95px;
    height: 52px;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    background: #FFF;
    cursor: pointer;
    position: relative;
    /*margin-right: 42px;*/
}
.shd-ques-tab>li.active,.shd-collect-tab>li.active{
    font-weight: 600;
}
.ques-show{
    display: block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    color: #595959;
    position: relative;
    cursor: pointer;
}
.collect-show{
    display: block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    color: #595959;
    position: relative;
}
.ques-open{
    display: block;
}

.shd-ques-content{
    border-top: 1px solid #e8e8e8;
}
.shd-ques-content>div{
    display: none;
}
.shd-show{
    display: flex !important;
}
.shd-ques-give .cci-clist{
    max-height: initial;
}
.shd-ques-give .cci-clist .cci-clist-img{
    width: 72px;
    height: 72px;
}
.shd-ques-give .cci-clist .cci-clist-intro{
    width: calc(100% - 88px);
    height: max-content;
}
.shd-ques-give .cci-clist .cci-clist-intro>p{
    margin-bottom: 16px;
}
.shd-ques-give .cci-clist .cci-clist-intro span{
    display: none;
}

.shd-ques-concern .cci-clist>li{
    height: max-content;
    padding: 16px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}
.shd-ques-concern .cci-clist .cci-clist-intro{
    height: max-content;
}

.shd-collect-kc .cci-clist>li
,.shd-collect-zp .cci-clist>li
,.shd-collect-xx .cci-clist>li
,.shd-ques-give .cci-clist>li
,.shd-note-content>.cci-clist>li
,.shd-school-content>.cci-clist>li
,.shd-concern-content>.cci-clist>li
,.shd-fans-content>.cci-clist>li{
    padding: 16px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}
.shd-concern-content .cci-clist .cci-clist-img
,.shd-fans-content .cci-clist .cci-clist-img{
    width: 72px;
    height: 72px;
    margin-right: 16px;
}

.shd-concern-content .cci-clist .cci-clist-intro
,.shd-fans-content .cci-clist .cci-clist-intro{
    width: calc(100% - 88px);
    height: max-content;
    position: relative;
}

/*个人主页我的笔记*/
.shd-note-content>.cci-clist .cci-clist-intro{
    height: max-content!important;
}

/*个人主页我的学校*/
.shd-school-content .school-main-top{
    margin-bottom: 12px;
}
.shd-school-content .school-main-top>span:nth-child(2){
    margin-left: 0;
}
.shd-school-content .cci-clist-intro>p{
    height: 60px;
    -webkit-line-clamp: 3;
}

/*个人主页我的关注*/
.shd-concern-content .cci-clist>li{
    min-height: 121px;
    align-items: center;
}


.shd-concern-content .cci-clist .sd-concern-mid{
    margin-bottom: 8px;
    font-size: 14px;
    color: #595959;
}
.shd-concern-content .cci-clist .sd-concern-mid>span{
    margin-right: 16px;
}
.cci-clist-intro .shd-concern-op,.cci-clist-intro .scc{
    width: 84px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #93999F;
    border-radius: 4px;
    color: #FFF;
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -16px;
}
.cci-clist-intro .shd-concern-op:hover{
    background: #595959;
}

/*个人主页我的粉丝*/
.shd-fans-content .cci-clist-intro{
    position: relative;
}
.shd-fans-content .cci-clist-img{
    width: 72px;
}
.shd-fans-content .cci-clist-intro>p{
    margin-bottom: 0;
    margin-top: 24px;
    height: 20px;
    font-size: 14px;
    color: #595959;
}
.cci-clist-intro>h3>em{
    max-width: 90%;
}
.shd-fans-content .cci-clist-intro>h3>span{
    width: 66px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: rgba(147,153,159,0.20);
    border: 1px solid #93999F;
    border-radius: 4px;
    font-size: 12px;
    color: #93999F;
}
.cci-clist-intro>.shd-fans-op,.cci-clist-intro>.shd-fans-oped{
    width: 82px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #108EE9;
    border-radius: 4px;
    color: #FFF;
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -16px;
}
.cci-clist-intro>.shd-fans-oped{
    background: #93999F;
}
#sendContent{}
#sendContent>span{
    font-size: 14px;
    color: #606060;
}
#sendContent>textarea{
    display: block;
    width: 100%;
    height: 184px;
    margin-top: 16px;
    padding: 5px;
    border: 1px solid #D8D8D8;
    resize: none;
}
/*图片框*/
.sms-img{
    width: 50px!important;
    height: 50px!important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50% !important;
    border: none!important;
    margin-bottom: 8px;
}
.recomand-img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 8px;
}
.tea-add-img{
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 12px;
}
.tea-del{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0,0,0,.5);
    display: none;
    border-radius: 4px;
}
.tea-del>i{
    position: absolute;
    top: 0;
    right: 1px;
}
.students_main>ul>li:hover .tea-del{
    display: block;
    color: #FFF;
}
.tea-checkin-img{
    width: 45px!important;
    height: 45px!important;
    align-items: center!important;
    justify-content: center;
    overflow: hidden;
    border-radius: 50% !important;
}
.tc-records .grade-inner>li:nth-child(1) .tea-checkin-img>img{
    width: 100%;
    height: auto;
}
/*导入文件*/
.sr-his-box{
    width: 100%;

}
.sr-his-lists{
    width: 100%;
    height: 480px;
}
.sr-his-items{
    width: 100%;
}
.sr-his-lists>li:nth-child(1){
    width: 100%;
    background: #F4F4F4;
}
.sr-his-lists>li:nth-child(1) li{
    height: 52px;
    color: #262626;
    font-weight: 600;
    align-items: center;
}
.sr-his-lists>li:not(:first-child) li{
    height: 44px;
    font-size: 14px;
    color: #595959;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}
.sr-his-items>li:nth-child(1){
    width: 441px;
    padding-left: 53px;
}
.sr-his-items>li:nth-child(2){
    width: 206px;
}
.sr-his-items>li:nth-child(3){
    width: 133px;
}
.sr-his-items>li:nth-child(4){
    width: 122px;
}
.sr-his-items>li:nth-child(5){
    width: 134px;
}
.sr-his-items>li:nth-child(6){
    width: 100px;
}
.sr-his-items span{
    max-width: 95%;
}
.sr-his-items .repeat-num,.sr-his-items .fail-num,.sr-his-items .click-eg{
    color: #108EE9;
    cursor: pointer;
}
.sr-his-items .sr-his-op>span{
    color: #108EE9;
    cursor: pointer;
}
.sr-his-items .sr-his-op>span.ban{
    color: #606060!important;
}
.sr-his-items .sr-his-op>span:first-child{
    margin-right: 8px;
}
.sr-page{
    justify-content: flex-end;
}
.repeat-num-box{
    width: 860px!important;
    min-height: 325px;
}
#rnb{
    padding: 0;
}
.repeat-container{
    /*width: 860px;*/
    padding: 24px 32px;
    min-height: 550px;
}
.repeat-lists>li:first-child{
    font-size: 14px;
    font-weight: 600;
    height: 52px;
    background: #F4F4F4!important;
}
.repeat-lists{
    max-height: 502px;
}
.repeat-lists>li:not(:first-child){
    min-height: 44px;
    color: #595959;
}
.repeat-lists>li li{
    align-items: center;
}
.repeat-lists>li:nth-child(odd){
    background: #F8FCFF;
}
.repeat-items{
    height: 44px;
}
.repeat-items-spl{
    font-weight: 600;
}
.repeat-items>li:nth-child(1){
    width: 158px;
    padding-left: 24px;
}
.repeat-items>li:nth-child(2){
    width: 110px;
}
.repeat-items>li:nth-child(3){
    width: 110px;
}
.repeat-items>li:nth-child(4){
    width: 175px;
}
.repeat-items>li:nth-child(5){
    width: 186px;
}
.repeat-items>li:nth-child(6){
    width: 168px;
}

.repeat-lists-inner>li{
    padding: 0 24px;
}
.repeat-items-inner{
    border-top: 1px dashed #dcdcdc;
}
.repeat-items-inner>li{
    height: 44px;
}
.repeat-items-inner>li:nth-child(1){
    width: 134px;
    padding-left: 28px;
}
.repeat-items-inner>li:nth-child(2){
    width: 110px;
}
.repeat-items-inner>li:nth-child(3){
    width: 110px;
}
.repeat-items-inner>li:nth-child(4){
    width: 175px;
}
.repeat-items-inner>li:nth-child(5){
    width: 186px;
}
.repeat-items-inner>li:nth-child(6){
    width: 144px;
}
/*错误条数弹窗*/
.fail-num-box{
    width: 971px!important;
    min-height: 325px;
}
#fnb{
    padding: 0;
}
.failn-container{
    width: 100%;
    padding: 24px 32px;
    min-height: 550px;
}
.failn-lists{
    width: 100%;
    max-height: 502px;
}
.failn-lists>li:first-child{
    width: 100%;
    height: 52px;
    font-weight: 600;
    background: #F4F4F4;
}
.failn-lists>li:not(:first-child){
    height: 44px;
    color: #595959;
    border-bottom: 1px solid #E8E8E8;
}
.failn-items{
    height: 100%;
}
.failn-items>li{
    align-items: center;
}
.failn-items>li:nth-child(1){
    width: 174px;
    padding-left: 36px;
}
.failn-items>li:nth-child(2){
    width: 85px;
}
.failn-items>li:nth-child(3){
    width: 85px;
}
.failn-items>li:nth-child(4){
    width: 145px;
}
.failn-items>li:nth-child(5){
    width: 176px;
}
.failn-items>li:nth-child(6){
    width: 252px;
}
.failn-items>li>span{
    max-width: 99%;
}
/*导入文件成功弹窗*/
.lead-suc{
    width: 720px!important;
}
#lsc{
    height: 522px;
    padding: 0 24px 16px;
}
.leadin-container{
    width: 100%;
    justify-content: space-evenly;
}
.lead-suc-sign{
    width: 100%;
    height: 190px;
    align-items: center;
    justify-content: center;
}
.lead-suc-sign>i{
    font-size: 55px;
}
.lead-suc-sign>span{
    font-size: 30px;
    color: #595959;
    margin-left: 31px;
}
.leadin-lists{
    width: 100%;
}
.leadin-lists>li:first-child{
    background: #F4F4F4;
    height: 52px;
    color: #606060;
    font-weight: 600;
}
.leadin-lists>li:not(:first-child){
    height: 44px;
    color: #595959;
    border-bottom: 1px solid #E8E8E8;
}
.leadin-items{
    height: 100%;
    padding: 32px 0 4px;
    flex-direction: column;
}
.leadin-items>li{
    align-items: center;
    width: 100%;
    font-size: 14px;
    color: #595959;
    margin-bottom: 12px;
}

.leadin-items>li>span{
    max-width: 400px;
}
.leadin-suc-tag>img{
    width: 19px;
    height: 19px;
    margin-right: 12px;
}
.hload-box{
    width: 247px;
    align-items: center;
    justify-content: center;
}
.hload-box>i{
    font-size: 30px;
}
.hload-box>span{
    font-size: 24px;
    color: #35B34A;
    margin-left: 16px;
}
#lsc .sr-his-lists{
    height: 309px;
    overflow-y: auto;
}
#lsc .sr-his-lists::-webkit-scrollbar{
    width: 3px!important;
}
#lsc>h4{
    font-size: 14px;
    color: #454545;
    margin-bottom: 10px;
}
#lsc>h4>em{
    color: red;
}
#lsc .sr-his-items>li:nth-child(1){
    width: 156.5px;
    padding-left: 23px;
}
#lsc .sr-his-items>li:nth-child(2){
    width: 58px;
}
#lsc .sr-his-items>li:nth-child(3){
    width: 56px;
}
#lsc .sr-his-items>li:nth-child(4){
    width: 110.5px;
}
#lsc .sr-his-items>li:nth-child(5){
    width: 161px;
}
#lsc .sr-his-items>li:nth-child(6){
    width: 126px;
}
/*裁剪工具*/
.cut-box{
    width: 500px!important;
    height: 564px;
}
.cut-img{
    width: 100%;
    height: 460px;
}
#cutbox,#cutbox1,#cutbox2,#cutbox3,#cutbox4,#cutbox5,#cutbox6{
    padding: 0;
}
.cropper-bg{
    max-height: 500px;
}
.cvu-beTea{
    margin-right: 12px;
}

/*个人主页问答6.18*/
.cci-ques-img{
    width: 308px;
    height: 154px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    margin-right: 24px;
}
.cci-ques-img>img {
    max-width: 100%;
    height: auto;
}
.cci-ques-intro{
    flex: 1;
    flex-direction: column;
}
.cci-ques-intro>h3{
    /*min-width: 252px;*/
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 8px;
    align-items: center;
    position: relative;
}
.qa-author {
    max-width: 20%;
    align-items: center;
    margin-left: auto;
}
.qa-author>.qa-author-img {
    position: relative;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 12px;
}
.qa-author>.qa-author-img>img {
    width: 100%;
    height: auto;
}
.qa-author>span {
    max-width: 60px;
    position: relative;
    font-size: 14px;
    color: #CBCBCB;
    line-height: 20px;
}
.cci-ques-intro>p{
    /*max-width: 85%;*/
    color: #595959;
    height: 40px;
    text-align: justify;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 16px;
}
.cci-ques-intro>div{
    font-size: 12px;
    color: #93999f;
    position: relative;
    margin-top: auto;
}
.cci-ques-intro>div>small{
    font-size: 14px;
    margin-right: 24px;
}
.cci-page{
    justify-content: flex-end;
}
/*教务*/
.modify-period-pop{
    height: max-content!important;
}
.mypjt-img{
    position: relative;
}
#mypjt-list{
    min-height: 456px;
}
#mypjt-list .mypjt-lists{
    height: 370px;
    margin-top: 0;
}
#mypjt-list .cci-page>div{
    margin-top: 0;
    margin-bottom: 0;
}
.mypjt-item:hover{
    box-shadow: 0 2px 6px 0 #EDEDED;
}
.mypjt-item>h4{
    position: relative;
}
.cp-search {
    position: relative;
    width: 256px;
    height: 36px;
    background: rgba(255,255,255,.2);
    border-radius: 2px;
    color: #FFF;
    border: 1px solid #d8d8d8;
    margin-top: 16px;
    margin-left: auto;
    margin-right: 24px;
}
.cp-search>i {
    font-size: 22px;
    color: #d8d8d8;
    margin-top: 3px;
    margin-left: 6px;
    margin-right: 3px;
}
.cp-search>div {
    flex: 1;
    height: 100%;
}
.cp-search>div>input {
    width: 100%;
    height: 100%;
    border: 0;
    background: inherit;
    color: #d8d8d8;
    padding-left: 3px;
}
#doseach{
    cursor: pointer;
}
.mypjt-lists-empty{
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mypjt-lists-empty>img{
    max-width: 200px;
    margin-bottom: 8px;
}
.mypjt-lists-empty>h3{
    font-size: 16px;
    color: #d8d8d8;
}
.mypjt-lists{
    flex-wrap: wrap;
    margin: 8px 25px 24px;
}
#mypjt-list{
    height: max-content!important;
}
.mypjt-item{
    position: relative;
    width: 163px;
    height: 161px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    margin-right: 24px;
    margin-top: 24px;
    cursor: pointer;
}
.mypjt-lists>li:hover{
    box-shadow: 0 2px 6px 0 #EDEDED;
}
.mypjt-lists>li:nth-child(5n){
    margin-right: 0;
}
.mypjt-item>h4{
    max-width: 90%;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #171717;
}
.mypjt-img{
    width: 100%;
    height: 125px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #E8E8E8;
}
.mypjt-img>img{
    max-width: 100%;
    height: auto;
}
#mypjt-list .cci-page{
    margin-bottom: 24px;
}
.mypjt-item>span.layui-icon{
    color: #F24D24;
    font-size: 25px;
    position: absolute;
    top: -16px;
    right: -12px;
}
/*end*/

/*
*账号包
*/
.al-content{
    width: 100%;
    min-height: 643px;
    flex-direction: column;
    justify-content: space-between;
}
.account-list{
    flex-direction: column;
}
.account-list>.account-items{
    position: relative;
    width: 100%;
    /*height: 252px;*/
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-right: 0;
    margin-bottom: 24px;
    padding: 24px;
}
.account-list>.account-items:hover{
    -webkit-box-shadow: 0 1px 15px 1px #d8d8d8;
    -moz-box-shadow: 0 1px 15px 1px #d8d8d8;
    box-shadow: 0 1px 15px 1px #d8d8d8;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}
.account-items-out *{
    color: #ADADAD!important;
    border-color: #ADADAD!important;
    cursor: no-drop!important;
}
.account-list>.account-items-out:hover{
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.account-item-nav{
    justify-content: space-between;
    margin-bottom: 24px;
}
.account-item-nav>h2{
    font-size: 20px;
    font-weight: 600;
    color: #595959;
    height: 30px;
    border-left: 10px solid #FF8F0B;
    max-width: calc(100% - 266px);
    padding-left: 12px;
}
.header-btn>a{
    width: 121px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #108EE9;
    border-radius: 18px;
    font-size: 14px;
    color: #108EE9;
}
.header-btn>a.account-pro{
    background: #108EE9;
    color: #FFF;
    border-radius: 18px;
    border: 0;
    margin-left: 24px;
}
.account-items-none a.account-pro{
    color: #ADADAD;
    cursor: no-drop;
}
.account-info-table{
    width: 100%;
    text-align: center;
    color: #595959;
}
.account-info-table tr{
    height: 40px;
}
.account-info-table tr:first-of-type{
    background: #F3F3F3;
}
.al-page{
    justify-content: flex-end;
}
.al-page .layui-laypage{
    margin-top: 0;
}
.al-page .layui-laypage-skip{
    background: transparent;
}
.al-content .mst-empty{
    min-height: 643px;
}
.al-content .mst-empty span{
    font-size: 228px;
}
.al-content .mst-empty h4{
    font-size: 30px;
    color: #999999;
    line-height: 42px;
    margin-top: 24px;
}
.account-info-lesson{
    background: #F6F9FF;
    padding: 24px;
}
.account-info-lesson .swiper-button-next {
    background: url(../images/inext.png) no-repeat;
    background-size: 100% 100%;
    right: 0;
}
.account-info-lesson .swiper-button-prev {
    background: url(../images/iprev.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
 }

    /*账号包详情*/
.account-detail-nav{
    width: 100%;
    margin: 0 auto 24px;
}
.account-detail-nav>h3{
    font-size: 20px;
    color: #666666;
    margin-bottom: 12px;
}
.account-detail-nav>ul>li{
    font-size: 14px;
    color: #8E8E8E;
    margin-right: 32px;
}
.account-detail-main,.account-gen-main{
    width: 100%;
    background: #FFF;
    padding: 24px 32px 24px;
    margin-bottom: 32px;
}
.account-num{
    margin-bottom: 24px;
}
.account-num-title{
    align-items: center;
    margin-bottom: 24px;
}
.account-num-title>h4{
    font-size: 18px;
    font-weight: 600;
    color: #FF8F0B;
    border-left: 8px solid #FF8F0B;
    padding-left: 16px;
}
.account-num-title>em{
    flex: 1;
    border-bottom: 2px dashed #E8E8E8;
    margin-left: 12px;
}
.account-detail-info-table{
    border: 1px solid #E8E8E8;
    background: #F9F9F9;
    border-radius: 4px;
}
.account-table .layui-table-view .layui-table td{
    height: 64px;
}
.account-table .layui-table-header{
    background: #E6E6E6;
}
.account-table .layui-table-body tr:nth-child(even){
    background: #F6F9FF;
}
.account-table .layui-table-page,
.account-release-main .layui-table-page{
    height: 77px;
    border: 0;
    padding-top: 20px;
    padding-bottom: 16px;
    padding-right: 18px;
}
.account-table #layui-table-page1>div,
.account-release-main #layui-table-page2>div{
    display: flex;
    display: -ms-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: flex-end;
}
.account-table #layui-table-page1 .layui-laypage a,
.account-table #layui-table-page1 .layui-laypage span.layui-laypage-curr,
.account-release-main #layui-table-page2 .layui-laypage a,
.account-release-main #layui-table-page2 .layui-laypage span.layui-laypage-curr{
    width: 43px;
    height: 30px;
    line-height: 30px!important;
    border: 1px solid #e2e2e2;
    border-radius: 4px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px!important;
    margin-bottom: 0;
}
.account-table>div{
    min-height: auto;
}
.account-detail-info-table tr:first-of-type{
    background: #E6E6E6;
}
.batchOut,.batchOut:hover{
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #108EE9;
    border-radius: 16px;
    font-size: 14px;
    color: #108EE9;
    background: #FFF;
}
.account-num>p{
    font-size: 16px;
    color: #666;
    padding-left: 24px;
}
#account-lessson-more{
    color: #108EE9;
}
.alesson-list{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.alesson-item{
    width: 49%;
    height: 40px;
    background: #F4F9FF;
    align-items: center;
    color: #666;
    padding-left: 24px;
    margin-bottom: 16px;
}
.account-form-box{
    padding: 0;
}
#account-pro,#assearch{
    background: #FFFFFF;
    border: 1px solid #108EE9;
    color: #108EE9;
    border-radius: 16px;
}
/*账号发放记录*/
.account-release{
    width: 100%;
    background: #FFF;
    border-radius: 4px;
    padding: 24px 32px 24px;
}
.account-release>header{
    align-items: center;
}
.account-gen-btn,.account-gen-btn:hover{
    width: 87px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #0F8EE9;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
}
.account-gen-btn-none,.account-gen-btn-none:hover{
    width: 87px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #aaa;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
    cursor: no-drop;
}
.code-no,.code-no:hover{
    color: #108EE9;
}
.code-h,.code-h:hover{
    color: #F24724;
}
.code-out,.code-out:hover{
    color: #999;
}
.account-release-list{
    flex-wrap: wrap;
    /*border-bottom: 1px solid #E8E8E8;*/
    padding: 0 32px;
    margin-bottom: 20px;
}
.account-release-main .layui-table-body tr:nth-child(even){
    background: #F6F9FF;
}

#atotal-lesson{
    height: calc(100% - 115px) !important;
    padding: 32px 0 16px;
    overflow: auto;
}

.code-modal-box{
    position: relative;
    flex-direction: column;
    padding-bottom: 32px;
}
.code-modal-box>i{
    position: absolute;
    right: 27px;
    top: 16px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
.code-modal-box>h3{
    font-size: 24px;
    color: #606060;
    margin: 53px 0 12px 50px;
}
.code-modal-box>.info{
    color: #595959;
    margin-left: 50px;
    margin-bottom: 20px;
}
.code-modal-box>label{
    font-size: 14px;
    color: #BEBEBE;
    margin-bottom: .5rem;
    margin-left: 50px;
}
#target-number{
    font-size: 14px;
    color: #595959;
    margin-bottom: .75rem;
    margin-left: 50px;
}
.code-area{
    margin-left: 50px;
    margin-bottom: .75rem;
}
.send-code{
    font-size: 14px;
    color: #108EE9;
    margin-left: 50px;
    margin-top: 12px;
}
.send-code:hover{
    color: #108EE9;
}
.send-btn{
    margin-top: 12px;
    text-align: right;
    padding-right: 27px;
}
.send-btn>input{
    padding: 6px 24px;
    font-size: 16px;
    background: #0F8EE9;
    border: 0;
    color: #FFF;
    border-radius: 4px;
}
.send-left{
    display: none;
}
.send-time{
    color: #f24724;
}
.account-code-box{
    width: 397px;
    height: 40px;
    border: 1px solid #E8E8E8;
    margin-left: 50px;
    padding-left: 6px;
}
#acode-detail-box{
    padding: 24px;
}
.acode-detail-list{
    width: 100%;
}
.acode-detail-item{
    height: 48px;
    align-items: center;
}
.acode-detail-item:nth-child(odd){
    background: #F3F7FF;
}
.acode-detail-item>label{
    width: 129px;
    text-align: center;
    border-right: 1px solid #e8e8e8;
}
.acode-detail-item>span{
    flex: 1;
    text-align: center;
}
#acode-detail-box+.layui-layer-setwin,
#atotal-lesson+.layui-layer-setwin,
#see-code-box+.layui-layer-setwin{
    top: 20px!important;
}
#account-gen-modal{
    position: relative;
    height: max-content!important;
    overflow: visible;
    padding: 38px 24px 0;
}
.account-gen{
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.account-num-info{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #0BA194;
    box-shadow: 0 1px 4px 2px rgba(0,162,148,0.20);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.account-num-info>em{
    font-size: 30px;
    color: #0BA194;
    line-height: 42px;
}
.account-num-info>span{
    font-size: 14px;
    line-height: 20px;
    color: #0BA194;
}
.aform-box{
    width: calc(200% + 48px);
    position: relative;
    justify-content: space-between;
}
.aform-box>form{
    width: calc(50% - 24px);
}
.judgeClass .layui-form-label{
    width: max-content;
    color: #6B6B6B;
    padding: 9px 6px;
}
.judgeClass .layui-input-block{
    margin-left: 61px;
}
.attention-f{
    display: block;
    margin-left: 103px;
    color: #F24724;
}
.chooseType .layui-form-label,.addstu-spl-form .layui-form-label{
    width: 91px;
    color: #6B6B6B;
    padding: 9px 6px;
}
.chooseType .layui-input-block,.addstu-spl-form .layui-input-block{
    margin-left: 103px;
}
.must-tag{
    color: #f24724;
}
#account-gen-modal .actgen{
    margin-left: 6px;
}
#account-gen-modal .actgen>button{
    height: 32px;
    line-height: 32px;
    border: 1px solid #108EE9;
    background: #FFF;
    border-radius: 2px;
    font-size: 14px;
    color: #108EE9;
}
#account-gen-modal>i{
    position: absolute;
    right: 24px;
    top: 16px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
#account-gen-modal>small.attention{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #F24724;
    margin-top: -12px;
    margin-bottom: 12px;
}
.account-gen-empty{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px 0 48px 0;
}
.account-gen-empty>span{
    font-size: 79px;
    margin-bottom: 12px;
}
.account-gen-empty>p{
    font-size: 18px;
    color: #999;
    margin-bottom: 12px;
}
.account-gen-empty>a{
    font-size: 14px;
    color: #108EE9;
}
.account-gen-empty>i{
    position: absolute;
    right: 24px;
    top: 16px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
.chooseType{
    display: none;
}
.animated.ac-animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.acode-gen-res{
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.acode-gen-res>i[class*=icon-918]{
    font-size: 46px;
    margin-right: 24px;
}
.agres-box>h4{
    font-size: 16px;
    font-weight: 600;
    color: #555555;
}
.agres-box>small{
    font-size: 12px;
    color: #999999;
}
.acode-gen-res>i.layui-icon-close{
    position: absolute;
    right: 24px;
    top: 16px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
.agres-box>a{
    font-size: 12px;
    color: #108ee9;
}
#form-acodeNum{
    border: 0;
}
.afill-info #account-gen-modal{
    padding-top: 24px;
    padding-bottom: 12px;
    /*overflow: hidden;*/
}
.mtd-mid-title{
    justify-content: space-between;
    align-items: center;
}
.mtd-mid-title .see-code{
    align-items: center;
    font-size: 14px;
    color: #108EE9;
    margin-right: 24px;
    cursor: pointer;
}
.mtd-mid-title .see-code>i{
    font-size: 18px;
    margin-right: 10px;
}
#see-code-box{
    /*min-height: 250px;*/
    height: max-content!important;
    padding: 16px;
}
#see-code-box .layui-laypage a,#see-code-box  .layui-laypage span{
    padding: 0 8px;
}
.hgen-codelist{
    width: 100%;
    min-height: 309px;
    flex-direction: column;
}
.hgen-codelist>.hgen-codeitem{
    height: 44px;
}
.hgen-codelist>.hgen-codeitem:nth-child(1){
    height: 40px;
    background: #ECECEC;
    font-weight: 600;
    font-size: 14px;
    color: #454545;
}
.hgen-codeitem>.hgen-codeitem-main{
    align-items: center;
    justify-content: space-between;
    color: #454545;
}
.hgen-codeitem>.hgen-codeitem-main:nth-child(1){
    width: 40%;
    padding-left: 24px;
}
.hgen-codeitem>.hgen-codeitem-main:nth-child(2){
    width: 20%;
}
.hgen-codeitem>.hgen-codeitem-main:nth-child(3){
    width: 20%;
}
.hgen-codeitem>.hgen-codeitem-main:nth-child(4){
    width: 20%;
}
.hgen-codeitem-main>span{
    color: #454545;
    max-width: 90%;
}
.hgen-codeitem-main>small{
    font-size: 14px;
    color: #108EE9;
    cursor: pointer;
    margin-right: 25px;
}
.hgen-codeitem-main>small.hgen-nouse{
    color: #0BA194;
}
.addstu-submit-btm{
    border-top: 1px solid #E8E8E8;
}
.gen-again{
    font-size: 12px;
    color: #108EE9!important;
    cursor: pointer;
}
.mastar-cv-uschool{
    font-size: 18px;
    color: #606060;
    padding: 16px 24px;
}
#gen-operate{
    justify-content: space-between;
}
#genprev,#gengogal{
    width: 49%;
    margin: 0;
}
.account-lesson-box{
    width: 249px;
    height: 225px;
    border-radius: 9px;
    flex-direction: column;
    box-shadow: 0 2px 5px 0 rgba(216,216,216,0.50);
}
.alesson-prev{
    position: relative;
    width: 100%;
    height: 110px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9px 9px 0 0;
}
.alesson-prev>img{
    max-width: 100%;
    height: auto;
}
.account-lesson-box>h4{
    font-size: 14px;
    color: #606060;
    font-weight: 600;
    margin: 8px 9px 5px;
}
.account-lesson-box>p{
    height: 34px;
    font-size: 12px;
    color: #606060;
    line-height: 17px;
    margin: 0 9px 8px;
}
.account-lesson-box>span{
    font-size: 16px;
    color: #FF8F0B;
    line-height: 22px;
    align-self: flex-end;
    margin-right: 9px;
}
.account-lesson-slide{
    background: #FFF;
}
.swiper-button-disabled{
    display: none;
}
.account-detail-nav{
    font-size: 18px;
    color: #FF8F0B;
}
.agres-box{
    max-width: 200px;
}
/*校长赛事更多*/
.cc-lists{
    width: 100%;
    flex-direction: column;
}
.cc-items{
    background: #FFF;
    border-radius: 4px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 24px;
    margin-bottom: 24px;
}
.cc-items:hover{
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.20);
}
.cc-items-img{
    position: relative;
    width: 488px;
    height: 244px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 24px;
}
.cc-items-img>img{
    width: auto;
    height: 100%;
}
.cc-items-detail{
    flex-direction: column;
    position: relative;
    flex: 1;
}
.cc-items-detail>h2{
    position: relative;
    max-width: 580px;
    font-size: 24px;
    font-weight: 600;
    color: #595959;
    line-height: 33px;
    margin-bottom: 16px;
}
.cc-items-detail>i{
    position: absolute;
    right: -25px;
    top: 2px;
    height: 28px;
    line-height: 28px;
    text-align: right;
    font-size: 14px;
    color: #FFF;
    background-size: cover!important;
    background-position: center center!important;
    padding-right: 9px;
    padding-left: 24px;
}
/*进行中 红色*/
.cc-items-detail>i.cc-underway{
    background: url("../images/jxz.png") no-repeat;
}
/*筹备中 黄色*/
.cc-items-detail>i.cc-prepare{
    background: url("../images/cbz.png") no-repeat;
}
/*报名中 蓝色*/
.cc-items-detail>i.cc-apply{
    background: url("../images/psz.png") no-repeat;
}
/*评审中 蓝色*/
.cc-items-detail>i.cc-check{
    /*width: 100px;*/
    background: url("../images/psz.png") no-repeat;
}
/*待评审 蓝色*/
.cc-items-detail>i.cc-check{
    /*width: 103px;*/
    background: url("../images/psz.png") no-repeat;
}
/*结果展示中 红色*/
.cc-items-detail>i.cc-show{
    /*width: 100px;*/
    background: url("../images/jxz.png") no-repeat;
}

/*奖励发放中 红色*/
.cc-items-detail>i.cc-award{
    /*width: 100px;*/
    background: url("../images/jxz.png") no-repeat;
}
/*奖励待发放*/

/*已结束 灰色*/
.cc-items-detail>i.cc-end{
    background: url("../images/cpt2.png") no-repeat;
}
.cc-items-detail>p{
    height: 110px;
    font-size: 16px;
    color: #595959;
    line-height: 22px;
    text-indent: 2em;
    margin-bottom: 16px;
}
.cc-items-detail>span{
    font-size: 16px;
    font-weight: 600;
    color: #595959;
    line-height: 22px;
    margin-top: auto;
}
.cc-items-detail>span:first-of-type{
    margin-bottom: 4px;
}
.cc-items-detail>span.danwei{
    max-width: 520px;
}
.cc-items-detail>span.danwei>em{
    margin-right: 6px;
}
.join-now,.join-now:hover{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FFF;
    color: #FF8F0B;
    border: 1px solid #FF8F0B;
    padding: 5px 16px;
    border-radius: 25px;
}
.fjoin-now,.fjoin-now:hover{
    background: #cbcbcb;
    color: #FFF;
    border: 0;
    cursor: no-drop;
    /*pointer-events: none;*/
}
.cc-lists .layui-flow-more{
    height: 45px;
    line-height: 45px;
    background: #DCDCDC;
    color: #FFF;
    border-radius: 4px;
    margin: 0;
}
.cc-lists .layui-flow-more>a{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: inherit;
    border-radius: 4px;
}
.cc-lists .layui-flow-more cite{
    background: inherit;
    color: #fff;
    font-size: 14px;
}
.cptlist-box{
    flex-direction: column;
    min-height: 100%;
    padding-bottom: 195px;
}
.cptlist-box+footer{
    margin-top: -163px;
}
.mstcpt-container{
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 13px;
}
.cptlist-empty{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: max-content;
    margin: 0 auto;
}
.cptlist-empty>img{
    width: 250px;
}
.cptlist-empty>h4{
    font-size: 18px;
    color: #595959;
    margin-top: 8px;
}
/* 胡 试用属性颜色 */
.trydo{
    color: #FF6040;
}
/* 授权模块添加开始 */
/* 手机号验证开始*/
.powerwindow td{
    text-align: center;
    border-right: none;
}
.powerwindow{
    margin: 0;
}
.powerwindow .layui-form-switch{
    margin: 0;
    margin-left: 20px;
}
.input-style{
    width: 520px;
    height: 248px;
    padding:0 111px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.powernum{
    margin-bottom: 20px;
}
.input-style .bind{
    padding: 25px 0;
    width:260px;
    height: 20px;
    margin: 0 auto;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #F24724;
}
.input-style .bind img{
    width:19.2px;
    height: 19.2px;
    margin-right:10px;
}
.input-style div.code-input input{
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 298px;
    height: 36px;
}
.input-style div.code-input{
    width:298px;
    height:36px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    position: relative;
}
.input-style div.code-input input:nth-child(1){
    width:208px;
    float: left;
    border: 0;
}
.input-style span{
    width:90px;
    height: 36px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #108ee9;
    line-height: 36px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
}
.input-style .safe p:nth-child(1){
    margin-top:74px;
}

/* 免验证弹窗 */
.safe{
    width: 520px;
    height: 188px;
    padding:74px 0;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.safe img{
    position: absolute;
    width: 34px;
    height: 40px;
    top: 74px;
    left:137px;
    margin-top: 5px;
}
.safe p{
    margin-left:187px;
    text-align: left;
}
.safe span{
    color:#108ee9;
}
/* 验证成功以及失败弹窗 */
.ok,.cancel{
    width:394px;
    height:183px;
    position: relative;
    padding-top: 43px;
    box-sizing: border-box;
}
.layui-form .cancel{
    padding-top: 0;
}
.ok p,.cancel p{
    margin-left: 168px;
}
.ok p:nth-child(2),.cancel p:nth-child(2){
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #555555;
    letter-spacing: 0;
}
.ok p:nth-child(3),.cancel p:nth-child(3){
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #BEBEBE;
}
.ok p:nth-child(4),.cancel p:nth-child(4){
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #108ee9;
    letter-spacing: 0;
    cursor: pointer;
}
.ok img,.cancel img{
    width:46px;
    height: 46px;
    position: absolute;
    left: 105px;
}
/* 1.17新增排课流程图 */
.arraw{
    width: 16px;
    height: 16px;
    margin: 125px 24px 0;
}
.courpath>li>.forbid{
    background: #bbb0b0 !important;
    cursor: default;
}
.courpath{
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
}
.courpath>li{
    width: 180px;
    height: 266px;
    text-align: center;
    font-size: 14px;
    color: #3d3d3d;
    border-radius:10px;
    border:1px solid rgba(237,237,237,1);
}
.courpath>li>h3{
    font-size: 18px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 6px;
}
.courpath>li p{
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #3d3d3d;
}
.courpath>li .pop{
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: #414141;
    opacity: 0.3;
    top: -1px;
    left: -1px;
    border-radius: 10px;
    z-index: 1;
}
.courpath>li>a{
    display: block;
    width: 122px;
    height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: 23px;
}
.courpath>li:nth-child(1)>a{
    background: rgba(253,217,71,1);
}
.courpath>li:nth-child(3)>a{
    background: rgba(248,177,58,1);
}
.courpath>li:nth-child(5)>a{
    background: rgba(241,90,37,1);
}
.courpath>li:nth-child(7)>a{
    background: rgba(6,103,148,1);
}
.courpath>li:nth-child(9)>a{
    background: rgba(142,199,61,1);
}
.courpath .iconctn{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.courpath .iconctn img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.courpath>li>a:hover{
    font-size: 16px;
}
.mst-course-manage .resort{
    color: #e90000;
}
.courpath>li:nth-child(1) h3{
    color: #fdd947;
}
.courpath>li:nth-child(2) h3{
    color: #f8b13a;
}
.courpath>li:nth-child(3) h3{
    color: #f15a25;
}
.courpath>li:nth-child(4) h3{
    color: #066794;
}
.courpath>li:nth-child(5) h3{
    color: #8ec73d;
}
/* 2.21新增直播记录 */
.record.layui-table[lay-skin=line]{
    border-width: 0px;
}
.record th{
    height: 30px;
    font-size: 14px;
    color: #262626;
    font-weight: 600;
    text-align: center;
}
.record td{
    text-align: center;
    padding: 12px 8px;
    height: 89px;
}
.record>tbody>tr>td:nth-child(5),
.record>tbody>tr>td:nth-child(8){
    cursor: pointer;
}
.tbctn{
    min-height: 200px;
    width: 96.5%;
    margin: 0 auto;
}
.recharge,.recharge:hover{
    color: #108EE9;
}
.ld-subnav{
    padding: 0!important;
}
.ld-subnav>a{
    padding: 0 15px;
}
/* 交易记录 */
.status{
    padding-top: 28px; 
    font-size: 14px;
 }
 .tradectn h3{
     height: 32px;
     line-height: 32px;
     color: #999;
     font-size: 16px;
     margin: 0 28px 0 28px;
 }
 .status p{
     width: 76px;
     height: 32px;
     text-align: center;
     line-height: 32px;
     border-radius: 3px;
     margin-right: 28px;
     cursor: pointer;
 }
 .status p.active{
     background: #FF8F0B;
     color: #fff;
 }
 .time{
     padding-top: 33px;
     padding-bottom: 30px;
     display: flex;
 }
 .time>h3{
     display: inline-block;
 }
 .time .layui-form-item .layui-input-inline{
     width: 142px;
 }
 .time>span{
     display: inline-block;
     width: 41px;
     text-align: center;
     line-height: 38px;
 }
 .time input{
     display: inline-block;
     width: 142px;
     height: 38px;
     padding-left: 28px;
 }
 .time .layui-form-item{
     position: relative;
     margin-bottom: 0;
 }
 .time i.fa{
     position: absolute;
     top: 10px;
     left: 5px;
     font-size: 18px;
     z-index: 2;
 }
 .time .search{
     width: 76px;
     height:38px;
     display: inline-block;
     background: #FF8F0B;
     text-align:center;
     line-height: 38px;
     cursor: pointer;
     color: #fff;
     border-radius: 3px;
     margin-left: 28px;
 }
 .tradetb .hctn{
     min-height: 450px;
 }
 .tradetb{
     width: 94.5%;
     margin: 0 auto;
 }
 .tradetb thead>tr{
     background: #F5F5F5;
     height: 54px;
     color: #999;
 }
 .tradetb thead>tr th:nth-child(1){
     padding-left: 29px;
     width: 13%;
 }
 .tradetb tbody>tr{
     height: 79px;
     border-bottom: 1px solid #EBEBEB;
     color: #595959;
 }
 .tradetb tbody>tr td:nth-child(1){
     padding-left: 29px;
 }
 .tradetb .tnum{
     color: #999;
     font-size: 12px;
 }
 .tradetb .uacc{
     color: #FF8F0B;
     font-size: 12px;
 }
 .tradetb tr td:last-child p:last-child{
     font-size: 12px;
     color: #999;
 }
 .tradetb tr td:last-child{
     width: 20%;
 }
 .tradetb .tpagectn{
     text-align: right;
 }
 .tpagectn .layui-laypage .layui-laypage-curr .layui-laypage-em{
     background: #FF8F0B;
 }
 .tdtable th,
 .tdtable td{
     text-align: center;
 }