renshou/office/detail/detail.css

/* detail.css */
page{padding-bottom: 140rpx;background: #fff;}
.user{padding: 35rpx 30rpx;}
.userimg{width: 66rpx;height: 66rpx;border-radius: 50%;margin-right: 12rpx;}
.name{font-size: 28rpx;color: #333;font-weight: bold;}
.vip-tag{width: 41rpx;height: 31rpx;margin-left: 10rpx;}
.time{font-size: 24rpx;color: #999;}
.area{font-size: 24rpx;color: #999;margin-top: 8rpx;}
.con{padding: 0 0 35rpx;}
.des{font-size: 30rpx;color: #000;line-height: 50rpx;padding: 0 30rpx;word-wrap: break-word;}
.wen{display: inline-block;width: 60rpx;height: 34rpx;background: #3DB4FF;border-radius: 4rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 34rpx;margin-right: 15rpx;}
.video{margin: 20rpx 30rpx 0;position: relative;}
.video video{width: 100%;height: 397rpx;border-radius: 15rpx;display: block;}
.video-play{position: absolute;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;background: rgba(0,0,0,.5);border-radius: 15rpx;}
.video-play image{width: 82rpx;height: 82rpx;}
.imgbox{flex-wrap: wrap;margin-top: 20rpx;padding: 0 30rpx;}
.imgbox image{width: 222rpx;height: 222rpx;border-radius: 16rpx;margin: 0 12rpx 12rpx 0;}
.imgbox image:nth-child(3n){margin-right: 0;}
.que{height: 78rpx;border-radius: 10rpx;background: linear-gradient(270deg, #FFFBEB 0%, #FFF3C9 100%);font-size: 28rpx;color: #FE7806;padding: 0 15rpx;margin: 20rpx 30rpx 0;}
.que .tovers{-webkit-line-clamp: 1;height: 78rpx;line-height: 78rpx;}
.st-ico{width: 50rpx;height: 47rpx;margin-right: 15rpx;}
.st-rico{width: 12rpx;height: 20rpx;margin-left: 35rpx;}
.cates{padding: 0 30rpx;}
.cates text{display: block;font-size: 20rpx;color: #999;background: #F7F7F7;height: 48rpx;border-radius: 24rpx;padding: 0 20rpx;margin: 30rpx 25rpx 0 0;line-height: 48rpx;}
.ds{justify-content: space-between;font-size: 24rpx;color: #999;margin-top: 28rpx;padding: 0 30rpx;}
.opt-share image{width: 33rpx;height: 33rpx;margin-right: 8rpx;}
.opt-share{font-size: 24rpx;color: #999;margin-left: 50rpx !important;}
.topic{max-width: 400rpx;height: 40rpx;background: #E1FFF4;border-radius: 20rpx;font-size: 20rpx;color: var(--main);padding: 0 20rpx 0 10rpx;margin: 18rpx 30rpx 0;}
.topic image{width: 28rpx;height: 28rpx;margin-right: 7rpx;}
.loca{font-size: 20rpx;color: #666;}
.loca image{width: 26rpx;height: 31rpx;margin-right: 8rpx;}
.loca text{margin-right: 10rpx;}
.vote-box{margin: 50rpx 30rpx 0;}
.vote-box.ends{background: #f8f8f8;margin-top: 30rpx;padding: 20rpx;}
.vote-tit{font-size: 28rpx;color: #000;}
.vote-list .lis{height: 74rpx;background: #F9FAFC;border: 1rpx solid #EBEBEB;border-radius: 8rpx;font-size: 30rpx;color: var(--main);text-align: center;line-height: 74rpx;margin-top: 20rpx;padding: 0 28rpx;position: relative;overflow: hidden;}
.end .lis{text-align: left;color: #9B9B9B;}
.end .lis view{position: relative;z-index: 2;}
.end .lis view.percent{position: absolute;top: 0;bottom: 0;left: 0;background: #F0F0F0;z-index: 0;}
.end .lis.active{color: var(--main);}
.end .lis.active view.percent{background: #E1FFF4;}
.vote-can{font-size: 22rpx;color: #999;margin-top: 15rpx;}
.vote-can text{margin-right: 15rpx;}
.shares{justify-content: space-between;padding: 40rpx 30rpx 0;}
.share-btn{width: 330rpx !important;height: 80rpx !important;background: #F8F8F8;border-radius: 16rpx;font-size: 28rpx;color: #000;justify-content: center;}
.share-btn image{width: 45rpx;height: 42rpx;margin-right: 12rpx;}
.line{background: #f7f7f7;height: 20rpx;}
.step-box{
	background-color: #f7f8fa;
	border-radius: 16rpx;
	padding: 40rpx;
	margin: 30rpx 30rpx 0;
	color: var(--main);
}
.step-date{
	font-size: 64rpx;
	font-weight: 500;
}
.step-label{
	font-size: 24rpx;
	font-weight: 500;
}
.step-pic{
	width: 150rpx;
	height: 150rpx;
	background: #E2E2E2;
	border-radius: 16rpx 16rpx 16rpx 16rpx;
	opacity: 1;
	margin-right: 20rpx;
}
.step-title{
	height: 74rpx;
	line-height: 37rpx;
	font-size: 26rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #1A1F30;
}
.step-price{
	line-height: 33rpx;
	font-size: 24rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FF7000;
}
.step-btn{
	width: 94rpx;
	height: 46rpx;
	line-height: 46rpx;
	background: var(--main);
	border-radius: 23rpx 23rpx 23rpx 23rpx;
	opacity: 1;
	text-align: center;
	font-size: 28rpx;
	color: #FFFFFF;
}
.product{height: 168rpx;margin-top: 30rpx;overflow: hidden;}
.pro-view{height: 168rpx;padding-bottom: 20rpx;white-space: nowrap;}
.pro-view .li{display: inline-block;width: 554rpx;height: 168rpx;background: #F7F8FA;border-radius: 16rpx;margin-right: 20rpx;padding: 16rpx;box-sizing: border-box;}
.pro-view1 .li{width: 688rpx;}
.pro-view .li:first-child{margin-left: 30rpx;}
.pro-view .li:last-child{margin-right: 30rpx;}
.pic{width: 136rpx;height: 136rpx;border-radius: 16rpx;background: #fff;margin-right: 19rpx;}
.title{white-space: initial;font-size: 26rpx;color: #1A1F30;line-height: 37rpx;height: 74rpx;}
.opt{justify-content: space-between;margin-top: 10rpx;}
.money{font-size: 24rpx;color: var(--main);}
.pro-btn{width: 94rpx;height: 46rpx;background: var(--mina);border-radius: 23rpx;font-size: 28rpx;color: #fff;text-align: center;line-height: 46rpx;}
.comments{padding: 50rpx 30rpx;}
.tits{font-size: 36rpx;color: #000;font-weight: bold;}
.tits text{font-size: 28rpx;color: #999;margin-left: 12rpx;font-weight: normal;}
.list .li{align-items: flex-start;margin-top: 50rpx;}
.list .li .userimg{margin-right: 20rpx;}
.zan{font-size: 24rpx;color: #999;}
.zan image{width: 33rpx;height: 33rpx;margin-right: 10rpx;}
.c-des{font-size: 32rpx;color: #000;line-height: 54rpx;margin-top: 30rpx;word-break: break-all;}
.sta{margin-top: 15rpx;font-size: 24rpx;color: #999;}
.reply{width: 107rpx;height: 48rpx;background: #F7F8FA;border-radius: 24rpx;color: #000;justify-content: center;margin-right: 20rpx;}
.reply image{width: 9rpx;height: 14rpx;margin-left: 8rpx;}
.replys{background: rgba(247, 248, 250, .6);border-radius: 16rpx;margin-top: 20rpx;padding: 32rpx 25rpx 20rpx 32rpx;overflow: hidden;}
.replys .lis{font-size: 28rpx;color: #666;line-height: 45rpx;margin-bottom: 15rpx;word-break: break-all;}
.replys .lis text{font-size: 26rpx;color: #000;font-weight: bold;margin: 0 10rpx;}
.replys .lis text:first-child{margin-left: 0;}
.lz{width: 46rpx;height: 28rpx;border: 1rpx solid #ffc372;background: #ffc372;border-radius: 4rpx;font-size: 20rpx !important;color: #fff !important;font-weight: normal !important;padding: 0 5rpx;text-align: center;margin-left: 10rpx;}
.check{font-size: 26rpx;color: #000;font-weight: bold;padding: 10rpx 0 15rpx;}
.bot{position: fixed;bottom: 0;left: 0;right: 0;background: #fff;border-top: 1rpx solid #E9E9E9;padding: 0 35rpx;height: 140rpx;z-index: 50;}
.c-ipt{height: 70rpx;background: #F0F1F3;border-radius: 35rpx;padding: 0 30rpx;margin-right: 25rpx;}
.c-ipt image{width: 34rpx;height: 34rpx;margin-right: 16rpx;}
.ipt{font-size: 28rpx;color: #333;}
.placeholder{color: #666;}
.bot-btn{font-size: 20rpx;color: #666;text-align: center;position: relative;padding: 0 25rpx;}
.bot-btn image{width: 40rpx;height: 40rpx;margin: 0 auto 8rpx;}
.num{font-size: 20rpx;color: #333;position: absolute;right: -10rpx;top: -10rpx;}
.bot1{position: fixed;bottom: 0;left: 0;right: 0;background: #fff;border-top: 1rpx solid #E9E9E9;padding: 0 35rpx;height: 110rpx;z-index: 50;}
.reply-sr{height: 70rpx;background: #F0F1F3;border-radius: 35rpx;padding: 0 10rpx 0 30rpx;}
.submit{width: 108rpx;height: 50rpx;background: var(--mina);border-radius: 35rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;margin-left: 20rpx;}
.ceng{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);z-index: 49;}