/*!
 * Theme Name: tibet2
 * Version: 2.0.21
 */
:root {
	--container-width: 1420px;
	--content-width: calc(100% - 370px);
	--sidebar-width: 370px;
	--global-radius: 6px;
	--global-radius-lg: 12px;
	--global-radius-sm: 4px;
	--space-sm: 20px;
	--space: 40px;
	--space-lg: 120px;
	--body-bg: #fff;
	--body-size: 14px;
	--body-line-height: 1.6;
	--body-family: Poppins, -apple-system, Open Sans, Arial, PingFang SC, PingFang TC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif;
	--code-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--color-brand: #1596ed;
	--color-brand-light: #0083dd;
	--color-brand-dark: #0072bf;
	--color-brand-tiny: #fff2f3;
	--color-base: #21252b;
	--color-base-dark: #191c20;
	--color-error: #ff3b30;
	--color-tiny: #f9f9f9;
	--color-gray: #999;
	--color-white: #fff;
	--color-line: #e9e9eb;
	--nav-size: 17px;
	--nav-color: #fff;
	--nav-weight: 600
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

* {
	box-sizing: border-box
}

*:before,
*:after {
	box-sizing: border-box
}

html {
	font-size: 12px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

figure {
	margin: 0
}

img {
	vertical-align: middle
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

[role=button] {
	cursor: pointer
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 0
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold
}

input[type=search] {
	box-sizing: border-box
}

input[type=radio],
input[type=checkbox] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal
}

input[type=file] {
	display: block
}

input[type=range] {
	display: block;
	width: 100%
}

select[multiple],
select[size] {
	height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555
}

input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

@font-face {
	font-family: "iconfont";
	src: url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype")
}

.fa {
	font-family: "iconfont" !important;
	font-style: normal
}

.right:before{
	font-family: "iconfont" !important;
	content: "\e7ba";
	margin: 0 5px;
	color: var(--color-gray);
	font-weight: bold;
	font-size: 13px;
	transform: scale(0.8);
	display: inline-block;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins-regular.woff2") format("woff2"), url("../fonts/poppins-regular.woff") format("woff")
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none
}

dl,
dt,
dd {
	margin: 0;
	padding: 0
}

video,
embed,
iframe {
	max-width: 100%
}

img {
	max-width: 100%
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.text-hide {
	font: 0/0 a;
	color: rgba(0, 0, 0, 0);
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	border: 0
}

.hidden {
	display: none !important
}

.affix {
	position: fixed !important
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

a,
input,
.thumb {
	transition: all .3s ease-in-out
}

a {
	color: var(--color-base);
	text-decoration: none
}

a:hover,
a:focus {
	text-decoration: none
}

a:hover {
	color: var(--color-brand)
}

a:focus {
	outline: 0;
	color: var(--color-brand)
}

body {
	position: relative;
	font-family: var(--body-family);
	font-size: var(--body-size);
	line-height: var(--body-line-height);
	color: var(--color-base);
	overflow-x: hidden;
	padding-top: 142px;
	background-color: var(--body-bg)
}

@media(max-width: 1024px) {
	body {
		padding-top: 50px;
		padding-bottom: 58px
	}
}

.container {
	max-width: var(--container-width);
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding-left: var(--space);
	padding-right: var(--space)
}

@media(max-width: 1024px) {
	.container {
		padding-left: 20px;
		padding-right: 20px
	}
}

.content-sidebar {
	display: flex;
	gap: 30px;
	margin-bottom: 50px
}

.content-sidebar .content {
	flex: 1;
	min-width: 0
}

.content-sidebar .sidebar {
	width: var(--sidebar-width);
	flex-shrink: 0
}

@media(max-width: 768px) {
	.content-sidebar {
		flex-direction: column;
		gap: 15px;
		margin-bottom: 30px
	}

	.content-sidebar .sidebar {
		width: 100%
	}
}

.content {
	position: relative
}

.sidebar {
	position: relative
}

@media(max-width:) {
	.content-wrap {
		float: none
	}

	.content {
		margin-left: 0;
		margin-right: 0
	}

	.sidebar {
		float: none;
		width: auto;
		margin-left: 0
	}

	.home-content-right .content {
		margin-right: 0;
		margin-left: 0
	}

	.home-content-right .sidebar {
		margin-left: 0
	}
}

.breadcrumbs {
	margin-top: 18px;
	margin-bottom: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.breadcrumbs small {
	font-weight: bold;
	font-size: 13px;
	transform: scale(0.8);
	display: inline-block;
	margin: 0 5px;
	color: var(--color-gray)
}

@media(max-width: 640px) {
	.breadcrumbs {
		margin-top: 15px;
		margin-bottom: 15px
	}
}

.banner {
	display: flex;
	height: 350px
}

.banner img {
	flex: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width: 640px) {
	.banner {
		height: 200px
	}
}

.mo-title {
	margin-bottom: 60px
}

.mo-title h1 {
	margin: 0;
	font-size: 32px;
	text-align: center;
	font-weight: bold
}

.mo-title p {
	margin-top: 15px;
	text-align: center
}

.mo-title+.mk-white {
	padding-top: 0
}

@media(max-width: 640px) {
	.mo-title {
		margin-bottom: 30px
	}

	.mo-title h1 {
		font-size: 24px
	}

	.mo-title p {
		margin: 10px 0 0;
		font-size: 14px;
		line-height: 1.65;
		text-align: left
	}
}

.mo-subtitle {
	margin-bottom: 40px
}

.mo-subtitle h2 {
	margin: 0;
	font-size: 28px;
	text-align: center;
	font-weight: bold
}

.mo-subtitle p {
	margin: 0;
	text-align: center
}

.mo-subtitle+.mo-tab {
	margin-top: -10px
}

.mo-subtitle.-mini {
	margin-bottom: 30px
}

.mo-subtitle.-mini h2 {
	font-size: 22px
}

.mo-subtitle.-mini p {
	font-size: 14px
}

@media(max-width: 640px) {
	.mo-subtitle {
		margin-bottom: 20px
	}

	.mo-subtitle h2 {
		font-size: 22px
	}

	.mo-subtitle p {
		font-size: 14px;
		text-align: left
	}

	.mo-subtitle+.mo-tab {
		margin-top: -5px
	}
}

.leader {
	margin-bottom: 30px;
	border-bottom: 1px solid var(--color-line)
}

.leader h3 {
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	border-bottom: 3px solid var(--color-brand);
	padding-bottom: 5px;
	margin-bottom: -2px
}

article+.leader {
	margin-top: 60px
}

.mk-white {
	position: relative;
	background-color: #fff;
	padding: 80px 0
}

.mk-white+.mk-white {
	padding-top: 0
}

@media(max-width: 640px) {
	.mk-white {
		padding: 40px 0
	}
}

.mk-tiny {
	position: relative;
	background-color: var(--color-tiny);
	padding: 80px 0
}

.mk-tiny+.mk-tiny {
	padding-top: 0
}

.mk-tiny+.content-sidebar {
	padding-top: 40px
}

@media(max-width: 640px) {
	.mk-tiny {
		padding: 40px 0
	}
}

.mk-brand {
	background-color: var(--color-brand);
	padding: 80px 0
}

.mk-brand+.mk-brand {
	padding-top: 0
}

@media(max-width: 640px) {
	.mk-brand {
		padding: 40px 0
	}
}

.mk-base {
	background-color: var(--color-base);
	padding: 80px 0
}

.mk-base+.mk-base {
	padding-top: 0
}

@media(max-width: 640px) {
	.mk-base {
		padding: 40px 0
	}
}

.mk-tiny-col2>* {
	padding: 30px;
	background-color: var(--color-tiny);
	border-radius: var(--global-radius-lg)
}

.mk-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.mk-bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.mk-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .2)
}

.mo-button {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 15px
}

.mo-button .btn {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media(max-width: 640px) {
	.mo-button {
		margin-top: 20px;
		gap: 10px
	}
}

.mo-tab {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	font-size: 22px;
	line-height: 1
}

.mo-tab li {
	position: relative;
	cursor: pointer;
	border-right: 1px solid #ddd;
	padding: 0 20px
}

.mo-tab li:last-child {
	border-right: none
}

.mo-tab li.active {
	color: var(--color-brand)
}

.mo-tab li.active::before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid var(--color-brand)
}

.mo-tab li.active::after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 20px;
	right: 20px;
	height: 3px;
	background-color: var(--color-brand);
	border-radius: 10px
}

@media(max-width: 768px) {
	.mo-tab {
		font-size: 15px;
		margin-bottom: 20px;
		margin-left: -10px;
		margin-right: -10px
	}

	.mo-tab li {
		padding: 0 10px
	}
}

.mo-tab-content {
	display: none
}

.mo-tab-content.active {
	display: block
}

.qrcode-side {
	display: flex;
	margin-top: 20px;
	border-radius: var(--global-radius-lg);
	background-color: var(--color-white);
	border: 1px solid var(--color-line);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
	padding: 20px;
	gap: 20px;
	justify-content: center;
	align-items: center
}

.qrcode-side img {
	max-width: 100px;
	background-color: var(--color-white);
	border-radius: var(--global-radius)
}

.qrcode-side p {
	margin: 0;
	font-size: 18px;
	font-weight: bold
}

.modal {
	opacity: 0;
	pointer-events: none;
	transition: all .3s ease-in-out;
	will-change: opacity;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .68)
}

.modal.on {
	opacity: 1;
	pointer-events: auto
}

.modal.on main {
	opacity: 1;
	transform: scale(1)
}

.modal main {
	opacity: 0;
	transform: scale(0);
	width: 90%;
	max-width: 760px;
	background-color: var(--color-white);
	border-radius: var(--global-radius-lg);
	padding: 50px;
	transition: all .3s ease-in-out;
	will-change: transform, opacity
}

.modal main header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px
}

.modal main header h3 {
	margin: 0;
	font-size: 22px
}

.modal main header h3 b {
	color: var(--color-brand)
}

.modal .-close {
	font-size: 12px;
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--color-base);
	font-weight: bold
}

.modal .-close:hover {
	color: var(--color-brand)
}

@media(max-width: 640px) {
	.modal main {
		width: 91%;
		padding: 35px 30px
	}

	.modal main header {
		margin-bottom: 20px
	}

	.modal main header h3 {
		font-size: 18px
	}
}

.ipt {
	display: block;
	width: 100%;
	font-size: 15px;
	color: var(--color-base);
	background-color: var(--color-white);
	padding: 7px 12px;
	border-radius: var(--global-radius-sm);
	min-height: 36px;
	border: 1px solid #d6d6d6;
	outline: none
}

.ipt:hover {
	border-color: #bbb
}

.ipt:focus {
	border-color: var(--color-gray);
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .08)
}

textarea.ipt {
	padding: 9px 12px
}

.btn {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid rgba(0, 0, 0, 0);
	padding: 12px 36px;
	font-size: 15px;
	border-radius: 100px;
	transition: all .2s ease-in-out
}

.btn.focus {
	text-decoration: none
}

