wanzb_xcx/pages/detail/detail.wxss

/* pages/detail/detail.wxss */
page{
  background: #F4F6F8;
}
.part{
  background: #fff;
  padding: 30rpx;
  margin-bottom: 16rpx;
}
.top image{
  position: absolute;
  right: 0;
  top: 20rpx;
  width: 210rpx;
}
.rank{
  position: absolute;
  top: 18rpx;
  right: 0rpx;
  color: #FF5151;
  padding-right: 24rpx;
}
.rank text{
  font-size: 48rpx;
  margin-right: 20rpx;
  color: #FF5151;
  position: relative;
  top: 6rpx;
}
.label{
    font-size: 32rpx;
    color: #999;
    padding: 10rpx 0;
}
.label text{
    color: #333;
    margin-left: 16rpx;
    font-size: 32rpx;
}
.info{
  display: flex;
  flex-wrap: wrap;
  background: #fff;
   margin-bottom: 16rpx;
}
.info view{
  width: 50%;
  color: #999;
  padding: 16rpx 32rpx;
}
.info view:first-child{
  border-right: 1px solid #F6F6F6;
  border-bottom: 1px solid #F6F6F6
}
.info view:last-child{
  border-left: 1px solid #F6F6F6;
  border-top: 1px solid #F6F6F6
}
.info text{
  display: block;
  font-size: 40rpx;
  font-weight: 500;
}

.tag{
  display: inline-block;
  color: #FFF;
  font-size: 24rpx;
  background: #4587FF;
  border-radius: 4rpx;
  padding:2px 4px;
}
.list{
  margin:24rpx 0 40rpx;
}
.list view{
  display: inline-block;
  padding: 16rpx;
  background: #F4F6F8;
  border-radius: 8rpx;
  margin-bottom: 16rpx;
  margin-right: 16rpx;
}
.list text{
  display: block;
  color: #999;
}