/* Asia Odyssey Travel - Common CSS */

.fa-youtube-square .row {
	display: flex;
	margin: 0 -7px;
	flex-wrap: wrap;
	row-gap: 35px;
}

.youtube-video {
	width: 33.33%;
	padding: 0 7px;
}

.play-shortvideo,
.play-video {
	position: relative
}

.play-video {
	height: 241.47px
}

.play-shortvideo {
	height: 330px
}

.ytb_button {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 60px;
	height: 42px
}

.play-video iframe {
	width: 100%;
	height: 241.47px;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border-radius: 15px
}

.play-video img {
	border-radius: 15px;
	height: 241.47px;
	object-fit: cover
}

.video-title {
	font-weight: 500;
	margin: 10px 0 5px 0
}

.style-scope {
	font-size: 14px;
	color: #606060
}

.expand-more {
	text-align: center;
	margin-top: 20px
}

.expand-more a {
	font-size: 18px;
	font-weight: 500;
	background-color: #b80000;
	cursor: pointer;
	padding: 7px 19px;
	border-radius: 10px;
	color: #fff;
	text-transform: uppercase
}

.expand-more a img {
	margin: -3px -2px 0 5px
}

.short-youtube-square .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7px;
	row-gap: 20px;
}

.youtube-shortvideo {
	width: 20%;
	padding: 0 7px;
}

.play-shortvideo iframe {
	width: 100%;
	height: 330px;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	border-radius: 5px
}

.play-shortvideo img {
	border-radius: 5px;
	height: 330px;
	object-fit: cover
}

.play-shortvideo .ytb_button {
	height: 60px
}

/*=====*/

.peripheral,
.peripherals {
	overflow: hidden
}

.peripheral .row,
.peripherals .row {
	margin: 0 -15px;
	display: block
}

.datalist {
	position: relative
}

.newsq {
	padding: 0 15px;
	width: 25%;
	float: left
}

.newsq a {
	position: relative;
	display: block;
	height: 302px
}

.switchbutton {
	width: 100%;
	position: relative
}

.btn_left,
.btn_right {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #ede5e5;
	box-shadow: 2px 2px 10px rgb(237 229 229/50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99
}

.btn_left {
	left: -45px
}

.btn_right {
	right: -45px
}

.btn_left img,
.btn_right img {
	width: 20px;
	height: 20px
}

.newsq img {
	width: 100%;
	object-fit: cover;
	height: 100%
}

.not_box {
	position: absolute;
	background-color: rgba(0, 0, 0, .2);
	width: 100%;
	height: 100%;
	padding-left: 15px;
	display: flex;
	top: 0
}

.newsq a:hover .new-title {
	text-decoration: underline
}

.new-title {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.3;
	height: 78px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	transform: translate3d(0, 0, 0)
}

.maxbox {
	align-self: flex-end;
	width: 95%;
	padding-bottom: 15px
}

/* ============================================================
   分页 Pagination
   ============================================================ */

/* 分页容器 */
.r-qh-en {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px
}

/* 分页箭头 */
.r_icon_qh {
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	display: none
}

/* 分页底部数字栏 */
.rb_bottom {
	display: flex;
	align-items: center;
	justify-content: center
}

/* 分页数字按钮 */
.fy_y {
	margin: 0 4px;
	cursor: pointer;
	border-radius: 20px;
	height: 40px;
	min-width: 40px;
	padding: 6px;
	transition: background-color .1s linear, border-color .1s linear;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700
}

.fy_y:hover {
	background-color: #f2f2f2
}

/* 分页省略号 */
.fy_d {
	font-weight: 700
}

/* 分页当前选中页 */
.selected,
.selected:hover {
	background-color: #000;
	color: #fff;
	cursor: auto
}

/* ============================================================
   照片墙 Photo Gallery
   ============================================================ */

/* 照片分类容器 */
.classifyall {
	width: 100%;
	margin-top: 30px
}

.classifyall ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -9px
}

.classifyall li {
	padding: 0 9px
}

.classifyall>ul li {
	/*width: 33.33%;*/
	width: 25%;
	margin-bottom: 18px;
	border-radius: 5px
}

.classifyall>ul li img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: all .6s;
	cursor: pointer
}

.classifyall>ul li div {
	overflow: hidden;
	border-radius: 5px
}

.classifyall>ul li img:hover {
	transform: scale(1.1)
}

/* 照片墙标题 */
.photo-wall-caption {
	margin-top: 8px;
	font-size: 15px;
	text-align: center
}

