#app {
	margin: 0 auto;
	font-weight: normal;
	width: 100%;
	max-width: 100%;
	/* min-width: 1400px !important; */
	overflow-x: hidden;
}

/* color palette from <https://github.com/vuejs/theme> */
:root {
	--vt-c-white: #ffffff;
	--vt-c-white-soft: #f8f8f8;
	--vt-c-white-mute: #f2f2f2;

	--vt-c-black: #181818;
	--vt-c-black-soft: #222222;
	--vt-c-black-mute: #282828;

	--vt-c-indigo: #2c3e50;

	--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
	--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
	--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
	--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

	--vt-c-text-light-1: var(--vt-c-indigo);
	--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
	--vt-c-text-dark-1: var(--vt-c-white);
	--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
	--primary-color-light: #FA5422;
	--primary-color: #A6774A;
	--text-color-light: #696969;
	--el-bg-color-overlay: #FAE6CC;
	--el-color-primary: #A6774A;
	--el-button-active-bg-color: #A6774A;
	--el-color-primary-light-3: #A6774A;
	--el-color-primary-dark-2: #A6774A;
	/* --el-button-hover-bg-color:#A6774A;
--el-button-active-color: #A6774A; */
	--van-primary-color: #A6774A;
	--el-input-icon-color: #A6774A;
	--van-nav-bar-text-color: #A6774A;
	--van-nav-bar-icon-color: #A6774A;
	/* --el-input-text-color:#000000; */
	/* --van-nav-bar-background:transparent; */
}

/* semantic color variables for this project */
:root {
	--color-background: var(--vt-c-white);
	--color-background-soft: var(--vt-c-white-soft);
	--color-background-mute: var(--vt-c-white-mute);

	--color-border: var(--vt-c-divider-light-2);
	--color-border-hover: var(--vt-c-divider-light-1);

	--color-heading: var(--vt-c-text-light-1);
	--color-text: var(--vt-c-text-light-1);

	--section-gap: 160px;
}

/* @media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}

*/

*,
*::before,
*::after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

li {
	list-style: none;
}

body {
	min-height: 100vh;
	/* max-width: 100vw; */
	/* min-width: 1400px; */
	color: var(--color-text);
	background: var(--color-background);
	/* transition:
    color 0.5s,
    background-color 0.5s;
    */
	/* line-height: 1.6; */
	font-family:
		'Alibaba PuHuiTi',
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		'Fira Sans',
		'Droid Sans',
		'Helvetica Neue',
		sans-serif;
	font-size: 15px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body::after {
	content: '';
	display: block;
	clear: both;
}

html {
	box-sizing: border-box;
	overflow-x: hidden;
}

.el-popper {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.el-select-dropdown__list {
	padding: 0;
}

.el-select-dropdown__item {
	color: var(--primary-color);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

/* .el-select-dropdown__item.is-hovering {
  background: #F9D6B9 !important;
  box-shadow: none !important;
} */

.el-select-dropdown__item.is-selected {
	color: var(--primary-color) !important;
}

/* .el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: var(--primary-color) !important;
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background: #F9D6B9 !important;
}

.el-cascader:not(.is-disabled):hover .el-input__wrapper {
  background: #F9D6B9 !important;
  box-shadow: none !important;
}

.el-cascader:not(.is-disabled):focus .el-input__wrapper {
  background: #F9D6B9 !important;
  box-shadow: none !important;
}

.el-cascader .el-input.is-focus .el-input__wrapper {
  background: #F9D6B9 !important;
  box-shadow: none !important;
}

*/

img {
	display: block;
}

.pc {

	/* 整个滚动条 */
	::-webkit-scrollbar {
		width: 2px;
		/* 垂直滚动条宽度 */
		height: 30px;
		/* 水平滚动条高度 */
	}

	/* 滚动条轨道 */
	::-webkit-scrollbar-track {
		background: transparent;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
	}

	/* 滚动条滑块 */
	::-webkit-scrollbar-thumb {
		background: #797979;
		border-radius: 5px;
	}

	/* 滚动条滑块悬停状态 */
	::-webkit-scrollbar-thumb:hover {
		/* background: #555; */
	}
}

.cursor {
	cursor: pointer;
}

/* 溢出 */
.overflow_eliiipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 逐渐变文字 */
.gradient-text {
	background: linear-gradient(to right, #8C6739 0%, #A6774A 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.reverse-gradient-text {
	/* background: linear-gradient(to right, #ff0000, #0000ff); */
	background: linear-gradient(to right, #71453A 0%, #AF632E 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* 一行隐藏 */
.single_hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ignore-empty_box {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ignore-empty_box img {
	width: 290px;
	height: auto;
}

.ignore-empty_text {
	text-align: center;
	font-size: 18px;
	line-height: 48px;
	color: #A6774A;
}

.respones_error>.el-icon {
	display: none;
}

.search_box_m {
	margin: 22px 13px;
	height: 40px;
	background: #F6F6F6;
	border-radius: 100px 100px 100px 100px;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.top_banner_m {
	width: 100%;
	height: 150px;
	background-size: 100% 100%;

	.info {
		padding: 16px 0;

		.title {
			font-family: Frutiger Bold, Frutiger Bold;
			font-weight: 400;
			font-size: 24px;
			line-height: 36px;
			letter-spacing: 1px;
			text-shadow: 0px 4px 4px rgba(150, 80, 0, 0.15);
			margin-bottom: 10px;
			text-stroke: 1px rgba(255, 255, 255, 0.2);
			-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
			text-align: center;
		}

		.detail {
			font-size: 14px;
			color: #3A496A;
			line-height: 22px;
			text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
			width: 283px;
			margin: 0 auto;
			margin-top: 11px;
		}
	}
}

.all_btn {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #F6F6F6;
	border-radius: 8px 8px 8px 8px;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	margin-top: 9px;
}

a {
	text-decoration: none;
	color: inherit;
}

[v-cloak] {
	display: none;
}