@charset "UTF-8";
textarea {
    position: relative;
    height: 34px;
    padding: 6px 14px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #e1e1e5;
    border-radius: 4px;
    font-size: 14px;
}

textarea:hover {
    border: 1px solid #CCDEF3;
}

textarea:focus {
    outline: none;
    border: 1px solid #CCDEF3;
    box-shadow: 0 0 4px 0 rgba(117, 186, 255, 0.5);
}

input {
    width: 100%;
    height: 36px;
    caret-color: #3A8BFF;
    outline: none;
    border: none;
    color: #181E33;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 40px 8px 14px;
    border-radius: 4px;
    border: 1px solid #E1E1E5;
}

input:hover {
    border: 1px solid #CCDEF3;
}

input:focus {
    outline: none;
    border: 1px solid #CCDEF3;
    box-shadow: 0 0 4px 0 rgba(117, 186, 255, 0.5);
}

.clearIcon {
    display: none;
    position: absolute;
    width: 34px;
    height: 36px;
    top: 0;
    right: 0;
    background: url(../images/clear.png) center center/14px 14px no-repeat;
    cursor: pointer;
}

/*课程详情弹窗*/
.detailModalMain {
    max-height: 430px;
    overflow: auto;
    margin-right: 4px;
}

.detailModalMain .list {
    padding: 10px 26px 20px 30px;
}

.detailModalMain .listItem {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    zoom: 1;
    cursor: pointer; /*课程*/ /*班级*/ /*教案*/
}

.detailModalMain .listItem:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.detailModalMain .listItem .itemLeft {
    float: left;
    width: 76px;
    color: #646873;
    padding-right: 20px;
    box-sizing: border-box;
}

.detailModalMain .listItem .itemRight {
    position: relative;
    float: left;
    width: calc(100% - 76px);
}

.detailModalMain .listItem .itemRight .add,
.detailModalMain .listItem .itemRight .addOnline,
.detailModalMain .listItem .itemRight .addCourseNote,
.detailModalMain .listItem .itemRight .editCourseNote {
    font-size: 14px;
    color: #6B89B3;
    cursor: pointer;
}

.detailModalMain .listItem .itemRight .add i,
.detailModalMain .listItem .itemRight .addOnline i,
.detailModalMain .listItem .itemRight .addCourseNote i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url(../images/circleAdd.png) center center/14px 14px no-repeat;
}

.detailModalMain .listItem .itemRight label {
    color: #3A8BFF;
    cursor: pointer;
}

.detailModalMain .listItem .itemRight .rightpoplist {
    display: none;
    position: absolute;
    top: 29px;
    left: -20px;
    color: #646873;
    padding: 6px 0;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    overflow: hidden;
    z-index: 11;
}

.detailModalMain .listItem .itemRight .rightpoplist li {
    height: 40px;
    padding: 10px 28px 10px 20px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.detailModalMain .listItem .itemRight .rightpoplist li:hover {
    background: #f7fafc;
}

.detailModalMain .listItem .itemRight:hover {
    opacity: 0.7;
}
.detailModalMain .listItem .other:hover {
    opacity: 1;
}

.detailModalMain .listItem.jiaowu {
    padding: 5px 0;
}

.detailModalMain .listItem.jiaowu .itemLeft {
    line-height: 30px;
}

.detailModalMain .listItem.jiaowu .itemRight label {
    line-height: 30px;
}

.detailModalMain .listItem.jiaowu .itemRight:hover {
    opacity: 1;
}

.detailModalMain .listItem.jiaowu .itemRight:hover .rightpoplist {
    display: block;
}

.detailModalMain .listItem.jiaowu.courseName .itemRight:hover label {
    opacity: 0.7;
}

.detailModalMain .listItem.jiaowu.class .itemRight:hover label {
    color: #3A4B87;
}

.detailModalMain .listItem.gray.jiaowu.teachplan {
    cursor: pointer;
}

.detailModalMain .listItem.gray.jiaowu.teachplan label {
    cursor: pointer;
    opacity: 1;
    color: #E1E1E5;
}

.detailModalMain .listItem.gray.jiaowu.teachplan .itemRight {
    color: #E1E1E5;
    opacity: 1;
}

.detailModalMain .listItem.gray.jiaowu.teachplan .itemRight:hover {
    opacity: 1;
}

.detailModalMain .listItem.gray.jiaowu.teachplan .itemRight:hover .rightpoplist {
    display: none;
}

.detailModalMain .listItem.gray {
    cursor: default;
}

.detailModalMain .listItem.gray .itemRight {
    color: #181E33;
}

.detailModalMain .listItem.gray .itemRight label {
    cursor: default;
    color: #181E33;
}

.detailModalMain .listItem.gray .itemRight:hover {
    opacity: 1;
}

.detailModalMain .listItem.gray.courseName {
    cursor: pointer;
}

.detailModalMain .listItem.gray.courseName .itemRight:hover label {
    color: #3A4B87;
    cursor: pointer;
}

.detailModalMain .listItem.class span {
    display: inline-block;
    vertical-align: top;
}

.detailModalMain .listItem.class span.gray {
    color: #181E33;
    max-width: 230px;
    margin-right: 10px;
}

.detailModalMain .listItem.classLoc .itemRight label {
    display: block;
}

.detailModalMain .listItem.classLoc .itemRight label.gray {
    color: #181E33;
    cursor: default;
    margin-bottom: 11px;
}

.detailModalMain .listItem.classLoc .itemRight label.online {
    display: inline-block;
    margin-top: -1px;
    border-radius: 14px;
    color: #3A8BFF;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 12px 3px 32px;
    background: url(../images/play.png) 12px 6px/14px 14px no-repeat;
    background-color: #f2f5fa;
}
.detailModalMain .listItem.classLoc .itemRight label.other{   
    color: #474C59 ;
    background: url() ;
    background-color: #f2f5fa;
    padding-left: 12px;
}

.detailModalMain .listItem.classLoc .itemRight label.online:hover {
    opacity: 0.7;
}
.detailModalMain .listItem.classLoc .itemRight label.other:hover {
    opacity: 1;
}

.detailModalMain .listItem.classLoc .itemRight label:empty, .detailModalMain .listItem.classLoc .itemRight label.online:empty {
    padding: 0;
    margin: 0;
    display: inline;
}

.detailModalMain .listItem.teachplan.ppt .itemRight label {
    padding-left: 20px;
    background: url(../images/ppticon.png) left center/16px 16px no-repeat;
}

.detailModalMain .listItem.teachplan.ppt .itemRight label.addteachPlan {
    padding-left: 0;
    background: none;
}

.deleteCourse {
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #3A8BFF;
    margin-bottom: 30px;
    cursor: pointer;
}

.deleteCourse .delIcon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(../images/del.png) center center/16px 16px no-repeat;
}

.deleteCourse:hover {
    opacity: 0.7;
}

.edit {
    padding-left: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #3A8BFF;
    margin-bottom: 30px;
    cursor: pointer;
}

.edit .editIcon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url(../images/edit.png) center center/16px 16px no-repeat;
}

.edit:hover {
    opacity: 0.7;
}

.radiobtn {
    float: left;
    cursor: pointer;
}

.radiobtn .radio {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(../images/radio.png) center center/18px 18px no-repeat;
}

.radiobtn.active .radio {
    background: url(../images/radioed.png) center center/18px 18px no-repeat;
}

.radiobtn.disabled .radio {
    background-image: url(../images/icon_radio_disable.png);
}

.radiobtn {
    margin-right: 14px;
}

.selectWeekPop {
    display: none;
    position: fixed;
    left: 106px;
    top: 38px;
    width: 260px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 11;
}

.selectWeekPop .selectoption {
    overflow: hidden;
    padding: 16px 20px 0;
}

.selectWeekPop .radiobox {
    float: left;
    height: 20px;
    margin-right: 29px;
    font-size: 14px;
    line-height: 20px;
    color: #646873;
    cursor: pointer;
}

.selectWeekPop .radiobox .radio {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(../images/radio.png) center center/18px 18px no-repeat;
}

.selectWeekPop .radiobox.active .radio {
    background: url(../images/radioed.png) center center/18px 18px no-repeat;
}

.selectWeekPop .radiobox:last-child {
    margin-right: 0;
}

