.course-page .course-head{height: auto; background: url('../../images/index/sjcklist.png') no-repeat left top; background-size: 100% 100%;font-family: SourceHanSansCN-Medium;padding-bottom: 40px}
.course-page .info {width: 100%;height: auto;}
.course-page .info .course-logo {position: relative; width: 412px; height: 227px;text-align: center;}
.course-page .info .course-logo .bg {position: absolute;bottom: -25px; left: 0;width: 100%; height: 35px; background: url('../../images/kcase/bg.png') no-repeat center center; background-size: 100% 100%;}
.course-page .info .course-logo a,.course-page .info .course-logo img {max-width: 100%; height: 100%;}
.course-page .info .course-info {width: calc(100% - 417px); min-height: 225px;}
.course-page .info .course-info .box {width: 100%; height: 100%; padding-left: 35px;margin-top: -10px}
.course-page .course-toolbar {height: 40px; width: 100%; line-height: 40px;}

.course-page .course-toolbar .icon {width: 23px; height: 23px;background-size: 100% 100%;vertical-align: middle;}
.course-page .course-toolbar .viewicon {background: url('../../images/kcase/icon9.png') no-repeat center center;}
.course-page .course-toolbar .fxicon {background: url('../../images/kcase/icon12.png') no-repeat center center;}
.course-page .course-toolbar .scicon {background: url('../../images/kcase/icon50.png') no-repeat center center; cursor: pointer;}
.course-page .course-toolbar .ysc .scicon {background: url('../../images/kcase/icon51.png') no-repeat center center; }
.course-page .course-toolbar .dzicon {background: url('../../images/kcase/icon45.png') no-repeat center center; cursor: pointer;}
.course-page .course-toolbar .ydz .dzicon {background: url('../../images/kcase/icon10.png') no-repeat center center;}
.course-page .course-toolbar .text {color: #fff;font-size: 14px;display: inline-block;vertical-align: middle;}
.course-page .course-toolbar .toolbar-item {margin-left: 25px;}
.course-page .course-title {font-size: 30px; color: #fff; }
.course-page .scroll {width: 100%; height: 23px;margin-top: 20px;}
.course-page .scroll .star {display: inline-block; width: 23px; height: 23px; background: url('../../images/index/icon13.png') no-repeat center center;}
.course-page .scroll .star-ban {display: inline-block; width: 23px; height: 23px;background: url('../../images/index/icon14.png') no-repeat center center;}
.course-page .scroll .star-no {display: inline-block; width: 23px; height: 23px;background: url('../../images/index/icon43.png') no-repeat center center;}
.course-page .scroll-text {font-size: 18px; color: #ffe26c;margin-left: 17px; vertical-align: top;}
.course-page .course-info-box {width: calc(100% + 40px); margin-left: -20px;font-size: 16px; color: #fff;margin-top:20px;}
.course-page .course-info-box .item {margin-bottom: 15px; padding-left: 20px; padding-right: 20px;}
.course-page .btn-line {width: 100%; height: 45px;line-height: 45px;margin-top: 10px;}
.course-page .gkkc {width: 168px;height: 100%; text-align: center; border-radius: 4px; background-color: #ff7b2b;color: #fff; font-size: 20px;}

.course-page .course-content {margin-top: 50px; width: calc(100% + 20px); margin-left: -10px; border-radius: 4px; box-shadow: 0px 0px 18px 0px rgba(143, 143, 143, 0.21);}
.course-page .course-content .top {position: relative; padding: 0; background-color: #fff;}
.course-page .tabname {padding: 10px 20px 0;}
.course-page .right-icon { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer; width: 6px; height: 11px; background: url('../../images/index/right.png') no-repeat left center;}
.course-page .left-icon { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); cursor: pointer; width: 10px; height: 100%; background: #fff url('../../images/index/left.png') no-repeat left center;}
.course-page .course-content .active {font-weight: bold;}
.course-page .course-content .scroll-y {white-space: nowrap; user-select: none;padding-right: 150px;}
.course-page .course-content .scroll-y .items {position: relative; width: auto; margin-right: 35px; cursor: pointer;}
.course-page .course-content .scroll-y .items .lines {display:none; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 35px; height: 3px; border-radius: 2px; background-color: #2d9fff;}
.course-page .course-content .active .lines{display: block !important;}
.course-page .course-content .scroll-y .items:hover .lines {display: block !important;}

.course-page .course-main { padding: 0; box-shadow: 0px 0px 18px 0px rgba(143, 143, 143, 0.21);height: auto;}
.course-page .course-list .item{}
.course-page .course-list .box {width: 100%; height: 45px; line-height: 45px;font-size: 16px; color: #333; opacity: 1;}
.course-page .course-list .index {width: 18px; height: 92%;padding-top: 5px; background: url('../../images/kcase/icon15.png') no-repeat center center; margin-right: 5px;}
.course-page .course-list .title {color: #333; font-size: 16px; font-weight: bold; background-color:  #f1f1f1;padding: 0 20px;}
.course-page .course-list .course-box-title {background-color: #f9f9f8;padding: 0 20px;}
/* .course-page .course-list .course-item {padding: 0 20px;} */
.course-page .course-list .course-big-box {padding: 0 10px}
.course-page .course-list .course-info-right {padding: 0 10px;height: auto;}
.course-page .course-list .active {background: rgba(255,119,45,.1) url('../../images/kcase/icon15.png') no-repeat 20px 55%; background-size: 18px 16px; font-weight: 400;}
.course-page .course-list .active .index {display: none}
.course-page .course-list .active .texts a{color: #c70306;}
.course-page .course-list .course-fouces {padding: 0 20px;cursor: pointer;}
.course-page .course-list .course-fouces .texts {width: calc(100% - 40px);padding-left: 25px;}
.course-page .course-list .course-fouces .texts a {width: 100%;}
.course-page .course-list .course-fouces .times, .course-page .course-list .course-fouces .days,.course-page .course-list .course-fouces .btn  {display: none}
.course-page .course-list .course-fouces .btn a {display: inline-block; width: 100%; height: 100%; color: #fff;}
.course-page .course-list .course-fouces .btn a:hover {color: #fff !important;}
.course-page .course-list .active .texts {width: calc(100% - 357px); margin-left: 40px; color: #c70306; }
.course-page .course-list .active .times,.course-page .course-list .active .days {display: inline-block; vertical-align: top; font-size: 14px; color: #969aa7; width: 80px; margin-right: 35px;}
.course-page .course-list .active .btn { display: inline-block; vertical-align: top;margin-top: 8px; width: 72px; height: 28px; line-height: 15px; border-radius: 4px; background-color: #c70306; color: #fff;}

.course-page .info-top {width: 100%; background: url('../../images/index/icon8.png') no-repeat left top; background-size: 100% 100%; border-radius: 4px; padding: 25px 50px 45px;box-shadow: 0px 0px 18px 0px rgba(143, 143, 143, 0.21);}
.course-page .info-top .logo {width: 95px; height: 95px; border-radius: 50%;margin: auto;}
.course-page .info-top .logo a,.course-page .info-top .logo img {width: 100%; height: 100%;}
.course-page .info-top .school-name {width: 100%;font-size: 24px; color: #333; margin: auto; text-align: center;margin-top: 20px}
.course-page .info-top .num-box {margin: 50px auto 0;text-align: center;}
.course-page .info-top .num-box .fs { font-size: 18px; color: #333; margin-right: 50px;text-align: center;}
.course-page .info-top .num-box .line { width: 1px; height: 36px; background-color: #cdcdcd;  vertical-align: top;}
.course-page .info-top .num-box .wz { font-size: 18px; color: #333; margin-left: 50px;text-align: center;}
.course-page .info-top .gz {width: 100px; height: 40px; line-height: 40px; color: #fff; border-radius: 4px;text-align: center;background-color: #2d9fff;margin: auto;margin-top: 40px;}
.course-page .sztd {padding: 20px; margin-top: 20px; background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 18px 0px rgba(143, 143, 143, 0.21);}
.course-page .sztd .title {font-size: 20px; color: #333; font-weight: bold;}
.course-page .sztj-list .item { margin-top: 20px;}
.course-page .sztj-list .item .avatr {width: 66px; height: 66px; border-radius: 50%;border: solid 2px #f4f4f4;}
.course-page .sztj-list .item .avatr img,.sztj-list .item .avatr a {width: 100%;height: 100%;}
.course-page .sztj-list .item .name-box {width: calc(100% - 75px); padding-left: 20px;vertical-align: top; margin-top: 5px}
.course-page .sztj-list .item .name-box .name {font-size: 18px; color: #333; margin-bottom: 5px}
.course-page .sztj-list .item .name-box .school {font-size: 14px; color: #999;}

.course-page .swiper-slide { width: auto !important;}

.course-page .course-main .kcjs { width: 100%; padding: 20px 30px; font-size: 16px; color: #333;}
/* .introtext{padding:20px 30px} */
.course-page .course-main table{border-collapse: collapse;max-width:100%}
.course-page .course-main table th{background: #f5f2f0;}
.course-page .course-main table td, .course-page .course-main table th{padding:3px 5px;line-height: 1.5;min-width: 30px;word-break: break-all;}
.course-page .course-main table:not(.borderHidden) tbody{border-left:1px solid #ccc;border-top:1px solid #ccc;}
.course-page .course-main table:not(.borderHidden) td,.course-page .course-main table:not(.borderHidden) th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.course-page .course-main .hidden-first-row td, .course-page .course-main .hidden-first-row th{border:0}
.course-page .sjszblock .cover-box {height: 230px;}
.course-page .sjsz {padding: 20px 20px 0 20px}
.course-page .sjszblock .fg {padding: 10px}
.course-page .sjszblock .fg .title {font-size: 18px;}
.course-page .sjszblock .fg .school {font-size: 13px;}
.course-page .sjszblock .fg {height: 75px;}
.course-page .sjjd {padding: 20px 20px 0 20px;}
.course-page .pagebox {padding: 20px 0 40px;}
.course-page .sjal {padding: 20px 20px 0 20px;}
.course-page .kcml {margin-top: 20px;}
.course-page .course-list {padding-bottom: 80px;}
/* 教学大纲 */
.course-page .jxdg,.course-page .jxkj,.course-page .ja,.course-page .jxjdb,.course-page .jxsj,.course-page .jxjdb,.course-page .jxalkj,.course-page .jxsksp {width: 100%; padding: 10px 30px 30px;box-shadow: 0px 0px 18px 0px rgba(143, 143, 143, 0.21); border-radius: 4px;}
.course-page .jxdg-item {padding: 20px 0;border-bottom: solid 1px #e3e3e3;}
.course-page .jxdg-item:last-child {border-bottom: 1px solid transparent;}
.course-page .jxdg-item .left-img {width: 138px; height: 75px; border-radius: 4px;}
.course-page .jxdg-item .left-img a,.jxdg-item .left-img img {width: 100%; height: 100%;}
.course-page .jxdg-item .right-text {width: calc(100% - 138px); padding-left: 30px;}
.course-page .jxdg-item .right-text .name {font-size: 18px;margin-bottom: 20px;margin-top: 5px;}
.course-page .jxdg-item .right-text .name a {color: #333; width: 100%;}
.course-page .jxdg-item .right-text .time {margin-right: 40px;}
.course-page .fxboxs {position: relative;}
.course-page .fxboxs .kc-fx {position: absolute; top: 30px; z-index:10; left: -10px; width: 80px;min-height: 100px;}
.course-page .share-box {left: 5px;top:20px;padding: 0;}
.course-page .bshare-custom a {padding-top: 0;}
.course-page  #qrcode_c {padding: 11px}
/* 讲师风采 */
.jsfc-page .jsfc-bg-box {background: url('../../images/index/sjcklist.png') no-repeat left top; background-size: 100% 465px;}
.jsfc-page .jsfc-bg-box .list-title {width: 100%; height: 310px; background: url('../../images/sjjd/jsfc.png') no-repeat center center; background-size: 400px;}
.jsfc-page .jsfc-content {margin-top: 10px;}


/* 讲师主页 */
.js-index-page .js-bg-box {background: url('../../images/index/sjcklist.png') no-repeat left top; background-size: 100% 465px;}
.js-index-page .info-boxs {width: 100%; padding: 30px; background-color: #fff; border-radius: 4px; box-shadow: 0px 2px 18px 0px rgba(0, 61, 124, 0.22);}
.js-index-page .left-box {width: 230px; height: 230px; border-radius: 50%;}
.js-index-page .left-box img,.js-index-page .left-box  a {width: 100%; height: 100%;}
.js-index-page .right-text {width: calc(100% - 230px); padding-left: 35px;}
.js-index-page .right-text .name { font-size: 30px; color: #333; font-weight: bold; margin-bottom: 10px;margin-top: 15px}
.js-index-page .right-text .tool {font-size: 14px;margin-bottom: 15px}
.js-index-page .school-names a {color: #2d9fff;}
.js-index-page .mr30 {margin-right: 30px;}
.js-index-page .summary {font-size: 16px; color: #333; line-height: 24px;}
.teacher-content .sjkcbox {margin-top: 20px;}













































@media (max-width: 1300px) {
  .course-page .course-info-right  {width: 100%;}
  .course-page .info-top {background: #2da0ff15 url();margin-top: 20px}
}
@media (max-width: 1200px) {
  .course-page .course-big-box {width: 100%;}
  .course-page #school-infos {margin-top: 20px;}
}
@media (max-width: 1080px) {
  .course-page .info .course-logo {width: 100%;}
  .course-page .course-title,.course-page .course-info-box {color: #333;}
  .scroll {display: none}
  .course-page .leftmenu div {display: inline-block;padding: 0 20px}
  .course-page .tabboxs {width: 100%;white-space: nowrap;overflow-y: scroll;}
  .course-page .tabboxs::-webkit-scrollbar {display: none;width: 0;}
  .course-page .leftmenu {background-color: transparent; box-shadow: 0 0 0 0 transparent;text-align: left;}
  .course-page .leftmenu {padding: 0}
  .course-page .info .course-info {width: 100%;margin-top: 20px;}
  .course-page .info .course-info .box {padding-left: 0;}
  .course-page .course-head{padding-bottom: 20px;}
  .course-page .scroll {margin-top: 15px;}
  .course-page .course-info-box {margin-top: 15px;}
  .course-page .btn-line {margin-top: 5px;}
  .course-page .info .course-info {height: auto;}
  .course-page .info .course-info .box {margin-top: 0;}
  .course-page .info .course-logo .bg {display: none;}
  .course-page .fxboxs {display: none}

}
@media (max-width: 800px) {
  .course-page .course-content {box-shadow: 0px 0px 0px 0px transparent;}
  .js-index-page .left-box {display: none;}
  .js-index-page .right-text {width: 100%; padding-left: 0;}
  .js-index-page .info-boxs {padding: 20px}
  .js-index-page .right-text .name {margin-top: 0; font-size: 24px;}
}
@media (max-width: 700px) {
  .course-page .course-title {font-size: 22px;}
  .course-page .gkkc {font-size: 20px;}
  .course-page .course-list .active .times, .course-page .course-list .active .days {display: none; width: auto;margin-right: 20px;}
  .course-page .course-list .active .texts {width: calc(100% - 117px);}
  .course-page .info-top .school-name {margin-top: 15px;font-size: 18px;}
  .course-page .info-top .num-box {margin-top: 15px;}
  .course-page .info-top .num-box .fs{font-size: 16px;margin-right: 30px;}
  .course-page .info-top .num-box .wz{font-size: 16px;margin-left: 30px;}
  .course-page .info-top .gz {margin-top: 15px;}
  .course-page .info-top {padding: 15px;}
  .course-page .sztd {padding: 15px;}
  .course-page .sztd .title {font-size: 18px;}
  .course-page .sztj-list .item {margin-top: 15px;}
  .course-page .course-list .title,.course-page .course-list .course-box-title,.course-page .course-list .course-fouces{padding: 0 15px;}
  /* .course-page .course-content .top {padding-left: 15px;} */
  .course-page .course-content {border-radius: 0; box-shadow: 0px 0px 0px 0px;}
  .js-index-page .js-bg-box {background-size: 100% 350px;}

}
@media (max-width: 580px) {
  .jsfc-page .jsfc-bg-box .list-title {height: 135px; background-size: 70%;}
  .course-page .info {margin-top:20px;}
}
@media (max-width: 400px) {
  .course-page .jxdg-item .left-img {width: 100%;height: 135px;}
  .course-page .jxdg-item .right-text {width: 100%;margin-top: 20px}
  .course-page .jxdg-item .right-text .name {font-size: 16px;margin-bottom: 5px;}
  .course-page .jxdg-item .right-text {padding-left: 0;}
  .course-page .sjszblock .cover-box {height: 350px;}
  /* .course-page .course-list .active .btn {width: auto;background-color: transparent; color: #2d9fff;} */
}
@media (max-width: 360px) {
  .course-page .course-toolbar {display: none}
}