* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
a {
    color: #1d1d1d !important;
	color:inherit;
	text-decoration:none;
}
.vis_header {
	position:sticky;
	top:0;
	z-index:999;
	background:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgba(32,32,32,0.1);
}
.vis_bx {
	padding-left:2.5rem;
	padding-right:2.5rem;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.vis_logo img {
	width:12.5rem;
}
.vis_nav {
	display:flex;
}
.vis_nav .vis_btn {
	display:none;
}
.vis_link {
	padding:1rem 0px;
}
.vis_tit {
	padding:5px 0.625rem;
	margin:0px 5px;
	border-radius:0.5rem;
	line-height:1.2;
	font-size:0.875rem;
	background-color:rgb(245,245,245);
	transition:0.2s;
	display:flex;
	gap:0.625rem;
}
.vis_tit a {
	font-size:1rem;
	font-weight:600;
	transition:0.2s; /* 增加过渡效果使变色更平滑 */
}
/* 关键修改：当.vis_tit被hover时，内部的a标签变色 */
.vis_tit:hover a {
    color:rgb(255,255,255) !important;
}
/* 保持背景色变化效果，可合并到.vis_tit:hover中 */
.vis_tit:hover {
	background-color:rgb(51,140,86);
	color:rgb(255,255,255);
}
.vis_tit i {
	transition:0.2s; /* 增加过渡效果 */
}
/* 同样修改i标签的触发条件 */
.vis_tit:hover i {
	color:rgb(255,255,255);
}
.vis_sub {
	transition:opacity 0s;
}
.vis_sub:hover a:hover .vis_icon {
	opacity:1;
	color:#ffffff;
	background-color:#338c56;
	transition:opacity 0.15s ease-out;
}
.vis_sub:not(:hover) .vis_icon {
	opacity:0 !important;
	transition:opacity 0.1s ease-in;
}
.vis_sub a .vis_icon {
	opacity:0;
	transition:opacity 0.1s ease-in;
}
.vis_sub {
	background-color:rgb(255,255,255);
	padding:2.5rem;
	display:none;
	position:absolute;
	top:100%;
	left:0px;
	right:0px;
	z-index:4;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgba(32,32,32,0.1);
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:rgba(32,32,32,0.1);
}
.vis_menu_text {
	font-size:1rem;
	font-weight:600;
}
.vis_dropdown {
	flex-direction:column;
}
.vis_dropdown {
	max-width:88rem;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	gap:1.5rem;
}
.vis_dropdown {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:1.5rem;
}
.dropdown-container {
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.dropdown-content {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	background-color:rgb(245,245,245);
	border-radius:6px;
	z-index:100;
	display:none;
	white-space:nowrap;
	margin-top:0;
	padding:10px 0;
}
.dropdown-container:hover .dropdown-content {
	display:block;
	animation:fadeIn 0.2s ease-out;
}
.dropdown-content a {
	display:block;
	padding:8px 18px;
	color:#333;
	text-decoration:none;
	transition:background-color 0.2s ease;
}
.dropdown-content a:hover {
	background-color:#f0f7f2;
	color:#338c56;
}
@keyframes fadeIn {
	from {
	opacity:0;
	transform:translate(-50%,-5px);
}
to {
	opacity:1;
	transform:translate(-50%,0);
}
}.vis_item {
	flex:1 1 0%;
	max-width:22.5rem;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-flow:column;
	gap:1.25rem;
}
.vis_item .vis_d:hover {
	background-color:#338c56;
	color:#fff;
}
.vis_item.preview {
	flex:1 1 0%;
	max-width:100%;
	gap:1.25rem;
}
.vis_w100 {
	max-width:none;
}
.vis_title {
	font-size:1rem;
	font-weight:600;
}
.vis_title.slogan {
	grid-column:1 / -1;
	font-size:1rem;
}
.vis_list {
	display:flex;
	flex-flow:column;
	gap:0.65rem;
}
.vis_grid {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	gap:1.25rem;
}
.vis_sub a {
	background-color:rgb(245,245,245);
	color:rgb(32,32,32);
	border:1px solid rgba(32,32,32,0);
	border-radius:0.5rem;
	padding:0.625rem;
	text-decoration:none;
	transition:border-color 0.2s;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	gap:0.625rem;
}
.vis_con {
	display:flex;
	flex-flow:row;
	justify-content:space-between;
	gap:0.625rem;
}
.vis_a img {
	width:2.5rem;
	height:2.5rem;
	border:1px solid rgb(245,245,245);
	border-radius:0.5rem;
}
.vis_b {
	flex-flow:column;
}
.vis_b img {
	width:100%;
	border:1px solid rgb(245,245,245);
	border-radius:0.5rem;
}
.vis_c {
	flex-flow:column;
}
.vis_c img {
	width:100%;
	border:1px solid rgb(245,245,245);
	border-radius:0.5rem;
}
.vis_sub a.vis_d {
	background-color:rgb(245,245,245);
	color:rgb(32,32,32);
	text-align:center;
	border-radius:99vw;
	padding:0.625rem 1rem;
	font-size:0.875rem;
	line-height:1.2;
	text-decoration:none;
	transition:0.2s;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0.625rem;
}
.vis_d:hover {
	background-color:rgb(32,32,32);
	color:rgb(255,255,255);
}
.vis_text {
	display:flex;
	flex-flow:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:5px;
}
.vis_text span {
	font-weight:500;
	font-size:1rem;
	line-height:1.5rem;
}
.vis_text p {
	font-size:0.85rem;
	opacity:0.6;
}
.vis_box {
	width:100%;
	display:flex;
	flex-flow:row;
	gap:2rem;
}
.vis_box div {
	display:flex;
	flex-flow:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:0.25rem;
}
.vis_box span {
	font-size:0.875rem;
	font-weight:500;
}
.vis_box p {
	font-size:0.75rem;
	opacity:0.6;
}
.vis_icon {
	background-color:#338c56;
	opacity:0;
	color:rgb(255,255,255);
	border-radius:0.5rem;
	flex:0 0 auto;
	width:1.25rem;
	transition:opacity 0.2s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.vis_sub a:hover .vis_icon {
	opacity:1;
	color:#ffffff;
	background-color:#338c56;
}
.vis_btn {
	display:flex;
	gap:16px;
}
.vis_btn .vis_login {
	font-size:0.875rem;
	padding:0.625rem 1rem;
	border-radius:30rem;
	background-color:rgb(245,245,245);
	transition:0.2s;
	line-height:1.2;
	display:flex;
}
.vis_btn-book i {
	transition:transform 0.3s ease;
}
.vis_btn-book:hover i {
	transform:rotate(180deg);
}
.vis_btn .vis_login:hover {
	background-color:#338c56;
	color:rgb(255,255,255);
}
.vis_btn-book {
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 16px 10px;
	background-color:#338c56;
	text-decoration:none;
	border-radius:4px;
	transition:background-color 0.3s ease;
}
.vis_btn-book:hover {
	background-color:#338c56;
}
.vis_btn .vis_btn-book {
	font-size:0.875rem;
	padding:0.625rem 1.25rem;
	border-radius:30rem;
	background-color:rgb(245,245,245);
	line-height:1.2;
	transition:0.2s;
	display:flex;
	align-items:center;
	gap:0.625rem;
}
.vis_btn .vis_btn-book:hover {
	background-color:#338c56;
	color:#ffffff;
}
.vis_btn i {
	font-size:0.875rem;
}
.vis_mobile {
	display:none;
}
.vis_mobile i {
	background-color:rgb(245,245,245);
	cursor:pointer;
	border-radius:0.5rem;
	width:2.5rem;
	height:2.5rem;
	color:rgb(29,29,29);
	font-size:24px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.vis_mobile i.vis_on {
	display:none;
}
.vis_tit i.icon-xiangzuo1 {
	display:none;
}
@media screen and (max-width:767px) {
	.vis_bx {
	padding-left:1.25rem;
	padding-right:1.25rem;
}
.vis_header {
	padding-top:0.625rem;
	padding-bottom:0.625rem;
}
.vis_btn {
	display:none;
}
.vis_mobile {
	display:block;
}
.vis_nav .vis_btn {
	margin-top:auto;
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:stretch;
	gap:1rem;
}
.vis_btn .vis_login:hover {
	background-color:rgb(245,245,245);
	color:rgb(32,32,32);
}
.vis_btn .vis_btn-book,.vis_btn .vis_login {
	justify-content:center;
}
.vis_nav {
	gap:0.625rem;
	background-color:rgb(255,255,255);
	width:100vw;
	padding:0px 1.25rem 5rem;
	position:fixed;
	inset:60px 0px 0px;
	z-index:4;
	overflow:auto;
	flex-flow:column;
	justify-content:space-between;
	align-items:stretch;
	display:none;
}
.vis_nav.vis_on {
	display:flex;
	justify-content:flex-start;
}
.vis_link {
	padding:0px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgba(32,32,32,0.1);
}
.vis_tit {
	align-items:center;
	justify-content:space-between;
	font-size:1.5rem;
	line-height:1.4;
	font-weight:bold;
	margin:0px;
	padding:0.625rem 0rem;
	background-color:rgb(255,255,255);
	position:sticky;
	top:-1px;
	z-index:5;
}
.vis_tit i {
	width:35px;
	height:30px;
	background-color:rgb(245,245,245);
	color:rgb(29,29,29);
	border-radius:0.5rem;
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.vis_link:hover .vis_tit {
	background-color:rgb(255,255,255);
	color:rgb(32,32,32);
}
.vis_sub.vis_on {
	display:block !important;
}
.vis_sub {
	position:relative;
	top:0px;
	padding:0px;
	width:100%;
}
.vis_grid {
	grid-template-columns:1fr;
}
.vis_link:hover .vis_sub {
	display:none;
}
.vis_link.vis_on_sub {
	display:none;
}
.vis_link.vis_on {
	background-color:rgb(255,255,255);
	display:block;
}
.vis_link.vis_on .vis_tit {
	justify-content:flex-start;
}
.vis_nav .vis_btn.vis_on {
	display:none;
}
.vis_tit i.icon-xiangxia1 {
	transform:rotate(-90deg);
}
.vis_link.vis_on i.icon-xiangzuo1 {
	display:flex;
}
.vis_link.vis_on i.icon-xiangxia1 {
	display:none;
}
}/* Search */
.vis_search {
	width:100%;
	position:relative;
}
.vis_search input[name="keywords"] {
	width:100%;
	padding:12px 180px 12px 50px;
	border:1px solid #f5f5f5;
	border-radius:25rem;
	font-size:1rem;
	box-sizing:border-box;
	transition:all 0.3s ease;
	height:3rem;
}
.vis_search input[name="keywords"]:focus {
	outline:none;
	border-color:#f5f5f5;
	box-shadow:0 0 0 2px rgba(245,245,245,0.2);
}
.vis_search input[name="keywords"]::placeholder {
	color:#999;
}
.vis_search .btn {
	position:absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	width:3rem;
	height:3rem;
	border:none;
	border-radius:50%;
	background-color:#eeeeee;
	color:#338c56;
	cursor:pointer;
	transition:all 0.3s ease;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	box-shadow:none;
	overflow:hidden;
}
.vis_search .btn:hover {
	background-color:#338c56;
}
.vis_search .btn i.iconfont {
	font-size:1rem;
	display:block;
	line-height:1;
	text-shadow:none;
}
.vis_search-box {
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
.vis_search.mobile input[name="keywords"] {
	width:100%;
	padding:20px 200px 20px 10px;
	border:2px solid #f5f5f5;
	border-radius:25rem;
	font-size:0.8rem;
	box-sizing:border-box;
	transition:all 0.3s ease;
	height:3rem;
	font-weight:400;
}
.vis_search.mobile input[name="keywords"] {
	width:100%;
	padding:20px 230px 20px 10px;
	border:2px solid #f5f5f5;
	border-radius:25rem;
	box-sizing:border-box;
	transition:all 0.3s ease;
	height:3rem;
	font-weight:400;
}
/* Language */
.vis_language.mobile .vis_btn-book {
	display:-webkit-inline-flex;
	display:inline-block;
	margin:0 auto;
	padding:10px;
	margin-right:10px;
}
.vis_btn-book.select {
	color:#338c56;
}
.vis_language.mobile .vis_btn-book.select {
	background-color:#338c56;
	color:#ffffff;
}
/* Compatibility */
@media (min-width:768px) {
	header.vis_header .vis_sub {
	display:none;
	opacity:0;
	pointer-events:none;
	transform:translateY(6px);
	transition:opacity 180ms ease,transform 180ms ease;
}
header.vis_header .vis_sub.vis_on,header.vis_header .vis_link.vis_on > .vis_sub {
	display:block;
	opacity:1;
	pointer-events:auto;
	transform:translateY(0);
}
}@media (max-width:767px) {
	header.vis_header .vis_sub {
	display:none;
}
header.vis_header .vis_sub.vis_on {
	display:block !important;
	opacity:1;
	pointer-events:auto;
}
}@media (min-width:768px) {
	.vis_link:hover > .vis_sub {
	display:block !important;
	opacity:1 !important;
	pointer-events:auto;
	transform:translateY(0) !important;
}
}/* tag */
.vis_header_tag {
	display:flex;
	gap:0.25rem;
	justify-content:flex-start;
}
.vis_header_tag span {
	display:inline-block;
	padding:5px 5px;
	color:#338c56;
	background:#fafafa;
	border-radius:0.5rem;
	line-height:1;
	white-space:nowrap;
	font-weight:400;
	text-align:left;
	font-size:0.75rem;
}
/* Span switch */
.vis_a.text-switch {
	text-decoration:none;
	display:inline-flex;
	/* align-items:center;
	*/
}
.vis_a.text-switch .vis_text span:nth-child(2) {
	display:none;
}
.vis_a.text-switch:hover .vis_text span:nth-child(1) {
	display:none;
}
.vis_a.text-switch:hover .vis_text span:nth-child(2) {
	display:inline;
	color:#a6a6a6;
}
.vis_b.text-switch {
	text-decoration:none;
	display:inline-flex;
}
.vis_b.text-switch .vis_text span:nth-child(2) {
	display:none;
}
.vis_b.text-switch:hover .vis_text span:nth-child(1) {
	display:none;
}
.vis_b.text-switch:hover .vis_text span:nth-child(2) {
	display:inline;
	color:#a6a6a6;
}
/* color Tag */
.green span {
	color:#338c56;
}
.blue span {
	color:#0b63c1;
}
.yellow span {
	color:#fd7f08;
}
/*rows*/
.one_rows,
.two_rows,
.three_rows {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: normal;
    white-space: normal;
}
.one_rows { -webkit-line-clamp: 1; }
.two_rows { -webkit-line-clamp: 2; }
.three_rows { -webkit-line-clamp: 3; }
