@charset "utf-8";

body {
    background: #fff;
}

button, input, textarea {
    font-family: "微软雅黑";
}

/* ==================== 智慧录播-详情页 头部 ==================== */
.detail_header {
    background: #0278B5 url(../../static/images/detailbg0.jpg) no-repeat;
    color: #FFFFFF;
    height: auto;
    overflow: hidden;
}

.detail_logo {
    width: 112px;
    height: auto;
}

.detail_logo > a {
    display: block;
    width: 112px;
    height: 38px;
    margin: 5px 0 0 40px;
}

.detail_header .detailHeader_h5 {
    height: 50px;
    line-height: 50px;
    width: 60%;
    text-align: center;
    margin-left: 10%;
}

#video_p {
    position: relative;
    overflow: hidden;
}

/* ==================== 智慧录播-详情页 主体 ==================== */
.detail_article {
    height: auto;
    overflow: hidden;
    margin-right: 280px;
    border-right: 3px solid #0278B5;
}

.DArticle_bigimg {
    height: auto;
    position: relative;
    overflow: hidden;
}

/* 智慧录播-详情页 ppt */
.DABigimg_parent {
    height: 100%;
    background: black;
    opacity: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

video::-webkit-media-text-track-display {
    margin-top: -0.5em;
}

video::cue {
    background: none;
    position: 50%;
    color: #fff;
    line-height: 1.2em;
    text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;
}

#nav_ppt {
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    background: #f2f2f2;
    border-top: 3px solid #0278B5;
}

/* 智慧录播-详情页 video 及 翻页按钮 */
.DArticleBigimg_video {
    background: #ccc;
    height: 560px;
}

.DArticle_smallimg {
    overflow: hidden;
    position: relative;
}

