body{margin:0 auto!important; padding:0px; font-size:14px; background-color:#f2f2f0;  font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
			.pagemain{
				display: flex;
				width:100%;
				height: auto;
				min-height: 100vh;
				background-color: #ffffff;
				margin: 0px;
				padding: 0px;
			}
			.ellipsis-multiline {
			  display: -webkit-box;
			  -webkit-box-orient: vertical;
			  -webkit-line-clamp: 2;
			  overflow: hidden;
			  text-overflow: ellipsis;
			}



			.left{
				width: 120px;
				background-color: #2b569A;
				margin: 0px;
				display: flex;
				flex-direction: column;
			}
			
			.left .logo{
				width:100%;
				height: 50px;
				display: flex;
				justify-content: center;
				align-items: center;
				justify-items: center;
				
			}
			.left .logo img{
				width: 110px;
				max-width:120px;
				max-height:40px;
				
			}
			.left .logo span{
				color:#ffffff;
				display: inline-block;
				border-bottom: solid 1px #093782;
				cursor: default;
				
				
			}
			.left .menu_panel{
				width: 100%;
				margin-top: 1px;
				margin-bottom: 1px;
				flex: 1;
			}
			.left .menu_panel .item{
				width: 120px;
				height: 80px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				font-size: 9pt;
				
			}
			.left .menu_panel .item:hover{
				background-color: #093782;
				font-size: 10pt;
				
			}
			.left .menu_panel .active{
				background-color: #00204f;
				
			}
			.left .menu_panel .item a{ 
				text-decoration:none !important;
				}
			.left .menu_panel .item i{
				display: flex;
				width: 80px;
				height: 34px;
				font-size: 18pt;
				justify-content: center;
				align-items: center;
				color: #ffffff;
				cursor: pointer;
				

			}
			.left .menu_panel .item span{
				width: 80px;
				padding: 0px;
				margin: 0px;
				display: inline-block;
				color: #ffffff;
				text-align: center;
				cursor: pointer;
			}
			.left .menu_panel .line{
				height: 1px;
				width: 90%;
				background-color: #7FACE7;
				margin: 5px;
				
			}
			
			.left .about_panel{
		
				display: flex;
				flex-direction: column;
				height: 120px;
				
			}
			.left .about_panel .line{
				height: 1px;
				width: 90%;
				background-color: #7FACE7;
				margin: 5px;
				margin-bottom: 10px;
			}
			.linkbtn{
				
				width: 100%;
				height: 30px;
				display: flex;
				justify-content: center;
				justify-items: center;
				align-items: center;
				cursor: default;
				
				
			}
			.linkbtn:hover,.linkbtn:hover *{
				background-color:#093782 ;
				font-size: 13px;
				cursor: pointer;
			}
			.linkbtn span{
				color:#ffffff;
				cursor: default;
				display: inline-block;
				margin: 2px;
				font-size: 12px;
				
				
			}
			
			.linkbtn i{
			
				margin-right:5px;
				color: #ffffff;
				font-size: 12px;
			}
			
			.right{
				flex: 1;
				background-color:#ffffff;
				display: flex;
				flex-direction: column;
				
			}
			.right .head{
				height: 50px;
				border-bottom: solid 1px #7FACE7;
				display: flex;
				align-items: center;
			}
			.right .head .title{
				margin-left: 10px;
				flex: 1;
				height: 100%;
				line-height: 50px;
				
			}
			.right .head .user{
			height: 100%;
			line-height: 50px;
				width: auto;
				margin-right: 5px;
				
			}
			.right .head .user .dropdown button{
				font-size: 10pt;
				border: 0px;
				background-color: #ffffff;
				
			}
			.right .head .user .dropdown button:hover{
				background-color: #7FACE7;
			}
			
			.right .main{
			  margin:5px;
			  height: 100%;
			  
			  overflow-y: auto;
			}
			
			.product_row{
				
				height: auto;
				min-height: 200px;
				display: flex;
				margin-left:5px ;
				margin-right: 5px;
				flex-wrap: wrap;
			}
			.product_box{
				position: relative;
				width: 200px;
				height: 190px;
				margin-top:5px ;
				margin-bottom: 5px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				justify-items: center;
				align-items: center;
				cursor:default;
				transition: background-color 0.5s ease;
			}
			.product_box:hover{
				background-color: #e3ecfa;
				
			}
			
			.product_box:hover .img{
				transform: scale(1.05);
			}
			.product_box .img{
				border: solid 1px #cccccc;
				height: 160px;
				width: 140px;
			}
			.product_box .img img{
				width: 100%;
				height: 100%;
			}
			.product_box .txt{
				font-family: "黑体", "Heiti SC", "Blod";
			}
			
			
			
			.product_detial_box{
				width: 310px;
				height: 280px;
				margin-top:5px ;
				margin-bottom: 5px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				justify-items: center;
				align-items: center;
				cursor:default;
				transition: background-color 0.5s ease;
				padding: 10px;
			}
			.product_detial_box .box{
				position: relative;
				width: 280px;
				height: 260px;
				border: solid 1px #ddd;
				transition: background-color 0.5s ease;
				border-radius: 5%;
				display: flex;
				flex-direction: column;
				box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
			}
			.product_detial_box .box .img{
				width: 100%;
				height: 180px;
				
			}
			.product_detial_box .box .img img{
				width:100%;
				height: 100%;
				border-radius: 5% 5% 0 0;
				
			}
			
			.product_detial_box .box .box_detail{
				 line-height: 20px;
				  margin: 5px 10px;
				  height: 20px;
				  opacity: 0.9;
				  transition: transform 0.5s ease-in-out;
				
			}
			.product_detial_box .box .sort{
				 line-height: 20px;
				  margin: 2px 10px;
				  height: 20px;
				  opacity: 0.6;
				  flex: 1;
				  transition: transform 0.5s ease-in-out;
				 
			}
			.product_detial_box .box:hover{
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
				transition: transform 0.5s ease-in-out;
				transform: scale(1.05);
			}
			.panel_titel{
				height: 30px;
				margin: 0px 10px;
				font-size:12pt;
				font-weight: bold;
			}
			
			.list_container{
				
				padding: 10px;
				width: 100%;
				height: auto;
				
			}
			.list_container .head{
				height: 50px;
				margin: 0px 20px;
				border-bottom: solid 1px #cccccc;
				display: flex;
				cursor: default;
			}
			.list_container .row{
				min-height: 50px;
				height: auto;
				margin: 0px 20px;
				border-bottom: solid 1px #cccccc;
				display: flex;
				flex-direction:column;
				cursor: default;



			}
			
			.list_container .row i{
				width: 28px;
				height: 40px;
				line-height: 40px;
				color: #2b569A;
			}
			.list_container .row .content{
				display: flex;
				flex-direction: column;
				flex: 1;
				height: 100%;
				
			}
			.list_container .row .content .title{
				min-height: 30px;
				height: auto;
				line-height: 30px;
				font-size: 12pt;
				
			}
			.list_container .row .content:hover{
				color:#0397fb;
				text-decoration: underline;
				font-style: italic;
			}
			.list_container .row .content .des{
				height: auto;
				line-height: 30px;
				opacity: 0.6;
			}
			.list_container .row  .sort{
				width: auto;
				text-wrap: nowrap;
				margin-right:20px;
				min-height: 15px;
				height: auto;
				line-height: 15px;
				opacity: 0.6;
				font-size: 12px;
				text-align: right;
				
			}
			.list_container .row a{
				color: inherit;      /* 文字颜色继承父元素 */
                height:auto;
			}
			
			
			.list_container .row .content-2{
				display: flex;
				flex-direction: column;

				height: auto;
				width:100%;

				
			}
			.list_container .row .content-2 .title{
				min-height: 30px;
				height: auto;
				line-height: 30px;
				font-size: 12pt;
				font-weight: bold;
				width: 100%;



				
			}
			.list_container .row .content-2 .des{
				height: auto;
				max-height: 240px;
				line-height: 30px;
				display:flex;
				width: 100%;



			}
			.list_container .row .content-2 .des img{
				width: 100px;
				height: auto;
				max-height: 100px;
				margin-right: 10px;

			}


			
			
			.list_container .row .content-2 .sort{
				width: 100%;
				text-wrap: nowrap;
				margin-right:20px;
				min-height: 20px;
				height: auto;
				line-height: 20px;
				opacity: 0.6;
				font-size: 12px;
				text-align: right;

				
			}
			.list_container .row .content-2 .sort span{
				color:#2b569A;
				display: inline-block;
				margin:0px 10px;
				font-size: 14px;


			}
			.list_container .row:hover{
			
				background-color: #e3ecfa;
				cursor: pointer;
			}

			
			.list_page{
				line-height: 30px;
				height: 40px;
				width: 100%;
				text-align: center;
				
			}
			.list_page span{
				cursor: default;
				margin: 5px;
				
			}
			.list_page span:hover{
				transition: transform 0.5s ease-in-out;
				opacity: 0.8;
			}
			.list_page button{
				background-color: #fff;
				margin: 5px;
				height: 30px;
				border: solid 1px #cccccc;
				border-radius: 5px;
				opacity: 0.8;
			}
			.list_page button:hover{
				background-color: #ddd;
				transition: transform 0.5s ease-in-out;
				transform: scale(1.05);
			}