.btn:active,
.btn.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn:disabled {
	cursor: default;
	opacity: .65;
	box-shadow: none
}

@media(max-width: 640px) {
	.btn {
		padding: 10px 25px;
		font-size: 14px
	}
}

.btn-default {
	color: #fff
}

.btn-default:hover {
	color: #fff
}

.btn-default:focus,
.btn-default:active,
.btn-default.active {
	color: #fff
}

.btn-brand {
	color: #fff;
	background-color: var(--color-brand)
}

.btn-brand:hover {
	color: #fff;
	opacity: .9
}

.btn-brand:focus,
.btn-brand:active,
.btn-brand.active {
	color: #fff
}

.btn-brand-outline {
	color: var(--color-brand);
	border-color: var(--color-brand);
	background: none
}

.btn-brand-outline:hover {
	color: #fff;
	background-color: var(--color-brand)
}

.btn-white {
	color: var(--color-base);
	background-color: var(--color-white)
}

.btn-white:hover {
	color: var(--color-base);
	opacity: .9
}

.btn-white:focus,
.btn-white:active,
.btn-white.active {
	color: var(--color-base)
}

.btn-white-outline {
	color: var(--color-white);
	border-color: var(--color-white);
	background: none
}

.btn-white-outline:hover {
	color: var(--color-base);
	background-color: var(--color-white)
}

.btn-default-outline {
	background: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none
}

.btn-sm {
	padding: 7px 20px 8px;
	font-size: 14px;
	border-radius: var(--global-radius-sm)
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 5px
}

.image-container {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fff;
	border-bottom: 2px solid #dfe1e2;
	border-radius: 3px
}

.image-header {
	margin-bottom: 30px
}

.image-title {
	margin: 0 0 10px
}

.image-meta {
	color: var(--color-gray)
}

.image-content img {
	height: auto
}

.image-navigation {
	margin-top: 30px;
	margin-bottom: 30px
}

.image-navigation a {
	padding: 7px 15px;
	display: inline-block;
	border-radius: 2px;
	background-color: var(--color-brand);
	opacity: 1;
	color: #fff
}

.image-navigation a:hover {
	opacity: .8
}

.image-caption,
.image-description {
	margin: 0 auto 30px;
	max-width: 600px
}

@media(max-width:) {
	.image-title {
		font-size: 18px
	}
}

.error404 {
	background-color: #fff
}

.f404 {
	padding: 100px 15px;
	text-align: center
}

.f404 h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 30px 0
}

@media(max-width: 1024px) {
	.f404 {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.f404 h3 {
		font-size: 15px
	}
}

@media(max-width: 640px) {
	.f404 {
		padding-top: 80px;
		padding-bottom: 60px
	}

	.f404 a {
		font-size: 12px;
		padding: 7px 15px
	}
}

.sidebar .affix {
	position: fixed;
	top: 165px;
	width: var(--sidebar-width)
}

@media(max-width:) {

	.sidebar .affix,
	.sidebar .affix-bottom {
		position: relative !important;
		top: 0 !important;
		width: auto
	}
}

.widget {
	position: relative;
	background-color: #fff;
	padding: 20px;
	border-radius: var(--global-radius-lg);
	box-shadow: 0 0 10px rgba(0, 0, 0, .01);
	border: 1px solid var(--color-line);
	margin-bottom: 20px
}

.widget:last-child {
	margin-bottom: 0
}

.widget header {
	border-bottom: 1px solid var(--color-line);
	margin-bottom: 15px;
	margin-top: -5px
}

.widget header h3 {
	padding-bottom: 7px;
	margin-bottom: -2px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 3px solid var(--color-brand)
}

.widget ul+a {
	margin-top: 15px
}

@media(max-width: 640px) {
	.widget header h3 {
		font-size: 16px;
		padding-bottom: 5px
	}
}

.widget-postlist li a {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 8px 0;
	border-bottom: 1px solid var(--color-line)
}

.widget-postlist li a:last-child {
	border-bottom: none
}

.widget-postlist li a .thumbnail {
	position: relative;
	border-radius: var(--global-radius);
	min-width: 100px;
	overflow: hidden
}

.widget-postlist li a .thumbnail::before {
	content: "";
	display: block;
	padding-top: 68%
}

.widget-postlist li a .thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.widget-postlist li a .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.post-toc {
	display: none;
	float: right;
	width: 320px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-radius: var(--global-radius);
	border: 1px solid var(--color-line);
	background-color: var(--color-tiny);
	padding-left: 10px;
	line-height: 1.5
}

.post-toc .post-toc-title {
	font-size: 15px;
	font-weight: bold;
	padding: 10px
}

.post-toc ul {
	position: relative;
	overflow-y: auto;
	max-height: 240px;
	padding-left: 5px !important;
	padding-right: 15px !important;
	margin: 0 !important;
	font-size: 14px
}

.post-toc ul li {
	position: relative;
	padding: 4px 0 4px 20px !important;
	margin: 0 !important;
	border-left: 1px dashed var(--color-line)
}

.post-toc ul li.-h3 {
	padding-left: 50px !important
}

.post-toc ul li::before {
	transition: all .5s ease-in-out;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid var(--color-brand)
}

.post-toc ul li.active {
	font-weight: bold
}

.post-toc ul li.active::before {
	opacity: 1
}

.post-toc ul li a {
	color: var(--color-base)
}

@media(max-width: 768px) {
	.post-toc {
		display: none !important
	}

	.toc-active .post-toc {
		display: block !important;
		position: fixed;
		top: 50px;
		bottom: 58px;
		left: 0;
		width: 100%;
		max-width: 100%;
		margin: 0;
		border-radius: 0;
		border: none;
		z-index: 9;
		padding: 10px 20px;
		background-color: #fff;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}

	.toc-active .post-toc .post-toc-title {
		padding: 10px 0
	}

	.toc-active .post-toc ul {
		max-height: -moz-fit-content;
		max-height: fit-content;
		font-size: 18px;
		padding-left: 8px !important
	}

	.toc-active .post-toc ul li {
		padding: 4px 0 4px 20px !important
	}

	.toc-active .post-toc ul li.-h3 {
		padding-left: 56px !important
	}

	.toc-active .post-toc ul li::before {
		width: 15px;
		height: 15px;
		left: -8px
	}
}

.toc-active {
	overflow: hidden
}

.mk-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}

.mk-cards .item a {
	border-radius: var(--global-radius-lg);
	position: relative;
	overflow: hidden;
	display: block
}

.mk-cards .item a:hover .thumbnail::after {
	background-color: rgba(0, 0, 0, .05)
}

.mk-cards .item .thumbnail {
	position: relative;
	padding-top: 68%
}

.mk-cards .item .thumbnail::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .1);
	transition: all .3s ease
}

.mk-cards .item .thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .3s ease
}

.mk-cards .item .info {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	color: #fff;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.mk-cards .item .info h2 {
	font-size: 24px;
	font-weight: bold;
	position: relative
}

.mk-cards .item .info p {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 2
}

@media(max-width: 768px) {
	.mk-cards {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width: 640px) {
	.mk-cards {
		grid-template-columns: repeat(1, 1fr)
	}

	.mk-cards .item .info h2 {
		font-size: 20px
	}
}

.gl-lists {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: var(--space-lg)
}

.gl-lists .item a {
	border-radius: var(--global-radius-lg);
	position: relative;
	overflow: hidden;
	display: block
}

.gl-lists .item a::before {
	content: "";
	display: block;
	padding-top: 68%
}

.gl-lists .item a:hover img {
	opacity: .88
}

.gl-lists .item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .3s ease
}

.gl-lists .item h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.gw-lists {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

.gw-lists .item {
	text-align: center;
	flex: 1
}

.gw-lists .item .pic {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid var(--color-line);
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	max-width: 140px
}

.gw-lists .item .pic::before {
	content: "";
	display: block;
	padding-top: 100%
}

.gw-lists .item .pic:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 3px solid #fff
}

.gw-lists .item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover
}

.gw-lists .item p {
	margin: 10px 0 0
}

@media(max-width: 768px) {
	.gw-lists {
		flex-wrap: wrap
	}

	.gw-lists .item {
		flex: 1 1 calc(25% - 30px)
	}
}

@media(max-width: 640px) {
	.gw-lists {
		gap: 20px
	}

	.gw-lists .item {
		flex: 1 1 calc(25% - 20px)
	}
}


.pagination {
	margin-bottom: 30px;
	text-align: center;
	font-size: 14px
}

.pagination a{
	margin: 0;
	padding: 0;
	list-style-type: none
}
a
.pagination a {
	display: inline-block;
	margin: 0 3px
}

@media(max-width: 640px) {
	.pagination  {
		display: none
	}

	.pagination .prev-page,
	.pagination .next-page {
		display: inline-block
	}
}

.pagination  a,
.pagination  {
	display: flex;
	    padding: 6px 14px;
	    border-radius: 2px;
	    flex-wrap: nowrap;
	    justify-content: center;
	    align-items: center;
	    align-content: center;

}

.pagination  a {
	text-decoration: none;
	background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
	color: #666
}

.pagination a {
	cursor: default;
	color: #aaa
}

.pagination  a:hover,
.pagination  a:focus {
	border-color: var(--color-brand);
	color: var(--color-brand);
	background-color: #fff
}

.pagination .active span {
	color: #fff;
	border: 1px solid var(--color-brand);
	background-color: var(--color-brand)
}
.pagination .page-num-current{
	color: #fff;
	border: 1px solid var(--color-brand);
	background-color: var(--color-brand)
}
.pagination  a{
	margin: 0 3px;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: #fff
}

.header>.container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
	gap: 20px
}

@media(max-width: 1024px) {
	.header {
		height: 50px;
		background-color: var(--color-brand)
	}

	.header>.container {
		padding: 0 20px;
		gap: 5px
	}
}

.logo {
	overflow: hidden;
	margin: 0;
	height: 56px
}

.logo span {
	display: none
}

.logo a {
	display: block
}

.logo img {
	display: block;
	margin-bottom: 100px;
	max-height: 56px
}

@media(max-width: 1024px) {
	.logo {
		flex: 2.6;
		order: 2;
		height: 50px
	}

	.logo span {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		color: #fff;
		font-size: 17px;
		font-weight: bold
	}

	.lang-en .logo span {
		font-size: 16px
	}

	.logo img {
		display: none
	}
}

.search-box {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.search-box form {
	position: relative;
	display: flex;
	width: 310px;
	align-items: center;
	font-size: 14px
}

.search-box i {
	position: absolute;
	top: 50%;
	left: 12px;
	margin-top: -10px;
	font-size: 14px;
	z-index: 2;
	color: var(--color-brand)
}

.search-box input {
	border: 1px solid var(--color-line);
	border-right: none;
	border-radius: 50px 0 0 50px;
	min-height: 36px;
	padding: 0 10px 0 35px;
	font-size: 13px
}

.search-box input:focus {
	border-color: var(--color-brand);
	outline: none;
	box-shadow: none
}

.search-box button {
	border: none;
	background-color: var(--color-brand);
	background-image: linear-gradient(to right, var(--color-brand), var(--color-brand-light));
	color: #fff;
	height: 36px;
	border-radius: 0 50px 50px 0;
	padding: 0 20px 0 18px;
	white-space: nowrap
}

.search-box button:hover {
	background-color: var(--color-brand-dark)
}

@media(max-width: 1024px) {
	.search-box {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255, 255, 255, .9);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		padding: 30px 20px;
		gap: 15px
	}

	.search-box form {
		width: 100%
	}

	.search-box input {
		height: 42px
	}

	.search-box button {
		height: 42px
	}

	.search-box i {
		font-weight: bold;
		margin-top: -11px
	}
}