/* =============================================================
   产品列表页共享样式 (提取自 products.html & product-list.html)
   包含: 旅行卡片、筛选栏、响应式布局等
   ============================================================= */
			em {
				color: #000;
			}
			
			h1 {
				margin-bottom: 0;
				color: #000;
				line-height: 1.5;
			}
			
			html {
				color: #000;
			}
			
			h2,
			h3,
			h4,
			h5,
			h6 {
				color: #000;
				font-family: Roboto, Arial, sans-serif;
				margin: 0;
			}
			
			ul,
			p {
				margin: 0;
				padding: 0;
				color: #000;
			}
			
			.reveiws_query {
				margin: 60px 0 100px 0;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap
			}
			
			.reveiws_query .information {
				margin-top: 0;
			}
			
			.reveiws h2 {
				margin-bottom: 40px;
			}
			
			.reveiws .ps a {
				text-decoration: underline;
			}
			
			.l-q-left {
				width: 65.7%
			}
			
			.r-q-left {
				width: 31%
			}
			
			.item-list {
				overflow: hidden
			}
			
			.r-show {
				position: relative
			}
			
			.criticize {
				padding-bottom: 35px;
				border-bottom: 1px solid #ccd1d4;
				margin-bottom: 30px
			}
			
			.information {
				display: flex;
				align-items: center;
				justify-content: space-between
			}
			
			.function,
			.help,
			.star_five ul,
			.user {
				display: flex;
				align-items: center
			}
			
			.user_head img {
				width: 40px;
				height: 40px;
				border-radius: 50%
			}
			
			.user_name {
				font-size: 22px;
				font-weight: 700;
				line-height: 22px
			}
			
			.user_indetail {
				color: #535353;
				font-size: 12px
			}
			
			.star_five li {
				margin-right: 4px
			}
			
			.user_info {
				margin: 0 10px;
				padding-top: 5px
			}
			
			.reveiws_query .content {
				margin-top: 10px;
				line-height: 1.5;
				font-size: 17px
			}
			
			.tours-info p {
				font-size: 17px
			}
			
			.reveiws_query .content .content_vert.txtmore {
				cursor: pointer
			}
			
			.star_five ul {
				height: 21px;
				margin-top: 18px;
				margin-left: 10px
			}
			
			.help {
				margin-right: 15px
			}
			
			.help_num {
				margin-left: 5px
			}
			
			.function .layui-icon-more {
				font-size: 28px
			}
			
			.function span,
			.help .z {
				cursor: pointer
			}
			
			.reveiws_query .hide {
				display: none
			}
			
			.r-q-right {
				width: 30%
			}
			
			.help .z span img {
				margin-top: -4px
			}
			
			.r-atlas .row {
				display: flex;
				margin: 0 -2.5px;
				margin-top: 12px;
				flex-wrap: wrap
			}
			
			.pic {
				padding: 0 2.5px;
				width: 105px;
				height: 100px;
				margin-bottom: 5px;
				border: 0;
				display: none;
				position: relative
			}
			
			.pic img {
				object-fit: cover;
				width: 100%;
				height: 100%
			}
			
			.loading-list {
				width: 100%;
				height: 100%;
				position: absolute;
				background-color: hsla(0, 0%, 100%, .6);
				top: 0;
				left: 0
			}
			
			.loadhide {
				display: none
			}
			
			
			@-webkit-keyframes clockwise {
				0% {
					-webkit-transform: rotate(0)
				}
				to {
					-webkit-transform: rotate(1turn)
				}
			}
			
			@keyframes clockwise {
				0% {
					transform: rotate(0)
				}
				to {
					transform: rotate(1turn)
				}
			}
			
			@-webkit-keyframes donut-rotate {
				0% {
					-webkit-transform: rotate(0)
				}
				50% {
					-webkit-transform: rotate(-140deg)
				}
				to {
					-webkit-transform: rotate(0)
				}
			}
			
			@keyframes donut-rotate {
				0% {
					transform: rotate(0)
				}
				50% {
					transform: rotate(-140deg)
				}
				to {
					transform: rotate(0)
				}
			}
			
			.classification {
				width: 60%
			}
			
			.spfont {
				font-size: 15px;
				font-weight: 500
			}
			
			.cus-desc {
				font-size: 20px
			}
			
			.progress-bar li {
				font-size: 14px
			}
			
			.progress-bar li {
				margin-bottom: 13px
			}
			
			.tagiul li {
				font-size: 15px
			}
			
			.button_sty img {
				width: 12px
			}
			
			.d-model {
				background-color: #f8f6f6;
				padding-bottom: 70px
			}
			
			.than h1 {
				font-size: 48px;
				font-weight: 700;
				text-align: center;
				margin-bottom: 35px;
				color: #000
			}
			
			.brand {
				background-color: #fff;
				padding: 15px 20px;
				border: 1px solid #e5e3e3;
				display: flex;
				align-items: center;
				border-radius: 10px;
				margin-bottom: 30px
			}
			
			.brand-name {
				font-size: 30px;
				font-weight: 500;
				margin-left: 14px
			}
			
			.user-com-card-head {
				padding: 20px 20px;
				background-color: #f0e1e1;
				border-radius: 10px 10px 0 0;
				display: flex;
				align-items: center
			}
			
			.comment-card {
				border: 1px solid #e5e3e3;
				border-radius: 10px
			}
			
			.user-com-card-head .txts {
				font-size: 24px;
				font-weight: 500;
				padding-left: 10px
			}
			
			.user-com-content {
				padding: 25px 20px;
				background-color: #fff;
				border-radius: 0 0 10px 10px
			}
			
			.user-com-content .user_head img {
				width: 68px;
				height: 68px
			}
			
			.user-com-content .user_indetail {
				font-size: 16px;
				color: #595959
			}
			
			.user-com-content .user {
				border-bottom: 1px solid #d2d2d2;
				padding-bottom: 20px
			}
			
			.com-details {
				font-size: 24px;
				font-weight: 500;
				padding: 25px 0
			}
			
			.subtime {
				font-size: 16px
			}
			
			.read-more {
				color: #b80000;
				text-decoration: underline;
				display: none;
				cursor: pointer;
				width: max-content
			}
			
			.reveiws_query .seemore {
				position: absolute;
				background-color: rgba(0, 0, 0, .5);
				bottom: 5px;
				right: 2px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				padding-top: 10px;
				width: 100px;
				height: 100px
			}
			
			.see_box .seemore_icon {
				border: 2px solid #fff;
				border-radius: 50%;
				width: 30px;
				height: 30px;
				margin: auto;
				text-align: center;
				line-height: 24px
			}
			
			.seemore_bt {
				color: #fff;
				margin-top: 5px;
				font-size: 14px;
				font-weight: 500
			}
			
			.r-atlas .row .pic:nth-child(-n+6) {
				display: block
			}
			
			.assemble_k {
				display: flex;
				width: auto;
				position: relative
			}
			
			.Jscab {
				margin-top: 40px;
				position: relative
			}
			
			.bh input {
				padding: 12px 50px 12px 44px;
				border: 1px solid #e0e0e0;
				width: 100%;
				height: 48px;
				border-radius: 30px;
				font-size: 15px;
				font-weight: 500;
				outline: 0
			}
			
			.search_icon_btn {
				border: 0;
				background-color: transparent;
				position: absolute;
				top: 14px;
				left: 18px;
				cursor: pointer
			}
			
			.bh input:focus {
				border-color: #000
			}
			
			.uk-modal-dialog {
				width: 100%;
				height: 100%;
				border-radius: 12px
			}
			
			.uk-lightbox {
				display: none;
				position: fixed;
				top: 161px;
				right: 0;
				bottom: 0;
				width: 90%;
				height: calc(100vh - 215px);
				left: 5%;
				z-index: 1010;
				background: #000;
				opacity: 0;
				transition: opacity .15s linear;
				touch-action: pinch-zoom
			}
			
			.uk-modal-body {
				padding: 0
			}
			
			.Photos_title {
				font-size: 24px;
				font-weight: 500;
				padding: 40px;
				display: flex;
				align-items: center;
				border-bottom: 1px solid #e0e0e0;
				padding-bottom: 16px
			}
			
			.Photos_title img {
				width: 51px;
				margin-right: 20px
			}
			
			.close-photos {
				color: #000;
				padding: 15px
			}
			
			.uk-modal {
				padding: 50px
			}
			
			.uk-lightbox-toolbar-icon {
				display: none
			}
			
			.uk-transition-fade,
			[class*=uk-transition-slide] {
				--uk-translate-x: 0;
				--uk-translate-y: 0;
				opacity: 1
			}
			
			.uk-lightbox-button,
			[class*=uk-transition-slide] {
				color: #fff
			}
			
			.uk-lightbox {
				display: block!important;
				opacity: 1!important
			}
			
			.modal-center {
				width: 100%
			}
			
			.modal-zh {
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 1010;
				overflow-y: auto;
				padding: 40px;
				background: rgba(0, 0, 0, .6);
				width: 100%;
				height: 100%;
				transition: opacity .15s linear
			}
			
			.modal_sons {
				position: relative;
				box-sizing: border-box;
				margin: 0 auto;
				width: 100%;
				height: 100%;
				background: #fff;
				transition: .3s linear;
				border-radius: 12px
			}
			
			.main-body {
				position: fixed;
				top: 161px;
				right: 0;
				bottom: 0;
				width: 90%;
				height: calc(100vh - 215px);
				left: 5%;
				z-index: 1010
			}
			
			.photos_row {
				margin: 0 -2px;
				overflow-y: auto;
				height: 100%
			}
			
			.photos-item .pic {
				padding: 0 2px;
				width: 33.33%;
				height: 520px;
				margin-bottom: 4px;
				float: left;
				overflow: hidden;
				display: block
			}
			
			.photos-item .pic img,
			.photos-item .pic video {
				object-fit: cover;
				height: 100%;
				width: 100%;
				transition: all .3s linear 0s
			}
			
			.photos-item {
				height: 100%
			}
			
			.tagiul .ztactive {
				border-color: #000;
				background-color: #f2f2f2
			}
			
			.bh {
				position: relative
			}
			
			.cleanup {
				position: absolute;
				right: 18px;
				top: 14px;
				background-color: transparent;
				border: 0;
				cursor: pointer;
				display: none
			}
			
			.youtube_img {
				position: absolute;
				top: 0;
				left: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 100%
			}
			
			.youtube_img svg {
				width: 68px
			}
			
			.result-alert-warning {
				color: #8a6d3b;
				background-color: #fcf8e3;
				text-align: center;
				padding: 15px;
				margin-bottom: 20px;
				border: 1px solid transparent;
				font-size: 17px;
				border-radius: 4px
			}
			
			.com-title {
				font-size: 18px;
				font-weight: 700;
				margin-top: 25px;
				margin-bottom: 10px
			}
			
			.keywords {
				background-color: rgba(255, 204, 0, .24)
			}
			
			.uk-transition-opaque {
				display: none
			}
			
			.Comment-Details {
				position: fixed;
				width: 90%;
				background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .53) 10%, rgba(0, 0, 0, .8));
				border-radius: 0 0 2px 2px;
				z-index: 9999;
				bottom: 54px;
				left: 5%;
				padding: 16px
			}
			
			.dest-user-new {
				display: flex;
				align-items: center
			}
			
			.dest-new-content,
			.dest-user-new .user_indetail,
			.dest-user-new .user_name {
				color: #fff
			}
			
			.Comment-Details .star_five ul {
				margin-left: 0
			}
			
			.dest-new-content {
				font-size: 15px;
				margin-top: 10px
			}
			
			.All-images {
				position: fixed;
				top: 161px;
				background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .53) 48%, rgba(0, 0, 0, 0));
				height: 56px;
				width: 90%;
				left: 5%;
				z-index: 9999
			}
			
			.whole {
				background-color: #fff;
				position: absolute;
				margin: 16px;
				border-radius: 16px;
				height: 32px;
				min-width: 32px;
				cursor: pointer;
				padding: 4px 12px 4px 4px;
				font-size: 12px;
				display: flex;
				align-items: center
			}
			
			.whole img {
				margin-right: 5px;
				margin-left: 5px
			}
			
			.fullname-error {
				color: #b80000;
				margin-bottom: 10px;
				font-size: 15px
			}
			
			a:hover {
				color: currentColor;
				text-decoration: none
			}
			
			.tours-info p a {
				color: #b80000;
				font-weight: 500
			}
			
			.tours-info p a:hover {
				text-decoration: underline
			}
			.chart_right {
				position: sticky;
				top: 63px
			}
			
			.trip {
				text-align: center
			}
			
			.tours-info {
				margin-top: 10px
			}
			
			.uk-lightbox {
				overflow: hidden;
			}
			
			.uk-icon {
				margin: 0;
				border: none;
				border-radius: 0;
				overflow: visible;
				font: inherit;
				color: inherit;
				text-transform: none;
				padding: 0;
				background-color: transparent;
				display: inline-block;
				fill: currentcolor;
				line-height: 0;
			}
			
			.uk-lightbox-items>* {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: none;
				justify-content: center;
				align-items: center;
				color: rgba(255, 255, 255, .7);
				will-change: transform, opacity
			}
			
			.uk-lightbox-items>.uk-active {
				display: flex
			}
			
			.uk-lightbox-items>*>:not(iframe) {
				width: auto;
				height: 100%
			}
			
			.uk-lightbox-items>*>* {
				max-width: 100vw;
				max-height: 100vh
			}
			
			.uk-position-medium {
				margin: 0 30px;
				--uk-position-margin-offset: 30px
			}
			
			[class*=uk-position-center-left],
			[class*=uk-position-center-right] {
				top: calc(50% - var(--uk-position-margin-offset));
				--uk-position-translate-y: -50%;
				transform: translate(0, var(--uk-position-translate-y))
			}
			
			[class*=uk-modal-close-] {
				position: absolute;
				z-index: 1010;
				top: 10px;
				right: 10px;
			}
			
			.uk-close {
				color: #999;
				transition: .1s ease-in-out;
				transition-property: color, opacity;
				padding: 15px;
				cursor: pointer;
			}
			
			.uk-slidenav {
				padding: 5px 10px;
			}
			
			.uk-lightbox-button {
				box-sizing: border-box;
				width: 50px;
				height: 50px;
				background: rgba(0, 0, 0, .3);
				color: rgba(255, 255, 255, .7);
				display: inline-flex;
				justify-content: center;
				align-items: center;
			}
			
			[class*=uk-position-bottom],
			[class*=uk-position-center],
			[class*=uk-position-left],
			[class*=uk-position-right],
			[class*=uk-position-top] {
				position: absolute !important;
				max-width: calc(100% -(var(--uk-position-margin-offset)* 2));
				box-sizing: border-box;
			}
			
			[class*=uk-position-center-left],
			[class*=uk-position-center-right] {
				top: calc(50% - var(--uk-position-margin-offset));
				--uk-position-translate-y: -50%;
				transform: translate(0, var(--uk-position-translate-y));
			}
			
			.uk-position-center-left {
				left: 0;
			}
			
			.uk-transition-fade,
			[class*=uk-transition-scale],
			[class*=uk-transition-slide] {
				--uk-translate-x: 0;
				--uk-translate-y: 0;
				--uk-scale-x: 1;
				--uk-scale-y: 1;
				transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y));
				transition: .3s ease-out;
				transition-property: opacity, transform, filter;
				opacity: 0;
			}
			
			.uk-transition-fade,
			[class*=uk-transition-slide] {
				--uk-translate-x: 0;
				--uk-translate-y: 0;
				opacity: 1;
			}
			
			.uk-lightbox-button,
			[class*=uk-transition-slide] {
				color: #fff;
			}
			
			.uk-position-center-right {
				right: 0;
			}
			
			.uk-lightbox-button polyline {
				stroke: #fff;
			}
			
			@media(max-width:1099px) {
				.r-q-right {
					display: none
				}
				.l-q-left {
					width: 100%
				}
				
			}
			.r-remo-all {
				border: 1px solid #7d7d7d;
				color: #7d7d7d;
				padding: 2px 6px;
				border-radius: 3px;
				margin-left: 10px
			}
			
			.r-remo-all:hover {
				background-color: #7d7d7d;
				color: #fff
			}
			
			.uk-h1,
			.uk-h2,
			.uk-h3,
			.uk-h4,
			.uk-h5,
			.uk-h6,
			.uk-heading-2xlarge,
			.uk-heading-large,
			.uk-heading-medium,
			.uk-heading-small,
			.uk-heading-xlarge,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				margin: 0;
			}
			
			a:hover {
				text-decoration: none;
			}
			
			h5 {
				margin: 0;
			}
			
			@media(max-width:1920px) {
				.photos-item .pic {
					height: 424px
				}
			}
			
			@media(max-width:1680px) {
				.photos-item .pic {
					height: 364px
				}
			}
			
			@media(max-width:1499px) {
				.reveiws_query .trip {
					font-size: 22px;
				}
				.photos-item .pic {
					height: 304px
				}
			}
			
			@media(max-width:1399px) {
				.reveiws_query .trip {
					font-size: 20px;
				}
				.reveiws_query .chart_right {
					padding: 25px;
				}
				.photos-item .pic {
					height: 284px
				}
			}
			
			@media(max-width:1299px) {
				.r-q-right .textarea {
					width: 84%;
				}
				.reveiws_query .chart_right {
					padding: 20px;
				}
				.reveiws_query .trip {
					font-size: 19px;
				}
				.photos-item .pic {
					height: 264px
				}
			}
			
			@media(max-width:1099px) {
				.photos-item .pic {
					height: 216px
				}
			}
			
			@media(max-width:999px) {
				.photos-item .pic {
					height: 192px
				}
			}
			
			.Parent .information {
				display: block;
			}
			
			.reveiws {
				margin-top: 100px;
			}
			
			.chart_right {
				top: 0;
			}
			
			.showbutton:hover {
				text-decoration: none;
				background-color: #f7f1f1;
				color: #f7f1f1;
			}
			
			.showbutton:hover a {
				color: #b80000;
			}
			
			.criticize .information {
				margin-top: 0;
			}
			
			.reveiws {
				margin-top: 0;
			}
			
			.Carouselchart {
				position: relative;
			}
			
			.Carouselchart img {
				width: 100%
			}
			
			.uk-dotnav>* {
				padding-left: 18px
			}
			
			.uk-dotnav>.uk-active>* {
				background-color: #fff
			}
			
			.uk-slideshow {
				-webkit-tap-highlight-color: transparent
			}
			
			.uk-slideshow-items {
				position: relative;
				z-index: 0;
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
				touch-action: pan-y
			}
			
			[data-uk-cover],
			[uk-cover] {
				max-width: none;
				position: absolute;
				left: 50%;
				top: 50%;
				--uk-position-translate-x: -50%;
				--uk-position-translate-y: -50%;
				transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y))
			}
			
			.uk-slideshow-items>:not(.uk-active) {
				display: none
			}
			
			.uk-slideshow-items>* {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				overflow: hidden;
				will-change: transform, opacity
			}
			
			.uk-dotnav {
				position: absolute;
				left: 47%;
				bottom: 25px
			}
			
			.uk-dotnav {
				display: flex;
				flex-wrap: wrap;
				margin: 0;
				padding: 0;
				list-style: none;
				margin-left: -12px
			}
			
			.uk-dotnav>* {
				flex: none
			}
			
			.uk-dotnav>*>* {
				display: block;
				box-sizing: border-box;
				width: 18px;
				height: 18px;
				border-radius: 50%;
				background: 0 0;
				text-indent: 100%;
				overflow: hidden;
				white-space: nowrap;
				transition: .2s ease-in-out;
				transition-property: background-color, border-color;
				background-color: rgba(0, 0, 0, .5);
				border: 0
			}
			
			body {
				line-height: 1.5;
				font-size: 17px
			}

			@media (max-width:767px) {
				body {
					font-size: 15px
				}
			}
			
			h1 {
				font-size: 36px;
				font-weight: 700;
				font-family: Times New Roman, Times, serif;
				text-align: center;
				margin-bottom: 30px
			}
			
			.banner,
			.banner img {
				width: 100%
			}
			
			.introduction {
				display: flex;
				justify-content: space-between
			}
			
			.int_test table {
				margin-bottom: 20px;
				border-spacing: revert;
				border-collapse: collapse;
				width: 100%
			}
			
			.int_test td,
			.int_test th {
				text-align: left;
				padding: 10px 20px;
				border: 1px solid #e9dfdf
			}
			
			.int_test {
				width: 66%
			}
			
			.content-l {
				width: 32%;
				border-radius: 10px;
				height: max-content
			}
			
			.picture iframe,
			.picture img {
				width: 100%;
				margin-top: 6px;
				border-radius: 5px
			}
			
			.int_test p {
				margin-bottom: 20px
			}
			
			.int_test a,
			.desc a {
				text-decoration: underline;
			}
			
			.score {
				margin-top: 10px;
				display: flex;
				align-items: center;
				flex-wrap: wrap
			}
			
			.x1 {
				margin-left: 5px;
				font-size: 20px
			}
			
			.x2 {
				margin-left: 20px;
				font-size: 22px
			}
			
			.dot {
				margin-left: 10px
			}
			
			.score>ul li {
				width: 16px;
				height: 16px;
				background-color: #00aa6c;
				border-radius: 10px;
				float: left;
				margin-left: 2px;
				display: inline-block
			}
			
			.slogan {
				margin-top: 10px
			}
			
			.us {
				padding: 35px 30px;
				background-color: #f7f1f1;
				border-radius: 10px;
				margin: 40px 0 50px 0
			}
			
			.us h3 {
				font-size: 24px;
				font-weight: 500;
				text-align: center;
				margin-bottom: 35px
			}
			
			.us .row {
				margin: 0 -30px;
				display: flex;
				flex-wrap: wrap
			}
			
			.item {
				width: 25%
			}
			
			.item,
			.item_icon {
				display: flex;
				align-items: center
			}
			
			.item {
				padding: 0 20px;
				position: relative
			}
			
			.item_icon {
				border: 1px solid #b80000;
				border-radius: 50%;
				width: 50px;
				height: 50px;
				justify-content: center;
				flex-shrink: 0
			}
			
			.item_text {
				margin-left: 12px;
				font-size: 16px
			}
			
			.item:after {
				display: table;
				content: '';
				position: absolute;
				width: 1px;
				height: 80%;
				top: 6px;
				right: 0;
				background-color: #d5cec1
			}
			
			.item:last-child:after {
				display: none
			}
			
			h2 {
				text-align: center;
				margin: 80px 0 20px;
				font-size: 30px;
				font-weight: 700
			}
			
			.desc {
				margin-bottom: 30px
			}
			
			.container .row {
				row-gap: 25px;
				margin: 0 -13px;
				display: flex;
				flex-wrap: wrap
			}
			
			.second {
				width: 33.33%;
				padding: 0 13px
			}
			
			.Subbox {
				border-radius: 10px;
				height: 100%;
				background: #f3f3f3
			}
			
			.goodsimg a {
				display: block;
				overflow: hidden
			}
			
			.goodsimg a,
			.goodsimg a .las_pic {
				border-radius: 10px 10px 0 0
			}
			
			.goodsimg a .las_pic {
				transition: all .3s linear 0s
			}
			
			.bottom_content {
				padding: 20px;
				padding-bottom: 25px
			}
			
			.tourabtn:hover {
				background-color: #b80000;
				color: #fff
			}
			
			.title_h3 {
				font-weight: 700;
				font-size: 19px
			}
			
			.title_h3 a:hover {
				color: #b80000;
				text-decoration: underline
			}
			
			.dizhi {
				font-size: 15px;
				height: 67px;
			}
			
			.iconic {
				display: flex;
				margin-bottom: 10px;
				row-gap: 10px;
				align-items: center;
				margin-top: 15px;
				flex-wrap: wrap
			}
			
			.ml-lg-4 .iconic {
				row-gap: 5px;
			}
			
			.Essentlals {
				color: #fff;
				background-color: #f37272;
				font-size: 15px;
				padding: 1px 10px;
				border-radius: 4px;
			}
			
			.days {
				display: flex;
				align-items: center;
				margin-right: 15px;
			}
			
			.days:last-child {
				margin-right: 0
			}
			
			.date {
				font-size: 15px;
				padding-top: 3px;
				padding-left: 5px
			}
			
			.second .tourabtn {
				margin-top: 20px
			}
			
			.tourabtn {
				border-radius: 5px;
				padding: 4px 18px;
				display: block;
				width: max-content;
				font-weight: 500;
				border: 1px solid #b80000;
				color: #b80000;
				font-size: 16px
			}
			
			.Subbox:hover {
				box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25)
			}
			
			.findall .row {
				display: flex;
				margin: 0 -13px;
				flex-wrap: wrap;
				row-gap: 25px;
			}
			
			.sonsw {
				padding: 0 13px;
				width: 25%;
			}
			
			.ml-lg-4 .second {
				width: 25%;
				padding: 0 6px
			}
			
			.head-screen>ul li {
				width: 9.1%;
				border-right: 1px solid #f37272;
				text-align: center;
				height: 62px;
				line-height: 62px;
				font-size: 17px;
				cursor: pointer
			}
			
			.sonsw a {
				display: block;
				position: relative
			}
			
			.sonsw img {
				width: 100%;
				border-radius: 10px
			}
			
			.alt_ {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 10px;
				background-color: rgba(0, 0, 0, .2);
				display: flex;
				justify-content: center;
				align-items: center
			}
			
			.alt_ span {
				color: #fff;
				font-size: 27px;
				font-weight: 700;
				text-shadow: 0 2px 3px #5d5d5d
			}
			
			.sonsw:hover .alt_ span {
				text-decoration: underline
			}
			
			.link {
				background-color: #f7f1f1;
				padding: 40px 0;
				margin: 80px 0;
				padding-bottom: 20px
			}
			
			.link h2 {
				margin-top: 20px
			}
			
			.theme {
				margin: 0 -18px
			}
			
			.theme .row {
				display: flex;
				flex-wrap: wrap
			}
			
			.card-group {
				width: 50%;
				padding: 0 18px;
				margin-bottom: 15px
			}
			
			.card-tow {
				width: 100%;
				height: 95px;
				position: relative
			}
			
			.card-tow img {
				width: 100%;
				height: 100%;
				border-radius: 10px;
				object-fit: cover
			}
			
			.card-make {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 10px;
				background-color: rgba(0, 0, 0, .2);
				padding: 30px 40px;
				display: flex;
				justify-content: space-between;
				align-items: center
			}
			
			.card-make-title {
				font-size: 27px;
				font-weight: 700;
				color: #fff
			}
			
			.card-make-btn {
				display: block;
				color: #fff;
				border: 1px solid;
				border-radius: 30px;
				padding: 6px 25px;
				backdrop-filter: blur(3px);
				background-color: rgba(255, 255, 255, .1);
				filter: blur(0)
			}
			
			.card-group ul {
				display: flex;
				flex-wrap: wrap;
				margin-top: 25px
			}
			
			.card-group ul li {
				width: 50%;
				font-size: 18px;
				margin-bottom: 15px
			}
			
			.card-group ul li a {
				text-decoration: underline
			}
			
			.card-group ul li a:hover {
				color: #b80000
			}
			
			.ml-lg-4 .row {
				margin: 0 -6px
			}
			
			.ml-lg-4 .title_h3 {
				font-size: 17px
			}
			
			.ml-lg-4 .days_icon img {
				width: 16px;
				height: 16px
			}
			
			.ml-lg-4 .date,
			.ml-lg-4 .dizhi {
				font-size: 13px
			}
			
			.days-paret {
				display: flex;
				align-items: center;
				width: 100%;
			}
			
			.ml-lg-4 .Essentlals {
				font-size: 12px;
				margin-right: 20px;
			}
			
			.ml-lg-4 .tourabtn {
				font-size: 14px;
				padding: 4px 15px
			}
			
			.showbutton {
				margin-top: 40px
			}
			
			.ml-lg-4 .bottom_content {
				padding-bottom: 20px
			}
			
			.ml-lg-4 .iconic {
				margin-top: 10px;
			}
			
			.head-screen {
				margin-top: 40px
			}
			
			.head-screen>ul {
				border: 1px solid #f37272;
				border-radius: 10px;
				display: flex
			}
			
			.head-screen>ul li:last-child {
				border-right: 0;
				border-radius: 0 8px 8px 0
			}
			
			.head-screen>ul li:first-child {
				border-radius: 8px 0 0 8px
			}
			
			.head-screen>ul li:hover {
				background-color: #f37272;
				color: #fff;
				font-weight: 500
			}
			
			.head-screen>ul .active {
				background-color: #f37272;
				color: #fff;
				font-weight: 500
			}
			
			.content-small>div {
				display: none
			}
			
			.content-small>div.active {
				display: block
			}
			
			.content-small {
				margin-top: 42px
			}
			
			.cruise-title {
				font-size: 20px;
				font-weight: 700
			}
			
			.cruise-item {
				display: flex;
				justify-content: space-between;
				margin-bottom: 20px
			}
			
			.cruise-item .days-paret {
				width: auto;
			}
			
			.cruise-item-pic {
				width: 35%;
				height: 280px;
			}
			
			.cruise-item-pic a {
				display: block;
				height: 100%;
				overflow: hidden;
				width: 100%;
			}
			
			.cruise-item-pic .las_pic {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all .3s linear 0s
			}
			
			.cruise-item .iconic {
				margin-bottom: 7px;
			}
			
			.cruise-item .Essentlals {
				margin-right: 20px;
			}
			
			.cruise-item-desc {
				width: 65%;
				box-shadow: 0 0 5.34px .66px rgba(154, 164, 184, .34);
				background-color: #fff;
				padding: 30px;
				display: flex;
				flex-wrap: wrap
			}
			
			.cruise-title a {
				color: #000
			}
			
			.cruise-title a:hover {
				text-decoration: underline
			}
			
			.cruise-item-pic .las_pic:hover {
				transform-style: preserve-3d;
				transform: translateX(-10px) scale(1.1)
			}
			
			.cruise-group {
				font-size: 16px;
				align-self: flex-end
			}
			
			.plans {
				margin: 90px 0 80px 0;
				width: 100%;
				height: 100%;
				background-color: #f7f1f1;
				padding: 1px 0 40px
			}
			
			.tolhasa {
				font-size: 18px;
				font-weight: 500;
				margin-top: 40px
			}
			
			.m_deom {
				margin-top: 22px;
				margin-bottom: 25px;
			}
			
			.select_now {
				width: max-content;
				float: right;
				color: #fff;
				background-color: #f37272;
				padding: 7px 18px;
				border-radius: 20px;
				transition: all .2s;
			}
			
			.tolhasa a {
				color: #b80000
			}
			
			.tolhasa a:hover {
				text-decoration: underline
			}
			
			.tolhasa img {
				margin-left: 10px;
				margin-top: -2px
			}
			/*----*/
			
			.hide {
				display: none
			}
			
			.submit {
				padding: 7px 0;
			}
			
			.row1 {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -14px;
				margin-top: 20px
			}
			
			.col-lg-0 {
				padding: 0 14px;
				width: 11.1%;
				text-align: center;
				margin-top: 20px
			}
			
			.teamimg {
				width: 100%;
				position: relative
			}
			
			.teamimg img {
				border: 1px solid #ddd;
				padding: 2px;
				border-radius: 50%;
				width: 100%
			}
			
			.imgname {
				font-size: 17px;
				margin-top: 10px
			}
			
			.team {
				margin-bottom: 100px
			}
			
			.margin20 {
				margin: 21px 0
			}
			
			.plans h2 {
				margin-top: 60px
			}
			
			.quick {
				width: 100%;
				height: 100%;
				background-color: #f7f1f1;
				position: sticky;
				top: 0;
				z-index: 99;
				border-bottom: 1px solid #e9dfdf;
			}
			
			ul.group {
				height: 58px;
				display: flex;
				justify-content: space-between;
			}
			
			.group li {
				height: 100%;
				line-height: 58px;
				padding: 0 20px;
				font-size: 18px;
				color: #b80000;
				text-align: center;
				font-weight: 500;
				cursor: pointer;
			}
			
			.group .activeds {
				color: #fff;
				background-color: #b80000;
				font-weight: 700;
			}
			
			.classification1 .dizhi {
				height: 58px
			}
			
			.classification2 .dizhi {
				height: 39px
			}
			
			.classification2 .days-paret {
				width: 100%
			}
			
			.classification3 .dizhi,
			.classification4 .dizhi {
				height: 78px
			}
			
			span.yt {
				display: none;
				margin: auto;
				width: max-content
			}
			
			.active span.yt {
				display: block;
			}
			
			span.yt_zx {
				width: 3px;
				height: 20px;
				background-color: #f37272;
				display: block;
				margin-left: 2px
			}
			
			span.yt_yuan {
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background-color: #f37272;
				display: block
			}
			
			.mark {
				text-align: left;
				display: flex;
				align-items: center;
			}
			
			.mark span {
				flex-shrink: 0;
				background: #f3f3f3;
				width: 64px;
				height: 50px;
				border-radius: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 15px;
			}
			
			.banner1300,
			.banner1300 img {
				width: 100%;
			}
			
			.banner1300 {
				margin-top: 60px;
			}
			
			@media(max-width:1499px) {
				ul.group {
					height: 52px;
				}
				.group li {
					line-height: 52px;
				}
				.group li {
					padding: 0 14px;
				}
				.Essentlals {
					font-size: 14px;
				}
				.item {
					width: 50%;
					font-size: 17px;
					margin-bottom: 20px
				}
				.us {
					padding-bottom: 10px
				}
				.item:nth-child(2):after {
					display: none
				}
				.not_box {
					padding-left: 15px
				}
				.maxbox {
					width: 95%
				}
				.newsq a {
					height: 270px
				}
				.not_box {
					padding-top: 155px
				}
				.ml-lg-4 .Essentlals {
					margin-right: 10px
				}
				.ml-lg-4 .days-paret {
					width: 100%;
				}
			}
			
			@media(max-width:1399px) {
				.group li {
					padding: 0 10px;
					font-size: 17px;
				}
				.cruise-details {
					font-size: 17px
				}
				.ml-lg-4 .bottom_content {
					padding: 15px
				}
			}
			
			@media(max-width:1299px) {
				.group li {
					padding: 0 6px;
					font-size: 16px;
				}
				.ml-lg-4 .Essentlals {
					margin-right: 0;
				}
				.new-title {
					height: 60px
				}
				.card-make-title {
					font-size: 22px
				}
				.date {
					font-size: 14px
				}
				.margin20 {
					margin: 20px 0
				}
				.tourabtn {
					padding: 4px 13px;
					font-size: 15px
				}
				.title_h3 {
					font-size: 18px
				}
				.card-group ul li {
					font-size: 17px
				}
				.alt_ span {
					font-size: 24px
				}
				.Essentlals {
					font-size: 14px;
					padding-right: 12px
				}
				.bottom_content {
					padding: 15px;
					padding-bottom: 20px
				}
				.col-lg-0 {
					width: 14%
				}
				.row1 {
					flex-wrap: wrap
				}
				.newsq a {
					height: 230px
				}
				.btn_right {
					right: -30px
				}
				.btn_left {
					left: -30px
				}
				.new-title {
					font-size: 16px
				}
			}
			
			@media(max-width:1099px) {
				.group li {
					font-size: 14px;
				}
				.ml-lg-4 .Essentlals {
					margin-right: 20px;
				}
				h1 {
					font-size: 32px
				}
				.x2 {
					margin-left: 10px
				}
				.card-make {
					padding: 30px 20px
				}
				.head-screen>ul li {
					font-size: 15px
				}
				.ml-lg-4 .second {
					width: 33.33%
				}
				.col-lg-0 {
					width: 16.6%
				}
				.us h3 {
					font-size: 22px
				}
				.newsq a {
					height: 210px
				}
				h2 {
					font-size: 28px
				}
				.not_box {
					padding-left: 15px
				}
				.maxbox {
					width: 100%
				}
				.btn_right {
					right: 0
				}
				.new-title {
					font-size: 15px
				}
				.btn_right {
					right: -25px
				}
				.btn_left {
					left: -25px
				}
			}
			
			@media(max-width:999px) {
				.classification2 .days-paret {
					width: auto;
				}
				.quick {
					display: none;
				}
				.ml-lg-4 .days-paret {
					width: auto;
				}
				.head-screen>ul {
					flex-wrap: wrap
				}
				.head-screen>ul,
				.head-screen>ul li:first-child {
					border-radius: 0
				}
				.head-screen>ul li:last-child {
					border-right: 1px solid #f37272;
					border-radius: 0
				}
				.head-screen>ul li {
					width: 25%
				}
				.head-screen>ul li:nth-child(4n) {
					border-right: 0
				}
				.newsq a {
					height: 170px
				}
				.content-l {
					display: none
				}
				.int_test {
					width: 100%
				}
				.ml-lg-4 .second,
				.second {
					width: 50%
				}
				.cruise-item-desc {
					margin-left: 20px
				}
			}
			
			@media(max-width:899px) {
				.alt_ span {
					font-size: 20px
				}
				.card-group {
					width: 100%
				}
				.us h3 {
					font-size: 20px
				}
				.cruise-title {
					font-size: 17px
				}
				.cruise-group {
					font-size: 15px
				}
			}
			
			@media(max-width:799px) {
				.cruise-item {
					display: block
				}
				.cruise-item-desc,
				.cruise-item-pic {
					width: 100%
				}
				.cruise-item-desc {
					margin-left: 0
				}
				.cur-zw {
					margin-bottom: 20px
				}
			}
			
			.sell_item a {
				width: 280px;
				height: 360px;
				display: block;
				position: relative
			}
			
			.sell_item {
				margin-right: 10px
			}
			
			.sell_item:last-child {
				margin-right: 0
			}
			
			.sell_item img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 10px
			}
			
			.s_mask {
				background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .35) 100%);
				height: 100%;
				padding: 0 5px;
				padding-top: 280px;
				display: block;
				text-decoration: none;
				color: #fff;
				position: absolute;
				top: 0;
				width: 100%;
				left: 0;
				text-align: center;
				font-size: 23px;
				text-shadow: 1px 1px 1px #000;
				font-weight: 600;
				border-radius: 10px
			}
			
			.landing_sell {
				display: flex;
				overflow-x: auto;
				padding-bottom: 5px
			}
			
			@media(max-width:1499px) {
				.sell_item a {
					width: 275px;
				}
			}
			
			@media(max-width:1399px) {
				.sell_item a {
					width: 250px;
					height: 340px;
				}
				.s_mask {
					font-size: 23px;
					padding-top: 250px;
				}
			}
			
			@media(max-width:1299px) {
				.sell_item a {
					width: 230px;
					height: 320px;
				}
				.s_mask {
					padding-top: 245px;
					font-size: 20px;
				}
			}
			
			.banner1300 {
				width: 100%;
				margin-top: 60px;
			}
			
			.banner1300 img {
				width: 100%;
			}
			
			.layui-icon {
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none
			}
			
			@font-face {
				font-family: layui-icon;
				src: url(fonts/iconfont.eot?v=256);
				src: url(fonts/iconfont.eot?v=256#iefix) format('embedded-opentype'), url(fonts/iconfont.woff2?v=256) format('woff2'), url(fonts/iconfont.woff?v=256) format('woff'), url(fonts/iconfont.ttf?v=256) format('truetype'), url(fonts/iconfont.svg?v=256#layui-icon) format('svg')
			}
			
			.layui-icon {
				font-family: layui-icon!important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale
			}
			
			.layui-icon-close:before {
				content: "\1006"
			}
			
			.layui-form-item {
				margin-bottom: 15px;
				clear: both;
				*zoom: 1
			}
			
			.layui-form-item:after {
				content: '\20';
				clear: both;
				*zoom: 1;
				display: block;
				height: 0
			}
			
			.layui-form-label {
				position: relative;
				display: block;
			}
			
			@media screen and (max-width:450px) {
				.layui-form-item .layui-form-label {
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap
				}
			}
			
			.layui-layer,
			.layui-layer-shade {
				position: fixed;
				_position: absolute;
				pointer-events: auto
			}
			
			.layui-layer-shade {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				_height: expression(document.body.offsetHeight+"px")
			}
			
			.layui-layer {
				-webkit-overflow-scrolling: touch
			}
			
			.layui-layer {
				top: 150px;
				left: 0;
				margin: 0;
				padding: 0;
				background-color: #fff;
				-webkit-background-clip: content;
				border-radius: 2px;
				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
			}
			
			.layui-layer-close {
				position: absolute
			}
			
			.layui-layer-content {
				position: relative
			}
			
			.layui-layer-setwin span {
				display: inline-block;
				*display: inline;
				*zoom: 1;
				vertical-align: top
			}
			
			.layui-layer-resize {
				position: absolute;
				width: 15px;
				height: 15px;
				right: 0;
				bottom: 0;
				cursor: se-resize
			}
			
			.layui-layer-title {
				padding: 0 80px 0 20px;
				height: 50px;
				line-height: 50px;
				border-bottom: 1px solid #f0f0f0;
				font-size: 14px;
				color: #333;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				border-radius: 2px 2px 0 0
			}
			
			.layui-layer-setwin {
				position: absolute;
				right: 15px;
				*right: 0;
				top: 16px;
				font-size: 0;
				line-height: initial
			}
			
			.layui-layer-setwin span {
				position: relative;
				width: 16px;
				height: 16px;
				line-height: 18px;
				margin-left: 10px;
				text-align: center;
				cursor: pointer;
				color: #000;
				_overflow: hidden
			}
			
			.layui-layer-setwin .layui-layer-close {
				cursor: pointer
			}
			
			.form-comment .layui-form-label {
				padding-bottom: 10px;
			}
			
			.layui-layer-setwin .layui-layer-close:hover {
				opacity: .7
			}
			
			.radio label {
				font-size: 14px;
			}
			
			.layui-layer-shade {
				opacity: 0.6 !important;
			}
			
			.layer-anim {
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-duration: .3s;
				animation-duration: .3s
			}
			
			@-webkit-keyframes layer-bounceIn {
				0% {
					opacity: 0;
					-webkit-transform: scale(.5);
					transform: scale(.5)
				}
				100% {
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1)
				}
			}
			
			@keyframes layer-bounceIn {
				0% {
					opacity: 0;
					-webkit-transform: scale(.5);
					-ms-transform: scale(.5);
					transform: scale(.5)
				}
				100% {
					opacity: 1;
					-webkit-transform: scale(1);
					-ms-transform: scale(1);
					transform: scale(1)
				}
			}
			
			.layer-anim-00 {
				-webkit-animation-name: layer-bounceIn;
				animation-name: layer-bounceIn
			}
			
			@-webkit-keyframes layer-zoomInDown {
				0% {
					opacity: 0;
					-webkit-transform: scale(.1) translateY(-2000px);
					transform: scale(.1) translateY(-2000px);
					-webkit-animation-timing-function: ease-in-out;
					animation-timing-function: ease-in-out
				}
				60% {
					opacity: 1;
					-webkit-transform: scale(.475) translateY(60px);
					transform: scale(.475) translateY(60px);
					-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out
				}
			}
			
			@-webkit-keyframes layer-bounceOut {
				100% {
					opacity: 0;
					-webkit-transform: scale(.7);
					transform: scale(.7)
				}
				30% {
					-webkit-transform: scale(1.05);
					transform: scale(1.05)
				}
				0% {
					-webkit-transform: scale(1);
					transform: scale(1)
				}
			}
			
			@keyframes layer-bounceOut {
				100% {
					opacity: 0;
					-webkit-transform: scale(.7);
					-ms-transform: scale(.7);
					transform: scale(.7)
				}
				30% {
					-webkit-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05)
				}
				0% {
					-webkit-transform: scale(1);
					-ms-transform: scale(1);
					transform: scale(1)
				}
			}
			
			.layer-anim-close {
				-webkit-animation-name: layer-bounceOut;
				animation-name: layer-bounceOut;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-duration: .2s;
				animation-duration: .2s
			}
			
			.formwarp h2 {
				margin: 0 0 20px 0;
			}
			
			.book:hover {
				color: #f37272;
				text-decoration: underline;
			}
			
			.formwarp h2 {
				text-align: left;
			}
			
			.LiarArticle .row {
				display: flex;
				flex-wrap: wrap;
				row-gap: 25px;
				margin: 0 -13px;
			}
			
			.LiarArticle .dizhi {
				font-size: 14px;
				color: #333;
				margin-bottom: 10px;
			}
			
			.LiarArticle .row>div {
				padding: 0 13px;
				width: 33.33%
			}
			
			.img a {
				overflow: hidden;
				display: block;
			}
			
			.img a .las_pic {
				width: 100%;
				transition: all .3s linear 0s;
			}
			
			.img a .las_pic:hover {
				transform-style: preserve-3d;
				transform: translateX(-10px) scale(1.1);
			}
			
			.row:after,
			.row:before {
				display: table;
				content: ""
			}
			
			.row:after {
				clear: both
			}
			
			.bottom_content {
				padding: 15px 20px 20px;
				background-color: #f3f3f3
			}
			
			.bottom_content .tourabtn {
				margin-top: 20px
			}
			
			.goods1 .tourabtn {
				margin-top: 10px
			}
			
			.stable {
				font-size: 15px;
				font-weight: 700;
				color: #201e21;
				margin: 12px 0
			}
			
			.sinput {
				width: 100%;
				padding: 6px 10px;
				background: #fff;
				font-size: 14px;
				border: 1px solid #ddd;
				position: relative;
				cursor: pointer
			}
			
			.Depart {
				font-size: 14px;
				color: #999;
				width: 80%
			}
			
			.book {
				font-size: 13px;
				color: #f37272;
				text-decoration: underline;
				width: 10%;
				right: 55px;
				top: 7px
			}
			
			.book,
			.zbottom {
				position: absolute
			}
			
			.zbottom {
				right: 20px;
				top: 9px
			}
			
			.price {
				margin: 25px 0 0;
				font-size: 15px
			}
			
			.price i {
				color: #b80000;
				font-weight: 500
			}
			
			.price i {
				font-style: inherit
			}
			
			.tourabtn {
				border-radius: 3px;
				padding: .25em 1.3em;
				display: block;
				width: max-content;
				font-weight: 700;
				border: 1px solid #b80000;
				color: #b80000;
				font-size: 14px;
				margin-top: 2px
			}
			
			.tourabtn:hover {
				background-color: #b80000;
				color: #fff
			}
			
			.bottom_content:after,
			.bottom_content:before {
				display: table;
				content: " "
			}
			
			.bottom_content:after {
				clear: both
			}
			
			.depart_book {
				display: none;
				width: 100%
			}
			
			.depart_book {
				z-index: 1;
				max-height: 300px;
				position: absolute;
				overflow-y: scroll;
				border: 1px solid #ddd;
				background-color: #fff;
				border-top: 0
			}
			
			.Parent {
				position: relative
			}
			
			.sons {
				border: 0;
				margin: 3px;
				width: auto!important;
				padding: 7px 10px
			}
			
			.depr {
				right: 37px
			}
			
			.depart_book .sons:hover {
				background-color: #f5f5f5;
				box-shadow: 0 0 4px #c1c1c1
			}
			
			.price_chart {
				display: flex;
				align-items: center;
				margin: 20px 0 10px 0;
			}
			
			.price {
				margin: 0;
			}
			
			.listprice {
				margin-left: 20px;
				color: #555;
				margin-top: 4px;
				font-size: 13px;
			}
			
			.listprice span {
				text-decoration: line-through;
			}
			
			.price i {
				font-size: 18px;
			}
			
			.bestseller .seasonaloffer_icon {
				left: -12px;
				top: 15px;
			}
			
			.pcsty1,
			.pcsty2 {
				font-size: 12px;
				font-weight: 300
			}
			
			.pcsty2 {
				color: #b80000;
				font-size: 14px
			}
			
			.pcsty3,
			.pcsty4 {
				font-size: 14px;
				font-weight: 700
			}
			
			.pcsty4 {
				font-size: 18px;
				color: #b80000
			}
			
			.swbet {
				justify-content: space-between
			}
			
			.book:hover {
				color: #f37272;
				text-decoration: underline;
			}
			
			@media(max-width:1399px) {
				.pcsty4 {
					font-size: 16px;
				}
			}
			
			@media(max-width:1299px) {
				.price_chart {
					min-height: 48px;
				}
				.swbet {
					flex-wrap: wrap;
				}
			}
			
			@media(max-width:1099px) {
				.price i {
					font-size: 16px;
				}
				.listprice {
					margin-left: 7px;
				}
				.zbottom {
					right: 8px
				}
				.book {
					right: 40px
				}
				.depr {
					right: 22px
				}
			}
			
			@media(max-width:999px) {
				.LiarArticle .row>div {
					width: 50%
				}
			}
			
			.i_hide {
				display: block
			}
			
			.tourcode {
				font-size: 13px;
				margin: 10px 0;
				display: flex;
				align-items: center;
				color: #666;
			}
			
			.font500 {
				font-weight: 500;
			}
			
			.dir {
				width: 7px;
				height: 7px;
				border-radius: 50%;
				background: #f37272;
				vertical-align: middle;
				display: block;
				margin-right: 10px;
			}
			
			.book:hover {
				text-decoration: underline;
				color: #f37272;
			}
			
			.ban1300 {
				margin-top: 80px;
			}
			
			.ban1300 .uk-dotnav>*>* {
				width: 12px;
				height: 12px;
			}
