@charset "utf-8";
.prductions_list {display: flex;flex-wrap: wrap;width: 100%;position: relative;}
.prduct_item {width: 210px;margin-right: 20px;height: auto;margin-bottom: 10px;cursor: pointer;position: relative;margin-top: 20px;}
.imgBox {
	background: #f9f9fc;
	border-radius: 6px;
	width: 100%;
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	padding: 20px;
	box-sizing: border-box;
}
.imgBox img{max-width: 100%;max-height: 100%;}
.mask{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.2);border-radius:6px;display:none;}
.imgBox:hover .mask{display: block;}
.prduct_item:nth-child(4n){margin-right: 0!important;}
.itemCon .item_title{font-size: 14px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin:5px 0 5px 0;outline-style: none;}
.upright{position: relative;width: 35px;height: 25px;line-height: 25px; display: flex;justify-content: center;align-items: center; float: right;right: 10px;top: 5px;}
.upright .layui-icon-more:before {content: "\e65f";color: #fff;font-size: 20px;}
.item_menu{width: 80px;background: #fff;border-radius: 4px;position: absolute;top: 30px;right: 4px;padding: 0 10px;box-sizing: border-box;display: none;}
.item_menu li{line-height:30px;text-align: center;border-bottom: 1px solid #eee;cursor: pointer;}
.item_menu li:last-child{border-bottom: none!important;}
.classify_time{display: flex;justify-content: space-between;}
.classify_time .txt{font-size: 12px;color: #999;}