.search-hot {
	margin-left: 12px;
	font-size: 12px;
	color: var(--color-gray);
	line-height: 1
}

.search-hot ul {
	display: inline
}

.search-hot ul li {
	display: inline-block;
	margin-right: 8px
}

@media(max-width: 1024px) {
	.search-hot {
		font-size: 14px
	}

	.search-hot ul {
		margin-top: 20px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		font-size: 17px
	}
}

.site-tel {
	font-size: 17px;
	font-weight: bold;
	color: var(--color-brand)
}

.site-tel .fa {
	margin-right: 10px;
	font-size: 22px;
	float: left;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
	overflow: hidden;
	background-color: var(--color-brand);
	color: #fff;
	border-radius: 50%
}

.site-tel small {
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-top: -6px;
	color: var(--color-gray)
}

@media(max-width: 1024px) {
	.site-tel {
		display: none
	}
}

.site-contact a {
	display: inline-block;
	padding: 7px 20px;
	font-size: 15px;
	font-weight: bold;
	color: var(--color-brand);
	border: 1px solid var(--color-brand);
	border-radius: var(--global-radius)
}

.site-contact a i {
	font-weight: normal;
	margin-right: 6px
}

.site-contact a:hover {
	background-color: var(--color-brand-tiny)
}

@media(max-width: 1024px) {
	.site-contact {
		flex: 1;
		order: 1
	}

	.site-contact a {
		border: none;
		font-size: 0;
		padding: 0 10px;
		color: #fff;
		margin-left: -10px
	}

	.site-contact a:hover {
		background-color: rgba(0, 0, 0, 0)
	}

	.site-contact a i {
		font-size: 20px;
		margin: 0
	}
}

.site-sns {
	position: relative;
	z-index: 9
}

.site-sns ul {
	display: flex;
	gap: 30px;
	text-align: center;
	font-size: 12px
}

.site-sns ul li {
	position: relative;
	color: var(--color-gray);
	transition: all .3s
}

.site-sns ul li .fa {
	display: block;
	font-size: 22px;
	height: 22px;
	line-height: 1;
	margin-bottom: 3px;
	color: var(--color-brand)
}

.site-sns ul li span {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 130px;
	padding-top: 10px
}

.site-sns ul li font {
	color: #fff; 
	font-size: 14px; 
	background-color: #000000b5; 
	padding: 0 10px; 
	border-radius: 10px;
}

