@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-second-color: #666;
	--yjw-border-color: #eee;
	--yjw-bg-color: #f5f5f5;
	--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;
}

.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;
}

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

@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.16rem;
	height: 0.2rem;
	margin-right: 0.1rem;
}
.breadcrumb .split_icon {
	margin: 0 0.05rem;
}

@media screen and (max-width: 800px) {
	.breadcrumb a,
	.breadcrumb span {
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}