/*
 教研组简介
*/
.group-background{
    background: url('/space/Public/static/images/group/b1.jpg');
    min-height: 80vh;
}
.group-mt10{
    margin-top: 10px;
}
.group-mt15{
    margin-top: 15px;
}
.group-mt20{
    margin-top: 20px;
}
.group-container {
    display: flex;
    font-family: "Microsoft YaHei";
    background: #ffffff;
}
.group-container .menu-left{
    width: 260px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}
/* 下拉框 */
.group-container .flowSelect {
      margin: 0 auto;
}
.group-container .flowSelect .flowNowSelectNoDown {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    height: 54px;
    line-height: 54px;
}
.group-container .flowSelect .flowNowSelect {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: center;
    justify-content: space-between;
    height: 54px;
    line-height: 54px;
}
.group-container .flowSelect .flowNowSelect::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 7px;
    background: url(/space/Public/static/images/icon_xiala.png) no-repeat center center / cover;
}
.group-container .flowSelect .selectList {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 54px;
    cursor: pointer;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index: 2;
    left:0px;
}
.group-container .flowSelect .selectList > div {
    margin: 10px 0;
}
.group-container .flowSelect .selectList::-webkit-scrollbar {
    width: 4px;
    background: #eee;
}
.group-container .flowSelect .selectList::-webkit-scrollbar-thumb {
    background-color: #a1a1a8;
    border-radius: 4px;
}
.group-container .flowSelect .selectList::before {
    content: "";
    width: 100%;
    height: 35px;
    display: block;
    position: absolute;
    top: -25px;
}
.group-container .flowSelect .selectList a {
    display: block;
    padding: 10px;
    text-align: center;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}