.site-sns ul li span img {
	padding: 5px;
	border-radius: var(--global-radius);
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.site-sns ul li span::after {
	position: absolute;
	top: -5px;
	left: 50%;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
	transform: translateX(-50%)
}

.site-sns ul li span::before {
	position: absolute;
	top: -5px;
	left: 50%;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid rgba(0, 0, 0, 0);
	border-bottom-color: #ddd;
	transform: translateX(-50%)
}

.site-sns ul li:nth-child(n+2) {
	position: relative
}

.site-sns ul li:nth-child(n+2):after {
	position: absolute;
	top: 50%;
	left: -15px;
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	margin-top: -15px;
	background-color: var(--color-line)
}

.site-sns ul li:hover {
	cursor: pointer;
	color: var(--color-brand)
}

.site-sns ul li:hover span {
	display: block
}

@media(max-width: 1200px) {
	.site-sns {
		display: none
	}
}

.site-nav-wrap {
	background-color: var(--color-brand)
}

.site-nav {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.site-nav>li {
	position: relative
}

.site-nav>li:hover .sub-menu {
	display: block
}

.site-nav>li>a {
	transition: all .3s ease-in-out;
	display: inline-flex;
	align-items: center;
	font-size: var(--nav-size);
	font-weight: var(--nav-weight);
	color: var(--nav-color);
	height: 56px;
	position: relative
}

.site-nav>li>a:hover,
.site-nav>li>a:active {
	color: var(--nav-color);
	border-bottom-color: var(--nav-color)
}

.lang-en .site-nav>li>a {
	font-size: 16px
}

.site-nav>li .sub-menu-arrow {
	position: relative;
	display: inline-block;
	margin-left: 3px;
	top: -4px;
	transition: all .3s
}

.site-nav>li .sub-menu-arrow::after {
	position: relative;
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid var(--nav-color);
	border-bottom: 2px solid var(--nav-color);
	transform: rotate(45deg);
	transition: all .3s
}

.site-nav>li.menu-item-has-children:hover::after {
	display: none
}

.site-nav>li.menu-item-has-children>a::before {
	display: none;
	position: absolute;
	bottom: -1px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
	transform: translateX(-50%)
}

.site-nav>li.menu-item-has-children:hover a::before {
	display: block
}

.site-nav>li.menu-item-has-children:hover .sub-menu-arrow {
	top: 0
}

.site-nav>li.menu-item-has-children:hover .sub-menu-arrow::after {
	transform: rotate(-135deg)
}

.site-nav>li.current-menu-item>a,
.site-nav>li.current-menu-parent>a,
.site-nav>li.current-category-ancestor>a {
	color: var(--nav-color)
}

.site-nav>li.current-menu-item::after,
.site-nav>li.current-menu-parent::after,
.site-nav>li.current-category-ancestor::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
	display: block;
	height: 4px;
	width: 22px;
	margin-left: -11px;
	border-radius: 50px;
	background-color: var(--nav-color)
}

.site-nav>li.current-menu-item.menu-item-has-children::after,
.site-nav>li.current-menu-parent.menu-item-has-children::after,
.site-nav>li.current-category-ancestor.menu-item-has-children::after {
	margin-left: -18px
}

.site-nav .sub-menu {
	display: none;
	z-index: 99;
	position: absolute;
	top: 100%;
	left: 50%;
	right: 0;
	width: 180px;
	margin-left: -90px;
	background-color: #fff;
	border-radius: var(--global-radius);
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	padding: 15px 0;
	font-size: 15px;
	overflow: hidden
}

.site-nav .sub-menu>li {
	text-align: center
}

.site-nav .sub-menu>li>a {
	display: block;
	padding: 8px 0
}

.site-nav .sub-menu>li>a:hover {
	background-color: var(--color-tiny)
}

.site-nav .sub-menu .sub-menu {
	display: none
}

.site-nav .sub-type-tour .sub-menu {
	width: 600px;
	margin-left: 0;
	left: -25px
}

.site-nav .sub-type-tour .sub-menu>li {
	text-align: left
}

.site-nav .sub-type-tour .sub-menu>li>a {
	padding: 8px 25px
}

.site-nav .sub-type-tour .sub-menu>li>a dfn {
	float: right;
	margin-left: 20px;
	color: var(--color-brand)
}

.site-nav .sub-type-col2 .sub-menu {
	width: 300px;
	margin-left: 0;
	left: -25px;
	padding: 15px
}

.site-nav .sub-type-col2 .sub-menu>li {
	float: left;
	width: 50%
}

.site-nav .sub-type-col2 .sub-menu>li>a {
	border-radius: var(--global-radius)
}

@media(max-width: 1200px) {
	.site-nav>li>a {
		font-size: 14px
	}
}

@media(max-width: 1024px) {
	.site-nav {
		opacity: 0;
		visibility: hidden;
		display: block;
		transition: all .3s;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		bottom: 58px;
		background-color: rgba(0, 0, 0, .8);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		margin: 0;
		padding: 0
	}

	.site-nav>li {
		margin: 0;
		float: none;
		border-bottom: 1px solid rgba(255, 255, 255, .04)
	}

	.site-nav>li:hover .sub-menu {
		display: block
	}

	.site-nav>li.active .sub-menu-arrow {
		top: 2px !important
	}

	.site-nav>li.active .sub-menu-arrow::after {
		transform: rotate(-135deg) !important
	}

	.site-nav>li.active .sub-menu {
		max-height: 700px
	}

	.site-nav>li>a {
		font-size: 15px;
		display: flex;
		padding: 12px 20px;
		height: auto
	}

	.site-nav>li .sub-menu-arrow {
		z-index: 1;
		position: absolute;
		right: 0;
		top: 0;
		height: 45px;
		padding: 0 20px;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.site-nav>li.menu-item-has-children:hover a::before {
		display: none
	}

	.site-nav>li.menu-item-has-children:hover .sub-menu-arrow {
		top: 0
	}

	.site-nav>li.menu-item-has-children:hover .sub-menu-arrow::after {
		transform: rotate(45deg)
	}

	.site-nav>li.current-menu-item>a,
	.site-nav>li.current-menu-parent>a,
	.site-nav>li.current-category-ancestor>a {
		color: var(--color-brand)
	}

	.site-nav>li.current-menu-item::after,
	.site-nav>li.current-menu-parent::after,
	.site-nav>li.current-category-ancestor::after {
		display: none
	}

	.site-nav .sub-menu {
		display: block;
		position: relative;
		background-color: rgba(0, 0, 0, 0);
		padding: 0 !important;
		font-size: 14px;
		width: 100% !important;
		left: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		margin-left: 0 !important;
		overflow: hidden;
		max-height: 0;
		transition: max-height .5s ease-in-out
	}

	.site-nav .sub-menu>li {
		float: none !important;
		width: 100% !important;
		text-align: left !important
	}

	.site-nav .sub-menu>li>a {
		border-top: 1px solid rgba(255, 255, 255, .04);
		padding: 13px 50px !important;
		color: var(--nav-color);
		border-radius: 0 !important
	}

	.site-nav .sub-menu>li>a:hover {
		background-color: rgba(0, 0, 0, 0)
	}
}

.site-nav-start-wrap {
	flex: 1;
	order: 3;
	text-align: right;
	display: none;
	position: relative;
	right: -20px
}

.site-nav-start-wrap>* {
	cursor: pointer;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 18px
}

.site-nav-start-wrap>* i {
	font-weight: bold;
	transition: all .3s ease-in-out
}

.site-nav-start-wrap>* i:last-child {
	display: none
}

@media(max-width: 1024px) {
	.site-nav-start-wrap {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}
}

.site-search-start {
	padding: 0 12px
}

.site-nav-start {
	padding: 0 20px 0 12px
}

.site-search-active .search-box {
	opacity: 1;
	visibility: visible
}

@media(max-width: 1024px) {
	.site-search-active .site-search-start i:first-child {
		display: none
	}

	.site-search-active .site-search-start i:last-child {
		display: block
	}
}

.site-nav-active {
	overflow: hidden
}

.site-nav-active .site-nav {
	opacity: 1;
	visibility: visible
}

@media(max-width: 1024px) {
	.site-nav-active .site-nav-start i:first-child {
		display: none
	}

	.site-nav-active .site-nav-start i:last-child {
		display: block
	}
}

.focus-slide {
	height: 420px
}

.focus-slide .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width: 1024px) {
	.focus-slide {
		height: 300px
	}
}

@media(max-width: 640px) {
	.focus-slide {
		height: 200px
	}

	.focus-slide .swiper-pagination-bullet {
		width: 20px;
		height: 5px;
		margin: 0 2px !important
	}
}

.mo-subscribe {
	text-align: center;
	padding: 0 40px
}

.mo-subscribe .mo-subtitle {
	margin-bottom: 30px
}

@media(max-width: 640px) {
	.mo-subscribe {
		padding: 0 20px
	}
}

.subscribe-form {
	display: flex;
	gap: 15px;
	justify-content: center;
	max-width: 500px;
	margin: 0 auto
}

.subscribe-form input {
	outline: none;
	flex: 1;
	padding: 12px 15px;
	border: 1px solid var(--color-gray);
	border-radius: var(--global-radius)
}

.subscribe-form button {
	padding: 12px 25px;
	border: none;
	border-radius: var(--global-radius);
	background-color: var(--color-brand);
	color: #fff;
	cursor: pointer;
	transition: background-color .3s ease
}
.subscribe-form a {
	padding: 12px 25px;
	border: none;
	border-radius: var(--global-radius);
	background-color: var(--color-brand);
	color: #fff;
	cursor: pointer;
	transition: background-color .3s ease
}

.subscribe-form button:hover {
	background-color: var(--color-brand-dark)
}
.subscribe-form a:hover {
	background-color: var(--color-brand-dark)
}

@media(max-width: 640px) {
	.subscribe-form {
		flex-direction: column
	}
}

.subscribe-success {
	display: none;
	max-width: 500px;
	margin: 0 auto
}

.subscribe-success i {
	font-size: 48px;
	line-height: 48px;
	color: var(--color-brand)
}

.subscribe-success p {
	margin: 10px 0 0;
	font-size: 18px;
	font-weight: bold
}

.mo-kouhao {
	padding: 40px 0
}

.mo-kouhao .container {
	display: flex;
	gap: 40px
}

.mo-kouhao .item {
	flex: 1;
	display: flex;
	gap: 20px;
	align-items: flex-start
}

.mo-kouhao .item i {
	color: var(--color-brand);
	font-size: 48px;
	line-height: 48px
}

.mo-kouhao .item strong {
	font-size: 18px
}

.mo-kouhao .item p {
	margin: 0 0;
	font-size: 14px
}

@media(max-width: 768px) {
	.mo-kouhao {
		border-bottom: 1px solid var(--color-line);
		margin-bottom: 40px
	}

	.mo-kouhao .container {
		gap: 20px;
		padding-left: 20px;
		padding-right: 20px
	}

	.mo-kouhao .item {
		flex-direction: column;
		align-items: center;
		text-align: center
	}

	.mo-kouhao .item i {
		font-size: 42px;
		line-height: 42px;
		margin-bottom: 0
	}

	.mo-kouhao .item strong {
		font-size: 15px
	}

	.mo-kouhao .item p {
		font-size: 12px
	}
}

@media(max-width: 640px) {
	.mo-kouhao {
		display: none;
		margin-bottom: 25px;
		padding: 20px 0
	}

	.mo-kouhao .item {
		gap: 10px
	}

	.mo-kouhao .item:last-child {
		display: none
	}

	.mo-kouhao .item strong {
		font-size: 14px
	}

	.mo-kouhao .item p {
		color: var(--color-gray)
	}
}

@media(max-width: 640px) {
	.mo-remen {
		padding-top: 30px !important
	}
}

.mo-gonglue {
	display: flex;
	gap: 20px
}

.mo-gonglue .item {
	position: relative;
	flex: 1;
	background-color: #fff;
	border: 1px solid var(--color-line);
	border-radius: var(--global-radius-lg);
	padding: 16px 20px 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

.mo-gonglue .item h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold
}

.mo-gonglue .item .-more {
	position: absolute;
	right: 25px;
	top: 20px;
	color: var(--color-gray)
}

.mo-gonglue .item .-more:hover {
	color: var(--color-brand)
}

.mo-gonglue .item ul {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.mo-gonglue .item ul li {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	overflow: hidden
}

@media(max-width: 640px) {
	.mo-gonglue {
		flex-direction: column;
		gap: 15px
	}

	.mo-gonglue .item h3 {
		font-size: 18px
	}

	.mo-gonglue .item .-more {
		top: 16px;
		right: 20px
	}

	.mo-gonglue .item ul {
		gap: 5px
	}
}

.mo-lines {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}

.mo-lines .item {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: var(--global-radius-lg)
}

.mo-lines .item>a {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.mo-lines .item>a:hover .thumbnail img {
	transform: scale(1.05);
	opacity: .88
}

.mo-lines .item .thumbnail {
	position: relative;
	overflow: hidden;
	border-radius: var(--global-radius-lg) var(--global-radius-lg) 0 0
}

.mo-lines .item .thumbnail::before {
	content: "";
	display: block;
	padding-top: 68%
}

.mo-lines .item .thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.mo-lines .item h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 20px;
	height: 54px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.mo-lines .item .desc {
	color: var(--color-gray);
	padding: 0 20px;
	height: 45px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.mo-lines .item footer {
	position: relative;
	margin: 20px 20px 15px;
	display: flex;
	gap: 20px;
	font-size: 14px
}

.mo-lines .item footer .dates {
	cursor: pointer
}

.mo-lines .item footer .dates:hover ul {
	display: block
}

.mo-lines .item footer .dates i {
	display: inline-block;
	margin-right: 6px;
	color: var(--color-brand)
}

.mo-lines .item footer .dates ul {
	display: none;
	cursor: default;
	position: absolute;
	z-index: 9;
	width: 270px;
	max-height: 154px;
	overflow-y: auto;
	top: 100%;
	left: 0;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid var(--color-line);
	border-radius: var(--global-radius);
	padding: 8px 18px
}

.mo-lines .item footer .dates ul li {
	padding: 5px 0
}

.mo-lines .item footer .dates ul li dfn {
	float: right;
	font-style: normal;
	color: var(--color-brand)
}

.mo-lines .item footer .order {
	color: var(--color-gray)
}

.mo-lines .item footer .order dfn {
	font-style: normal
}

.mo-lines .item footer .price {
	position: absolute;
	right: 0;
	bottom: -1px;
	color: var(--color-gray)
}

.mo-lines .item footer .price dfn {
	font-style: normal;
	color: var(--color-brand);
	font-weight: bold;
	font-size: 18px
}

.mo-lines .item footer .price dfn+span {
	margin-left: 5px
}

@media(max-width: 640px) {
	.mo-lines {
		grid-template-columns: repeat(1, 1fr)
	}

	.mo-lines .item>a {
		gap: 5px
	}

	.mo-lines .item h2 {
		margin-top: 8px;
		font-size: 16px;
		height: 51px
	}

	.mo-lines .item .desc {
		font-size: 14px
	}

	.mo-lines .item footer {
		margin-top: 10px
	}
}

@media(max-width: 768px) {
	.single-tour .sidebar {
		display: none
	}
}

.detail-header {
	margin-bottom: 20px
}

.detail-header h1 {
	font-size: 28px;
	font-weight: 600
}

.detail-header .-meta {
	margin-top: 10px;
	color: var(--color-gray);
	display: inline-flex;
	gap: 30px
}

.detail-header .-meta i {
	color: var(--color-brand);
	display: inline-block;
	margin-right: 7px
}

@media(max-width: 640px) {
	.detail-header {
		margin-bottom: 10px
	}

	.detail-header h1 {
		font-size: 22px;
		line-height: 1.45
	}

	.detail-header .-meta {
		margin-top: 5px;
		gap: 20px
	}

	.detail-header .-meta i {
		margin-right: 5px
	}

	.detail-header .-meta span:nth-child(2) {
		display: none
	}
}

.detail-main {
	display: flex;
	gap: 30px;
	margin-bottom: 30px
}

@media(max-width: 768px) {
	.detail-main {
		flex-direction: column;
		gap: 15px;
		margin-bottom: 20px
	}
}

.detail-focus {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px
}

@media(max-width: 640px) {
	.detail-focus {
		gap: 5px
	}
}

.detail-slide {
	overflow: hidden;
	border-radius: var(--global-radius-lg)
}

.detail-slide .swiper-slide {
	padding-top: 56.25%
}

.detail-slide .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width: 640px) {
	.detail-slide {
		border-radius: var(--global-radius)
	}
}

.detail-slide-thumbs .swiper-slide {
	height: 80px;
	overflow: hidden;
	border-radius: var(--global-radius-lg);
	cursor: pointer
}

.detail-slide-thumbs .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width: 768px) {
	.detail-slide-thumbs .swiper-slide {
		height: 65px
	}
}

@media(max-width: 640px) {
	.detail-slide-thumbs .swiper-slide {
		height: 38px;
		border-radius: var(--global-radius)
	}
}

.detail-slide-thumbs .swiper-slide-thumb-active {
	position: relative
}

.detail-slide-thumbs .swiper-slide-thumb-active::before {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #fff;
	border-radius: var(--global-radius-lg)
}

.detail-slide-thumbs .swiper-slide-thumb-active::after {
	z-index: 2;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid var(--color-brand);
	border-radius: var(--global-radius-lg)
}

@media(max-width: 640px) {
	.detail-slide-thumbs .swiper-slide-thumb-active::before {
		border-radius: var(--global-radius);
		border-width: 2px
	}

	.detail-slide-thumbs .swiper-slide-thumb-active::after {
		border-radius: var(--global-radius);
		border-width: 1px
	}
}

.detail-info {
	width: var(--sidebar-width);
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	background-color: var(--color-brand-tiny);
	border-radius: var(--global-radius-lg);
	padding: 30px 30px
}

.detail-info .-list {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.detail-info .-list dl {
	padding-left: 25px;
	position: relative
}

.detail-info .-list dl dt {
	font-weight: bold;
	display: inline
}

.detail-info .-list dl dt::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 13px;
	height: 13px;
	background-color: var(--color-brand);
	border-radius: 50%
}

.detail-info .-list dl dt::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 2px;
	width: 9px;
	height: 9px;
	background-color: var(--color-brand-tiny);
	border-radius: 50%
}

.detail-info .-list dl dd {
	display: inline
}

.detail-info .-list ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap
}

.detail-info .-list ul li {
	width: 100%
}

.detail-info .-list ul li i {
	margin-left: -25px;
	display: inline-block;
	width: 25px;
	color: var(--color-brand)
}

.detail-info footer {
	align-self: flex-end;
	width: 100%;
	display: flex;
	gap: 10px;
	flex-direction: column
}

.detail-info .-price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--color-gray)
}

.detail-info .-price span:last-child {
	margin-top: 10px;
	cursor: pointer
}

.detail-info .-price dfn {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	color: var(--color-brand)
}

