page {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
}
.fixedTop {
  width: 100%;
  background: #fff;
  flex: none;
  padding-top: 24rpx;
}
.navTop {
  width: 526rpx;
  height: 68rpx;
  background: #eeeeee;
  padding: 4rpx;
  margin: 0 auto;
  border-radius: 34rpx;
  & > view {
    width: 172rpx;
    text-align: center;
    height: 60rpx;
    line-height: 60rpx;
    &.selected {
      background: #52acff;
      border-radius: 30rpx;
      color: #fff;
    }
  }
}
.navBottom {
  height: 82rpx;
  display: flex;
  margin-top: 4rpx;
  width: 100%;
  & > view {
    flex: 1;
    height: 82rpx;
    line-height: 82rpx;
    text-align: center;
    font-size: 28rpx;
    color: #6a6a6a;
    line-height: 42px;
    position: relative;
    &.selected {
      color: #52acff;
      &::after {
        content: "";
        width: 112rpx;
        height: 4rpx;
        background: #52acff;
        border-radius: 31rpx;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -56rpx;
      }
    }
  }
}

.scroll-view {
  height: 1rpx;
  flex: auto;

  & .merchant-order-item:first-child {
    margin-top: 16rpx;
  }

  .merchant-order-item {
    margin-bottom: 16rpx;
  }
}

/*护工订单列表*/
.btn-orange {
  background: #f88a24 !important;
}
.btn-purple {
  background: #9098ff !important;
}
.nurseListWarp {
  .oneBlock {
    padding: 15rpx 20rpx 30rpx;
    background-color: #fff;
    margin-bottom: 16rpx;

    &:first-child {
      margin-top: 16rpx;
    }

    .n_top {
      position: relative;
      height: 110rpx;
      .n_title {
        height: 58rpx;
        line-height: 58rpx;
        font-size: 32rpx;
        color: #3c3c3c;
      }
      .n_time {
        height: 32rpx;
        line-height: 32rpx;
        font-size: 24rpx;
        color: #6a6a6a;
      }
      .n_status {
        height: 70rpx;
        line-height: 70rpx;
        font-size: 28rpx;
        color: #3c3c3c;
        position: absolute;
        right: 0px;
        top: 0px;
        .moreIcon {
          width: 15rpx;
          height: 24rpx;
          vertical-align: middle;
          margin-left: 12rpx;
          margin-top: -4rpx;
        }
      }
    }
    .n_con {
      height: 150rpx;
    }
    .conL {
      width: 150rpx;
      height: 150rpx;
      background: #999;
      float: left;
    }
    .conC {
      width: 370rpx;
      float: left;
      padding-left: 20rpx;
      padding-top: 21rpx;
      .n_name {
        height: 60rpx;
        line-height: 60rpx;
        font-size: 28rpx;
        color: #3c3c3c;
        font-weight: 400;
      }
      .n_time {
        height: 43rpx;
        line-height: 43rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #6a6a6a;
      }
    }
    .conR {
      width: 190rpx;
      float: right;
      text-align: center;
      padding-top: 40rpx;
      .money {
        height: 36rpx;
        line-height: 36rpx;
        text-align: center;
        font-size: 28rpx;
        font-weight: 400;
        color: #ed430f;
      }
      .day {
        height: 30rpx;
        line-height: 30rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #6a6a6a;
      }
    }
  }
}
.n_bottom {
  height: 34rpx;
  position: relative;
  .btn {
    width: 164rpx;
    height: 52rpx;
    position: absolute;
    bottom: 0px;
    right: 20rpx;
    text-align: center;
    background: #52acff;
    border-radius: 30rpx;
    color: #fff;
    line-height: 52rpx;
  }
}
.emptyWarp {
  padding-top: 30%;
  .emptyIcon {
    width: 177rpx;
    height: 129rpx;
    margin: 0 auto;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .tip {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #bcbcbc;
    line-height: 80rpx;
    text-align: center;
    display: block;
  }
}
.checkMoreBtn {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: #c5c5c5;
  line-height: 33rpx;
  text-align: center;
  padding-bottom: 70rpx;
}

.an-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700rpx;
}

.an-img image {
  width: 350rpx;
  height: 260rpx;
  padding-top: 30%;
}

.empty-img {
  width: 190rpx !important;
  height: 190rpx !important;
}

.seeorder {
  font-size: 28rpx;
  color: #999;
  text-align: center;
  width: 100%;
  margin-bottom: 25rpx;
}

.login-word {
  width: 255rpx;
  height: 70rpx;
  background-color: #52acff;
  color: #fff;
  line-height: 70rpx;
  text-align: center;
  border-radius: 10rpx;
  font-size: 28rpx;
}
