﻿
.btn-gold {
    background: rgba(186, 145, 99, 1);
}

/*按钮：金色渐变*/
.btn-linear-gradient {
    background-image: linear-gradient(to top right, rgba(198, 167, 132, 1), rgba(186, 145, 99, 1));
    box-shadow: rgba(186, 145, 99, 0.9) 0px 4px 24px -6px;
}

/*头像：顶部导航*/
.img-photo {
    height: 24px !important;
    width: 24px !important;
    border-radius: 38px !important;
    border: none !important;
}

/*头像：左侧导航*/
.img-left-nav-photo {
    height: 62px !important;
    width: 62px !important;
    border-radius: 62px !important;
    border: none !important;
}

/*图片：课程列表*/
.img-courselist {
    height: 142px !important;
    border: none !important;
}

/*图片：课程详情*/
.img-coursedetails {
    width: 413px !important;
    height: 232px;
    border: none !important;
}

.img-foot-code {
    height: 118px;
    width: 118px;
    border: none;
}

.img-createcourse {
    width: 192px;
    height: 108px;
}

.img-teacherphoto {
    width: 137px !important;
    height: 208px !important;
}

/*iframe:顶部导航*/
.iframe-head {
    border: none;
    width: 100%;
    height: 70px;
    padding: 0px;
    margin: 0px;
}

/*iframe:页尾*/
.iframe-footer {
    border: none;
    width: 100%;
    height: 68px;
    padding: 0px;
    margin: 0px;
}

.progress-courselist {
    height: 16px !important;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #C5A682;
}

.left-nav-active {
    background-color: #C5A682;
}

.left-nav-border-radius {
    border-radius: 4px;
}

.courselist-shadow {
    transition: 0.2s ease-out;
    box-shadow: rgba(0, 0, 0, 1) 0px 0px 6px 0px;
}

    .courselist-shadow:hover {
        box-shadow: rgba(0, 0, 0, 1) 0px 10px 22px 0px;
        /*bottom: 0.2px;*/
    }

.coursecard-height {
    height: 335px !important;
}

.mus-coursecardTwo-height {
    width: 255px !important;
}

.mus-coursecard-height {
    height: 280px !important;
    width: 255px !important;
}

.navbar {
    padding: 0px;
}


.card-deck .card {
    margin-right: 14px;
    margin-left: 14px;
}

.nav-item {
    line-height: 1;
}

.card-body,
.card-footer {
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*标题背景*/
.title-bg {
    background: url(/src/img/courselisttitle.png),linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0),rgba(197,166,130,0.4));
    background-size: 100% 79%;
}


/*左边导航背景*/
.nav-left-bg {
    background: url(/src/img/left-nav-bg.png),linear-gradient(to bottom,rgba(197,166,130,0.4), rgba(0,0,0,0));
    background-size: 100% 100%;
}

.nav-left {
    width: 167px;
}

.content-right {
    width: 920px;
}

.nav-msu-active {
    background-color: #131313;
}

/*弹窗顶部下边框*/
.modal-header {
    border-bottom: 1px solid #666666;
}

/*弹窗底部上边框*/
.modal-footer {
    border-top: 1px solid #666666;
}

.btn-createcourse-edit {
    transition: all 0.3s;
    background-color: rgba(25,25,25,0.2);
    top: 0px;
    opacity: 0;
    z-index: 999
}

.divcourse:hover > .btn-createcourse-edit {
    background-color: rgba(25,25,25,0.5);
    top: 20px;
    opacity: 1;
}


.border-gold {
    border: 1px solid #ba9167;
}

.form-control-black-33 {
    background-color: #333333;
}

    .form-control-black-33:focus {
        background-color: #333333;
        border: 1px solid #ba9167;
        box-shadow: rgba(186,145,103,0.5) 0px 0px 10px 0px;
    }

.div-square-bottom {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    background: linear-gradient(to left top,rgba(186,145,103,0.5),transparent);
}

.div-square-top {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background-image: linear-gradient(to bottom right,rgba(186,145,103,0.5),transparent);
}


/*金色方框*/
.square-gold {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #c6a784;
}

