renshou/topics/index/index.css

/* index.css */
page{background: #fff;}
.con{padding: 30rpx;}
.search{height: 60rpx;background: #F7F7F7;border-radius: 30rpx;margin: 0 0 25rpx;padding: 0 26rpx 0 32rpx;}
.ssico{width: 31rpx;height: 31rpx;margin-right: 7rpx;}
.ipt{font-size: 28rpx;color: #32363F;}
.placeholder{color: #B3B3B3;}
.list .li{box-shadow: 0 4rpx 24rpx rgba(199, 199, 199, 0.16);border-radius: 24rpx 24rpx 0 0;padding: 20rpx 25rpx 10rpx;margin-bottom: 20rpx;}
.topic{margin-bottom: 45rpx;}
.title{font-size: 34rpx;color: #000;font-weight: bold;}
.cy{font-size: 22rpx;color: #999;margin-top: 10rpx;}
.gzbtn{width: 100rpx;height: 48rpx;background: var(--main);border-radius: 30rpx;font-size: 22rpx;color: #fff;text-align: center;line-height: 48rpx;}
.list .lis{font-size: 28rpx;color: #32363F;margin-bottom: 25rpx;}
.list .lis image{width: 30rpx;height: 30rpx;margin-right: 20rpx;}
.list .lis rich-text{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.bg1{background: linear-gradient(180deg, #FFF4ED 0%, #FFF8F4 25%, #FFFFFF 50%);}
.bg2{background: linear-gradient(180deg, #F6F4FF 0%, #F9F7FF 25%, #FFFFFF 50%);}
.bg3{background: linear-gradient(180deg, #EDF8FF 0%, #FAFDFF 25%, #FFFFFF 50%);}
.bg4{background: linear-gradient(180deg, #FFEDEE 0%, #FFF7F7 25%, #FFFFFF 50%);}