.modalmain {
  .header {
    position: relative;
    z-index: 1;
    height: 120px;
    background: #f3f3f3;
    border-radius: 20px 20px 0 0;
    .title {
      position: absolute;
      top: 52px;
      // top: -40px;
      left: 50%;
      text-align: center;
      transform: translateX(-50%);
      img {
        display: block;
        width: 88px;
        height: 88px;
        margin: 0 auto;
      }
      span {
        display: block;
        padding-top: 10px;
        font-weight: 600;
        font-size: 18px;
        font-family: PingFang SC;
        line-height: 25px;
        text-align: center;
      }
    }
  }
  .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    cursor: pointer;
  }
  .content {
    position: relative;
    padding: 65px;
    padding-top: 95px;
    background-color: #fff;
    .comTitle {
      padding: 47px 25px;
      border: 1px solid #f3f3f3;
      span {
        &:nth-child(1) {
          display: inline-block;
          color: #f0da21;
          font-weight: 500;
          font-size: 24px;
          font-family: Montserrat;
          line-height: 34px;
          text-align: left;
          vertical-align: middle;
        }
        &:nth-child(2) {
          display: inline-block;
          padding-left: 11px;
          color: #656872;
          font-weight: 400;
          font-size: 14px;
          font-family: PingFang SC;
          line-height: 34px;
          text-align: left;
          vertical-align: middle;
        }
      }
      a {
        width: 152px;
        margin-left: 67px;
        padding: 17px 30px;
        color: #4d5262;
        font-size: 14px;
        // height: 50px;
        line-height: 16px;
        background: #fff;
        border: 1px solid #c4c4c4;
        border-radius: 30px;
      }
      &:nth-child(2) {
        border-top: none;
      }
    }
    .contentTemp {
    }
  }
}
