.course-index {
  background-color: #f9f9f9;
  height: 100%;
  .course-box {
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 30px;
    .part-title {
      background-color: #222;
      h2 {
        color: #bfb199;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        margin: 60px 0 10px;
      }
      p {
        font-size: 14px;
        color: #bfb199;
        line-height: 24px;
      }
    }
    .course-content {
      padding: 50px 0 20px;
      color: #333;
      line-height: 26px;
      text-align: justify;
      font-size: 14px;
      p {
        margin-bottom: 15px;
      }
      h3 {
        margin: 0;
      }
      strong {
        color: #bfb199;
      }
      ul, ol {
        padding-left: 25px;
      }
      a {
        color: #bfb199;
        font-weight: 500;
        // text-decoration: underline;
      }
      a:hover {
        color: #7D7D7D;
        transition: 0.3s;
      }

      .affix
      {
        top:80px;              //设置处于 affix 时候,距离顶部的位置
        max-width: 220px;
      }
      blockquote {
        text-align: justify;
      }
      video {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
      }

      @media screen and (min-width: 770px){
        .course-description {
          padding-right: 40px;
        }
      }
      .course-post {
        .post-ul {
          margin: 20px 0;
          .post-li {
            margin: 6px 0;
          }
        }
      }
      .course-img {
        img {
          border: #f5f5f5 solid 5px;
          width: 100%;
          height: auto;
        }
      }
      @media screen and (min-width: 770px){
        .course-img {
          display: inline;
          float: right;
        }
      }

      .why-join {
        transition: 0.2s;
        padding: 20px 5px 0;
        margin-bottom: 30px;
        background-color: #f9f9f9;
        img {
          width: 60px;
          height: auto;
          margin-bottom: 20px;
        }
        .why-join-desc {
          h3 {
            font-weight: 600;
            font-size: 20px;
            margin-bottom: 20px;
            span {
              color: #bfb199;
            }
          }
          p {
            color: #bfb199;
            font-weight: 500;
            font-size: 14px;
            text-align: justify;
            line-height: 24px;
          }
        }
      }
      .why-join:hover {
        transition: 0.2s;
        background-color: #f9f9f9;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
      }

    }
  }
}
