sugarpark-mini-program/unpackage/dist/dev/mp-weixin/pages/vip/vip.wxss

@charset "UTF-8";
/*每个页面公共css */
.font72.data-v-5972bd7c {
  font-size: 72rpx;
}
.font44.data-v-5972bd7c {
  font-size: 44rpx;
}
.font36.data-v-5972bd7c {
  font-size: 36rpx;
}
.font32.data-v-5972bd7c {
  font-size: 32rpx;
}
.font28.data-v-5972bd7c {
  font-size: 28rpx;
}
.font24.data-v-5972bd7c {
  font-size: 24rpx;
}
.font22.data-v-5972bd7c {
  font-size: 22rpx;
}
.font20.data-v-5972bd7c {
  font-size: 20rpx;
}
.fw400.data-v-5972bd7c {
  font-weight: 400;
}
.fw500.data-v-5972bd7c {
  font-weight: 500;
}
.fw600.data-v-5972bd7c {
  font-weight: 600;
}
.fw700.data-v-5972bd7c {
  font-weight: 700;
}
.el.data-v-5972bd7c {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
button.data-v-5972bd7c {
  background-color: transparent;
}
.button-hover.data-v-5972bd7c {
  background: transparent;
}
button.data-v-5972bd7c::after {
  border: none;
  box-sizing: content-box;
}
.data-v-5972bd7c::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.placeholder-input.data-v-5972bd7c {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #B7B7C5;
  line-height: 40rpx;
}
/*每个页面公共css */
.flex-center.data-v-5972bd7c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-around.data-v-5972bd7c {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-between.data-v-5972bd7c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-start.data-v-5972bd7c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-end.data-v-5972bd7c {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.null-box.data-v-5972bd7c {
  width: 100%;
  height: 176rpx;
  background-color: #151126;
}
.no-more.data-v-5972bd7c {
  color: #9A9ABF;
  text-align: center;
  padding: 10rpx 0rpx 30rpx 0rpx;
}
.container.data-v-5972bd7c {
  width: 100vw;
  height: 100vh;
  background-color: #151126;
  overflow: hidden;
}
.container .topnav.data-v-5972bd7c {
  padding: 0 10rpx;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 100;
  background-color: #151126;
}
.container .topnav .nav-item.data-v-5972bd7c {
  width: 40rpx;
  height: 40rpx;
  margin-left: 16rpx;
}
.container .topnav .nav-item .nav-img.data-v-5972bd7c {
  width: 40rpx;
  height: 40rpx;
}
.container .topnav .nav-text.data-v-5972bd7c {
  flex: 1;
  color: #FFFFFF;
  height: 40rpx;
  text-align: center;
}
.container .scroll-view .top .top-left.data-v-5972bd7c {
  padding-left: 44rpx;
}
.container .scroll-view .top .top-left .user-box .head-img.data-v-5972bd7c {
  width: 88rpx;
  height: 88rpx;
  border-radius: 88rpx;
  background-color: #ffffff;
}
.container .scroll-view .top .top-left .user-box .user-info.data-v-5972bd7c {
  flex-direction: column;
  margin-left: 16rpx;
  align-items: flex-start;
}
.container .scroll-view .top .top-left .user-box .user-info .name.data-v-5972bd7c {
  color: #ffffff;
}
.container .scroll-view .top .top-left .user-box .user-info .phone.data-v-5972bd7c {
  color: #FFDDBD;
  margin-top: 10rpx;
}
.container .scroll-view .top .top-left .tip.data-v-5972bd7c {
  color: #79726B;
  margin-top: 40rpx;
}
.container .scroll-view .top .top-right.data-v-5972bd7c {
  width: 300rpx;
  height: 260rpx;
}
.container .scroll-view .tabs.data-v-5972bd7c {
  white-space: nowrap;
}
.container .scroll-view .tabs .tab.data-v-5972bd7c {
  position: relative;
  margin-right: 12rpx;
  border-radius: 40rpx;
  display: inline-block;
  transition: all .1s;
  overflow: hidden;
}
.container .scroll-view .tabs .tab.data-v-5972bd7c:nth-of-type(1) {
  margin-left: 32rpx;
}
.container .scroll-view .tabs .tab.data-v-5972bd7c:nth-last-of-type(1) {
  margin-right: 32rpx;
}
.container .scroll-view .tabs .tab .tab-time.data-v-5972bd7c {
  color: #FFDDBD;
}
.container .scroll-view .tabs .tab .tab-price.data-v-5972bd7c {
  color: #FFDDBD;
  margin-top: 24rpx;
}
.container .scroll-view .tabs .tab .tab-under.data-v-5972bd7c {
  color: #FFDDBD;
  text-decoration: line-through;
  margin-top: 24rpx;
}
.container .scroll-view .tabs .tab .tab-tag.data-v-5972bd7c {
  color: #201F1E;
  background: #FFDDBD;
  border-radius: 0rpx 40rpx 0px 16rpx;
  width: 88rpx;
  height: 36rpx;
  line-height: 36rpx;
  text-align: center;
  position: absolute;
  right: -1rpx;
  top: -1rpx;
}
.container .scroll-view .tabs .no-active.data-v-5972bd7c {
  border: 1rpx solid #79726B;
  padding: 40rpx 24rpx;
  width: 188rpx;
}
.container .scroll-view .tabs .active-tab.data-v-5972bd7c {
  padding: 40rpx 24rpx;
  width: 182rpx;
  border: 4rpx solid #FFDDBD !important;
  background-color: #221F1C !important;
}
.container .scroll-view .swiper.data-v-5972bd7c {
  margin: 48rpx 32rpx 16rpx 32rpx;
  height: 80rpx;
  position: relative;
}
.container .scroll-view .swiper .swiper-model.data-v-5972bd7c {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 80rpx;
}
.container .scroll-view .swiper .swiper-item.data-v-5972bd7c {
  height: 80rpx;
}
.container .scroll-view .swiper .swiper-item .item-box.data-v-5972bd7c {
  padding: 20rpx 24rpx;
  height: 80rpx;
}
.container .scroll-view .swiper .swiper-item .item-box .item-img.data-v-5972bd7c {
  width: 40rpx;
  height: 40rpx;
  border-radius: 40rpx;
  background-color: #ffffff;
}
.container .scroll-view .swiper .swiper-item .item-box .item-text.data-v-5972bd7c {
  color: #ffffff;
  margin-left: 16rpx;
}
.container .scroll-view .prot.data-v-5972bd7c {
  margin: 0 32rpx;
  color: #ffffff;
}
.container .scroll-view .action.data-v-5972bd7c {
  margin: 64rpx 32rpx;
  width: 686rpx;
}
.container .scroll-view .qustion-title.data-v-5972bd7c {
  color: #ffffff;
  margin: 0 32rpx;
}
.container .scroll-view .qustions.data-v-5972bd7c {
  color: #79726B;
  margin: 20rpx 32rpx 80rpx 32rpx;
  padding-bottom: 284rpx;
}
.container .btn.data-v-5972bd7c {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 686rpx;
  height: 128rpx;
  margin: 0rpx 32rpx;
  margin-bottom: 76rpx;
  background: linear-gradient(133deg, #1B1A1D 0%, #000000 100%);
  border-radius: 64rpx;
  border: 2rpx solid #979797;
}
.container .btn .btn-left.data-v-5972bd7c {
  padding-left: 48rpx;
}
.container .btn .btn-left .bl-total.data-v-5972bd7c {
  color: #ffffff;
}
.container .btn .btn-left .bl-tip.data-v-5972bd7c {
  color: #79726B;
}
.container .btn .btn-right.data-v-5972bd7c {
  position: relative;
  width: 208rpx;
  height: 96rpx;
  padding-right: 20rpx;
}
.container .btn .btn-right .br-img.data-v-5972bd7c {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  width: 208rpx;
  height: 96rpx;
  z-index: 0;
}
.container .btn .btn-right .br-text.data-v-5972bd7c {
  color: #000000;
  position: relative;
  z-index: 1;
  width: 208rpx;
  height: 96rpx;
  text-align: center;
  line-height: 96rpx;
}