renshou/office/news/news.css

/* news.css */
page{background: #fff;}
.con{padding: 0 30rpx;}
#editor {width: 100%;height: 200px;background-color: #fff;padding-top: 30rpx;font-style: normal;font-size: 32rpx;color: #333;}
.ql-editor.ql-blank:before {color: #999;font-style: normal;}
.imgbox{margin-top: 60rpx;flex-wrap: wrap;}
.imgs{width: 158rpx;height: 158rpx;position: relative;border-radius: 8rpx;margin: 0 19rpx 25rpx 0;}
.imgbox .imgs:nth-child(4n){margin-right: 0;}
.img{width: 100%;height: 100%;border-radius: 8rpx;}
.del{width: 36rpx;height: 36rpx;position: absolute;top: -15rpx;right: -15rpx;}
.upload{width: 160rpx;height: 160rpx;background: #F7F8FA;border-radius: 8rpx;flex-direction: column;justify-content: center;margin-bottom: 25rpx;font-size: 20rpx;color: #999;}
.upload image{width: 35rpx;height: 35rpx;margin: 0 auto 10rpx;}
.video{width: 100%;height: 416rpx;border-radius: 10rpx;position: relative;}
.video video{width: 100%;height: 416rpx;border-radius: 10rpx;}
.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;}
.other{padding: 0 30rpx;}
.other .li{border-top: 1rpx solid #eee;font-size: 28rpx;color: #666;padding: 35rpx 0;}
.o-ico{width: 32rpx;height: 32rpx;margin-right: 10rpx;}
.sel-ht{font-size: 24rpx;color: #666;}
.sel-ht text{margin-right: 15rpx;}
.loca{height: 62rpx;overflow: hidden;}
.locas{height: 70rpx;white-space: nowrap;}
.loca .lis{height: 60rpx;border: 1rpx solid #E6E6E6;font-size: 24rpx;color: #666;padding: 0 20rpx;display: inline-block;line-height: 58rpx;border-radius: 30rpx;margin-right: 10rpx;box-sizing: border-box;max-width: 200rpx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.loca .lis:first-child{margin-left: 30rpx;}
.loca .lis:last-child{margin-right: 30rpx;}
.loca .lis.active{border-color: var(--mina);color: var(--mina);}
.btn-after{width: 580rpx;height: 76rpx;background: var(--mina);border-radius: 38rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 76rpx;position: fixed;left: 50%;transform: translateX(-50%);bottom: 45rpx;z-index: 50;}


.bot{position: fixed;left: 0;right: 0;bottom: 0;padding: 0 30rpx 50rpx;background: #fff;z-index: 50;}
.type{padding: 30rpx 0;border-bottom: 1rpx solid #e6e6e6;font-size: 28rpx;color: #333;margin-bottom: 30rpx;}
.canyu{height: 60rpx;border: 1rpx solid #E6E6E6;border-radius: 30rpx;font-size: 28rpx;color: #666;padding: 0 20rpx;}
.canyu image{width: 39rpx;height: 39rpx;margin-right: 10rpx;}
.sel{font-size: 26rpx;color: #aaa;text-align: right;}
.sel.active{color: #333;font-size: 30rpx;}
.rico{width: 15rpx;height: 24rpx;margin-left: 19rpx;}
.bot-b{margin-top: 20rpx;}
.btns navigator{margin-right: 32rpx;position: relative;}
.point{width: 10rpx;height: 10rpx;position: absolute;top: 10rpx;right: 10rpx;border-radius: 50%;background: #FF2424;}
.new{position: absolute;top:0;right: 0;min-width: 30rpx;height: 30rpx;background: #FF2424;border-radius: 50%;box-sizing: border-box;line-height: 30rpx;padding: 0 6rpx;font-size: 22rpx;color: #fff;text-align: center;}
.btns image{width: 70rpx;height: 70rpx;}
.btn{width: 108rpx;height: 60rpx;background: var(--mina);border-radius: 30rpx;font-size: 28rpx;color: #fff;text-align: center;line-height: 60rpx;}

.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;transition: all .3s ease;}
.popup{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;z-index: 100;text-align: center;border-radius: 15rpx 15rpx 0 0;transition: all .3s ease;}
.pop-list .li{font-size: 32rpx;height: 90rpx;border-bottom: 1rpx solid #f1f1f1;line-height: 90rpx;}
.pop-list .li:last-child{border-bottom: none;}
.pop-cancel{font-size: 32rpx;height: 90rpx;border-top: 10rpx solid #f1f1f1;line-height: 90rpx;}

.popup-center{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,calc(-50% - 70rpx));
	width: 630rpx;
	height: 512rpx;
	background: #FFFFFF;
	border-radius: 10rpx 10rpx 10rpx 10rpx;
	opacity: 1;
	z-index: 100;
	/* overflow: hidden; */
}
.popup-center-title{
	line-height: 62rpx;
	font-size: 42rpx;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	margin: 75rpx auto 25rpx;
	text-align: center;
}
.popup-center-option{
	width: 460rpx;
	height: 90rpx;
	line-height: 90rpx;
	background: #FF7000;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	opacity: 1;
	font-size: 32rpx;
	font-family: SourceHanSansCN-Regular-, SourceHanSansCN-Regular;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin:43rpx auto 0;
}
.popup-center-close{
	width: 82rpx;
	height: 82rpx;
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,70rpx);
	}
	
	.sel-ht-ac{
		height: 62rpx;
		line-height: 62rpx;
		background: #E1FFF4;
		border-radius: 31rpx 31rpx 31rpx 31rpx;
		opacity: 1;
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #FF7000;
		padding: 0 23rpx;
		}