@charset "UTF-8";

:root {
	--yjw-common-color: #ab191a;
	--yjw-primary-color: #1869cd;
	--yjw-info-color: #0aae7e;
	--yjw-shine-color: #ff7800;
	--yjw-content-color: #999;
	--yjw-border-color: #eee;
	--input-common-border: #ced4da;
}
/* 默认100px rem.js 字体适配屏幕宽度 */
html {
	font-size: 100px;
}
@media screen and (max-width: 1920px) and (min-width: 800px) {
	html {
		font-size: calc(100% / 16);
	}
}
@media screen and (max-width: 800px) {
	html {
		font-size: 65px;
	}
}
body {
	font-size: 0.16rem;
	font-family: "Microsoft Yahei", "微软雅黑", Helvetica, PingFangSC, Arial, sans-serif;
	background: #fff;
	color: #333;
}
input {
	padding: 0.1rem 0.16rem;
	border: 1px solid #dddddd;
	border-radius: 0.04rem;
	box-sizing: border-box;
	font-size: 0.16rem;
}
input:focus-visible {
	outline: none;
}
input:focus::placeholder {
	opacity: 0;
}

.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.h_container {
	width: 100%;
	max-width: 1400px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;
	/* border: 1px solid red; */
}

.hc_container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}

.text_overflow_clamp {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

@media screen and (max-width: 1400px) and (min-width: 800px) {
	.suitable {
		padding: 0 0.6rem;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 800px) {
	.suitable {
		padding: 0 0.3rem;
		box-sizing: border-box;
	}
}

.breadcrumb {
	margin: 0.3rem 0;
	display: flex;
	align-items: center;
}
.breadcrumb,
.breadcrumb a {
	color: #999;
	font-size: 0.16rem;
}
.breadcrumb img {
	width: 0.13rem;
	height: 0.16rem;
	margin-right: 0.1rem;
}
.breadcrumb .split_icon {
	margin: 0 0.05rem;
}