@import 'uview-ui/theme.scss';

/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24rpx;
$uni-font-size-base:28rpx;
$uni-font-size-lg:32rpx;

/* 图片尺寸 */
$uni-img-size-sm:40rpx;
$uni-img-size-base:52rpx;
$uni-img-size-lg:80rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;

/* 垂直间距 */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30rpx;

.prolist {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 30upx;
	}

	.prolist .list {
		width: 49%;
		margin-bottom: 16upx;
		background-color: #FFFFFF;
		border-radius: 4px;
		overflow: hidden;
	}

	.prolist.w100 .list {
		width: 100%;
	}

	.prolist .list .title {
		font-size: 26upx;
		font-weight: bold;
		padding: 18upx;
		color: #303133;
	}

	.prolist .list .desc {
		display: flex;
		justify-content: space-between;
		font-size: 22upx;
		color: #909399;
		padding: 10upx 18upx 26upx;
	}

	.prolist .list .desc text {
		width: 33%;
		display: block;
	}
page {
		background-color: #f3f4f6;
	}

	.content {
		padding: 0 20upx;
		margin-top: 20upx;
	}
	.newslist {
		width: 100%;
		margin-top: 30upx;
		background-color: #FFFFFF;
	}
	
	.newslist .list {
		width: 100%;
		padding: 15upx 0;
	}
	
	.newslist .list .title {
		padding: 15upx 25upx;
		color: #303133;
		font-weight: bold;
		font-size: 26upx;
		line-height: 1.5;
	}
	
	.newslist .list .desc {
		color: #909399;
		padding: 0upx 25upx;
		font-size: 24upx;
		margin-bottom: 25upx;
	}
	
	.newslist .list .desc text {
		margin-right: 30upx;
	}
.message-box{
	margin: 25upx auto;
	width: 100%;
	background-color: #FFFFFF;
	padding: 20upx;
	.uni-input{
		display: block;
		width: 100%;
		border: 1px solid #e4e7ed;
		border-radius: 3px;
		height: 70upx;
		padding: 0 20upx;
		margin-bottom: 20upx;
		box-sizing: border-box;
		font-size: 24upx;
	}
	.uni-textarea{
		display: block;
		width: 100%;
		border: 1px solid #e4e7ed;
		border-radius: 3px;
		height: 150upx;
		padding: 20upx;
		margin-bottom: 20upx;
		box-sizing: border-box;
		font-size: 24upx;
	}
	.hidden-input{
		display: none;
	}
	.catlist-hover{
		background-color: #E97017;
	}
	
}
.index-message{
	margin-top: 30upx;
	.mess-btn{
		display: flex;
		justify-content: space-between;
		.submit{
			width: 49%;
		}
	}
}
.art-content{
	margin-bottom: 15upx;
}