.group-container .flowSelect .selectList a:hover {
    color: #63a8f1;
}
.group-container .flowSelect .selectList a.active {
    color: #63a8f1;
}
.group-desc{
    height: 300px;
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 10px;
}
.group-white{
    background: #ffffff;
}
.group-headpic{
    display: flex;
}
.group-headpic img{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 30px auto;
}
.group-h1 h1{
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
.group-h1 p{
    margin: 10px 0px 15px 0px;
}
.group-desc-detail .group-desc-text{
    height: 110px;
    color: #666666;
}
.group-line{
    border-top: solid 1px #dddddd;
}
.group-desc-detail .group-desc-items{
    display: flex;
}
.group-desc-detail .group-desc-items .g-item{
    width: 100px;
    text-align: center;
}
.group-member{

}
.group-member .member-title{
    margin: 20px 0;
    padding-left: 30px;
}
.group-member .member-list{
    margin-left: 15px;
    margin-right: 15px;
}
.group-member .member-list .mitem{
    background: #ffffff;
     /*height: 345px;*/
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.mitem .videoBox {
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    color: #4587e8;
    cursor: pointer;
}
.mitem .videoBox i{
    background:url(/space/Public/static/images/icon_video_introduction.png) no-repeat ;
    width:20px;
    height:20px;
    margin-right: 4px;
    display: inline-block;
}
.group-location{
    padding-left: 20px;
}
.group-member .member-pic h1{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
}
.group-member .member-pic .header-logo{
    width: 70px;
    height: 70px;
    border-radius: 50px;
    margin: 15px auto;
}
.group-blue{
    color: #4587e8;
}
.member-tj{
    display: flex;
    justify-content: space-around;
}
.member-desc{
    display: flex;
    justify-content: space-between;
    padding: 0 17px;
    text-align: left;
    word-break: break-all;
    /*height: 158px;*/
    overflow: hidden;
}
.group-gray{
    color: #333333;
}

.group-time{
    font-size: 14px;
    color: #4e6b84;
}
.change-group-member{
    width:80px;
    margin: 0 auto;
    cursor: pointer;
}
.select-group-member-xiala{
    box-shadow: 0px 0px 5px 1px rgba(136,136,136,.2);
    -webkit-box-shadow:0px 0px 5px 1px rgba(136,136,136,.2);
    -moz-box-shadow:0px 0px 5px 1px rgba(136,136,136,.2);
    position: absolute;
    width: 80px;
    opacity: 0;
    margin: 0 auto;
}
.select-group-member-xiala dd{
    padding: 5px 0;
    cursor: pointer;
}
.select-group-member-xiala dd:hover{
    background: #eeeeee;
}
.group-hidden{
    display: none;
}
.change-group-member ul{
    min-width: 50px;
    left:5px;
}

/*
课时分配
*/
.group-lesson{
    margin-left:30px;
    margin-right: 30px;
}
.group-lesson-table{
    background: #e9edf0;
}
.group-lesson-table tr th,.group-lesson-table tr td{
    border: solid 1px #949ead;
    border-collapse: collapse;
    height: 44px;
    text-align: center;
}
.group-lesson-table tr td{
    background: #ffffff;
}
.th100{  width: 100px;  }
.th120{  width: 120px;  }
.th295{  width: 295px;  }
.th170{  width: 170px;  }


/* 教材下拉框开始 */
.group-book .flowSelect {
    width: 100%;
    position: relative;
}

.group-book .flowSelect h4{
    cursor: pointer;
}
.group-book .flowSelect .flowNowSelect {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: center;
    justify-content: space-between;
    height: 54px;
    line-height: 54px;
}

.group-book .flowSelect .selectList {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    cursor: pointer;
    max-height: 500px;
    min-width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index: 2;
    left:0px;
}
.group-book .flowSelect .selectList > div {
    margin: 10px 0;
}
.group-book .flowSelect .selectList::-webkit-scrollbar {
    width: 4px;
    background: #eee;
}
.group-book .flowSelect .selectList::-webkit-scrollbar-thumb {
    background-color: #a1a1a8;
    border-radius: 4px;
}
.group-book .flowSelect .selectList::before {
    content: "";
    width: 100%;
    height: 35px;
    display: block;
    position: absolute;
    top: -25px;
}
.group-book .flowSelect .selectList a {
    display: block;
    padding: 10px;
    text-align: center;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}
.group-book .flowSelect .selectList a:hover {
    color: #63a8f1;
}
.group-book .flowSelect .selectList a.active {
    color: #63a8f1;
}

/*
   教材下拉框结束
*/
.group-lesson-table tbody td{
    color:#666666;
}
.group-lesson-table tbody dd{
    cursor: pointer;
}
.group-lesson-table tbody td a.data-item:link{
    color: #666666;
}
.group-lesson-table tbody td a.empty-item:link{
    color: #999999;
}
.group-lesson-table tbody td a.empty-item:hover{
    color: #33a6ff;
}
.group-lesson-table tbody td a.data-item:hover{
    color: #33a6ff;
}
.group-lesson-description dd{
    color:#999999;
}

.zb-user-list{
    max-height: 300px; overflow-y: auto;
}
.zb-user-list dd{
    margin-top: 15px;
}
.zb-user-list span{
    font-size: 16px;
}

.cy-user-list{
    max-height: 300px; overflow-y: auto;
}
.cy-user-list dd{
    margin-top: 15px;
}
.cy-user-list span{
    font-size: 16px;
}

/*
备课规范
*/
.group-guifai{
    height: 210px;
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 10px;
}
.group-guifai dl{
    display: flex;
}
.group-guifai .search-condition{
    margin: 0px 30px;
}
.group-guifai .search-condition dl{
    padding-top: 15px;
}
.group-guifai .search-condition dt{
    font-size: 16px;
    display: inline-block;
    color: #333333;
}
.group-guifai .search-condition dd{
    display: flex;
    padding-left: 5px;
}
.group-guifai .search-condition dd a{
    margin-right: 20px;
    font-size: 16px;
}
.group-guifai .search-condition dd a.active{
    color: #4587e8;
}

.group-doc-guifai .doc-title img{
    width: 16px;
    height: 16px;
}
.group-doc-guifai .doc-title{
    margin: 20px 0;
    padding-left: 30px;
    font-size: 16px;
}

.group-doc-guifai .doc-title a{
     font-size: 14px!important;
}

.group-doc-guifai .doc-list{
    margin-left: 30px;
    margin-right: 30px;
}
.group-doc-guifai .doc-list dl{
    background: #ffffff;
    border-radius: 6px;
    padding: 20px 30px;
    margin-bottom: 20px;
}
.group-doc-guifai .doc-list dl dt{
    font-size: 16px;
    margin-bottom: 15px;
    color: #333333;
}
.group-doc-guifai .doc-list dl dd{
    font-size: 14px;
}

.group-doc-guifai .doc-list dl dd span{
    margin-right: 40px;
}
.group-doc-guifai .doc-list dl dd span{
    color: #999999;
}
.group-doc-guifai .doc-list dl dd span:nth-child(3){
    color: #4587e8;
}

.group-doc-guifai .doc-list dl dd button{
    float: right;
}

.group-video-guifai .video-title img{
    width: 16px;
    height: 16px;
}
.group-video-guifai .video-title{
    padding-left: 30px;
    font-size: 16px;
    margin-top: 20px;
}

.group-video-guifai .video-title a{
    font-size: 14px;
}
.group-video-guifai .video-list{
    margin-left: 30px;
    margin-right: 30px;
}

.group-video-guifai .video-list .empty{
    margin-top: 20px!important;
}

.group-video-guifai .video-list .vinfo p a{
    color: #4587e8;
    margin-right: 20px;
}

/* 成果展示 */
.result-search{
    display: flex;
}
.result-search div{
    display: flex;
    margin-right: 30px;
    font-size: 14px;
    line-height: 34px;
}

.result-search div span{
    width: 100px;
    text-align: right;
}

/* 集体备课 */
.jgao-status-color-0{
    color: #999999;
}
.jgao-status-color-1{
    color: #0f996d;
}
.jgao-status-color-2{
    color: #ff9205;
}
.jgao-status-color-3{
    color: #4587e8;
}
.jgao-status-color-4{
    color: #ff0000;
}
.group-beike-item-preview{
    width: 78%;
}
.group-beike-item-delete-button{
    line-height: 60px;
    cursor: pointer;
}
.jgao-data-item-checkbox{
    cursor: pointer;
}

.group-resource-types{
    display: flex;
    justify-content: space-around;
    width: 50%;
    margin: 0 auto;
}
.group-resource-types h4{
    cursor: pointer;
}


.group-resource-types h4.active{
    color: #4587e8;
}
.group-resource-datalist-body{
    max-height: 410px;
    height: 410px;
    overflow-y: auto;
}
.group-resource-datalist li{
    margin-bottom: 15px;
    font-size: 14px;
}
.group-resource-datalist .resource-icon{
    width: 22px;
    height: 22px;
}
.group-resourcelist-page{
    min-width: 30px!important;
}


.jgao-data-11  .badge {
    width: 75px;
    height: 41px;
    line-height: 32px;
    background-color: #f7f8ff;
    border-radius: 5px;
    border: 1px solid #dce1ff;
    display: block;
    font-size: 14px;
    color: #4587e8;
}

.group-check-pass h3{
    font-size: 16px;
}
.group-check-pass textarea{
    height: 200px;
}
.group-check-pass-button{
    margin-top: 15px;margin-bottom: 15px;
}

.group-background .empty{
    border-radius: 10px;
    margin-top:1px;
}
.button-operaction a{
    margin-left: 15px;
    color: #4587e8;
}



.group-on {
    margin: 0 auto;
    width:130px;
    height: 44px;
    position: relative;
}

.group-on a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #5e5e5e;
}
.group-on .active{
    border-color: transparent transparent #cccccc;
}
.group-angle_top {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #5e5e5e;
    position: absolute;
    transform: rotate(180deg);
    bottom: 16px;
    right: 17px;
}

.group-angle_bottom {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #5e5e5e;
    position: absolute;
    top: 14px;
    right: 17px;
}
.td-lesson-edited{
    position: relative;
}
.td-lesson-edited s{
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #0f996d;
    position: absolute;
    bottom: 0px;
    right: -3px;
    transform: rotate(135deg);
}
.td-beike-checkbox{
    position: relative;
}
.beike-checkbox{
    width: 430px;
    height: 205px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 40px;
    left:48%;
    z-index: 1;
    padding: 15px;
    text-align: left;
}

.beike-checkbox h4{ font-size: 16px;}
.beike-checkbox .tit{
    font-size: 16px;
    font-weight: bold;
}
.beike-checkbox .passed{
    color:#4587e8;
    margin:15px 0;
}
.beike-checkbox .notpassed{
    color:#ff0000;
    margin:15px 0;
}
.beike-checkbox .remark{
    background: #f8f8f8;
    border-radius: 10px;
    height: 100px;
    padding: 10px;
}

#resourceModal .pagebg{
    max-height: 200px;
    overflow-y: auto;
}
.span-realname{
    width: 60px;
    display: inline-table;

}

