/* pages/my/my.wxss */
/* pages/searchResult/searchResult.wxss */
page {
  background: #7E8BFF;
}

.searchResult-page {
  // background: #7E8BFF;
  // margin-top: 150rpx;
  // padding: 30rpx 30rpx;

  .userInfo_box {
    display: flex;
    align-items: center;
    margin-bottom: 50rpx;
    padding: 30rpx 30rpx;
    background: #7B8EFF;
    // width: 100%;
    // position: absolute;
    // top: 0rpx;
    // padding-top: 30rpx;
    // height: 150rpx;
    // align-items: flex-start;

    .btn_switch {
      font-size: 22rpx;
      font-family: PingFang SC;
      font-weight: 500;
      width: 140rpx;
      height: 36rpx;
      border: 1px solid #CFD6FF;
      border-radius: 18px;
      color: #CFD6FF;
      // padding: 7rpx 14rpx;
      // box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 12rpx;

      .icon_switch {
        width: 16rpx;
        height: 14rpx;
        margin-right: 3rpx;
      }
    }

    // .select-box {
    //   font-size: 22rpx;
    //   font-family: PingFang SC;
    //   font-weight: 500;
    //   width: 140rpx;
    //   height: 36rpx;
    //   border: 1px solid #CFD6FF;
    //   border-radius: 18px;
    //   color: #CFD6FF;
    //   display: flex;
    //   justify-content: center;
    //   align-items: center;
    //   margin-top: 12rpx;

    //   .icon_switch {
    //     width: 16rpx;
    //     height: 14rpx;
    //     margin-right: 3rpx;
    //   }
    // }

    .avatar {
      width: 77rpx;
      height: 77rpx;
      margin-right: 26rpx;
    }

    .username {
      font-size: 41rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #FFFFFF;
      margin-bottom: 10rpx;
    }

    .checkInfo {
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #CFD6FF;
    }
  }
}

.layout_f {
  overflow: auto;
  height: 1300rpx;
  background: #fff;
  // height: 1278rpx;
  border-radius: 32rpx 32rpx 16rpx 16rpx;

  // .line {

  //   background: #F9F9F9;
  //   height: 7rpx;
  // }
  .btn_clear {
    text-decoration: underline;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ACACAC;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30rpx;

    .icon_clear {
      width: 27rpx;
      height: 27rpx;
      margin-right: 6rpx;
    }
  }

  .scoreLayout {
    font-size: 53rpx;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FF7247;
    padding-top: 50rpx;
    border-bottom: 7rpx solid #F9F9F9;
    padding-bottom: 45rpx;
    margin-bottom: 38rpx;

    .score {
      margin-right: 35rpx;
    }

    .commentText {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #9F9F9F;
      // display: flex;
      text-align: center;
      margin-top: 29rpx;
      margin-bottom: 25rpx;

      text {
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #FF7247;
      }
    }

    .noComment {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #9F9F9F;
      text-align: center;
      margin-top: 20rpx;
      margin-bottom: 27rpx;
    }
  }
}

.container {
  padding: 0 30rpx;
}

.reportLayout {
  background: #F9F9F9;
  border-radius: 16px;
  padding: 30rpx 30rpx;
  display: flex;
  // flex-direction: column;
  margin-top: 46rpx;

  .title {
    margin-bottom: 13rpx;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #4F536B;
  }

  .questionText {
    font-size: 22rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9F9F9F;
    margin-left: 9rpx;
  }

  // image {
  //   width: 65rpx;
  //   height: 71rpx;
  // }
  .icon_report_cover {
    width: 72rpx;
    height: 72rpx;
    margin-right: 23rpx;
  }
}

.icon_question {
  width: 19rpx;
  height: 19rpx;
}

// .layout {
//   background: #fff;
//   border-radius: 24rpx;
//   padding: 40rpx;
//   margin-bottom: 30rpx;

//   .tagList {
//     margin: 0 20rpx 20rpx 0;

