header {
  width: 100%;
  background: url("../images/header_bg.png")0px center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  height: auto;
}
 body{
   min-width: 1200px;
 }
.jc-paging ul .jc-pagin-pre:hover,
.jc-paging ul .jc-pagin-next:hover {
  background: #f0f2f5;
}
span .testLook:hover{
  color:#fff;
}
/* header-content */
.header-content {
  height: 230px;
  margin-top: 100px; 
}

.header-content .content-wrap-right .w-20:first-of-type {
  padding-left: 0px;
}

.header-content .content-wrap-right .w-20:last-of-type {
  padding-right: 5px;
}

.header-content>p {
  color: #fff;
  font-size: 14px;
}

.header-content p a:nth-of-type(1) {
  opacity: 1;
  color: #fff;
}

.header-content p a:nth-of-type(2) {
  opacity: 0.7;
  margin-left: 8px;
}

header .content-wrap-left a {
  font-size: 40px;
  color: #ffffff;
  height: 56px;
}

header .content-wrap-right {
  height: 100%;
}

header .header-content>p a:nth-of-type(2):hover {
  color: #fff;
}

.content-wrap-right>a {
  width: 100%;
  padding: 12px;
  background: linear-gradient(322deg, #66b5ee, #5689f4 91%);
  border-radius: 6px;
  position: relative;
  z-index: 1000;
  margin-top: 19px;
}

.content-wrap-right .a2 {
  background: linear-gradient(142deg, #71c5c5 10%, #50c1c1 55%, #4cb7c8 90%, #68bcd7);
}

.content-wrap-right .a3 {
  background: linear-gradient(142deg, #eb5252 9%, #ff8f8f 99%);
}

.content-wrap-right .a4 {
  background: linear-gradient(141deg, #4e61e3 10%, #944ae5);
}

.content-wrap-right .a5 {
  background: linear-gradient(322deg, #ffbc85, #f69d53 91%);
}

.content-wrap-right>a>a {
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0.7;
  margin-bottom: 2px;
}

.content-wrap-right a img {
  width: 56px;
  height: 26px;
  position: absolute;
  right: -5px;
  bottom: 12px;
}


.header-content .content-wrap-right .aEle_wrap {
  height: 66px;
  padding: 12px 0px 12px 12px;
  position: relative;
  border-radius: 6px;
  cursor: pointer; 
}

.content-wrap-right .a1 {
  background: linear-gradient(322deg, #66b5ee, #5689f4 91%);
  border-radius: 6px;
  box-shadow: 0px 6px 12px 0px rgba(99, 110, 155, 0.15);
}

.content-wrap-left {
  padding-right: 10px;
  padding-left: 10px;
  width: 203px;
  height: 47px;
  float: left;
}

.content-wrap-right {
  float: left;
  position: relative;
  width: 1016px;
  height: 70px;
  overflow: hidden;
}

.right-box {
  position: absolute;
  left: 0px;
  width: 1500px;
  transition: all 0.3s;
}

.header-content .content-wrap-right .aEle_wrap { 
  width: 189px; 
  height: 65px; 
  float: left; 
  margin: 0 10px;
}

.content-wrap-right .a6 { 
  background: linear-gradient(270deg, #88e998, #44cf5b);
}


.aEle_wrap .title {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  margin-top: 10px;
}

.aEle_wrap .wrap_bg {
  position: absolute;
  right: -5px;
  bottom: 22px;
  width: 56px;
  height: 26px;
  background: url("../images/xiliekecheng.png");
  background-size: 100% 100%;
}

.aEle_wrap .wrap_bg span {
  width: 100%;
  height: 18px;
  line-height: 19px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  margin-top: 6px;
}

/* *****************************section *************************/

.card-img {
  background: none;
  height:160px;
}

section {
  overflow: hidden;
  margin-top: 32px;
}

/* 多行文本控制 */
.textControls {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 单行文本控制 */
.textControl {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

i,
a {
  display: inline-block;
}

section .tabs-content {
  padding: 20px;
  border-radius: 6px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
}

.tabs-content dl {
  padding-bottom: 23px;
  overflow: hidden;
}

.tabs-content .wrap-type {}

.tabs-content dt {
  min-width: 50px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.tabs-content .marginTop {
  border-top: 1px dashed #E5E8ED;
  padding-top: 23px;
}

.tabs-content dd {
  height: 32px;
  line-height: 32px;
  padding-left: 68px;
  max-width: 1020px;
}

.tabs-content dd a {
  float: left;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  font-size: 14px;
  color: #606266;
}

.tabs-content dd .active {
  background: #d9ecff;
  border-radius: 16px;
  color: #1a8cfe;
}

.tabs-content dd a:hover {
  color: #1a8cfe;
}

/* 综合排序 */
section .classify {
  height: 51px;
  margin-top: 32px;
  margin-bottom: 12px;
}

section .classify-left a {
  font-size: 14px;
  color: #303133;
  display: inline-block;
  margin-right: 30px;
}

section .classify-left .active {
  color: #1a8cfe;
}

section .classify-left a i {
  width: 10px;
  height: 10px;
  margin-left: 2px;
  background: url("../images/hot.png")0px 0px no-repeat;
}

section .classify-left a:hover {
  color: #1a8cfe;
}
.classify-left{
  margin-top:15px;
}
.classify-right {
  margin-top: 15px;
}
section .classify-right>.span1 {
  font-size: 16px;
  color: #303133; 
}

section .classify-right>span i {
  color: #1a8cfe;
  margin: 0px 3px;
  font-style: normal;
}

section .classify-right>span:nth-of-type(2) i:nth-of-type(1) {
  color: #606266;
}

section .classify-right>span:nth-of-type(2) i:nth-of-type(2) {
  color: #c0c4cc;
}

section .classify-right a {
  display: inline-block;
  width: 8px;
  height: 16px;
  position: relative;
  top: 2px;
  margin: 0px 3px;
  cursor: text;
  background: url("../images/changpage.png")0px 0px no-repeat;
}
 

/* 加载数据结果 */
.card-text {
  height: 26px;
}

section .card-title {
  color: #303133;
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #303133;
}

section .aTxt {
  float: left;
  color: #59abfd;
  margin-right: 5px;
  background: #e6f3ff;
}

.testLook {
  min-width: 34px;
  height: 17px;
  line-height: 17px;
  background: #ffaa2e;
  font-size: 12px;
  color: #ffffff;
  padding: 0px 5px;
  text-align: center;
  float: right;
  margin-top: 4.5px;
  margin-left: 3px;
}

.card-body>p {
  width: 100%;
  overflow: hidden;
}

.howStudy {
  width: 60%;
  font-size: 12px;
  max-width: 150px;
  height: 20px;
  line-height: 20px;
  margin-top: 2px;
  color: #909399;
}

.card-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.loadingResult {
  min-height: 400px;
}

.loadingResult .price {
  width: 66px;
  margin-top: 2px;
  height: 22px;
  font-size: 16px;
  font-weight: 700;
  color: #fa5555;
  text-align: right;
}

.loadingResult .free_video {
  height: 18px;
  line-height: 18px;
  font-size: 13px;
  font-weight: 700;
  color: #fa5555;
  margin-top: 4px;
}

.loadingResult .col-3 {
  margin-top: 8px;
}

.loadingResult .col-3 .card {
  border: none;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 24px 0px rgba(38, 47, 125, 0.06);
}

.loadingResult .icon_img {
  position: relative;
  /* min-height: 333px; */
}

.loadingResult .icon_img .hotLesson{
  width: 53px;
  height: 29px;
  background: url("../images/icon_hot.png");
  position: absolute;
  right: -5px;
  top: 5px;
  background-size: 100% 100%;
}
.loadingResult .icon_img .newLesson{
  width: 53px;
  height: 29px;
  background: url("../images/icon_new.png");
  position: absolute;
  right: -5px;
  top: 5px;
  background-size: 100% 100%;
}
.loadingResult .icon_img .i2 {
  background: url("../images/icon_new.png");
  background-size: 100% 100%;
}
 
/* 搜索结果 */
.search-result {
  display: none;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 100px;
}

.noSearch {
  width: 400px;
  text-align: center;
  margin: 50px auto;
  padding-bottom: 100px;
  display:none;
}
.noSearch img {
  width: 261px;
  
}

.noSearch h5 {
  font-size: 24px;
  color: #606266;
  margin-top: 56px;
  margin-bottom: 30px;
}

.noSearch p {
  font-size: 14px;
  color: #909399;
  text-align: left;
}

/* 分页 */
.loadingPage {
  overflow: hidden;
  text-align: center;
}

.loadingPage .jc-pagination {
  height: auto;
  display: inline-block;
}

.loadingPage .jc-paging {
  margin-top: 50px;
  margin-bottom: 100px;
}

.loadingPage .jc-pagination li:nth-of-type(1) {
  /*display: none;*/
}

/* ********************底部 *****************************************/

.course_footer {
  width: 100%;
  background: #303133;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 32px;
}

.course_footer a {
  font-size: 12px;
}

.course_footer .wrap_img {
  opacity: 1;
}

.course_footer .wrap_img img {
  width: 147px;
}

.course_footer a {
  transition: color 2s;
}

footer a:hover {
  color: #fff;
  opacity: 1;

}

footer .p1 {
  margin: 12px 0px;
}

/* 课程更新 */
.update_box {
  position: relative;
}


.update-state {
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: #fff;
  padding: 0px 4px;
  font-size: 12px;
  background: rgb(0 0 0 / 35%);
  height: 18px;
  line-height: 18px;
}
.content-wrap{
  position:relative;  
  top: 65px; 
}
.series_prev{
  width:20px;
  height:20px;
  background: url(../images/series_prev.png)0px center no-repeat;
  background-size:100% 100%;
  display:inline-block;
  position:absolute;
  left: 176px;
  top: 25px;
  cursor: pointer;
}
.series_next{
  width:20px;
  height:20px;
  background:url(../images/series_next.png)0px center no-repeat;
  background-size:100% 100%;
  display:inline-block;
  position:absolute;
  right: -31px;
  top: 25px; 
  cursor: pointer;
}
.series_prev:hover{
  background: url(../images/series_prev_hover.png)0px center no-repeat;
  background-size:100% 100%; 
}
.series_next:hover{
  background: url(../images/series_next_hover.png)0px center no-repeat;
  background-size:100% 100%; 
}
@media screen and (max-width: 1400px) {
  .series_next{ 
   right: -23px;
  }
}