.outermost-layer{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    background: #f6f6f6;
    height: 100%;
    overflow-x: hidden;
}

html, body {
    overflow-y: hidden;
}

.mainBoxLeft .tuwenBox{
    display: flex;
    cursor: pointer;
    margin-left: 6px;
}
.mainBoxLeft .tuwenBox span{
    padding: 4px;

    background: #96a8ad;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
 .mainBoxLeft{
     padding-right: 30px;
     box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainBoxLeft .tuwenBox span.active{
    background: #4587e8;
}
.mainBoxLeft .tuwenBox span:first-child{
    border-radius: 5px 0 0 5px;

}
.mainBoxLeft .tuwenBox span:first-child i{
    background:url(/space/Public/static/images/icon_tuwen_sel.png) no-repeat ;
    width:20px;
    height:20px;
    display: inline-block;
    margin-right: 4px;
}
.mainBoxLeft .tuwenBox span:last-child{
    border-radius: 0 5px 5px 0;
}
.mainBoxLeft{
    display: flex;
    align-items: center;
}
.mainBoxLeft .imgLeft{
    font-size: 15px;
    display: flex;
    align-items: center;
}
.mainBoxLeft .imgLeft img{
    margin-right: 4px;
}
.mainBoxLeft .tuwenBox span:last-child i{
    background:url(/space/Public/static/images/icon_liebiao_sel.png) no-repeat ;
    width:20px;
    height:20px;
    display: inline-block;
    margin-right: 4px;
}
.mitemOne{
    width: 22%;
    height: 370px !important;
}

.member-list-All .mitemOne:not(:nth-child(4n)){
    margin-right: calc(4% - 3);
}
.member-list-All .mitemOne:last-child:nth-child(4n-1){
    margin-right: calc(25% + 4%/3);
}
.member-list-All .mitemOne:last-child:nth-child(4n-2){
    margin-right: calc(49.3% + 8%/3);
}
.member-list-All .mitemOne:last-child:nth-child(4n-3){
    margin-right: calc(68% + 12%/3);
}
.member-list-All{
    width:1140px;
    display: flex;
    box-sizing: border-box;
    margin: 0  auto !important;
    justify-content:space-between;
    flex-wrap: wrap
}
.member-list-All-Two{
    width:1140px;
    display: flex;
    margin: 0  auto !important;
    flex-direction: column;
    box-sizing: border-box;
}
/*.member-list-All:after{*/
    /*content: "";*/
    /*width:250px;*/
/*}*/
.mitemTwo .row_img_box{
    display: flex;
    padding: 0 20px;
    box-sizing: border-box;
}
.mitemTwo .row_img_box .member-pic{
    display: flex;
    align-items: center;
}
.textBoxConter{
    display: flex;
    flex-direction: column;
    margin-left: 14px;
}
.inoLeftImg{
    display: flex;
    align-items: center;
}
.video-upImg{
    display: flex;
    /*flex-direction: column;*/
}
.video-body p{
    padding-left:90px;
    box-sizing: border-box;
}
.video-body p i{
    color: red;
    font-style: normal;
}