phone_uni/unpackage/dist/dev/mp-weixin/pages/material/index.wxss

/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.search-bar_top.data-v-8d87f12a {
  width: 46vw;
}
.tabs_list_box.data-v-8d87f12a {
  padding: 0 26rpx;
  width: 100vw;
  box-sizing: border-box;
  background: var(--bgColor);
}
.tabs_list_box .tabs-rigth-fixed.data-v-8d87f12a {
  background: #95fad5;
  border-radius: 50rpx;
  height: 40rpx;
  line-height: 40rpx;
  display: flex;
  align-items: center;
  padding: 0 6rpx;
  box-sizing: border-box;
  font-size: 20rpx;
  font-family: SmileySans-Oblique-2;
}
.tabs_list_box .tabs-rigth-fixed text.data-v-8d87f12a {
  font-weight: 600;
}
.demo-uni-row.data-v-8d87f12a {
  width: 100%;
  padding: 0 26rpx;
  margin-top: 20rpx;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.demo-uni-row .demo-uni-col.data-v-8d87f12a {
  width: 100%;
  border-radius: 13px;
  margin-bottom: 10rpx;
  background-color: #fff;
  padding: 13rpx 20rpx 13rpx 10rpx;
  box-sizing: border-box;
  display: flex;
}
.demo-uni-row .demo-uni-col .list_left.data-v-8d87f12a {
  width: 161.95rpx;
  height: 155.87rpx;
}
.demo-uni-row .demo-uni-col .list_center.data-v-8d87f12a {
  width: calc(100% - 161.95rpx - 80rpx);
  height: 155.87rpx;
  padding: 0 10rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.demo-uni-row .demo-uni-col .list_center .list_c_t.data-v-8d87f12a {
  font-size: 28rpx;
  font-weight: 600;
  letter-spacing: 0rpx;
  line-height: 38.42rpx;
  color: black;
  text-align: left;
  vertical-align: top;
  margin-top: 10rpx;
}
.demo-uni-row .demo-uni-col .list_center .list_c_b.data-v-8d87f12a {
  display: flex;
}
.demo-uni-row .demo-uni-col .list_center .list_c_b .list_c_b_item.data-v-8d87f12a {
  width: 114rpx;
  height: 106rpx;
  background-image: url(var(--iconImage));
  background-size: 100% 100%;
}
.demo-uni-row .demo-uni-col .list_right.data-v-8d87f12a {
  width: 80rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.demo-uni-row .demo-uni-col .list_right .mini_btn.data-v-8d87f12a {
  width: 100%;
  border-radius: 50rpx;
  padding: 4rpx 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 24rpx;
}