.selectWeekPop .jb_btn {
    margin-right: 13px;
    margin-bottom: 12px;
}

/*添加和设置弹窗公用部分*/
.createModalMain, .settingMain {
    height: 350px;
    margin-right: 4px;
}

.createModalMain .list, .settingMain .list {
    padding: 20px 26px 20px 30px;
}

.createModalMain .listItem, .settingMain .listItem {
    margin-bottom: 20px;
}

.createModalMain .listItem .itemLeft, .settingMain .listItem .itemLeft {
    float: left;
    font-size: 14px;
    color: #646873;
    width: 76px;
    line-height: 34px;
    text-align: left;
}

.createModalMain .listItem .itemRight, .settingMain .listItem .itemRight {
    margin-left: 76px;
    width: calc(100% - 76px);
    min-height: 34px;
    zoom: 1;
}

.createModalMain .listItem .itemRight:after, .settingMain .listItem .itemRight:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.createModalMain .listItem .select, .settingMain .listItem .select {
    float: left;
    position: relative;
    width: 260px;
    height: 34px;
    padding: 0 35px 0 14px;
    background: #ffffff;
    border: 1px solid #e1e1e5;
    border-radius: 4px;
}

.createModalMain .listItem .select > p, .settingMain .listItem .select > p {
    cursor: pointer;
}

.createModalMain .listItem .select p span, .settingMain .listItem .select p span {
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #333333;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.createModalMain .listItem .select i.arrow, .settingMain .listItem .select i.arrow {
    position: absolute;
    top: 10px;
    right: 14px;
    width: 12px;
    height: 12px;
    transition: all 0.2s;
    background: url(../images/arrow.png) center center/12px 12px no-repeat;
}

.createModalMain .listItem .select.active i.arrow, .settingMain .listItem .select.active i.arrow {
    transform: rotate(180deg);
}

.createModalMain .listItem .select.selectteachplan .selectTips, .settingMain .listItem .select.selectteachplan .selectTips {
    color: #e1e1e5;
}

.createModalMain .listItem .select.selectteachplan .arrow, .settingMain .listItem .select.selectteachplan .arrow {
    background: url(../images/arrowRight.png) center center/6px 10px no-repeat;
}

.createModalMain .listItem .selectp, .settingMain .listItem .selectp {
    float: left;
    font-size: 14px;
    color: #3a8bff;
    line-height: 34px;
    cursor: pointer;
}

.createModalMain .listItem .selectp:hover, .settingMain .listItem .selectp:hover {
    opacity: 0.7;
}

.popAddLocShowHide .createModalMain {
    height: auto;
    padding-top: 20px;
    padding-bottom: 25px;
}

.popAddLocShowHide .createModalMain .listItem .itemRight {
    margin-left: 30px;
}

.sectionNum {
    position: relative;
    top: 5px;
    height: 24px;
    border-radius: 3px;
    overflow: hidden;
}

.sectionNum .minus, .sectionNum .plus {
    float: left;
    display: block;
    width: 22px;
    height: 100%;
    cursor: pointer;
    border: 1px solid #ebebeb;
}

.sectionNum .num {
    float: left;
    display: block;
    width: 48px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    color: #181E33;
    border: none;
    padding: 0;
    caret-color: initial;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
}

.sectionNum .num:hover, .sectionNum .num:focus {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    box-shadow: none;
}

.sectionNum .minus {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: url(../images/minus.png) center center/10px auto no-repeat;
}

.sectionNum .minus.disabled {
    cursor: default;
    background: url(../images/minus_disabled.png) center center/10px auto no-repeat;
}

.sectionNum .plus {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: url(../images/plus.png) center center/10px auto no-repeat;
}

.sectionNum .plus.disabled {
    cursor: default;
    background: url(../images/plus_disabled.png) center center/10px auto no-repeat;
}

.createModalMain .listItem textarea {
    float: left;
    width: 260px;
    margin-right: 20px;
}

.createModalMain .listItem .addedItem {
    position: relative;
    display: inline-block;
    min-height: 26px;
    max-width: 260px;
    padding: 3px 12px;
    margin: 4px 0;
    background: #f2f5fa;
    border-radius: 14px;
}

.createModalMain .listItem .addedItem span {
    font-size: 14px;
    text-align: center;
    color: #181e33;
    line-height: 20px;
}

.createModalMain .listItem .addedItem .deleteIcon {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -4px;
    right: -6px;
    background: url(../images/delete.png) center center/16px auto no-repeat;
    cursor: pointer;
}

.createModalMain .listItem .addedItem:hover {
    background: #f2f5fa;
    color: #646873;
}

.createModalMain .listItem .addedItem:hover .deleteIcon {
    display: block;
}

.createModalMain .selectLoc {
    position: relative;
    display: block;
    width: 260px;
    margin-right: 20px;
    transition: all 0.2s;
}

.createModalMain .selectLoc i {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 6px;
    width: 36px;
    height: 34px;
    transition: all 0.2s;
    background: url(../images/loc.png) 8px center/16px 16px no-repeat;
    cursor: pointer;
}

.createModalMain .selectLoc.hasHisLoc textarea {
    float: none;
    padding: 6px 34px 6px 12px;
}

.createModalMain .visibleforstu .itemLeft {
    width: 118px;
}

.createModalMain .visibleforstu .itemRight {
    margin-left: 118px;
    width: calc(100% - 118px);
}

.createModalMain .switch {
    position: relative;
    top: 7px;
}

.createModalMain .locationNameTips {
    font-size: 12px;
    color: #A8A8B3;
    margin-bottom: 12px;
    padding-top: 8px;
}

.createModalMain .listItem .hasonline {
    margin: 16px 0 0;
}

.createModalMain .listItem.classLoc {
    margin-bottom: 14px;
}

.createModalMain .listItem .hasonline.empty {
    display: inline;
    margin: 0;
    padding: 0;
    min-height: 0;
}

.createModalMain .online {
    position: relative;
    width: 260px;
    padding: 7px 12px;
    margin-top: 12px;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #e1e1e5;
    border-radius: 4px;
    color: #E1E1E5;
}

.createModalMain .online:hover {
    opacity: 0.7;
}

.createModalMain .online i {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    margin-right: 6px;
    background: url(../images/arrowRight.png) center center/6px 10px no-repeat;
}

.createModalMain .stuOnline {
    margin-top: 12px;
}

.createModalMain .stuOnline .red {
    margin-top: 12px;
    color: #F33131;
}

.het52 {
    height: 52px;
}

/*小弹窗*/
.selectLocPop, .selectPop {
    display: none;
    position: fixed;
    left: 106px;
    top: 38px;
    width: 260px;
    max-height: 302px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 11;
    overflow: hidden;
}

.selectLocPop .locList, .selectLocPop .poplist, .selectPop .locList, .selectPop .poplist {
    max-height: 302px;
    padding-right: 2px;
    padding-top: 6px;
}

.selectLocPop .locList li, .selectLocPop .poplist li, .selectPop .locList li, .selectPop .poplist li {
    position: relative;
    min-height: 40px;
    padding: 10px 0 10px 14px;
    cursor: pointer;
}

.selectLocPop .locList li p, .selectLocPop .poplist li p, .selectPop .locList li p, .selectPop .poplist li p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 52px;
    color: #646873;
}

.selectLocPop .locList li:hover, .selectLocPop .poplist li:hover, .selectPop .locList li:hover, .selectPop .poplist li:hover {
    background: #f7fafc;
}

.selectLocPop .locList li:hover .editLoc, .selectLocPop .poplist li:hover .editLoc, .selectPop .locList li:hover .editLoc, .selectPop .poplist li:hover .editLoc {
    display: block;
}

.selectLocPop .locList li.active, .selectLocPop .poplist li.active, .selectPop .locList li.active, .selectPop .poplist li.active {
    background: #f0f6ff;
}

.selectLocPop .locList li.active .radiobox, .selectLocPop .poplist li.active .radiobox, .selectPop .locList li.active .radiobox, .selectPop .poplist li.active .radiobox {
    background: url(../images/radioed.png) center center/18px 18px no-repeat;
}

.selectLocPop .popBottom, .selectPop .popBottom {
    height: 52px;
    padding-top: 12px;
}

/*历史地点弹窗*/
.selectLocPop .locList {
    max-height: 240px;
}

