@import url(https://imgcache.qq.com/qcloud/partners-server/css/global.css);
@import url(https://imgcache.qq.com/open_proj/proj_qcloud_v2/college/project/college/build/base/base-202007021050.css);
/* ********** 通用 start ********** */
/* 链接 s */
.page-home2 .mod-course-link {
  position: relative;
  display: block;
  padding-top: calc((42.8571% + 71px) / 2);
  width: 100%;
  height: 0;
  background: #FFFFFF;
  border: 1px solid #E5E8ED;
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  border-radius: 2px;
  box-sizing: border-box;
}
.page-home2 .mod-course-link + .mod-course-link {
  margin-top: 20px;
}
.page-home2 .mod-course-link-inner {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 24px;
  padding-right: 88px;
  width: 100%;
  height: 100%;
  font-size: 0;
  box-sizing: border-box;
}
.page-home2 .mod-course-link-inner::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  font-size: 0;
  visibility: hidden;
}
.page-home2 .mod-course-link-cnt {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
}
.page-home2 .mod-course-link-tit {
  line-height: 24px;
  font-size: 16px;
  color: #00A4FF;
  font-weight: normal;
}
.page-home2 .mod-course-link-desc {
  margin-top: 4px;
  line-height: 24px;
  font-size: 14px;
  color: #000000;
}
.page-home2 .mod-course-link-icon {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: rgba(0, 164, 255, 0.1);
}
.page-home2 .mod-course-link-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzICg3MjUyMCkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+566t5aS0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IueureWktCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTExLjI2NjY2NjcsOSBMMSw5IEwxLDcgTDExLjI2NjY2NjcsNyBMOCwzLjUgTDkuNCwyIEwxNSw4IEw5LjQsMTQgTDgsMTIuNSBMMTEuMjY2NjY2Nyw5IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwQTRGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* 链接 e */
@media screen and (min-width: 769px) {
  .page-home2 {
    background-color: #fff;
    overflow: hidden;
  }
  /* header s */
  .page-home2 .c-nav-wrap.c-nav-air-sub .c-nav-bottom {
    background: 0 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000", endColorstr="#00000000", GradientType=0);
  }
  /* header e */
  /* tab s */
  .page-home2 .coll-section-hd .coll-tab {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
  }
  .page-home2 .coll-section-hd .coll-tab:after {
    display: none;
  }
  .page-home2 .coll-section-hd .coll-tab-item + .coll-tab-item {
    margin-left: 20px;
  }
  .page-home2 .coll-section-hd .coll-tab-item a {
    padding: 10px 0px;
  }
  .page-home2 .coll-section-hd .coll-tab-item .coll-tab-tit {
    font-size: 16px;
  }
  .page-home2 .coll-section-hd .coll-tab-item.actived .coll-tab-tit {
    font-weight: bold;
  }
  /* tab e */
  /* 课程卡片 s */
  .page-home2 .coll-course-card-bd {
    padding: 12px 16px;
  }
  .page-home2 .coll-course-card-detail {
    margin-top: 4px;
  }
  .page-home2 .coll-course-card-detail-inner {
    height: 18px;
  }
  .page-home2 .coll-course-card-data-item,
  .page-home2 .coll-course-card-score,
  .page-home2 .coll-course-card-key,
  .page-home2 .coll-course-card-pay {
    line-height: 18px;
  }
  /* 课程卡片 e */
  /* 底部更多 s */
  .page-home2 .mod-footer-link {
    margin-top: 40px;
    text-align: center;
  }
  /* 底部更多 e */
}
@media screen and (max-width: 768px) {
  .page-home2 {
    background-color: #f5f7fa;
  }
  .page-home2 .mod-course-link {
    padding-top: 0;
    height: 78px;
    text-align: left;
  }
  .page-home2 .c-grid.p-y-tall .c-grid-layout {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .page-home2 .c-grid,
  .page-home2 .c-grid.bg-color {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  }
  /* 课程 s */
  .page-home2 .coll-course-card-group {
    margin: 0;
  }
  .page-home2 .coll-course-card.inline-card {
    padding-left: 112px;
  }
  .page-home2 .coll-course-card.inline-card .coll-course-img {
    left: 0;
  }
  .page-home2 .coll-course-card.inline-card + .coll-course-card.inline-card::after {
    left: 112px;
  }
  /* 课程 e */
  /* link s */
  .page-home2 .mod-footer-link {
    margin-top: 10px;
    padding: 20px 16px;
    text-align: center;
    border-top: 1px solid #E5E8ED;
  }
  /* link e */
}
/* ********** 通用 end ********** */
/* ********** banner start ********** */
.page-home2 .com-e-hero-btns .coll-btn.coll-btn-hole {
  background: none;
  color: #FFFFFF;
}
.page-home2 .com-e-hero-btns .coll-btn.coll-btn-hole:hover {
  transition: all 0.2s linear;
  background-color: #fff;
  color: #333333;
}
.page-home2 .com-e-hero {
  background-color: #161d35;
  background-image: url(https://cdn.panshi.qq.com/partners/img/bg-banner-pc.5e54bc3b.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
@media screen and (min-width: 769px) {
  .page-home2 .com-e-hero-inner {
    padding-bottom: 32px;
    height: 425px;
  }
  .page-home2 .com-e-hero-cnt {
    max-width: 416px;
  }
  .page-home2 .com-e-hero-btns .coll-btn + .coll-btn {
    margin-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .page-home2 .com-e-hero {
    background-color: #161d35;
    background-image: url(https://cdn.panshi.qq.com/partners/img/bg-banner-mb.47228ec1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}
/* ********** banner end ********** */
/* ********** 活动入口 start ********** */
@media screen and (min-width: 769px) {
  .page-home2 .mod-eventblock {
    margin-top: -32px;
  }
}
/* ********** 活动入口 end ********** */
/* ********** 产品 -- pc端 start ********** */
@media screen and (min-width: 769px) {
  .page-home2 .mod-product.type-stair {
    z-index: 2;
  }
  .page-home2 .mod-product.c-grid .c-grid-layout {
    padding-bottom: 80px;
  }
  /* product s */
  /* 无跳转 临时重置样式 s */
  .page-home2 .mod-product .coll-product-card-tag {
    line-height: 32px;
    border: none;
    box-shadow: none;
    cursor: default;
  }
  .page-home2 .mod-product .coll-product-card-tag,
  .page-home2 .mod-product .coll-product-card-tag:hover {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.15);
  }
  /* 无跳转 临时重置样式 e */
  .page-home2 .mod-product .coll-product-card:only-child .coll-product-card-desc {
    max-height: 112px;
    -webkit-line-clamp: 4;
  }
  /* product e */
}
/* ********** 产品 -- pc端 end ********** */
/* ********** 产品 -- 移动端 start ********** */
@media screen and (max-width: 768px) {
  .page-home2 .c-grid.mod-product .c-grid-layout {
    padding-bottom: 0;
  }
  .page-home2 .mod-product .c-g-24 {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* tab s */
  .page-home2 .mod-product .coll-tab:after {
    display: none;
  }
  .page-home2 .mod-product .coll-tab-bar {
    margin-bottom: 8px;
  }
  .page-home2 .mod-product .coll-tab-scroll {
    position: relative;
    height: 40px;
    overflow: hidden;
  }
  .page-home2 .mod-product .coll-tab-scroll::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #E5E8ED;
    overflow: hidden;
  }
  .page-home2 .mod-product .coll-tab-list {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    height: 64px;
    font-size: 0px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
  }
  .page-home2 .mod-product .coll-tab-item + .coll-tab-item {
    margin-left: 12px;
  }
  .page-home2 .mod-product .coll-tab-item.actived:after {
    height: 2px;
  }
  .page-home2 .mod-product .coll-tab-item a {
    padding: 0px 0px 20px;
  }
  .page-home2 .mod-product .coll-tab-content {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* tab e */
}
/* ********** 产品 -- 移动端 end ********** */
/* ********** 课程 -- pc端 start ********** */
@media screen and (min-width: 769px) {
  .page-home2 .mod-course {
    /* position: relative;
        overflow: hidden; */
  }
  .page-home2 .mod-course.type-stair.bg-color {
    box-shadow: none;
  }
  .page-home2 .mod-course.type-stair.bg-color .type-stair-elem::before {
    box-shadow: none;
  }
  .page-home2 .mod-course .coll-section {
    position: relative;
    z-index: 2;
  }
  .page-home2 .mod-course .coll-section + .coll-section {
    margin-top: 120px;
  }
  .page-home2 .mod-course .coll-section-hd-tit em {
    display: inline-block;
    vertical-align: 4px;
    margin-left: 12px;
    line-height: 26px;
    font-size: 16px;
    color: #000000;
  }
  /* 背景 s */
  .page-home2 .mod-course-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1500px;
    width: 3000px;
    height: 100%;
    z-index: 1;
    transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    -moz-transform: skewY(-6deg);
    -webkit-transform: skewY(-6deg);
    -o-transform: skewY(-6deg);
    pointer-events: none;
  }
  .page-home2 .mod-course-bg [class*=mod-course-bg] {
    position: absolute;
  }
  .page-home2 .mod-course-bg-pic1 {
    top: 180px;
    left: 0;
    width: 100%;
    height: 196px;
    background: -moz-linear-gradient(left, rgba(245, 247, 250, 0) 70%, rgba(143, 166, 178, 0.6) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(245, 247, 250, 0) 70%, rgba(143, 166, 178, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(245, 247, 250, 0) 70%, rgba(143, 166, 178, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5f7fa', endColorstr='#998fa6b2', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .mod-course-bg-pic2 {
    top: 310px;
    left: 0;
    width: 100%;
    height: 276px;
    background: -moz-linear-gradient(left, rgba(143, 166, 178, 0.4) 0, rgba(245, 247, 250, 0) 70%);
    background: -webkit-linear-gradient(left, rgba(143, 166, 178, 0.4), rgba(245, 247, 250, 0) 70%);
    background: linear-gradient(90deg, rgba(143, 166, 178, 0.4) 0, rgba(245, 247, 250, 0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fa6b2", endColorstr="#00f5f7fa", GradientType=1);
  }
  .page-home2 .mod-course-bg-pic3 {
    top: 1020px;
    right: 0;
    width: 100%;
    height: 340px;
    background: -moz-linear-gradient(left, rgba(245, 247, 250, 0) 30%, rgba(143, 166, 178, 0.4) 100%);
    background: -webkit-linear-gradient(left, rgba(245, 247, 250, 0) 30%, rgba(143, 166, 178, 0.4));
    background: linear-gradient(90deg, rgba(245, 247, 250, 0) 30%, rgba(143, 166, 178, 0.4));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f5f7fa", endColorstr="#8fa6b2", GradientType=1);
  }
  .page-home2 .mod-course-bg-pic4 {
    top: 285px;
    left: 0;
    width: 100%;
    height: 70px;
    background: -moz-linear-gradient(left, rgba(143, 166, 178, 0.6) 0, rgba(245, 247, 250, 0) 30%);
    background: -webkit-linear-gradient(left, rgba(143, 166, 178, 0.6), rgba(245, 247, 250, 0) 30%);
    background: linear-gradient(90deg, rgba(143, 166, 178, 0.6) 0, rgba(245, 247, 250, 0) 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fa6b2", endColorstr="#00f5f7fa", GradientType=1);
  }
  .page-home2 .mod-course-bg-pic5 {
    top: 990px;
    left: 50%;
    margin-left: 690px;
    width: 100%;
    height: 70px;
    background: -moz-linear-gradient(left, rgba(143, 166, 178, 0.6) 0, rgba(245, 247, 250, 0) 10%);
    background: -webkit-linear-gradient(left, rgba(143, 166, 178, 0.6), rgba(245, 247, 250, 0) 10%);
    background: linear-gradient(90deg, rgba(143, 166, 178, 0.6) 0, rgba(245, 247, 250, 0) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fa6b2", endColorstr="#00f5f7fa", GradientType=1);
  }
  /* 背景 e */
}
/* ********** 课程 -- pc端 end ********** */
/* ********** 课程 -- 移动端 start ********** */
@media screen and (max-width: 768px) {
  .page-home2 .mod-course {
    margin-top: 16px;
  }
  .page-home2 .mod-course.c-grid .c-g-24 {
    padding-left: 0;
    padding-right: 0;
  }
  .page-home2 .mod-course.c-grid .c-grid-layout {
    padding-top: 16px;
    padding-bottom: 0;
  }
  .page-home2 .mod-course .coll-collapse-cnt {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
/* ********** 课程 -- 移动端 end ********** */
/* ********** 总览 -- pc端 start ********** */
@media screen and (min-width: 769px) {
  .page-home2 .home-overview-container {
    padding: 20px;
    background: #F5F7FA;
    border-radius: 2px;
    box-sizing: border-box;
  }
  .page-home2 .home-level-inner {
    margin: 0 -10px -20px;
    font-size: 0px;
  }
  .page-home2 .home-level-box {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 33.3333%;
    box-sizing: border-box;
  }
  .page-home2 .home-level-hd {
    position: relative;
    padding: 20px;
    min-height: 94px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(3, 27, 78, 0.12);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-sizing: border-box;
  }
  .page-home2 .home-level-hd::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -18px;
    width: 0px;
    height: 0px;
    border-width: 18px 24px;
    border-color: transparent transparent transparent #F5F7FA;
    border-style: solid;
    z-index: 8;
  }
  .page-home2 .home-level-hd::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -44px;
    margin-top: -18px;
    width: 0px;
    height: 0px;
    border-width: 18px 24px;
    border-color: transparent transparent transparent #F5F7FA;
    border-style: solid;
    z-index: 9;
  }
  .page-home2 .home-level-hd h3 {
    font-size: 0px;
    font-weight: normal;
    min-height: 26px;
  }
  .page-home2 .home-level-tag {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    background: #FFFFFF;
    border-radius: 2px;
  }
  .page-home2 .home-level-tit {
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    font-size: 18px;
    color: #FFFFFF;
  }
  .page-home2 .home-level-desc {
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.7;
  }
  .page-home2 .home-level-bd {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .page-home2 .home-level-item {
    position: relative;
  }
  .page-home2 .home-level-item.disabled:hover {
    cursor: default;
    box-shadow: none !important;
  }
  .page-home2 .home-level-item + .home-level-item {
    border-top: 1px solid #E5E8ED;
  }
  .page-home2 .home-level-item-cnt {
    position: relative;
    display: block;
    padding: 0px 20px;
    height: 80px;
    font-size: 0px;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
  }
  .page-home2 .home-level-item-cnt::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 100%;
    font-size: 0px;
  }
  .page-home2 .home-level-item-tit {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
  }
  .page-home2 .home-level-item-tit em {
    padding-right: 8px;
  }
  .page-home2 .home-level-item-tip {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    line-height: 24px;
    font-size: 16px;
    color: #999999;
  }
  .page-home2 .home-level-item-btnwrap {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    background-color: #fff;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    /* Firefox 4 */
    -webkit-transition: opacity 0.3s;
    /* Safari 和 Chrome */
    -o-transition: opacity 0.3s;
    /* Opera */
  }
  .page-home2 .home-level-item:hover .home-level-item-btnwrap {
    z-index: 2;
    visibility: visible;
    opacity: 1;
  }
  .page-home2 .home-level-item-btnwrap::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 100%;
    font-size: 0px;
  }
  .page-home2 .home-level-item-btnwrap .coll-btn {
    min-width: 100px;
    border-radius: 18px;
    font-size: 16px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }
  .page-home2 .home-level-item-btnwrap .coll-btn + .coll-btn {
    margin-left: 20px;
  }
  /* ------ type s ------ */
  /* level-entry s */
  .page-home2 .home-level-box.level-entry .home-level-item:hover {
    box-shadow: 0 2px 8px 0 rgba(59, 179, 157, 0.2);
  }
  .page-home2 .home-level-box.level-entry .home-level-hd {
    background: #3BB39D;
    /* Old browsers */
    background: -moz-linear-gradient(left, #2fc7b9 0%, #3bb39d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2fc7b9 0%, #3bb39d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2fc7b9 0%, #3bb39d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2fc7b9', endColorstr='#3bb39d', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .home-level-box.level-entry .home-level-hd::before {
    display: none;
  }
  .page-home2 .home-level-box.level-entry .home-level-tag {
    color: #33AA96;
  }
  .page-home2 .home-level-box.level-entry .home-level-hd::after {
    border-color: transparent transparent transparent #3BB39D;
  }
  .page-home2 .home-level-box.level-entry .home-level-item-tit em {
    color: #3BB39D;
  }
  .page-home2 .home-level-box.level-entry .coll-btn.coll-btn-hole {
    border: 1px solid #3BB39D;
    color: #3BB39D;
  }
  .page-home2 .home-level-box.level-entry .coll-btn.coll-btn-hole:hover {
    background-color: #3BB39D;
    color: #fff;
  }
  /* level-entry e */
  /* level-high s */
  .page-home2 .home-level-box.level-high .home-level-item:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 110, 255, 0.2);
  }
  .page-home2 .home-level-box.level-high .home-level-hd {
    background: #006EFF;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00a4ff 0%, #006eff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00a4ff 0%, #006eff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00a4ff 0%, #006eff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a4ff', endColorstr='#006eff', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .home-level-box.level-high .home-level-tag {
    color: #006EFF;
  }
  .page-home2 .home-level-box.level-high .home-level-hd::after {
    border-color: transparent transparent transparent #006EFF;
  }
  .page-home2 .home-level-box.level-high .home-level-item-tit em {
    color: #006EFF;
  }
  .page-home2 .home-level-box.level-high .coll-btn.coll-btn-hole {
    border: 1px solid #006EFF;
    color: #006EFF;
  }
  .page-home2 .home-level-box.level-high .coll-btn.coll-btn-hole:hover {
    background-color: #006EFF;
    color: #fff;
  }
  /* level-high e */
  /* level-expert s */
  .page-home2 .home-level-box.level-expert .home-level-item:hover {
    box-shadow: 0 2px 8px 0 rgba(89, 86, 204, 0.2);
  }
  .page-home2 .home-level-box.level-expert .home-level-hd {
    background: #5956CC;
    /* Old browsers */
    background: -moz-linear-gradient(left, #6772e6 0%, #5956cc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6772e6 0%, #5956cc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6772e6 0%, #5956cc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6772e6', endColorstr='#5956cc', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .home-level-box.level-expert .home-level-hd::after {
    display: none;
  }
  .page-home2 .home-level-box.level-expert .home-level-tag {
    color: #5956CC;
  }
  .page-home2 .home-level-box.level-expert .home-level-hd::after {
    border-color: transparent transparent transparent #5956CC;
  }
  .page-home2 .home-level-box.level-expert .home-level-item-tit em {
    color: #5956CC;
  }
  .page-home2 .home-level-box.level-expert .coll-btn.coll-btn-hole {
    border: 1px solid #5956CC;
    color: #5956CC;
  }
  .page-home2 .home-level-box.level-expert .coll-btn.coll-btn-hole:hover {
    background-color: #5956CC;
    color: #fff;
  }
  /* level-expert e */
  /* level-base s */
  .page-home2 .home-level-box.level-base {
    display: block;
    width: 100%;
  }
  .page-home2 .home-level-box.level-base .home-level-item:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 164, 255, 0.2);
  }
  .page-home2 .home-level-box.level-base .home-level-tag {
    background: #00A4FF;
    color: #fff;
  }
  .page-home2 .home-level-box.level-base .home-level-item-tit em {
    color: #00A4FF;
  }
  .page-home2 .home-level-box.level-base .coll-btn.coll-btn-hole {
    border: 1px solid #00A4FF;
    color: #00A4FF;
  }
  .page-home2 .home-level-box.level-base .coll-btn.coll-btn-hole:hover {
    background-color: #00A4FF;
    color: #fff;
  }
  /* level-base e */
  /* ------ type e ------ */
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .page-home2 .home-level-item-btnwrap .coll-btn {
    min-width: 80px;
    font-size: 14px;
  }
  .page-home2 .home-level-item-btnwrap .coll-btn + .coll-btn {
    margin-left: 12px;
  }
}
/* ********** 总览 -- pc端 end ********** */
/* ********** 总览 -- 移动端 start ********** */
@media screen and (max-width: 768px) {
  .page-home2 .mod-overview-mb {
    margin-top: 16px;
  }
  .page-home2 .c-grid.mod-overview-mb .c-grid-layout {
    padding-top: 16px;
  }
  .page-home2 .home-level-box {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
    border-radius: 2px;
  }
  .page-home2 .home-level-box + .home-level-box {
    margin-top: 16px;
  }
  .page-home2 .home-level-hd {
    padding: 16px;
    min-height: 56px;
    box-sizing: border-box;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .page-home2 .home-level-tag {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    background: #FFFFFF;
    border-radius: 2px;
  }
  .page-home2 .home-level-tit {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
  }
  .page-home2 .home-level-bd {
    border-left: 1px solid #E5E8ED;
    border-right: 1px solid #E5E8ED;
    border-bottom: 1px solid #E5E8ED;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .page-home2 .home-level-bd:first-child {
    border-top: 1px solid #E5E8ED;
  }
  .page-home2 .home-level .coll-collapse-item {
    border-top: none;
  }
  .page-home2 .home-level .coll-collapse-item + .coll-collapse-item {
    border-top: 1px solid #E5E8ED;
  }
  .page-home2 .home-level .coll-collapse-item .coll-collapse-hd-icon {
    display: none;
    top: 23px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OS4xICg1MTE0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6K++56iL5a2m5Lmg6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5OS4wMDAwMDAsIC0zNjguMDAwMDAwKSIgZmlsbD0iIzMzMzMzMyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTA0LjUwMDAwMCwgMzcxLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xOTA0LjUwMDAwMCwgLTM3MS41MDAwMDApICIgcG9pbnRzPSIxOTA1LjE5OTgyIDM3MS40OTk2ODQgMTkwMS4wMDAxIDM3NS42MjQyODMgMTkwMi4zOTk4OCAzNzcgMTkwOCAzNzEuNTAwMDQ5IDE5MDYuNjAwMjIgMzcwLjEyNDMzMiAxOTAyLjM5OTc4IDM2NiAxOTAxIDM2Ny4zNzU3MTciPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  .page-home2 .home-level .coll-collapse-item.disabled .coll-collapse-hd-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OS4xICg1MTE0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6K++56iL5a2m5Lmg6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5OS4wMDAwMDAsIC0zNjguMDAwMDAwKSIgZmlsbD0iI0NDQ0NDQyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTA0LjUwMDAwMCwgMzcxLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xOTA0LjUwMDAwMCwgLTM3MS41MDAwMDApICIgcG9pbnRzPSIxOTA1LjE5OTgyIDM3MS40OTk2ODQgMTkwMS4wMDAxIDM3NS42MjQyODMgMTkwMi4zOTk4OCAzNzcgMTkwOCAzNzEuNTAwMDQ5IDE5MDYuNjAwMjIgMzcwLjEyNDMzMiAxOTAyLjM5OTc4IDM2NiAxOTAxIDM2Ny4zNzU3MTciPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  .page-home2 .home-level .coll-collapse-item.actived .coll-collapse-hd-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OS4xICg1MTE0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6K++56iL5a2m5Lmg6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5OS4wMDAwMDAsIC0xMjQuMDAwMDAwKSIgZmlsbD0iIzMzMzMzMyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTA0LjUwMDAwMCwgMTI3LjUwMDAwMCkgc2NhbGUoMSwgLTEpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTkwNC41MDAwMDAsIC0xMjcuNTAwMDAwKSAiIHBvaW50cz0iMTkwNS4xOTk4MiAxMjcuNDk5Njg0IDE5MDEuMDAwMSAxMzEuNjI0MjgzIDE5MDIuMzk5ODggMTMzIDE5MDggMTI3LjUwMDA0OSAxOTA2LjYwMDIyIDEyNi4xMjQzMzIgMTkwMi4zOTk3OCAxMjIgMTkwMSAxMjMuMzc1NzE3Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  }
  .page-home2 .home-level .coll-collapse-hd {
    padding: 0;
  }
  .page-home2 .home-level .coll-collapse-tit {
    display: block;
    padding: 16px 42px 16px 16px;
    line-height: 24px;
    font-size: 16px;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
  }
  .page-home2 .home-level .coll-collapse-tit,
  .page-home2 .home-level .coll-collapse-item.actived .coll-collapse-tit {
    color: #000000;
  }
  .page-home2 .home-level .coll-collapse-tit .home-level-tag {
    vertical-align: top;
  }
  .page-home2 .home-level .coll-collapse-tit em {
    padding-right: 8px;
  }
  .page-home2 .home-level .coll-collapse-tit .home-level-collapse-tip {
    margin-left: 4px;
    font-size: 16px;
    color: #CCCCCC;
  }
  .page-home2 .home-level .coll-collapse-cnt {
    padding: 16px;
    text-align: center;
    border-top: 1px solid #E5E8ED;
  }
  .page-home2 .home-level .coll-collapse-cnt .coll-btn {
    width: calc((100% - 16px) / 2);
    max-width: 148px;
    border-radius: 18px;
    background: none;
  }
  .page-home2 .home-level .coll-collapse-cnt .coll-btn + .coll-btn {
    margin-left: 16px;
  }
  /* ------ type s ------ */
  /* level-entry s */
  .page-home2 .home-level-box.level-entry .home-level-hd {
    background: #3BB39D;
    background: -moz-linear-gradient(left, #3bb39d 0%, #2fc7b9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3bb39d 0%, #2fc7b9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #3bb39d 0%, #2fc7b9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3bb39d', endColorstr='#2fc7b9', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .home-level-box.level-entry .home-level-tag {
    color: #33AA96;
  }
  .page-home2 .home-level-box.level-entry .coll-collapse-tit em {
    color: #3BB39D;
  }
  .page-home2 .home-level-box.level-entry .coll-btn.coll-btn-hole {
    border: 1px solid #3BB39D;
    color: #3BB39D;
  }
  .page-home2 .home-level-box.level-entry .coll-btn.coll-btn-hole:hover {
    background-color: #3BB39D;
    color: #fff;
  }
  /* level-entry e */
  /* level-high s */
  .page-home2 .home-level-box.level-high .home-level-hd {
    background: #006EFF;
    background: -moz-linear-gradient(left, #006eff 0%, #00a4ff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #006eff 0%, #00a4ff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #006eff 0%, #00a4ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006eff', endColorstr='#00a4ff', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .home-level-box.level-high .home-level-tag {
    color: #006EFF;
  }
  .page-home2 .home-level-box.level-high .coll-collapse-tit em {
    color: #006EFF;
  }
  .page-home2 .home-level-box.level-high .coll-btn.coll-btn-hole {
    border: 1px solid #006EFF;
    color: #006EFF;
  }
  .page-home2 .home-level-box.level-high .coll-btn.coll-btn-hole:hover {
    background-color: #006EFF;
    color: #fff;
  }
  /* level-high e */
  /* level-expert s */
  .page-home2 .home-level-box.level-expert .home-level-hd {
    background: #5956CC;
    /* Old browsers */
    background: -moz-linear-gradient(left, #5956cc 0%, #6772e6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5956cc 0%, #6772e6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5956cc 0%, #6772e6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5956cc', endColorstr='#6772e6', GradientType=1);
    /* IE6-9 */
  }
  .page-home2 .home-level-box.level-expert .home-level-tag {
    color: #5956CC;
  }
  .page-home2 .home-level-box.level-expert .coll-collapse-tit em {
    color: #5956CC;
  }
  .page-home2 .home-level-box.level-expert .coll-btn.coll-btn-hole {
    border: 1px solid #5956CC;
    color: #5956CC;
  }
  .page-home2 .home-level-box.level-expert .coll-btn.coll-btn-hole:hover {
    background-color: #5956CC;
    color: #fff;
  }
  /* level-high e */
  /* level-base e */
  .page-home2 .home-level-box.level-base .home-level-tag {
    color: #fff;
    background-color: #00A4FF;
  }
  .page-home2 .home-level-box.level-base .coll-collapse-tit em {
    color: #00A4FF;
  }
  .page-home2 .home-level-box.level-base .coll-btn.coll-btn-hole {
    border: 1px solid #00A4FF;
    color: #00A4FF;
  }
  .page-home2 .home-level-box.level-base .coll-btn.coll-btn-hole:hover {
    background-color: #00A4FF;
    color: #fff;
  }
  /* level-base e */
  /* ------ type e ------ */
}
/* ********** 总览 -- 移动端 end ********** */
/* ********** 入口 -- pc端 start ********** */
.page-home2 .home-entrance-pc.c-grid.p-y-tall .c-grid-layout {
  padding-top: 0px;
}
.page-home2 .home-entrance-container {
  padding: 20px;
  /* background: #F5F7FA; */
  border-radius: 2px;
  overflow: hidden;
}
.page-home2 .home-entrance-list {
  font-size: 0px;
  margin-bottom: -20px;
}
.page-home2 .home-entrance-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E5E8ED;
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  border-radius: 2px;
}
.page-home2 .home-entrance-item:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 164, 255, 0.2);
}
.page-home2 .home-entrance-cnt {
  position: relative;
  display: block;
  padding: 20px;
  z-index: 1;
}
.page-home2 .home-entrance-figure {
  margin: 0 auto 12px;
  width: 32px;
  height: 32px;
}
.page-home2 .home-entrance-figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-home2 .home-entrance-tit {
  line-height: 26px;
  font-size: 18px;
  color: #000000;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-home2 .home-entrance-desc {
  margin-top: 8px;
  line-height: 20px;
  font-size: 14px;
  color: #666666;
}
.page-home2 .home-entrance-desc p:only-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-home2 .home-entrance-btnwrap {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  text-align: center;
  background-color: #fff;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.page-home2 .home-entrance-btnwrap::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  font-size: 0px;
}
.page-home2 .home-entrance-btnwrap .coll-btn {
  min-width: 100px;
  border-radius: 18px;
  font-size: 16px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.page-home2 .home-entrance-btnwrap .coll-btn + .coll-btn {
  margin-left: 20px;
}
.page-home2 .home-entrance-item:hover .home-entrance-btnwrap {
  z-index: 2;
  visibility: visible;
  opacity: 1;
}
/* size s */
.page-home2 .home-entrance-list.item-4 .home-entrance-item {
  width: calc((100% - 60px) / 4);
}
.page-home2 .home-entrance-list.item-4 .home-entrance-item:nth-child(4n) {
  margin-right: 0px;
}
.page-home2 .home-entrance-list.item-3 .home-entrance-item {
  width: calc((100% - 40px) / 3);
}
.page-home2 .home-entrance-list.item-3 .home-entrance-item:nth-child(3n) {
  margin-right: 0px;
}
/* size e */
@media screen and (max-width: 1200px) {
  .page-home2 .home-entrance-btnwrap .coll-btn {
    min-width: 80px;
    font-size: 14px;
  }
  .page-home2 .home-entrance-btnwrap .coll-btn + .coll-btn {
    margin-left: 12px;
  }
}
/* ********** 入口 -- pc端 end ********** */
/* ********** 入口 移动端 s ********** */
@media screen and (max-width: 768px) {
  .page-home2 .c-grid.mod-entrance-mb .c-grid-layout {
    padding-bottom: 0;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-item {
    background-color: #fff;
    border: 1px solid #E5E8ED;
    box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
    border-radius: 2px;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-item + .coll-collapse-item {
    margin-top: 12px;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-hd {
    padding: 0;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-tit {
    display: block;
    padding: 16px 42px 16px 16px;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-hd-icon {
    display: none;
    top: 50%;
    margin-top: -3px;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-item .coll-collapse-hd-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OS4xICg1MTE0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6K++56iL5a2m5Lmg6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5OS4wMDAwMDAsIC0zNjguMDAwMDAwKSIgZmlsbD0iIzMzMzMzMyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTA0LjUwMDAwMCwgMzcxLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xOTA0LjUwMDAwMCwgLTM3MS41MDAwMDApICIgcG9pbnRzPSIxOTA1LjE5OTgyIDM3MS40OTk2ODQgMTkwMS4wMDAxIDM3NS42MjQyODMgMTkwMi4zOTk4OCAzNzcgMTkwOCAzNzEuNTAwMDQ5IDE5MDYuNjAwMjIgMzcwLjEyNDMzMiAxOTAyLjM5OTc4IDM2NiAxOTAxIDM2Ny4zNzU3MTciPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  .page-home2 .mod-entrance-mb .coll-collapse-item.disabled .coll-collapse-hd-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OS4xICg1MTE0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6K++56iL5a2m5Lmg6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5OS4wMDAwMDAsIC0zNjguMDAwMDAwKSIgZmlsbD0iI0NDQ0NDQyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTA0LjUwMDAwMCwgMzcxLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xOTA0LjUwMDAwMCwgLTM3MS41MDAwMDApICIgcG9pbnRzPSIxOTA1LjE5OTgyIDM3MS40OTk2ODQgMTkwMS4wMDAxIDM3NS42MjQyODMgMTkwMi4zOTk4OCAzNzcgMTkwOCAzNzEuNTAwMDQ5IDE5MDYuNjAwMjIgMzcwLjEyNDMzMiAxOTAyLjM5OTc4IDM2NiAxOTAxIDM2Ny4zNzU3MTciPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  .page-home2 .mod-entrance-mb .coll-collapse-item.actived .coll-collapse-hd-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMSA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OS4xICg1MTE0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQtU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6K++56iL5a2m5Lmg6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5OS4wMDAwMDAsIC0xMjQuMDAwMDAwKSIgZmlsbD0iIzMzMzMzMyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkNvbWJpbmVkLVNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTA0LjUwMDAwMCwgMTI3LjUwMDAwMCkgc2NhbGUoMSwgLTEpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTkwNC41MDAwMDAsIC0xMjcuNTAwMDAwKSAiIHBvaW50cz0iMTkwNS4xOTk4MiAxMjcuNDk5Njg0IDE5MDEuMDAwMSAxMzEuNjI0MjgzIDE5MDIuMzk5ODggMTMzIDE5MDggMTI3LjUwMDA0OSAxOTA2LjYwMDIyIDEyNi4xMjQzMzIgMTkwMi4zOTk3OCAxMjIgMTkwMSAxMjMuMzc1NzE3Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  }
  .page-home2 .mod-entrance-mb .coll-collapse-cnt {
    padding: 16px;
    text-align: center;
    border-top: 1px solid #E5E8ED;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-cnt .coll-btn {
    width: calc((100% - 16px) / 2);
    max-width: 148px;
    border-radius: 18px;
    background: none;
  }
  .page-home2 .mod-entrance-mb .coll-collapse-cnt .coll-btn + .coll-btn {
    margin-left: 16px;
  }
  .page-home2 .mod-entrance-mb .mod-footer-link {
    margin: 0;
    border: none;
  }
}
/* ********** 入口 移动端 e ********** */
/* ********** 培训 -- pc端 end ********** */
@media screen and (min-width: 769px) {
  .page-home2 .c-grid.mod-train-pc .c-grid-layout {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .page-home2 .mod-train-pc .home-entrance-container {
    margin-top: 40px;
  }
  .page-home2 .mod-train-pc .home-entrance-container:first-child {
    margin-top: 0;
  }
  .page-home2 .mod-train-pc .coll-section + .coll-section {
    margin-top: 80px;
  }
}
/* ********** 培训 -- pc端 end ********** */
.page-home2 .home-entrance-container-empty {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px 0;
}
.page-home2 .home-entrance-container-empty-img {
  width: 133px;
  height: 96px;
  background: no-repeat center;
  background-size: contain;
  background-image: url('https://cdn.panshi.qq.com/partners/img/empty.94f0fae6.png');
}
.page-home2 .home-entrance-container-empty-desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.page-home2 .home-entrance-item .mod-course-link {
  box-shadow: none;
  border: none;
  padding-top: 0;
  height: 58px;
}
.page-home2 .home-entrance-item .mod-course-link:hover {
  transform: none;
}
.page-home2 .home-entrance-item .mod-course-link-cnt {
  text-align: left;
}
@media screen and (min-width: 769px) {
  .page-home2 {
    overflow: visible;
  }
  .page-home2 .home-entrance-item .mod-course-link {
    height: 138px;
  }
  .page-home2 .coll-section-hd-desc {
    margin-top: 16px;
  }
  .page-home2 .coll-tab-list {
    display: flex;
    justify-content: center;
  }
  .page-home2 .coll-tab-item .coll-tab-tit {
    font-size: 16px;
  }
  .page-home2 .coll-tab-item a {
    color: #000;
  }
  .page-home2 .coll-tab-item.actived a {
    color: #00a4ff;
  }
  .page-home2 .mod-tab-nav {
    margin-top: 30px;
    margin-bottom: -40px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
  }
  .page-home2 .mod-tab-nav .coll-tab::after {
    display: none;
  }
  .page-home2 .home-entrance-container-box .coll-tab-tit {
    font-size: 14px;
  }
  .page-home2 .home-entrance-container-box .coll-tab-item.actived:after {
    display: none;
  }
  .page-home2 .home-entrance-container-box .coll-tab-item a {
    padding: 10px 14px;
  }
  .page-home2 .home-entrance-container-box .coll-tab::after {
    display: none;
  }
  .page-home2 .mod-product .coll-tab {
    margin-bottom: 36px;
  }
  .page-home2 .mod-course .coll-tab {
    margin-bottom: 36px;
  }
  .page-home2 .page-home2-worth-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 60px;
  }
  .page-home2 .page-home2-worth-card {
    font-size: 0;
  }
  .page-home2 .page-home2-worth-card-img {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
  }
  .page-home2 .page-home2-worth-card-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #000;
  }
  .page-home2 .page-home2-worth-card-desc {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-top: 12px;
  }
  .page-home2 .page-home2-worth-list-more.coll-mod-pc {
    display: block;
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .page-home2 .home-entrance-container-empty {
    padding-bottom: 20px;
  }
  .page-home2 .mod-tab-nav {
    position: sticky;
    top: 0px;
    z-index: 100;
    background-color: #f5f7fa;
  }
  .page-home2 .mod-tab-nav .coll-tab-item a {
    color: #444444;
    padding: 16px;
  }
  .page-home2 .mod-tab-nav .coll-tab-item.actived a {
    color: #00a4ff;
  }
  .page-home2 .coll-section-hd-desc {
    font-size: 16px;
    line-height: 24px;
    color: #a9a9a9;
  }
  .page-home2 .coll-tab {
    text-align: left;
    overflow: auto;
  }
  .page-home2 .coll-tab::after {
    display: none;
  }
  .page-home2 .coll-tab::-webkit-scrollbar {
    display: none;
  }
  .page-home2 .coll-tab-list {
    display: block;
    text-align: center;
    border-bottom: 1px solid #ddd;
  }
  .page-home2 .coll-tab-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
  }
  .page-home2 .coll-tab-item a {
    color: #666666;
    padding: 12px;
  }
  .page-home2 .coll-tab-item.actived a {
    color: #00a4ff;
    font-weight: 500;
  }
  .page-home2 .c-grid.p-y-tall .c-grid-layout {
    padding: 16px 0;
  }
  .page-home2 .mod-entrance-mb {
    padding-top: 16px;
    margin-bottom: 16px;
  }
  .page-home2 .mod-entrance-mb .coll-section-hd-desc {
    margin-top: 16px;
  }
  .page-home2 .mod-entrance-mb .coll-section-hd.align-center {
    margin-bottom: 8px;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab {
    margin: 12px 0 16px;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-list {
    border: none;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-item {
    margin-left: 12px;
    margin-bottom: 0;
    border: none;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-item a {
    font-size: 12px;
    padding: 0 1em;
    line-height: 24px;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-item:first-child {
    margin-left: 0;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-item.actived {
    background-color: #00a4ff;
    border-radius: 24px;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-item.actived a {
    color: #fff;
  }
  .page-home2 .mod-entrance-mb-list-box .coll-tab-item.actived::after {
    display: none;
  }
  .page-home2 .mod-entrance-mb-list-box .home-entrance-container {
    background: none;
    padding: 0;
  }
  .page-home2 .mod-entrance-mb-list-box .home-entrance-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 12px 0;
    height: auto;
    margin: 0;
  }
  .page-home2 .mod-entrance-mb-list-box .home-entrance-item {
    margin: 0;
    padding: 12px 20px 8px;
    box-sizing: border-box;
  }
  .page-home2 .mod-entrance-mb-list-box .home-entrance-cnt {
    padding: 0;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 32px auto;
    text-align: left;
    gap: 0 10px;
  }
  .page-home2 .mod-entrance-mb-list-box .home-entrance-figure {
    grid-row-start: 1;
    grid-row-end: 3;
    margin: 0;
    margin-top: -2px;
  }
  .page-home2 .mod-entrance-mb-list-box .home-entrance-desc {
    overflow: hidden;
    margin-top: 10px;
  }
  .page-home2 .mod-entrance-mb-list-box .mod-footer-link {
    padding: 12px 16px 16px;
    font-size: 14px;
    line-height: 24px;
  }
  .page-home2 .mod-entrance-mb-list-box .mod-footer-link .coll-arrow-link:hover,
  .page-home2 .mod-entrance-mb-list-box .mod-footer-link .coll-arrow-link.coll-link-primary {
    color: #00affe;
  }
  .page-home2 .mod-product {
    margin-top: 16px;
  }
  .page-home2 .mod-product .coll-tab-bar {
    padding: 0 16px;
  }
  .page-home2 .mod-product .coll-tab-scroll::after {
    height: 1px;
  }
  .page-home2 .mod-worth {
    margin-top: 16px;
  }
  .page-home2 .mod-worth .page-home2-worth-list {
    display: grid;
    gap: 16px 0;
    grid-template-columns: 1fr;
  }
  .page-home2 .mod-worth .page-home2-worth-card {
    display: flex;
    align-items: flex-start;
  }
  .page-home2 .mod-worth .page-home2-worth-card-img {
    flex-shrink: 1;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    transform: translate(0, -4px);
  }
  .page-home2 .mod-worth .page-home2-worth-card-con {
    width: 1px;
    flex-grow: 1;
  }
  .page-home2 .mod-worth .page-home2-worth-card-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
  }
  .page-home2 .mod-worth .page-home2-worth-card-desc {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #a9a9a9;
  }
  .page-home2 .mod-worth .page-home2-worth-list-more {
    padding-left: 40px;
    margin-top: 10px;
  }
  .page-home2 .mod-worth .page-home2-worth-list-more .coll-link-text {
    height: 22px;
    font-size: 14px;
    color: #00affe;
    line-height: 22px;
  }
}
.coll-eventblock {
  background: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(3, 27, 78, 0.12);
  border-radius: 2px;
}
.coll-eventblock-list {
  font-size: 0px;
}
.coll-eventblock-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.coll-eventblock-item + .coll-eventblock-item:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 1px;
  background-color: #E5E8ED;
}
.coll-eventblock-link {
  display: block;
  padding: 30px;
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.coll-eventblock-object,
.coll-eventblock-main {
  display: table-cell;
  vertical-align: middle;
}
.coll-eventblock-object {
  width: 48px;
}
.coll-eventblock-object i {
  width: 48px;
  height: 48px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.coll-eventblock-object + .coll-eventblock-main {
  padding-left: 30px;
}
.coll-eventblock-tit {
  line-height: 28px;
  font-size: 18px;
  color: #000000;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
}
.coll-eventblock-desc {
  margin-top: 8px;
  line-height: 20px;
  font-size: 14px;
  color: #666666;
}
.coll-eventblock-desc-info {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* grid s */
.coll-eventblock.cols-3 .coll-eventblock-item {
  width: 33.3333%;
}
/* grid e */
@media screen and (min-width: 769px) {
  .coll-eventblock-link:hover {
    box-shadow: 0 4px 8px 0 rgba(3, 27, 78, 0.12);
  }
}
@media screen and (max-width: 768px) {
  .coll-eventblock-item + .coll-eventblock-item:after {
    top: 23px;
    bottom: 23px;
  }
  .coll-eventblock-link {
    display: block;
    padding: 20px 10px;
  }
  .coll-eventblock-object,
  .coll-eventblock-main {
    display: block;
  }
  .coll-eventblock-object + .coll-eventblock-main {
    padding-left: 0px;
  }
  .coll-eventblock-object {
    width: auto;
    text-align: center;
  }
  .coll-eventblock-object i {
    width: 24px;
    height: 24px;
  }
  .coll-eventblock-tit {
    margin-top: 8px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
  }
  .coll-eventblock-desc {
    display: none;
  }
}
.coll-course-card-group {
  margin-bottom: -20px;
}
.coll-course-card-group .coll-course-card {
  margin-bottom: 20px;
}
.coll-course-card {
  position: relative;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
}
.coll-course-card .coll-course-img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.coll-course-card .coll-course-card-subtit {
  margin-bottom: 8px;
  line-height: 20px;
  font-size: 14px;
  color: #999999;
}
.coll-course-card .coll-course-card-title {
  height: 48px;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.coll-course-card .coll-course-card-desc {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
  margin-top: 10px;
}
.coll-course-card .coll-course-card-money {
  font-size: 16px;
  line-height: 25px;
  color: #ff7200;
}
.coll-course-card .coll-course-card-unit {
  color: #ff7200;
  font-size: 14px;
  margin-left: 5px;
}
.coll-course-card .coll-course-card-bd {
  padding: 16px;
  border-left: 1px solid #E5E8ED;
  border-right: 1px solid #E5E8ED;
  border-bottom: 1px solid #E5E8ED;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-sizing: border-box;
}
.coll-course-card {
  background-color: #ffffff;
  display: block;
}
/* price s */
.coll-course-card .coll-course-card-price,
.coll-course-card .coll-star-rating {
  display: table-cell;
  vertical-align: middle;
}
.coll-course-card .coll-course-card-price {
  line-height: 22px;
}
.coll-course-card .coll-course-card-price .coll-course-card-free {
  line-height: 22px;
  font-size: 16px;
  color: #0abf5b;
}
.coll-course-card .coll-course-card-price .coll-course-card-load {
  line-height: 22px;
  font-size: 14px;
  color: #999999;
}
.coll-course-card .coll-course-card-price .coll-course-card-money,
.coll-course-card .coll-course-card-price .coll-course-card-unit {
  line-height: 1;
  font-size: 16px;
  color: #ff7200;
}
.coll-course-card .coll-course-card-price .coll-course-card-unit {
  position: relative;
  top: -1px;
  font-size: 14px;
}
.coll-course-card .coll-course-card-price .coll-course-card-origin {
  position: relative;
  top: -1px;
  margin-left: 10px;
  font-size: 14px;
  color: #999999;
}
.coll-course-card .coll-price {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
}
.coll-course-card .coll-price-unit {
  margin-left: 5px;
  font-size: 14px;
}
.coll-course-card .coll-price-origin {
  margin-left: 10px;
  font-size: 14px;
}
/* price e */
.coll-course-card .coll-star-rating {
  margin-top: 0;
  text-align: right;
}
.coll-course-card .coll-star-rating .coll-star-list {
  margin-left: 0px;
}
.coll-course-card .star-text-rt {
  margin-left: 5px;
}
.coll-course-card .coll-star-rating .star-text-lt,
.coll-course-card .coll-star-rating .star-text-rt {
  font-size: 14px;
}
.coll-course-card .coll-course-card-detail {
  margin-top: 16px;
}
.coll-course-card .coll-course-card-detail-inner {
  display: table;
  /* table-layout: fixed; */
  width: 100%;
  height: 20px;
  box-sizing: border-box;
}
.coll-course-card-detail-cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 0px;
}
.coll-course-card-detail-cell:nth-child(2n + 1) {
  text-align: left;
}
.coll-course-card-detail-cell:nth-child(2n) {
  text-align: right;
}
.coll-course-card-data {
  font-size: 0px;
}
.coll-course-card-data-item {
  position: relative;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #999;
}
.coll-course-card-data-item + .coll-course-card-data-item {
  padding-left: 14px;
}
.coll-course-card-data-item + .coll-course-card-data-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background-color: #999;
  border-radius: 100%;
}
.coll-course-card-score,
.coll-course-card-key,
.coll-course-card-pay {
  line-height: 20px;
  font-size: 12px;
  color: #0ABF5B;
}
.coll-course-card-pay {
  color: #FF7800;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .coll-course-card-data-item.weak,
  .coll-course-card-data-item .weak {
    display: none;
  }
  .coll-course-card-data-item.weak + .coll-course-card-data-item {
    padding-left: 0px;
  }
  .coll-course-card-data-item.weak + .coll-course-card-data-item:after {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .coll-course-card .coll-star-list {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .coll-course-card .coll-course-card-bd {
    padding: 16px;
  }
  .coll-course-card .coll-course-card-title {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
  }
  .coll-course-card .coll-course-card-detail {
    margin-top: 16px;
  }
  .coll-course-card .coll-course-card-detail-inner {
    height: 20px;
  }
  .coll-course-card-data-item,
  .coll-course-card-score {
    line-height: 20px;
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .coll-course-card-group {
    margin-bottom: -12px;
  }
  .coll-course-card-group .coll-course-card {
    margin-bottom: 12px;
  }
  /* .coll-course-card .coll-course-img {
        padding-top: 29.1545%;
    } */
  /* .coll-course-card .coll-course-card-bd{
        padding: 8px 10px 8px 10px;
    } */
  .coll-course-card .coll-star-rating {
    margin-top: 3px;
  }
  .coll-course-card .coll-course-card-price {
    bottom: 8px;
  }
  .coll-course-card .coll-course-card-title {
    height: auto;
    max-height: 48px;
  }
  .coll-course-card .coll-star-rating .star-text-rt {
    vertical-align: middle;
  }
}
/* ----------- tips s ----------- */
.coll-course-card-tip {
  margin-top: 8px;
  line-height: 18px;
  font-size: 12px;
  color: #999999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* ----------- tips e ----------- */
/* ----------- buttons s ----------- */
.coll-course-card-btns {
  margin-top: 12px;
}
.coll-course-card-btns .coll-btn {
  max-width: 100%;
  min-width: auto;
  width: 100%;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
}
/* ----------- buttons e ----------- */
/* ----------- coop-course-card s ----------- */
.coll-course-card.coop-course-card .coll-course-card-title {
  display: block;
  height: auto;
  white-space: nowrap;
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}
.coll-course-card.coop-course-card .coll-course-card-detail {
  margin-top: 16px;
}
/* .coll-course-card.coop-course-card .coll-course-card-detail-inner {
    height: 20px;
}
.coll-course-card.coop-course-card .coll-course-card-data-item,
.coll-course-card.coop-course-card .coll-course-card-key {
    line-height: 20px;
    font-size: 14px;
} */
@media screen and (max-width: 768px) {
  .coll-course-card.coop-course-card .coll-course-card-title {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    color: #000000;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  /* .coll-course-card.coop-course-card .coll-course-card-bd {
        padding: 20px;
    } */
  .coop-course-card.coll-detail-vertical .coll-course-card-detail {
    margin-top: 0px;
  }
  .coll-course-card.coop-course-card .coll-course-card-data-item {
    font-size: 12px;
  }
  .coll-course-card.coop-course-card .coll-course-card-data-item .weak {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .coll-course-card.coop-course-card .coll-course-card-title {
    max-height: 56px;
    height: auto;
  }
}
/* ----------- coop-course-card e ----------- */
/* ----------- detail-vertical s ----------- */
@media screen and (max-width: 768px) {
  .coll-course-card.coll-detail-vertical .coll-course-card-detail {
    margin-top: 0px;
    padding-top: 4px;
  }
  .coll-course-card.coll-detail-vertical .coll-course-card-detail-inner {
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
  }
  .coll-course-card.coll-detail-vertical .coll-course-card-detail-cell {
    margin-top: 12px;
    display: block;
    text-align: left;
  }
  .coll-course-card.coll-detail-vertical .coll-course-card-data-item {
    font-size: 12px;
  }
}
/* ----------- collapse s ----------- */
.coll-course-card-collapse {
  background-color: #FFFFFF;
  border: 1px solid #E5E8ED;
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  box-sizing: border-box;
}
.coll-course-card-collapse .coll-course-card {
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 16px;
  box-shadow: none;
  transition: padding-top 0.3s linear;
  -moz-transition: padding-top 0.3s linear;
  /* Firefox 4 */
  -webkit-transition: padding-top 0.3s linear;
  /* Safari 和 Chrome */
  -o-transition: padding-top 0.3s linear;
  /* Opera */
}
.coll-course-card-collapse .coll-course-card + .coll-course-card {
  border-top: 1px solid #E5E8ED;
}
.coll-course-card-collapse .coll-course-card .coll-course-img {
  margin-bottom: 0px;
  padding-top: 0%;
  overflow: hidden;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  /* Firefox 4 */
  -webkit-transition: all 0.3s linear;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s linear;
  /* Opera */
}
.coll-course-card-collapse .coll-course-card .coll-course-card-bd {
  padding: 0px;
  border: none;
  border-radius: 0;
}
/* actived s */
.coll-course-card-collapse .coll-course-card.actived {
  padding-top: 20px;
}
.coll-course-card-collapse .coll-course-card.actived .coll-course-img {
  margin-bottom: 16px;
  padding-top: 42.8571%;
}
/* actived e */
/* ----------- collapse e ----------- */
/* ----------- inline-card s ----------- */
.coll-course-card.inline-card {
  position: relative;
  margin: 0px;
  padding-left: 136px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 16px;
  min-height: 68px;
  background: none;
  box-shadow: none;
}
.coll-course-card.inline-card + .coll-course-card.inline-card::after {
  content: "";
  display: block;
  position: absolute;
  left: 136px;
  right: 0px;
  top: 0px;
  height: 1px;
  background-color: #E5E8ED;
}
.coll-course-card.inline-card .coll-course-img {
  position: absolute;
  left: 24px;
  top: 10px;
  width: 100px;
  padding-top: 68px;
  border-radius: 2px;
}
.coll-course-card.inline-card .coll-course-card-bd {
  padding: 0px;
  border: none;
  border-radius: 0;
}
.coll-course-card.inline-card .coll-course-card-title {
  height: auto;
  max-height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #000000;
}
.coll-course-card.inline-card:hover .coll-course-card-title {
  color: #00a4ff;
}
.coll-course-card.inline-card .coll-course-card-detail {
  margin-top: 8px;
}
.coll-course-card.inline-card .coll-course-card-detail-inner {
  display: block;
  height: auto;
}
.coll-course-card.inline-card .coll-course-card-detail-cell {
  display: block;
  text-align: left;
}
.coll-course-card.inline-card .coll-course-card-detail-cell + .coll-course-card-detail-cell {
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .coll-course-card.inline-card {
    margin: 0px;
    padding-left: 128px;
  }
  .coll-course-card.inline-card .coll-course-img {
    left: 16px;
  }
  .coll-course-card.inline-card .coll-course-card-title {
    max-height: 44px;
    line-height: 22px;
    font-size: 16px;
  }
  .coll-course-card.inline-card .coll-course-card-detail {
    margin-top: 4px;
  }
}
/* ----------- inline-card e ----------- */
/* ----------- inline-card-mb s ----------- */
@media screen and (max-width: 768px) {
  .coll-course-card.inline-card-mb {
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
    font-size: 0px;
    box-shadow: none;
    box-sizing: border-box;
    position: relative;
  }
  .coll-course-card.inline-card-mb:after {
    content: '';
    position: absolute;
    width: calc(100% - 110px);
    height: 0;
    border-bottom: #e5e5e5 1px solid;
    bottom: 0px;
    left: 110px;
  }
  .coll-course-card.inline-card-mb .coll-course-img {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    padding-top: 68px;
    border-radius: 2px;
  }
  .coll-course-card.inline-card-mb .coll-course-card-bd {
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 0px 12px;
    width: calc(100% - 112px);
    border: none;
    border-radius: 0;
    box-sizing: border-box;
  }
  .coll-course-card.inline-card-mb .coll-course-card-title {
    height: auto;
    max-height: 44px;
    line-height: 22px;
    font-size: 16px;
  }
  .coll-course-card.inline-card-mb .coll-course-card-detail {
    margin-top: 4px;
  }
  .coll-course-card.inline-card-mb .coll-course-card-data-item {
    font-size: 12px;
  }
  .coll-course-card.inline-card-mb .coll-course-card-pay {
    display: none;
  }
}
/* ----------- inline-card-mb e ----------- */
/* ----------- 文档课程 s ----------- */
.coll-course-card.type-document {
  position: relative;
  background-color: #F5F7FA;
  box-shadow: none;
}
.coll-course-card.type-document .coll-course-card-bd {
  position: relative;
  padding: 12px 16px;
  border: none;
  z-index: 2;
}
.coll-course-card.type-document .coll-course-card-title {
  display: block;
  height: auto;
  max-height: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coll-course-card.type-document .coll-course-card-detail {
  margin-top: 4px;
}
.coll-course-card.type-document .coll-course-card-decoration {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 1;
}
.coll-course-card.type-document .coll-course-card-decoration-image {
  margin-right: -14px;
  margin-bottom: -14px;
  display: block;
  width: 64px;
  height: 64px;
}
.coll-course-card.type-document:hover {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.coll-course-card.type-document:hover .coll-course-card-title {
  color: #00a4ff;
}
/* ----------- 文档课程 e ----------- */
.coll-course-event .c-grid-inner {
  margin-bottom: -20px;
}
.coll-course-event [class*=c-g-] {
  margin-bottom: 20px;
}
.coll-course-event-colspan2 .coll-course-img {
  padding-top: calc((100% - 20px) * 0.4286 + 20px);
}
/* slider s */
.coll-course-card-slider {
  margin-left: -16px;
  margin-right: -16px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.coll-course-card-slider-scroll {
  padding: 4px 0px;
  height: 237px;
  overflow: hidden;
}
.coll-course-card-slider-list {
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  height: 260px;
  font-size: 0px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: auto;
}
.coll-course-card-slider-item {
  display: inline-block;
  vertical-align: top;
  width: 280px;
}
.coll-course-card-slider-item + .coll-course-card-slider-item {
  margin-left: 12px;
}
.coll-course-card-slider-item .coll-course-card {
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
}
/* .coll-course-card-slider .coll-course-card-slider-item .coll-course-img {
    padding-top: 100px;
} */
/* .coll-course-card-slider .coll-course-card .coll-course-card-title {
    height: 56px;
    font-size: 16px;
} */
.coll-course-card-slider-item .coll-course-card-bd {
  border-left: 1px solid #E5E8ED;
  border-right: 1px solid #E5E8ED;
  border-bottom: 1px solid #E5E8ED;
}
/* slider e */
/* ********** 文档课程 start ********** */
.coll-course-card-slider.type-document .coll-course-card-slider-scroll {
  height: 72px;
}
.coll-course-card-slider.type-document .coll-course-card-slider-list {
  height: 92px;
}
.coll-course-card-slider.type-document .coll-course-card-slider-item {
  width: 240px;
}
.coll-course-card-slider.type-document .coll-course-card-slider-item .coll-course-card {
  box-shadow: none;
}
/* ********** 文档课程 end ********** */
.coll-course-img {
  display: block;
  padding-top: 42.8571%;
  /* background-image: url("./img/course-img.jpg"); */
  background-size: cover;
  background-position: center;
  position: relative;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #00a4ff;
  border-radius: 2px;
  overflow: hidden;
}
.coll-course-img .coll-course-img-title {
  font-size: 20px;
  color: #ffffff;
  line-height: 26px;
  text-align: left;
  white-space: normal;
  max-height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
.coll-course-img .coll-course-img-desc {
  margin-top: 18px;
  line-height: 24px;
  font-size: 14px;
  color: #ffffff;
  max-height: 48px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.coll-course-img .coll-course-img-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  display: block;
}
.coll-course-img .coll-course-img-icon .icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.coll-course-img::after {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  top: 0px;
  bottom: 0px;
  opacity: 0.3;
  z-index: 1;
}
.coll-course-img.bg-shade::after {
  content: '';
  background: #000000;
  opacity: 0.7;
}
/* cover-color s */
.coll-course-img.color1::after {
  background: #2c95c2;
  /* Old browsers */
  background: -moz-linear-gradient(-90deg, #2c95c2 0%, #72ebfd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-90deg, #2c95c2 0%, #72ebfd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(90deg, #2c95c2 0%, #72ebfd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c95c2', endColorstr='#72ebfd', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.coll-course-img.color2::after {
  background: #002f9a;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #002f9a 0%, #367aff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #002f9a 0%, #367aff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #002f9a 0%, #367aff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f9a', endColorstr='#367aff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.coll-course-img.color3::after {
  background: #2745ff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #2745ff 0%, #64ecff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #2745ff 0%, #64ecff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #2745ff 0%, #64ecff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2745ff', endColorstr='#64ecff', GradientType=1);
  /* IE6-9 */
}
.coll-course-img.color4::after {
  background: #7434c9;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #7434c9 0%, #2b79ff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #7434c9 0%, #2b79ff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #7434c9 0%, #2b79ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7434c9', endColorstr='#2b79ff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.coll-course-img.color5::after {
  background: #00b7d6;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #00b7d6 0%, #75ffd2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #00b7d6 0%, #75ffd2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #00b7d6 0%, #75ffd2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7d6', endColorstr='#75ffd2', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.coll-course-img.color6::after {
  background: #21dbff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #21dbff 0%, #32baff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #21dbff 0%, #32baff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #21dbff 0%, #32baff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21dbff', endColorstr='#32baff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.coll-course-img.color7::after {
  background: #2252b8;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #2252b8 0%, #1a3872 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #2252b8 0%, #1a3872 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #2252b8 0%, #1a3872 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2252b8', endColorstr='#1a3872', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.coll-course-img.color8::after {
  background: #2745ff;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #2745ff 0%, #64ecff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #2745ff 0%, #64ecff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #2745ff 0%, #64ecff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2745ff', endColorstr='#64ecff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* cover-color e */
.coll-course-img .coll-course-img-divider {
  width: 220px;
  height: 1px;
  background: #ffffff;
  margin: 2px auto 5px auto;
}
.coll-course-img .coll-course-img-con {
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 20px 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
/*小号尺寸*/
.coll-course-img.coll-course-img-s .coll-course-img-con {
  padding: 12px 12px 0px;
}
.coll-course-img.coll-course-img-s {
  padding-top: 42.8571%;
}
.coll-course-img.coll-course-img-s .coll-course-img-desc {
  font-size: 12px;
  line-height: 17px;
}
.coll-course-img.coll-course-img-s .coll-course-img-divider {
  width: 141px;
}
.coll-course-img.coll-course-img-s .coll-course-img-title {
  line-height: 26px;
  font-size: 16px;
  text-align: left;
}
.coll-course-img.coll-course-img-s .coll-course-img-divider {
  opacity: 0.6;
}
/* detail s */
.coll-course-img .coll-course-img-detail {
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 2;
}
.coll-course-img-row {
  display: table;
  width: 100%;
  height: 26px;
  table-layout: auto;
  box-sizing: border-box;
}
.coll-course-img-cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 0px;
}
.coll-course-img-cell:nth-child(2n + 1) {
  text-align: left;
}
.coll-course-img-cell:nth-child(2n) {
  text-align: right;
}
.coll-course-img-data {
  font-size: 0px;
}
.coll-course-img-data-item {
  position: relative;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #FFFFFF;
}
.coll-course-img-data-item + .coll-course-img-data-item {
  padding-left: 20px;
}
.coll-course-img-data-item + .coll-course-img-data-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 9px;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background-color: #fff;
  border-radius: 100%;
}
.coll-course-img-score {
  line-height: 26px;
  font-size: 16px;
  color: #FFFFFF;
}
.coll-course-img.coll-course-img-s .coll-course-img-row {
  height: 18px;
}
.coll-course-img.coll-course-img-s .coll-course-img-detail {
  bottom: 12px;
  padding: 0 12px;
}
.coll-course-img.coll-course-img-s .coll-course-img-data-item,
.coll-course-img.coll-course-img-s .coll-course-img-score {
  line-height: 18px;
  font-size: 12px;
}
/* detail e */
/* tag s */
.coll-course-img .coll-bar-tag {
  margin-left: 0;
  padding: 0 12px;
  height: 24px;
  line-height: 22px;
  color: #FFFFFF;
  font-size: 0px;
  background: #F74042;
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.coll-course-img .coll-bar-tag + .coll-bar-tag {
  margin-left: 4px;
}
.coll-course-img .coll-bar-tag span {
  font-size: 12px;
}
.coll-course-img .coll-course-img-tag {
  position: absolute;
  width: 100%;
  padding: 16px;
  font-size: 0;
  box-sizing: border-box;
  z-index: 3;
}
.coll-course-img .coll-course-img-tag-lt {
  left: 0;
  top: 0;
}
.coll-course-img .coll-course-img-tag-lb {
  left: 0;
  bottom: 0;
}
.coll-course-img .coll-course-img-tag-rt {
  right: 0;
  top: 0;
  text-align: right;
}
.coll-course-img .coll-course-img-tag-rb {
  right: 0;
  bottom: 0;
  text-align: right;
}
.coll-course-img .coll-course-img-tag .coll-bar-tag {
  vertical-align: top;
}
.coll-course-img .coll-bar-tag.hot {
  background: #fd7822;
}
.coll-course-img .coll-bar-tag.cur {
  background-color: #00a4ff;
  vertical-align: text-bottom;
}
.coll-course-img .coll-bar-tag.free,
.coll-course-img .coll-bar-tag.done,
.coll-course-img .coll-bar-tag.live {
  background-color: rgba(0, 0, 0, 0.25);
}
.coll-course-img .coll-bar-tag.living,
.coll-course-img .coll-bar-tag.update,
.coll-course-img .coll-bar-tag.updating,
.coll-course-img .coll-bar-tag.new,
.coll-course-img .coll-bar-tag.recommend {
  background-color: #F74042;
}
.coll-course-img .coll-bar-tag.living .icon-live {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTYgMTAiPgogIDx0aXRsZT7nm7Tmkq08L3RpdGxlPgogIDxwYXRoIGQ9Ik0xMSw0YS4xOS4xOSwwLDAsMSwwLC4xMXY3Ljc4QzExLDEyLDExLDEyLDExLDEySDFhLjE2LjE2LDAsMCwxLDAtLjEyVjQuMTFDMSw0LDEsNCwxLDRIMTFtMC0xSDFBMS4wNiwxLjA2LDAsMCwwLDAsNC4xMXY3Ljc4QTEuMDYsMS4wNiwwLDAsMCwxLDEzSDExYTEuMDYsMS4wNiwwLDAsMCwxLTEuMTFWNC4xMUExLjA2LDEuMDYsMCwwLDAsMTEsM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDEgLTMpIiBzdHlsZT0iZmlsbDogI2ZmZiIvPgogIDxwYXRoIGQ9Ik0xNSw1LjI2djUuNDhMMTIsOS40N1Y2LjUzbDMtMS4yOE0xNS41LDRoMGEuNDcuNDcsMCwwLDAtLjE5LDBsLTQsMS43YS41My41MywwLDAsMC0uMzEuNDlWOS43N2EuNTMuNTMsMCwwLDAsLjMxLjQ5bDQsMS43YS40Ny40NywwLDAsMCwuMTksMCwuNTIuNTIsMCwwLDAsLjUtLjUzVjQuNTNBLjUyLjUyLDAsMCwwLDE1LjUsNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDEgLTMpIiBzdHlsZT0iZmlsbDogI2ZmZiIvPgogIDxwb2x5Z29uIHBvaW50cz0iNy44MSA1IDQuODEgNyA0LjgxIDMgNy44MSA1IiBzdHlsZT0iZmlsbDogI2ZmZiIvPgo8L3N2Zz4K);
}
.coll-course-img .coll-bar-tag.lab {
  background-color: #006EFF;
}
@media screen and (max-width: 768px) {
  .coll-course-img .coll-course-img-tag {
    padding: 4px;
  }
  .coll-course-img .coll-bar-tag {
    padding: 0 4px;
    height: 22px;
    line-height: 20px;
    border-radius: 1px;
  }
}
/* tag e */
/* label s */
.coll-course-img-label {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 0 16px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 18px;
  z-index: 3;
}
/* label e */
@media (max-width: 768px) {
  .coll-course-img.coll-course-img-s .coll-course-img-title {
    line-height: 28px;
  }
  .coll-course-img.coll-course-img-s .coll-course-img-row {
    height: 20px;
  }
  .coll-course-img.coll-course-img-s .coll-course-img-data-item,
  .coll-course-img.coll-course-img-s .coll-course-img-score {
    line-height: 20px;
    font-size: 14px;
  }
}
.c-nav-mod .c-nav-bottom .c-nav-project-logo .c-nav-project-bg-logo,
.c-nav-mod.c-nav-dark .c-nav-bottom .c-nav-project-logo .c-nav-project-bg-logo {
  width: 109px;
  height: 18px;
  background-image: url(https://imgcache.qq.com/open_proj/proj_qcloud_v2/college/project/college/build/partner-university/sprite/partner-university.min-202201071742.svg);
  background-position: 0.67% 45.29%;
  background-size: 237.6146789% 1338.88888889%;
  background-repeat: no-repeat;
}
.c-nav-project-logo {
  cursor: unset;
}
.coll-product-card-group {
  margin-bottom: -20px;
}
.coll-product-card {
  margin-bottom: 20px;
  position: relative;
  height: 0px;
  padding-top: calc(100% * 0.428571 + 94px);
  background-color: #00a4ff;
  box-sizing: border-box;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjgwcHgiIGhlaWdodD0iMjM2cHgiIHZpZXdCb3g9IjAgMCAyODAgMjM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi4yICg2NzE0NSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TWFzayBDb3B5IDM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNDcuMjgxNTA0MSUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTA5MEZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyM0NERkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4MCIgaGVpZ2h0PSIyMzYiIHJ4PSIyIj48L3JlY3Q+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI0MC45MTM5ODI4JSIgeTE9IjEwLjc5MzU4NTUlIiB4Mj0iNzAuNjM3MzU2NSUiIHkyPSI0MS41MDk5MDI3JSIgaWQ9ImxpbmVhckdyYWRpZW50LTQiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTA5MEZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyM0NERkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxNy41OTcwNTg0JSIgeTE9IjM0LjI2OTYzNCUiIHgyPSIxMDAlIiB5Mj0iMS4yNjY5NjEzNSUiIGlkPSJsaW5lYXJHcmFkaWVudC01Ij4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzEwOTBGRSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjNDREZGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1hc2stQ29weS0zIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMyIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIG1hc2s9InVybCgjbWFzay0zKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDguMDAwMDAwLCA0Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUG9seWdvbi1Db3B5LTIwIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTQpIiBwb2ludHM9IjE5NiA0NCAzOTIgMTcwLjk4NzM0MiAzOTIgMzczLjAxMjY1OCAxOTYgNTAwIDAgMzczLjAxMjY1OCAwIDE3MC45ODczNDIiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUG9seWdvbi1Db3B5LTIxIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTUpIiBwb2ludHM9IjM5MiAtNy45MTAzMzkwNWUtMTYgNTg4IDEyNi45ODczNDIgNTg4IDMyOS4wMTI2NTggMzkyIDQ1NiAxOTYgMzI5LjAxMjY1OCAxOTYgMTI2Ljk4NzM0MiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  border-radius: 2px;
}
.coll-product-card:only-child {
  padding-top: calc(100% * 0.8571 + 210px);
}
.coll-product-card:only-child .coll-product-card-desc {
  max-height: 84px;
  -webkit-line-clamp: 3;
}
.coll-product-card .coll-product-card-tagwrap {
  margin-right: -10px;
  padding-right: 10px;
  height: 164px;
  box-sizing: border-box;
  overflow-y: auto;
}
.coll-product-card .coll-product-card-tagwrap::-webkit-scrollbar {
  width: 6px;
  height: 17px;
  background: none;
  border-radius: 9px;
}
.coll-product-card .coll-product-card-tagwrap::-webkit-scrollbar-thumb {
  background: none;
}
.coll-product-card .coll-product-card-tagwrap:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.coll-product-card-inner {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 20px 24px 92px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.coll-product-card.size-large {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjgwcHgiIGhlaWdodD0iNDkycHgiIHZpZXdCb3g9IjAgMCAyODAgNDkyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi4yICg2NzE0NSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TWFzayBDb3B5IDM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNDcuMjgxNTA0MSUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTA5MEZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyM0NERkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI4MCIgaGVpZ2h0PSI0OTIiIHJ4PSIyIj48L3JlY3Q+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI0MC45MTM5ODI4JSIgeTE9IjEwLjc5MzU4NTUlIiB4Mj0iNzAuNjM3MzU2NSUiIHkyPSI0MS41MDk5MDI3JSIgaWQ9ImxpbmVhckdyYWRpZW50LTQiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTA5MEZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyM0NERkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxNy41OTcwNTg0JSIgeTE9IjM0LjI2OTYzNCUiIHgyPSIxMDAlIiB5Mj0iMS4yNjY5NjEzNSUiIGlkPSJsaW5lYXJHcmFkaWVudC01Ij4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzEwOTBGRSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjNDREZGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1hc2stQ29weS0zIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMyIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB4bGluazpocmVmPSIjcGF0aC0yIj48L3VzZT4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIG1hc2s9InVybCgjbWFzay0zKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDguMDAwMDAwLCAyOTEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBvbHlnb24tQ29weS0yMCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgcG9pbnRzPSIxOTYgNDQgMzkyIDE3MC45ODczNDIgMzkyIDM3My4wMTI2NTggMTk2IDUwMCAwIDM3My4wMTI2NTggMCAxNzAuOTg3MzQyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBvbHlnb24tQ29weS0yMSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC01KSIgcG9pbnRzPSIzOTIgLTcuOTEwMzM5MDVlLTE2IDU4OCAxMjYuOTg3MzQyIDU4OCAzMjkuMDEyNjU4IDM5MiA0NTYgMTk2IDMyOS4wMTI2NTggMTk2IDEyNi45ODczNDIiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
.coll-product-card-tit {
  font-size: 0px;
  font-weight: normal;
}
.coll-product-card-tit .tit-text {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
  font-size: 20px;
  color: #FFFFFF;
}
.coll-product-card-tit .tit-text:only-child {
  margin-right: 0px;
}
.coll-product-card-tit .tit-tag {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #F74042;
  border-radius: 2px;
}
.coll-product-card-desc {
  margin-top: 12px;
  line-height: 28px;
  font-size: 16px;
  color: #FFFFFF;
  max-height: 56px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.coll-product-card-tagwrap {
  margin-top: 24px;
  overflow: hidden;
}
.coll-product-card-tagwrap-inner {
  margin-bottom: -12px;
  margin-right: -8px;
  font-size: 0px;
}
.coll-product-card-tag {
  margin-right: 8px;
  margin-bottom: 12px;
  display: inline-block;
  vertical-align: top;
  padding: 0 12px;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
  border-radius: 16px;
}
.coll-product-card-tag:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.coll-product-card-btnwrap {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
}
.coll-product-card-btnwrap .coll-btn {
  height: 48px;
  line-height: 46px;
  font-size: 16px;
}
.coll-product-card-btnwrap .coll-btn:only-child {
  max-width: 100%;
  width: 100%;
}
.coll-product-card-btnwrap .coll-btn.coll-btn-hole {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.coll-product-card-btnwrap .coll-btn.coll-btn-hole:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #00a4ff;
}


/*# sourceMappingURL=10.ee4e8d56d59367eb03a3.css.map*/