* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

a {
	text-decoration: none !important;
}

.hidden-pc {
	display: none;
}

.hidden-m {
	display: block;
}

.container_head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px 80px;
	background: #FFFFFF;
	height: 110px;
	position: sticky;
	top: 0px;
	z-index: 5;

	.head_logo {
		/* width: 25%; */
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;

		img {
			width: auto;
			height: 55px;
		}
	}

	.head_menu {
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;

		.head_menu_item {
			height: 100%;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			font-weight: 400;
			font-size: 15px;
			color: #000000;
			line-height: 21px;
			text-align: center;
			margin: 0px 20px;
			cursor: pointer;
			box-sizing: border-box;
			position: relative;
		}

		.head_menu_item::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-bottom: 4px solid transparent;
			border-radius: inherit;
			/* 继承圆角 */
			pointer-events: none;
			/* 避免伪元素阻挡交互 */
		}

		.head_menu_item:hover::after {
			border-color: #950319;
		}

		.head_menu_item:hover {
			font-weight: 500;
			font-size: 15px;
			color: #950319;
			line-height: 21px;
			text-align: center;
		}

	}

	.head_search {
		/* display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		width: 25%;
		height: 100%;
		text-align: right;
		padding-right: 160px;
		cursor: pointer; */
	}
}

.el-drawer__wrapper {
	z-index: 2 !important;
}

.el-drawer.ttb {
	top: 75px !important;
	z-index: 2 !important;
	height: unset !important;
}

.v-modal {
	display: none !important;
}

.logo_head_search {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	margin-top: 0px;
}

.logo_head_search img {
	width: 40px;
}

.logo_head_search_input {
	background: #FFFFFF;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	line-height: 14px;
	padding: 11px 13px;
	width: 240px;
	border: none;
}

.logo_head_search_input:focus {
	outline: none;
	border-color: #950319;
}

.pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.pagination .off,
.pagination .p {
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	margin: 0px 5px;
	cursor: pointer;
}

.pagination a {
	text-decoration: none;
}

.pagination span a {
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	margin: 0px 5px;
	width: 29px;
	height: 29px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}


.pagination .focus {
	background: #950319;
	color: #fff;
	cursor: pointer;
}

.pagination #text {
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	margin: 0px 5px;
	width: 29px;
	height: 29px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.container {
		width: 100%;
		max-width: 425px;
		margin: 0px auto;
	}

	.hidden-pc {
		display: block;
	}

	.hidden-m {
		display: none;
	}

	/* .container_head {
		width: 100%;
		max-width: 425px;
		margin: 0px auto;
	} */

	.container_head {
		width: 100%;
		max-width: 425px;
		margin: 0px auto;
		background-color: #950319 !important;
		position: sticky;
		top: 0;
		z-index: 9999;
		left: 0;
		right: 0;
		padding: 0px 0px 10px 0px;
		height: 120px;

		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.head_m {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background-color: #950319;
		/* padding: 5px 15px !important; */
	}

	.index_logo_m {
		width: auto;
		height: 45px;
	}

	.head_m_menu {
		padding: 15px 0px;
	}

	.head_m_item {
		color: #fff !important;
		text-align: center;
	}

	.head_m_item .show {
		background-color: #950319 !important;
	}

	.head_m_item_a {
		width: 100% !important;
		color: #fff !important;
		text-align: center !important;
		border: none !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 15px !important;
		border-radius: 6px 6px 0px 0px !important;
	}

	.head_m_item_ul {
		background-color: #195482 !important;
		color: #fff !important;
		border: none !important;
		margin: 0px !important;
		border-radius: 0px 0px 6px 6px !important;
	}

	.index_m_i_i_a {

		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
	}

	.head_m_item_a::after {
		display: inline-block;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: 0.45em solid !important;
		border-right: 0.45em solid transparent !important;
		border-bottom: 0 !important;
		border-left: .45em solid transparent !important;
	}

	.index_m_i_i_a::after {
		display: inline-block;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .45em solid;
		border-right: .45em solid transparent;
		border-bottom: 0;
		border-left: .45em solid transparent;
		transform: rotate(-90deg);
	}

	.head_m_item_li {
		color: #fff !important;
		padding: 7px 10px;
		/* border-bottom: 1px solid #999; */
	}

	.head_m_item_li a {
		color: #fff !important;
	}

	.logo_head_search {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		border-radius: 4px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #DDDDDD;
		box-sizing: border-box;
		margin: 0px auto;
		width: 86%;
	}

	.logo_head_search>.search {
		width: 100%;
	}

	.logo_head_search_input {
		background: #FFFFFF;
		font-weight: 400;
		font-size: 14px;
		color: #000;
		line-height: 14px;
		padding: 11px 13px;
		width: 240px;
		border: none;
		width: 100%;
	}

	.head_m_menu_item {
		padding: 15px 20px;
		border-bottom: 1px solid #ddd;
	}

	.logo_head_search>.search {
		width: 100%;
	}

	.logo_head_search_input {
		background: #FFFFFF;
		font-weight: 400;
		font-size: 14px;
		color: #000;
		line-height: 14px;
		padding: 11px 13px;
		width: 240px;
		border: none;
		width: 100%;
	}
}