//     .tagItem {
//       background: #EEF0FC;
//       width: 163rpx;
//       height: 60rpx;
//       border-radius: 30rpx;
//       display: flex;
//       align-items: center;
//       justify-content: center;
//       font-size: 28rpx;
//       font-family: PingFang SC;
//       font-weight: 500;
//       color: #7986FF;
//       position: relative;

//       .numTag {
//         font-size: 20rpx;
//         font-family: Alibaba PuHuiTi;
//         font-weight: 800;
//         font-style: italic;
//         color: #FFFFFF;
//         background: #FF662A;
//         border-radius: 14rpx 14rpx 14rpx 5rpx;
//         width: 51rpx;
//         height: 27rpx;
//         display: flex;
//         align-items: center;
//         justify-content: center;
//         position: absolute;
//         right: -40rpx;
//         top: 0;
//       }
//     }
//   }

//   .layout_top {
//     display: flex;
//     justify-content: space-between;


//     .layout_title {
//       font-size: 30rpx;
//       font-family: PingFang SC;
//       font-weight: bold;
//       color: #4F536B;
//       margin-bottom: 20rpx;
//     }

//     .layout_operation {
//       font-size: 24rpx;
//       font-family: PingFang SC;
//       font-weight: 500;
//       color: #6571D9;
//       display: flex;
//       align-items: center;
//       justify-content: center;
//     }
//   }

.icon_arrow_right {
  width: 7rpx;
  height: 13rpx;
  margin-left: 10rpx;
}



//   .icon_report {
//     width: 72rpx;
//     height: 72rpx;
//   }
// }

.imgText {
  display: flex;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C5C5C5;
  margin-bottom: 20rpx;

  image {
    margin-right: 20rpx;
  }

  .text {
    flex: 1;
  }
}

.ratingValue {
  font-size: 108rpx;
  font-family: Alibaba PuHuiTi;
  font-weight: 800;
  color: #FFE7B4;
  text-align: center;
}

.noRatingValue {
  font-size: 42rpx;
  font-family: Alibaba PuHuiTi;
  font-weight: 800;
  color: #FFE7B4;
  text-align: center;
}



.noTag {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C5C5C5;
  text-align: center;
}

.count {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9F9F9F;

}

.btn_invite {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #7986FF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 26rpx;
  border: 1px solid #7986FF;
  width: 207rpx;
  flex: 1;
}

.align_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon_noCertificate {
  width: 118rpx;
  height: 28rpx;
  margin-left: 20rpx;
}


.specNum {
  font-size: 36rpx;
  font-family: Alibaba PuHuiTi;
  font-weight: 800;
  color: #FFE7B4;
}

