.hide{
	display: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
}
input[type='number'] {
	-moz-appearance: textfield;
}
.noscroll{
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE and Edge */
}
.tac{
	text-align: center;
}
.vam{
	vertical-align: middle;
}
.previous-page{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 30px;
	background: white;
	border-radius: 50%;
	cursor: pointer;
	z-index: 99;
}
.layui-layer-dialog .layui-layer-content{
	color: #292929;
}
.unsel{
	-webkit-user-select: none;
}
.icon20{
	width: 20px;
	max-height: 20px;
}
.icon25{
	width: 25px;
	max-height: 25px;
}
.mr10{
	margin-right: 10px;
}
.mt20{
	margin-top: 20px;
}
.mr20{
	margin-right: 20px;
}
.layui-layer-content{
	color: #f3f3f3 !important;
}
.line-clamp-1{
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.line-clamp-2{
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.sideber-main{
	height: 100vh;
	width: 190px;
	background: #1b1b1d;
	box-sizing: border-box;
	padding: 0 8px;
	-webkit-user-select: none;
}
.sideber-top{
	padding-top: 20px;
	display: flex;
	.s-t-title{
		width:90px;
		font-size: 18px;
		margin-left: 10px;
		font-weight: 600;
	}
	.s-t-uhead{
		cursor: pointer;
		width: 30px;
		margin-left: 8px;
		text-align: center;
		img{
			width: 24px;
			height: 24px;
			border-radius: 50%;
		}
		
	}
	.s-t-open,.s-t-close{
		cursor: pointer;
		width: 25px;
		height: 25px;
		margin-left: 10.5px;
		text-align: center;
		background: #2d2d2f;
		border-radius: 50%;
		text-align: center;
		position: relative;
		img{
			max-width: 18px;
			max-height: 18px;
			position: absolute;
			top: 4px;
			left: 4px;
		}
	}
	.s-t-open{
		display: none;
	}
	.s-t-close{
		display: block;
		img{
			transform: rotate(180deg)
		}
	}
}
.sideber-ul{
	margin-top:15px;
	font-size: 15px;
	.sideber-li{
		cursor: pointer;
		line-height: 30px;
		padding: 4px 15px;
		border-radius: 10px;
		display: flex;
		margin-bottom: 8px;
		font-size: 15px;
		.slimg{
			margin-right: 15px;
			margin-top: -2px;
			img{
				width: 16px;
				height: 16px;
			}
		}
		.slititle{
			
		}
		.sli-sub-title{
			font-size: 12px;
			margin-left: -30px;
			color: #aca6a6;
			margin-top: -10px;
		}
	}
	.sideber-li:hover,.sel{
		background: #27272a;
	}
}


.sideber-bwl{
	width: 68px !important;
	.s-t-title{
		display:none !important;
	}
	.s-t-uhead{
		margin-top: 10px;
	}
	.sideber-top{
		display: block;
		.s-t-open{
			display: block;
		}
		.s-t-close{
			display: none;
		}
	}
	.sideber-ul{
		text-align: center;
		.sideber-li{
			display: unset;
			padding: 0 0 20px 0;
			line-height: 20px;
			font-size: 12px;
			.slimg{
				width: 100%;
				img{
					width: 30px !important;
					height: 30px !important;
				}
			}
			.slititle{
				margin-bottom: 20px;
			}
			.sli-sub-title{
				display: none;
			}
		}
		.sideber-li:hover,.sel{
			background: unset;
		}
	}
}
.divider{
	width: 100%;
	height: 1px;
	background: rgba(86,86,95,.322);
	margin:0 auto;
}
.layout-content{
	width: 100%;
	min-height: 100vh;
	overflow: auto;
	position: relative;
}
.btn-yinhui{
	background: #c0c0c0;
	border:solid 1px #c0c0c0 !important;
	color: #292929;
}
.btn-yinhui:hover{
	background: #c8c8c8;
	border:solid 1px #b8b8b8 !important;
	color: #292929 !important;
}
/* 暂定--通用弹窗背景色 */
.allbg{
	background: rgba(0,0,0,0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
	display: none;
}
.all-close-btn{
	position: absolute;
	width: 30px;
	height: 30px;
	right: -10px;
	top: -10px;
	cursor: pointer;
}
.allnull{
	
}

/* 图片放大~ 暂版 */
.img-amplify-bg{
	background: rgba(0,0,0,0.8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
	display: none;
	img{
		max-width: 70vw;
		max-height: 80vh;
	}
}


.bottom-tab{
	display: flex;
	position: fixed;
	width: 100%;
	border-top: solid 1px #ffff;
	bottom: 0;
	left: 0;
	padding-bottom: 10px;
	box-shadow: 0px 1px 7px 0px #8a8a8a;
	z-index: 10;
	font-size: 14px;
	color: #CDCDCD;
}
.bottom-tab div{
	flex:  1;
	text-align: center;
}
.bottom-tab img{
	width: 20px;
	padding-top: 10px;
	
}




.conmain{
	width: 100%;
	height: calc(100vh - 80px);
	overflow-y: auto;
}
.isite{
	background: white;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 0 0 15px 15px;
}
.isite-title{
	display: flex;
}
.isite-logo img{
	width: 50px;
}
.isite-name{
	font-weight: 600;
	line-height: 50px;
	margin-left: 10px;
}
.isite-desc{
	color: #797F8D;
	font-size: 16px;
}
.new-cname{
	padding: 10px 20px;
	font-weight: 800;
	display: flex;
	line-height: 35px;
	font-size: 18px;
}
.lh25{
	line-height: 25px;
}
.lh30{
	line-height: 30px;
}
.lh40{
	line-height: 40px;
}
.new-cname img{
	width: 30px;
}
.news-ul{
	
}

.news-li{
	margin: 0 20px 20px;
	background: white;
	border-radius: 10px;
	padding: 15px;
}
.news-title{
	color: #2C2D30;
	font-weight: 600;
}
.news-content{
	color: #80858C;
	font-size: 14px;
	padding: 15px 0;
}
.news-bottom,.news-bottom-old{
	display: flex;
	justify-content: space-between;
}
.news-cate{
	color: #BEC1C6;
	display: flex;
}
.news-cate img{
	width: 16px;
	margin-right: 5px;
}
.news-price{
	display: flex;
	font-weight: 600;
}
.news-price span{
	font-size: 14px;
}
.news-bottom .news-price .oldprice{
	color: #BCC1C8;
	margin-right: 10px;
	line-height: 30px;
	text-decoration: line-through;
}
.news-bottom .news-price .nowprice{
	color: #BF4139;
	font-size: 20px;
}
.news-bottom-old .news-price .oldprice{
	margin-right: 10px;
	color: #BDC0C9;
	line-height: 30px;
	text-decoration: line-through;
}
.news-bottom-old .news-price .nowprice{
	color: #BDC0C9;
	font-size: 20px;
}