.top {
  width: 100%;
  height: 70rpx;
  background-color: #26A2FF;
  margin-bottom: 94rpx;
}
.vip{
  padding:0 20rpx;
  line-height: 0rpx;
  position: relative;
}
.vip image{
  width: 100%;
  height: 140rpx;
}
.btn{
    background-image: linear-gradient(to bottom, #ffeab2 0%, #e1bf66 100%);
    text-align: center;
    color: #232d48;
    border-radius: 50rpx;
    line-height: 70rpx;
    height: 70rpx;
    padding: 0 20rpx;
    position: absolute;
    right: 40rpx;
    width: 160rpx;
    top: 50%;
    margin-top: -35rpx;
    text-align: center;
    font-size: 32rpx;
}
.new{
  background: red;
  color: #fff;
  border-radius: 50rpx;
  margin-left: 20rpx;
  font-size: 24rpx;
  padding: 4rpx 6rpx;
}
.head{
  background-color: #fff;
  box-shadow: 0 0.04rem 0.12rem 0 rgba(0,0,0,.05);
  height: 140rpx;
  border-bottom: 1px solid #f1f1f1;
}
.head .flex-box-ce{
  padding:0 28rpx;
  height: 100%;
}
.name{
  font-size: 36rpx;
  margin-left: 20rpx;
}
.li{
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
}
.img-left{
  width: 40rpx;
  height: 40rpx;
  margin: 0 28rpx;
}
.img-right{
  width: 24rpx;
  height: 24rpx;
  margin-right: 28rpx;
}
.li-right{
  padding: 28rpx 0;
}
.date{
  font-size: 28rpx;
  color: #999
}
.xusj{
  color: #fff;
  background-color: #26A2FF;
  border-radius: 6rpx;
  margin-right: 28rpx;
  font-size: 28rpx;
  padding: 5rpx 10rpx; 
}