H5_module/share/grass/index.css

/* index.css */
page{background: #fff;box-sizing: border-box;}
.top-fixed{position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 50;}
.user{padding: 0 30rpx;font-size: 28rpx;color: #333;font-weight: bold;}
.userimg{width: 60rpx;height: 60rpx;border-radius: 50%;margin-right: 20rpx;}
.share-top image{width: 40rpx;height: 40rpx;}
.banner{height: 690rpx;position: relative;margin: 10rpx 30rpx 0;border-radius: 10rpx;overflow: hidden;}
.pic-nums{position: absolute;top: 20rpx;right: 20rpx;background: rgba(0,0,0,.5);font-size: 28rpx;color: #fff;padding: 5rpx 12rpx;border-radius: 30rpx;z-index: 5;}
.swiper{width: 100%;height: 690rpx;border-radius: 10rpx;}
.swiper image{width: 100%;height: 100%;border-radius: 10rpx;}
.dots{justify-content: center;position: absolute;left: 0;right: 0;bottom: 20rpx;}
.dot{width: 12rpx;height: 12rpx;border-radius: 50%;background: rgba(0,0,0,.5);margin: 0 3rpx;}
.dot.active{background: #FE0419;}
.pro{background: #f5f5f5;border-radius: 10rpx;margin: 20rpx 30rpx;padding: 20rpx;}
.proimg{box-sizing: border-box;width: 120rpx;height: 120rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;}
.proname{font-size: 28rpx;color: #333;overflow: hidden;line-height: 36rpx;height: 72rpx;}
.infos {font-size: 24rpx;color: #999;margin: 10rpx 0 20rpx;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Ninfos{padding: 16rpx 0;}
.ope{justify-content: space-between;align-items: center;}
.price{font-size: 25rpx;color: #FE0419;align-items: center;}
.price text{font-size: 36rpx;font-weight: bold;}
.btn{width: 150rpx;height: 50rpx;background: linear-gradient(90deg, rgba(254, 147, 76, 1) 0%, rgba(253, 58, 49, 1) 100%);font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;border-radius: 25rpx;}
.title{font-size: 32rpx;color: #282828;font-weight: bold;line-height: 42rpx;padding: 0 30rpx;margin-top: 30rpx;}
.sitename{color: var(--mina);margin-right: 15rpx;}
.time{color: #999;font-size: 24rpx;margin-right: 20rpx;}
.time text{font-size: 28rpx;color: #333;margin-right: 23rpx;}
.content{font-size: 34rpx;color: #333;padding: 0 30rpx;line-height: 1.7;}
.con-vheight{max-height: 120vh;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 auto;}
/* ._p{padding: 0 30rpx;} */
.view-more{width: 230rpx;height: 70rpx;font-size: 30rpx;color: #999;margin: 30rpx auto 0;text-align: center;line-height: 70rpx;}
.bot{padding: 40rpx 35rpx 0;}
.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;}
.operate{padding: 30rpx 30rpx 50rpx;font-size: 28rpx;color: #666;}
.zan{margin-right: 20rpx;}
.zan image{width: 30rpx;height: 30rpx;margin-right: 15rpx;}
.zan.active{color: #108FFF;}
.share{font-size: 28rpx;color: #666;}
.share image{width: 30rpx;height: 30rpx;margin-right: 15rpx;}
.box{padding: 40rpx 30rpx 0;border-top: 20rpx solid #f9f9f9;}
.tit{font-size: 32rpx;color: #333;font-weight: bold;}
.rec .li{padding: 30rpx 0;border-bottom: 1rpx solid #EDEDED;}
.rec .li:last-child{border-bottom: none;}
.rec-tit{font-size: 34rpx;color: #333;font-weight: bold;line-height: 48rpx;height: 96rpx;margin-bottom: 25rpx;}
.author{font-size: 28rpx;color: #999;margin-right: 24rpx;}
.author image{width: 32rpx;height: 32rpx;border-radius: 2rpx;margin-right: 10rpx;}
.rec-time{font-size: 28rpx;color: #999;}
.rec-img{width: 218rpx;height: 152rpx;margin-left: 55rpx;}

/* 广告 */