.hd[data-v-3a63f47c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hd-info[data-v-3a63f47c] {
  font-size: 0.52rem;
  font-family: GillSans-SemiBold,GillSans;
  font-weight: 600;
  color: #231815;
  line-height: 0.62rem;
  display: flex;
  align-items: center;
}
.hd-label[data-v-3a63f47c] {
  font-family: Gill Sans Light;
  font-weight: normal;
}
.research-btn-else[data-v-3a63f47c] {
  display: flex;
  min-width: 0.95rem;
  height: 0.54rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #231815;
  font-size: 0.18rem;
  font-family: PingFangSC-Regular,PingFang SC;
  color: #231815;
  line-height: 0.25rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.research-btn-else .el-icon[data-v-3a63f47c] {
  vertical-align: middle;
}
.item[data-v-cf874630] {
  height: 2.26rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.item-content[data-v-cf874630] {
  width: 100%;
  height: 100%;
}
.item-hd[data-v-cf874630] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.item-banner[data-v-cf874630] {
  overflow: hidden;
  height: 100%;
}
.item-banner-img[data-v-cf874630] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.item-bd[data-v-cf874630] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.item-bd-hd[data-v-cf874630] {
  position: relative;
}
.item-bd-hd-mask[data-v-cf874630] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: .5;
}
.item-bd-title[data-v-cf874630] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 0.29rem;
  font-size: 0.24rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.29rem;
  position: relative;
  z-index: 1;
}
.item-bd-intro[data-v-cf874630] {
  font-size: 0.18rem;
  font-family: Helvetica;
  color: #fff;
  line-height: 0.28rem;
  margin-bottom: auto;
  height: 0;
  opacity: 0;
  margin-bottom: 0;
}
.item-bd-after[data-v-cf874630] {
  opacity: 0;
  height: 0;
  flex: 0;
}
.item:hover .item-bd[data-v-cf874630] {
  background: rgba(0,0,0,.3);
}
.item:hover .item-bd-hd-mask[data-v-cf874630] {
  background: rgba(0,0,0,0);
  opacity: 1;
}
.item:hover .item-bd-title[data-v-cf874630] {
  overflow: initial;
  text-overflow: initial;
  white-space: normal;
  height: initial;
}
.item:hover .item-bd-intro[data-v-cf874630] {
  display: block;
  opacity: 1;
  transition: all .3s linear;
  flex: 1;
}
.item:hover .item-bd-intro-inner[data-v-cf874630] {
  max-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.item:hover .img-hover[data-v-cf874630] {
  transform: scale(1.05);
}
.coureses-flex[data-v-01917bd3] {
  height: 6.45rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 66.40625% 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-template-areas: "wrap-item wrap-item-1" "wrap-item wrap-item-2" "wrap-item wrap-item-3";
  grid-gap: 0.15rem;
}
.coureses-flex .wrap-item[data-v-01917bd3] {
  grid-area: wrap-item;
}
.coureses-flex .wrap-item-1[data-v-01917bd3] {
  grid-area: wrap-item-1;
}
.coureses-flex .wrap-item-2[data-v-01917bd3] {
  grid-area: wrap-item-2;
}
.coureses-flex .wrap-item-3[data-v-01917bd3] {
  grid-area: wrap-item-3;
}
.coureses-item[data-v-01917bd3] {
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.coureses-item-content[data-v-01917bd3] {
  position: relative;
  width: 100%;
  height: 100%;
}
.coureses-item-inner[data-v-01917bd3] {
  width: 100%;
  height: 100%;
  font-size: 0;
}
.coureses-item-inner img[data-v-01917bd3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.coureses-item-intro[data-v-01917bd3] {
  font-size: 0.24rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.29rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.coureses-item-mask[data-v-01917bd3] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(0,0,0,.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.coureses-item-title[data-v-01917bd3] {
  font-size: 0.3rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.36rem;
  text-align: center;
}
.coureses-item[data-v-01917bd3] .item-bd-title {
  font-size: 0.3rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.36rem;
}
.coureses-item[data-v-01917bd3] .item-bd-intro {
  display: flex !important;
}
.coureses-item[data-v-01917bd3] .item-bd-intro .item-bd-intro-inner {
  flex: 1;
  margin-bottom: 0.2rem;
}
.coureses-item-half[data-v-01917bd3] {
  width: 8.5rem;
  height: 6.3rem;
}
.coureses-item-half .coureses-item-mask[data-v-01917bd3] {
  align-items: flex-end;
  background: rgba(0,0,0,0);
}
.coureses-item-half .coureses-item-title[data-v-01917bd3] {
  padding: 0.3rem;
  background: rgba(0,0,0,.25);
  font-size: 0.24rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  line-height: 0.29rem;
  width: 100%;
  text-align: left;
}
.coureses-item-half[data-v-01917bd3] .item-bd-title {
  font-size: 0.3rem !important;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.36rem;
}
.coureses-item-half[data-v-01917bd3] .item-bd-intro {
  font-size: 0.24rem;
  display: block !important;
}
.coureses-item-half[data-v-01917bd3] .item-bd-intro .item-bd-intro-inner {
  display: block;
  height: auto;
  line-height: 1.6;
  margin-bottom: 0;
  flex: inherit;
  max-height: 100%;
}
.item[data-v-6b860120] {
  position: relative;
  background-color: #fff;
  cursor: pointer;
}
.item-hd[data-v-6b860120] {
  margin: 0 0.15rem 0;
  position: relative;
  overflow: hidden;
}
.item-hd[data-v-6b860120]::after {
  content: "";
  display: block;
  padding-bottom: 56.1538461538%;
}
.item-banner[data-v-6b860120] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.item-banner img[data-v-6b860120] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-title[data-v-6b860120] {
  max-height: 1.16rem;
  font-size: 0.22rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #231815;
  line-height: 0.29rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 0.1rem;
}
.item-date[data-v-6b860120] {
  font-size: 0.14rem;
  font-family: Helvetica;
  color: #bbb;
  line-height: 0.17rem;
  margin-bottom: 0.23rem;
}
.item-source[data-v-6b860120] {
  display: flex;
  align-items: baseline;
  font-size: 0.18rem;
  font-family: Helvetica;
  color: #231916;
  line-height: 0.22rem;
}
.item-source-icon[data-v-6b860120] {
  width: 0.18rem;
  height: 0.18rem;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
  margin-right: 0.1rem;
}
.item-source-text[data-v-6b860120] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.item-bd[data-v-6b860120] {
  padding: 0.15rem 0.15rem 0.2rem;
}
.item-bd-inner[data-v-6b860120] {
  height: 1.26rem;
}
.recommended[data-v-92e3ee0e] {
  background: #f7f8f8;
}
.tabs-btn[data-v-92e3ee0e] {
  font-size: 0.18rem;
  font-family: Helvetica;
  color: #413d3c;
  line-height: 0.22rem;
  padding: 0.16rem 0.32rem;
  height: auto;
  border-radius: 0.5rem;
  border-color: #413d3c;
}
.tabs-btn.el-button--primary.is-plain[data-v-92e3ee0e] {
  background-color: rgba(0,0,0,0) !important;
}
.tabs-btn-active[data-v-92e3ee0e] {
  color: #fff;
}
.tabs-btn-active.el-button--primary.is-plain[data-v-92e3ee0e] {
  background-color: var(--el-color-primary) !important;
}
.list-row[data-v-92e3ee0e] {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}
.item[data-v-cd794054] {
  position: relative;
  background-color: #fff;
  border: 0.01rem solid #231815;
  cursor: pointer;
}
.item-hd[data-v-cd794054] {
  margin: 0 0.15rem 0;
  position: relative;
  overflow: hidden;
}
.item-hd[data-v-cd794054]::after {
  content: "";
  display: block;
  padding-bottom: 56.1538461538%;
}
.item-banner[data-v-cd794054] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.item-banner img[data-v-cd794054] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-title[data-v-cd794054] {
  max-height: 1.16rem;
  font-size: 0.2rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #231815;
  line-height: 0.29rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 0.1rem;
}
.item-date[data-v-cd794054] {
  font-size: 0.14rem;
  font-family: Helvetica;
  color: #bbb;
  line-height: 0.17rem;
  margin-bottom: 0.23rem;
}
.item-source[data-v-cd794054] {
  display: flex;
  align-items: baseline;
  font-size: 0.18rem;
  font-family: Helvetica;
  color: #231916;
  line-height: 0.22rem;
}
.item-source-icon[data-v-cd794054] {
  width: 0.18rem;
  height: 0.18rem;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: contain;
  margin-right: 0.1rem;
}
.item-source-text[data-v-cd794054] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.item-bd[data-v-cd794054] {
  padding: 0.15rem 0.15rem 0.2rem;
}
.item-bd-inner[data-v-cd794054] {
  height: 1.26rem;
}
.recommended[data-v-77e07968] {
  background: #fff;
}
.tabs-btn[data-v-77e07968] {
  font-size: 0.18rem;
  font-family: Helvetica;
  color: #413d3c;
  line-height: 0.22rem;
  padding: 0.16rem 0.32rem;
  height: auto;
  border-radius: 0.5rem;
  border-color: #413d3c;
}
.tabs-btn.el-button--primary.is-plain[data-v-77e07968] {
  background-color: rgba(0,0,0,0) !important;
}
.list-row[data-v-77e07968] {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}
.header[data-v-875a4a14] {
  position: relative;
  margin-bottom: 1rem;
}
.header-swiper[data-v-875a4a14] .el-carousel__container {
  height: 9rem;
}
.header-swiper-item img[data-v-875a4a14] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-top[data-v-875a4a14] {
  width: 100%;
  height: 2.23rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.header-top-container[data-v-875a4a14] {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: .8;
  width: 100%;
  height: 100%;
}
.header-top-content[data-v-875a4a14] {
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  height: 100%;
  display: flex;
}
.header-top-info[data-v-875a4a14] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-top-link[data-v-875a4a14] {
  font-size: 0.2rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.24rem;
  text-decoration: none;
  margin-left: 0.5rem;
}
.header-logo[data-v-875a4a14] {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../../lib/img/header-logo.0a056589.png) no-repeat center;
  background-size: cover;
}
.header-card[data-v-875a4a14] {
  position: absolute;
  bottom: 0.1rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.header-card-content[data-v-875a4a14] {
  width: 6rem;
  height: 3.07rem;
  background: rgba(0,0,0,.6);
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.header-card-title[data-v-875a4a14] {
  font-size: 0.32rem;
  font-family: Helvetica-Bold,Helvetica;
  font-weight: bold;
  color: #fff;
  line-height: 0.46rem;
}
.header-card-intro[data-v-875a4a14] {
  font-size: 0.2rem;
  font-family: Helvetica;
  color: #fff;
  line-height: 0.34rem;
}
.header-card-control[data-v-875a4a14] {
  width: 6rem;
  height: 0.73rem;
  background: rgba(0,0,0,.6);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
}
.header-card-control-icon[data-v-875a4a14] {
  width: 0.14rem;
  height: 0.14rem;
  background: #c5c6c6;
  display: block;
  border-radius: 50%;
  margin-right: 0.18rem;
}
.header-card-control-icon-active[data-v-875a4a14] {
  background: #fff;
}
.courses[data-v-dca63fb2] {
  position: relative;
}
.courses-bottom-line[data-v-dca63fb2] {
  height: 0.3rem;
  background: #e7264b;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
  margin-left: -7.2rem;
}