.scroll-container-phone {
  padding-top: 1.12rem;
  height: 100%;
}

.scroll-container-phone i.iconfont,
.scroll-container-phone a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  word-break: break-all;
}

/* 主体内容 */
.scroll-container-phone .course-main {
  height: 100%;
  font-size: .26rem;
  z-index: 1;
}

/* 列表 */
.scroll-container-phone .course-container {
  display: flex;
  height: 100%;
}

.scroll-container-phone .course-container .left-classify {
  width: 29.3333%;
  height: 100%;
  overflow-y: auto;
  background-color: #F5F5F5;
  color: #0E0E0E;
}

.scroll-container-phone .course-container .left-classify .navbar-list {
  width: 100%;
  min-height: 100%;
  font-size: .28rem;
  line-height: .34rem;
  position: relative;
}

.scroll-container-phone .course-container .left-classify .navbar-list::before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  right: 0;
  background-color: #E6E6E6;
}

.scroll-container-phone .course-container .left-classify .navbar-item {
  position: relative;
}

.scroll-container-phone .course-container .left-classify .navbar-item a {
  display: block;
  padding: .33rem .24rem;
  z-index: 1;
}

.scroll-container-phone .course-container .left-classify .navbar-item+.navbar-item {
  border-top: 1px solid #E6E6E6;
}

.scroll-container-phone .course-container .left-classify .navbar-item.active {
  background-color: #FFFFFF;
  color: #007CD8;
  font-weight: bold;
}

.scroll-container-phone .course-container .course-container-list {
  flex: 1;
  padding-top: .27rem;
}

/* 主题筛选 */
.scroll-container-phone .course-container-list .filters {
  width: 100%;
  padding: 0 .3rem;
  display: flex;
  height: .58rem;
  margin-bottom: .15rem;
  font-size: .26rem;
  position: relative;
}

.scroll-container-phone .course-container-list .filters::before {
  position: absolute;
  display: block;
  height: 100%;
  background-color: rgba(0, 0, 0, .08);
  top: 0;
  left: .3rem;
  right: .3rem;
  bottom: 0;
  margin: auto;
}

.is-disabled{
	pointer-events: none;
}
.scroll-container-phone .course-container-list .filters.is-disabled::before {
  content: '';
}

.scroll-container-phone .course-container-list .filters.is-disabled .filters-label {
  background: #385266;
}

.scroll-container-phone .course-container-list .filters.is-disabled .filters-label i,
.scroll-container-phone .course-container-list .filters.is-disabled .filters-label span {
  opacity: .5;
}

.scroll-container-phone .course-container-list .filters .filters-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  border: 1px solid #C9C9C9;
  background: linear-gradient(90deg, #007CD8, #3092DB);
  border-radius: .04rem 0 0 .04rem;
  color: #FFFFFF;
}

.scroll-container-phone .course-container-list .filters .filters-label i {
  font-size: .36rem;
  margin-right: .05rem;
}

.scroll-container-phone .course-container-list .filters .filters-btn {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  border: 1px solid #C9C9C9;
  border-left: 0;
  border-radius: 0 .04rem .04rem 0;
  padding-right: .6rem;
  padding-left: .27rem;
}

.scroll-container-phone .course-container-list .filters .filters-btn>p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222222;
}

