/**列表**/
.search-header {padding-bottom: 20px; }
.search-header .inner {align-items: center; display: flex; justify-content: space-around}
.search-header .back .iconfont {font-size: 1.5rem;}
.search-header .search-form {width: 70%; }
.search-header .search-form .form-inline {display: flex; width: 100%;}
.search-header .search-form .form-inline .form-group {flex: 1; width: 100%; margin-bottom: 0px; margin-right: 10px;}
.search-header .search-form .form-inline .form-group .form-control {width: 100%; height: 50px;}
.search-header .search-form .form-inline .btn-ac {margin: 0px; padding: 0px 15px; border: none; border-radius: 4px; width: 100px;}


.course-list {margin-top: 20px; padding: 20px 0; padding-bottom: 0px; margin-bottom: 20px; font-size: .8rem;}
.course-list .row {display: flex; align-items:baseline; flex-wrap: wrap;}
.course-list .thumbnail-1 {display: block; margin-bottom: 30px;line-height: 1.42857143;}
.course-list a.thumbnail-1:hover {-webkit-box-shadow: 0 6px 12px 0 rgba(211,211,211,0.91) ;box-shadow: 0 6px 12px 0 rgba(211,211,211,0.91) ;}
.course-list .thumbnail-1 .bg-img {width: 100%; height: 200px; background-size: cover; background-position: center center; overflow: hidden;}
.img-responsive,
.thumbnail-1 img,
.thumbnail-1 a img,
.carousel-inner .item img,
.carousel-inner .item a img {
	display: block;
	max-width: 100%;
    width: 100%;
	height: auto
}
.course-list .course-list-title{ text-align: center; margin: 0 0 20px;}


.course-list .caption {padding: .5rem; text-align: left;}
.course-list .caption h3 {font-size: .9rem; font-weight: bold;}
.course-list .caption h3,.course-list .caption h4 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow: ellipsis;/* IE/Safari */-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;/* Opera */-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/}
.course-list .caption h4 {font-size: .7rem; font-weight: 600; min-height: 20px; color: rgb(107, 114, 128);}
.course-list .caption .description {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;/*! autoprefixer: off */-webkit-box-orient: vertical; min-height: 45px;color: rgb(107, 114, 128); font-size: .7rem;}
.list-pager {text-align: center;}
@media (max-width: 767px) {
    .course-list .caption h3,.course-list .caption h4 {
        overflow: auto;
        white-space:inherit;
    }
    .course-list .caption .description {min-height:initial}
}
@media (min-width: 992px) {
    .col-md-3 {width: 24.9%;}
}
@media (max-width: 992px) {
    .search-header .search-form {flex: 1; width: 100%;}
    
}
@media (max-width: 600px) {
    .course-item {width: 100%;}
}