.commentCount {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

.noCommentCount {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C5C5C5;
  text-align: center;
}

.btn_operation {
  display: flex;
  position: absolute;
  bottom: 42rpx;

  .btn_share {
    background: none;
    border-radius: 44rpx;
    border: 1px solid #fff;
    width: 199rpx;
    height: 88rpx;
    font-size: 34rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30rpx;


    image {
      width: 36rpx;
      height: 35rpx;
      margin-right: 15rpx;
    }
  }

  .btn_comment {
    width: 462rpx;
    height: 88rpx;
    background: #fff;
    border-radius: 44rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7986FF;



    image {
      width: 36rpx;
      height: 35rpx;
      margin-right: 15rpx;
    }

    .commented {
      background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/703d6aca19764afdb8890c56417fa616:commented.png')no-repeat;
      background-size: 100%;
      width: 258rpx;
      height: 105rpx;
      position: absolute;
      top: -140rpx;
      right: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 25rpx 0 15rpx;
      box-sizing: border-box;
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #7986FF;
      padding-left: 35rpx;

      .score {
        font-size: 40rpx;
        font-family: Alibaba PuHuiTi;
        font-weight: 800;
        font-style: italic;
        color: #FFE7B4;

      }
    }

    .unCommented {
      background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/205620d1d92c4b9a9eb9b2597fcaabf6:unCommented.png')no-repeat;
      background-size: 100%;
      width: 377rpx;
      height: 99rpx;
      position: absolute;
      top: -140rpx;
      right: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 25rpx 0 15rpx;
      box-sizing: border-box;
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #7986FF;
      padding-left: 35rpx;
    }
  }
}


.dialog_comment {
  // background: #fff;
  // border-radius: 24rpx 24rpx 0 0;
  // width: 100%;
  // left: 0;
  // bottom: 0;
  // position: absolute;
  // padding: 39rpx 30rpx 47rpx 30rpx;
  // box-sizing: border-box;

  // .btn_close {
  //   color: #B2B2B2;
  //   position: absolute;
  //   right: 20rpx;
  //   top: 20rpx;
  // }

  .choosed {
    .label {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #3E3E3E;
    }
  }


  // .dialog_title {
  //   text-align: center;
  //   font-size: 32rpx;
  //   font-family: PingFang SC;
  //   font-weight: bold;
  //   color: #3E3E3E;
  // }
}

.recordList {

  .recordItem {
    background: #FAFAFA;
    border-radius: 20px;
    padding: 30rpx;
    display: flex;
    margin-bottom: 20rpx;

    .avatar {
      width: 70rpx;
      height: 70rpx;
      margin-right: 30rpx;
    }

    .detail {
      flex: 1;
      align-items: center;


      .top {
        display: flex;
        align-items: center;

        .username {
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #3E3E3E;
          margin-bottom: 6rpx;
          display: flex;
          align-items: center;

          .icon_rz {
            width: 24rpx;
            height: 24rpx;
            margin-left: 10rpx;
          }
        }

        .time {
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #C5C5C5;
        }
      }

      .bottom {
        margin-top: 20rpx;

        .tagList {
          display: flex;

          .tagItem {
            font-size: 20rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: #3E3E3E;
            background: #F3F3F3;
            border-radius: 28rpx;
            padding: 10rpx 20rpx;
          }
        }

      }

    }
  }
}

.line {
  background: #D2D2D2;
  opacity: 0.27;
  height: 1px;
  margin-bottom: 14rpx;
}

.c_tagList {
  margin-bottom: 8px;
  margin-top: 20rpx;
  display: flex;
  flex-flow: wrap;

  .c_tagItem {
    display: flex;
    height: 56rpx;
    color: #7986FF;
    background: #EEF0FC;
    border-radius: 28rpx;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    margin: 0rpx 20rpx 21rpx 0;
    padding: 16rpx 25rpx;
    box-sizing: border-box;
    position: relative;

    .deleteTag {
      width: 26rpx;
      height: 26rpx;
      border-radius: 50%;
      position: absolute;
      right: -13rpx;
      top: 0rpx;
      background: #B4B4B4;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 26rpx;
    }
  }

  .tagActive {
    background: #7986FF;
    color: #fff;
  }


}

.dialog {
  background: #fff;
  position: relative;
  padding: 30rpx;
  border-radius: 24rpx 24rpx 0px 0px;
  width: 100%;
  overflow: auto;
  height: 100%;

  // .btn_close {
  //   width: 26rpx;
  //   height: 26rpx;
  //   position: absolute;
  //   right: 20rpx;
  //   top: 20rpx;
  //   color: #D8D8D8;
  // }

  .dialog_title {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #3E3E3E;
    text-align: center;
    margin-bottom: 40rpx;
  }
}

.dialog_center {
  background: #fff;
  position: relative;
  padding: 30rpx;
  border-radius: 24rpx;
  margin: 0 65rpx;

  .dialog_title {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #A1A1A1;
  }
}

.dialogToLogin {
  padding: 0 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;



  text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #3E3E3E;
    margin-bottom: 25rpx;
  }
}

.dialogAddReport {
  text {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #A1A1A1;
  }
}

