mz/unpackage/dist/dev/mp-weixin/pages/live/list.wxss

@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  width: 100%;
  height: 100%;
  background-color: #F8F6F6;
}
.container {
  width: 100%;
  height: 100%;
  background-color: #F8F6F6;
}
.scroll-list {
  width: 100%;
  height: 70rpx;
  overflow: hidden;
  white-space: nowrap;
  padding: 0rpx 25rpx;
  font-size: 26rpx;
  background-color: #FFFFFF;
  margin-bottom: 25rpx;
  line-height: 60rpx;
}
.scroll-list .scoll-box {
  margin-right: 35rpx;
  text-align: center;
  display: inline-block;
}
.scroll-list .scoll-box.active {
  color: #fa2740;
  border-bottom: 4rpx solid #fa2740;
}
/* 猜你喜欢 */
.guess-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 20rpx;
}
.guess-section .no-data {
  width: 100%;
  font-size: 26rpx;
  text-align: center;
}
.guess-section .guess-item {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  border: 2rpx solid #eeeeee;
  width: 343rpx;
  margin-bottom: 4%;
  border-radius: 15rpx;
  background-color: white;
  padding-bottom: 30rpx;
}
.guess-section .guess-item:nth-child(2n + 1) {
  margin-right: 24rpx;
}
.guess-section .imagewrapper {
  width: 100%;
  height: 289rpx;
  border-radius: 3px;
  margin-bottom: 15rpx;
}
.guess-section .imagewrapper image {
  width: 100%;
  height: 100%;
}
.guess-section .type {
  position: absolute;
  top: 25rpx;
  right: 25rpx;
  font-size: 20rpx;
  background: rgba(62, 62, 62, 0.5);
  padding: 5rpx 10rpx;
  color: #FFFFFF;
}
.guess-section .type .tip {
  width: 15rpx;
  height: 15rpx;
  border-radius: 100%;
  margin-right: 15rpx;
  background-color: #65D955;
}
.guess-section .info {
  padding: 0rpx 25rpx;
  font-size: 26rpx;
}
.guess-section .info .name-item {
  padding-top: 15rpx;
  font-size: 24rpx;
}
.guess-section .info .name-item .tip-box {
  font-size: 22rpx;
  color: #999999;
}
.guess-section .info .name-item .tip-box image {
  width: 50rpx;
  height: 45rpx;
}