.detail-info .-price strong {
	font-size: 28px;
	font-weight: bold;
	color: var(--color-brand)
}

.detail-info .-price small {
	font-size: 15px
}

.detail-info .-action a {
	display: block;
	background-color: var(--color-brand);
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-weight: bold;
	border-radius: var(--global-radius)
}

.detail-info .-action a:hover {
	background-color: var(--color-brand-dark)
}

.detail-info .weixin a {
	display: block;
	background-color: var(--color-brand);
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-weight: bold;
	border-radius: var(--global-radius)
}

.detail-info .weixin a:hover {
	background-color: var(--color-brand-dark)
}

.detail-info .-tip {
	color: var(--color-gray);
	font-size: 14px;
	text-align: center
}

@media(max-width: 768px) {
	.detail-info {
		width: 100%;
		padding: 20px 20px;
		gap: 15px
	}
}

@media(max-width: 640px) {
	.detail-info {
		padding: 18px 20px 20px;
		border-radius: var(--global-radius)
	}

	.detail-info .-list {
		gap: 8px;
		font-size: 16px
	}

	.detail-info .-list dl dt::before {
		width: 15px;
		height: 15px;
		top: 5px
	}

	.detail-info .-list dl dt::after {
		width: 11px;
		height: 11px;
		top: 7px
	}

	.detail-info .-list ul {
		gap: 8px
	}

	.detail-info .-price strong {
		font-size: 26px;
		position: relative;
		top: 2px
	}

	.detail-info .-action {
		font-size: 17px
	}
	.detail-info .weixin {
		font-size: 17px
	}
}

.linedetail-nav {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #fff;
	border-radius: 0 0 var(--global-radius-lg) var(--global-radius-lg)
}

.linedetail-nav.affix {
	position: fixed;
	top: 142px;
	z-index: 8;
	padding-top: 20px
}

.linedetail-nav ul {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid var(--color-brand);
	border-radius: var(--global-radius-lg);
	overflow: hidden;
	font-weight: bold
}

.linedetail-nav ul li {
	flex: 1;
	text-align: center;
	border-right: 1px solid var(--color-brand);
	line-height: 43px;
	cursor: pointer;
	transition: all .3s
}

.linedetail-nav ul li:last-child {
	border-right: none
}

.linedetail-nav ul li:hover {
	color: var(--color-brand)
}

.linedetail-nav ul li.active {
	background-color: var(--color-brand);
	color: #fff
}

@media(max-width: 768px) {
	.linedetail-nav.affix {
		top: 50px
	}
}

@media(max-width: 640px) {
	.linedetail-nav {
		border-radius: 0 0 var(--global-radius) var(--global-radius);
		margin-bottom: 10px
	}

	.linedetail-nav ul {
		border-radius: var(--global-radius)
	}

	.linedetail-nav ul li {
		flex: auto;
		font-size: 14px;
		line-height: 40px
	}

	.linedetail-nav ul li:nth-child(4) {
		display: none
	}

	.linedetail-nav ul li:nth-child(3) {
		border-right: none
	}

	.linedetail-nav ul li.active {
		font-weight: bold
	}
}

.detail-title {
	margin-bottom: 30px;
	border-bottom: 1px solid var(--color-line)
}

.detail-title h3 {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 3px solid var(--color-brand);
	padding-bottom: 5px;
	margin-bottom: -2px
}

.detail-title .-more {
	float: right
}

.detail-title .-more a {
	display: inline-block;
	border-radius: var(--global-radius);
	padding: 5px 15px;
	color: var(--color-brand);
	font-size: 14px;
	font-weight: bold;
	background-color: var(--color-brand-tiny)
}

.detail-title+.article-content {
	margin-bottom: 50px
}

@media(max-width: 640px) {
	.detail-title {
		margin-bottom: 20px
	}

	.detail-title h3 {
		font-size: 18px
	}
}

.linedetail-routes,
.linedetail-dates,
.linedetail-cost {
	padding-top: 70px;
	margin-bottom: -40px
}

@media(max-width: 768px) {

	.linedetail-routes,
	.linedetail-dates,
	.linedetail-cost {
		padding-top: 60px
	}
}

.linedetail-routelist {
	padding-left: 32px;
	border-left: 2px dashed var(--color-line);
	margin-left: 18px;
	line-height: 1.65
}

.linedetail-routelist h2 {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	z-index: 2;
	padding-right: 50px;
	line-height: 1.5;
	cursor: pointer
}

.linedetail-routelist h2::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -49px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 33px;
	background-color: var(--color-brand);
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	font-weight: normal
}

.linedetail-routelist h2 dfn {
	position: absolute;
	right: -10px;
	top: 0;
	z-index: 3;
	width: 32px;
	height: 32px
}

.linedetail-routelist h2 dfn::after {
	position: absolute;
	top: 60%;
	right: 12px;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-right: 2px solid var(--color-brand);
	border-bottom: 2px solid var(--color-brand);
	transform: rotate(-135deg);
	transition: all .3s
}

.linedetail-routelist .item {
	margin-bottom: 50px
}

.linedetail-routelist .item.-hide {
	margin-bottom: 30px
}

.linedetail-routelist .item.-hide>* {
	display: none
}

.linedetail-routelist .item.-hide h2 {
	display: block
}

.linedetail-routelist .item.-hide h2 dfn {
	top: -5px
}

.linedetail-routelist .item.-hide h2 dfn::after {
	transform: rotate(45deg)
}

.linedetail-routelist .item:nth-of-type(1) h2::before {
	content: "D1"
}

.linedetail-routelist .item:nth-of-type(2) h2::before {
	content: "D2"
}

.linedetail-routelist .item:nth-of-type(3) h2::before {
	content: "D3"
}

.linedetail-routelist .item:nth-of-type(4) h2::before {
	content: "D4"
}

.linedetail-routelist .item:nth-of-type(5) h2::before {
	content: "D5"
}

.linedetail-routelist .item:nth-of-type(6) h2::before {
	content: "D6"
}

.linedetail-routelist .item:nth-of-type(7) h2::before {
	content: "D7"
}

.linedetail-routelist .item:nth-of-type(8) h2::before {
	content: "D8"
}

.linedetail-routelist .item:nth-of-type(9) h2::before {
	content: "D9"
}

.linedetail-routelist .item:nth-of-type(10) h2::before {
	content: "D10"
}

.linedetail-routelist .item:nth-of-type(11) h2::before {
	content: "D11"
}

.linedetail-routelist .item:nth-of-type(12) h2::before {
	content: "D12"
}

.linedetail-routelist .item:nth-of-type(13) h2::before {
	content: "D13"
}

.linedetail-routelist .item:nth-of-type(14) h2::before {
	content: "D14"
}

.linedetail-routelist .item:nth-of-type(15) h2::before {
	content: "D15"
}

.linedetail-routelist .item:nth-of-type(16) h2::before {
	content: "D16"
}

.linedetail-routelist .item:nth-of-type(17) h2::before {
	content: "D17"
}

.linedetail-routelist .item:nth-of-type(18) h2::before {
	content: "D18"
}

.linedetail-routelist .item:nth-of-type(19) h2::before {
	content: "D19"
}

.linedetail-routelist .item:nth-of-type(20) h2::before {
	content: "D20"
}

.linedetail-routelist .item:nth-of-type(21) h2::before {
	content: "D21"
}

.linedetail-routelist .item:nth-of-type(22) h2::before {
	content: "D22"
}

.linedetail-routelist .item:nth-of-type(23) h2::before {
	content: "D23"
}

.linedetail-routelist .item:nth-of-type(24) h2::before {
	content: "D24"
}

.linedetail-routelist .item:nth-of-type(25) h2::before {
	content: "D25"
}

.linedetail-routelist .item:nth-of-type(26) h2::before {
	content: "D26"
}

.linedetail-routelist .item:nth-of-type(27) h2::before {
	content: "D27"
}

.linedetail-routelist .item:nth-of-type(28) h2::before {
	content: "D28"
}

.linedetail-routelist .item:nth-of-type(29) h2::before {
	content: "D29"
}

.linedetail-routelist .item:nth-of-type(30) h2::before {
	content: "D30"
}

.linedetail-routelist .item:nth-of-type(31) h2::before {
	content: "D31"
}

.linedetail-routelist .item:nth-of-type(32) h2::before {
	content: "D32"
}

.linedetail-routelist .item:nth-of-type(33) h2::before {
	content: "D33"
}

.linedetail-routelist .item:nth-of-type(34) h2::before {
	content: "D34"
}

.linedetail-routelist .item:nth-of-type(35) h2::before {
	content: "D35"
}

.linedetail-routelist .item:nth-of-type(36) h2::before {
	content: "D36"
}

.linedetail-routelist .item:nth-of-type(37) h2::before {
	content: "D37"
}

.linedetail-routelist .item:nth-of-type(38) h2::before {
	content: "D38"
}

.linedetail-routelist .item:nth-of-type(39) h2::before {
	content: "D39"
}

.linedetail-routelist .item:nth-of-type(40) h2::before {
	content: "D40"
}

.linedetail-routelist .item:nth-of-type(41) h2::before {
	content: "D41"
}

.linedetail-routelist .item:nth-of-type(42) h2::before {
	content: "D42"
}

.linedetail-routelist .item:nth-of-type(43) h2::before {
	content: "D43"
}

.linedetail-routelist .item:nth-of-type(44) h2::before {
	content: "D44"
}

.linedetail-routelist .item:nth-of-type(45) h2::before {
	content: "D45"
}

.linedetail-routelist .item:nth-of-type(46) h2::before {
	content: "D46"
}

.linedetail-routelist .item:nth-of-type(47) h2::before {
	content: "D47"
}

.linedetail-routelist .item:nth-of-type(48) h2::before {
	content: "D48"
}

.linedetail-routelist .item:nth-of-type(49) h2::before {
	content: "D49"
}

.linedetail-routelist .item:nth-of-type(50) h2::before {
	content: "D50"
}

.linedetail-routelist .item:nth-of-type(51) h2::before {
	content: "D51"
}

.linedetail-routelist .item:nth-of-type(52) h2::before {
	content: "D52"
}

.linedetail-routelist .item:nth-of-type(53) h2::before {
	content: "D53"
}

.linedetail-routelist .item:nth-of-type(54) h2::before {
	content: "D54"
}

.linedetail-routelist .item:nth-of-type(55) h2::before {
	content: "D55"
}

.linedetail-routelist .item:nth-of-type(56) h2::before {
	content: "D56"
}

.linedetail-routelist .item:nth-of-type(57) h2::before {
	content: "D57"
}

.linedetail-routelist .item:nth-of-type(58) h2::before {
	content: "D58"
}

.linedetail-routelist .item:nth-of-type(59) h2::before {
	content: "D59"
}

.linedetail-routelist .item:nth-of-type(60) h2::before {
	content: "D60"
}

.linedetail-routelist p {
	margin: 10px 0
}

.linedetail-routelist .-che,
.linedetail-routelist .-can,
.linedetail-routelist .-zhu {
	position: relative
}

