@charset "utf-8";
.container-wrap__banner.banner{background:url(../images/banner@2x.png) no-repeat center center;background-size:auto 100%;}
.banner-title {position: relative;z-index: 1;}
.banner-title-img {width: 100%; height:100%;}

.banner-cards {position: relative; z-index: 1; margin: auto;}
.banner-cards.r2 {margin-top:14px;}
.banner-cards__item {display:inline-block; cursor: pointer}
.banner-cards__item:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.banner-cards__item img {width: 100%; height:100%;}
@media (min-width: 768px) {
    .container-wrap__banner.banner{padding-top:18px;padding-bottom:22px;}
    .banner-title { width: 292.5px; height: 22.7px; margin: 32.5px auto;}
    .banner-cards {width: 748px;}
    .banner-cards.r2 .banner-cards__item{height:58.5px;}
    .banner-cards__item {width:240.5px;height:151.4px;}
    .banner-cards__item + .banner-cards__item { margin-left: 13px;}
}
@media (min-width: 992px) {
    .container-wrap__banner.banner{padding-top:24px;padding-bottom:27px;}
    .banner-title {width: 373.5; height:29px;margin: 41.5px auto;}
    .banner-cards {width: 980px;}
    .banner-cards.r2 .banner-cards__item{height:74.7px;}
    .banner-cards__item {width:307.3px;height:193.5px;}
    .banner-cards__item + .banner-cards__item { margin-left: 29px;}
}
@media (min-width: 1200px) {
    .container-wrap__banner.banner{padding-top:30px;padding-bottom:33px;}
    .banner-title { width: 450px; height: 35px; margin: 50px auto;}
    .banner-cards {width: 1180px;}
    .banner-cards.r2 .banner-cards__item{height: 90px;}
    .banner-cards__item {width:370px;height:233px;}
    .banner-cards__item + .banner-cards__item { margin-left: 35px;}
}

.container-wrap__content {margin: 20px auto;}
/* .container-wrap__content.fields_fixed {padding-top: 62px;} */
@media (min-width: 768px) {
    .container-wrap__content {width: 748px;}
}
@media (min-width: 992px) {
    .container-wrap__content {width: 980px;}
}
@media (min-width: 1200px) {
    .container-wrap__content {width: 1180px;}
}