.timeLine {
  .timeLine_item {
    display: flex;
    border-left: 1px solid #6471D9;
    padding-left: 44rpx;
    position: relative;
    // margin-top: 33rpx;

    // &:not(:last-child) {
    //   border-left: 1px solid #000;
    //   padding-left: 24rpx;
    // }
    &:last-child {
      border-left: 0;
    }

    .step {
      background: #E9EBFF;
      border-radius: 50%;
      width: 43rpx;
      height: 43rpx;
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #6471D9;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 24rpx;
      position: absolute;
      left: -20rpx;

      // &:not(:first-child) {
      //   &::after {
      //     content: "";
      //     border-left: 1px solid #000;
      //     position: absolute;
      //     height: 100px;
      //   }
      // }
    }

    .timeLine_content {
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #6471D9;
      flex: 1;
      padding-bottom: 33rpx;



      .contentText {
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #C2C2C2;
      }

      image {
        width: 343rpx;
        height: 452rpx;
        margin-top: 25rpx;
      }
    }
  }
}

.flex {
  display: flex;

}

.flex_center {
  justify-content: center;
}

.spaceBetween {
  justify-content: space-between;
}

.btns_fixed_bottom {
  position: fixed;
  bottom: 42rpx;
}

.clearLayout {
  background: #FFFFFF;
  padding: 0 57rpx 45rpx 57rpx;
  border-radius: 24rpx;
  margin: 65rpx;

  .title {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #3E3E3E;
    text-align: center;
    margin-top: 42rpx;
    margin-bottom: 27rpx;
  }

  .content {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9F9F9F;

    text {
      color: #FF2A00;
    }
  }

  .form {
    .formItem {
      width: 100%;
      height: 77rpx;
      background: #F7F7F7;
      display: flex;
      align-items: center;
      margin-bottom: 30rpx;
      border-radius: 6px;

      &:first-child {

        margin-top: 30rpx;
      }

      input {
        padding-left: 36rpx;
      }
    }
  }

  .exit {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9F9F9F;
    margin-top: 20rpx;
    text-align: center;
  }
}

