wanzb_xcxv3/pages/baike/baike.wxss

/* pages/tlb/tlb.wxss */
.top_bg {
  position: relative;
}
.top_bg>image{
  width: 100%;
}
.top_bg .top_title{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  text-align: center;
  top: 20rpx;
  font-size: 46rpx;
  font-weight: 600;
}
.top_title text{
  display: block;
  font-size: 25rpx;
  color: #fff;
  font-weight: 400;
}
.tab{
  background: #fff;
  padding:0 20rpx;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  top: -40rpx;
  border-radius: 20rpx;
  justify-content: space-between;
}
.tab view{
  font-size: 28rpx;
  color: #333;
  line-height: 80rpx;
  transition: all .1s linear;
  margin-right: 30rpx;
  font-weight: 500;
}
.tab .act{
  color: #FF583D;
  border-bottom: 2px solid #FF583D;
}
.number{
  width: 38rpx;
  display: inline-block;
  text-align: center;
  color: #999;
  font-size: 24rpx;
  font-weight: 600;
  position: relative;
  top: -3rpx;
}
image.number{
  top: 4rpx;
  margin-right: 10rpx;
}
scroll-view{
  height: calc(100vh - 285rpx);
  position: relative;
  top: -20rpx;
}
.list{
  color: #333;
  font-size: 24rpx;
  margin-bottom: 20rpx;
  padding: 0 20rpx 20rpx;
  font-weight: 500;
  border-bottom: 1px solid #f2f2f2;
}
.list text{
  margin-right: 10rpx;
}
.info{
  display: flex;
  margin-top: 10rpx;
}
.info image{
  width: 200rpx;
  height: 200rpx;
  border-radius: 10rpx;
}
.info text{
  display: block;
  width: 70%;
  padding: 20rpx;
  color: #666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical;align-content: center;
  height: 120rpx;
}