* {
	padding: 0;
	margin: 0;
	font-size: 14rem;
}

[v-cloak] {
	display: none;
	opacity: 0;
}

html,
body {
	width: 100%;
	color: #454545;
	background-color: #F8F8F8;
	font-size: calc(100vw/1920) !important;
}

a {
	cursor: pointer !important;
	text-decoration: none;
	transition: .35s;
	color: #454545;
}

h5,
h6 {
	font-weight: 400;
}

a:hover {
	text-decoration: none;
	color: #6dc376 !important;
}

.layui-breadcrumb a:hover {
	color: #6dc376 !important;
}

ul,
li {
	list-style: none;
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #6dc376;
	font-weight: bold;
}

.hys-language {
	height: 32rem;
	width: 80rem;
	line-height: 32rem;
	text-align: center;
	cursor: pointer;
}

.hys-language label {
	cursor: pointer;
	font-size: 14rem;
	color: #666666;
}

.hys-language label:hover {
	color: #6dc376;
}

.hys-language span {
	padding: 0 4rem;
}

.hys-container {
	width: 1300rem;
	display: flex;
	flex-direction: column;
}

.hys-top-left {
	line-height: 32rem;
}

.hys-top-left>label {
	color: #999999;
	font-size: 14rem;
	padding: 0 15rem;
}

.hys-header {
	display: flex;
	flex: 1;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #FFFFFF;
}

.hys-header-nav {
	display: flex;
	height: 32rem;
	width: 100%;
	background-color: #F4F4F4;
	justify-content: center;
	box-shadow: 1rem 1rem 1rem #EFEFEF;
}

.hys-top-navbar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	height: 32rem;
	color: #888888;
}

.layui-nav-img {
	width: 30rem;
	margin-right: 10rem;
}

.hys-top-content {
	height: 32rem;
	flex: 1;
}

.hys-top-right {
	height: 32rem;
}

.hys-nav-child {
	display: none;
	position: absolute;
	left: 0;
	top: 65rem;
	min-width: 100%;
	line-height: 32rem;
	padding: 5rem 0;
	border: 1rem solid #eee;
	background-color: #fff;
	z-index: 100;
	border-radius: 2rem;
	white-space: nowrap;
}

.hys-top-nav {
	line-height: 32rem;
	background-color: transparent;
}

.hys-top-nav .layui-nav-item {
	line-height: 32rem;
}

.hys-top-nav .layui-nav-item a {
	font-size: 14rem;
	padding: 0 20rem;
	color: #888888;
}

.hys-top-nav .layui-badge-dot {
	width: 8rem;
	height: 8rem;
}

.hys-top-nav .layui-nav-more {
	font-size: 12rem;
	right: 3rem;
}

.hys-top-nav .hys-col-line a {
	padding: 0;
}

.hys-search {
	display: flex;
	height: 85rem;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	overflow: hidden;
	border-bottom: 1rem solid #EFEFEF;
}

.hys-search-left {
	display: flex;
	align-items: center;
	width: 300rem;
	box-sizing: border-box;
}

.hys-search-left>a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.hys-search-right {
	flex: 1
}

.hys-search-right {
	text-align: center;
}

.hys-logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 30rem;
	color: #6dc376;
	font-weight: bold;
}

.hys-main-logo {
	height: 86rem;
	margin-right: 22px;
}

.hys-search-conter {
	display: flex;
	width: 700rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 70rem;
}

.hys-nav {
	background-color: #fff;
}

.hys-nav .layui-nav-item a {
	font-size: 18px;
	color: #656565;
}

.hys-nav .layui-nav-item i {
	font-size: 18px;
	padding-right: 5rem;
	color: #656565;
}

.hys-search-btn {
	height: 42rem;
	min-width: 75rem;
	line-height: 42rem;
	text-align: center;
	color: #FFFFFF;
	font-size: 14rem;
	border-radius: 0rem 5rem 5rem 0rem;
}

.hys-search-input::placeholder {
	font-size: 12rem;
	color: #989898;
}

.hys-search-btn:hover {
	background-color: #6dc376;
	color: #FFFFFF !important;
}

.hys-navbar-wrap {
	display: flex;
	width: 100%;
	height: 45rem;
	justify-content: center;
}

.hys-navber {
	height: 45rem;
	display: flex;
	width: 100%;
}

.hys-form-item {
	min-width: 70rem;
	height: 40rem;
	margin-bottom: 0rem;
}

.hys-input-inline {
	display: flex;
	height: 38rem;
	max-width: 70rem;
	cursor: pointer;
	margin-right: 0;
	border-radius: 5rem 0 0 5rem;
	border: 1rem solid #6dc376;
}

.hys-navbar-menu {
	display: flex;
	flex-direction: row;
}

.hys-navbar-menu li label {
	line-height: 45rem;
	color: #FFFFFF;
	font-size: 16rem;
	cursor: pointer;
}

.hys-navbar-menu .hys-navbar-item>a {
	display: inline-block;
	color: #FFFFFF;
	line-height: 45rem;
	color: #868686;
	width: 130rem;
	text-align: center;
	font-size: 16rem;
}

.hys-navbar-menu li>a:hover {
	background-color: rgba(0, 0, 0, .05);
	color: #6dc376 !important;
}

.hys-color-qin {
	color: #6dc376;
}

.hys-bg-qin {
	background-color: #6dc376;
}

.hys-line-qin {
	border: 1rem solid #6dc376;
}

.hys-bg-red {
	background-color: #6dc376;
}

.hys-line-red {
	border: 1rem solid #6dc376;
}

/* 全部分类 */
.hys-navber-classify {
	position: relative;
	z-index: 99;
	width: 200rem;
	text-align: center;
}

.hys-classify-wrap {
	display: none;
	width: 200rem;
	height: 0rem;
	background-color: #6dc376;
	flex-direction: column;
	position: relative;
	transition: .5s;
	z-index: 98;
}

.hys-navber-classify:hover .hys-classify-wrap {
	display: flex;
	height: 380rem;
}

.hys-classify-list {
	height: 46rem;
	width: 100%;
}

.hys-classify-list .hys-classify-one {
	display: flex;
	width: 200rem;
	color: #FFFFFF;
	line-height: 46rem;
	font-size: 15rem;
	padding-left: 25rem;
}

/* .hys-classify-wrap > li:not(:last-child) {
	border-top: 1rem solid #FFFFFF;
} */
.hys-classify-wrap>li {
	border-top: 1rem solid #FFFFFF;
}

.hys-classify-list>a>i {
	display: inline-block;
	width: 25rem;
	color: #FFFFFF;
	font-size: 16rem;
	margin-left: 15rem;
}

.hys-classify-subwarp {
	display: none;
	position: absolute;
	left: 200rem;
	top: 0rem;
	width: 500rem;
	height: 380rem;
	background-color: #FFFFFF;
	flex-direction: column;
	padding: 0rem 22rem;
	z-index: 99;
}

.hys-classify-list:hover .hys-classify-subwarp {
	display: flex;
	overflow-y: auto;
}

.hys-classify-list .hys-classify-one:hover {
	color: #FFFFFF !important;
	font-weight: bold;
}