.linedetail-routelist .-che::before,
.linedetail-routelist .-can::before,
.linedetail-routelist .-zhu::before {
	font-family: "iconfont";
	position: absolute;
	top: 0;
	left: -40px;
	font-size: 15px;
	color: var(--color-brand);
	font-weight: normal;
	background-color: #fff
}

.linedetail-routelist .-che::before {
	content: ""
}

.linedetail-routelist .-can::before {
	content: "";
	margin-top: 1px
}

.linedetail-routelist .-zhu::before {
	content: ""
}

.linedetail-routelist .wp-caption {
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	max-width: 100%
}

.linedetail-routelist .wp-caption img {
	border-radius: var(--global-radius-lg);
	height: auto
}

@media(max-width: 640px) {
	.linedetail-routelist {
		padding-left: 26px
	}

	.linedetail-routelist .item {
		margin-bottom: 30px;
		font-size: 16px
	}

	.linedetail-routelist .item.-hide {
		margin-bottom: 10px
	}

	.linedetail-routelist h2 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.linedetail-routelist h2::before {
		top: -2px;
		left: -41px;
		font-weight: bold;
		width: 28px;
		height: 28px;
		line-height: 29px
	}

	.linedetail-routelist h2 dfn::after {
		margin-top: -9px
	}

	.linedetail-routelist .-che::before,
	.linedetail-routelist .-can::before,
	.linedetail-routelist .-zhu::before {
		top: -3px;
		left: -35px;
		font-size: 17px
	}

	.linedetail-routelist p {
		margin: 5px 0
	}

	.linedetail-routelist .swiper-gallery {
		margin: 10px 0 !important
	}
}

.linedetail-dateslist {
	margin-bottom: var(--space);
	width: 100%;
	border-collapse: collapse;
	text-align: center
}

.linedetail-dateslist td,
.linedetail-dateslist th {
	padding: 12px;
	border: 1px solid #ddd
}

.linedetail-dateslist thead {
	background: var(--color-brand-tiny);
	color: var(--color-brand)
}

.linedetail-dateslist a {
	color: var(--color-brand);
	text-decoration: underline
}

.linedetail-dateslist a:hover {
	color: var(--color-brand-dark)
}

.linedetail-cost {
	margin-bottom: var(--space);
	line-height: 1.7
}

.linedetail-cost h2 {
	margin: 30px 0 10px;
	font-size: 18px;
	font-weight: bold
}

.linedetail-cost p {
	display: flex;
	margin: 10px 0
}

.linedetail-cost p strong {
	min-width: -moz-max-content;
	min-width: max-content
}

.lang-en .linedetail-cost p {
	display: inherit
}

@media(max-width: 640px) {
	.linedetail-cost {
		font-size: 16px
	}

	.linedetail-cost h2 {
		font-size: 16px
	}
}

.gl-navs {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}

.gl-navs::after {
	display: block;
	clear: both;
	content: ""
}

@media(max-width: 640px) {
	.gl-navs {
		margin-bottom: 10px
	}
}

.gl-navs ul {
	border-bottom: 2px solid var(--color-line);
	height: 24px;
	font-size: 15px
}

@media(max-width: 640px) {
	.gl-navs ul {
		height: 21px;
		font-size: 12px
	}
}

.gl-navs li {
	float: left;
	margin-right: 30px
}

@media(max-width: 640px) {
	.gl-navs li {
		margin-right: 20px
	}
}

.gl-navs li.active a {
	font-weight: bold;
	border-bottom-color: var(--color-brand);
	color: var(--color-brand)
}

.gl-navs li a {
	display: block;
	padding-bottom: 7px;
	line-height: 1;
	border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.excerpt-item {
	position: relative;
	margin-bottom: 20px;
	padding-left: 240px;
	border-bottom: 1px solid var(--color-line);
	padding-bottom: 20px
}

.excerpt-item::after {
	display: block;
	clear: both;
	content: ""
}

.excerpt-item .thumbnail {
	float: left;
	margin-left: -240px;
	width: 220px;
	overflow: hidden;
	border-radius: var(--global-radius-lg);
	position: relative
}

.excerpt-item .thumbnail::before {
	content: "";
	display: block;
	padding-top: 68%
}

.excerpt-item .thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.excerpt-item h2 {
	font-size: 22px;
	font-weight: bold
}

.excerpt-item .desc {
	margin-top: 10px;
	color: var(--color-gray);
	height: 46px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.excerpt-item footer {
	position: absolute;
	bottom: 20px;
	left: 240px;
	right: 0;
	font-size: 13px;
	color: var(--color-gray)
}

.excerpt-item footer .fa {
	width: 13px;
	display: inline-block;
	margin-right: 4px
}

.excerpt-item time {
	float: left;
	margin-right: 20px
}

.excerpt-item .author {
	float: left;
	margin-right: 20px
}

.excerpt-item .views {
	float: left;
	margin-right: 20px
}

.excerpt-item .likes {
	float: right;
	color: var(--color-gray)
}

.excerpt-item .likes:hover {
	color: var(--color-base)
}

.excerpt-item .order {
	float: left;
	margin-right: 20px;
	color: var(--color-gray)
}

.excerpt-item .order strong {
	color: var(--color-brand);
	display: inline-block;
	margin: 0 4px
}

.excerpt-item .price {
	float: right;
	margin-right: 20px;
	color: var(--color-brand)
}

.excerpt-item .price dfn {
	font-weight: bold;
	font-style: normal;
	margin-right: 2px
}

@media(max-width: 1024px) {
	.excerpt-item {
		margin-bottom: 10px;
		padding-bottom: 10px
	}

	.excerpt-item h2 {
		font-size: 18px
	}

	.excerpt-item .desc {
		font-size: 12px;
		height: 36px
	}
}

@media(max-width: 640px) {
	.excerpt-item {
		padding-left: 115px
	}

	.excerpt-item .thumbnail {
		margin-left: -115px;
		width: 100px;
		border-radius: var(--global-radius)
	}

	.excerpt-item h2 {
		font-size: 16px;
		height: 48px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.excerpt-item .desc {
		display: none
	}

	.excerpt-item footer {
		position: relative;
		bottom: 0;
		left: 0;
		margin-top: 3px
	}

	.excerpt-item footer .fa {
		margin-right: 2px
	}

	.excerpt-item .author {
		display: none
	}

	.excerpt-item .views {
		margin-right: 10px
	}

	.excerpt-item .price {
		line-height: 16px
	}

	.excerpt-item .price dfn {
		font-size: 12px;
		bottom: 0;
		margin-right: 3px
	}
}

.custom-wrapper {
	border: 1px solid var(--color-line);
	border-radius: var(--global-radius-lg);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
	padding: 60px
}

.mk-tiny .custom-wrapper {
	background-color: var(--color-white)
}

@media(max-width: 768px) {
	.custom-wrapper {
		padding: 40px 30px
	}
}

@media(max-width: 640px) {
	.custom-wrapper {
		padding: 22px 20px
	}
}

.custom-form {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 20px
}

.custom-form .item {
	position: relative
}

.custom-form .item.item-row {
	grid-column: 1/-1
}

.custom-form .item.-error .ipt {
	border-color: #ff0a0a !important
}

.custom-form .item.-error .tip {
	display: block;
	color: #ff0a0a
}

.custom-form .item label {
	line-height: 1;
	display: block;
	margin-bottom: 10px
}

.custom-form .item label mark {
	position: relative;
	top: 3px;
	color: #ff0a0a;
	background-color: rgba(0, 0, 0, 0)
}

.custom-form .tip {
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	font-size: 12px
}

.custom-form .-phone {
	display: flex;
	flex-wrap: wrap;
}

.custom-form .-phone input[name=phone_code] {
	width: 75px !important;
	border-radius: var(--global-radius-sm) 0 0 var(--global-radius-sm)
}

.custom-form .-phone input[name=phone_number] {
	flex: auto;
	margin-left: -1px;
	border-radius: 0 var(--global-radius-sm) var(--global-radius-sm) 0
}

.custom-form .-phone input:focus {
	position: relative;
	z-index: 1
}

.custom-form .-destinations {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px 20px
}

.custom-form .-destinations input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.custom-form .-destinations input:checked+label:before {
	background: var(--color-brand);
	border-color: var(--color-brand)
}

.custom-form .-destinations input:checked+label:after {
	opacity: 1
}

.custom-form .-destinations label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	line-height: 1.5
}

.custom-form .-destinations label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 18px;
	height: 18px;
	border: 2px solid #ddd;
	border-radius: 50%;
	transition: all .3s ease
}

.custom-form .-destinations label:after {
	content: "";
	position: absolute;
	left: 6px;
	top: 4px;
	width: 6px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
	transition: all .2s ease
}

.custom-form .btn {
	border-radius: var(--global-radius-sm)
}

@media(max-width: 768px) {
	.custom-form {
		grid-template-columns: repeat(2, 1fr)
	}

	.custom-form .-destinations {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media(max-width: 640px) {
	.custom-form {
		gap: 25px 10px;
		grid-template-columns: repeat(1, 1fr)
	}

	.custom-form .item label {
		margin-bottom: 7px
	}

	.custom-form .-destinations {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 10px
	}

	.custom-form .btn {
		display: block
	}
}

.custom-tips h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 22px;
	color: #222
}

.custom-tips h2 i {
	position: relative;
	top: 4px;
	display: inline-block;
	margin-right: 10px;
	color: var(--color-brand);
	font-size: 150%
}

.custom-tips p {
	font-size: 16px;
	color: #222
}

.custom-tips form {
	position: relative;
	font-size: 0
}

.custom-tips form input {
	display: inline-block;
	width: 350px;
	margin-right: 10px
}

.custom-tips form span {
	display: inline-block;
	vertical-align: top
}

.custom-tips form .btn {
	border-radius: var(--global-radius-sm)
}

.custom-tips form.-error .ipt {
	border-color: #ff0a0a !important
}

.custom-tips form.-error .tip {
	display: block;
	color: #ff0a0a
}

.custom-tips .tip {
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	font-size: 12px
}

@media(max-width: 1024px) {
	.custom-tips form input {
		width: 70%;
		margin-right: 2%
	}

	.custom-tips form span {
		width: 28%
	}
}

@media(max-width: 640px) {
	.custom-tips h2 {
		font-size: 18px;
		font-weight: bold
	}

	.custom-tips h2 i {
		display: block;
		font-size: 45px;
		margin-bottom: 10px
	}
}

.phone-code-wrapper .phone-code-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: var(--global-radius-sm);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	z-index: 3;
	padding: 5px 0
}

.phone-code-wrapper .phone-code-item {
	padding: 5px 12px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.phone-code-wrapper .phone-code-item span:first-child {
	flex: 1
}

.phone-code-wrapper .phone-code-item span:last-child {
	flex: 2;
	color: var(--color-gray)
}

.phone-code-wrapper .phone-code-item:hover {
	background: var(--color-tiny)
}

.custom-side {
	padding: 30px;
	border-radius: var(--global-radius-lg);
	background-color: var(--color-white);
	border: 1px solid var(--color-line);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

.custom-wrapper.-dates {
	border: none;
	box-shadow: none;
	padding: 0;
	background-color: rgba(0, 0, 0, 0)
}

.custom-wrapper.-dates .custom-form {
	grid-template-columns: repeat(2, 1fr)
}

@media(max-width: 640px) {
	.custom-wrapper.-dates .custom-form {
		grid-template-columns: repeat(1, 1fr)
	}

	.custom-wrapper.-dates .custom-form .item-country,
	.custom-wrapper.-dates .custom-form .item-phone {
		display: none
	}
}

.custom-wrapper.-side {
	padding: 0;
	border: none
}

.custom-wrapper.-side .custom-form {
	grid-template-columns: repeat(1, 1fr);
	gap: 12px;
	font-size: 14px
}

.custom-wrapper.-side .custom-form .item label {
	margin-bottom: 5px;
	font-weight: normal
}

.custom-wrapper.-side .custom-form .tip {
	position: relative;
	top: 0;
	margin-top: 2px
}

.custom-wrapper.-side .custom-form .btn {
	display: block
}

.single-post {
	background-color: var(--color-tiny)
}

.single-post .breadcrumbs {
	margin-bottom: 18px
}

.single-post .content-sidebar {
	gap: 20px;
	margin-bottom: 20px
}

.single-post .content {
	background-color: #fff;
	border-radius: var(--global-radius-lg);
	box-shadow: 0 0 10px rgba(0, 0, 0, .01);
	border: 1px solid var(--color-line);
	padding: 25px 30px
}

@media(max-width: 640px) {
	.single-post .breadcrumbs {
		margin-bottom: 15px
	}

	.single-post .content {
		border-radius: 0;
		border: none;
		box-shadow: none;
		margin-left: -20px;
		margin-right: -20px;
		padding: 16px 20px 20px
	}
}

.article-header {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--color-line)
}

.article-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px
}

@media(max-width: 640px) {
	.article-title {
		font-size: 22px;
		margin-bottom: 0
	}
}

.article-meta {
	overflow: hidden;
	color: var(--color-gray)
}

.article-meta a {
	color: var(--color-gray)
}

.article-meta a:hover {
	color: var(--color-brand)
}

.article-meta li {
	margin-right: 30px;
	float: left
}

.article-meta li.r {
	float: right;
	margin-right: 0;
	margin-left: 30px
}

.article-meta li .fa {
	display: inline-block;
	width: 14px
}

@media(max-width: 640px) {
	.article-meta {
		font-size: 14px
	}

	.article-meta li {
		margin-right: 20px
	}

	.article-meta .meta-name {
		display: none
	}
}

.article-content {
	font-size: 16px;
	line-height: 1.7;
	word-wrap: break-word
}

@media(max-width: 640px) {
	.article-content {
		font-size: 17px
	}
}

.article-content img {
	display: block;
	max-width: 100%;
	height: auto
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	margin: 0 0 20px;
	font-weight: bold
}

.article-content p {
	margin: 0 0 20px
}

.article-content h1 {
	font-size: 22px
}

.article-content h2 {
	font-size: 20px
}

.article-content h3 {
	font-size: 18px
}

.article-content h4 {
	font-size: 18px
}

.article-content h5 {
	font-size: 18px
}

.article-content h6 {
	font-size: 18px
}

.article-content a {
	color: var(--color-brand)
}

.article-content a:hover {
	text-decoration: underline;
	color: var(--color-brand-dark)
}

.article-content del {
	color: #999;
	font-style: italic
}

.article-content pre {
	margin: 20px 0;
	font: 12px/20px "courier new";
	background: #4a4a4a;
	padding: 10px 20px;
	color: #f8f8d4;
	border: none;
	word-wrap: break-word
}

.article-content blockquote {
	position: relative;
	margin: 20px 0;
	padding: 10px 30px 0;
	color: #999
}

.article-content blockquote::before {
	font-family: "iconfont";
	content: "";
	font-size: 22px;
	line-height: 1;
	color: var(--color-brand);
	position: absolute;
	left: 0;
	top: 0
}

.article-content blockquote p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px
}