.selectLocPop .locList li p {
    margin-left: 28px;
}

.selectLocPop .locList .radiobox {
    float: left;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -9px;
    left: 14px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url(../images/radio.png) center center/18px 18px no-repeat;
}

.selectLocPop .locList .editLoc {
    display: none;
    position: absolute;
    width: 52px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    right: 0;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    color: #3A8BFF;
}

.selectTimeDuraPop, .selectTimebreakPop {
    display: none;
    position: fixed;
    left: 106px;
    top: 38px;
    width: 100px;
    max-height: 302px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 10;
    overflow: hidden;
}

.selectTimeDuraPop .timeList, .selectTimebreakPop .timeList {
    max-height: 240px;
    padding-right: 2px;
    padding-top: 6px;
}

.selectTimeDuraPop .timeList li, .selectTimebreakPop .timeList li {
    position: relative;
    min-height: 40px;
    padding: 10px 0 10px 14px;
    cursor: pointer;
    display: flex;
}

.selectTimeDuraPop .timeList li p, .selectTimebreakPop .timeList li p {
    font-size: 14px;
    line-height: 20px;
    color: #646873;
}

.selectTimeDuraPop .timeList li:hover, .selectTimebreakPop .timeList li:hover {
    background: #f7fafc;
}

.selectTimeDuraPop .timeList li:hover .editLoc, .selectTimebreakPop .timeList li:hover .editLoc {
    display: block;
}

.selectTimeDuraPop .timeList li.active, .selectTimebreakPop .timeList li.active {
    background: #f0f6ff;
}

.selectTimeDuraPop .timeList li.active p, .selectTimebreakPop .timeList li.active p {
    color: #3A8BFF;
}

.selectTimeDuraPop .timeList li.active .radiobox, .selectTimebreakPop .timeList li.active .radiobox {
    background: url(../images/radioed.png) center center/18px 18px no-repeat;
}

.settingMain .list {
    padding: 20px 26px 0 30px;
}

.settingMain .listItem .itemLeft {
    width: 133px;
}

.settingMain .listItem .itemRight {
    width: calc(100% - 133px);
    margin-left: 133px;
}

.settingMain .listItem .switch {
    top: 7px;
}

.settingMain .listItem .bntHoverTips {
    position: absolute;
    width: 150px;
    left: -26px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
}

.settingMain .listItem .bntHoverTips i {
    left: 47px;
}

.settingMain .listItem .switch-on.hasTime:hover .bntHoverTips {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    -moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    -ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
}

.settingMain .listItem .settingSelectWeek {
    display: none;
    position: absolute;
    left: 0;
    top: 38px;
    width: 260px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 2;
}

.settingMain .listItem .select {
    width: 100px;
}

.settingMain .listItem .select.active .settingSelectWeek {
    display: block;
}

.settingMain .fastsetting {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 14px;
    color: #3a8bff;
    line-height: 20px;
    cursor: pointer;
}

.settingMain .sectionlist {
    padding: 20px 12px 4px 20px;
    background: #f7f8fa;
    border-radius: 3px;
    margin-left: 30px;
    margin-bottom: 30px;
    width: calc(100% - 56px);
}

.settingMain .sectionlist .text {
    margin-bottom: 20px;
    font-size: 14px;
    color: #a8a8b3;
    line-height: 20px;
}

.settingMain .sectionlist #nighttimelist, .settingMain .sectionlist #pmtimelist {
    margin-bottom: 14px;
}

.settingMain .sectionlist .sectionItem {
    margin-bottom: 16px;
}

.settingMain .sectionlist .sectionItem .itemLeft {
    float: left;
    min-width: 64px;
    line-height: 34px;
    font-size: 14px;
    color: #646873;
}

.settingMain .sectionlist .sectionItem .itemRight {
    margin-left: 64px;
    padding-left: 10px;
}

.settingMain .selecttime {
    position: relative;
    width: 200px;
    height: 34px;
    padding: 6px 14px 6px 14px;
    background: #ffffff;
    border: 1px solid #e1e1e5;
    border-radius: 4px;
    cursor: pointer;
}

.settingMain .selecttime p {
    position: relative;
    font-size: 14px;
    color: #181E33;
    line-height: 20px;
    padding-right: 26px;
    z-index: 1;
}

.settingMain .selecttime p:empty:before {
    position: absolute;
    content: '请选择起始时间';
    top: 0;
    left: 0;
    font-size: 14px;
    color: #E1E1E5;
}

.settingMain .selecttime i {
    position: absolute;
    top: 0;
    right: 14px;
    width: 18px;
    height: 32px;
    background: url(../images/time.png) center center/18px 18px no-repeat;
}

.fastsettingMain {
    padding: 0 30px;
}

.fastsettingMain .amDiv .fastSetLeft, .fastsettingMain .pmDiv .fastSetLeft, .fastsettingMain .nightDiv .fastSetLeft, .fastsettingMain .classsetting .fastSetLeft, .fastsettingMain .morningDiv .fastSetLeft {
    float: left;
    width: 226px;
}

.fastsettingMain .amDiv .fastsetRight, .fastsettingMain .pmDiv .fastsetRight, .fastsettingMain .nightDiv .fastsetRight, .fastsettingMain .classsetting .fastsetRight, .fastsettingMain .morningDiv .fastsetRight {
    float: left;
}

.fastsettingMain .amDiv .listItem .itemLeft, .fastsettingMain .pmDiv .listItem .itemLeft, .fastsettingMain .nightDiv .listItem .itemLeft, .fastsettingMain .classsetting .listItem .itemLeft, .fastsettingMain .morningDiv .listItem .itemLeft {
    margin-right: 20px;
    width: auto;
}

.fastsettingMain .amDiv .selecttime, .fastsettingMain .pmDiv .selecttime, .fastsettingMain .nightDiv .selecttime, .fastsettingMain .classsetting .selecttime, .fastsettingMain .morningDiv .selecttime {
    float: left;
}

.fastsettingMain .amDiv {
    margin-top: 20px;
}

.fastsettingMain .nightDiv {
    margin-bottom: 10px;
}

.fastsettingMain .classsetting {
    border-top: solid 1px #F2F2F2;
    padding-top: 30px;
}

.fastsettingMain .listItem .select {
    float: left;
    line-height: 32px;
    font-size: 14px;
    color: #181E33;
}

.fastsettingMain .classduration, .fastsettingMain .classbreak {
    position: relative;
}

.fastsettingMain .classduration:empty:after, .fastsettingMain .classbreak:empty:after {
    position: absolute;
    content: '请选择';
    top: 0;
    left: 0;
    width: 60px;
    color: #E1E1E5;
    font-size: 14px;
    display: block;
    text-align: left;
}

/*设置时间*/
.settingTimePop {
    display: none;
    position: fixed;
    width: 200px;
    height: 224px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 11;
}

.settingTimePop .setTimeHead {
    height: 30px;
    overflow: hidden;
    border-bottom: solid 1px #F2F2F2;
}

.settingTimePop .setTimeHead p {
    float: left;
    width: 50%;
    font-size: 12px;
    line-height: 29px;
    color: #a8a8b3;
    text-align: center;
}

.settingTimePop .setTimeHead p:first-child {
    border-right: solid 1px #F2F2F2;
}

.settingTimePop .setTimeMain {
    height: 154px;
}

.settingTimePop .setTimeMain > div {
    position: relative;
    float: left;
    width: 25%;
    height: 154px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-right: solid 1px #F2F2F2;
}