.hys-classify-sublist {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.hys-classify-subtitle {
	display: flex;
	line-height: 38rem;
	width: 100%;
	font-size: 15rem;
	font-weight: bold;
	color: #454545;
}

.hys-classify-sublist>li {
	display: flex;
	flex-direction: row;
	line-height: 36rem;
	margin-right: 18rem;
	color: #858585;
	width: 100%;
}

.hys-classify-sublist>li>a {
	color: #454545;
	font-size: 14rem;
}

.hys-classify-sublist>li>a:hover {
	background-color: transparent !important;
}

.hys-body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hys-body .layui-tab .layui-tab-title:after {
	border: none;
}

.hys-hotel-top,
.hys-scenic-top,
.hys-train-top,
.hys-bus-top,
.hys-plane-top,
.hys-ship-top {
	height: 350rem;
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.hys-search-wrap {
	position: absolute;
	left: 20%;
	top: 16%;
	width: 400rem;
	height: 250rem;
	display: flex;
	flex-direction: row;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	box-sizing: border-box;
	overflow: hidden;
	padding: 0 15rem;
}

/* .hys-search-title {
	height: 45rem;
	background-color: #00bbf0;
} */
.hys-wx-code {
	position: absolute;
	right: 230rem;
	bottom: 60rem;
	width: 200rem;
	height: 200rem;
}

.hys-hotel-top {
	background-image: url(/travel/image/hotel.jpg);
}

.hys-scenic-top {
	background-image: url(/travel/image/scenic.jpg);
}

.hys-train-top {
	background-image: url(/travel/image/train.jpg);
}

.hys-bus-top {
	background-image: url(/travel/image/bus.jpg);
}

.hys-plane-top {
	background-image: url(/travel/image/plane.jpg);
}

.hys-ship-top {
	background-image: url(/travel/image/ship.jpg);
}

.hys-hotel-title {
	font-size: 20rem;
	color: #FFFFFF;
	padding-top: 20rem;
}

.hys-hotel-title span {
	font-size: 14rem;
	color: #FFFFFF;
	margin-left: 10rem;
}

.hys-body-top {
	display: flex;
	flex-direction: column;
	width: 1300rem;
	justify-content: space-between;
}

/* 景区主页 */
.hys-scenic-code {
	background-image: url(/travel/image/scenic.jpg);
	height: 232rem;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.hys-scenic-title {
	font-size: 20rem;
	color: #FFFFFF;
	padding-top: 20rem;
}

.hys-scenic-title span {
	font-size: 14rem;
	color: #FFFFFF;
	margin-left: 10rem;
}

.hys-scenic-list {}

.main-pagination {
	bottom: 10rem !important;
	left: 0;
	width: 100%;
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.main-pagination .swiper-pagination-bullet {
	width: 8rem;
	height: 8rem;
	overflow: hidden;
	background-color: #6dc376;
	border-radius: 50%;
}

.hys-body-notice {
	display: flex;
	flex-direction: row;
	background-color: #FFFFFF;
	height: 40rem;
	line-height: 40rem;
}

.hys-body-notice span {
	color: #6dc376;
	width: 65rem;
	font-weight: bold;
	font-size: 14rem;
	padding-left: 8rem;
}

.hys-body-user {
	background-color: #fff;
	width: 300rem;
	height: 420rem;
}

.hys-body-user-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-top: 10rem;
}

.hys-body-user-info {
	display: flex;
	flex-direction: column;
	width: 135rem;
	height: 100rem;
	padding-left: 20rem;
	justify-content: center;
}

.hys-body-user-info>p {
	margin-top: 10rem;
}

/* .hys-body-user-info a, i {
	padding-right: 8rem;
} */
.hys-body-user-info a {
	color: dodgerblue;
}

.hys-body-user-info a:hover {
	color: #6dc376;
}

.hys-body-user-avatar {
	width: 68rem;
	height: 68rem;
	background-color: #EFEFEF;
	border-radius: 50%;
	overflow: hidden;
}

.hys-body-user-avatar>img {
	width: 100%;
	height: 100%;
}

.hys-body-user-exec {
	margin-top: 20rem;
	display: flex;
	width: 300rem;
	flex-direction: row;
}

.hys-body-exec-item {
	display: flex;
	flex-direction: column;
	width: 100rem;
	height: 50rem;
	align-items: center;
	position: relative;
}

.hys-body-exec-item .hys-chat {
	position: absolute;
	bottom: 30rem;
	display: none;
	width: 140px;
	height: 140px;
	text-align: center;
	z-index: 999;
}

.hys-body-exec-item:hover .hys-chat {
	display: block;
}

.hys-body-exec-item .hys-chat img {
	width: 130px;
	height: 120px;
}

.hys-body-exec-item img {
	margin-bottom: 5rem;
	width: 30rem;
	height: 30rem;
}

.hys-body-exec-item label {
	cursor: pointer;
}

.hys-body-news {
	margin-top: 15rem;
	width: 300rem;
}

.hys-body-news .layui-tab-title {
	display: flex;
	flex-direction: row;
}

.hys-body-news .layui-tab-title>li {
	width: 70rem;
	padding: 0;
	font-size: 14rem;
}

.hys-body-news .layui-tab-title>label {
	display: inline-flex;
	width: 90rem;
	height: 40rem;
	text-align: end;
	justify-content: end;
}

.hys-body-news .layui-tab-title>label a {
	font-size: 14rem;
	line-height: 40rem;
	margin-right: 8rem;
}

.hys-body-news .layui-tab-title .layui-this:after {
	border-bottom: 2px solid #6dc376 !important;
}

.hys-body-news .layui-tab-content {
	padding: 10rem;
}

.hys-body-news .layui-tab-item a {
	display: flex;
	flex-direction: row;
	line-height: 28rem;
	color: #666666;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 主页品牌 */
.hys-brand-warp {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 15rem;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.hys-brand-warp a {
	display: flex;
	width: 240rem;
	height: 120rem;
	margin-top: 8px;
	margin-right: 20px;
}

.hys-brand-warp a:nth-child(5n) {
	margin-right: 0;
}

.hys-brand-warp a>img {
	width: 240rem;
	height: 110rem;
	border-radius: 5rem;
}

.iconfont {
	color: #6dc376;
	font-size: 24rem;
}

.hys-recommend {
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	margin-bottom: 15rem;
}

.hys-recommend-title {
	color: #454545;
	font-size: 22rem;
	line-height: 45rem;
	display: flex;
	flex-direction: row;
	padding: 0 15rem;
	font-weight: bold;
	border-bottom: 1rem solid #EFEFEF;
}

.hys-recommend-title>i {
	width: 30rem;
	line-height: 45rem;
	margin-right: 16rem;
	text-align: center;
}

.hys-recommend-list {
	display: grid;
	padding: 0 15rem;
	grid-template-columns: repeat(auto-fill, minmax(240rem, 1fr));
	gap: 15rem;
}

.hys-recommend-search-list {
	width: 980px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* 左右对半分，左边=右边总宽度 */
	gap: 15rem;
	align-items: start;
}

/* 左边大item，占满左边1fr整列，高度跟随右边容器高度 */
.big-item {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	border: 1px solid #eee;
	height: 100%;
}

/* 右侧容器内部：2列网格，4个小卡片2*2堆积 */
.right-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap: 15rem;
}

.small-item {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	border: 1px solid #eee;
}

.hys-recommend-search-list .hys-recommend-item-img {
	width: 100%;
	flex: 1 1 0;
	object-fit: cover;
	border-radius: 10rem;
}

.hys-recommend-item-title,
.hys-recommend-item-size,
.hys-recommend-item-price {
	padding: 4px 8px;
	display: block;
}

.hys-recommend-search-list .hys-recommend-item:nth-child(1) {
	border-radius: 10rem;
	overflow: hidden;
	width: 100%;
}

.hys-recommend-item {
	width: 240rem;
	display: flex;
	box-sizing: border-box;
	/* padding: 5rem; */
	flex-direction: column;
	border-radius: 10rem;
	overflow: hidden;
	align-items: center;
	border: 1px solid #eeeeee;
}

.hys-recommend-item:hover {
	box-shadow: 0rem 0rem 5rem 0rem #EFEFEF;
}

.hys-recommend-item-img {
	display: flex;
	box-sizing: border-box;
	width: 240rem;
	height: 160rem;
	transition: .6s;
	border-radius: 10rem;
}

.hys-recommend-item-img:hover {
	transform: scale(1.1)
}

.hys-recommend-item-title {
	box-sizing: border-box;
	display: inline-block;
	line-height: 35rem;
	font-size: 15rem;
	color: #454545;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 5rem;
}

.hys-recommend-item-size {
	box-sizing: border-box;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12rem;
	color: #858585;
	padding: 0 5rem;
}

.hys-recommend-item-price {
	box-sizing: border-box;
	width: 100%;
	font-size: 18rem;
	color: #ff5733;
	line-height: 30rem;
	font-weight: bold;
	padding: 0 5rem;
}

.hys-column-product {
	display: flex;
	flex-direction: row;
	margin-top: 20rem;
	justify-content: space-between;
}

.hys-column-product .hys-tab-wrap {
	width: 990rem;
}

.hys-data-list {
	width: 100%;
	display: grid;
	padding: 0 15rem;
	grid-template-columns: repeat(auto-fill, minmax(210rem, 1fr));
	gap: 15rem;
}

.hys-tab-product-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 10rem;
	height: 560rem;
}

.hys-tab-product-item {
	display: flex;
	box-sizing: border-box;
	width: 194rem;
	height: 260rem;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10rem;
	padding: 6rem 8rem;
	cursor: pointer;
}

.hys-tab-product-img {
	display: flex;
	box-sizing: border-box;
	padding: 10rem;
	width: 160rem;
	height: 160rem;
	transition: 0.5s;
}

.hys-tab-product-img:hover {
	transform: scale(1.1)
}

.hys-tab-product-title {
	width: 100%;
	margin-top: 12rem;
	overflow: hidden;
	font-size: 14rem;
	/* 隐藏超出容器的内容 */
	text-overflow: ellipsis;
	/* 超出时显示省略号 */
	display: -webkit-box;
	/* 使用旧版弹性盒子布局（关键） */
	-webkit-box-orient: vertical;
	/* 内容垂直排列 */
	-webkit-line-clamp: 2;
	/* 限制显示的行数（这里是2行） */
	line-height: 1.5;
	cursor: pointer;
}

.hys-tab-product-price {
	padding: 6rem 8rem;
	width: 100%;
	font-size: 14rem;
	font-weight: bold;
	color: #ff5f5f;
	cursor: pointer;
}

.hys-product-ranked {
	display: flex;
	width: 300rem;
	background-color: #ffffff;
	flex-direction: column;
	min-height: 700rem;
}

.hys-hot-search {
	width: 320px;
	max-height: 505px;
}

.hys-search-item-box {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow: hidden;
	padding: 6px 12px;
}

.hys-search-item-box li {
	height: 35px;
	display: flex;
	gap: 0;
	/* flex间隙强制0 */
	align-items: center;
}

.hys-search-item-box li>a {
	font-size: 14px;
	padding: 5px 10px;
	gap: 0;
	/* flex间隙强制0 */
}

.hys-ranked-title {
	display: flex;
	height: 45rem;
	box-sizing: border-box;
	width: 300rem;
	line-height: 45rem;
	font-size: 16rem;
	padding: 0 10rem;
	color: #6dc376;
	border-bottom: 1px solid #EFEFEF;
}

.hys-ranked-wrap {
	display: flex;
	flex-direction: column;
	padding: 10rem;
	box-sizing: border-box;
	width: 300rem;
}

.hys-ranked-item {
	display: flex;
	flex-direction: row;
	height: 102rem;
	width: 100%;
	margin-top: 10rem;
}

.hys-ranked-image {
	width: 86rem;
	height: 86rem;
	padding: 8rem;
}

.hys-ticket-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 15rem;
	box-sizing: border-box;
}

.hys-ticket-item {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 115rem;
	margin-bottom: 15rem;
	border: 1px solid #EFEFEF;
	border-radius: 10rem;
}

.hys-ticket-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 70rem;
	align-items: center;
	border-bottom: 1px solid #EFEFEF;
	width: 100%;
	height: 100%;
}

.hys-ticket-info label {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 250rem;
}

.hys-ticket-info label>p {
	font-size: 15px;
}

.hys-ticket-price {
	color: #ff5733;
	font-size: 18px;
}

.hys-ticket-number {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 30rem;
	height: 45rem;
	font-size: 14px;
}

.hys-ticket-number label {
	color: #16b777;
	padding-left: 5rem;
}

.hys-ranked-info {
	display: flex;
	flex-direction: column;
}

.hys-ranked-name {
	max-width: 100%;
	margin-top: 12rem;
	overflow: hidden;
	font-size: 14rem;
	/* 隐藏超出容器的内容 */
	text-overflow: ellipsis;
	/* 超出时显示省略号 */
	display: -webkit-box;
	/* 使用旧版弹性盒子布局（关键） */
	-webkit-box-orient: vertical;
	/* 内容垂直排列 */
	-webkit-line-clamp: 2;
	/* 限制显示的行数（这里是2行） */
	line-height: 1.5;
	cursor: pointer;
}

.hys-ranked-price {
	margin-top: 10rem;
	padding: 6rem 8rem;
	width: 100%;
	font-size: 14rem;
	font-weight: bold;
	color: #ff5f5f;
	cursor: pointer;
}

.hys-tab-brand {
	display: flex;
	width: 990rem;
	height: 98rem;
	border-top: 1px solid #EFEFEF;
	padding-top: 5rem;
}

.hys-tab-brand-image {
	display: flex;
	box-sizing: border-box;
	width: 160rem;
	height: 98rem;
	padding: 5rem;
	margin: 0 8rem;
}

.hys-tab-brand-image img {
	width: 100%;
}

/* 文章列表 */
.hys-public-content {
	margin-top: 15rem;
	display: flex;
	justify-content: space-between;
}

.hys-article-wrap {
	display: block;
	width: 1020rem;
	background-color: #FFFFFF;
	min-height: 500rem;
	line-height: 1.5;
	box-sizing: border-box;
}

.hys-article-list {
	width: 930px;
	display: flex;
	flex-direction: column;
	padding: 15px 0;
}

.hys-article-item {
	width: 930px;
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.hys-article-item:last-child {
	border: transparent;
	margin: 0;
}

.hys-article-item-box {
	display: flex;
	width: 930px;
	flex-direction: row;
	justify-content: space-between;
}

.hys-article-item-box:hover {
	/* box-shadow: 0px 0px 2px #E0E0E0; border-radius: 6px; */
}

.hys-article-img {
	display: inline-flex;
	width: 250px;
	height: 165px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0px 1px 2px #E0E0E0;
}

.hys-article-img img {
	width: 100%;
	height: auto;
	transition: .5s;
}

.hys-article-img img:hover {
	transform: scale(1.18);
}

.hys-article-right {
	display: flex;
	width: 660px;
	height: 165px;
	flex-direction: column;
	justify-content: space-between;
}

.hys-article-title-column {
	width: 660px;
	height: 32px;
	display: inline-flex;
	margin-bottom: 5px;
	align-items: center;
}

.hys-article-column {
	height: 26px;
	line-height: 26px;
	width: 72px;
	font-size: 14px;
	background-color: #00bbf0;
	color: #ffffff;
	border-radius: 5px;
	margin-right: 10px;
	text-align: center;
}

.hys-article-column:hover {
	color: #FFFFFF !important;
	background-color: #01AAED;
}

.hys-article-title {
	flex: 1;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hys-article-title a {
	font-size: 21px;
	color: #454545;
	font-weight: 400;
}

.hys-article-desc {
	color: #999999;
	font-size: 14px;
	word-wrap: break-word;
	line-height: 24px;
	cursor: default;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-indent: 28px;
	height: 72px;
}

.hys-article-info {
	display: flex;
	flex-direction: row;
	margin-top: 15px;
	justify-content: space-between;
	white-space: nowrap;
}

.hys-article-time {
	color: #656565;
	font-size: 14px;
	width: 98px;
	overflow: hidden;
}

.hys-article-time i {
	margin-right: 8px;
}

.hys-article-tatol {
	font-size: 14px;
}

.hys-article-tatol label {
	margin-right: 15px;
	color: #656565;
}

.hys-article-tatol i {
	margin-right: 8px;
	color: #888888;
	font-size: 14px;
}

/* 主页左边 */
.hys-side-map {
	display: flex;
	width: 1300rem;
	position: fixed;
	top: auto;
	margin: auto;
}

.hys-side-list {
	position: absolute;
	display: flex;
	background-color: #FFFFFF;
	width: 66rem;
	left: -108rem;
	color: #FFFFFF;
	flex-direction: column;
	border: 1rem solid #EFEFEF;
	height: auto;
}

.hys-side-item {
	width: 66rem;
	height: 66rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-bottom: 1px solid #EFEFEF;
}

.hys-side-item * {
	cursor: pointer;
}

.hys-side-item i {
	color: #858585;
	margin-bottom: 5rem;
	font-size: 20rem;
}

.hys-side-item label {
	width: 40rem;
	font-size: 14rem;
	text-align: center;
}

.hys-side-list .active {
	background-color: #6dc376;
}

.hys-side-list .active * {
	color: #FFFFFF;
}

.hys-side-item:hover {
	background-color: #6dc376;
}

.hys-side-item:hover * {
	color: #FFFFFF;
}

/*zxkf*/
.hys-side-right {
	position: fixed;
	top: 250rem;
	right: 5rem;
	z-index: 99;
	display: flex;
	width: 70rem;
	background-color: #FFFFFF;
	border: 1rem solid #DDDDDD;
}

.hys-side-right ul {
	width: 70rem;
	display: inline-block;
}

.hys-side-right ul li {
	position: relative;
	width: 70rem;
	height: 70rem;
	align-items: center;
	justify-content: center;
}

.hys-side-right-item label {
	display: flex;
	width: 70rem;
	height: 70rem;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

.hys-side-right-item label>i {
	color: #888888;
	font-size: 22rem;
	margin-bottom: 5rem;
}

.hys-side-right-item label>p {
	color: #888888;
	font-size: 12rem;
}

.hys-side-right-item label:hover i {
	color: #6dc376;
}

.hys-side-right .zxqq {
	width: 110rem;
	height: 130rem;
	position: absolute;
	left: -110rem;
	top: 0rem;
	background-color: #6dc376;
	display: none;
}

.hys-side-right .zxqq ul {
	width: 104rem;
	height: 93rem;
	display: inline-block;
	background-color: #FFF;
	margin: 3rem;
}

.hys-side-right .zxqq ul li {
	float: left;
	margin-top: -4rem;
}

.hys-side-right .zxqq h3 {
	width: 100rem;
	display: inline-block;
	font-size: 13rem;
	font-weight: 100;
	text-align: center;
	color: #6dc376;
}

.hys-side-right .zxqq a {
	text-align: center;
	line-height: 14rem;
	width: 100rem;
	display: inline-block;
}

.hys-side-right .zxqq p {
	font-size: 11rem;
	color: #333;
	text-align: center;
}

.hys-side-right ul li img {
	width: 65rem;
	cursor: pointer;
}

.hys-side-right ul li:hover div {
	display: block;
}

.hys-side-right .weixin {
	position: absolute;
	left: -120rem;
	top: 0rem;
	display: none;
	text-align: center;
}

.weixin-serve-text {
	display: inline-block;
	position: relative;
}

.weixin-serve-text .serve-code {
	width: 150px;
	position: absolute;
	top: -50px;
	left: 145px;
	display: none;
}

.weixin-serve-text:hover .serve-code {
	display: block;
}

.hys-side-right .weixin-serve {
	position: absolute;
	left: -125rem;
	top: 0rem;
	display: none;
	text-align: center;
}

.hys-side-right .weixin p {
	font-size: 11rem;
	color: #6dc376;
}

.hys-side-right .zxdh {
	width: 110rem;
	height: 120rem;
	position: absolute;
	left: -115rem;
	top: 0rem;
	display: none;
	background-color: #FFF;
	/* border: 2px solid #6dc376; */
}

.hys-side-right .zxdh ul {
	width: 106rem;
	height: 112rem;
	display: inline-block;
	text-align: center;
	margin: 3rem;
}

.hys-side-right .zxdh ul li {
	font-size: 14rem;
	width: 104rem;
	display: inline-block;
	text-align: center;
}

.hys-side-right .zxdh ul li h3 {
	width: 104rem;
	display: inline-block;
	text-align: center;
	color: #6dc376;
	font-size: 14rem;
	line-height: 30rem;
	font-weight: bold;
}

.hys-side-right .zxdh ul li h4 {
	width: 104rem;
	text-align: center;
	display: inline-block;
	color: #01AAED;
	line-height: 28rem;
}

.hys-side-right .zxdh ul li p {
	font-size: 13rem;
	width: 104rem;
	text-align: center;
	color: #6dc376;
}

/*end zxkf*/
.hys-classify-title {
	display: flex;
	width: 100%;
	align-items: center;
}

.hys-classify-title>label {
	display: inline-block;
	width: 48rem;
	height: 26rem;
	line-height: 26rem;
	color: #FFFFFF;
	border-radius: 12rem;
	text-align: center;
	font-size: 18rem;
	margin-right: 20rem;
}

.hys-classify-title>a {
	display: inline-block;
	font-size: 22rem;
	font-weight: bold;
}

.hys-tab-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 35rem;
}

.hys-tab-title-list {
	height: 35rem;
	border: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom-width: 0px !important;
}

.hys-tab-title-list>li {
	min-width: 80rem !important;
	line-height: 22rem;
	padding: 0 10rem;
	font-size: 16rem !important;
}

/* .hys-tab-title-list li:not(:last-child) {
	border-right: 1rem solid #E0E0E0;
} */
/* .hys-tab-title-list li>label{ display: inline-block; padding: 0 8rem; line-height: 22rem; } */
/* .hys-tab-title-list .layui-this>label{ color: #FFFFFF !important; overflow: hidden; background-color: #6dc376; border-radius: 5rem; } */
.hys-tab-title-list .layui-this:after {
	height: 35rem;
	border-bottom: none !important;
}

.hys-main-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15rem 0;
}

.hys-tab-wrap {
	background-color: #ffffff;
}

.hys-tab {
	margin: 0;
}

.hys-tab-content {
	min-height: 330rem;
	padding: 15rem 0;
}

.hys-tab-search {
	display: flex;
	flex-direction: row;
}

.hys-tab-title {
	border-bottom: 1rem solid #EFEFEF;
	height: 50rem;
	display: flex;
	align-items: center;
}

.hys-classify-title {
	padding: 0 15rem;
}

.hys-tab-type-list {
	display: flex;
	flex-direction: row;
}

.hys-classify-item {
	width: 230rem;
	height: 300rem;
	display: flex;
	flex-direction: column;
	margin: 15rem;
	overflow: hidden;
	align-items: center;
	border-radius: 10rem;
	position: relative;
}

.hys-classify-item:nth-child(1) {
	background-image: linear-gradient(to top right, #1a1859 0%, #897487 100%);
}

.hys-classify-item:nth-child(2) {
	background-image: linear-gradient(to top right, #8b3852 0%, #3f4f70 100%);
}

.hys-classify-item:nth-child(3) {
	background-image: linear-gradient(to top right, #021c35 0%, #034776 100%);
}

.hys-classify-item:nth-child(4) {
	background-image: linear-gradient(to top right, #333b7a 0%, #493954 100%);
}

.hys-classify-item:nth-child(5) {
	background-image: linear-gradient(to top left, #181333 0%, #a42d43 100%);
}

.hys-classify-item>label {
	cursor: pointer;
	width: 210rem;
}

.hys-classify-item-img {
	padding: 0 25rem;
	width: 158rem;
	height: 78rem;
	transition: .6s;
	background-color: #FFFFFF;
	border-radius: 40rem;
	margin-top: 40rem;
}

.hys-classify-item-img:hover {
	transform: scale(1.05)
}

.hys-classify-item-title {
	display: inline-flex;
	width: 100%;
	justify-content: center;
	line-height: 30rem;
	font-size: 16rem;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 28rem;
}

.hys-classify-item-more {
	display: block;
	width: 98rem;
	height: 35rem;
	border: 1px solid #ffffff;
	color: #FFFFFF;
	text-align: center;
	font-size: 14rem;
	line-height: 35rem;
	border-radius: 18rem;
	margin-top: 30rem;
}

.hys-classify-item-size {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12rem;
	color: #858585;
}

.hys-classify-item-price {
	font-size: 15rem;
	color: #ff5f5f;
	line-height: 40rem;
	font-weight: bold;
}

.hys-classify-item-desc {
	display: block;
	display: -webkit-box;
	position: absolute;
	bottom: -70rem;
	left: 0rem;
	width: 210rem;
	height: 35rem;
	background-color: rgba(255, 255, 255, .65);
	color: #FFFFFF;
	font-size: 16rem;
	line-height: 25rem;
	padding: 8rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .35s;
}

.hys-classify-item:hover .hys-classify-item-desc {
	bottom: -4rem;
}

.hys-footer {
	width: 100%;
	height: 320rem;
	background-color: #454545;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.hys-footer-icon {
	box-sizing: border-box;
	background-color: #6dc376;
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.hys-ensure {
	display: flex;
	width: 1300rem;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	height: 90rem;
}

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

.ensure_item>img {
	margin-right: 12rem;
	width: auto;
	height: 55rem;
}

.ensure_item p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.hys-footer-top {
	width: 1300rem;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin: 35rem 0;
}

.hys-footer-nav {
	display: flex;
	flex-direction: row;
	width: 930rem;
	align-items: center;
	justify-content: space-between;
}

.hys-footer-nav a {
	color: #FFFFFF;
	font-size: 14rem;
	padding: 0 25rem;
	border-right: 1rem solid #FFFFFF;
}

.hys-footer-nav li:last-child a {
	border: none;
}

.hys-footer-left {
	display: flex;
	flex-direction: column;
}

.hys-footer-right {
	display: flex;
	width: 320rem;
	flex-direction: row;
}

.hys-footer-info {
	display: flex;
	flex-direction: row;
	color: #FFFFFF;
	min-height: 145rem;
	margin-left: 20rem;
	justify-content: space-between;
	padding-top: 10rem;
}

.hys-companyname {
	font-size: 22rem;
	margin-bottom: 8rem;
}

.hys-phone,
.hys-qq {
	font-size: 14rem;
	line-height: 30rem;
}

.hys-footer-info-left {
	max-width: 260rem;
	margin-right: 30rem;
}

.hys-footer-info-right {
	display: flex;
	flex-direction: row;
	width: 620rem;
	justify-content: space-between;
}

.hys-footer-menu {
	display: flex;
	flex-direction: column;
}

.hys-footer-menu h6 {
	font-size: 16rem;
	height: 32rem;
}

.hys-footer-page a {
	color: #FFFFFF;
	line-height: 28rem;
	font-weight: normal;
	font-size: 14rem;
}

.hys-footer-wxcode {
	display: flex;
	flex-direction: column;
	width: 280rem;
	align-items: center;
	padding-top: 10rem;
}

.hys-footer-wxcode img {
	width: 120rem;
	height: 120rem;
}

.hys-footer-wxcode label {
	color: #FFFFFF;
	font-size: 12rem;
	line-height: 30rem;
}

.hys-footer-bottom {
	width: 1280rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 58rem;
	color: #959aa0;
	font-size: 14rem;
	border-top: 1rem solid #959aa0;
}

.hys-footer-bottom a {
	display: flex;
	align-items: center;
	color: #959aa0;
	font-size: 14rem;
	line-height: 50rem;
	padding: 0 8rem;
}

.hys-footer-bottom a img {
	line-height: 50rem;
	margin-right: 6rem;
	width: 20rem;
}

/* 通用导航 */
.hys-site-map {
	display: flex;
	border-left: 3rem solid #6dc376;
	height: 40rem;
	align-items: center;
	padding: 0 15rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	max-width: 1300rem;
	border-bottom: 1px solid #eeeeee;
	width: 100%;
}

.hys-site-map>p {
	font-size: 14rem;
	color: #484545;
}

.hys-detail-site-map {
	margin-top: 20rem;
}

/* 详情页 */
.hys-detail-top {
	display: flex;
	margin-top: 15rem;
	height: 380rem;
	flex-direction: row;
	background-color: #FFFFFF;
	justify-content: space-between;
}

.hys-page-detail {
	width: 100%;
	padding: 15rem;
}

/* 轮播图 */
.hys-detail-banner {
	width: 400rem;
	height: 270rem;
}

.hys-detail-litimg-box {
	position: relative;
	height: 400rem;
	width: 200rem;
	border: 1px solid #EFEFEF;
}

.hys-detail-litimg-box img {
	height: 400rem;
	width: 200rem;
}

.hys-botvip-price {
	text-decoration: line-through;
	color: #666666 !important;
	font-size: 14rem;
}

.hys-gallery-top {
	height: 270rem;
	border: 1rem solid #E5E5E5;
}

.hys-gallery-top .swiper-wrapper {
	width: 400rem;
	height: 270rem;
	overflow: hidden;
}

.hys-gallery-top .swiper-slide {
	width: 400rem;
	height: 100%;
}

.hys-gallery-top .swiper-slide img {
	width: 100%;
	height: 100%;
}

.hys-gallery-thumbs {
	height: 80rem;
	width: 400rem;
	margin-top: 10rem;
}

.hys-magnifier-preview {
	top: -490px;
	left: 420px;
	width: 450px !important;
	height: 450px !important;
}

.hys-gallery-thumbs .swiper-wrapper {
	width: 340rem;
}

.hys-gallery-thumbs .swiper-slide {
	opacity: 0.4;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EFEFEF;
	height: 75rem !important;
	width: 110rem !important;
	cursor: pointer;
}

.hys-gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 1px dashed #6dc376;
}

.hys-gallery-thumbs .swiper-button-next,
.hys-gallery-thumbs .swiper-button-prev {
	width: 25rem;
	height: 77rem;
	top: 22rem;
	background-color: #efefef;
	cursor: pointer;
	opacity: .8;
	pointer-events: auto;
}

.hys-gallery-thumbs .swiper-button-next {
	right: 0rem;
}

.hys-gallery-thumbs .swiper-button-prev {
	left: 0rem;
}

.hys-gallery-thumbs .swiper-button-next:hover,
.hys-gallery-thumbs .swiper-button-prev:hover {
	color: #6dc376;
}

.hys-gallery-thumbs .swiper-button-next:after,
.hys-gallery-thumbs .swiper-button-prev:after {
	font-size: 30rem;
}

.hys-detail-info {
	display: flex;
	width: 580rem;
	flex-direction: column;
	box-sizing: border-box;
	padding: 15rem;
	position: relative;
	color: #888888;
}

.hys-detail-info-column {
	/* max-height: 125rem; */
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.hys-detail-info-box {
	/* max-height: 125rem; */
	overflow: hidden;
	display: grid;
	/* grid-template-rows: repeat(3, 1fr); */
	grid-template-columns: repeat(3, 1fr);
	/* 分为 3 列，每列宽度相等 */
	/* gap: 10px; */
	/* 行间距 */
}

.hys-detail-info span {
	font-size: 13rem;
}

.hys-detail-title {
	font-size: 22rem;
	color: #3c3c3c;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5;
}

.hys-detail-desc {
	padding: 5px 0px;
	font-size: 12rem;
	color: #888888;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5;
}

.hys-detail-price {
	line-height: 30rem;
	font-size: 14rem;
	color: #989898;
	line-height: 50rem;
}

.hys-detail-price span {
	display: inline-block;
	text-align: justify;
	text-align-last: justify;
}

.hys-detail-price>strong {
	font-size: 26rem;
	color: #ff5f5f
}

.hys-detail-price>label {
	color: #ff5f5f;
}

.hys-detail-coupon {
	height: 36rem;
}

.hys-detail-coupon-info {
	cursor: pointer;
	display: inline-flex;
	padding: 0 8px;
	border-radius: 6px;
	min-width: 80rem;
	justify-content: center;
	align-items: center;
	height: 26rem;
	background-image: linear-gradient(120deg, #ff9a00 0%, #ff5722 100%);
	color: #ffffff;
	font-size: 12px;
}

.hys-detail-label {
	line-height: 30rem;
	font-size: 13rem;
	color: #454545;
	min-height: 30rem;
	white-space: nowrap;
	/* 禁止换行 */
	overflow: hidden;
	/* 隐藏溢出内容 */
	text-overflow: ellipsis;
	/* 显示省略符号 */
}

.hys-detail-label span {
	display: inline-block;
	/* min-width: 28rem; */
	text-align: justify;
	text-align-last: justify;
}

.hys-detail-label>label {
	color: #787878;
}

.hys-buy-form {
	width: 1280rem;
	padding: 10rem 25rem;
	box-sizing: border-box;
}

.hys-detail-buy-exec {
	position: absolute;
	bottom: 0rem;
	left: 0rem;
	padding-left: 15rem;
}

.hys-detail-buy-cart {
	width: 500rem;
	height: 60rem;
	display: flex;
	align-items: center;
	margin-top: 10rem;
}

.hys-add-cart {
	width: 100rem;
	height: 40rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #6dc376;
	color: #FFFFFF;
	margin-left: 20rem;
}

.hys-product-buy {
	width: 100rem;
	height: 40rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ff6f3c;
	color: #FFFFFF;
}

.hys-product-buy-disable {
	background-color: #dedede;
	cursor: not-allowed !important;
	color: #FFFFFF;
}

.hys-add-cart:hover,
.hys-product-buy:hover {
	color: #FFFFFF !important;
}

.hys-detail-like {
	font-size: 15rem;
	color: #3C3C3C;
	line-height: 46rem;
	border-bottom: 1rem solid #EFEFEF;
	width: 100%;
	text-align: center;
}

.hys-detail-classify {
	display: flex;
	width: 260rem;
	height: 380rem;
	background-image: url(/travel/image/wxCode.jpg);
	background-size: cover;
	position: relative;
}

.hys-detail-classify .hys-wx-code {
	width: 180rem;
	height: 180rem;
	position: absolute;
	bottom: 60rem;
	right: 40rem
}

.hys-detail-classify-list {
	display: flex;
	flex-direction: column;
}

.hys-detail-classify-item {
	width: 300rem;
	height: 100rem;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	border: 1rem solid #EFEFEF;
	margin-top: 10rem;
	align-items: center;
}

.hys-detail-classify-col {
	display: flex;
	height: 100rem;
	flex-direction: column;
	width: 200rem;
	padding: 10rem;
}

.hys-detail-classify-item-img {
	width: 100rem;
	height: 100rem;
}

.hys-detail-classify-item-title {
	font-size: 14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 8rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5;
	cursor: pointer;
}

.hys-detail-classify-item-price {
	font-size: 13rem;
	color: #ff5f5f;
	line-height: 25rem;
	font-weight: bold;
	line-height: 30rem;
}

.hys-detail-content {
	min-height: 800rem;
	margin-top: 20rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

/* 详情页左边 */
.hys-detail-hot {
	width: 260rem;
	min-height: 200rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1rem solid #E5E5E5;
	padding-bottom: 20rem;
}

.hys-hot-title {
	border-left: 2px solid #6dc376;
	height: 42rem;
	width: 100%;
	line-height: 42rem;
	font-size: 14rem;
	color: #454545;
	border-bottom: 1px solid #efefef;
}

.hys-hot-title>a {
	padding: 0 20rem;
}

.hys-product-col-list {
	width: 260rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hys-product-col-item {
	width: 230rem;
	/* height: 330rem; */
	margin-top: 15rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1rem solid #F2F2F2;
	cursor: pointer;
	background-color: #FFFFFF;
	border-radius: 10rem;
}

.hys-product-col {
	display: flex;
	flex-direction: column;
	width: 230rem;
}

.hys-product-col-img {
	width: 230rem;
	height: 155rem;
	border-radius: 10rem;
}

.hys-product-col-title {
	font-size: 14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 8rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5;
	cursor: pointer;
}

.hys-product-col-size {
	font-size: 12rem;
	color: #858585;
	line-height: 20rem;
}

.hys-product-col-price {
	font-size: 16rem;
	color: #ff5f5f;
	font-weight: bold;
	line-height: 2.8;
}

/* 详情右边 */
.hys-content-wrap {
	width: 1020rem;
	display: flex;
	flex-direction: column;
	border: 1rem solid #e5e5e5;
	align-items: center;
}

.hys-detail-tab {
	background-color: #f6f6f6;
	height: 42rem;
	margin-bottom: 5rem;
	width: 1020rem;
}

.hys-detail-tab-item {
	display: inline-flex;
	width: 120rem;
	height: 42rem;
	align-items: center;
	justify-content: center;
	font-size: 14rem;
	color: #454545;
}

.hys-detail-tab .active {
	background-color: #FFFFFF;
	color: #6dc376;
	border-top: 2rem solid #6dc376;
}

.hys-detail-tab-content {
	width: 1020rem;
	box-sizing: border-box;
	padding: 10rem;
}

.hys-content-wrap img {
	max-width: 1000rem;
}

.hys-list-data {
	display: flex;
	flex-direction: row;
	margin: 15rem 0;
	justify-content: space-between;
}

.hys-public-left {
	width: 260rem;
	min-height: 200rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
}

.hys-column-box {
	display: flex;
	flex-direction: column;
	width: 260rem;
	max-height: 1500rem;
	overflow-y: auto;
	overflow-x: hidden;
}

.hys-column-box .layui-nav {
	width: 260rem;
	background-color: #FFFFFF;
}

.hys-column-box .layui-nav .layui-nav-item a {
	color: #454545;
}

.hys-column-box .layui-nav-itemed>a {
	color: #454545 !important;
}

.hys-column-box .layui-nav-child {
	background-color: #ffffff;
}

.hys-column-box .layui-this {
	background-color: transparent !important;
	color: #6dc376 !important;
}

.hys-column-box::-webkit-scrollbar {
	width: 1rem;
	height: 1rem;
	background: #EEEEEE;
	cursor: pointer;
}

.hys-column-box::-webkit-scrollbar-button {
	display: none;
}

.hys-column-box::-webkit-scrollbar-track-piece {
	display: none;
}

.hys-column-box::-webkit-scrollbar-thumb {
	background: #CCCCCC;
	cursor: pointer;
}

.hys-column-box::-webkit-scrollbar-thumb:hover {
	background: #6dc376;
	cursor: pointer;
}

.page-column {
	display: grid;
	flex: 2;
	box-sizing: border-box;
	padding: 80rem;
	/* grid-template-rows: repeat(3, 1fr); */
	grid-template-columns: repeat(2, 1fr);
	gap: 50rem;
	/* grid-gap: 100rem; */
	/* align-items: center; */
	width: 1020rem;
	flex-direction: row;
	justify-content: center;
}

.page-column-item:nth-child(1) .page-column-name {
	background-color: #6dc376;
}

.page-column-item:nth-child(2) .page-column-name {
	background-color: #7dace4
}

.page-column-item:nth-child(3) .page-column-name {
	background-color: #f67280;
}

.page-column-item:nth-child(4) .page-column-name {
	background-color: #3fbac2
}

.page-column-item:nth-child(5) .page-column-name {
	background-color: #aa96da;
}

.page-column-item:nth-child(6) .page-column-name {
	background-color: #ff9999;
}

.page-column-item:nth-child(7) .page-column-name {
	background-color: #3ec1d3;
}

.page-column-item:nth-child(8) .page-column-name {
	background-color: #15b7b9;
}

.page-column-item:nth-child(2) {
	border: 3px solid #7dace4
}

.page-column-item:nth-child(3) {
	border: 3px solid #f67280;
}

.page-column-item:nth-child(4) {
	border: 3px solid #3fbac2
}

.page-column-item:nth-child(5) {
	border: 3px solid #aa96da;
}

.page-column-item:nth-child(6) {
	border: 3px solid #ff9999;
}

.page-column-item:nth-child(7) {
	border: 3px solid #3ec1d3;
}

.page-column-item:nth-child(8) {
	border: 3px solid #15b7b9;
}

.page-column-item {
	border: 3px solid #6dc376;
	width: 380rem;
	height: 200rem;
	display: flex;
	flex-direction: row
}

.page-column-name {
	background-color: #6dc376;
	display: flex;
	width: 80rem;
	align-items: center;
	justify-content: center;
}

.page-column-name p {
	color: #ffffff;
	font-size: 20rem;
	/* line-height: 200rem; */
	width: 2ch;
	/* 确保容器仅容纳两个字符 */
	word-break: break-all;
	/* 强制在任何字符间换行 */
}

.page-column-list {
	width: 300rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	/* 多行紧凑排列 */
}

.page-column-list-item {
	padding: 9rem;
	line-height: 30rem;
}

.hys-public-right {
	width: 1020rem;
	display: flex;
	flex-direction: column;
}

/* 产品分类 */
.hys-public-column {
	width: 260rem;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	min-height: 100rem;
	border: 1rem solid #EFEFEF;
	margin-bottom: 15rem;
}

.hys-column-title {
	border-left: 2rem solid #6dc376;
	height: 38rem;
	line-height: 38rem;
	padding: 0 15rem;
	font-size: 14rem;
	color: #454545;
	border-bottom: 1rem solid #F2F2F2;
}

.hys-column-list {
	display: flex;
	flex-direction: row;
	width: 260rem;
	padding: 10rem;
	box-sizing: border-box;
	flex-wrap: wrap;
	font-size: 12rem;
	color: #777777;
	border-bottom: 1rem solid #EFEFEF;
}

.hys-column-list>a {
	line-height: 28rem;
	padding: 0rem 5rem 5rem 5rem;
	color: #252525;
	font-size: 13rem;
	width: 100%;
}

.hys-column-classify {
	font-size: 14rem;
	color: #484545;
	padding: 0 10rem;
	height: 30rem;
	line-height: 30rem;
	font-weight: bold;
}

.hys-column-classify>i {
	width: 6rem;
	height: 6rem;
	background-color: #6dc376;
	display: inline-flex;
	margin-right: 8rem;
}

.hys-type-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	color: #777777;
	padding-left: 10rem;
}

.hys-type-list li>a {
	line-height: 28rem;
	padding: 0rem 5rem 5rem 5rem;
	color: #858585;
	font-size: 13rem;
}

/* 通用产品列表 */
.hys-product-brand,
.hys-product-sort {
	width: 1020rem;
	min-height: 45rem;
	border-bottom: 1rem solid #EFEFEF;
	background-color: #FFFFFF;
	padding: 8px 15rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.hys-product-sort {
	margin-top: 0rem;
}

.hys-brand-title {
	color: #454545;
	font-size: 14rem;
	font-weight: bold;
	min-width: 80rem;
	line-height: 30rem;
}

.hys-brand-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.hys-brand-list a {
	font-size: 13rem;
	color: #666666;
	margin-right: 18rem;
	line-height: 30rem;
}

.hys-sort-title {
	color: #454545;
	font-size: 14rem;
	font-weight: bold;
	min-width: 80rem;
	line-height: 30rem;
}

.hys-sort-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.hys-sort-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 50rem;
	font-size: 13rem;
	color: #666666;
	margin-right: 25rem;
	line-height: 30rem;
}

.hys-sort-list a i {
	font-size: 18rem;
}

.hys-product-sort {
	width: 1020rem;
	height: 45rem;
	border-bottom: 1rem solid #EFEFEF;
	background-color: #FFFFFF;
}

.hys-product-wrap {
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	padding: 15rem 0;
	width: 1020rem;
	background-color: #FFFFFF;
}

.hys-product-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 1020rem;
}

.hys-product-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 225rem;
	height: 315rem;
	margin: 15rem 15rem;
	border: 1rem solid #EFEFEF;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 5rem;
}

.hys-product-item:hover {
	border: 1rem dashed #6dc376;
	color: #6dc376 !important;
}

.hys-product-item label {
	cursor: pointer;
}

.hys-product-item-img {
	width: 210rem;
	height: 210rem;
	overflow: hidden;
}

.hys-product-img {
	width: 100%;
	height: 100%;
	transition: .5s;
}

.hys-product-img:hover {
	transform: scale(1.1)
}

.hys-product-col {
	display: flex;
	flex-direction: column;
	width: 220rem;
	margin-top: 6rem;
}

.hys-product-item-title {
	box-sizing: border-box;
	min-height: 45rem;
	padding: 0 8rem;
	font-size: 14rem;
	width: 100%;
	margin-top: 10rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.6;
	cursor: pointer;
}

.hys-product-size,
.hys-product-number-wrap {
	color: #888888;
	font-size: 12rem;
	line-height: 18rem;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.hys-product-price {
	font-size: 16rem;
	color: #ff5f5f;
	font-weight: bold;
	line-height: 30rem;
}

.hys-product-size-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 60rem;
	align-items: center;
}

.hys-product-size-item {
	cursor: pointer;
	border: 1rem #EFEFEF solid;
	padding: 5rem 8rem;
	margin-right: 10rem;
	border-radius: 3rem;
	margin-top: 5px;
	height: 30rem;
	box-sizing: border-box;
	font-size: 12rem;
}

.hys-product-size-item:hover {
	color: #6dc376;
	border: 1rem #6dc376 solid;
}

.hys-product-number {
	display: flex;
	flex-direction: row;
	height: 34rem;
	align-items: center;
}

.hys-product-number input {
	border: 1rem solid #DDDDDD;
	min-height: 30rem;
	width: 60rem;
	text-align: center;
	border-radius: 5rem;
}

.hys-product-number-btn {
	width: 20rem;
	min-height: 30rem;
	margin-left: 10rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hys-product-number-btn li {
	height: 15rem;
	line-height: 15rem;
	border: 1rem solid #DDDDDD;
	text-align: center;
	cursor: pointer;
	border-radius: 3rem;
}

.hys-product-number-btn li i {
	font-size: 12rem;
	color: #777777;
}

.hys-product-number-btn li:hover {
	border: 1rem #6dc376 solid;
}

.hys-product-number-btn li i:hover {
	color: #6dc376;
}

.hys-product-active {
	color: #6dc376;
	border: 1rem #6dc376 solid;
}

.hys-margin-top10 {
	margin-top: 8rem;
}

/* 页码 */
.pagination {
	margin: 0;
	padding: 15rem 0rem 5rem;
	text-align: center;
	font-size: 12rem;
	display: block;
}

.pagination ul {
	display: inline-flex;
	max-width: 1020rem;
	zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	align-items: center;
}

.pagination ul>li {
	display: inline;
	cursor: pointer;
	padding: 8rem 6rem;
}

.pagination ul>li>a,
.pagination ul>li>span {
	margin: 5rem;
	float: left;
	padding: 8rem 15rem;
	background-color: #DDD;
	color: #666;
	border-radius: 6rem;
	opacity: .8;
	font-size: 14rem;
	filter: alpha(opacity=88);
	cursor: pointer;
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus {
	opacity: 1;
	color: #FFFFFF !important;
	cursor: pointer;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
	background-color: #6dc376;
	color: #FFF;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
	cursor: default;
}

.pagination ul>li>span {
	background-color: #6dc376;
	;
	color: #FFF;
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default;
}

.pagination-loading {
	text-align: center;
	padding: 15rem 0;
}

/* 个人中心 */
.hys-user-wrap {
	width: 1020rem;
	border: 1rem solid #EFEFEF;
	height: 180rem;
	margin-top: 15rem;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
}

.hys-user-box {
	width: 500rem;
	height: 170rem;
	border-right: 1rem solid #EFEFEF;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.hys-user-avatar {
	width: 108rem;
	height: 108rem;
	border-radius: 50%;
	margin-left: 20rem;
}

.hys-user-info {
	height: 100rem;
	line-height: 35rem;
	margin-left: 15rem;
}

.hys-user-number a {
	margin-left: 20px;
	background-color: #ffc93c;
	color: #ffffff;
	padding: 5px 8px;
	border-radius: 5px;
}

.hys-user-phone {
	font-size: 20rem;
	color: #454545;
}

.hys-user-password {
	font-size: 12rem;
	color: #888888;
	padding: 0rem 5rem;
}

.hys-user-menu {
	width: 500rem;
	height: 180rem;
}

.hys-user-menu-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.hys-user-menu-item {
	display: flex;
	width: 249rem;
	height: 60rem;
	font-size: 16rem;
	line-height: 60rem;
	box-sizing: border-box;
	justify-content: center;
	color: #888888;
}

/* .hys-user-menu-item:nth-child(odd) {
	border-right: 1rem solid #EFEFEF;
}
.hys-user-menu-item:nth-child(1n+1) {
	border-bottom: 1rem solid #EFEFEF;
} */
.hys-user-menu-item i {
	margin-right: 5rem;
}

.hys-user-order {
	width: 1020rem;
	min-height: 750rem;
	background-color: #FFFFFF;
	margin-top: 15rem;
	border: 1rem solid #EFEFEF;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 15px;
}

.hys-order-type .hys-tab-title-list li {
	font-size: 14rem !important;
	cursor: pointer;
}

.hys-lately-order {
	width: 1020rem;
	height: 40rem;
	border-bottom: 1rem solid #EFEFEF;
	line-height: 40rem;
	display: flex;
	flex-direction: row;
}

.hys-lately-order a {
	font-size: 14rem;
	color: #454545;
}

.hys-lately-order i {
	font-size: 16rem;
	padding: 0 10rem;
}

.hys-order-list {
	width: 1020rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hys-order-info-state {
	width: 1020rem;
	height: 38rem;
	background-color: #f5f8fa;
	line-height: 38rem;
	display: flex;
	flex-direction: row;
	padding: 0 15rem;
	box-sizing: border-box;
	justify-content: space-between;
}

.hys-order-info-state label {
	display: flex;
	width: 100rem;
	font-size: 13rem;
	color: #454545;
	justify-content: center;
	align-items: center;
}

.hys-order-info-state .hys-product {
	width: 425rem;
	justify-content: center;
}

.hys-state {
	width: 100rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hys-order-info-state .hys-state {
	width: 110rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hys-state span {
	font-size: 12rem;
	color: #6dc376;
	margin-top: 6rem;
}

.hys-handle {
	width: 120rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hys-handle a {
	line-height: 25rem;
}

.hys-order-item {
	width: 970rem;
	min-height: 80rem;
	border: 1rem solid #EFEFEF;
	margin-top: 15px;
}

.hys-order-item:last-child {
	margin-bottom: 15rem;
}

.hys-order-item-info {
	height: 40rem;
	background-color: #f5f8fa;
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.hys-orer-time {
	color: #353535;
	font-size: 12rem;
	padding: 0 15rem;
	font-weight: bold;
}

.hys-order-number {
	color: #777777;
	font-size: 12rem;
	margin-left: 10rem;
}

.hys-order-item .hys-order-detail {
	width: 970rem;
	display: flex;
	flex-direction: row;
	height: 128rem;
	align-items: center;
}

.hys-order-item .hys-order-detail:not(:last-child) {
	border-bottom: 1rem solid #EEEEEE;
}

.hys-order-left {
	display: flex;
	width: 430rem;
	padding: 0 15rem;
	flex-direction: row;
	cursor: pointer;
	box-sizing: border-box;
}

.hys-order-img {
	width: 110rem;
	height: 110rem;
	border-radius: 5rem;
}

.hys-order-title-size {
	width: 250rem;
	height: 120rem;
	display: flex;
	flex-direction: column;
	margin-left: 15rem;
	justify-content: space-around;
}

.hys-order-title {
	color: #454545;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5;
	margin-bottom: 10px;
	cursor: pointer;
}

.hys-order-size {
	color: #858585;
	font-size: 12rem;
}

.hys-order-center {
	width: 550rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.hys-order-center label {
	display: flex;
	width: 100rem;
	font-size: 12rem;
	justify-content: center;
	align-items: center;
}

.hys-order-type {
	width: 1020rem;
	height: 38rem;
	border-bottom: 1rem solid #EFEFEF;
}

.hys-order-search>input {
	width: 220rem;
	height: 30rem;
	margin-left: 20rem;
	border: 1rem solid #EFEFEF;
	border-radius: 5rem 0 0 5rem;
	padding: 0 8rem;
	font-size: 13rem;
	color: #666666;
}

.hys-order-search>input::placeholder {
	font-size: 13rem;
	color: #888888;
}

.hys-order-search>a {
	display: inline-flex;
	height: 32rem;
	width: 60rem;
	font-size: 13rem;
	background-color: #6dc376;
	color: #FFFFFF;
	border-radius: 0 5rem 5rem 0;
	justify-content: center;
	align-items: center;
}

.hys-order-search>a:hover {
	color: #FFFFFF !important;
}

.hys-order-delete {
	min-width: 60rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.hys-order-delete a {
	margin-right: 15rem;
}

.hys-order-delete i {
	font-size: 14rem;
	cursor: pointer;
	margin-right: 15rem;
}

.hys-get-code {
	cursor: pointer;
}

.hys-password-btn:hover {
	color: #FFFFFF !important;
}

.hys-user-detail {
	background-color: #FFFFFF;
	width: 1020rem;
	box-sizing: border-box;
	padding: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hys-user-form {
	width: 720rem;
	margin-top: 15rem;
}

.hys-user-form .layui-form-item {
	height: 38rem;
	margin-bottom: 10rem;
}

.hys-user-submit {
	display: flex;
	height: 38rem;
	width: 700rem;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

/* 通用图文上传封面 */
.hys-public-litimg-wrap {
	display: flex;
	flex-direction: row;
	flex: 1;
}

.hys-public-icon {
	height: 188px;
	width: 268px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.hys-public-icon .layui-upload-drag {
	height: 188px;
	width: 100%;
	padding: 0px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.hys-public-icon .layui-upload-drag .hys-upload-public-view {
	position: absolute;
	height: 188px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 10;
}

.hys-public-icon .layui-upload-drag .hys-public-view {
	height: 188px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	position: relative;
	z-index: 99;
}

.hys-public-icon .layui-upload-drag .hys-public-view>img {
	height: auto;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
}

.hys-user-avatar-wrap {
	width: 50%;
	text-align: center;
	margin-bottom: 10rem;
	cursor: pointer;
}

.hys-address-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.hys-address-btn {
	width: 60rem;
	height: 32rem;
	background-color: #01AAED;
	display: flex;
	color: #FFFFFF !important;
	justify-content: center;
	align-items: center;
	padding: 0rem 10rem;
	margin-right: 20rem;
	border-radius: 5rem;
}

.hys-address-btn:hover {
	color: #FFFFFF !important;
}

/* 购物车 */
.hys-cart-content {
	display: flex;
	flex-direction: column;
	margin: 15rem 0;
}

.hys-user-cart {
	width: 1280rem;
	min-height: 400rem;
	background-color: #FFFFFF;
	border: 1rem solid #EFEFEF;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hys-lately-cart {
	width: 1280rem;
	height: 40rem;
	border-bottom: 1rem solid #EFEFEF;
	line-height: 40rem;
	display: flex;
	flex-direction: row;
}

.hys-lately-cart a {
	font-size: 14rem;
	color: #454545;
}

.hys-lately-cart i {
	font-size: 16rem;
	padding: 0 10rem;
}

.hys-cart-list {
	width: 1280rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hys-cart-info-state {
	width: 1280rem;
	height: 38rem;
	background-color: #f5f8fa;
	line-height: 38rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.hys-cart-info-state label {
	display: flex;
	width: 155rem;
	font-size: 13rem;
	color: #454545;
	justify-content: center;
	align-items: center;
	border: 1rem dashed #EFEFEF;
}

.hys-cart-info-state .hys-number {
	width: 230rem;
}

.hys-cart-info-state input {
	display: flex;
	font-size: 13rem;
	color: #454545;
	justify-content: center;
	align-items: center;
	width: 18rem;
	height: 18rem;
	margin: 0 15rem;
	cursor: pointer;
}

.hys-cart-info-state .hys-product {
	width: 500rem;
	justify-content: center;
}

.hys-price {
	color: #ff6464;
}

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

.hys-payment {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 14rem;
	color: #6dc376;
	justify-content: center;
}

.hys-payment label {
	font-weight: bold;
	font-size: 14rem;
}

.hys-cart-info-state .hys-handle {
	/* width: 180rem; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.hys-handle a {
	line-height: 28rem;
	font-size: 13rem;
}

.hys-cart-item {
	width: 1240rem;
	min-height: 120rem;
	border-bottom: 1rem solid #EFEFEF;
	margin-top: 15rem;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.hys-cart-item input {
	width: 18rem;
	height: 18rem;
	margin: 0 17rem;
	cursor: pointer;
}

.hys-cart-item:last-child {
	margin-bottom: 15rem;
}

.hys-cart-item-info {
	height: 40rem;
	background-color: #f5f8fa;
	align-items: center;
	display: flex;
	flex-direction: row;
}

.hys-cart-time {
	color: #353535;
	font-size: 12rem;
	padding: 0 15rem;
	font-weight: bold;
}

.hys-cart-number {
	color: #777777;
	font-size: 12rem;
	margin-left: 10rem;
}

.hys-cart-detail {
	display: flex;
	flex-direction: row;
	height: 118rem;
	align-items: center;
	width: 1240rem;
	justify-content: space-between;
}

.hys-cart-left {
	display: flex;
	width: 500rem;
	flex-direction: row;
}

.hys-cart-img {
	width: 100rem;
	height: 100rem;
	border-radius: 5rem;
}

.hys-cart-title-size {
	display: flex;
	flex-direction: column;
	margin-left: 15rem;
	justify-content: space-between;
}

.hys-cart-title {
	line-height: 22rem;
	color: #454545;
	font-size: 13rem;
}

.hys-cart-size {
	color: #989898;
	font-size: 12rem;
	line-height: 30rem;
}

.hys-cart-center {
	width: 700rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.hys-cart-center label {
	width: 155rem;
	display: flex;
	font-size: 14rem;
	justify-content: center;
	align-items: center;
}

.hys-cart-center .hys-number {
	width: 200rem;
}

.hys-number>a {
	display: flex;
	width: 23rem;
	height: 23rem;
	border: 1rem solid #DDDDDD;
	align-items: center;
	justify-content: center;
	font-size: 15rem;
	border-radius: 3rem;
}

.hys-number>input {
	width: 50rem;
	height: 30rem;
	border: 1rem solid #EFEFEF;
	text-align: center;
	font-size: 14rem;
}

.hys-cart-buy-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 50rem;
	background-color: #FFFFFF;
	align-items: center;
	border: 1rem solid #EFEFEF;
	border-top: none;
	width: 1280rem;
}

.hys-cart-handle {
	display: flex;
	text-align: center;
}

.hys-cart-handle a {
	font-size: 12rem;
}

.hys-buy-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 50rem;
	width: 300rem;
	min-width: 300rem;
	justify-content: space-around;
}

.hys-cart-delete {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.hys-cart-delete input {
	height: 18rem;
	width: 18rem;
	border: 1rem solid #EFEFEF;
	text-align: center;
	font-size: 14rem;
	margin: 0 10rem;
}

.hys-buy-right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.hys-cart-all-price {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-right: 20rem;
	font-size: 14rem;
}

.hys-cart-all-price i {
	color: #ff5f5f;
	font-size: 15rem;
}

.hys-cart-all-price label {
	color: #ff5f5f;
	font-size: 20rem;
	font-weight: bold;
}

.hys-buy-btn {
	color: #FFFFFF;
	background-color: #6dc376;
	font-size: 15rem;
	height: 50rem;
	width: 100rem;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	display: flex;
}

.hys-product-del {
	cursor: pointer;
	font-size: 13rem;
}

.hys-product-del:hover {
	color: #6dc376;
}

/* 订单明细 */
.hys-buy-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.hys-manage-address {
	font-size: 13rem;
	margin-right: 15rem;
}

.hys-buy-address {
	width: 1280rem;
	min-height: 180rem;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hys-user-address-list {
	display: flex;
	flex-direction: row;
	width: 1250rem;
	padding: 15rem 15rem 5rem 15rem;
	flex-wrap: wrap;
}

.hys-user-address-item {
	display: flex;
	flex-direction: column;
	width: 300rem;
	border: 1rem solid #EFEFEF;
	padding: 8rem;
	box-sizing: border-box;
	border-radius: 6rem;
	cursor: pointer;
	margin-bottom: 10rem;
	margin-right: 15rem;
}

.hys-user-address-item:nth-child(4n) {
	margin-right: 0rem;
}

.hys-user-address-item * {
	cursor: pointer;
}

.hys-order-detail-center {
	display: flex;
	justify-content: space-between;
	width: 700rem;
}

.hys-order-detail-center .hys-price {
	font-weight: bold;
}

.hys-order-detail-center label {
	width: 200rem;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.hys-user-address-item span {
	display: flex;
	flex-direction: row;
	line-height: 24rem;
}

.hys-user-address-item span strong {
	font-size: 12rem;
	color: #656565;
	min-width: 45rem;
	text-align: justify;
	text-align-last: justify;
	margin-right: 8rem;
}

.hys-user-address-item span label {
	font-size: 12rem;
	color: #656565;
	width: 220rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.hys-user-address-item:hover {
	border: 1rem solid #6dc376;
}

.hys-buy-info-title {
	width: 1240rem;
	height: 38rem;
	background-color: #f5f8fa;
	line-height: 38rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 20rem;
}

.hys-buy-info-title .hys-product {
	justify-content: center;
	align-items: center;
	text-align: center;
}

.hys-buy-info-title label {
	width: 200rem;
}

.hys-buy-info .hys-product,
.hys-buy-info-title .hys-product {
	width: 500rem;
}

.hys-goadd-address {
	display: flex;
	flex-direction: row;
	height: 180rem;
	justify-content: center;
	align-items: center;
}

.hys-goadd-address a {
	color: #6dc376;
	font-size: 16rem;
	cursor: pointer;
}

.hys-address-active {
	border: 1rem solid #6dc376;
}

.hys-buy-remark {
	display: flex;
	width: 1240rem;
	margin-bottom: 15rem;
}

.hys-remark {
	border: 1rem solid #EFEFEF;
	width: 1220rem;
	height: 80rem;
	padding: 10rem;
	color: #888888;
	font-size: 13rem;
	line-height: 22rem;
}

.hys-remark::placeholder {
	font-size: 13rem;
	color: #BBBBBB;
}

/* 我的地址 */
.hys-my-address {
	display: flex;
	flex-direction: row;
	padding: 0 15rem;
	box-sizing: border-box;
}

.hys-my-address label {
	font-size: 13rem;
	color: #656565;
	line-height: 35rem;
}

.hys-my-address label:not(:last-child) {
	border-right: 1rem solid #DDDDDD;
}

.hys-from-user {
	width: 150rem;
}

.hys-address-area {
	width: 180rem;
}

.hys-address-detail {
	width: 250rem;
}

.hys-my-address .hys-state {
	width: 100rem;
}

.hys-address-item .hys-state:hover {
	color: #6dc376;
}

.hys-from-phone {
	width: 160rem;
}

.hys-handle {
	/* width: 200rem; */
}

.hys-address-item {
	display: flex;
	flex-direction: row;
	width: 970rem;
	border-bottom: 1rem solid #EFEFEF;
	margin-top: 10rem;
	min-height: 56rem;
	align-items: center;
}

.hys-address-item label {
	text-align: center;
	line-height: 23rem;
	display: flex;
	flex-direction: row;
	font-size: 12rem;
	color: #656565;
	justify-content: center;
}

.hys-handle span {
	cursor: pointer;
	padding: 0 10rem;
	font-size: 12rem;
}

.hys-handle span:hover {
	color: #6dc376;
}

/* 通用弹窗重置 */
.layui-layer .layui-layer-title {
	line-height: 38rem;
	height: 38rem;
	background-color: #EFEFEF;
	border: none;
	padding: 0 80rem 0 10rem;
	;
}

.layui-layer .layui-layer-setwin {
	top: 12rem;
	right: 10rem;
}

.layui-layer .layui-layer-btn {
	padding: 6rem 3rem;
	text-align: center;
	border-top: 1rem solid #F2F2F2;
}

.layui-layer .layui-layer-btn a {
	margin: 0 8rem;
}

.layui-layer-dialog {
	min-width: 220rem !important;
}

/* .layui-layer-dialog .layui-layer-content{ min-height: 40rem; padding: 15rem !important; } */
.layui-layer-msg {
	min-width: 60rem !important;
}

.layui-layer-msg .layui-layer-content {
	min-height: 20rem;
}

.layui-layer-shade {
	opacity: 0.45 !important;
}

.layui-layer-photos .layui-layer-imgbar {
	background-color: rgba(0, 0, 0, .35) !important;
}

/* 编辑框样式 */
.hys-edit-box {
	display: none;
	height: 100%;
}

.hys-edit-box .hys-form-edit {
	position: relative !important;
	overflow: hidden;
	height: 100%;
}

.hys-layer-form {
	padding: 8rem;
	height: calc(100% - 16rem);
	overflow-y: auto;
}

.hys-layer-form .layui-input-inline {
	margin-left: 8rem;
	margin-right: 5rem;
}

.hys-layer-form .layui-form-mid {
	margin-left: 8rem;
	margin-right: 0rem;
}

.hys-layer-form .layui-form-item {
	margin-bottom: 8rem;
}

.hys-layer-form .layui-form-item .layui-form-label {
	width: 86rem;
	height: 40rem;
	padding: 0rem 8rem;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}

.layui-layer-resize {
	z-index: 999;
}

/* 提交按钮 */
/* .hys-layer-btn{ position: absolute; background-color: #FFFFFF; bottom: 0rem; left: 0rem; height: 36rem; line-height: 36rem; margin: 0; border-top: 1rem solid #E8E8E8; width: 100%; text-align: center; z-index: 99; } */
.hys-layer-btn {
	position: relative;
	background-color: #FFFFFF;
	bottom: 40rem;
	left: 0rem;
	height: 40rem;
	line-height: 40rem;
	margin: 0;
	border-top: 1rem solid #E8E8E8;
	width: 100%;
	text-align: center;
	z-index: 99;
}

.hys-layer-btn .layui-btn {
	border-radius: 5rem;
	padding-left: 5rem;
}

.hys-layer-btn .layui-btn:hover {
	color: #FFFFFF !important;
}

.hys-layer-btn .layui-btn i {
	margin-right: 5rem;
}

.hys-layer-btn .layui-btn i:hover {
	color: #FFFFFF;
}

.layui-layer-btn .layui-layer-btn0:hover {
	color: #FFFFFF !important;
}

/* 表单必填 */
.layui-required:after {
	content: "*";
	color: red;
	position: absolute;
	top: 12rem;
	left: 10rem;
}

.hys-payment-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 100rem;
}

.hys-payment-info .iconfont {
	font-size: 38rem;
	color: #16b777;
}

.hys-payment-order {
	display: flex;
	flex-direction: column;
	margin-left: 20rem;
	line-height: 26rem;
}

.hys-payment-order label {
	font-size: 14rem;
	color: #656565;
}

.hys-payment-list {
	display: flex;
	flex-direction: row;
	min-height: 130rem;
	width: 1240rem;
	align-items: center;
	padding: 0 20rem;
}

.hys-payment-item {
	width: 250rem;
	height: 90rem;
	border: 1rem solid #EFEFEF;
	margin-right: 20rem;
	display: flex;
	align-items: center;
	border-radius: 10rem;
	padding: 0 10rem;
}

.hys-payment-item:hover {
	cursor: pointer;
}

.hys-payment-item input {
	width: 20rem;
	height: 20rem;
	margin-right: 10rem;
}

.hys-payment-item input:hover {
	cursor: pointer;
}

.hys-payment-type {
	width: 60%;
}

.hys-payment-recommend {
	width: 12%;
	margin-left: 20rem;
}

.hys-go-order a {
	border: 1rem solid #EFEFEF;
	color: #656565;
	font-size: 14rem;
	padding: 6rem 10rem;
	border-radius: 5rem;
}

.hys-order-detail-info {
	width: 1280rem;
	min-height: 180rem;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.hys-order-address {
	width: 450rem;
	height: 200rem;
	border: 1rem solid #EFEFEF;
	margin-bottom: 20rem;
}

.hys-order-info {
	width: 810rem;
	height: 200rem;
	margin-bottom: 20rem;
	border: 1rem solid #EFEFEF;
	margin-left: 18rem;
}

.hys-order-info-title {
	display: flex;
	height: 40rem;
	background-color: #f5f8fa;
	padding: 0 10rem;
	align-items: center;
}

.hys-order-info-title h6 {
	font-size: 14rem;
}

.hys-order-info-title i {
	font-size: 16rem;
	margin-right: 10rem;
}

.hys-order-info-item {
	display: flex;
	flex-direction: row;
	line-height: 30rem;
	padding: 0 15rem;
}

.hys-order-info-item span {
	font-size: 12rem;
	color: #656565;
	min-width: 45rem;
	text-align: justify;
	text-align-last: justify;
	margin-right: 8rem;
	width: 52rem;
}

.hys-order-info-item label {
	margin-left: 10rem;
	font-size: 12rem;
}