/*笔记列表-笔记样式*/
.notesList-hover {
    transition: all 0.3s;
}

    /*笔记列表-笔记鼠标放上样式*/
    .notesList-hover:hover {
        background: #2a2a2a;
    }

/*笔记列表-笔记下边框*/
.border-b {
    border-bottom: 1px solid #666666;
}

/*学习路线-课程边框*/
.learningPath-shadow {
    box-shadow: rgba(0, 0, 0, 1) 0px 0px 6px 0px;
}

/*学习路线-边框样式*/

.learningPath-border-right {
    border-right: 6px solid #c6a784;
}


/*学习路线-边框样式(竖线)*/

.learningPath-border-right {
    border-right: 6px solid #c6a784;
}

/*课程详情-标题背景*/
.courseDateils-title-bg {
    background: url(/src/img/courselisttitle.png),linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0),rgba(197,166,130,0.4));
    background-size: 100% 98%;
}

/*课程详情-标题（英文字）间距*/
.text-spacing-special-details {
    letter-spacing: 2.4px;
}

/*课程详情-列表（英文字）间距*/
.text-spacing-special-list {
    letter-spacing: 5.5px;
}

/*课程详情-学习按钮高度*/
.courseDateils-btn-h {
    height: 36px;
}

/*课程详情-（课程讲师，课程简介模块宽度）*/
.courseDetails-teacher-w {
    width: 268px;
}

/*课程详情-（课程列表模块宽度）*/
.courseDetails-list-w {
    width: 817px;
}


.div-MSU-CourseDetails {
    width: 640px;
}

.h2-edit {
    transition: all 0.1s;
    opacity: 0;
    right: 0px;
    position: absolute;
}

.card-header:hover > .h2-edit {
    right: 0px;
    opacity: 1;
}

.h2-edit-modal {
    top: -20px;
    opacity: 0;
    position: absolute;
    transition: all 0s;
}

.card-header:hover > .h2-edit-modal {
    top: 0px;
    right: 0px;
    opacity: 1;
}


.h2-edit-modal-class {
    opacity: 0;
    transition: all 0s;
}

.classcardmodal:hover > .h2-edit-modal-class {
    opacity: 1;
}

.span-classlist {
    position: absolute;
    opacity: 0;
    right: 0px;
    transition: all 0s;
}

.nav-coursedetails:hover > a > .span-classlist {
    opacity: 1;
    right: 14px
}
/*播放界面-上一课按钮*/
.lastLesson-btn {
    width: 80px;
    height: 35px;
    display: block;
    line-height: 35px;
    background: linear-gradient(to bottom right, rgb(187,146,102), rgb(199,166,131));
}

    .lastLesson-btn:hover {
        text-decoration: none;
    }

/*播放界面-播放列表样式*/
.courseList-style {
    width: 375px;
    height: 938.55px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*播放界面-按钮列表切换样式*/
.nav-tabs .active {
    background: rgb(197, 167, 131) !important;
}

.nav-link {
    border: none !important;
}

    .nav-link:hover {
        border: none !important;
    }

.nav-tabs {
    border-bottom: 1px solid #c6a784;
}

.btn-list {
    width: 98px;
    height: 42px;
    line-height: 30px;
}

/*播放界面-课时内容（英文字）*/
.text-spacing-one-five {
    letter-spacing: 1.5px;
}

/*播放界面-多行文本框高度*/
.textarea-h {
    height: 400px;
}

.courseDateilsList-title-bg {
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0),rgba(197,166,130,0.4));
}

.filecol > span {
    opacity: 0;
    transition: all 0.1s;
}

.filecol:hover > span {
    opacity: 1;
}

.imgbtnlist_type_list_div {
    width: 100%;
    padding-top: 52%;
    height: 0;
    position: relative;
    float: left;
    margin-bottom: 3%;
    background: rgb(19,19,19);
}

    .imgbtnlist_type_list_div > video {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        float: left;
    }

.bg-233white {
    background-color: rgb(233,236,239);
}


.img-teacher-modal {
    width: 68px;
    height: 104px;
}


.img-video-signin {
    width: 384px;
    height: 216px;
}


.img-video-signin {
    width: 384px;
    height: 216px;
}

.form-control-width-180{
    width:173px !important;
}