.article-content ul,
.article-content ol {
	margin: 20px 0 20px 46px
}

.article-content ul li,
.article-content ol li {
	margin-bottom: 4px
}

.article-content ul {
	list-style-type: disc
}

.article-content ol {
	list-style-type: decimal
}

.article-content table {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	width: 100%;
	margin-bottom: 20px
}

.article-content table th {
	background-color: #f9f9f9;
	text-align: center
}

.article-content table th,
.article-content table td {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	padding: 5px 10px
}

.article-content embed[align=middle] {
	margin: 0 auto;
	display: block
}

.article-content .alignnone {
	margin: 0 auto
}

.article-content .alignleft {
	text-align: left
}

.article-content .aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block
}

.article-content .aligncenter img {
	margin: 0 auto
}

.article-content .alignright {
	text-align: right
}

.article-content .wp-caption {
	margin-bottom: 20px;
	max-width: 100%
}

.article-content .wp-caption img {
	margin-bottom: 5px
}

.article-content .wp-caption p {
	margin: 0;
	text-indent: 0
}

.article-content .wp-caption .alignnone {
	text-align: center
}

.article-content .wp-caption .wp-caption-text {
	font-size: 14px;
	color: var(--color-gray)
}

.article-like {
	text-align: center;
	margin: 50px 0
}

@media(max-width: 640px) {
	.article-like {
		margin: 15px 0 30px
	}
}

.article-paging {
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	clear: both;
	margin: 15px 0 30px
}

.article-paging span {
	margin: 3px 2px;
	display: inline-block;
	padding: 7px 15px;
	border-radius: 2px;
	background-color: var(--color-gray);
	color: #fff
}

.article-paging a span {
	background-color: var(--color-gray);
	color: var(--color-gray)
}

.article-paging a:hover span {
	background-color: var(--color-base);
	color: #fff
}

.article-nav {
	overflow: hidden;
	color: var(--color-gray)
}

.article-nav-prev {
	float: left;
	width: 49%
}

@media(max-width: 1024px) {
	.article-nav-prev {
		display: block;
		width: auto;
		float: none;
		margin-bottom: 10px
	}
}

.article-nav-next {
	float: right;
	text-align: right;
	width: 49%
}

@media(max-width: 1024px) {
	.article-nav-next {
		display: block;
		text-align: left;
		width: auto;
		float: none
	}
}

.swiper-gallery {
	margin: 15px 0 !important;
	overflow: hidden;
	border-radius: var(--global-radius-lg)
}

.swiper-gallery .swiper-slide {
	position: relative;
	aspect-ratio: 16/9;
	overflow: hidden;
	border-radius: var(--global-radius-lg)
}

.swiper-gallery .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.swiper-gallery .swiper-slide::before {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))
}

.swiper-gallery .swiper-slide .-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 10px;
	font-weight: bold
}

@media(max-width: 640px) {
	.swiper-gallery {
		border-radius: var(--global-radius)
	}

	.swiper-gallery .swiper-slide {
		border-radius: var(--global-radius)
	}

	.swiper-gallery .swiper-slide .-caption {
		font-weight: normal;
		font-size: 12px
	}
}

.page-template-default .mo-title {
	margin-bottom: 30px
}

.page-template-default .mo-title+.container {
	margin-bottom: 40px
}

.swiper-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container img {
	width: 100% !important
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 60px;
	line-height: 60px;
	margin-top: -30px;
	z-index: 10;
	cursor: pointer;
	font-size: 28px;
	text-align: center;
	color: #fff;
	outline: none;
	opacity: .9
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: -50px;
	right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: -50px;
	left: auto
}

.swiper-container:hover .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0
}

.swiper-container:hover .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 0
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	color: rgba(255, 255, 255, .8)
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 15px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 32px;
	height: 9px;
	display: inline-block;
	border-radius: 50px;
	background: rgba(0, 0, 0, .4);
	border: 1px solid rgba(255, 255, 255, .8);
	transition: all .3s ease
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	background: var(--color-brand)
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s left, .2s -webkit-transform;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s right, .2s -webkit-transform;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-lock {
	display: none
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-coverflow .swiper-wrapper {
	perspective: 1200px
}

/* 外层容器：控制整体间距和居中 */
        .filter-wrapper {
            margin: 0 auto;
        }

        /* 折叠控制按钮 - 使用flex确保内部元素垂直居中 */
        .filter-toggle {
            display: none; /* 默认隐藏 */
            align-items: center; /* 垂直居中对齐子元素 */
            justify-content: center;
            width: 100%;
            padding: 10px;
            margin-top: 10px;
            background-color: #f9f9f9;
            border: 1px solid #e9e9e9;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            color: #333;
            transition: all 0.3s ease;
			height: 40px;
        }

        .filter-toggle:hover {
            background-color: #e9e9e9;
        }

        /* 按钮文本容器 */
        .toggle-text {
            display: inline-block;
            line-height: 1; /* 确保文本行高一致 */
        }

        /* 自定义箭头样式 - 精确调整位置 */
        .toggle-arrow {
            display: inline-block;
            width: 7px;
            height: 7px;
            border-right: 2px solid #000;
            border-bottom: 2px solid #000;
            transition: all .3s;
            margin-left: 8px;
            transform-origin: center; /* 确保旋转围绕中心 */
            transform: rotate(45deg) translateY(-1px); /* 初始位置微调 */
        }

        /* 展开状态箭头旋转 - 精确位置补偿 */
        .filter-expanded .toggle-arrow {
            transform: rotate(225deg) translateY(-1px) translateX(-2px); /* 旋转后位置补偿 */
        }

        /* 每组布局：标题 + 标签行 */
        .filter-group {
            display: flex;
            margin-bottom: 16px;
            flex-wrap: wrap;
            align-content: center;
            align-items: baseline;
            transition: all 0.3s ease;
        }

        /* 标题样式 - 固定不换行 */
        .filter-title {
            font-size: 16px;
            color: #333;
            font-weight: 500;
            margin-right: 8px;
            white-space: nowrap;
            flex-shrink: 0;
        }

        /* 标签容器：自动换行 + 间距控制 */
        .filter-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            flex-grow: 1;
        }

        /* 标签链接基础样式 */
        .filter-info {
            display: inline-block;
            padding: 8px 12px;
            border: 1px solid #dcdcdc;
            border-radius: 4px;
            background-color: #fff;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s ease;
        }

        /* 活跃状态 */
        .filter-info.active {
            background-color: #409eff;
            color: #fff;
            border-color: #409eff;
        }

        /* 悬停交互 */
        .filter-info:hover {
            border-color: #999;
        }

        /* 隐藏的筛选内容 */
        .filter-collapsed {
            display: none;
        }

        /* 响应式适配：小屏幕（手机） */
        @media (max-width: 768px) {
            .filter-wrapper {
                
            }
            
            .filter-title {
                font-size: 14px;
                margin-right: 4px;
            }
            
            .filter-info {
                padding: 6px 10px;
                font-size: 12px;
            }
            
            .filter-tags {
                gap: 6px;
            }
        }
		
		.no-data-img {
		    user-drag: none;
		    -webkit-user-drag: none;
		    display: block;
		    margin: 0 auto;
		    height: auto; /* 保持比例 */
		  }
		
		  /* 手机端（默认） */
		  .no-data-img {
		    max-width: 30%; /* 手机上占屏幕较宽 */
		  }
		
		  /* 平板及以上 */
		  @media (min-width: 768px) {
		    .no-data-img {
		      max-width: 10%; /* 平板上缩小 */
		    }
		  }
