.worksBox{
				padding: 20px auto;	
				width: 100%;
				height: 865px;				
				display: flex;
				flex-direction: column;
				align-content: center;
				justify-content: flex-end;
				align-items: center;		
				background: url("../..//images/home/backgroundbottom.png") no-repeat center bottom;
				background-size: 100%;			
			}
			.workitems{
				width: 280px;
				height: 266px;
				background: #FFFFFF;
				border: 1px solid #F4F4F4;
				margin: 0px 10px 10px 0;
				padding: 10px;
				float: left;
			}
			.listStyle{
				list-style: disc;
			}
			.flex-between{
				display: flex;
				justify-content: space-between;
				
				font-size: 15px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #494949;
			}
			.flex{
				display: flex;
				align-items: center
			}
			.itemBox{
				
			}
			.itemlist{
				border: 1px solid #cdcbcb;
				padding: 20px;
				width: 64%;
				height: 90%;
				overflow-y: auto;
				background-color: #ffffff;
				margin-bottom: 20px;
			}
			.year{
				width: 5px;
				height: 12px;
				background-color: green;
				margin-right: 5px;
			}
			.fontbold{
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 550;
				color: #000000;
			}
			.linone{
				width: 8px;
				height: 8px;
				background-color: green;
				margin-right: 10px;
				border-radius: 50%;
			}
			.titile{
				margin: 4px 0;
				font-size: 16px;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 550;
				color: #343434;
				
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap !important;
			}
			.lineBox{
				margin: 20px;
				border: 1px solid #cdcbcb;
				padding:0 20px;
				width: 64%;
				height: 60px;	
				line-height: 60px;
				background: #FFFFFF;		
				display: flex;
				align-items: baseline;
				
				font-size: 16px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #343434;
			}
			.lineBox p {
				padding: 0;
				margin: 0;
				min-width: 50px;
				white-space: nowrap !important;
			}
			.form-group {
			    display: flex;
			    margin-bottom: 1rem;
			}
			
			.detailbox{
				position: relative;
				margin:0 auto;
				background-color: white;
				 width: 50%;
				 min-height: 550px;
				z-index: 9999;
				display: flex;
				flex-direction: column;
				padding: 10px;
				border: 1px solid #c7c7c7;
			}
			.detailFixed{
				position: fixed;
				top:0;	 
				left:0;
				width: 100%;
				height: 100%;
				z-index: 9999;
				display: none;
				flex-direction: column;
				justify-content: center;
			}
			.deleteBut{
				position: absolute;
				right: 30px;
				top: 10px;
				height: 25px;
				width: 25px;
				background: url(../../images/del.png) 100%;
				background-size: cover !important;
			}
			.imgBox{
				width:96%;
				margin-top: 35px !important;
				margin: 15px auto;
				height: 400px;
				border:1px solid #f5f5f5;							
				text-align: center;
			}
			.line1{
				background-color: #f2f2f2;
				margin: 20px 20px 10px;
				padding:10px;
				font-family: PingFangSC-Medium, PingFang SC;
				 font-weight: 500;
				  color: #343434;
			}
			.imgclass{
				object-fit: contain;
				width: 100%;
				height: 100%;
			}
		.no-data {
		    width: 380px;
		    margin: 100px auto;
		}
		
		.no-data img {
		    width: 100%;
		    margin-bottom: 20px;
		}
		
		.no-data span {
		    display: block;
		    width: 100%;
		    font-size: 30px;
		    font-family: PingFangSC-Medium, PingFang SC;
		    font-weight: 500;
		    color: #7c9ec4;
		    text-align: center;
		}