/* download */
.download-list{
	margin-bottom: 40px !important;
}
.download-item-box{
	width: 33.33%; padding: 0 13px;
}
.download-item{
	    
    height: 100%;
    background: #f3f3f3;padding:  20px; display: flex;width: 100%; justify-content: center; align-items: center;
}
.download-item:hover{
	  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
}
.download-item>a{
	display: flex; width: 100%; justify-content: center; align-items: center;
}
.download-img{
	width: 55px;border-radius: 5px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15); flex-shrink: 0; margin-right: 15px;
}
.download-title{
	width: 100%;font-weight: 700;
    font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
@media(max-width:1099px) {
				
	.download-item{
		padding: 15px;
	}
	.download-img{
		width: 45px;
	}
	.download-title{
		font-size: 14px;
	}
	.download-modal .title{
		font-size: 32px;
	}
}
/* download 响应式 */
@media(max-width:999px) {
	.download-item-box {
		width: 50%;
	}
}

@media screen and (max-width:640px) {
	.download-item-box {
		width: 100%;
	}
	.download-img {
		width: 45px;
		margin-right: 12px;
	}
	.download-title {
		font-size: 14px;
	}
}

/* ===== download 下载弹窗 ===== */
.download-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 1100;
	display: none;
	overflow-y: auto;
	padding: 40px 15px;
}

