pika_shangjia/activity/content/content.css

/* content.css */
page{background: #fff;padding: 30rpx 0;box-sizing: border-box;}
.title{font-size: 40rpx;color: #282828;font-weight: bold;line-height: 60rpx;padding: 0 30rpx;}
.time{font-size: 24rpx;color: #999;padding: 0 30rpx;}
.time text{font-size: 28rpx;color: #333;margin-right: 23rpx;}
.content{font-size: 34rpx;color: #333;padding: 30rpx 30rpx;line-height: 1.7;}
.con-vheight{height: 100vh;position: relative;overflow: hidden;}
.con-vheight::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 15vh;background: linear-gradient(rgba(255, 255, 255, 0), #fff);z-index: 5;}
.content video{width: 100%;height: 400rpx;object-fit:fill; margin-bottom: 20rpx;}
.content image{width: 100%;margin: 30rpx 0;}
.view-more{width: 230rpx;height: 70rpx;border: 2rpx solid var(--main);border-radius: 35rpx;font-size: 30rpx;color: var(--main);margin: 30rpx auto 0;text-align: center;line-height: 70rpx;}
.bot{padding: 40rpx 35rpx 0;}
.sbanner{overflow: hidden;position: relative;}
.sbanner .swiper,.sbanner .swiper image{width: 100%;height: 160rpx;border-radius: 12rpx;overflow: hidden;}
.dots{position: absolute;left: 0;right: 0;bottom: 20rpx;align-items: center;justify-content: center;}
.dot{background: rgba(0,0,0,.5);width: 12rpx;height: 12rpx;border-radius: 6rpx;margin: 0 4rpx;}
.dot.active{width: 30rpx;background: #fff;}
.tits{font-size: 36rpx;color: #333;font-weight: bold;margin: 30rpx 0 0;}
.zxlist .li{padding: 40rpx 0;border-bottom: 1rpx solid #EBEBEB;}
.zximg{width: 230rpx;height: 150rpx;border-radius: 12rpx;margin-right: 23rpx;}
.zxtit{font-size: 30rpx;color: #333;line-height: 41rpx;height: 82rpx;}
.datas{font-size: 24rpx;color: #999;margin-top: 30rpx;}
.adContainer{margin: 30rpx 0 0;border-radius: 10rpx;overflow: hidden;}