/* pages/report/report.wxss */
page {
  background: #F6F6F6;
}

// .report-page {
//   box-sizing: border-box;
//   padding: 20rpx 30rpx;
// }

// .logo {
//   width: 208rpx;
//   height: 37rpx;
// }

// .white-box {
//   background: #FFFFFF;
//   box-sizing: border-box;
//   // padding: 35rpx;
//   border-radius: 16rpx;
//   margin-bottom: 20rpx;
// }

// .title-box {
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
//   // margin-bottom: 46rpx;
//   // border-bottom: 2rpx dashed #F3F5F8;
//   padding: 35rpx;

//   .title {
//     display: flex;
//     align-items: center;
//     font-size: 32rpx;
//     font-family: PingFang SC;
//     font-weight: bold;
//     color: #282828;

//     image {
//       width: 40rpx;
//       height: 40rpx;
//       margin-right: 18rpx;
//     }

//     .detail {
//       color: #838383;
//       font-size: 26rpx;

//       image {
//         margin-left: 13rpx;
//       }
//     }
//   }

//   image {
//     width: 14rpx;
//     height: 25rpx;
//   }
// }

// .time {
//   font-size: 26rpx;
//   font-family: PingFang SC;
//   font-weight: 500;
//   color: #838383;
//   margin-bottom: 32rpx;
//   padding: 0 35rpx 0 35rpx;
// }

// .operation {
//   display: flex;
//   justify-content: flex-end;
//   padding-right: 36rpx;
//   padding-bottom: 37rpx;
// }

// .remark {
//   display: flex;
//   font-size: 26rpx;
//   font-family: PingFang SC;
//   font-weight: 500;
//   color: #838383;
//   padding: 0 35rpx 35rpx 35rpx;

//   text {
//     flex-shrink: 0;
//   }
// }

// .btn-box {
//   position: fixed;
//   width: 100%;
//   left: 0;
//   bottom: 40rpx;
//   display: flex;
//   justify-content: center;
// }

// .btn-fill {
//   height: 120rpx;
// }
.report-page {
  background: #F6F6F6;
  padding-top: 88rpx;

  .pageTitle {
    font-size: 40rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #0D0D0D;
    position: relative;
    left: -80px;
  }

  .tip {
    background: #FFEBEB;
    height: 88rpx;
    display: flex;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FF614C;
    display: flex;
    align-items: center;
    padding: 0 0 0 30rpx;
    position: fixed;
    top: 88px;
    width: 100%;
  }

  .reportList {
    padding: 0 30rpx;
    margin-top: 20rpx;

    .reportItem {
      background: #FFFFFF;
      border-radius: 16px;
      padding: 30rpx;
      margin-bottom: 20rpx;

      .top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20rpx;

        .title {
          font-size: 32rpx;
          font-family: PingFang SC;
          font-weight: bold;
          color: #282828;
        }

        .btn_checked {
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #FF8562;
          width: 101rpx;
          height: 40rpx;
          background: #FFF1ED;
          border-radius: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }

      .middle {
        font-size: 26rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838383;
        margin-top: 20rpx;

        .mItem {
          display: flex;
          margin-top: 20rpx;

          .label {
            // flex: 1;
          }

          .text {
            flex: 1;
          }
        }
      }

      .bottom {
        display: flex;
        justify-content: flex-end;
        margin-top: 30rpx;
      }

    }
  }

  .bottomTip {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #838383;
    padding: 0 86rpx;
    text-align: center;
    margin-top: 36rpx;
    padding-bottom: 40rpx;

    text {
      color: #4D8DFF;
    }
  }
}