.fields-list {width: 100%;background: #FFFFFF;border-radius: 6px; }
.fields-list .inner {width: 100%;box-sizing: border-box; padding: 17px 0 7px 32px;}
.fields-item {font-size: 14px; color:#525A67;margin-right: 32px; line-height: 28px; cursor:pointer; display: inline-block; margin-bottom: 10px;padding: 0 10px;}
/* .fields-item.active { padding: 0 10px; background:#027CDB; color: #ffffff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } */
.fields-list.fixed { position: fixed; z-index: 2; top: 60px; left:0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.fields-list.fixed .inner { margin: 0 auto;}
@media (min-width: 768px) {
    .fields-list.fixed .inner {width: 748px;}
}
@media (min-width: 992px) {
    .fields-list.fixed .inner {width: 980px;}
}
@media (min-width: 1200px) {
    .fields-list.fixed .inner {width: 1180px;}
}

.course-list { margin: 20px auto; margin-left: -20px;}
.course-list.nomt{margin-top: 0;}
.course-list.nomb{margin-bottom: 0;}
.course-list__item { display: inline-block; background: #ffffff; padding-bottom: 16px; overflow: hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.course-list__item .cover {width: 100%; height: 177px}
.course-list__item .cover img {width: 100%; height: 100%;transition: all .5s ease-in-out;}
.course-list__item .base-info { padding: 10px; border-bottom: 1px solid #F6F8FA;}
.course-list__item .base-info .title { font-size: 16px; color:#212B34;font-weight: bold;line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.course-list__item .base-info .title span { font-weight: normal; height: 23px; line-height: 23px; padding: 3px 5px; color: #ffffff;font-size: 12px; background: #212B34; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.course-list__item .base-info .title span img { width: 10px; height: 13px; margin-right: 4px;}
.course-list__item .base-info .teachers {min-height: 28px;display: flex;align-items: stretch;}
.course-list__item .base-info .teachers .item { line-height: 24px; font-size: 14px; color: #525A67;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block; width:100%;}
.course-list__item .base-info .teachers .item .avatar { position: relative;width: 24px; height: 24px; display: inline-block;margin-right:6px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.course-list__item .base-info .teachers .item .avatar img {width:100%; height:100%;border-radius:50%; vertical-align: top;}
.course-list__item .base-info .teachers .item .avatar::after {content: ""; display: block;background: url(../images/teacher-v.png);background-size:100% 100%; width:10px;height:10px;position:absolute;right:0;bottom:0;}
.course-list__item .base-info .others {color:#87959F;font-size:12px; margin-top:7px;}
.course-list__item .base-info .others .float {float: right;}
.course-list__item .base-info .others .float em {color:#FF5B02;}
.course-list__item .tags-list { font-size: 14px; color:#212B34; height: 88px; overflow: hidden; font-weight: 500;}
.course-list__item .tags-list .label {display: inline-block;}
.course-list__item .tags-list .tag { cursor: pointer; display: inline-block;position:relative; color:#525A67; font-size: 12px; font-weight: normal; background:#F6F8FA; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; 
    max-width: 100%; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;vertical-align:bottom;
}
.course-list__item .tags-list .tag::before { content:''; display:inline-block; background: url(../images/tag-fire.png);background-size:100% 100%; }
.course-list__item:hover {box-shadow: 0 10px 20px rgb(0 0 0 / 10%);}
.course-list__item:hover .cover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
@media (min-width: 768px) {
    .course-list { margin: 20px auto; margin-left: -6.5px;}
    .course-list__item {width: 182px; margin-left: 6.5px; margin-bottom: 10px;}
    .course-list__item .cover {height: 115.05px;}
    .course-list__item .base-info .teachers .item.items-1 {width: 100%;}
    .course-list__item .base-info .teachers .item.items-2 {margin-right: 5px; width: 74.1px;}
    .course-list__item .base-info .teachers .item.items-3 {margin-right: 2px; width: 52px;}
    .course-list__item .tags-list {height: 61px;padding: 0 0 0 10px;}
    .course-list__item .tags-list .label {line-height: 25px; font-size: 12px;}
    .course-list__item .tags-list .tag {padding: 4px 6px 4px 15px;margin: 6px 6px 0 0; }
    .course-list__item .tags-list .tag::before {width:6.5px;height:8px;position:absolute; top:9px; left:6px;}
}
@media (min-width: 992px) {
    .course-list { margin: 20px auto; margin-left: -16.6px;}
    .course-list__item {width: 232.5px; margin-left: 16.6px; margin-bottom: 16.6px;}
    .course-list__item .cover {height: 146.9px;}
    .course-list__item .base-info .teachers .item.items-1 {width: 100%;}
    .course-list__item .base-info .teachers .item.items-2 {margin-right: 10px; width: 94.62px;}
    .course-list__item .base-info .teachers .item.items-3 {margin-right: 7px; width: 63.578px;}
    .course-list__item .tags-list {height: 88px;padding: 6px 0 0 10px;}
    .course-list__item .tags-list .label {line-height: 31px;}
    .course-list__item .tags-list .tag {padding: 7px 10px 7px 24px;margin: 10px 10px 0 0; }
    .course-list__item .tags-list .tag::before {width:10px;height:12px;position:absolute; top:10px; left:10px;}
}
@media (min-width: 1200px) {
    .course-list { margin: 20px auto; margin-left: -20px;}
    .course-list__item {width: 280px; margin-left: 20px; margin-bottom: 20px;}
    .course-list__item .cover {height: 177px;}
    .course-list__item .base-info .teachers .item.items-1 {width: 100%;}
    .course-list__item .base-info .teachers .item.items-2 {margin-right: 16px; width: 114px;}
    .course-list__item .base-info .teachers .item.items-3 {margin-right: 10px; width: 76.6px;}
}

/* 专业课icon调整 */
.course-list__item .base-info .title a {height:24px;padding: 0;background: unset;display: inline-block;vertical-align:text-bottom;}
.course-list__item .base-info .title a img {width:70px;height:24px;}
.course-list__item .base-info .title .icon{width:60px;height:24px;}
@media (min-width:768px){
    .container-wrap{min-height:calc(100vh - 180px);}
    .course-list__item .base-info .title .icon{width:50px;height:20px;}
}
@media (min-width:992px){
    .container-wrap{min-height:calc(100vh - 180px);}
    .course-list__item .base-info .title .icon{width:55px;height:22px;}
}
@media (min-width:1200px){
    .container-wrap{min-height:910px;}
    .course-list__item .base-info .title .icon{width:60px;height:24px;}
}

/* 课程列表调整 */
.fields-list.v220217 .inner{padding-left:42px;padding-bottom:0;}
.fields-list.v220217 .fields-item {position:relative;margin-bottom:17px;font-size:18px;}
.fields-list.v220217 .fields-item.new{margin-right:56px;}
.fields-list.v220217 .fields-item.new:after{position:absolute;top:6px;left:100%;width:31px;height:15px;margin-left:-7px;background:url('../images/news@2x.png') no-repeat center;background-size: 100% 100%;content:'';}
.fields-list.v220217 .fields-item.active{color: #357CD4;font-weight: 500;}
.fields-list.v220217 .fields-item.active:before{position: absolute;left:50%;bottom:-2px;width:30px;height:3px;margin-left:-15px;background-color:#027CDB;content:'';border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;}
.fields-list.v220217 .fields-item.hot:after{position:absolute;top:-15px;left:7px;width:36px;height:20px;background:url('../images/hot-s.png') no-repeat center;background-size: 100% 100%;content:'';}

/* 网校首页改版 LQB-5586 on 22.11.25 */
.topic-list-wrap.school{position:relative;margin-bottom:20px;}
.topic-list-wrap.school .topic-list{overflow:hidden;}
.topic-list-wrap.school .topic-list-page{position:absolute;bottom:18px;z-index:1;width:24px;height:24px;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;}
.topic-list-wrap.school .topic-list-page .iconfont{font-size:16px;font-weight:bold;line-height:1;color:#b1b5b9;}
.topic-list-wrap.school .topic-list-page.prev{left:-34px;}
.topic-list-wrap.school .topic-list-page.next{right:-34px;}
.topic-list-wrap.school .topic-list-page:hover .iconfont{color:#0097e6;}
.topic-list-wrap.school .topic-list-page.swiper-button-disabled{cursor:default;}
.topic-list-wrap.school .topic-list-page.swiper-button-disabled .iconfont,
.topic-list-wrap.school .topic-list-page.swiper-button-disabled:hover .iconfont{color:#e3e9ef;}
.topic-list-wrap.school .topic-list-item{width:280px;height:70px;}
.topic-list-wrap.school .topic-link{display:block;overflow:hidden;}
.topic-list-wrap.school .topic-link img{width:100%;height:auto;-webkit-transition:all .3s ease;transition:all .3s ease;}
.topic-list-wrap.school .topic-link:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);filter:brightness(0.92);}
/* list */
.course-list.v2211{display:flex;flex-wrap:wrap;}
.course-list.v2211 .no-data-box{width:100%;}
.course-list__item.banner{padding-bottom:0;}
.course-list__item.banner .banner-img{position:relative;display:block;width:100%;height:100%;}
.course-list__item.banner .banner-img img{position:absolute;top:0;left:50%;width:280px;height:388px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.course-list__item.banner:hover .banner-img img{filter:brightness(.92);}
@media (min-width:768px){.course-list__item.banner .banner-img img{width:217px;height:301px;-webkit-border-radius:4px;border-radius:4px;}}
@media (min-width:992px){.course-list__item.banner .banner-img img{width:260px;height:360px;-webkit-border-radius:5px;border-radius:5px;}}
@media (min-width:1200px){.course-list__item.banner .banner-img img{width:280px;height:388px;-webkit-border-radius:6px;border-radius:6px;}}

[v-cloak] { display: none}