@import 'animation';
.introduction-wrap {
  width: 531px;
  .introduction-content {
    text-align: left;
    .title {
      font-family: PingFangSC-Semibold;
      font-size: 36px;
      color: #111111;
      letter-spacing: 6px;
      line-height: 36px;
      padding-bottom: 14px;
      opacity: 0;
      font-weight: 550;
    }
    .introduction {
      opacity: 0;
    }
    .subtitle {
      opacity: 0;
      font-weight: lighter;
    }
    .check-video {
      opacity: 0;
    }
    dt {
      font-family: PingFangSC-Light;
      font-size: 32px;
      color: #acc5ff;
      letter-spacing: 5px;
      line-height: 48px;
      padding-bottom: 30px;
      white-space: nowrap;
    }
    dd {
      border: 0 solid #111111;
      font-family: PingFangSC-Thin;
      font-size: 18px;
      color: #111111;
      letter-spacing: 3px;
      line-height: 34px;
      padding-bottom: 24px;
    }
    .check-video {
      width: 107px;
      height: 26px;
      span {
        display: flex;
        align-items: center;
        cursor: pointer;
        font-size: 12px;
        border: 1px solid #999999;
        border-radius: 13px;
        height: 100%;
        justify-content: center;
        background: #fff;
        img {
          font-size: 12px;
          position: relative;
          left: 2px;
        }
      }
    }
  }
  .text-indent {
    padding-left: 21px;
  }
}

// //animation
// .animated {
//     .introduction-wrap {
//         .title {
//             position: relative;
//             animation: fadeInDown 0.71s forwards linear;
//         }

//         .subtitle {
//             position: relative;
//             animation: fadeInDown 0.35s forwards linear;
//         }

//         .introduction {
//             animation: fadeInUp 0.51s forwards linear;
//         }

//         .check-video {
//             -webkit-animation: fadeInUp 0.51s linear forwards;
//             animation: fadeInUp 0.51s linear forwards;
//             animation-delay: 0.3s;
//             -webkit-animation-delay: 0.3s;
//         }
//     }
// }