.scroll-container-phone .course-container-list .filters .filters-btn i {
  position: absolute;
  color: #666666;
  font-size: .42rem;
  height: .42rem;
  right: .12rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.scroll-container-phone .course-container .course-list {
  padding: 0 .3rem .1rem;
  height: calc(100% - .73rem);
  color: #111111;
  overflow-y: auto;
}

.scroll-container-phone .course-container .course-list .course-item {
  width: 100%;
  padding-top: 24.905%;
  line-height: .32rem;
  position: relative;
}

.scroll-container-phone .course-container .course-list .course-item:first-child {
  margin-top: .2rem;
}


.scroll-container-phone .course-container .course-list .course-item+.course-item {
  margin-top: .32rem;
}

.scroll-container-phone .course-container .course-list .course-item-cont {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.scroll-container-phone .course-container .course-item .picture-swarper {
  position: relative;
  width: 44.528%;
  height: 100%;
  top: 0;
}

.scroll-container-phone .course-container .course-item .picture-swarper .item-picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scroll-container-phone .course-container .course-item .picture-swarper .boutique-icon{
  position: absolute;
  right: -4%;
  top: -4%;
  width: auto;
  height: 40%;
  object-fit: contain;
}
.scroll-container-phone .course-container .course-item .item-describe {
  flex: 1;
  margin-left: .2rem;
  position: relative;
  height: 100%;
  border-bottom: 1px dotted #E4E4E4;
  width: calc(55.472% - 0.2rem);
}

.scroll-container-phone .course-container .course-item .item-name {
  max-height: .62rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.scroll-container-phone .course-container .course-item  .school-name{
  margin-top: 6%;
  color: #007CD8;
  font-size: .9em;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 弹出曾分类 */
.scroll-container-phone .filter-toolbar {
  z-index: 999;
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  transition: bottom .4s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.scroll-container-phone .filter-toolbar.is-show {
  bottom: 0;
}

/* 分类弹出层 关闭按钮 */
.scroll-container-phone .filter-toolbar .filter-toolbar-header {
  top: 0;
  background-color: #FFFFFF;
  border-radius: .5rem .5rem 0 0;
  line-height: 1rem;
  position: relative;
  color: #444444;
  text-align: center;
  font-size: .36rem;
}

.scroll-container-phone .filter-toolbar .filter-toolbar-back {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto 0;
  line-height: 1em;
  height: 1em;
  right: .46rem;
}

.scroll-container-phone .filter-toolbar .filter-toolbar-main {
  width: 100%;
  min-height: 56.5%;
  max-height: 80%;
  position: relative;
  background-color: #FFFFFF;
  border-radius: .5rem .5rem 0 0;
  display: flex;
  flex-direction: column;
}

.scroll-container-phone .filter-toolbar .filter-navbar {
  width: 100%;
  flex: 1;
  overflow-y: auto;
  padding: .3rem .3rem;
}

.scroll-container-phone .filter-toolbar .navbar {
  width: 100%;
  height: auto;
  color: #222222;
}

.scroll-container-phone .filter-toolbar .navbar-list {
  margin-left: -.08rem;
  margin-right: -.08rem;
  display: flex;
  flex-wrap: wrap;
  font-size: .24rem;
  color: #222222;
}

.scroll-container-phone .filter-toolbar .navbar-item {
  width: 33.33%;
  padding: .08rem;
}

.scroll-container-phone .filter-toolbar .navbar-item a {
  display: flex;
  align-items: center;
  background-color: #F6F6FB;
  height: .9rem;
  padding: .11rem .45rem;
  border-radius: .03rem;
}

.scroll-container-phone .filter-toolbar .navbar-item a>span {
  width: 100%;
  display: -webkit-box;
  max-height: .68rem;
  text-align: center;
  line-height: .34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}

.scroll-container-phone .filter-toolbar .navbar-item.active a {
  background-color: #C9E8FF;
  color: #007CD8;
}

.scroll-container-phone .filter-toolbar .classify-theme-navbar.is-show {
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: opacity .2s, visibility .2s, padding-top .2s;
}

.scroll-container-phone .filter-toolbar .classify-theme-navbar .navbar-item.active a {
  background-color: transparent;
  border: 1px solid #007CD8;
  color: #007CD8;
}

.scroll-container-phone .filter-toolbar .filter-toolbar-buttons {
  bottom: 0;
  left: 0;
  width: 100%;
  height: .83rem;
  display: flex;
  margin-top: .2rem;
  font-size: 0.26rem;
  line-height: .8rem;
  letter-spacing: 5px;
}

.scroll-container-phone .filter-toolbar .filter-toolbar-buttons>a {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
}

.scroll-container-phone .filter-toolbar .filter-toolbar-buttons .filter-submit-btn {
  background-color: #007CD8;
  color: #FFFFFF;
}

.scroll-container-phone .list-end {
  margin: 3.615% auto;
  float: left;
}