/* 翻页按钮公共样式 */
.DASmallimg_prev, .DASmallimg_next, .DABigimg_prev, .DABigimg_next {
    position: absolute;
    text-align: center;
    color: #fff;
    background: #0278B5;
    border: 0px solid #ccc;
    cursor: pointer;
    top: 50%;
    margin-top: -40px;
    z-index: 99;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.DABigimg_prev, .DASmallimg_prev {
    left: 0;
    border-left: none;
    border-radius: 0 10px 10px 0;
}

.DABigimg_next, .DASmallimg_next {
    right: 0;
    border-radius: 10px 0 0 10px;
}

.DABigimg_prev:hover, .DABigimg_next:hover, .DASmallimg_prev:hover, .DASmallimg_next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.DABigimg_prev, .DABigimg_next {
    width: 35px;
    height: 80px;
    line-height: 80px;
    display: none;
}

.DABigimg_prev .smartIconFont, .DABigimg_next .smartIconFont {
    font-size: 30px;
    font-weight: bold;
}

.DASmallimg_prev, .DASmallimg_next {
    width: 30px;
    height: 50px;
    line-height: 50px;
    display: none;
}

.DASmallimg_prev .smartIconFont, .DASmallimg_next .smartIconFont {
    font-size: 26px;
}

.nonebtn {
    display: none;
}

/* 小图列表 */
.DASmallimg_ul {
    white-space: nowrap;
    display: flex;
}

.DASmallimg_ul li {
    overflow: hidden;
    display: flex;
    flex: 0 0 auto;
    border: 2px solid #ccc;
    margin-right: 15px;
    background: #f2f2f2;
    height: 135px;
    border-radius: 10px;
    position: relative;
}

.DASmallimg_ul li img {
    height: 100%;
}

.DASmallimg_ul li:last-child {
    margin-right: 0px;
}

.DASmallimg_ul li .DASU_li_rameTime {
    height: 35px;
    line-height: 35px;
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    font-size: 20px;
    text-align: right;
}

.DASmallimg_ul li .DASU_li_num {
    line-height: 35px;
    color: black;
    background: white;
    opacity: 0.6;
    padding: 0 8px;
    border-radius: 8px;
}

.mr2 {
    margin-right: 0;
}

.DASmallimg_ul li.hover {
    border: 2px solid #0278b5;
}

.DASmallimg_ul li.hover .DASU_li_num {
    background-color: #bf0001;
    color: white;
}

/* ==================== 智慧录播-详情页 侧边栏 ==================== */
.detail_aside {
    width: 285px;
    height: 100vh;
    max-height: calc(100vh - 50px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 类型 及 切换按钮 */
.DAside_type {
    padding: 10px 0;
    color: #BF0001;
    border-bottom: 1px solid #0294D5;
    overflow: hidden;
    flex-shrink: 0;
}

.DAside_type span, .DAsideVideo_type span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    text-indent: 40px;
    background-size: contain;
    margin-left: 20px;
}

.DAside_type span {
    background: url(../images/detail/detailbg2.jpg) no-repeat center left;
}

.picbox {
    overflow: hidden;
}

#SewisePlayer0 {
    width: 100%;
}

.logo {
    display: none;
}

.DAsideVideo_type {
    height: 48px;
    border-bottom: 1px solid #0294D5;
    flex-shrink: 0;
}

.DAsideVideo_type span {
    background: url(../images/images/ppt.png) no-repeat center left;
}

.DAType_btn {
    display: flex;
    margin-right: 20px;
    border: 1px solid #0278b5;
    width: 70px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    background: #0278b5;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.DAType_btn:hover {
    background: #fff;
    color: #0278b5;
}

/* 详情页 ppt - 视频 */
.DAside_video {
    position: relative;
    display: flex;
    padding: 0px 0px 10px 0px;
    align-content: center;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    /*max-height: 200px;
    min-height: 150px;*/
    height: 160px;
    flex-shrink: 0;
}

.DAsideV_video {
    width: 90%;
    height: auto;
    margin: 20px 15px;
}

.DAsideV_video > img {
    width: 100%;
}

/* tab 切换 */
.DASide_curriculum {
    overflow: hidden;
    margin: 8px 15px;
}

.DACurriculum_ul {
    overflow: hidden;
    padding-left: 0px;
    list-style: none;
    border-bottom: 1px solid #0278B5;
    margin: 0px;
}

.DACurriculum_ul li {
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    cursor: pointer;
    font-size: 16px;
    color: #666;
}

.DACurriculum_ul li.hover {
    background: #0278B5;
    color: #fff;
}

/* tab 切换的内容 */
.DACurriculum_con {
    overflow: hidden;
    line-height: 32px;
}

.DACurriculum_con dd {
    display: none;
    overflow: hidden;
    margin-left: 0px;
    list-style: none;
}

.DACurriculum_con dd:first-child {
    display: block;
}

.langSwitcher {
    height: 28px;
    color: #666666;
    text-align: left;
}

.DACCon_subTitle {
    font-size: 14px;
}

.DACCon_subTitle p {
    text-align: center;
    color: #666666;
}

.DACCon_subTitle p.hover {
    color: #2C9EDB;
    font-size: 16px;
}

.DACurriculum_con dd:last-child .Curriculum_ID {
    line-height: 28px;
}

.CurrID_text {
    width: 30%;
}

/* 按钮公共样式 */
.Curriculum_btn1, .Curriculum_btn2, .DACCInfor_btn, .DACCUploading_btn {
    color: #666;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
}

.Curriculum_btn1, .Curriculum_btn2, .DACCInfor_btn {
    width: 48px;
}

.DACCUploading_btn {
    width: 78px;
}

.Curriculum_btn1:hover, .Curriculum_btn2:hover, .DACCInfor_btn:hover, .DACCUploading_btn:hover {
    background: #0278B5;
    color: #FFFFFF;
    border: 1px solid #0278B5;
}

.DACCInfor_txtarea {
    width: 90%;
    height: 150px;
    margin: 0 5%;
}

.DACCInfor_btn {
    margin: 15px 20px 0 0;
}

.DACurriculum_con dd:last-child .DACCon_uploading {
    line-height: 28px;
}

/* ==================== 新增css (WisTeacon) ==================== */
.WisTeacon {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    flex: 1;
    min-height: 0;
}

.WisTeacon .classdetails {
    width: 100%;
    border-bottom: 3px solid #020410;
    overflow: hidden;
}

.WisTeacon .classdetails > div {
    width: 40%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #BF0001;
    font-size: 26px;
    float: left;
    cursor: pointer;
}

.tab {
    width: 100%;
    height: auto;
    position: relative;
}

.WisTeacon .tab {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tab .ul {
    border-bottom: 2px solid #0278B5;
    overflow: hidden;
}

.WisTeacon .ul {
    flex-shrink: 0;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.tab .ul .li, .tab .ul li {
    height: 42px;
    line-height: 42px;
    float: left;
    list-style: none;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    width: 33.3333%;
}

.tab .ul li:first-child {
    border-radius: 0 5px 0 0;
}

.tab .ul li:nth-child(2) {
    border-radius: 5px 5px 0 0;
}

.tab .ul li:last-child {
    border-radius: 5px 0 0 0;
}

.BF0001 {
    color: #fff;
    font-size: 26px;
    background: #0278b5;
}

.tab .con {
    width: 100%;
    padding: 0px 5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.WisTeacon .con {
    height: 100%;
    overflow: hidden;
}

.WisTeacon .dlpage {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.WisTeacon .dlpage dd {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.con .text {
    width: 236px;
    padding: 8px;
    outline: none;
    border: 2px solid #D5D5D5;
    height: 125px;
    border-radius: 5px;
    font-size: 16px;
    color: #0278b5;
    resize: none;
    margin-left: -2px;
    flex-shrink: 0;
}

.con .save1, .con .save2 {
    display: flex;
    border: 1px solid #0278b5;
    width: 90px;
    height: 30px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    background: #0278b5;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.con .save1:hover, .con .save2:hover {
    background: #fff;
    color: #0278b5;
}

.alltext, .dlpage_con {
    width: 100%;
    margin-bottom: 10px;
    height: auto !important;
    overflow-y: auto !important;
    min-height: 100px;
    flex: 1;
}

.alltext ul {
    overflow: visible;
    height: auto !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alltext ul li {
    border-bottom: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.alltext h3 {
    font-size: 16px;
    color: #0278b5;
    float: left;
    height: 30px;
    line-height: 30px;
}

.alltext span {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
}

.alltext .showmore a {
    font-size: 16px;
    color: #0278b5;
    padding: 5px;
}

.alltext a:hover {
    color: #BF0001;
}

.textareacon {
    color: #666666;
    font-size: 16px;
    float: left;
    min-height: 30px;
    line-height: 30px;
    width: 100%;
    letter-spacing: 1px;
}

.alltext .show {
    width: 100%;
    margin: 0 auto;
    height: 30px;
}

.alltext .showMorehandle {
    color: #000;
    font-size: 18px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.showMorehandle a {
    color: #c00000;
}

.alltext .showMorehandle:hover {
    color: #BF0001;
}

.buttonalign {
    width: 100%;
    height: 40px;
    padding: 8px;
}

.save2 {
    margin: 0 auto;
}

/* ==================== 自定义滚动条样式 ==================== */
::-webkit-scrollbar, ::-ms-scrollbar, ::-o-scrollbar, ::-moz-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment,
::-ms-scrollbar-button:start:decrement,
::-ms-scrollbar-button:end:increment,
::-o-scrollbar-button:start:decrement,
::-o-scrollbar-button:end:increment {
    display: block;
}

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement,
::-ms-scrollbar-button:vertical:start:increment,
::-ms-scrollbar-button:vertical:end:decrement,
::-o-scrollbar-button:vertical:start:increment,
::-o-scrollbar-button:vertical:end:decrement {
    display: none;
}

::-webkit-scrollbar-button:end:increment,
::-ms-scrollbar-button:end:increment,
::-o-scrollbar-button:end:increment,
::-moz-scrollbar-button:end:increment {
    background: url(../images/scroll2.png) no-repeat top center;
}

::-webkit-scrollbar-button:start:decrement,
::-ms-scrollbar-button:start:decrement,
::-o-scrollbar-button:start:decrement,
::-moz-scrollbar-button:start:decrement {
    background: url(../images/scroll1.png) no-repeat bottom center;
}

::-webkit-scrollbar-track-piece:vertical:start,
::-ms-scrollbar-track-piece:vertical:start,
::-o-scrollbar-track-piece:vertical:start,
::-moz-scrollbar-track-piece:vertical:start,
::-webkit-scrollbar-track-piece:vertical:end,
::-ms-scrollbar-track-piece:vertical:end,
::-o-scrollbar-track-piece:vertical:end,
::-moz-scrollbar-track-piece:vertical:end {
    background: #fff;
}

::-webkit-scrollbar-thumb:vertical,
::-ms-scrollbar-thumb:vertical,
::-o-scrollbar-thumb:vertical,
::-moz-scrollbar-thumb:vertical {
    height: 100px;
    background: #cdcccc;
    border-radius: 5px;
}

/* ==================== 其他杂项 ==================== */
.cancel, .confirm {
    display: none;
}

.inputtext {
    border: 1px solid #0278b5;
    color: #666666;
    font-size: 16px;
    width: 100%;
    height: 130px;
    line-height: 30px;
}

.dlpage dd:first-child .dlpage_con div {
    line-height: 40px;
    font-size: 16px;
}

/* ==================== 20210914添加消息 ==================== */
.lky-message {
    overflow-y: auto;
    height: 500px;
    padding: 20px 10px;
}

.stu-user {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.stu-user .user {
    flex: 1;
}

.stu-user .user-left {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f0f0f0;
    margin-right: 10px;
    overflow: hidden;
}

.stu-user .user-left > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.stu-user .user-right p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stu-user .user-right p.name {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    max-width: 210px;
    margin-top: 5px;
}

.stu-user .user-right .stu-name {
    overflow: hidden;
}

.stu-user .user-right .stu-name p:first-child {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    float: left;
    max-width: 145px;
}

.stu-user .user-right .stu-name p:nth-child(2) {
    color: #999;
    font-size: 12px;
    float: right;
}

.stu-user .time {
    text-align: right;
    min-width: 110px;
    color: #999;
    font-size: 12px;
}

.lky-messagecon .message-con {
    color: #333;
    font-size: 12px;
    line-height: 26px;
    margin: 5px 0 20px 45px;
}