/* pages/serve/serve.wxss */
.navigation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 30rpx;
    position: relative;
    z-index: 100;
  }
  .header {
    width: 100%;
    background: linear-gradient(to right, #befeed 0%, #d5eefe 50%, #ebe9fb 100%);
    height: 428rpx;
  }
  .body{
    position: relative;
    top: -245rpx;
  }
  .header-card{
    background: linear-gradient(180deg, rgba(83,185,232,1) 0%,rgba(85,213,220,1) 56%,rgba(99,222,214,1) 100%);
    width: calc(100vw - 40rpx);
    margin: 0 auto;
    top: 25px;
    color: #ffffff;
  }
  .list{
    width: calc(100vw - 40rpx);
    margin: 80rpx auto 0;
    background: linear-gradient(180deg, rgba(227,244,255,1) 0%,rgba(245,249,252,1) 100%);
  }