tcm-cloud-uin-app/pages/ypczk/djfk/index/index.scss

.djfkIndex{
	.djfkIndex_header{
		background: linear-gradient(180deg, rgba(189, 162, 115, 1) 0%, rgba(255, 255, 255, 1) 100%);
		height: 450rpx;
		.info{
			display: flex;
			align-items: center;
			padding: 10rpx 10rpx 20rpx 10rpx;
			.info_img{
				width:100rpx;
				height:100rpx;
				border-radius:50%;
				background-color:white;
				.headImg{
					margin-left: auto;
					margin-right: auto;
					width: 100rpx;
					height: 100rpx;
				}
			}
			.userName{
				line-height: 100rpx;
				font-size: 20px;
				font-weight: 500;
				color: rgba(255, 255, 255, 1);
				text-align: center;
				padding-left: 40rpx;
				padding-right: 20rpx;
			}
			.eyeIcon{
				line-height: 100rpx;
				width: 60rpx;
				height: 60rpx;
			}
		}
		.slogan{
			display:flex;
			align-items: center;
			justify-content: center;
			.slogan_img{
				width: 670rpx;
				height: 290rpx;
			}
		}
	}
	.djfkIndex_title{
		display: flex;
		padding-left: 30rpx;
		.title_left{
			display:flex;
			align-items: center;
			justify-content: center;
			.uni-badge--x{
				padding-left: 5rpx;
			}
		}
		.title_right{
			padding-left: 400rpx;
			right: 20rpx;
			.right_text{
				font-size: 17px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
				padding-right: 5rpx;
			}
		}
	}
	.djfkIndex_list{
		.list_content{
			display: flex;
			padding: 15rpx 20rpx 15rpx;
			.list_content_img{
				align-self: center;
				display: flex;
				.statusIcon{
					height: 50rpx;
					width: 50rpx;
				}
			}
			.list_item{
				padding-left:80rpx;
				font-size: 15px;
				font-weight: 400;
				letter-spacing: 0px;
				line-height: 21.72px;
				color: rgba(102, 102, 102, 1);
				vertical-align: top;
			}
			.list_item_text{
				padding-right: 20rpx;
				padding-left: 30rpx;
				flex: 1;
				text-align: right;
				font-size: 15px;
				font-weight: 400;
				letter-spacing: 0.5px;
				line-height: 22px;
				color: rgba(51, 51, 51, 1);
			}
		}
		.list_content :nth-child(2){
			padding-left: 35rpx;
		}
		.button{
			display: flex;
			justify-content: flex-start;
			border-top: 0.5px solid rgba(221, 221, 221, 1);
			height: 80rpx;
			.button_upload{
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				color: rgba(190, 163, 117, 1);
				font-size: 17px;
			}
		}
	}
	.rectification_notice{
		height: 800rpx;
		width: 600rpx;
		background-image: url('../../../../static/rectification_notice.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		border-radius: 10rpx;
		.rectification_notice_title{
			padding-top: 110rpx;
		}
		.rectification_notice_content{
			padding: 50rpx 50rpx 30rpx;
			font-size: 16px;
			font-weight: 400;
			text-align: left;
			word-break:break-all;
		}
		.rectification_notice_deadline{
			padding: 80rpx 50rpx 80rpx;
			font-size: 12px;
		}
		.rectification_notice_date{
			padding-right: 60rpx;
			font-size: 12px;
			text-align: right;
		}
		.rectification_notice_button{
			padding: 60rpx 50rpx;
			.button{
				margin-top: 10rpx;
				border-radius: 5px;
				color: rgba(255, 255, 255, 1);
				background:  linear-gradient(90deg, rgba(190, 163, 117, 1) 0%, rgba(190, 163, 117, 0.8) 100%);
			}
		}
	}
}