VIP20/16_miniapp/day-5/video-list/pages/index/index.wxss

.lunbo {
  width: 750rpx;
  height: 380rpx;
}

.lunbo image {
  width: 100%;
  height: 100%;
}

.cate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cate .cate-title {
  font-size: 18px;
  font-weight: 700;
}

.cate .cate-more {
  color: #8B8B83;
  font-size: 14px;
}

.more {
  margin-left: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHpJREFUOE9jZCATMJKpj2Goauzv7xcoLCz8gM3f6HJwP3Z3Ny9gYGCIZ2RkCCwpqd3Q3d38HmRAaWmtYE9Pc8D//wzrGRgYFpaW1iaAxOEae3qaJ/z/z5CPpBFsc2lprQBMIyMjw8SSktoCFI0gDllOJTU+h2o8kuJPAGeqMg84G4VeAAAAAElFTkSuQmCC');
}

.box {
  margin-top: 8px;
  white-space: nowrap;
}

.item {
  display: inline-block;
  width: 240rpx;
  height: 420rpx;
  margin-left: 4px;
}

.item image {
  width: 100%;
  height: 310rpx;
}

.item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.item-name,
.item-rate {
  width: 100%;
  text-align: center;
}