.input_user label {
				white-space: nowrap;
				font-size: 13px
			}

			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;
			}

			.function .layui-icon-more {
				font-size: 28px
			}

			.reveiws_query .hide {
				display: none
			}

			.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%
			}

			@-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)
				}
			}

			.spfont {
				font-size: 15px;
				font-weight: 500
			}

			.brand-name {
				font-size: 30px;
				font-weight: 500;
				margin-left: 14px
			}

			.comment-card {
				border: 1px solid #e5e3e3;
				border-radius: 10px
			}

			.read-more {
				color: #b80000;
				text-decoration: underline;
				display: none;
				cursor: pointer;
				width: max-content
			}

			.r-atlas .row .pic:nth-child(-n+6) {
				display: block
			}

			.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
			}

			.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
			}

			.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
			}

			.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
			}

			.Comment-Details .star_five ul {
				margin-left: 0
			}

			a:hover {
				color: currentColor;
				text-decoration: none
			}

			.chart_right {
				position: sticky;
				top: 63px
			}

			.trip {
				text-align: center
			}

			.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) {
			}

			.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) {
				.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
				}
			}

			.left_content .theiaStickySidebar:not(.modal-zh) {
				transform: none !important;
			}

			h1 {
				font-size: 36px;
				font-weight: 700;
				font-family: 'Times New Roman', Times, serif
			}

			.left_content {
				width: 66.5%;
				height: 100%
			}

			.history {
				padding: 0
			}

			.history a:after {
				margin-top: 5px
			}

			.crumbs {
				margin-top: 40px
			}

			.dsflex {
				display: flex;
				justify-content: space-between;
				margin-top: 40px
			}

			.title-ul .selected {
				background-image: linear-gradient(#fbfbfb 25%, #d2d0d1)!important;
				border-right: 1px solid #f1f1f1;
				border-left: 1px solid #f1f1f1;
				font-weight: 400
			}

			.title-ul .selected:hover {
				color: #b80000;
				cursor: pointer
			}

			.Itinerarynav {
				margin-top: 40px
			}

			.Itinerarynav p {
				font-size: 17px;
				margin-top: 18px;
				font-weight: 400;
				color: #010101;
				line-height: 1.5
			}

			.Itinerarynav ol,
			.Itinerarynav ul {
				padding-left: 20px
			}

			.Itinerarynav li {
				line-height: 1.5;
				margin-top: 18px;
				font-size: 17px;
				list-style: disc
			}

			.head {
				display: flex;
				justify-content: space-between
			}

			.Mustsee {
				width: 100%;
				height: 100%;
				margin-top: 60px;
			}

			.mu_title {
				font-size: 26px;
				font-weight: 700
			}

			.Subheading {
				display: flex;
				margin-top: 40px;
				margin-bottom: 30px
			}

			.date {
				font-size: 18px;
				font-weight: 500
			}

			.layui-carousel img {
				width: 48.8%!important
			}

			.layui-carousel-ind {
				display: none
			}

			.layui-carousel-arrow {
				background-color: rgba(0, 0, 0, 0)!important
			}

			.layui-carousel,
			.layui-carousel-left,
			.layui-carousel-next,
			.layui-carousel-prev,
			.layui-this {
				display: flex!important;
				justify-content: space-between!important;
				flex-wrap: wrap
			}

			.layui-carousel-left img,
			.layui-carousel-next img,
			.layui-this img {
				width: 48.8%!important
			}

			.layui-carousel>[carousel-item]>* {
				background-color: #f3f3f3!important
			}

			.layui-layer-imgtit h3 {
				font-size: 17px
			}

			.layui-layer-imgnext,
			.layui-layer-imgprev {
				color: #fff
			}

			.layui-layer-imgnext:hover,
			.layui-layer-imgprev:hover {
				color: #fff!important
			}

			.layui-layer {
				overflow: auto!important
			}

			.recommend {
				margin-top: 100px!important;
				margin-bottom: 60px!important
			}

			.cardall {
				width: 100%;
				height: 100%;
				margin-top: 50px
			}

			.cardall .row {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -9px
			}

			.card {
				width: 20%;
				padding: 0 9px
			}

			.card .card_son {
				display: block;
				box-shadow: #e5e5e5 0 0 8px
			}

			.card .card_son:hover {
				box-shadow: #ccc 0 0 15px
			}

			.card .card_son:hover .tourabtn {
				background-color: #b80000;
				color: #fff
			}

			.scenicspot-img {
				width: 100%
			}

			.scenicspot-img img {
				width: 100%;
				height: 100%;
				border-radius: 5px 5px 0 0
			}

			.scenicspotdetail {
				padding: 10px
			}

			.spfont {
				font-size: 17px;
				line-height: 25px;
				color: #000;
				height: 50px;
				font-weight: 500
			}

			.u-line-2 {
				text-overflow: ellipsis;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				-o-transform: translate3d(0, 0, 0);
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
			}

			.textcenter {
				text-align: center
			}

			.sidebar-wrap {
				position: relative
			}

			.sidebar-inner.is-fixed-top {
				position: fixed;
				top: 20px
			}

			.sidebar-inner.is-fixed-bottom {
				position: fixed;
				bottom: 20px
			}

			.sidebar-inner.is-absolute-top {
				position: absolute;
				top: 0
			}

			.sidebar-inner.is-absolute-bottom {
				position: absolute;
				bottom: 0
			}

			.right_content {
				width: 30.1%
			}

			.chart_right {
				border-radius: 0 0 20px 20px;
				position: static;
			}

			.chart_right .trip {
				font-family: Roboto, Arial, sans-serif;
				font-size: 20px;
				font-weight: 500;
				text-align: center;
				color: #000
			}

			.chart_right .textarea {
				height: 150px
			}

			.chart_right .button_sty {
				margin: auto;
				padding: 8px 50px;
				min-width: auto
			}

			.input_user input {
				padding: 10px 0;
				padding-left: 10px
			}

			.line-detailed {
				box-shadow: 0 0 7px 0 rgba(161, 164, 170, .3);
				border: 1px solid #e5e5e5;
				border-radius: 20px
			}

			.trip-info-list {
				display: flex;
				flex-direction: column;
				gap: 18px;

				position: relative;
				padding-bottom: 3px
			}

			.trip-info-list::after {
				content: '';
				position: absolute;
				bottom: -34px;
				left: 0;
				width: 100%;
				height: 40px;
				background: #fff;
				border-radius: 0 0 50% 50%/0 0 100% 100%
			}

			.trip-info-item {
				display: flex;
				align-items: flex-start;
				gap: 12px
			}

			.trip-info-icon {
				width: 8px;
				height: 8px;
				flex-shrink: 0;
				background: #b80000;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 8px;
			}

			.trip-info-content {
				flex: 1;
				font-size: 16px;
				line-height: 1.6
			}

			.consultation-card {
				background: #fff;
				border-radius: 16px;
				padding: 25px 20px;
				box-shadow: 0 0 7px 0 rgba(161, 164, 170, .3);
				text-align: center;
				margin-top: 30px;
				border: 1px solid #e5e5e5
			}

			.consultation-btn {
				display: inline-block;
				padding: 5px 25px;
				border: 1px solid #bfbfbf;
				border-radius: 25px;
				font-size: 20px;
				font-weight: 500;
				margin-bottom: 20px
			}

			.consultation-avatars {
				display: flex;
				justify-content: center;
				margin-bottom: 20px
			}

			.consultation-avatars img {
				width: 58px;
				height: 58px;
				border-radius: 50%;
				object-fit: cover;
				margin-left: -8px;
				box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
			}

			.consultation-avatars img:first-child {
				margin-left: 0
			}

			.consultation-tel {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
				font-size: 16px;
				margin-bottom: 20px
			}

			.sidebar-wrap {
				position: relative
			}

			#map2 {
				position: absolute;
				top: 0;
				bottom: 0;
				width: 50%;
				height: 100%
			}

			.hr {
				width: 2px;
				height: 15px;
				background-color: #c7d0d9;
				margin: 4px 0 4px 8px
			}

			.livechatSmall {
				position: fixed;
				bottom: 10px;
				right: 20px
			}

			.gotop {
				position: fixed;
				bottom: 20px;
				right: 20px;
				display: none
			}

			.layui-carousel {
				height: 335px!important
			}

			.tourabtn {
				border-radius: 3px;
				padding: .3em 1.3em;
				display: block;
				width: max-content;
				font-weight: 700;
				border: 1px solid #b80000;
				color: #b80000;
				font-size: 14px;
				float: right;
				margin-top: 20px
			}

			.scenicspotdetail:after,
			.scenicspotdetail:before {
				display: table;
				content: ''
			}

			.scenicspotdetail:after {
				clear: both
			}

			.bad .layui-form-item {
				margin-bottom: 15px!important
			}

			.layui-inline {
				position: relative
			}

			#dates {
				width: 100%!important
			}

			.layui-carousel-arrow {
				font-size: 30px!important
			}

			#dates {
				background: url(image/icon/date_s.png) no-repeat 97% center #fff;
				background-size: 25px
			}

			.layui-carousel img {
				width: 100%!important
			}

			.head_content {
				display: flex;
				justify-content: space-between;
				margin-top: 25px
			}

			.head_desc {
				width: 100%;
				margin-top: 20px;
				display: flex;
				align-items: center
			}

			.onetas {
				width: max-content;
				height: 100%;
				display: flex;
				margin-right: 30px;
				align-items: center
			}

			.date {
				font-size: 18px;
				font-weight: 500
			}

			.head_l_box {
				width: 80%
			}

			.goods-text {
				font-size: 15px;
				color: #838282;
				padding: 0 0 0 8px;
				line-height: 20px
			}

			.alcenter .goods-text {
				color: #b80000;
				font-size: 20px;
				font-weight: 500
			}

			.mainimage ul:after {
				clear: both
			}

			.mainimage {
				margin-top: 30px
			}

			.mainimage ul:after,
			.mainimage ul:before {
				display: table;
				content: " "
			}

			.mainimage ul {
				margin: 0 -8px
			}

			.mainimage ul li {
				width: 22.75%;
				padding: 0 8px;
				float: left;
				margin-bottom: 16px
			}

			.mainimage ul li:first-child {
				width: 54.5%;
				margin-bottom: 0
			}

			.mainimage ul li img {
				height: 240px;
				object-fit: cover;
				cursor: pointer
			}

			.mainimage ul li:first-child img {
				height: auto;
				border-radius: 30px 0 0 30px
			}

			.mainimage ul li:nth-child(3) img {
				border-top-right-radius: 30px
			}

			.mainimage ul li:last-child img {
				border-bottom-right-radius: 30px
			}

			.Itinerarynav .subtitle {
				font-family: 'Times New Roman', Times, serif;
				font-size: 24px;
				margin-bottom: 30px;
				font-weight: 700
			}

			.check {
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 99;
				display: none
			}

			.view {
				position: fixed;
				width: 100%;
				height: 100%;
				background-color: #000;
				top: 0;
				left: 0;
				z-index: 99;
				opacity: 0
			}

			.close_prev {
				position: absolute;
				right: 22%;
				top: 22%;
				z-index: 999
			}

			.close_prev img {
				width: 35px;
				cursor: pointer
			}

			.data_pic {
				box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 999;
				margin: auto
			}

			.layui-layer-imgtit h3 {
				font-size: 17px
			}

			.layui-layer-imgnext,
			.layui-layer-imgprev {
				color: #fff
			}

			.layui-layer-imgnext:hover,
			.layui-layer-imgprev:hover {
				color: #fff!important
			}

			.layui-layer {
				overflow: auto!important
			}

			.layui-layer-imgtit h3 {
				line-height: 40px
			}

			@media(max-width:1499px) {
				.mainimage ul li img {
					height: 221px
				}
				.layui-carousel {
					height: 315px!important
				}
				.trip {
					font-size: 22px
				}
			}

			@media(max-width:1399px) {
				h1 {
					font-size: 34px
				}
				.layui-carousel {
					height: 290px!important
				}
				.mainimage ul li img {
					height: 202px
				}
				.consultation-btn {
					padding: 5px 10px
				}
				.consultation-avatars img {
					width: 48px;
					height: 48px
				}
			}

			@media(max-width:1299px) {
				h1 {
					font-size: 30px
				}
				.mainimage ul li img {
					height: 182.5px
				}
				.layui-carousel {
					height: 270px!important
				}
				.trip {
					font-size: 19px
				}
				.card {
					width: 33.33%;
					margin-bottom: 20px
				}
				.trip-info-content {
					font-size: 15px
				}
				.chart_right {
					padding:15px;
				}
				.consultation-btn {
					font-size: 18px
				}
			}

			@media(max-width:1099px) {
				.head_desc {
					flex-wrap: wrap
				}
				
				.mainimage ul li img {
					height: 163px
				}
				.trip {
					font-size: 17px
				}
				.layui-carousel {
					height: 240px!important
				}
				.consultation-btn {
					font-size: 16px
				}
				.chart_right .textarea {
					height: 180px;
					width: 83%
				}
			}

			@media(max-width:999px) {
				.mainimage ul li img {
					height: 144px
				}
				.left_content {
					padding-top: 0
				}
				.layui-carousel {
					height: 300px!important
				}
				.left_content {
					width: 100%
				}
				.right_content {
					display: none
				}
			}

			@media(max-width:899px) {
				.mainimage ul li:first-child img {
					height: 305px;
					width: 100%
				}
				.center {
					width: auto;
					margin: 0 30px
				}
				.layui-carousel {
					height: 270px!important
				}
			}

			#Anchor7 {
				margin-top: 60px;
			}

			@media(max-width:767px) {
				.crumbs {
					margin-top: 20px
				}
				.head_l_box {
					width: 100%
				}
				h1 {
					font-size: 20px;
					line-height: 1.3
				}
				.center {
					margin: 0 20px
				}
				.mainimage ul li {
					width: 50%;
					margin-bottom: 6px;
					padding: 0 3px
				}
				.mainimage ul li:first-child {
					width: 100%;
					margin-bottom: 6px;
				}
				.mainimage ul li:first-child img{
border-radius: 10px;
				}
				.mainimage ul li:nth-child(3) img{
					border-top-right-radius: 0;
				}
				.mainimage ul li:last-child img{
					border-bottom-right-radius:0;
				}
				.data_pic {
					max-width: 90%;
				}
				.close_prev img{
					width: 20px;
				}
				.close_prev{
					    right: 5%;
				}
				.left_content{
					margin-top: 20px;
				}
				.trip-info-list::after{
					display: none;
				}
				.Itinerarynav .subtitle{
					font-size: 18px; line-height: 1.3;
				}
				.Itinerarynav p{
					font-size: 15px;
				}
				.recommend{
					margin-top: 40px !important; margin-bottom: 10px !important;
				}
				.mu_title{
					font-size: 22px;
				}
				.card{
					width: 100%; margin-bottom: 10px;
				}
				.spfont{
					font-size: 15px;
				}
				.tourabtn{
					margin-top: 10px;
				}
			}