.serveList .header-card {
  background-image: url(/static/images/background/headerBj2.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.serveList .header-card .header-top {
  height: 88rpx;
  padding: 0 24rpx;
}
.serveList .header-card .header-top .left-area {
  display: flex;
  align-items: center;
}
.serveList .header-card .header-top .left-area .back-icon {
  width: 36rpx;
  height: 36rpx;
}
.serveList .header-card .header-top .left-area .left-area-img {
  width: 144rpx;
  height: 52rpx;
  margin-left: 20rpx;
}
.serveList .header-bottom {
  background-image: url(/static/images/background/headerBj2.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 145rpx;
  position: relative;
}
.serveList .header-bottom .header-bottom-tip {
  position: absolute;
  top: 10rpx;
  left: 30rpx;
}
.serveList .header-bottom .header-bottom-tip .header-bottom-tip-icon {
  width: 25rpx;
  height: 23rpx;
}
.serveList .header-bottom .header-bottom-tip .header-bottom-tip-text {
  margin-left: 7rpx;
  font-weight: 400;
  font-size: 24rpx;
  color: #FFF4F6;
  line-height: 33rpx;
  text-align: left;
  font-style: normal;
}
.serveList .header-bottom .header-bottom-tip .header-bottom-tip-btn {
  margin-left: 30rpx;
  font-weight: 400;
  font-size: 20rpx;
  color: #FFF4F6;
  text-align: left;
  font-style: normal;
  height: 34rpx;
  border-radius: 17rpx;
  border: 1rpx solid rgba(255, 255, 255, 0.31);
  padding: 0 11rpx 0 14rpx;
}
.serveList .header-bottom .header-bottom-tip .header-bottom-tip-btn .header-bottom-tip-btn-icon {
  width: 7rpx;
  height: 13rpx;
  margin-left: 6rpx;
}
.serveList .serveList-content .serveList-tabs {
  width: 100%;
  background: linear-gradient(180deg, #F9E2E3 0%, #FFFFFF 100%);
  border-radius: 20rpx 20rpx 0 0;
  padding-bottom: 24rpx;
}
.serveList .serveList-content .serveList-tabs .service-first-tab {
  box-shadow: none;
}
.serveList .serveList-content .serveList-tabs .icon-tabs {
  margin-top: 24rpx;
  padding: 0 30rpx;
  display: flex;
  gap: 13rpx;
}
.serveList .serveList-content .serveList-tabs .icon-tabs .icon-tab {
  box-sizing: border-box;
  width: 168rpx;
  height: 56rpx;
  background: #F0F0F0;
  border-radius: 6rpx;
}
.serveList .serveList-content .serveList-tabs .icon-tabs .icon-tab .icon-text {
  font-weight: 400;
  font-size: 26rpx;
  color: #666666;
  text-align: center;
  font-style: normal;
}
.serveList .serveList-content .serveList-tabs .icon-tabs .active {
  background: rgba(252, 67, 124, 0.1);
}
.serveList .serveList-content .serveList-tabs .icon-tabs .active .icon-text {
  font-weight: 500;
  color: #E8101E;
}
.positonFixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.common-list {
  background-color: transparent !important;
  padding-bottom: 0rpx;
}
.common-list  .list-scroll {
  margin-top: 0rpx;
}
.common-list  .list-container {
  padding: 0rpx;
}