test/pages/pbService/activity/index.wxss

/* pages/pbService/activity/index.wxss */
.topimg {
  display: block;
  width: 100%;
}
.list{
  margin-top: 90rpx;
}
.item {
  margin: 40rpx 27rpx;
  position: relative;
}
.item .bgimg {
  display: block;
  width: 100%;
  height: 427rpx;
}
.list .item:nth-child(1){
  margin-top: -40rpx;
  z-index: 1;
}
page {
  background: #D1C0A5;
}
.main-img {
  width: 539rpx;
  height: 293rpx;
  background: #D1C0A5;
  border-radius: 33rpx;
  position: absolute;
  left: 20rpx;
  top: 25rpx;
}
.info {
  position: absolute;
  bottom: 15rpx;
  color: #fff;
  left: 35rpx;
  font-size: 23rpx;
  right: 135rpx;
}
.info .title {
  margin-bottom: 6rpx;
  font-size: 33rpx;
  font-weight: 600;
}


.nav-box {
  background-color: #7D726B;
  margin: -90rpx 26rpx 0;
  height: 84rpx;
  border-radius: 10rpx;
  display: flex;
  align-items: center;
}

.nav-box .nav-item {
  color: #FFFFFF;
  font-size: 50rpx;
  width: 341rpx;
  text-align: center;
  font-size: 34rpx;
}

.nav-box .nav-item.active {
  height: 100rpx;
  line-height: 76rpx;
  margin-bottom: -20rpx;
  background-image: url("https://static.ticket.sz-trip.com/activity/WonderfulReview/select.png");
}
.s_menu{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 42rpx;
  margin-top: 45rpx;
}
.s_item{
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #695A56;
  padding: 4rpx 20rpx;
}
.s_item.s_active{
  background: #6A5B58;
  border: 1rpx solid #6A5B58;
  border-radius: 7rpx;
  color: #FFFFFF;
}