$marginTop-60: 120px;
	:deep(.share>.el-dialog__header){
		display: none !important;
	}
	:deep(.share>.el-dialog__body){
		padding: 0 !important;
		display: flex;
		position: relative;
	}
	
	:deep(.el-tag) {
		background-color: #c9ffec !important;
	}
	
	:deep(.el-tag.el-tag--info) {
		color: #00DD9A;
	}
	
	:deep(.el-tag.el-tag__close) {
		color: #00DD9A;
	}
	:deep(.el-dialog__body){
		padding-top: 10px !important;
	
	}
	
	:deep(.el-dialog__header) {
		background: linear-gradient(45deg, #f2fffa, #FFFFFF);
		border-radius: 14px 14px 0 0;
	}
	:deep(.el-dialog) {
		padding: 0 !important;
		border-radius: 14px !important;
	}
	.poster_canvas {
		position: fixed;
		top: -10000px;
		left: 0;
		// top: 0;
	}
	.share-content{
		width: 100%;
		position: absolute;
		bottom: 30px;
		z-index: 9999;
		.share-content-box{
			width: calc(100% - $marginTop-60 - 80px);
			height: 100%;
			
			
		}
		.share-content-box-top{
			width: 100%;
			background-color: #FFFFFF;
			border-radius: 13px;
			padding-top: 20px;
			img{
				width: 40px;
				height: 40px;
				border-radius: 8px;
				margin-left: 20px;
				margin-right: 10px;
				
			}
			.share-content-box-topi{
				font-size: 14px;
			}
			.share-content-box-topi1{
				color: #333333;
				span{
					font-weight: bold;
					font-size: 18px;
				}
			}
			.share-content-box-topi2{
				color: #82A9FE;
			}
			.share-content-box-topi-btn{
				width: 100%;
				margin: 20px 0;
				.share-content-box-topi-btn-l{
					width: 140px;
					height: 45px;
					background-color: red;
					margin-right: 20px;
					background: url('/images/index/imgLeft.png');
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					color: #ffffff;
					font-weight: bold;
					font-size: 18px;
					cursor: pointer;
				}
				.share-content-box-topi-btn-r{
					width: 140px;
					height: 45px;
					background-color: red;
					background: url('/images/index/imgRight.png');
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					color: #ffffff;
					font-weight: bold;
					font-size: 18px;
					cursor: pointer;
				}
			}
		}
		.share-content-box-top-bom{
			width: 100%;
			height: auto;
			padding: 20px 0;
			background-color: #FFFFFF;
			border-radius: 13px;
			margin-top: 20px;
			.share-content-box-top-boms{
				width: calc(100% - 40px);
			}
			.share-content-box-top-boms-title{
				font-weight: 500;
			}
			.share-content-box-top-boms-item{
				background-color: #E4ECFF;
				border: 1px solid #82A9FE;
				border-radius: 13px;
				margin-top: 20px;
				padding: 10px;
			}
			.share-content-box-top-boms-item-l{
				
				img{
					width: 40px;
					height: 40px;
					border-radius: 50%;
				}
			}
			.share-content-box-top-boms-item-ls{
				margin-left: 10px;
			}
			.share-content-box-top-boms-item-lst{
				font-weight: 500;
			}
			.share-content-box-top-boms-item-lsb{
				color: #999999;
				font-size: 13px;
			}
			.share-content-box-top-boms-item-r{
				background-color: #82A9FE;
				color: #FFFFFF;
				font-size: 14px;
				border-radius: 24px;
				width: 80px;
				height: 30px;
				cursor: pointer;
			}
		}
		
	}
	.myHy {
		width: 100%;
		height: 500px;

		.myHy-box {
			width: calc(100% - 40px);
			height: calc(100% - 40px);
			overflow: hidden;
			overflow-y: scroll;
		}

		.myHy-box-item {
			width: 100%;
		}

		.myHy-box-item-l {
			width: 200px;
			line-height: 36px;
			text-align: center;
			color: #333;
			font-size: 14px;
			font-weight: bold;
		}

		.myHy-box-item-r {
			width: calc(100% - 220px);

			.myHy-box-item-r-item {
				width: calc((100% - 24px) / 4);
				line-height: 36px;
				margin-bottom: 8px;
				cursor: pointer;
				// background-color: red;
			}
		}
	}

	
	.my-header{
		// background-color: red;
		padding: 10px 10px 0 10px;
	}
	.my-header-title-se {
		width: 400px;
	}
	:deep(.el-select__tags){
		min-width: 240px !important;
		// max-width: 500rpx !important;
		white-space: nowrap !important;
	
	}

	:deep(.el-dialog__body) {
		padding: 0 !important;
	}

	.work {
		width: 100%;
		height: 500px;

		.work-left {
			width: 160px;
			height: 100%;
			// border-right: 4px solid #F5f5f5;

			.work-left-box {
				width: 100%;
				height: 100%;
				// background-color: aqua;
				overflow: hidden;

			}

			.work-left-box-list {
				width: 100%;
				height: 100%;
				list-style: none;
				padding: 0;
				margin: 0;
				box-sizing: border-box;
			}

			.workActive {
				background-color: #c9ffec !important;
				color: #00DD9A;
				font-weight: bold;
			}

			.work-left-box-list-item:hover {
				color: #00DD9A;
			}

			.work-left-box-list-item {
				width: calc(100% - 12px);
				height: 40px;
				margin: 0 6px;
				cursor: pointer;
				border-radius: 4px;
				margin-top: 10px;
			}

			.work-left-box-list-items {
				width: calc(100% - 20px);
				height: 100%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				line-height: 40px;
			}

			.work-left-box-list::-webkit-scrollbar {
				width: 6px;
				/* 修改滚动条的宽度 */
			}

			.work-left-box-list::-webkit-scrollbar-track {
				background: #f1f1f1;
				/* 修改滚动条轨道的背景色 */
			}

			.work-left-box-list::-webkit-scrollbar-thumb {
				background: #ddd;
				border-radius: 10px;
				/* 修改滚动条的背景色 */
			}

			.work-left-box-list::-webkit-scrollbar-thumb:hover {
				background: #ddd;
				/* 修改滚动条悬停时的背景色 */
			}

		}

		.work-right {
			width: calc(100% - 160px);
			height: 100%;
			.work-right-box::-webkit-scrollbar {
				/* Chrome, Safari, Opera */
				width: 0px;
			}
			
			.work-right-box::-webkit-scrollbar-thumb {
				background-color: #cccccc;
				/* 滚动条颜色 */
			}
			
			.work-right-box::-webkit-scrollbar-track {
				background-color: #ffffff;
				/* 轨道颜色 */
			}
			
			.work-right-box {
				width: calc(100% - 20px);
				height: calc(100% - 20px);
				overflow: hidden;
				overflow-y: scroll;
			}

			.work-right-box-item {
				margin-bottom: 10px;
				color: #333;
			}

			.work-right-box-item-title {
				font-weight: bold;
				margin-bottom: 10px;
			}

			.work-right-box-item-names {
				margin-right: 10px;
				margin-bottom: 10px;
				cursor: pointer;
			}

			.work-right-box-item-names:hover {
				color: #00DD9A;
			}
		}
	}

	.city {
		width: 100%;
		height: 500px;

		.city-box {
			width: 100%;
			padding: 0 20px;
			height: 100%;
		}

		.city-box-city {
			.city-box-cityt {
				width: 100%;
				font-weight: bold;

				.city-box-cityt-r {
					font-weight: 500;
					color: #999999;
					font-size: 12px;
					cursor: pointer;
				}
			}

			.city-box-citys {
				background-color: #F2F2F7;
				width: fit-content;
				padding: 4px 10px;
				margin-top: 10px;
				cursor: pointer;
				border-radius: 4px;
			}

			.city-box-citys:hover {
				background-color: #00DD9A;
				color: #FFFFFF;
			}
		}

		.city-box-list {
			width: 100%;
			height: 420px;
			margin-top: 20px;
			overflow-y: scroll;
		}

		.city-box-lists {
			width: 100%;
			height: 100%;
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.city-box-lists-title {
			font-weight: bold;

		}

		.city-box-lists-title-css {
			background-color: #F2F2F7;
			width: fit-content;
			padding: 4px 10px;
			margin-top: 10px;
			cursor: pointer;
			border-radius: 4px;
			margin-right: 20px;
			margin-bottom: 20px;
		}

		.city-box-lists-title-css:hover {
			background-color: #00DD9A;
			color: #FFFFFF;
		}

		.city-box-lists-item-title {
			font-weight: bold;
		}

		.city-box-lists-item-titles {
			background-color: #F2F2F7;
			width: fit-content;
			padding: 4px 10px;
			margin-top: 10px;
			cursor: pointer;
			border-radius: 4px;
			margin-right: 20px;
			margin-bottom: 20px;
		}

		.city-box-lists-item-titles:hover {
			background-color: #00DD9A;
			color: #FFFFFF;
		}
	}



	// .customClass {
	// 	border-radius: 24px;
	// }

	.info-box-l-edit-btn {
		width: 100%;
		height: 100%;
		margin-top: 30px;
	}

	.fontCOlor {
		color: #999999;
	}

	.font333 {
		color: #333;
	}

	.activeSex {
		border: 1px solid #06E1AB !important;
		color: #06E1AB !important;
	}

	.width100 {
		width: 100%;
	}

	.row45 {
		width: 45%;
	}

	.info {
		width: 100%;
		height: auto;
		margin-top: 20px;

		.info-box {
			width: calc(100% - $marginTop-60 * 2);
			// height: 480px;
			border-radius: 18px;
		}

		.info-boxs {
			width: 100%;
			border-radius: 18px;
		}

		.info-box-l {
			width: calc(100% - 420px);
			height: 100%;
			background-color: #FFFFFF;
			border-radius: 18px;
		}

		.info-box-l-box {
			width: 100%;
			margin-top: 10px;
			// height: fit-content;
		}

		.info-box-r {
			width: 400px;
			height: 100%;
			align-content: space-between;

		}

		.info-box-r-t {
			width: 100%;
			height: calc(100% - 20px - 160px);
			border-radius: 16px;
			background-color: #ffffff;
		}

		.info-box-r-t-title {
			color: #333333;
			font-size: 16px;
			font-weight: bold;
			width: fit-content;
			padding-left: 20px;
			padding-top: 30px;
		}

		.info-box-r-t-cont {
			margin: 0 auto;
			.info-box-r-t-cont-item:hover {
				.info-box-r-t-cont-item-r {
					display: inline-block !important;
				}
				background-color: rgba(153, 153, 153, 0.1);
				border-radius: 10px;
			}

			.info-box-r-t-cont-item-r-icon:hover {
				color: #00DD9A;
			}

			.info-box-r-t-cont-item {
				width: calc(100% - 40px);
				cursor: pointer;
				margin: 10px auto;
				padding: 10px;

				img {
					width: 30px;
					height: 40px;
					margin-right: 20px;
				}
			}

			.info-box-r-t-cont-item-l {
				.info-box-r-t-cont-item-l-i {
					div:nth-of-type(1) {
						color: #333333;
						font-size: 16px;
					}

					div:nth-of-type(2) {
						color: #999999;
						font-size: 14px;
						margin-top: 10px;
					}
				}
			}

			.info-box-r-t-cont-item-r {
				display: none;
			}
		}

		.info-box-r-t-btn {
			width: calc(100% - 40px);
			height: 50px;
			background: linear-gradient(180deg, #03E4AA 0%, #11CFB3 100%);
			border-radius: 27px;
			margin: 0 auto;
			color: #FFFFFF;
			font-size: 16px;
			margin-top: 10px;
			cursor: pointer;
			margin-bottom: 30px;

		}

		.info-box-r-t-btn:hover {
			opacity: 0.8;
		}

		.info-box-r-b {
			width: 100%;
			height: 163px;
			border-radius: 16px;
			background-color: #ffffff;
			margin-top: 13px;
		}

		.info-box-l-title {

			width: calc(100% - 60px);
			margin: 0 auto;
			line-height: 50px;
			border-bottom: 1px solid #E6E6E6;
			color: #00DD9A;
			font-size: 16px;
		}
		
		.info-box-l-info-hovers:hover {
			cursor: pointer;
			background-color: rgba(153, 153, 153, 0.1);
			border-radius: 10px;
			// box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.3);
			// width: 100%;

			.info-box-l-seid {
				display: inline-block;
				display: flex;
				align-items: center;
			}
		}

		.info-box-l-seid:hover {
			color: rgba(0, 221, 154, 0.7);

			.info-box-l-seid-icon {
				color: rgba(0, 221, 154, 0.7);
			}
		}

		.info-box-l-seid {
			display: none;
			color: #00DD9A;
			font-size: 14px;
		}
		.info-box-l-info-hovers{
			width: calc(100% - 80px);
			padding: 20px 20px;
			margin: 0 auto;
			margin-top: 10px;
		}
		.info-box-l-info-hover {
			margin-bottom: 30px;
			// background-color: red;
			// width: calc(100% - 40px);
			// padding: 20px 20px;
			// padding-bottom: 40px;
		}

		.info-box-l-line {
			width: 80px;
			height: 3px;
			background-color: #00DD9A;
		}

		.info-box-l-edit {
			// width: 100%;
			height: auto;
			padding: 0 40px;
			margin:0 auto;
			margin-top: 20px;
			.info-box-l-edit-title {
				font-weight: bold;
			}

			.info-box-l-edit-sex {
				width: 100%;
				height: 40px;

				.info-box-l-edit-sex-item {
					width: 45%;
					height: 100%;
					border: 1px solid #dcdddf;
					border-radius: 4px;
					color: #a8abb2;
				}

				.info-box-l-edit-sex-item:hover {
					border: 1px solid #06E1AB !important;
					color: #06E1AB !important;
				}
			}


		}

		.info-box-l-info {
			width: 100%;
			height: 98px;
			// margin-top: 30px;
		}
		:deep(.el-upload){
			width: 100%;
			height: 100%;
		}
		.info-box-l-info-avatar {
			width: 98px;
			height: 98px;
			border-radius: 8px;
			
			.avatar-uploader{
				width: 100%;
				height: 100%;
				border-radius: 8px;
				background-color: rgba(153, 153, 153, 0.1);
				position: relative;
				.avatar-uploader-box{
					width: 100%;
					height: 100%;
					border-radius: 8px;
					background-color: rgba(153, 153, 153, 1);
					position: absolute;
					display: none;
					z-index: 9999;
				}
			}
			// .avatar-uploader:hover{
			// 	.avatar-uploader-box{
			// 		display: flex;
			// 		align-items: center;
			// 		justify-content: center;
			// 		display: block;
			// 	}
			// }
			img {
				width: 100%;
				height: 100%;
				border-radius: 8px;
			}
		}

		.info-box-l-info-info {
			margin-left: 30px;
		}

		.info-box-l-info-info-t {
			div:nth-of-type(1) {
				color: #333333;
				font-size: 28px;
			}

			div:nth-of-type(2) {
				color: #333333;
				font-size: 14px;
				padding: 6px 13px;
				border-radius: 15px 13px 13px 0px;
				background-color: #F4F4F4;
				margin-left: 7px;
				margin-right: 17px;
			}
		}

		.info-box-l-info-info-b {
			color: #666666;
			font-size: 16px;
			margin-top: 20px;

			div {
				margin: 0 14px;
			}

			div:nth-of-type(1) {
				margin-left: 0;
			}
		}

		.info-box-l-info-r {
			.info-box-l-info-r-item:nth-of-type(1) {

				.info-box-l-info-r-item-t,
				.info-box-l-info-r-item-b {
					color: #00DD9A !important;
				}
			}

			.info-box-l-info-r-item {
				width: 100px;
				margin-left: 20px;
				cursor: pointer;
			}

			.info-box-l-info-r-item-t {
				width: 100%;
				text-align: center;
				color: #333333;
				font-size: 20px;
				font-weight: bold;
			}

			.info-box-l-info-r-item-b {
				width: 100%;
				text-align: center;
				color: #666666;
				font-size: 14px;
			}
		}

		.info-box-l-btm {
			width: 100%;
			margin-top: 30px;
		}

		.info-box-l-status {
			width: fit-content;

			color: #333333;
			font-size: 14px;
			border: 1px solid #999999;
			padding: 10px 20px;
			border-radius: 8px;
		}

		.info-box-l-lines {
			width: 100%;
			height: 1px;
			border-bottom: 1px solid #EBEBEB;
		}

		.info-box-l-gw {
			width: 100%;
			// padding: 20px 0;
			margin: 20px 0;

		}

		.info-box-l-gw-boxs {
			width: calc(100% - 80px);
			margin: 0 auto;
			// background-color: red;
			padding: 20px;
		}

		.info-box-l-gw-boxs:hover {
			cursor: pointer;
			background-color: rgba(153, 153, 153, 0.1);
			border-radius: 10px;
			// width: 100%;

			.info-box-l-gw-box-edit {
				display: inline-block;
				display: flex;
				align-items: center;
			}
		}

		.info-box-l-gw-title {
			color: #333333;
			font-size: 16px;
			font-weight: bold;
		}

		.info-box-l-gw-box-edit {
			display: none;
			color: #00DD9A;
			font-size: 14px;
		}

		.info-box-l-gw-box-edit:hover {
			color: rgba(0, 221, 154, 0.7);

			.info-box-l-gw-box-edit-icon {
				color: rgba(0, 221, 154, 0.7);
			}
		}

		.info-box-l-gw-box-item {
			width: fit-content;
			padding: 10px 20px;
			border-radius: 8px;
			border: 1px solid #999999;
			margin-right: 30px;
			// margin-bottom: 20px;
			font-size: 14px;
			position: relative;
		}

		.info-box-l-gw-box-item:hover {
			border-color: #00DD9A;
			color: #00DD9A;

			.fontCOlor {
				color: #00DD9A;
			}

			.font333 {
				color: #00DD9A;
			}

			.info-box-l-gw-box-item-edit {
				display: block;

			}
		}
	
		.info-box-l-gw-box-item-edit {
			display: none;
			margin-left: 10px;
			position: absolute;
			top: 0;
			right: 0;
		}
		.info-box-l-gw-box-item-biaoji{
			width: 16px;
			height: 16px;
			position: absolute;
			left: 2px;
			top: 2px;
			
		}

		.info-box-r-b-item {
			width: calc((100% - 60px) / 4);
			cursor: pointer;

			.info-box-r-b-item-t {
				width: 100%;

				img {
					width: 50px;
					height: 50px;
				}
			}

			.info-box-r-b-item-b {
				width: 100%;
				text-align: center;
				font-size: 14px;
				color: #666666;
				margin-top: 10px;
			}
		}

		.info-boxsWork {
			width: 100%;
			background: #ffffff;
			margin-top: 20px;
			border-radius: 24px;

		}
		.info-boxsWorks{
			width: calc(100% - 40px);
			padding: 20px 0;
			
		}
		.info-boxsWorks-title{
			font-size: 16px;
			font-weight: bold;
			padding: 0 20px;
			cursor: pointer;
		}
		.info-boxsWorks-content{
			padding:10px 20px;
			margin-top: 10px;
		}
		.info-boxsWorks-content:hover{
			cursor: pointer;
			// box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.3);
			background-color: rgba(153, 153, 153, 0.1);
			border-radius: 10px;
			.info-boxsWorks-content-title-cz{
				display: inline-block;
				display: flex;
				align-items: center;
			}
		}
		
		.info-boxsWorks-content-title{
			margin-top: 6px;
		}
		.info-boxsWorks-content-job{
			margin-top: 6px;
			span{
				font-size: 14px;
			}
		}
		.info-boxsWorks-content-time{
			margin-top: 6px;
			font-size: 14px;
			color: #999999;
		}
		.info-boxsWorks-content-con{
			margin-top: 6px;
			font-size: 14px;
			color: #999999;
		}
		.info-boxsWorks-content-timez{
			margin: 0 5px;
			color: #333;
		}
		.info-boxsWorks-title-add{
			color: #00DD9A;
			font-size: 14px;
			font-weight: 500;
			cursor: pointer;
			display: none;
		}
		.info-boxsWorks-title:hover{
			.info-boxsWorks-title-add{
				display: block;
				display: flex;
				align-items: center;
			}
			
		}
		.info-boxsWorks-title-add:hover {
			color: rgba(0, 221, 154, 0.7);
		
			.info-boxsWorks-title-adds {
				color: rgba(0, 221, 154, 0.7);
			}
		}
		.info-boxsWorks-content-title-cz-i{
			font-size: 12px;
			margin-left: 10px;
			color: #00DD9A;
			.info-boxsWorks-content-title-cz-is{
				margin-right: 5px;
			}
		}
		.info-boxsWorks-content-title-cz{
			display: none;
		}
		.info-boxsWorks-content-title-cz-i:hover {
			color: rgba(0, 221, 154, 0.7);
		
			.info-boxsWorks-content-title-cz-is {
				color: rgba(0, 221, 154, 0.7);
			}
		}
		.info-boxsWorks-edit{
			width: 100%;
			// height: 200px;
		}
		.info-boxsWorks-edits{
			width: calc(100% - 40px);
			height: 100%;
		}
		
		
		.info-boxsContents{
			width: 100%;
			background: #ffffff;
			margin-top: 20px;
			border-radius: 24px;
		}
		.info-boxsContentss{
			width: calc(100% - 40px);
			padding: 20px 0;
		}
		.info-boxsContentss-title{
			font-size: 16px;
			font-weight: bold;
			padding: 0 20px;
		}
		.info-boxsContentss-content{
			// width: 100%;
			padding:10px 20px;
			margin-top: 10px;
			font-size: 14px;
		}
		.info-boxsContentss-content:hover{
			cursor: pointer;
			background-color: rgba(153, 153, 153, 0.1);
			border-radius: 10px;
			position: relative;
			.info-boxsContentss-contentedit{
				display: inline-block;
				display: flex;
				align-items: center;
			}
		}
		.info-boxsContentss-contentedit:hover {
			color: rgba(0, 221, 154, 0.7);
		
			.info-boxsContentss-contentedit-is {
				color: rgba(0, 221, 154, 0.7);
			}
		}
		.info-boxsContentss-contentedit{
			display: none;
			color: #00DD9A;
			font-size: 12px;
			position: absolute;
			background-color: #f5f5f5;
			// position: absolute;
			top: 10px;
			right: 20px;
		}
		.info-boxsContentss-contents{
			padding:10px 20px;
			margin-top: 10px;
			font-size: 14px;
		}
		.info-boxsContentss-contents-btn{
			margin-top: 20px;
		}
		
		
	}
	.box-card-i{
		margin-bottom: 20px;
		font-size: 14px;
	}