/* pages/searchResult/searchResult.wxss */
page {
  // background: #7E8BFF;
  background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/3fde540348f34b58afa6763a4a3d76b8:b9d570d9205696a5034b961fb962184093024b006b1ac-FWgr.png');
  background-size: cover;
  background-position: 100%;
}

.overflowBox {
  // background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/3fde540348f34b58afa6763a4a3d76b8:b9d570d9205696a5034b961fb962184093024b006b1ac-FWgr.png');
  // background-size: cover;
  // background-position: 92% 100%;
}

.page-overflow-hidden {
  // height: 100%;
  // overflow-y: hidden;
  // overflow: hidden;
}

.searchResult-page {
  // background: #7E8BFF;
  // margin-top: 150rpx;
  // padding: 30rpx 30rpx;
  padding: 30rpx 30rpx 0 30rpx;
  // background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/3fde540348f34b58afa6763a4a3d76b8:b9d570d9205696a5034b961fb962184093024b006b1ac-FWgr.png');
  // background-size: cover;
  // background-position: 92% 100%;


  // .userInfo_box {
  //   display: flex;
  //   align-items: center;
  //   margin-bottom: 50rpx;

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

  //   .username {
  //     font-size: 36rpx;
  //     font-family: PingFang SC;
  //     font-weight: bold;
  //     color: #FFFFFF;
  //     margin-bottom: 10rpx;
  //     flex-direction: column;
  //   display: flex;
  //   }

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

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

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


  //   .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;

  //     .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;
    margin-bottom: 20rpx;


    .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;
  margin-bottom: 36rpx;
}



.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;
}




.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: #FFFFFF;
  text-align: center;
  margin-top: 32rpx;
}

.btn_operation {
  display: flex;
  // position: relative;
  position: fixed;
  bottom: 50rpx;

  .btn_share {
    background: #7B8EFF;
    border-radius: 44rpx;
    border: 1px solid #fff;
    width: 204rpx;
    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;
    padding-left: 78rpx;


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

  .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: -120rpx;
      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 {
        width: 60rpx;
        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: 390rpx;
      height: 99rpx;
      position: absolute;
      top: -120rpx;
      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;
    }
  }
}


.cStarScore {
  font-size: 80rpx;
  font-family: Alibaba PuHuiTi;
  font-weight: 800;
  color: #FF6845;
  display: flex;
  justify-content: center;
}

.dialog_comment {
  margin-bottom: 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 {
  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;
}

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

  .c_tagListGroup {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 18rpx;
    padding-top: 28rpx;
    border-bottom: 1px solid rgba(210, 210, 210, .27);
    width: 100%;

    &:first-child {
      padding-top: 10rpx;
    }
  }

  .c_tagItem {
    display: flex;
    height: 56rpx;
    color: #7986FF;
    background: #EEF0FC;
    font-size: 22rpx;
    font-family: PingFang SC;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    margin: 0rpx 20rpx 21rpx 0;
    padding: 15rpx 17rpx;
    box-sizing: border-box;
    position: relative;
    width: 144rpx;
    background: #EEF0FC;
    border-radius: 12rpx;
    // &:nth-child(5n){
    //   margin-right: 0;
    // }

    .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%;

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

  .dialog_subTitle {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #9F9F9F;
    text-align: center;
    margin-bottom: 35rpx;
  }

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

.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;
  }
}

// overflow: auto;
//     height: 800rpx;
//     padding: 20rpx;

.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;
  justify-content: space-between;
}

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

.commentDataBox {
  background: #6979E8;
  border: 1px solid #6979E8;
  border-radius: 24rpx;
  padding: 35rpx 38rpx 32rpx 38rpx;
  margin-top: 35rpx;

  .date {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 27rpx;
  }

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

  .realName {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
  }

  text {
    font-size: 32rpx;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFE7B4;
  }

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

.filter_blur {
  filter: blur(3px);
}

.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;
      }
    }
  }
}

.zhanwei {
  height: 150rpx;
}