.article-swiper-no-transition {
	transition-duration: 0ms !important
}

.article-swiper-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
	z-index: 99999
}

.article-swiper-container img {
	width: auto !important
}

.article-swiper-container:hover .swiper-button-next {
	right: 20px
}

.article-swiper-container:hover .swiper-button-prev {
	left: 20px
}

@media(max-width: 640px) {
	.article-swiper-container {
		background-color: #000
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 3px
	}

	.article-swiper-container:hover .swiper-button-next {
		display: none !important
	}

	.article-swiper-container:hover .swiper-button-prev {
		display: none !important
	}
}

.reviews-slide-wrap {
	position: relative;
	z-index: 1
}

.reviews-slide-wrap header {
	text-align: center;
	margin-bottom: 20px
}

.reviews-slide-wrap header h2 {
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: bold
}

.reviews-slide-wrap .reviews-button-next,
.reviews-slide-wrap .reviews-button-prev {
	top: 56%;
	color: var(--color-base);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 22px
}

.reviews-slide-wrap .reviews-button-next {
	right: -35px;
	text-align: right
}

.reviews-slide-wrap .reviews-button-prev {
	left: -35px;
	text-align: left
}

@media(max-width: 1024px) {
	.reviews-slide-wrap {
		margin: 0 20px
	}

	.reviews-slide-wrap header h2 {
		font-size: 22px
	}

	.reviews-slide-wrap header img:nth-of-type(1) {
		height: 18px
	}

	.reviews-slide-wrap header img:nth-of-type(2) {
		height: 10px;
		position: relative;
		top: 1px;
		margin-left: 5px
	}

	.reviews-slide-wrap .reviews-button-next,
	.reviews-slide-wrap .reviews-button-prev {
		font-size: 15px;
		font-weight: bold
	}

	.reviews-slide-wrap .reviews-button-next {
		right: -25px
	}

	.reviews-slide-wrap .reviews-button-prev {
		left: -25px
	}
}

.reviews-slide .swiper-slide {
	background-color: var(--color-tiny);
	border: 1px solid var(--color-line);
	border-radius: var(--global-radius-lg)
}

.mk-tiny .reviews-slide .swiper-slide {
	background-color: #fff
}

.reviews-slide .swiper-slide .-title {
	font-size: 18px;
	font-weight: 600;
	padding: 15px 20px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.reviews-slide .swiper-slide .-content {
	padding: 0 20px;
	height: 183px;
	overflow: auto
}

.reviews-slide .swiper-slide .-header {
	border-top: 1px solid var(--color-line);
	background-color: #fff;
	padding: 10px 20px 10px 83px;
	position: relative;
	color: var(--color-gray);
	border-radius: 0 0 var(--global-radius-lg) var(--global-radius-lg)
}

.reviews-slide .swiper-slide .-avatar {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	overflow: hidden
}

.reviews-slide .swiper-slide .-avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.reviews-slide .swiper-slide .-date img {
	width: 72px !important;
	height: 16px !important;
	margin-right: 5px
}

@media(max-width: 640px) {
	.reviews-slide .swiper-slide .-title {
		font-size: 16px
	}

	.reviews-slide .swiper-slide .-header {
		padding-bottom: 10px;
		padding-left: 66px
	}

	.reviews-slide .swiper-slide .-avatar {
		width: 34px;
		height: 34px
	}

	.reviews-slide .swiper-slide .-date {
		font-size: 11px
	}

	.reviews-slide .swiper-slide .-date img {
		width: auto !important;
		height: 12px !important;
		margin-right: 5px;
		position: relative;
		top: -1px
	}

	.reviews-slide .swiper-slide .-name {
		margin-top: 2px;
		font-size: 11px;
		line-height: 1.2
	}
}

.faqs {
	padding: 30px;
	border-radius: var(--global-radius-lg);
	background-color: var(--color-white);
	border: 1px solid var(--color-line);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

.faqs .item {
	margin-bottom: 10px;
	border-radius: var(--global-radius);
	background-color: var(--color-tiny);
	border: 2px solid rgba(0, 0, 0, 0)
}

.faqs .item>* {
	display: none
}

.faqs .item.active {
	padding: 15px 22px;
	border-color: var(--color-line);
	background-color: var(--color-white)
}

.faqs .item.active>* {
	display: block
}

.faqs .item.active h2 {
	margin: -12px -22px;
	font-weight: bold;
	font-size: 18px
}

.faqs .item.active h2 dfn {
	margin-top: -1px;
	transform: rotate(-135deg)
}

.faqs .item.active p:last-child {
	margin-bottom: 0
}

.faqs .item h2 {
	position: relative;
	display: block;
	font-size: 16px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	padding: 12px 40px 12px 22px
}

.faqs .item h2 dfn {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 20px;
	font-size: 12px;
	color: var(--color-gray);
	font-style: normal;
	width: 7px;
	height: 7px;
	border-right: 1px solid var(--color-base);
	border-bottom: 1px solid var(--color-base);
	transform: rotate(45deg);
	transition: all .3s
}

.faqs .item:hover h2 dfn {
	border-color: var(--color-brand)
}

.faqs .-link {
	display: inline-block;
	margin-top: 15px;
	color: var(--color-brand);
	font-weight: bold
}

.faqs .-link:hover {
	text-decoration: underline
}

.customtrip {
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.customtrip .container {
	text-align: center;
	height: 400px;
	padding-top: 65px
}

@media(max-width: 640px) {
	.customtrip .container {
		padding-top: 0
	}
}

.footer {
	clear: both;
	padding: 50px 0 0;
	background-color: var(--color-base);
	color: #ccc;
	overflow: hidden
}

.footer a {
	color: #ccc
}

.footer a:hover {
	color: #fff;
	text-decoration: underline
}

.footer .inner {
	display: flex;
	gap: 40px;
	margin-bottom: 70px
}

.footer .inner h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px
}

@media(max-width: 768px) {
	.footer {
		padding-top: 25px
	}

	.footer .inner {
		gap: 30px
	}

	.footer .inner>* {
		flex: 1
	}
}

@media(max-width: 640px) {
	.footer .inner {
		flex-direction: column
	}
}

.footer-contact {
	flex: 3
}

.footer-contact p {
	line-height: 2;
	margin-bottom: 0
}

.footer-contact p+h4 {
	margin-top: 15px;
	margin-bottom: 12px !important
}

.footer-contact ul {
	display: flex;
	gap: 25px
}

.footer-contact ul a {
	text-decoration: none !important;
	height: 28px;
	display: inline-block
}

.footer-contact ul a i {
	font-size: 28px;
	line-height: 28px
}

.sns-facebook:hover {
	color: #0089df !important
}

.sns-instagram:hover {
	color: #d30074 !important
}

.sns-tripadvisor:hover {
	color: #34e0a1 !important
}

.footer-faqs {
	flex: 4
}

.footer-faqs ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px
}

.footer-sns {
	flex: 4
}

.footer-sns ul {
	display: flex;
	gap: 20px;
	justify-content: space-between
}

.footer-sns ul li {
	flex: 1;
	text-align: center;
	font-size: 14px;
	max-width: 33.3333333333%
}

.footer-sns ul li img {
	padding: 5px;
	margin-bottom: 7px;
	background-color: #fff;
	border-radius: var(--global-radius)
}

.footer-sns ul li i {
	margin-right: 5px
}

@media(max-width: 768px) {
	.footer-sns {
		display: none
	}
}

.footer-copyright {
	border-top: 1px solid #444;
	margin-top: 20px;
	padding: 30px 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.8
}

@media(max-width: 640px) {
	.footer-copyright {
		padding: 20px 0;
		font-size: 12px
	}
}

.footer-aboutlinks {
	overflow: hidden;
	text-align: center;
	font-size: 0
}

.footer-aboutlinks li {
	font-weight: 600;
	font-size: 15px;
	display: inline-block;
	margin-right: 31px;
	position: relative
}

.footer-aboutlinks li::after {
	position: absolute;
	top: 4px;
	right: -16px;
	content: "";
	background-color: #c6c6c6;
	width: 1px;
	height: 14px
}

.footer-aboutlinks li:last-child {
	margin-right: 0
}

.footer-aboutlinks li:last-child::after {
	display: none
}

.footer-sitelinks {
	border-top: 1px solid #444;
	margin-top: 20px;
	padding-top: 20px;
	overflow: hidden;
	text-align: center;
	font-size: 0
}

.footer-sitelinks h4 {
	font-size: 14px;
	display: inline-block
}

.footer-sitelinks ul {
	display: inline
}

.footer-sitelinks li {
	font-size: 14px;
	display: inline-block;
	margin-right: 31px;
	position: relative;
	line-height: 1.8
}

.footer-sitelinks li::after {
	position: absolute;
	top: 7px;
	right: -16px;
	content: "";
	background-color: #c6c6c6;
	width: 1px;
	height: 13px
}

.footer-sitelinks li:last-child {
	margin-right: 0
}

.footer-sitelinks li:last-child::after {
	display: none
}

.rollbar {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	width: 50px;
	display: none
}

.rollbar .rollbar-item {
	position: relative;
	margin-top: 10px;
	text-align: center;
	height: 50px;
	border-radius: var(--global-radius);
	background-color: #666;
	color: #fff;
	opacity: .5;
	cursor: pointer;
	transition: all .3s ease-in-out
}

.rollbar .rollbar-item:hover {
	color: #fff;
	opacity: .9
}

.rollbar .rollbar-item .fa {
	line-height: 50px;
	font-size: 18px
}

@media(max-width: 1024px) {
	.rollbar {
		right: -100px
	}
}

.footmenu {
	display: none;
	z-index: 10;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 58px;
	padding-left: 10px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

.footmenu::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, .1);
	transform: scaleY(0.5)
}

.footmenu ul {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.footmenu ul li {
	flex: 0.8;
	text-align: center;
}

.footmenu ul li a {
	text-align: center;
	display: inline-block;
	color: var(--color-gray);
	line-height: 1;
	font-size: 11px;
	padding: 13px 10px
}

.footmenu ul li a i {
	margin-bottom: 5px;
	display: block;
	font-size: 22px;
	color: var(--color-brand)
}

.footmenu ul li:last-child {
	flex: 2;
	text-align: right;
	padding-right: 20px
}

.footmenu ul li:last-child a {
	background-color: var(--color-brand);
	border-radius: var(--global-radius);
	padding: 14px 20px;
	color: #fff;
	font-size: 14px
}

.footmenu ul li:last-child a i {
	margin: 0;
	display: inline-block;
	font-size: 14px;
	color: #fff
}

@media(max-width: 1024px) {
	.footmenu {
		display: block
	}
}