page {
  background-color: #fff;
}
.page {
  padding: 240rpx 0 0;
  .container {
    padding: 32rpx;
    border-radius: 32rpx 32rpx 0 0;
    background: #fff linear-gradient(180deg, #f1feff 0%, #ffffff 7%, #ffffff 100%);
    border: 2rpx solid #ffffff;
    .table {
      .thead {
        padding: 22rpx 0;
        display: flex;
        font-size: 28rpx;
        color: rgba(0, 180, 197, 1);
        background-color: rgba(233, 246, 247, 1);
        text-align: center;
        border-radius: 8rpx;
        .th1 {
          width: 338rpx;
        }
        .th2,
        .th3,
        .th4,
        .th5 {
          width: 96rpx;
          white-space: nowrap;
        }
      }
      .tbody {
        border-bottom: 1rpx solid rgba(224, 224, 224, 0.5);
        .tr {
          display: flex;
          font-size: 28rpx;
          color: rgba(20, 21, 21, 1);
          text-align: center;
          padding: 18rpx 0;
          line-height: 32rpx;
          border-radius: 8rpx;
          &:nth-child(even) {
            background-color: rgba(248, 248, 248, 1);
          }
          .td1 {
            padding: 12rpx 0;
            width: 338rpx;
          }
          .td2,
          .td3,
          .td4,
          .td5 {
            padding: 12rpx 0;
            width: 96rpx;
            border-left: 1px dashed rgba(224, 224, 224, 1);
          }
          .td2 {
            color: rgba(0, 180, 197, 1);
          }
        }
      }
    }
  }
}