.wy-title .title {
  color: var(--main-color, #DF352F); }
  .wy-title .title:before {
    border-radius: 20px; }
.wy-title .more span {
  font-size: 12px; }

.wy-banner .wy-banner-con .pic {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.index-article .article-con {
  padding: 20px 0; }
  .index-article .article-con .con-item {
    display: inline-block;
    min-width: 100px;
    position: relative;
    text-align: center;
    margin: 5px 10px; }
    .index-article .article-con .con-item:hover .item-title {
      background-color: var(--main-color, #DF352F);
      color: #ffffff; }
    .index-article .article-con .con-item:hover .item-content {
      display: block; }
    .index-article .article-con .con-item .item-title {
      padding: 8px 20px;
      background-color: #dddddd;
      font-size: 18px;
      font-weight: bold;
      color: var(--main-font-color, #333333);
      cursor: pointer;
      border-radius: 5px; }
    .index-article .article-con .con-item .item-content {
      display: none;
      padding-top: 40px;
      width: 100%;
      position: absolute;
      top: 10px;
      left: 0;
      z-index: 2; }
      .index-article .article-con .con-item .item-content:before {
        content: '';
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom: 8px solid var(--main-color, #DF352F);
        position: absolute;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1; }
      .index-article .article-con .con-item .item-content .content-list {
        background-color: #ffffff;
        padding: 10px;
        border: 1px solid var(--main-color, #DF352F);
        text-align: center;
        border-radius: 5px;
        position: relative; }
        .index-article .article-con .con-item .item-content .content-list div {
          font-size: 15px;
          padding: 10px 0;
          border-bottom: 1px dashed #cccccc;
          color: var(--main-font-color, #333333); }
        .index-article .article-con .con-item .item-content .content-list :last-child div {
          border-bottom: none; }

.index-addr .addr-con {
  padding: 20px; }
  .index-addr .addr-con .con-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    font-weight: bold;
    color: var(--main-font-color, #333333); }
    .index-addr .addr-con .con-title p:first-child {
      color: var(--main-color, #DF352F); }
  .index-addr .addr-con .con-list {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
    max-width: 1000px; }
    .index-addr .addr-con .con-list span {
      display: inline-block;
      margin: 5px 10px;
      color: var(--vice-font-color, #666666); }
      .index-addr .addr-con .con-list span:hover {
        color: var(--main-color, #DF352F); }

.enrollment .enrollment-con {
  font-size: 0;
  padding: 20px; }
  .enrollment .enrollment-con .con-list {
    width: 100%;
    align-items: stretch;
    display: grid;
    grid-template-columns: 425px auto; }
    .enrollment .enrollment-con .con-list .list-item {
      padding: 0 20px;
      margin-top: 20px;
      border-right: 1px dashed var(--main-color, #DF352F);
      display: inline-block;
      vertical-align: top; }
      .enrollment .enrollment-con .con-list .list-item:last-child {
        border-right: none; }
      .enrollment .enrollment-con .con-list .list-item .enrollment-banner {
        width: 100%;
        position: relative;
        font-size: 0;
        margin-bottom: 20px; }
        .enrollment .enrollment-con .con-list .list-item .enrollment-banner .pic {
          width: 100%;
          height: 188px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
        .enrollment .enrollment-con .con-list .list-item .enrollment-banner .swiper-pagination-bullet-active {
          background: var(--vice-color, #fa352f); }
        .enrollment .enrollment-con .con-list .list-item .enrollment-banner:hover .swiper-button-but {
          transform: scale(1);
          opacity: 1; }
        .enrollment .enrollment-con .con-list .list-item .enrollment-banner .swiper-button-but {
          width: 35px;
          height: 35px;
          transform: scale(0);
          opacity: 0;
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          transition: all 0.3s; }
          .enrollment .enrollment-con .con-list .list-item .enrollment-banner .swiper-button-but:after {
            content: ''; }
        .enrollment .enrollment-con .con-list .list-item .enrollment-banner .prev {
          background-image: url("../../img/public/prev.png");
          left: 5%; }
        .enrollment .enrollment-con .con-list .list-item .enrollment-banner .next {
          background-image: url("../../img/public/next.png");
          right: 5%; }
      .enrollment .enrollment-con .con-list .list-item .wy-title .title {
        padding-left: 0; }
        .enrollment .enrollment-con .con-list .list-item .wy-title .title:before {
          content: none; }
      .enrollment .enrollment-con .con-list .list-item .wy-point-list {
        padding-top: 0; }
        .enrollment .enrollment-con .con-list .list-item .wy-point-list .wy-point-list-li {
          max-width: 340px; }
      .enrollment .enrollment-con .con-list .list-item .other-wy-point-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 9px; }
        .enrollment .enrollment-con .con-list .list-item .other-wy-point-list .tj-list-li {
          background-color: #EFF5FF; }
          .enrollment .enrollment-con .con-list .list-item .other-wy-point-list .tj-list-li:before {
            display: none; }
          .enrollment .enrollment-con .con-list .list-item .other-wy-point-list .tj-list-li .tag {
            font-size: 14px;
            display: inline-block;
            vertical-align: middle;
            background-color: #4C77DB;
            color: #ffffff;
            padding: 2px 10px;
            border-radius: 2px; }
          .enrollment .enrollment-con .con-list .list-item .other-wy-point-list .tj-list-li .title {
            color: #3C69D1;
            font-weight: bold; }
      .enrollment .enrollment-con .con-list .list-item .other-wy-title {
        margin-top: 15px; }

.courseCenter {
  width: 910px;
  display: inline-block;
  vertical-align: top;
  padding: 20px; }
  .courseCenter .courseCenter-con-con {
    width: 100%;
    font-size: 0; }
    .courseCenter .courseCenter-con-con .wy-course {
      border-radius: 5px; }
      .courseCenter .courseCenter-con-con .wy-course .pic {
        border-radius: 5px; }

.coachData {
  width: 270px;
  padding: 20px; }
  .coachData .coachData-list .list-item {
    width: 100%;
    display: grid;
    grid-template-columns: auto 85%;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #cccccc;
    margin: 3px 0; }
    .coachData .coachData-list .list-item:hover .item-icon {
      color: var(--main-color, #DF352F); }
    .coachData .coachData-list .list-item:hover .item-content .title, .coachData .coachData-list .list-item:hover .item-content .time {
      color: var(--main-color, #DF352F); }
    .coachData .coachData-list .list-item .item-icon {
      font-size: 25px;
      color: var(--tip-font-color, #999999); }
    .coachData .coachData-list .list-item .item-content .title {
      font-size: 15px;
      font-weight: bold;
      color: var(--main-font-color, #333333);
      margin-bottom: 5px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .coachData .coachData-list .list-item .item-content .time {
      font-size: 12px;
      color: var(--vice-font-color, #666666); }

.preparation .preparation-con {
  padding: 20px; }
  .preparation .preparation-con .con-list {
    display: grid;
    grid-template-columns: 425px auto;
    margin-top: 20px;
    gap: 20px; }
    .preparation .preparation-con .con-list .list-left {
      display: grid;
      gap: 15px;
      padding: 0 20px;
      border-right: 1px dashed var(--main-color, #DF352F); }
      .preparation .preparation-con .con-list .list-left .left-item {
        display: grid;
        grid-template-columns: 80px auto;
        grid-gap: 10px; }
        .preparation .preparation-con .con-list .list-left .left-item:hover .item-data .data-title {
          color: var(--main-color, #DF352F); }
        .preparation .preparation-con .con-list .list-left .left-item .item-pic {
          width: 80px;
          height: 80px;
          background-size: contain; }
        .preparation .preparation-con .con-list .list-left .left-item .item-data {
          display: grid;
          align-content: space-around; }
          .preparation .preparation-con .con-list .list-left .left-item .item-data .data-title {
            font-size: 18px;
            color: var(--main-font-color, #333333);
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .preparation .preparation-con .con-list .list-left .left-item .item-data .data-tag {
            font-size: 14px;
            color: var(--vice-font-color, #666666); }
          .preparation .preparation-con .con-list .list-left .left-item .item-data .data-time {
            font-size: 14px;
            color: var(--tip-font-color, #999999); }
    .preparation .preparation-con .con-list .list-right .wy-point-list {
      padding-top: 0; }
      .preparation .preparation-con .con-list .list-right .wy-point-list .wy-point-list-li {
        max-width: 340px; }
    .preparation .preparation-con .con-list .list-right .other-wy-point-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 9px; }
      .preparation .preparation-con .con-list .list-right .other-wy-point-list .tj-list-li {
        background-color: #EFF5FF; }
        .preparation .preparation-con .con-list .list-right .other-wy-point-list .tj-list-li:before {
          display: none; }
        .preparation .preparation-con .con-list .list-right .other-wy-point-list .tj-list-li .title {
          width: 100%;
          color: #3C69D1;
          font-weight: bold; }
    .preparation .preparation-con .con-list .list-right .other-wy-title {
      margin-top: 15px; }

.courseArticle .courseArticle-con {
  font-size: 0; }
  .courseArticle .courseArticle-con .con-con {
    display: grid;
    grid-template-columns: 300px auto; }
    .courseArticle .courseArticle-con .con-con .adv {
      padding: 20px;
      width: 100%; }
      .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner {
        width: 100%;
        position: relative;
        font-size: 0;
        margin-bottom: 20px; }
        .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner img {
          width: 100%; }
        .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner .swiper-pagination-bullet-active {
          background: var(--vice-color, #fa352f); }
        .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner:hover .swiper-button-but {
          transform: scale(1);
          opacity: 1; }
        .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner .swiper-button-but {
          width: 35px;
          height: 35px;
          transform: scale(0);
          opacity: 0;
          background-size: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          transition: all 0.3s; }
          .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner .swiper-button-but:after {
            content: ''; }
        .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner .prev {
          background-image: url("../../img/public/prev.png");
          left: 5%; }
        .courseArticle .courseArticle-con .con-con .adv .courseArticle-banner .next {
          background-image: url("../../img/public/next.png");
          right: 5%; }
    .courseArticle .courseArticle-con .con-con .list .wy-ptf-course .pic {
      border-radius: 5px; }

.teacher .teacher-con {
  padding: 20px; }
  .teacher .teacher-con .con-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px; }
    .teacher .teacher-con .con-list .teacher-item {
      background: #FFFFFF;
      border: 1px solid #EEEEEE;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
      border-radius: 12px;
      padding: 24px;
      display: inline-grid;
      justify-items: center;
      grid-gap: 15px;
      transition: all .3s; }
      .teacher .teacher-con .con-list .teacher-item .teacher-img {
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
      .teacher .teacher-con .con-list .teacher-item .teacher-name span {
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .teacher .teacher-con .con-list .teacher-item .teacher-rank span {
        font-size: 14px;
        line-height: 19px;
        color: #999999; }
      .teacher .teacher-con .con-list .teacher-item .teacher-detail {
        width: 100%;
        height: 80px; }
        .teacher .teacher-con .con-list .teacher-item .teacher-detail span {
          font-size: 14px;
          line-height: 24px;
          color: #666666;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .teacher .teacher-con .con-list .teacher-item .teacher-option span {
        font-size: 14px;
        line-height: 19px;
        color: #999999; }
      .teacher .teacher-con .con-list .teacher-item:hover {
        transform: translate(-4px, -4px);
        box-shadow: 4px 4px 10px -5px rgba(0, 0, 0, 0.2); }

.index-walk .walk-con {
  padding: 20px; }
  .index-walk .walk-con .con-list {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; }
    .index-walk .walk-con .con-list .item-pic {
      width: 100%;
      height: 200px;
      margin-bottom: 20px;
      border-radius: 5px; }
    .index-walk .walk-con .con-list .item-title {
      font-size: 18px;
      font-weight: bold;
      color: var(--main-font-color, #333333);
      cursor: pointer;
      margin-bottom: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .index-walk .walk-con .con-list .item-title:hover {
        color: var(--main-color, #DF352F); }
    .index-walk .walk-con .con-list .item-time {
      font-size: 14px;
      color: var(--tip-font-color, #999999); }
    .index-walk .walk-con .con-list .item-summary {
      margin-top: 10px;
      font-size: 14px;
      color: var(--vice-font-color, #666666);
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }

/*# sourceMappingURL=index.css.map */