~liuwh/gzDyh.git

			@@ -85,9 +85,15 @@
			}

			&-file {
			width: 14px;
			height: 14px;
			margin-right: 4px;
			margin-top: 4px;
			}

			&-register {
			width: 12px;
			margin-right: 4px;
			margin-top: -5px;
			margin-left: 4px;
			}
			}

			@@ -96,7 +102,7 @@

			&-page {
			background-color: #fff;
			margin: 8px 8px 0px 16px;
			margin: 0px 8px 0px 16px;
			padding: 12px 16px 16px 16px;
			height: calc(100vh - 228px);
			overflow-y: scroll;
			@@ -140,6 +146,16 @@

			.scrollTabContent {
			overflow-y: scroll;
			}
			}

			&-noBackTabPage {
			margin: 0 16px 0px 16px;
			height: calc(100vh - 219px);

			.whiteBox {
			background-color: #fff;
			padding: 12px;
			}
			}
			}
			@@ -300,14 +316,13 @@
			display: flex;
			flex-direction: row;
			column-gap: 8px;
			margin: 0px 8px 22px 16px;
			margin: 0px 8px 0 16px;


			&-left {
			flex: 3 1 0%;
			background-color: rgb(255, 255, 255);
			padding: 12px 0px 12px 16px;
			margin-bottom: -25px;

			&-record {
			border: 1px solid #D9D9D9;
			@@ -321,12 +336,21 @@
			align-items: center;
			background-color: #FAFAFA;
			border-radius: 8px;
			position: relative;


			&-icon {
			width: 12px;
			height: 12px;
			margin-right: 12px;
			}

			&-edit {
			position: absolute;
			right: 25px;
			top: 15px;
			width: 18px;
			cursor: pointer;
			}

			&-remark {
			@@ -451,8 +475,136 @@
			z-index: 9999;
			}

			.myTag {
			border: 1px solid rgb(229, 230, 235);
			border-radius: 2px;
			display: inline-block;
			padding: 3px 6px;
			cursor: pointer;

			&:hover {
			border: 1px solid #1A6FB8;
			color: #1A6FB8;
			}
			}

			.gap {
			height: 8px;
			background-color: #F2F3F5;
			margin: 16px -18px 0px -16px;
			}

			.reviewProgress {
			.reviewCircle {
			width: 14px;
			height: 14px;
			border: 2px solid #3491fa;
			border-radius: 50%;
			margin-top: 4px;
			}

			.reviewLine {
			height: calc(100% - 19px);
			width: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;

			&::before {
			content: '';
			height: 100%;
			width: 1px;
			background-color: #e5e6eb;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			}
			}

			.deepTitle {
			font-size: 14px;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			text-align: LEFT;
			color: #1d2129;
			line-height: 22px;
			}

			.shallowTitle {
			font-size: 14px;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			text-align: LEFT;
			color: #86909c;
			line-height: 22px;
			}
			}

			.Supervising {
			background: #ffffff;
			border: 1px solid #e5e6eb;
			border-radius: 8px;
			margin: 12px 16px 0px 16px;
			padding: 12px 16px;

			&-item {
			display: flex;
			margin-bottom: 4px;

			&-title {
			color: #86909C;
			}

			}

			&-info{
			display: flex;

			&-time{
			margin-right: 8px;
			}

			&-detail{
			color: #1A6FB8;
			}
			}

			&-btn {
			margin-top: 12px;
			color: rgb(26, 111, 184);
			border: 1px solid rgb(26, 111, 184);
			background-color: rgb(255, 255, 255);
			}

			}

			.modal {
			display: flex;
			justify-content: center;
			margin-bottom: 24px;

			&-mark{
			color: rgb(26, 111, 184);
			border: 1px solid rgb(26, 111, 184);
			padding: 0px 8px;
			margin-right: 8px;
			border-radius: 4px;
			}

			&-title{
			color: #1D2129;
			font-size: 16px;
			font-weight: 500;
			}
			}

			.icon{
			// width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
			&-register{
			width: 14px;
			height: 14px;
			margin-left: 8px;
			margin-top: -2px;
			}
			}