.settingTimePop .setTimeMain > div li {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.settingTimePop .setTimeMain > div li:hover {
    background: #f7fafc;
}

.settingTimePop .setTimeMain > div li.active {
    background: #f0f6ff;
    color: #3A8BFF;
}

.settingTimePop .setTimeMain > div > div:last-child {
    border-right: 0;
}

.settingTimePop .setTimeBottom {
    height: 40px;
    padding: 8px 10px;
    border-top: solid 1px #F2F2F2;
}

.settingTimePop .setTimeBottom .cleartime {
    display: none;
    float: left;
    font-size: 12px;
    color: #3A8BFF;
    padding: 0 7px;
    line-height: 24px;
    cursor: pointer;
}

.settingTimePop .setTimeBottom .cleartime:hover {
    opacity: 0.7;
}

.settingTimePop .setTimeBottom .jb_btn {
    float: right;
    margin-right: 0;
}

.selectStartTimePop {
    display: none;
    position: fixed;
    width: 200px;
    height: 224px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 11;
}

.selectStartTimePop .startTimeMain {
    height: 184px;
}

.selectStartTimePop .startTimeMain > div {
    position: relative;
    float: left;
    height: 184px;
    width: 50%;
    padding-top: 4px;
    padding-bottom: 4px;
    border-right: solid 1px #F2F2F2;
}

.selectStartTimePop .startTimeMain > div li {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.selectStartTimePop .startTimeMain > div li:hover {
    background: #f7fafc;
}

.selectStartTimePop .startTimeMain > div li.active {
    background: #f0f6ff;
    color: #3A8BFF;
}

.selectStartTimePop .startTimeMain > div > div:last-child {
    border-right: 0;
}

.selectStartTimePop .setStartTimeBottom {
    height: 40px;
    padding: 8px 10px;
    border-top: solid 1px #F2F2F2;
}

.selectStartTimePop .setStartTimeBottom .cleartime {
    display: none;
    float: left;
    font-size: 12px;
    color: #3A8BFF;
    padding: 0 7px;
    line-height: 24px;
    cursor: pointer;
}

.selectStartTimePop .setStartTimeBottom .cleartime:hover {
    opacity: 0.7;
}

.selectStartTimePop .setStartTimeBottom .jb_btn {
    float: right;
    margin-right: 0;
}

/*弹窗opacity*/
h3.words {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.maskDiv {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.maskDiv.maskFadeOut {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.ClassDetail_tab {
    height: 50px;
    background: #f9f9f9;
    padding: 10px 30px 0;
}

.ClassDetail_tab > a {
    line-height: 40px;
    float: left;
    margin-right: 10px;
    padding: 0 20px;
    font-size: 16px;
    color: #A8A8B3;
}

.ClassDetail_tab > a.cur {
    background: #ffffff;
    border-radius: 8px 8px 0px 0px;
    color: #3A8BFF;
}

.ClassDetail_teach {
    height: 274px;
}

.ClassDetail_list li {
    padding: 7px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    cursor: pointer;
}

.ClassDetail_list li .radiobox {
    margin-right: 14px;
}

.ClassDetail_list li .imgDiv {
    position: relative;
    width: 30px;
    border-radius: 4px;
    display: block;
    margin: 5px 14px 5px 0;
    float: left;
    overflow: hidden;
}

.ClassDetail_list li .imgDiv i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    background: url(../images/jiao.png) center center/18px 18px no-repeat;
}

.ClassDetail_list li .classIcon {
    display: block;
    width: 100%;
    height: 100%;
}

.ClassDetail_list li .classInfo {
    width: 530px;
    min-height: 40px;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.ClassDetail_list li .classInfo h3 {
    color: #181E33;
    font-size: 14px;
    line-height: 20px;
}

.ClassDetail_list li .classInfo .titlewrap {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 40px);
}

.ClassDetail_list li .classInfo .top {
    display: inline-block;
    vertical-align: top;
    height: 19px;
    line-height: 19px;
    padding: 0 6px;
    font-size: 12px;
    color: #FFFFFF;
    background: #8FB4DE;
    border-radius: 4px;
}

.ClassDetail_list li .classInfo p {
    font-size: 12px;
    line-height: 17px;
    color: #A8A8B3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ClassDetail_list li .choseIcon {
    margin: 11px 10px 11px 0;
}

.ClassDetail_list li .choseIcon .chose {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon_radio.png) no-repeat;
    background-size: 18px auto;
}

.ClassDetail_list li .showDetail {
    font-size: 14px;
    line-height: 20px;
    color: #3A8BFF;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    display: none;
}

.ClassDetail_list li:hover {
    background: #F7FAFC;
}

.ClassDetail_list li.active {
    border-bottom: 1px solid #d6e8ff;
    border-top: 1px solid #d6e8ff;
    background: #f0f6ff;
}

.ClassDetail_list li.active .choseIcon .chose {
    background: url(../images/icon_radio_cur.png) no-repeat;
    background-size: 18px auto;
}

.ClassDetail_list li.disable .choseIcon .chose {
    background: url(../images/icon_radio_disable.png) no-repeat;
    background-size: 18px auto;
}

.ClassDetail_con {
    height: 350px;
}

.ClassDataMain, .copyCourseMain {
    height: 350px;
}

.ClassZoneMain {
    height: 350px;
}

.ClassSortMain {
    height: 420px;
}

.ClassDetail_btnGroup {
    height: 36px;
    padding: 20px 24px;
    box-sizing: content-box;
}

.ClassData_list li .classInfo {
    width: 580px;
}

.ClassData_list {
    height: 275px;
}

.ClassDetail_title {
    padding: 0 30px 6px;
}

.ClassTaskMain {
    height: 350px;
    overflow-y: auto;
}

.ClassTaskMain .ClassDetail_title {
    margin-top: 14px;
}

.ClassTaskMain .ClassDetail_list {
    height: 313px;
}

.ClassTaskMain .ClassDetail_list li {
    padding: 7px 30px;
}

.ClassTaskMain .ClassDetail_list li .radiobox {
    margin-right: 14px;
}

.ClassTaskMain .ClassDetail_list li .classInfo {
    width: 462px;
}

.ClassTaskMain .ClassDetail_list li .classIcon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 14px;
    border-radius: 4px;
    margin: 5px 14px 5px 0;
    float: left;
    overflow: hidden;
}

.ClassTaskMain .ClassDetail_list li:hover .showDetail {
    display: block;
}

.linkdetail {
    display: none;
    position: absolute;
    width: 106px;
    height: 54px;
    right: 0;
    top: 50%;
    margin-top: -27px;
    font-size: 14px;
    color: #3a8bff;
    background: rgba(240, 246, 255, 0.9);
    line-height: 54px;
    padding: 0 30px 0 20px;
    z-index: 1;
}

.copyCourseMain .ClassDetail_title {
    margin-top: 14px;
}

.copyCourseMain .ClassDetail_list {
    height: 313px;
}

.copyCourseMain .ClassDetail_list li:hover .linkdetail {
    display: block;
    background: rgba(247, 250, 252, 0.9);
}
.popclassAuthority .contentDiv{
    min-height: 100px;
    background: #FFFFFF;
    border-radius: 10px;
    position: fixed;
    left: 50%;
    overflow: hidden;
}
.popclassAuthority .classAuthorityList{
    margin-top: 80px;
    height: 203px;
}
.popclassAuthority .classAuthorityList .radioItem{
    width: 380px;
    height: 41px;
    margin: 20px 30px 20px 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.popclassAuthority .classAuthorityList .radioItem .left img{
    height: 18px;
    width: 18px;
    cursor: pointer;
}
.popclassAuthority .classAuthorityList .radioItem .right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
}
.popclassAuthority .classAuthorityList .radioItem .rightImg{
    margin-left: 196px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #8A8B99;    
    display: flex;
    align-items: center;

}
.popclassAuthority .classAuthorityList .radioItem .rightImg img{
    width: 12px;
    height: 12px;
    margin-left: 4px;
}
.popclassAuthority .classAuthorityList .radioItem .right .title{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #131B26;
    padding: 0px;
}
.popclassAuthority .classAuthorityList .radioItem .right .detail{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #8A8B99;
}
.popcxCourseListShowHide .ClassDetail_list {
    height: 350px;
}

.popcxCourseListShowHide .ClassDetail_list li:hover .linkdetail {
    display: block;
    background: rgba(247, 250, 252, 0.9);
}

.ClassSortMain .ClassDetail_list li .classIcon, .ClassSortMain .ClassDetail_list li .otnerIcon{
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 14px;
    border-radius: 4px;
    margin: 5px 14px 5px 0;
    float: left;
    overflow: hidden;
}

/*选择教案弹窗 */
.popTeachplanShowHide .popTableBtns {
    height: 58px;
    padding-top: 20px;
    padding-left: 30px;
}

.popTeachplanShowHide .popTable .popYunpan_th_name {
    padding-left: 30px;
    width: 494px;
}

.popTeachplanShowHide .popTable .popYunpan_td_pic {
    left: 30px;
}

.popTeachplanShowHide .popTable .popYunpan_text {
    padding-left: 74px;
    width: 404px;
}

.popTeachplanShowHide .popTable .popYunpan_td_name {
    width: 494px;
}

.popTeachplanShowHide .popTable .popYunpan_td_time {
    width: 170px;
}

.popTeachplanShowHide .addData {
    position: relative;
    height: 40px;
    width: 104px;
}

.popTeachplanShowHide .addData_con {
    width: 134px;
    background: #FFF;
    border-radius: 6px;
    position: absolute;
    top: 40px;
    left: -12px;
    z-index: 9;
    -webkit-box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
    box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
}

.popTeachplanShowHide .addData_text {
    padding: 6px 0;
}

.popTeachplanShowHide .addData_text a {
    display: block;
    line-height: 44px;
    font-size: 14px;
    color: #646873;
    padding: 0 20px;
    text-align: center;
    position: relative;
}

.popTeachplanShowHide .addData_text a:hover {
    background: #F5F8FB;
    color: #3A8BFF;
}

.popTeachplanShowHide .addData_num {
    min-width: 8px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    font-size: 12px;
    font-family: Arial;
    color: #FFF;
    text-align: center;
    background: #F33F34;
    border-radius: 18px;
    display: block;
    position: absolute;
    top: -4px;
    left: 90px;
}

.popTeachplanShowHide .popTableBody {
    height: 326px;
}

.popSignInShowHide .popDiv {
    background: none;
}

.popSignInShowHide .wid640 {
    max-height: none;
}

.popSignInShowHide .popHead {
    z-index: 1;
}

.popSignInShowHide .het30 {
    height: 30px;
}

.popSignInShowHide .SignInMain {
    min-height: 355px;
    position: relative;
}

.popSignInShowHide .SignInMain:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
}

.popMeetingShowHide, .popClassShowHide {
    background: transparent;
}

/*编辑地点弹窗*/
.popEditShowHide .editMain {
    min-height: 132px;
    padding: 26px 30px;
}

.popEditShowHide .editMain textarea {
    width: 100%;
    height: 80px;
    min-height: 80px;
    font-size: 16px;
    line-height: 24px;
    color: #181E33;
    max-height: 178px;
}

/*教学资源库弹窗*/
.zyk_pop {
    margin-left: 2.5%;
    width: 95%;
    background-color: #FFFFFF;
    border-radius: 24px 24px 0px 0px;
    position: absolute;
    top: 10%;
    bottom: 0;
}

.zyk_close {
    width: 18px;
    height: 18px;
    background: url(../images/popClose.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 21px;
    z-index: 3;
    cursor: pointer;
}

.zyk_title {
    line-height: 56px;
    font-size: 18px;
    text-align: center;
}

.fadeInUpDown {
    -webkit-animation-name: fadeInUpDown;
    animation-name: fadeInUpDown;
    opacity: 1;
    visibility: visible;
}

@-webkit-keyframes fadeInUpDown {
    0% {
        -webkit-transform: translate(0, 200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0px);
        opacity: 1;
    }
}

@keyframes fadeInUpDown {
    0% {
        -webkit-transform: translate(0, 200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0px);
        opacity: 1;
    }
}

/*新建班级*/
.createClassMain .new-build-class {
    width: 100%;
    height: 92px;
    overflow: hidden;
}

.createClassMain .input-name {
    position: relative;
    height: 36px;
    margin: 26px 30px 30px;
    box-sizing: border-box;
}

.createClassMain .input-name input {
    display: inline-block;
    width: 100%;
    height: 100%;
    caret-color: #3A8BFF;
    outline: none;
    border: none;
    color: #181E33;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 40px;
    border-radius: 4px;
    border: 1px solid #E1E1E5;
}

/*新建课程弹框样式*/
.new-course-pop { /*封面内容*/
}

.new-course-pop input[type=text] {
    border: 1px solid #E1E1E5;
    border-radius: 4px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: 0 14px;
    font-size: 14px;
}

.new-course-pop input[type=text]:hover {
    border: 1px solid #CCDEF3;
}

.new-course-pop input[type=text]:focus {
    border: 1px solid #CCDEF3;
    box-shadow: 0 0 4px 1px rgba(54, 123, 255, 0.5);
}

.new-course-pop .edit-mode {
    height: 372px;
    padding: 30px 40px 0 40px;
    overflow: auto;
    box-sizing: border-box;
}

.new-course-pop .item {
    position: relative;
    padding-left: 78px;
}

.new-course-pop .item > label {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 14px;
    color: #181E33;
    letter-spacing: 0.33px;
    z-index: 1;
}

.new-course-pop .item .label-top {
    top: 0;
}

.new-course-pop .item-r {
    position: relative;
    padding-bottom: 30px;
}

.new-course-pop .error-tip {
    position: absolute;
    top: 0;
    right: 20px;
    color: #F33F34;
    font-size: 12px;
    padding: 0;
    display: none;
    line-height: 44px;
}

.new-course-pop .textShadow {
    border: 1px solid #CCDEF3;
    box-shadow: 0 0 7px 1px #75BAFF;
}

.new-course-pop .error input[type=text] {
    border: 1px solid #FFCAC7;
    box-shadow: 0 0 4px 0 rgba(255, 85, 51, 0.5);
    border-radius: 4px;
}

.new-course-pop .error .error-tip {
    display: block;
}

.new-course-pop .cover-info {
    margin-top: 10px;
}

.new-course-pop .cover-info > div {
    display: inline-block;
    vertical-align: bottom;
}

.new-course-pop .cover-wrap {
    width: 200px;
    height: 126px;
    margin-right: 20px;
    overflow: hidden;
}

.new-course-pop .cover-wrap > img {
    width: 100%;
    height: 100%;
}

.new-course-pop .upload-img-info p {
    color: #A8A8B3;
    line-height: 20px;
    font-size: 12px;
}

.new-course-pop .upload-img-info .edit-cover {
    color: #3A8BFF;
    cursor: pointer;
    margin-bottom: 10px;
}

.new-course-pop .upload-img-info .edit-cover:hover {
    opacity: 0.7;
}

.new-course-pop .upload-img-info .edit-cover .icon {
    margin-right: 3px;
    margin-top: -3px;
}

/*修改封面图片的弹框*/
.edit-cover-container {
    display: none;
    background-color: transparent;
}

.edit-cover-container .popDiv {
    height: 600px;
    box-sizing: border-box;
}

.edit-cover-container h3 {
    font-size: 16px;
    color: #181E33;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}

.edit-cover-container .edit-main {
    font-size: 0;
    padding: 30px;
    box-sizing: border-box; /*默认封面图片列表*/
}

.edit-cover-container .edit-main > div {
    display: inline-block;
    vertical-align: top;
}

.edit-cover-container .edit-main .left {
    width: 210px;
}

.edit-cover-container .edit-main .scan-cover {
    width: 100%;
    height: 126px;
    margin-bottom: 14px;
    border-radius: 4px;
}

.edit-cover-container .edit-main p {
    font-size: 12px;
    color: #b5b5bf;
    line-height: 17px;
}

.edit-cover-container .edit-main .select-default-cover {
    font-size: 12px;
    color: #3A8BFF;
    font-weight: normal;
    cursor: pointer;
}

.edit-cover-container .edit-main .select-default-cover:hover {
    opacity: 0.7;
}

.edit-cover-container .edit-main .right {
    margin-left: 30px;
}

.edit-cover-container .edit-main .right .cover-crop-container {
    position: relative;
    background: #F8FBFF;
    border: 1px dashed #9DC5FF;
    border-radius: 6px;
    width: 540px;
    height: 324px;
    box-sizing: border-box;
}

.edit-cover-container .edit-main .add-cover-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.edit-cover-container .edit-main .add-cover-box p {
    margin-bottom: 4px;
}

.edit-cover-container .edit-main .add-cover-box .fs14 {
    font-size: 14px;
}

.edit-cover-container .edit-main .add-cover-box .fs12 {
    font-size: 12px;
}

.edit-cover-container .edit-main .default-covers {
    position: absolute;
    display: none;
    bottom: 77px;
    left: 146px;
    width: 626px;
    height: 270px;
    padding: 20px 0 10px 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
    border-radius: 6px;
    box-sizing: border-box;
    z-index: 10;
}

.edit-cover-container .edit-main .default-covers .covers {
    height: 100%;
    font-size: 0;
}

.edit-cover-container .edit-main .default-covers .covers > li {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    height: 81px;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
}

.edit-cover-container .edit-main .default-covers .covers > li.selected {
    border: 3px solid #0099FF;
    box-sizing: border-box;
}

.edit-cover-container .edit-main .default-covers .covers > li:not(:nth-child(4n)) {
    margin-right: 14px;
}

.edit-cover-container .edit-main .default-covers .covers > li > img {
    width: 100%;
    height: 100%;
}

.edit-cover-container .edit-main .default-covers .covers > li:hover {
    opacity: .7;
}

.edit-cover-container .upload {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.edit-cover-container .upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-appearance: none;
    cursor: pointer;
}

.edit-cover-container .upload .icon {
    display: inline-block;
    color: #A8A8B3;
    margin-bottom: 14px;
    cursor: pointer;
    font-size: 40px;
}

.edit-cover-container .upload:hover {
    opacity: 0.7;
}

.edit-cover-container .modify-cropper {
    display: none;
    overflow: hidden;
    margin-top: 26px;
}

.edit-cover-container .modify-cropper > div {
    vertical-align: top;
    text-align: center;
    font-size: 14px;
    color: #91A0B5;
}

.edit-cover-container .modify-cropper .zoom-image {
    margin-top: 10px;
}

.edit-cover-container .modify-cropper .zoom-image span {
    display: inline-block;
    vertical-align: middle;
}

.edit-cover-container .modify-cropper .zoom-image .icon {
    font-size: 18px;
    cursor: pointer;
}

.edit-cover-container .modify-cropper .zoom-image .icon:hover {
    opacity: 0.7;
}

.edit-cover-container .modify-cropper .zoom-image .progress {
    position: relative;
    width: 96px;
    height: 6px;
    background: #EAEFF4;
    border-radius: 6px;
    margin: 0 12px;
}

.edit-cover-container .modify-cropper .zoom-image .progress-mark {
    position: absolute;
    top: -3px;
    left: 0;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #3A8BFF;
    border: 1px solid #6FAAFF;
    box-shadow: 0 2px 5px 0 rgba(82, 127, 255, 0.3);
    z-index: 2;
}

/*新建教案的弹框*/
.edit-teachplancover-container {
    display: none;
    background-color: transparent;
}

.edit-teachplancover-container .popDiv {
    height: 600px;
    box-sizing: border-box;
}

.edit-teachplancover-container h3 {
    font-size: 16px;
    color: #181E33;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}

.edit-teachplancover-container .edit-main {
    font-size: 0;
    padding: 30px;
    box-sizing: border-box; /*默认封面图片列表*/
}

.edit-teachplancover-container .edit-main > div {
    display: inline-block;
    vertical-align: top;
}

.edit-teachplancover-container .edit-main .left {
    width: 210px;
}

.edit-teachplancover-container .edit-main .scan-cover {
    width: 100%;
    height: 126px;
    margin-bottom: 14px;
    border-radius: 4px;
}

.edit-teachplancover-container .edit-main p {
    font-size: 12px;
    color: #b5b5bf;
    line-height: 17px;
}

.edit-teachplancover-container .edit-main .select-default-cover {
    font-size: 12px;
    color: #3A8BFF;
    font-weight: normal;
    cursor: pointer;
}

.edit-teachplancover-container .edit-main .select-default-cover:hover {
    opacity: 0.7;
}

.edit-teachplancover-container .edit-main .right {
    margin-left: 30px;
}

.edit-teachplancover-container .edit-main .right .cover-crop-container {
    position: relative;
    background: #F8FBFF;
    border: 1px dashed #9DC5FF;
    border-radius: 6px;
    width: 540px;
    height: 324px;
    box-sizing: border-box;
}

.edit-teachplancover-container .edit-main .add-cover-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.edit-teachplancover-container .edit-main .add-cover-box p {
    margin-bottom: 4px;
}

.edit-teachplancover-container .edit-main .add-cover-box .fs14 {
    font-size: 14px;
}

.edit-teachplancover-container .edit-main .add-cover-box .fs12 {
    font-size: 12px;
}

.edit-teachplancover-container .edit-main .default-covers {
    position: absolute;
    display: none;
    bottom: 77px;
    left: 146px;
    width: 626px;
    height: 270px;
    padding: 20px 0 10px 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
    border-radius: 6px;
    box-sizing: border-box;
    z-index: 10;
}

.edit-teachplancover-container .edit-main .default-covers .covers {
    height: 100%;
    font-size: 0;
}

.edit-teachplancover-container .edit-main .default-covers .covers > li {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    height: 81px;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
}

.edit-teachplancover-container .edit-main .default-covers .covers > li.selected {
    border: 3px solid #0099FF;
    box-sizing: border-box;
}

.edit-teachplancover-container .edit-main .default-covers .covers > li:not(:nth-child(4n)) {
    margin-right: 14px;
}

.edit-teachplancover-container .edit-main .default-covers .covers > li > img {
    width: 100%;
    height: 100%;
}

.edit-teachplancover-container .edit-main .default-covers .covers > li:hover {
    opacity: .7;
}

.edit-teachplancover-container .upload {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.edit-teachplancover-container .upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-appearance: none;
    cursor: pointer;
}

.edit-teachplancover-container .upload .icon {
    display: inline-block;
    color: #A8A8B3;
    margin-bottom: 14px;
    cursor: pointer;
    font-size: 40px;
}

.edit-teachplancover-container .upload:hover {
    opacity: 0.7;
}

.edit-teachplancover-container .modify-cropper {
    display: none;
    overflow: hidden;
    margin-top: 26px;
}

.edit-teachplancover-container .modify-cropper > div {
    vertical-align: top;
    text-align: center;
    font-size: 14px;
    color: #91A0B5;
}

.edit-teachplancover-container .modify-cropper .zoom-image {
    margin-top: 10px;
}

.edit-teachplancover-container .modify-cropper .zoom-image span {
    display: inline-block;
    vertical-align: middle;
}

.edit-teachplancover-container .modify-cropper .zoom-image .icon {
    font-size: 18px;
    cursor: pointer;
}

.edit-teachplancover-container .modify-cropper .zoom-image .icon:hover {
    opacity: 0.7;
}

.edit-teachplancover-container .modify-cropper .zoom-image .progress {
    position: relative;
    width: 96px;
    height: 6px;
    background: #EAEFF4;
    border-radius: 6px;
    margin: 0 12px;
}

.edit-teachplancover-container .modify-cropper .zoom-image .progress-mark {
    position: absolute;
    top: -3px;
    left: 0;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #3A8BFF;
    border: 1px solid #6FAAFF;
    box-shadow: 0 2px 5px 0 rgba(82, 127, 255, 0.3);
    z-index: 2;
}

.bg-add-blue {
    width: 40px;
    height: 40px;
    background: url("https://mooc2-gray.chaoxing.com/mooc2-ans/images/tcmanage/manage/sprites_2.png") -5px -87px;
    -webkit-background-size: 50px auto;
    background-size: 50px auto;
}

/**/
.popcxCourseQRCodeShowHide .cxCourseQRCodeMain {
    padding-top: 50px;
}

.popcxCourseQRCodeShowHide .popDiv {
    height: 713px;
    max-height: unset;
}

.popcxCourseQRCodeShowHide .popClose {
    margin-right: 20px;
}

.popcxCourseQRCodeShowHide h1 {
    font-size: 32px;
    color: #181e33;
    line-height: 45px;
    color: #181E33;
    text-align: center;
    margin-bottom: 6px;
}

.popcxCourseQRCodeShowHide p {
    font-size: 14px;
    line-height: 20px;
    color: #A8A8B3;
    margin-bottom: 20px;
    text-align: center;
}

.popcxCourseQRCodeShowHide #qrcode img, .popcxCourseQRCodeShowHide #qrcode canvas {
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.popcxCourseQRCodeShowHide .link {
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    color: #181E33;
    margin-bottom: 20px;
}

.popcxCourseQRCodeShowHide .link .linkText {
    color: #3A8BFF;
}

.popcxCourseQRCodeShowHide .link .linkText:hover {
    opacity: 0.7;
}

.popcxCourseQRCodeShowHide .link .copy {
    margin-left: 24px;
    font-size: 14px;
    color: #91A0B5;
    cursor: pointer;
}

.popcxCourseQRCodeShowHide .link .copy i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: url(../images/copy.png) center center/14px 14px no-repeat;
}
.popcxCourseQRCodeShowHide .authorityBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    width: 300px;
    background: #F7F8FA;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 20px;
    cursor: pointer;
}
.popcxCourseQRCodeShowHide .authorityBox .boxLeft{
    margin-left: 15px;
}
.popcxCourseQRCodeShowHide .authorityBox .boxRight img{
    margin-right: 18px;
    width: 8px;
    height: 14px;
}
.popcxCourseQRCodeShowHide .authorityBox .boxRight .rightText{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #8A8B99;
    margin-right: 5px;
}

.popcxCourseQRCodeShowHide .btnDiv {
    margin: 0 70px 24px;
}

.popcxCourseQRCodeShowHide .btnDiv .btn {
    width: 100%;
    height: 44px;
    background: #3a8bff;
    border-radius: 22px;
    line-height: 44px;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.popcxCourseQRCodeShowHide .btnDiv .btn:hover {
    opacity: 0.7;
}

.popcxCourseQRCodeShowHide .selectOthermeeting {
    font-size: 16px;
    text-align: center;
    color: #3A8BFF;
    line-height: 22px;
    cursor: pointer;
}

.popcxCourseQRCodeShowHide .selectOthermeeting:hover {
    opacity: 0.7;
}

/*编辑泛雅课堂*/
.editcxCourseMain {
    height: 350px;
    padding: 4px 30px;
}

.editcxCourseMain .text {
    padding-top: 20px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #a8a8b3;
    line-height: 20px;
}

.editcxCourseMain .inputDiv {
    position: relative;
    width: 100%;
    height: 36px;
    line-height: 20px;
}

.editcxCourseMain textarea {
    width: 100%;
    height: 176px;
    padding: 10px 14px;
    border: 1px solid #e1e1e5;
    border-radius: 4px;
}

.editcxCourseMain textarea:hover {
    border: 1px solid #CCDEF3;
}

.editcxCourseMain textarea:focus {
    outline: none;
    border: 1px solid #CCDEF3;
    box-shadow: 0 0 4px 0 rgba(117, 186, 255, 0.5);
}

.popTable {
    height: 468px;
    padding: 0 2px;
}

.popTableNotes {
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
}

.popTableHead {
    height: 40px;
    background: #F5F6F7;
    border-radius: 2px;
}

.popTableBody {
    height: 386px;
    margin-top: 2px;
}

.popTable_th {
    height: 40px;
    color: #A8A8B3;
    position: relative;
}

.popTable_th li {
    height: 40px;
    line-height: 40px;
    float: left;
}

.popTable_td {
    height: 54px;
    position: relative;
}

.popTable_td:hover {
    background: #F7FAFC;
}

.popTable_td li {
    height: 54px;
    line-height: 54px;
    float: left;
}

/*上传*/
.popUpload_th_name {
    width: 294px;
    padding-left: 28px;
}

.popUpload_th_size {
    width: 128px;
}

.popUpload_th_state {
    width: 238px;
}

.popUpload_th_operate {
    width: 120px;
}

.popUpload_td_name {
    width: 322px;
}

.popUpload_td_size {
    width: 128px;
}

.popUpload_td_state {
    width: 238px;
}

.popUpload_td_operate {
    width: 120px;
}

.popUpload_td_pic {
    width: 30px;
    height: 30px !important;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -15px;
}

.popUpload_td_pic img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: block;
}

.popUpload_text {
    width: 200px;
    height: 40px;
    line-height: 20px;
    padding: 7px 0 0 72px;
    font-size: 14px;
    color: #181E33;
    display: table;
}

.popUpload_clamp {
    display: table-cell;
    vertical-align: middle;
}

.popUpload_line {
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.popUpload_speed {
    width: 90px;
    height: 10px;
    margin: 22px 10px 0 0;
    background: #EBF0F5;
    border-radius: 20px;
}

.popUpload_speed_width {
    width: 50%;
    height: 10px;
    background: #3A8BFF;
    border-radius: 20px;
}

.popUpload_cancel {
    width: 18px;
    height: 18px;
    display: block;
    background: url(/xinfanya/images/data/popUpload_cancel.png) no-repeat;
}

.popUpload_start {
    width: 18px;
    height: 18px;
    display: block;
    background: url(/xinfanya/images/data/popUpload_start.png) no-repeat;
}

.popUpload_cancel:hover, .popUpload_start:hover {
    opacity: .7;
}

.bntHoverCon {
    margin-right: 40px;
    margin-top: 18px;
    position: relative;
}

.bntHoverTips {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    background: rgba(24, 30, 51, 0.8);
    border-radius: 4px;
    display: block;
    position: absolute;
    top: -48px;
    z-index: 99;
}

.popUpload_cancel + .bntHoverTips {
    width: 56px;
    left: 50%;
    margin-left: -28px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 1s, visibility 0s 0.3s;
    transition: opacity 0.3s 1s, visibility 0s 0.3s;
}

.popUpload_cancel:hover + .bntHoverTips {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 1s, visibility 0.3s 1s;
    transition: opacity 0.3s 1s, visibility 0.3s 1s;
}

.popUpload_start + .bntHoverTips {
    width: 80px;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 1s, visibility 0s 0.3s;
    transition: opacity 0.3s 1s, visibility 0s 0.3s;
}

.popUpload_start:hover + .bntHoverTips {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 1s, visibility 0s 1s;
    transition: opacity 0.3s 1s, visibility 0s 1s;
}

.bntHoverTips i {
    display: block;
    width: 0px;
    height: 0px;
    border: solid rgba(24, 30, 51, 0.8) 4px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 40px;
    bottom: auto;
    border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent;
}

.bntHoverTips i.active {
    display: block;
    width: 0px;
    height: 0px;
    border: solid rgba(24, 30, 51, 0.8) 4px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: 40px;
    top: auto;
    border-color: transparent transparent rgba(24, 30, 51, 0.8) transparent;
}

.PlusIcon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -2px;
}

.PlusIcon img {
    display: block;
    width: 100%;
    height: 100%;
}

.marginFl30 {
    margin-left: 30px;
}

.popYunpan_th_check, .popYunpan_th_disabled, .popYunpan_td_check, .popYunpan_td_disabled {
    width: 18px;
    height: 18px !important;
    display: block;
    overflow: hidden;
    background: url(../images/dx_check.png) no-repeat;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -9px;
}

.popYunpan_th_checked, .popYunpan_td_checked {
    background: url(../images/dx_checked.png) no-repeat;
}

.popYunpan_th_check input, .popYunpan_th_disabled input, .popYunpan_td_check input, .popYunpan_td_disabled input {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    left: 20px;
}

.popYunpan_th_disabled, .popYunpan_td_disabled {
    background: url(../images/dx_check_disable.png) no-repeat;
}

body .layui-laydate {
    -webkit-box-shadow: 0 0 4px 2px #DADFE7;
    -moz-box-shadow: 0 0 4px 2px #DADFE7;
    box-shadow: 0 0 4px 2px #DADFE7;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

body .layui-laydate .layui-laydate-main {
    width: 260px;
}

body .layui-laydate .laydate-month-list > li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px 9px;
    border-radius: 4px;
}

body .layui-laydate .laydate-month-list > li:hover {
    background: #789BFF;
    color: #fff;
}

body .layui-laydate .layui-this {
    background: #658DFF !important;
    color: #fff;
}

body .layui-laydate .layui-laydate-header i {
    color: #CAD5E6;
}

body .layui-laydate .layui-laydate-header i:hover {
    color: #789BFF;
}

body .layui-laydate.laydate-theme-dayLayDate .layui-laydate-main {
    width: 256px;
}

body .layui-laydate.laydate-theme-dayLayDate .layui-this {
    height: 34px;
    border-radius: 20px;
}

body .layui-laydate.laydate-theme-dayLayDate .layui-laydate-content th {
    height: 34px;
}

body .layui-laydate.laydate-theme-dayLayDate .layui-laydate-content td {
    height: 34px;
    border-radius: 20px;
}

body .layui-laydate.laydate-theme-dayLayDate .layui-laydate-content td:hover {
    background: #789BFF;
    color: #ffffff;
}

body .layui-laydate.laydate-theme-dayLayDate .layui-laydate-list li:hover {
    background: #789BFF;
    color: #ffffff;
}

.settingSelectYear {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    max-height: 232px;
    padding: 6px 0;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 12px 0px rgba(175, 187, 204, 0.75);
    z-index: 2;
}

.settingSelectYear .halfyearList li {
    height: 40px;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 14px;
    color: #646873;
    cursor: pointer;
}

.settingSelectYear .halfyearList li:hover {
    background: #f0f6ff;
}

/*历史课表*/
.historyModalMain {
    height: 300px;
    padding: 10px 2px;
}

.historyModalMain:before {
    position: relative;
    content: '';
    height: 10px;
}

.historyModalMain .list li {
    height: 40px;
    padding: 10px 28px;
    line-height: 20px;
    font-size: 14px;
    color: #181E33;
    cursor: pointer;
}

.historyModalMain .list li:hover, .historyModalMain .list li.active {
    background: #f7fafc;
    color: #3a8bff;
}

.popYunpanShowHide, .popLocalShowHide, .popFastSettingShowHide, .popEditcxCourseShowHide, .popcxCourseListShowHide, .popClassDetailShowHide, .popClassSortShowHide, .popClassDataShowHide, .popClassTaskShowHide, .popCreateTeachPlanShowHide, .popTeachplanShowHide, .new-course-pop {
    background-color: transparent;
}

.popCourseDetailShowHide .popDiv {
    max-height: none;
}

.detailPage {
    background: #F2F4F7;
}

.detailPage .title {
    font-size: 18px;
    font-weight: bold;
    color: #131B26;
    padding: 0 30px;
}

.detailPage .detailModalMain {
    position: relative;
    background: #FFFFFF;
    margin: 16px auto;
    border-radius: 8px;
    box-shadow: 0 2px 17px 0 rgba(239, 239, 239, 0.5);
    padding-top: 30px;
}
.detailPage .detailModalMain .signbtn{
    position: absolute;
    display: block;
    right: 30px;
}
.detailPage .detailModalMain .list {
    overflow: hidden;
}

.detailPage .detailModalMain .list .left, .detailPage .detailModalMain .list .right {
    width: 50%;
}

.detailPage .detailModalMain .listItem {
    width: 100%;
    float: left;
}

.detailPage .detailModalMain .listItem.className .itemRight:hover {
    opacity: 1;
}

.detailPage .detailModalMain .listItem.className .itemRight .add {
    position: relative;
}

.detailPage .detailModalMain .listItem.className .itemRight .add p.addBtn {
    position: absolute;
    height: 30px;
}

.detailPage .detailModalMain .listItem.className .itemRight .add p.addBtn:hover {
    opacity: 0.7;
}

.detailPage .detailModalMain .listItem.className .itemRight .add .classPop {
    display: none;
    position: absolute;
    left: 0;
    top: 25px;
    width: 132px;
    padding: 6px 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(175, 187, 204, 0.75);
    border-radius: 6px;
    z-index: 2;
}

.detailPage .detailModalMain .listItem.className .itemRight .add .classPop p {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #474C59;
}

.detailPage .detailModalMain .listItem.className .itemRight .add .classPop p:hover {
    opacity: 1;
    background: #F0F6FF;
}

.detailPage .detailModalMain .listItem.className .itemRight .add:hover .classPop {
    display: block;
}

.detailPage .iframe {
    background: #FFFFFF;
    margin: 16px auto;
    border-radius: 8px;
    box-shadow: 0 2px 17px 0 rgba(239, 239, 239, 0.5);
}

.detailPage .activityWrap {
    background: #FFFFFF;
    margin: 16px auto;
    border-radius: 8px;
    box-shadow: 0 2px 17px 0 rgba(239, 239, 239, 0.5);
}

.detailPage .activityTab {
    height: 60px;
    padding: 0 20px;
    box-shadow: 0px -1px 0px 0px #f2f2f2 inset;
}

.detailPage .activityTab ul {
    overflow: hidden;
}

.detailPage .activityTab li {
    position: relative;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    text-align: center;
    font-size: 16px;
    color: #646873;
    cursor: pointer;
}

.detailPage .activityTab li.active:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -17px;
    width: 34px;
    height: 4px;
    background: #3b90ff;
    border-radius: 2px;
}
.detailPage .taskList{
    padding-bottom:  30px;
}
.detailPage .moreList {
    padding: 10px 0 30px;
}

.detailPage .taskItem {
    display: block;
    height: 70px;
    padding: 14px 30px;
    cursor: pointer;
}

.detailPage .taskItem .icon {
    float: left;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
}

.detailPage .taskItem .icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.detailPage .taskItem h1 {
    margin-left: 62px;
    line-height: 42px;
    font-size: 14px;
    color: #181E33;
}

.detailPage .moreItem {
    display: block;
    height: 54px;
    padding: 12px 30px;
    cursor: pointer;
}

.detailPage .moreItem .icon {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 14px;
}

.detailPage .moreItem .icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.detailPage .moreItem h1 {
    margin-left: 44px;
    line-height: 30px;
    font-size: 14px;
    color: #181E33;
}




/*新建教案弹窗*/
.hetmain {
    max-height: 466px;
}
.pad40 {
    padding: 0 40px;
}
.lessonplanName {
    padding: 30px 0;
    overflow: hidden;
}

.lessonplanName .wid78 {
    display: inline-block;
    width: 78px;
    line-height: 44px;
    color: #131B26;
    font-size: 14px;
    float: left;
}
.lessonplanName .lesson_input {
    width: 652px;
    height: 42px;
    border-radius: 4px;
    font-size: 14px;
    color: #131b26;
    padding: 0 14px;
    border: 1px solid #D5D7D9;
    float: left;
}

.template_tit {
    line-height: 62px;
    font-weight: 500;
    color: #131B26;
    font-size: 16px;
}

.templatemain {
    width: 100%;
    overflow: hidden;
}

.templatemain .templanWidth {
    width: 780px;
}

.template_div {
    width: 176px;
    height: 170px;
    background: #ffffff;
    border: 1px solid #e8eaee;
    border-radius: 4px;
    box-shadow: 0px 6px 16px 0px rgb(0 0 0 / 6%);
    overflow: hidden;
    margin: 0px 16px 20px 0;
}

.template_div_select {
    border: 1px solid #3a8bff;
}

.template_div_tit {
    height: 50px;
    line-height: 50px;
    border-top: 4px solid #75adff;
    padding: 0 10px;
    font-size: 14px;
}
.template_div_select .template_div_tit {
    border-top: 4px solid #3a8bff;
}

.het116 {
    height: 110px;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
}

.templanWidth .template_checeked {
    background: url(../images/plan_checked.png) no-repeat;
    background-size: 100%;
}

.template_checek {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/plan_check.png) no-repeat;
    background-size: 100%;
    margin-top: 16px;
    cursor: pointer;
}

.template_con {
    width: 100%;
    flex: 1;
    background: rgba(163,186,217,0.25);
}

.tit {
    color: #8A8B99;
    background: #fff;
    line-height: 30px;
}
.template_con_ct {
    border-radius: 2px;
}
.fl {
    float: left;
}

.fr {
    float: right;
}


/*预览弹框*/
.model-bg{
    background: #f2f4f7;
    padding: 40px;
}
.model-bg *{box-sizing: border-box;}
.model-bg>li{
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px rgba(237 ,238 ,240 ,50%);
}
.model-bg>li:last-child{
    margin-bottom: 0;
}
.model-bg .li1{
    height: 82px;
    padding: 0 30px;
}
.model-bg .li1>img{
    width: 42px;
    height: 42px;
    object-fit: cover;
    object-position: center;
    transform: translateY(50%);
}
.model-bg .li1>span{
    font-size: 16px;
    vertical-align: text-top;
}
.model-bg .li2{
    height: 175px;
    padding: 30px;
}
.model-bg .li2 .title{
    font-size: 18px;
    font-weight: 600;
}
.model-bg .li2 .no-content{
    font-size: 14px;
    color: #acb4bf;
    text-align: center;
    margin-top: 35px;
}


/*# sourceMappingURL=style.css.map */