.payLayout {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  border-radius: 24rpx 24rpx 0px 0px;
  padding: 78rpx 30rpx 40rpx 30rpx;

  .payMoney {
    font-size: 49rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #3E3E3E;
    text-align: center;

    text {
      font-size: 83rpx;
    }
  }

  .payType {
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    // background: red;
    background: #F7F7F7;
    align-items: center;
    padding: 27rpx 46rpx 37rpx 43rpx;
    margin-top: 40rpx;
    margin-bottom: 90rpx;

    .payName {
      display: flex;
      align-items: center;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #3E3E3E;
    }
  }

  .icon_wxPay {
    width: 49rpx;
    height: 45rpx;
    margin-right: 21rpx;
  }

  .gou {
    width: 40rpx;
    height: 40rpx;
  }

  .btn_goPay {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.shareLayout {
  display: flex;
  flex-direction: column;
  // justify-content: center;
  align-items: center;
  padding: 0 48rpx;

  .shareBox {
    background: #FFFFFF;
    border-radius: 24rpx;
    // margin: 0 48rpx;
    padding: 73rpx 24rpx 24rpx 24rpx;
    position: relative;

    .avatar {
      position: absolute;
      width: 108rpx;
      height: 108rpx;
      border-radius: 50%;
      left: 43%;
      top: -54rpx;
    }

    .phone {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #3E3E3E;
      text-align: center;
      margin-bottom: 33rpx;
    }

    .contentText {
      text-align: center;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #A1A1A1;
      margin-bottom: 27rpx;
    }

    .sharePic {
      margin-top: 34rpx;
    }
  }

  .shareOption {
    background: #FFFFFF;
    border-radius: 24rpx;
    margin-top: 22rpx;
    padding: 34rpx 0 30rpx 0;
    width: 100%;

    .shareTitle {
      text-align: center;
      font-size: 32rpx;
      font-family: SourceHanSansCN;
      font-weight: 500;
      color: #3E3E3E;
    }

    .options {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20rpx;

      .option {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 24rpx;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #848484;
        background: none;
        width: auto;
        margin: 0;
        margin-right: 0;

        // &:first-child {
        //   margin-right: 86rpx;
        // }

        image {
          width: 83rpx;
          height: 83rpx;
          margin-bottom: 15rpx;
        }
      }


    }

  }

  .icon_close {
    width: 40rpx;
    height: 40rpx;
    margin-top: 20rpx;
  }
}

.swichAccountBox {
  background: #fff;
  width: 100%;
  margin: 0 65rpx;
  border-radius: 24rpx;
  position: relative;
  padding: 52rpx 101rpx 43rpx 75rpx;

  .title {
    text-align: center;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #A1A1A1;
    margin-bottom: 49rpx;
  }

  .phoneList {
    margin-bottom: 34rpx;

    .phoneItem {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 32rpx;

      &:last-child {
        margin-bottom: 0;
      }

      .left {
        font-size: 32rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: #3E3E3E;

        .icon_phone {
          width: 16rpx;
          height: 25rpx;
          margin-right: 16rpx;
        }
      }

      .current {
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #A1A1A1;
      }

      .btn_switch {
        background: #FFFFFF;
        border: 1px solid #FF4343;
        border-radius: 6rpx;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #FF4343;
        width: 75rpx;
        height: 35rpx;
        text-align: center;
      }
    }
  }



}

.recordList {
  height: 1200rpx;
  overflow: auto;

  .recordItem {
    background: #FAFAFA;
    border-radius: 20rpx;
    padding: 20rpx;
    display: flex;
    margin-bottom: 20rpx;

    .avatar {
      width: 70rpx;
      height: 70rpx;
      margin-right: 20rpx;
    }

    .detail {
      flex: 1;
      align-items: center;


      .top {
        display: flex;
        flex-direction: column;

        .username {
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #3E3E3E;
          margin-bottom: 6rpx;
          display: flex;
          align-items: center;

          .icon_realName {
            width: 24rpx;
            height: 24rpx;
            margin-left: 10rpx;
          }
        }

        .time {
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #C5C5C5;
        }

        .score {
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #C5C5C5;

          text {
            font-size: 37rpx;
            color: #FF5B29;
          }
        }
      }

      .bottom {
        margin-top: 20rpx;

        .recordTagList {
          display: flex;
          flex-wrap: wrap;

          .recordTagItem {
            font-size: 20rpx;
            font-family: PingFang SC;
            font-weight: 500;
            color: #3E3E3E;
            background: #F3F3F3;
            border-radius: 28rpx;
            padding: 10rpx 20rpx;
            margin-bottom: 10rpx;
            margin-right: 10rpx;
            // &:not(:first-child) {
            //   margin-left: 10rpx;
            // }
          }
        }

      }

    }
  }
}

.line {
  background: #D2D2D2;
  opacity: 0.27;
  height: 1px;
  margin-bottom: 14rpx;
}

.commentDataBox {
  background: #F9F9F9;
  // border: 1px solid #6979E8;
  margin: 35rpx 30rpx 0 30rpx;
  border-radius: 24rpx;
  padding: 31rpx 29rpx 22rpx 28rpx;
  // margin-top: 35rpx;

  .date {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #4F536B;
    margin-bottom: 20rpx;
  }

  .unRealName {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9F9F9F;
    margin-bottom: 20rpx;
  }

  .realName {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9F9F9F;
    margin-bottom: 20rpx;
  }

  text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FF7247;
  }

  .detailText {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #B2B9FF;
    text-align: center;
    margin-top: 20rpx;
  }
}

.tagList {
  margin: 0 20rpx 0 0;
  display: flex;
  flex-wrap: wrap;


  .tagItem {
    background: #EEF0FC;
    width: 163rpx;
    height: 60rpx;
    border-radius: 30rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7986FF;
    position: relative;
    margin-right: 50rpx;
    margin-bottom: 20rpx;

    &:nth-child(3n) {
      margin-right: 0;
    }

    .numTag {
      font-size: 20rpx;
      font-family: Alibaba PuHuiTi;
      font-weight: 800;
      font-style: italic;
      color: #FFFFFF;
      background: #C1C1C1;
      border-radius: 14rpx 14rpx 14rpx 5rpx;
      width: 51rpx;
      height: 27rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: -40rpx;
      top: 0;
    }

    &:first-child {
      .numTag {
        background: #FF662A;
      }
    }
  }
}