.download-modal.active {
	display: flex;
}

.download-dialog {
	position: relative;
	width: 100%;
	max-width: 720px;
	margin: auto;
	background: #f7f1f1;
	border-radius: 12px;
	padding: 40px 50px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}

.download-modal-close {
	position: absolute;
	top: 10px;
	right: 16px;
	font-size: 34px;
	line-height: 1;
	color: #999;
	cursor: pointer;
}

.download-modal-close:hover {
	color: #b80000;
}

.download-modal .title {
	font-size: 40px;
	font-family: 'Times New Roman', Times, serif;
	text-align: center;
	color: #000;
}

.download-modal .details {
	font-size: 16px;
	margin-top: 8px;
	text-align: center;
	color: #333;
}

.download-modal .Subheading {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin: 25px 0;
	color: #b80000;
	word-break: break-word;
}

.download-modal .Inputbox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.download-modal .form_input {
	width: 48%;
}

.download-modal label {
	font-weight: 500;
	display: block;
	color: #000;
}

.download-modal label span {
	color: #b80000;
}

.download-modal .input input {
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 8px;
	padding-left: 15px;
	outline: 0;
	font-size: 15px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.download-modal .input input:focus {
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.download-modal .textideen textarea {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 8px;
	padding: 10px 15px;
	outline: 0;
	font-size: 15px;
	font-family: inherit;
	resize: vertical;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.download-modal .textideen textarea:focus {
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.download-modal .mserror {
	color: #b80000;
	margin-top: 6px;
	font-weight: 500;
	font-size: 13px;
}

.download-modal .submit {
	text-align: center;
	margin-top: 25px; padding: 14px 0;
}

.download-modal .submit button {
	border: 0;
	background: #b80000;
	color: #fff;
	font-size: 17px;
	height: 42px;
	width: 180px;
	border-radius: 4px;
	cursor: pointer;
}

.download-modal .submit button:hover {
	background-image: linear-gradient(#b80000, #c52626, #c52626, #b80000);
}

.download-modal .download-success {
	text-align: center;
	color: #2e7d32;
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px;
}

@media screen and (max-width:640px) {
	.download-dialog {
		padding: 25px 18px;
	}
	.download-modal-close {
		font-size: 28px;
	}
	.download-modal .Inputbox {
		display: block;
	}
	.download-modal .form_input {
		width: 100%;
		margin-bottom: 10px;
	}
	.download-modal .title {
		font-size: 26px;
	}
	.download-modal .details {
		font-size: 14px;
	}
	.download-modal .Subheading {
		font-size: 15px;
		margin: 18px 0;
	}
	.download-modal label {
		font-size: 14px;
	}
	.download-modal .input input {
		height: 38px;
		font-size: 14px;
		margin-top: 6px;
	}
	.download-modal .textideen textarea {
		font-size: 14px;
	}
	.download-modal .mserror {
		font-size: 12px;
	}
	.download-modal .submit {
		margin-top: 20px;
	}
	.download-modal .submit button {
		font-size: 15px;
		height: 38px;
		width: 150px;
	}
	.download-modal .download-success {
		font-size: 14px;
	}
}
.mt0{
	margin-top: 0 !important;
}
.border-top0{
	border-top: 0 !important;
}
.alignleft  { float: left;  margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }
.aligncenter { display: block; margin: 0 auto; }
@media(max-width:1099px) {
	
	.download-modal .title{
		font-size: 32px;
	}
}
header .trp-shortcode-switcher{
	padding: 0;
}
header  .trp-shortcode-switcher__wrapper{
	display: flex;
}
header .trp-language-item{
	padding-left: 12px; padding-right: 12px;
}
header .trp-current-language-item__wrapper .trp-language-item-name{
	font-weight: 700 ;
}
@media(max-width:767px) {
	.banner {
		overflow: hidden
	}
	.banner img {
		display: block;
		width: 150%;
		margin-left: -25%;
		object-fit: cover; max-width: inherit;
	}
	.fy_y {
		margin: 0 2px;
		height: 30px;
		min-width: 30px;
		font-size: 13px
	}
	.r_icon_qh {
		width: 30px;
		height: 30px
	}
	h1,.download-modal .title{
		 font-size: 22px;
	}
	.container .row{
		row-gap: 10px;
	}
	.gotop img,.livechatSmall img{
		width: 40px; height: 40px;
	}
}