.banner{position: relative; display: flex; height: 240px; align-items: center; justify-content: center; background: no-repeat center / cover;}
.banner:before{content: ''; position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 15%);}
.banner .wrap *{display: block; font-size: 45px; font-weight: 400; text-align: center; color: #fff; text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);}
.breadcrumb{padding: 10px 0; background-color: #f7f7f7;}
.breadcrumb ul{list-style: none; font-size: 0;}
.breadcrumb ul li{display: inline; font-size: 14px; line-height: 20px; color: #333;}
.breadcrumb ul li+li:before{content: "/"; display: inline; padding: 0 5px;}
.breadcrumb ul li a{color: #333;}
@media (min-width:320px){
    .breadcrumb-580, .breadcrumb-768{display: none;}
}
@media (min-width:768px){
    .breadcrumb-580{display: block;}
}
@media (min-width:970px){
    .breadcrumb-768{display: block;}
}.menu-bar{position: absolute; bottom: 0; min-width: 50px; height: 50px; margin: auto; z-index: 3;}
.menu-icon{position: relative; float: left; width: 100%; height: 100%;}
.menu-icon span{display: block; width: 18px; height: 1px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #333;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 18px; height: 1px; background-color: #333;}
.menu-icon span:after{bottom: -6px;}
.menu-icon span:before{top: -6px;}
.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; transition: all 0.25s ease 0s;}
.menu > ul > li{float: left;}

.menu > ul > li > a{position: relative;  line-height: 50px; color: #333;}
.menu > ul > li:hover > a, .menu > ul > li.active > a{color: #033baf;}
.menu > ul > li.active > a:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #033baf;}
.menu ul li ul{position: absolute; width: 230px; background-color: #033baf; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 15px; line-height: 37px; color: #fff;}
.menu ul li ul li a:hover{background-color: #fc0;}
.menu > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li > ul{top: 0; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
@media (min-width: 320px){
    .menu-bar{top: 0; left: 0; width: 50px;}
    .menu{display: none;}
}
@media (min-width: 768px){
    .menu-bar{top: initial; right: 0; left: initial;}
}
@media (min-width: 970px){
    .menu-bar{width: auto;}
    .menu{display: block;}
    .menu-display{display: none;}
    .menu > ul > li+li{margin-left: 10px;}
}
@media (min-width: 1170px){
    .menu > ul > li+li{margin-left: 25px;}
    .menu > ul > li > a{font-size: 16px;}
}.popup, .popup-black, .popup-wrap{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.popup{position: fixed; display: none; z-index: 99992;}
.popup-black{background-color: rgb(0 0 0 / 50%); cursor: pointer; z-index: 1;}
.popup-wrap{display: flex; align-items: center; justify-content: center; z-index: 2;}
.popup-close{position: absolute; top: 0; right: 0; width: 40px;}
.popup-close i{display: block; font-size: 18px; text-align: center; line-height: 40px; cursor: pointer;}
.popup-title{margin-bottom: 30px; font-size: 24px; font-weight: 500; text-transform: uppercase; text-align: center;}
.popup-form{position: relative; padding: 30px; background-color: #fff; border-radius: 15px;}
.popup-form .form-item{float: left; margin-right: 15px;}
.popup-form .form-item:nth-child(7){width: 100%; margin-right: 0;}
.popup-form .form-item:nth-child(8){width: 100%; margin: 0; text-align: center;}
.popup-form .form-item:nth-child(8) input{width: 125px;}
@media (min-width: 320px){
    .popup-wrap{width: calc(100% - 10px);}
    .popup-form .form-item{width: calc((100% - 15px)/2);}
    .popup-form .form-item:nth-child(2n){margin-right: 0;}
}
@media (min-width: 480px){
    .popup-form .form-item{width: calc((100% - 30px)/3);}
    .popup-form .form-item:nth-child(2n){margin-right: 15px;}
    .popup-form .form-item:nth-child(3n){margin-right: 0;}
}
@media (min-width: 768px){
    .popup-wrap{width: 758px;}
    .popup-img{float: left; width: 450px;}
    .popup-info{float: right; width: calc(100% - 480px);}
}
.search{position: absolute; right: 0; left: 0; margin: auto; z-index: 2;}
.search-item{position: relative;}
.search-item select{height: 100%; padding-left: 35px;}
.search-item input{position: absolute; height: 100%; opacity: 0; z-index: 1;}
.search-item i{position: absolute; top: 0; left: 10px; width: 30px; font-size: 20px; text-align: center;}
.search-item span{box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding-right: 20px; text-align: right; color: #fff;}
.search-item:nth-child(5){width: 150px; background-color: #033baf; transition: all 0.25s ease 0s;}
.search-item:nth-child(5):hover{background-color: #fc0;}
.search-item:nth-child(5) i{width: auto; left: 20px; color: #fff;}
.search-button{position: absolute; top: 0; right: 0; bottom: 0; width: 50px; height: 50px; margin: auto;}
.search-button i{font-size: 20px; text-align: center; line-height: 50px;}
.search-button i:nth-child(1){display: block;}
.search-button i:nth-child(2){display: none;}
.search-button-2 i:nth-child(1){display: none;}
.search-button-2 i:nth-child(2){display: block;}
@media (min-width:320px){
    .search{top: 0; display: none; padding: 15px; background-color: #fff; box-shadow: 0 3px 3px rgb(0 0 0 / 25%);}
    .search-2{display: block;}
    .search .wrap{width: 100%;}
    .search-item{height: 50px;}
    .search-item+.search-item{margin-top: 15px;}
    .search-item i{line-height: 50px;}
    .search-item span{font-size: 16px; line-height: 40px;}
    .search-item:nth-child(5){width: 125px; height: 40px; margin: 15px auto 0;}
    .search-item:nth-child(5) i{left: 15px; font-size: 16px; line-height: 40px;}
}
@media (min-width:768px){
    .search{top: initial; bottom: 0; display: block; padding: 0; background-color: transparent; box-shadow: 0;}
    .search .wrap{width: 768px;}
    .search form{background-color: #fff; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%);}
    .search-item{float: left; width: calc((100% - 150px)/4); height: 60px;}
    .search-item+.search-item{margin-top: 0;}
    .search-item+.search-item:before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #d7d7d7;}
    .search-item select{background: none; border: none; border-radius: 0;}
    .search-item i{line-height: 60px;}
    .search-item span{font-size: 20px; line-height: 60px;}
    .search-item:nth-child(5){width: 150px; height: 60px;}
    .search-item:nth-child(5):before{display: none;}
    .search-item:nth-child(5) i{left: 20px; font-size: 20px; line-height: 60px;}
    .search-button{display: none;}
    .search-3{display: none;}
}
@media (min-width:970px){
    .search .wrap{width: 970px;}
}
@media (min-width:1170px){
    .search .wrap{width: 1170px;}
}.slide{position: relative;}
.slide-item img{width: 100%;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; background-color: transparent; margin: auto; transition: all 0.25s ease 0s;}
.slide .owl-nav button.owl-prev{left: 15px;}
.slide .owl-nav button.owl-next{right: 15px;}
.slide .owl-nav button i{display: block; font-size: 30px; color: #fff; transition: all 0.25s ease 0s;}
.slide .owl-nav button:hover i{color: #033baf;}
.slide .owl-dots{position: absolute; right: 0; bottom: 15px; left: 0; height: 15px; text-align: center; line-height: 1;}
.slide .owl-dots button{display: inline-block; width: 15px; height: 100%; background-color: #fff; margin: 0 5px; border-radius: 50%; vertical-align: top; transition: all 0.5s ease 0s;}
.slide .owl-dots button.active{background-color: #033baf;}
@media (min-width:320px){
    .slide-item img:nth-child(1){display: none;} 
    .slide-item img:nth-child(2){display: block;}
    .slide .owl-nav{display: none;}
}
@media (min-width:768px){

    .slide-item img:nth-child(1){display: block;} 
    .slide-item img:nth-child(2){display: none;}
}
@media (min-width:1170px){
    .slide .owl-nav{display: block; opacity: 0; transition: all 0.25s ease 0s;}
    .slide:hover .owl-nav{opacity: 1;}
}.best{padding: 30px 0; background-color: #f7f7f7;}
.best ul{list-style: none;}
.best ul li{box-sizing: border-box;  padding: 0 15px; }
.best ul li i{display: block; width: 100px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); text-align: center;}
.best ul li i:before{color: #fc0;}
.best ul li i:after{color: #033baf; opacity: 1;}
.best ul li h3{margin-bottom: 5px; font-size: 18px; font-weight: 400; text-transform: uppercase; color: #033baf;}
@media (min-width:320px){
    .best ul li+li{margin-top: 15px;}
    .best ul li i{float: left; width: 70px; margin-right: 15px; font-size: 35px; line-height: 70px;}
}
@media (min-width:768px){
    .best ul li{text-align: center;}
    .best ul li{float: left; width: calc(100%/3);}
    .best ul li+li{margin-top: 0;}
    .best ul li i{float: none; width: 100px; margin: 0 auto 15px; font-size: 50px; line-height: 100px;}
}.book{padding: 30px 0;}
.book ul{display: grid; grid-gap: 15px; list-style: none;}
.book ul li{position: relative; background: no-repeat center / cover; border-radius: 5px; overflow: hidden;}
.book ul li img{opacity: 0;}
.book ul li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: linear-gradient(transparent 80%, #000 100%); transition: all 0.25s ease 0s;}
.book ul li a:hover{background-color: rgb(0 0 0 / 50%);}
.book ul li a > span{position: absolute; right: 0; bottom: 15px; left: 0; margin: auto; padding: 0 15px; color: #fff;}
.book ul li a > span span:nth-child(1){display: block; font-size: 16px; font-weight: 500;}
.book ul li a > span span:nth-child(1):after{content: ''; display: block; width: 70px; height: 2px; margin-top: 5px; background-color: #fc0;}
.book ul li a > span span:nth-child(2){display: inline-block; margin-top: 5px; font-weight: 300;}
.book-all{margin-top: 30px; text-transform: uppercase; text-align: center; line-height: 38px;}
.book-all a{display: inline-block; padding: 0 30px; background-color: #fff; border-radius: 20px; border: 1px solid #333; color: #333; transition: all 0.25s ease 0s;}
.book-all a:hover{background-color: #f98f19; border-color: #f98f19; color: #fff;}
@media (min-width:320px){
    .book ul{grid-template-columns: repeat(1,minmax(0,1fr)); grid-auto-rows: minmax(calc(100vw/3*2),auto);}
    .book ul li img{display: none;}
}
@media (min-width:480px){
    .book ul{grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(auto,auto);}
    .book ul li:nth-child(1){grid-row: span 1; grid-column: span 2;}
    .book ul li:nth-child(1) a > span span:nth-child(1){font-size: 18px;}
    .book ul li img{display: block;}
}
@media (min-width:970px){
    .book ul{grid-template-columns: repeat(4,minmax(0,1fr));}
    .book ul li:nth-child(1){grid-row: span 2; grid-column: span 2;}
}.local{padding: 30px 0;}
.local-tabs{margin-bottom: 30px;}
.local-tabs ul{list-style: none;}
.local-tabs ul li a{display: block; padding: 0 15px; border-radius: 5px; line-height: 35px; color: #033baf; transition: all 0.25s ease 0s;}
.local-tabs ul li a.active{background-color: #033baf; color: #fff;}
.local-item{float: left; margin-bottom: 30px; border-radius: 5px; box-shadow: 2px 2px 2px rgb(0 0 0 / 25%); overflow: hidden; transition: all 0.5s ease 0s;}
.local-item:hover{box-shadow: 2px 3px 3px 1px rgb(0 0 0 / 50%); transform: translatey(-2px);}
.local-item-2{float: none; margin-bottom: 0; width: auto!important; margin-right: 0!important;}
.local-item a{position: relative; display: block; font-size: 18px; font-weight: 500; line-height: 1.1; color: #fff;}
.local-item a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: linear-gradient(transparent 80%, #000 100%);}
.local-item a img{transform: scale(1.05); transition: all 1s ease 0s;}
.local-item a span{position: absolute; display: block; right: 0; bottom: 15px; left: 0; margin: auto; padding: 0 15px; z-index: 1;}
.local-item a span:after{content: ''; display: block; width: 50px; height: 2px; margin-top: 5px; background-color: #fc0;}
.local-item a:hover img{transform: scale(1);}
.local-more{text-align: right; line-height: 33px;}
.local-more a{display: inline-block; padding: 0 15px; border: 1px solid #033baf; border-radius: 5px; text-align: center; color: #033baf; transition: all 0.25s ease 0s;}
.local-more a:hover{background-color: #033baf; color: #fff;}
@media (min-width:320px){
    .local-item{width: calc((100% - 15px)/2); margin-right: 15px;}
    .local-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){
    .local-tabs ul li{float: left;}
    .local-tabs ul li+li{margin-left: 15px;}
    .local-item{width: calc((100% - 30px)/2); margin-right: 30px;}
}
@media (min-width:970px){
    .local-item{width: calc((100% - 90px)/4);}
    .local-item:nth-child(2n){margin-right: 30px;}
    .local-item:nth-child(4n){margin-right: 0;}
}.partner{margin-bottom: 30px;}
.partner-title{margin-bottom: 15px; font-size: 30px; font-weight: 500; text-align: center; color: #033baf;}
.partner-item{position: relative; height: 90px; border: 1px solid #d7d7d7; border-radius: 5px;}
.partner-item img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: calc(100% - 10px); margin: auto;}.review{margin-bottom: 30px;}
.review-name{font-size: 18px; font-weight: 500;}
.review-date{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 15px; color: #777; overflow: hidden;}
.review-date a{font-weight: 700; color: #333;}
.review-date a:hover, .review-content a:hover{text-decoration: underline;}
.review-star{position: absolute; top: 0; right: 0; line-height: 27px; color: #fc0;}
.review-star-2{font-size: 22px; color: #fc0;}
.review-content a{color: #033baf;}.sale{padding: 30px 0;}
.sale-2{position: relative; background-color: #f7f7f7;}
.sale-2:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(/theme/images/bg-combo.jpg) no-repeat center / cover; opacity: 15%;}
.sale-3{position: relative; background-color: #f7f7f7;}
.sale-3:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(/theme/images/bg-tour.jpg) no-repeat center / cover; opacity: 15%;}
.sale-title{margin-bottom: 30px; font-weight: 400; text-align: center;}
.sale-title p:nth-child(1) span{color: #033baf;}
.sale-title p:nth-child(2){max-width: 480px; margin: auto; color: #777;}
.sale-list{display: flex; flex-flow: row wrap;}
.sale-item{position: relative; margin-bottom: 30px;}
.sale-img{margin-bottom: 15px; border-radius: 5px; overflow: hidden; transition: all 0.25s ease 0s;}
.sale-img img{transition: all 0.5s ease 0s;}
.sale-name{margin-bottom: 15px;}
.sale-name a{display: block; font-size: 16px; font-weight: 400; color: #033baf; transition: all 0.25s ease 0s;}
.sale-name a:hover{text-decoration: underline;}
.sale-prev{margin-bottom: 15px;}
.sale-prev span{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.sale-prev span+span{margin-top: 5px;}
.sale-prev span i{width: 15px; margin-right: 10px; text-align: center;}
.sale-price{height: 26px; line-height: 26px; overflow: hidden;}
.sale-price *{display: inline-block;}
.sale-price b{font-size: 18px; color: #ed1c24;}
.sale-price span:nth-child(2){padding-left: 15px; text-decoration: line-through; color: #777;}
.sale-price span:nth-child(3){margin-left: 15px; padding: 0 7.5px; background-color: #ed1c24; border-radius: 5px; color: #fff; vertical-align: top;}
.sale-more{margin-top: 30px; font-size: 16px; text-align: center; line-height: 38px;}
.sale-more a{display: inline-block; padding: 0 30px; border: 1px solid #033baf; border-radius: 5px; color: #033baf; transition: all 0.25s ease 0s;}
.sale-more a:hover{background-color: #033baf; color: #fff;}
.sale-item:hover .sale-img, .sale-owl:hover .sale-img{box-shadow: 0 3px 3px rgb(0 0 0/ 50%);}
.sale-item:hover .sale-img img, .sale-owl:hover .sale-img img{transform: scale(1.05);}
.sale .owl-nav button{background-color: #fff; border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.sale .owl-nav button:hover{background-color: #033baf;}
.sale .owl-nav button.disabled{background-color: #fff; cursor: not-allowed;}
.sale .owl-nav button i{display: block; color: #333; transition: all 0.25s ease 0s;}
.sale .owl-nav button:hover i{color: #fff;}
.sale .owl-nav button.disabled i{color: #333;}
@media (min-width:320px){
    .sale-title p:nth-child(1){font-size: 30px;}
    .sale .owl-nav{width: 100px; height: 40px; margin: 30px auto 0;}
    .sale .owl-nav button{width: 40px; height: 40px; margin: 0 5px;}
}
@media (min-width:350px){
    .sale-title p:nth-child(1){font-size: 35px;}
}
@media (min-width:480px){
    .sale-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .sale-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .sale-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .sale-item:nth-child(2n){margin-right: 30px;}
    .sale-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .sale .owl-nav{height: auto; margin: 0;}
    .sale .owl-nav button{position: absolute; top: 0; bottom: 0; width: 50px; height: 50px; margin: auto;}
    .sale .owl-nav button.owl-prev{left: -65px;}
    .sale .owl-nav button.owl-next{right: -65px;}
    .sale .owl-nav button i{font-size: 20px;}
}.col-help{text-align: center;}
.col-help li a{color: #4a4a4a;}
.col-help li:nth-child(1){margin-bottom: 15px; text-transform: uppercase;}
.col-help li:nth-child(1) a b{font-size: 15px; color: #ff0000;}
.col-help li:nth-child(2),
.col-help li:nth-child(3){display: inline-block; width: 50px; margin: 0 8px; border-radius: 50%; vertical-align: top; overflow: hidden;}
.col-help li:nth-child(4){padding-top: 15px;}
.col-help li:nth-child(4) img{display: inline-block; width: 20px; margin-right: 5px; vertical-align: top;}.col{margin-bottom: 30px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%);}
.col ul{padding: 7px; border-top: 2px solid #033baf; list-style: none;}
.col-title{padding: 9px 0 6px; font-size: 18px; text-transform: uppercase; text-align: center; color: #033baf;}
.col-menu li{list-style: none;}
.col-menu li a{display: block; line-height: 40px; color: #333;}
.col-menu li a:hover{color: #033baf;}
.col-menu li a i{width: 25px; transform: translateX(5px); font-size: 12px; color: #033baf; transition: all 0.25s ease 0s;}
.col-menu li a:hover i{transform: translateX(9px);}
.col-menu li ul{padding: 0; border-top: none;}
.col-menu li ul li{padding-left: 25px;}
.col-menu li ul li:first-child{border-top: 1px dashed #d7d7d7;}
.col-menu li ul li+li a{border-top: 1px dashed #d7d7d7;}
.col-menu li ul li.active a{color: #033baf;}
.col-menu li ul li a i{font-size: 10px;}
.col-menu > li{position: relative;}
.col-menu > li+li{border-top: 1px dashed #d7d7d7;}
.col-menu > li.active > a{color: #033baf;}
.col-menu > li > a{font-size: 16px;}
.col-menu > li > i{position: absolute; top: 0; right: 0; width: 40px; font-size: 12px; text-align: center; line-height: 40px; cursor: pointer;}.col-news li+li{margin-top: 15px; padding-top: 15px; border-top: 1px dashed #d7d7d7;}
.col-news li a{position: relative; display: block; line-height: 22px;}
.col-news li a > span{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(100% - 114px); margin: auto; align-items: center;}
.col-news li a > span span{display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.25s ease 0s;}
.col-news li a:hover > span span{color: #1d9039;}.col-sers{box-sizing: border-box;}
.col-sers li{position: relative; overflow: hidden;}
.col-sers li+li{margin-top: 15px;}
.col-sers li img{transition: all 0.5s ease 0s;}
.col-sers li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: linear-gradient(transparent 75%, rgb(0 0 0 / 75%) 100%); transition: all 0.25s ease 0s;}
.col-sers li a span{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 15px; font-size: 16px; font-weight: 700; color: #fc0;}
.col-sers li a span:after{content: ''; display: block; width: 50px; height: 2px; margin-top: 5px; background-color: #fc0; transition: all 0.25s ease 0s;}
.col-sers li:hover img{transform: scale(1.05);}
.col-sers li:hover a{background-color: rgb(0 0 0 / 25%);}
.col-sers li:hover a span:after{width: 75px;}
.col-sers .owl-dots{height: 15px; margin-top: 15px; text-align: center; line-height: 1;}
.col-sers .owl-dots button{display: inline-block; width: 15px; height: 100%; background-color: #fc0; margin: 0 5px; border-radius: 50%; vertical-align: top; opacity: 50%; transition: all 0.25s ease 0s;}
.col-sers .owl-dots button.active{opacity: 1;}.srch{padding: 15px; border-top: 2px solid #033baf;}
.srch-item{position: relative; height: 50px;}
.srch-item+.srch-item{margin-top: 15px;}
.srch-item select{height: 100%; padding-left: 30px;}
.srch-item input{position: absolute; height: 100%; opacity: 0; z-index: 1;}
.srch-item i{position: absolute; top: 0; left: 10px; width: 30px; font-size: 16px; text-align: center; line-height: 50px;}
.srch-item span{box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding-right: 15px; font-size: 16px; text-align: right; line-height: 40px; color: #fff;}
.srch-item:nth-child(5){width: 125px; height: 40px; margin: 15px auto 0; background-color: #033baf; border-radius: 5px; transition: all 0.25s ease 0s;}
.srch-item:nth-child(5):hover{background-color: #fc0;}
.srch-item:nth-child(5) i{width: auto; left: 15px; line-height: 40px; color: #fff;}.about{padding: 30px 0;}
.about-title{margin-bottom: 30px; padding: 1px 0 2px; border-bottom: 2px solid #d7d7d7; font-size: 26px; color: #333;}
.about-title *{position: relative; display: inline-block; font-weight: 500;}
.about-title *:after{content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background-color: #333;}
.about-name{margin-bottom: 15px; padding-top: 7px; font-size: 20px; font-weight: 500;}
@media (min-width: 320px){    
    .about-left{display: none;}
}
@media (min-width: 970px){
    .about-left{float: left; display: block; width: 350px;}
    .about-right{float: right; width: calc(100% - 380px);}
}.contact .wrap{max-width: 970px;}
.contact-form{box-sizing: border-box; margin-bottom: 0; padding: 30px; border-radius: 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}
.contact-title{margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 30px; color: #c2631f;}
.contact-item{width: 150px; margin: auto;}
.contact-info ul{list-style: none; width: 100%;}
.contact-info ul li{line-height: 30px;}
.contact-info ul li:first-child{text-transform: uppercase;}
.contact-info ul li span:nth-child(1){display: inline-block; width: 100px; vertical-align: top;}
.contact-info ul li span:nth-child(2){display: inline-block; width: calc(100% - 105px);}
.contact-info ul li a{color: #555;}
.contact-info ul li a b{color: #ed1c24;}
@media (min-width: 320px){
    .contact-form{margin-bottom: 30px;}
}
@media (min-width: 768px){
    .contact-form{float: left; width: 50%; margin-bottom: 0;}
    .contact-info{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(50% - 60px); margin: auto; align-items: center; justify-content: left;}
}.rent{}
.rent-group{padding: 50px 0;}
.rent-group:nth-child(2n){background-color: #f7f7f7;}
.rent-title{position: relative; margin-bottom: 30px; padding-bottom: 30px; font-size: 30px; font-weight: 500; text-transform: uppercase; text-align: center;}
.rent-title:before, .rent-title:after, .rent-title a:before{content: ''; position: absolute; right: 0; left: 0; height: 1px; margin: auto; background-color: #033baf; z-index: 1;}
.rent-title:before{bottom: 9px; width: 80px;}
.rent-title:after{bottom: 5px; width: 100px;}
.rent-title a{color: #333;}
.rent-title a:before{bottom: 0; width: 40px; height: 25px; background: #fff url(/theme/images/rent.png) no-repeat center bottom; z-index: 2;}
.rent-group:nth-child(2n) .rent-title a:before{background-color: #f7f7f7;}
.rent-list{display: flex; flex-flow: row wrap;}
.rent-item{margin-bottom: 30px;}
.rent-img{margin-bottom: 15px; border-radius: 5px; overflow: hidden; transition: all 0.25s ease 0s;}
.rent-img img{transition: all 0.5s ease 0s;}
.rent-item:hover .rent-img, .rent-owl:hover .rent-img{box-shadow: 0 3px 3px rgb(0 0 0/ 50%);}
.rent-item:hover .rent-img img, .rent-owl:hover .rent-img img{transform: scale(1.05);}
.rent-name{margin-bottom: 15px;}
.rent-name a{display: block; font-size: 16px; font-weight: 400; color: #333; transition: all 0.25s ease 0s;}
.rent-name a:hover{color: #033baf;}
.rent-info{margin-bottom: 10px; list-style: none;}
.rent-info li+li{margin-top: 5px;}
.rent-info li i{width: 15px; margin-right: 10px;}
.rent-price{float: left; line-height: 30px;}
.rent-price b{font-size: 16px; color: #f00;}
.rent-more{float: right;}
.rent-more a{display: block; padding: 0 15px; background-color: #033baf; border-radius: 5px; line-height: 30px; color: #fff; transition: all 0.25s ease 0s;}
.rent-more a:hover{background-color: #fc0;}
.rent-all{text-align: center; line-height: 38px;}
.rent-all a{display: inline-block; padding: 0 30px; border: 1px solid #033baf; border-radius: 5px; color: #033baf; transition: all 0.25s ease 0s;}
.rent-all a:hover{background-color: #033baf; color: #fff;}
@media (min-width:480px){
    .rent-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .rent-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .rent-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .rent-item:nth-child(2n){margin-right: 30px;}
    .rent-item:nth-child(3n){margin-right: 0;}
}.rentD-img,
.rentD-info{margin-bottom: 30px;}
.rentD-info h1{margin-bottom: 15px; font-size: 24px; color: #033baf;}
.rentD-info ul{list-style: none; margin-bottom: 15px;}
.rentD-info ul:nth-child(2){padding-bottom: 15px; border-bottom: 1px dashed #d7d7d7;}
.rentD-info ul:nth-child(2) li b{font-size: 18px; color: #f00;}
.rentD-info ul:nth-child(2) li span{padding-left: 10px; font-size: 16px; text-decoration: line-through; color: #777;}
.rentD-info ul:nth-child(3) li+li{margin-top: 5px;}
.rentD-info ul:nth-child(3) li i{width: 15px; margin-right: 10px;}
.rentD-info a{display: inline-block; padding: 0 30px; background-color: #033baf; border-radius: 5px; text-transform: uppercase; line-height: 38px; color: #fff; cursor: pointer; transition: all 0.25s ease 0s;}
.rentD-info a:hover{background-color: #fc0;}
.rentD-detail, .rentD-form{margin-bottom: 30px; padding: 15px; border: 1px solid #d7d7d7; border-top: 0;}
.rentD-title{border-bottom: 1px solid #d7d7d7;}
.rentD-title span{position: relative; display: inline-block; font-size: 22px; color: #033baf;}
.rentD-title span:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #033baf;}
.rentD-form .form-item{float: left; margin-right: 15px;}
.rentD-form .form-item:nth-child(7){width: 100%; margin-right: 0;}
.rentD-form .form-item:nth-child(8){width: 100%; margin: 0; text-align: center;}
.rentD-form .form-item:nth-child(8) input{width: 125px;}
@media (min-width: 320px){
    .rentD-form .form-item{width: calc((100% - 15px)/2);}
    .rentD-form .form-item:nth-child(2n){margin-right: 0;}
}
@media (min-width: 480px){
    .rentD-form .form-item{width: calc((100% - 30px)/3);}
    .rentD-form .form-item:nth-child(2n){margin-right: 15px;}
    .rentD-form .form-item:nth-child(3n){margin-right: 0;}
}
@media (min-width: 768px){
    .rentD-img{float: left; width: 450px;}
    .rentD-info{float: right; width: calc(100% - 480px);}
}
.sp-item{float: left; margin-bottom: 25px;}
.sp-wrap{text-align: center; border: 1px solid #dcdcdc; box-shadow: 0 0 1px rgba(0,0,0,0.25);}
.sp-img{position: relative; margin-bottom: 10px;}
.sp-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%;}
.sp-name{height: 23px; overflow: hidden; margin-bottom: 5px;}
.sp-name a{color: #004dfc;}
.sp-price{color: #ff0000; margin-bottom: 10px;}
.sp-more{font-size: 13px; line-height: 25px;}
.sp-more a{display: inline-block; width: 135px; height: 25px; color: #756e6e; border: 1px solid #dcdcdc; border-radius: 13px; transition: all 0.25s ease 0s;}
.sp-more a:hover{background: #dcdcdc; color: #004dfc;}
.sp-list .owl-nav{position: absolute; top: -40px; right: 0; width: 55px;}
.sp-list .owl-nav div.owl-prev{float: left;}
.sp-list .owl-nav div.owl-next{float: right;}
.sp-list .owl-nav div i{width: 23px; border: 1px solid transparent; text-align: center; line-height: 23px; color: #777; transition: all 0.25s ease 0s;}
.sp-list .owl-nav div i:hover{border: 1px solid #dd3333; color: #dd3333}
@media (min-width:320px){
    .sp-wrap{font-size: 15px; padding: 5px;}
    .sp-item{width: calc((100% - 10px) / 2); margin-right: 10px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:360px){

}
@media (min-width:410px){
    .sp-wrap{font-size: 17px; padding: 15px;}
}
@media (min-width:480px){
    .sp-item{width: calc((100% - 30px) / 2); margin-right: 30px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 10px) / 3); margin-right: 05px;}
    .sp-item:nth-child(2n){margin-right: 05px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:768px){
    .sp-item{width: calc((100% - 50px) / 3); margin-right: 25px;}
    .sp-item:nth-child(2n){margin-right: 25px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .sp-item{width: calc((100% - 60px) / 4); margin-right: 20px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n){margin-right: 20px;}
    .sp-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
    .sp-item{width: calc((100% - 60px) / 5); margin-right: 15px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n),
    .sp-item:nth-child(4n){margin-right: 15px;}
    .sp-item:nth-child(5n){margin-right: 0;}
}.tour{padding-top: 30px;}
.tour-title{margin-bottom: 30px; padding: 9px 0 6px; border-bottom: 2px solid #d7d7d7; font-size: 18px; text-transform: uppercase; color: #033baf;}
.tour-title span{position: relative; display: inline-block;}
.tour-title span:after{content: ''; position: absolute; bottom: -8px; left: 0; width: 100%; height: 2px; background-color: #033baf;}
.tour-list{margin-bottom: 30px;}
.tour-item+.tour-item{margin-top: 15px; padding-top: 15px; border-top: 1px dashed #d7d7d7;}
.tour-img{border-radius: 5px; overflow: hidden; transition: all 0.25s ease 0s;}
.tour-img img{transition: all 0.5s ease 0s;}
.tour-name{margin-bottom: 15px;}
.tour-name a{display: block; font-size: 16px; font-weight: 400; color: #033baf; transition: all 0.25s ease 0s;}
.tour-name a:hover{text-decoration: underline;}
.tour-star{position: relative; margin: -10px 0 15px; vertical-align: top; overflow: hidden;}
.tour-star i{color: #f98f19;}
.tour-star p{position: absolute; top: 100%; left: 0; width: 145px; padding: 5px 10px; background-color: #333; border-radius: 5px; color: #fff; opacity: 0; z-index: 1; transition: all 0.25s ease 0s;}
.tour-star:hover{overflow: unset;}
.tour-star:hover p{opacity: 1;}
.tour-price{margin-bottom: 15px; line-height: 26px;}
.tour-price *{display: inline-block;}
.tour-price b{font-size: 18px; color: #ed1c24;}
.tour-price span:nth-child(2){padding-left: 15px; text-decoration: line-through; color: #777;}
.tour-price span:nth-child(3){margin-left: 15px; padding: 0 7.5px; background-color: #ed1c24; border-radius: 5px; color: #fff; vertical-align: top;}
.tour-time{display: inline-block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #fc0;}
.tour-prev span{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden;}
.tour-prev span+span{margin-top: 5px;}
.tour-prev span i{width: 15px; margin-right: 10px; text-align: center;}
.tour-prev-2{display: -webkit-box; margin-bottom: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.tour-more{text-align: right; line-height: 30px;}
.tour-more a{display: inline-block; margin-left: 10px; padding: 0 15px; background-color: #fc0; border-radius: 5px; color: #333; transition: all 0.25s ease 0s;}
.tour-more a:hover{background-color: #033baf; color: #fff;}
.tour-item:hover .tour-img{box-shadow: 0 3px 3px rgb(0 0 0/ 50%);}
.tour-item:hover .tour-img img{transform: scale(1.05);}

.news-time{display: inline-block; line-height: 30px;}
.news-more{display: inline-block; margin-left: 10px; padding: 0 15px; background-color: #fc0; border-radius: 5px; transition: all 0.25s ease 0s;}
.news-more:hover{background-color: #033baf;}
.news-more a{display: block; text-align: right; line-height: 30px; color: #fff}

@media (min-width:320px){
    .tour-left{display: none;}
    .tour-img{margin-bottom: 15px;}
}
@media (min-width:480px){
    .tour-img{float: left; width: 210px; margin-bottom: 0;}
    .tour-wrap{float: right; width: calc(100% - 225px);}
    .tour-prev{display: none;}
}
@media (min-width:580px){
    .tour-img{width: 270px;}
    .tour-wrap{width: calc(100% - 285px);}
    .tour-prev{display: block;}
    .tour-prev-2{display: -webkit-box;}
}
@media (min-width:768px){
    .tour-left{float: left; display: block; width: 270px;}
    .tour-right{float: right; width: calc(100% - 300px);}
    .tour-img{width: 240px;}
    .tour-wrap{width: calc(100% - 255px);}
    .tour-prev{display: none;}
}
@media (min-width:970px){
    .tour-img{width: 300px;}
    .tour-wrap{width: calc(100% - 330px);}
    .tour-prev{display: block;}
    .tour-prev-2{display: -webkit-box;}
}.booking{min-height: 393px; padding-top: 30px;}
.booking-2{min-height: 316px;}
.booking .form-item-3 input[type=submit]{display: block; width: 150px;}
.booking-title{margin-bottom: 30px; padding: 6px 0 7px 15px; background-color: #f7f7f7; border-radius: 5px; font-size: 18px; color: #033baf;}
.booking-total{margin-bottom: 30px;}
.booking-total span{font-size: 20px; font-weight: 700; color: #ed1c24;}
.booking-payment {margin-bottom: 30px;}
.booking-payment > ul{list-style: none;}
.booking-payment > ul > li+li{margin-top: 15px;}
.booking-payment > ul > li label{display: block; padding: 15px; border: 1px solid #d7d7d7; border-radius: 5px; cursor: pointer;}
.booking-payment > ul > li label i{margin-right: 10px; font-size: 22px; color: #033baf;}
.booking-payment > ul > li label input{display: none;}
.booking-payment > ul > li .main-detail{display: none; padding: 15px;}
.booking-payment > ul > li.active label{border-color: #033baf;}
.booking-payment > ul > li.active .main-detail{display: block;}
@media (min-width: 320px){    
    .booking .tourD-sticky{margin-bottom: 15px;}
}
@media (min-width: 410px){  
    .booking .form-item{float: left; width: calc((100% - 60px)/3);}
    .booking .form-item-2{margin: 0 30px;}
    .booking .form-item-3{float: none; width: 100%;}
}
@media (min-width: 970px){
    .booking-left{float: left; width: calc(100% - 380px);}
    .booking-right{float: right; width: 350px;}
    .booking .tourD-name{margin-bottom: 30px;}
    .booking .tourD-sticky{margin-bottom: 0;}
}.tourD{padding: 30px 0;}
.tourD .matour{font-size: 18px; color: #ed1c24;font-weight: 400;}
.tourD-menu{position: fixed; top: -60px; right: 0; left: 0; margin: auto; padding: 5px 0; background-color: #fff; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); opacity: 0; z-index: 4; transition: all 0.25s ease 0s;}
.tourD-menu ul{list-style: none;}
.tourD-menu ul li{float: left;}
.tourD-menu ul li a{display: block; line-height: 50px; color: #333; cursor: pointer; transition: all 0.25s ease 0s;}
.tourD-menu ul:nth-child(1){float: left;}
.tourD-menu ul:nth-child(1) li a:hover{color: #fc0;}
.tourD-menu ul:nth-child(2){float: right;}
.tourD-menu ul:nth-child(2) li:nth-child(1) a{line-height: 48px;}
.tourD-menu ul:nth-child(2) li:nth-child(1) a span{padding: 0 10px 0 5px; text-decoration: line-through; color: #777;}
.tourD-menu ul:nth-child(2) li:nth-child(1) a b{font-size: 22px; color: #ed1c24;}
.tourD-menu ul:nth-child(2) li:nth-child(2) a{display: block; background-color: #033baf; border-radius: 5px; color: #fff;}
.tourD-menu ul:nth-child(2) li:nth-child(2) a:hover{background-color: #fc0;}
.tourD-menu-2{top: 0; opacity: 1;}

.tourD-info{margin-bottom: 15px;}
.tourD-name{margin-bottom: 15px; font-size: 30px; font-weight: 400; line-height: 1.1;} h1.tourD-name{color: #033baf;}

.tourD-sticky ul{list-style: none;}
.tourD-sticky ul li i:not(.fa-star){width: 15px; margin-right: 10px; text-align: center;}
.tourD-sticky ul li:nth-child(1){border-bottom: 1px solid #d7d7d7;}
.tourD-sticky ul li:nth-child(1) span{padding: 0 10px 0 5px; text-decoration: line-through; color: #777;}
.tourD-sticky ul li:nth-child(1) b{font-size: 26px; color: #ed1c24;}
.tourD-sticky ul li:nth-child(2){padding-top: 15px;}
.tourD-sticky ul li:nth-child(5){padding-bottom: 15px;}
.tourD-sticky ul li:nth-child(6){border-top: 1px solid #d7d7d7;}
.tourD-sticky ul li:nth-child(6) i{font-size: 22px; color: #fc0;}
.tourD-sticky ul li:last-child{padding: 15px; border-top: 1px solid #d7d7d7;}
.tourD-sticky ul li:last-child a{background-color: #033baf; border-radius: 5px; font-size: 16px; text-align: center; line-height: 50px; color: #fff; cursor: pointer; transition: all 0.25s ease 0s;}
.tourD-sticky ul li:last-child a:hover{background-color: #fc0; color: #333;}

.tourD-content{margin-bottom: 30px;}
.tourD-content .main-detail ul{list-style: none; margin-left: 0;}
.tourD-content .main-detail ul li{position: relative; padding-left: 20px;}
.tourD-content .main-detail ul li+li{margin-top: 10px;}
.tourD-content .main-detail ul li:before{content: '\f058'; position: absolute; top: 0; left: 0; font-family: 'Font Awesome 6 Pro'; font-weight: 700; color: #033baf;}

.tourD-itinerary{margin-bottom: 15px;}
.tourD-itinerary-item{margin-bottom: 15px;}
.tourD-itinerary-name{margin-bottom: 10px; padding: 10px; background-color: #f7f7f7; border-radius: 5px; font-size: 16px; color: #033baf;}

.tourD-include{margin-bottom: 30px;}
.tourD-include .main-detail ul{list-style: none; margin-left: 0;}
.tourD-include .main-detail ul li{position: relative; padding-left: 20px;}
.tourD-include .main-detail ul li+li{margin-top: 10px;}
.tourD-include .main-detail ul li:before{content: '\f058'; position: absolute; top: 0; left: 0; font-family: 'Font Awesome 6 Pro'; font-weight: 300; color: #033baf;}
.tourD-include #include2.main-detail ul li:before{content: '\e12e'; color: #ed1c24;}
#tourD-include{list-style: none; margin-bottom: 15px;}
#tourD-include li {float: left;}
#tourD-include li a{display: block; padding: 0 15px; border-radius: 5px; font-size: 16px; line-height: 40px; color: #033baf; transition: all 0.25s ease 0s;}
#tourD-include li a.active{background-color: #033baf; color: #fff;}

.tourD-html{margin-bottom: 30px;}
.tourD-html-item{border: 1px solid #d7d7d7; border-top: 0;}
.tourD-html-item:nth-child(2){border-top: 1px solid #d7d7d7;}
.tourD-html-name{font-size: 16px; color: #033baf;}
.tourD-html-content .main-detail ul{margin-left: 16px;}

.tourD-gallery{margin-bottom: 15px;}
.tourD-gallery-list{position: relative;}
.tourD-gallery-list a{position: relative; float: left; display: block; margin-right: 15px; margin-bottom: 15px; color: #fff;}
.tourD-gallery-list a:before, .tourD-gallery-list a i{content: '';position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: all 0.25s ease 0s;}
.tourD-gallery-list a:before{background-color: rgb(0 0 0 / 25%);}
.tourD-gallery-list a i{width: 40px; height: 40px; margin: auto; background-color: rgb(0 0 0 / 75%); border-radius: 50%; font-size: 18px; text-align: center; line-height: 40px;}
.tourD-gallery-list a:hover:before, .tourD-gallery-list a:hover i{opacity: 1;}
.tourD-gallery-list a:nth-child(8){position: absolute; bottom: 15px; right: 0; display: flex;  align-items: center; justify-content: center; margin: 0!important;}
.tourD-gallery-list a:nth-child(8):before{background-color: rgb(0 0 0 / 75%); opacity: 1;}
.tourD-gallery-list a:nth-child(8) span{position: relative; font-size: 22px;}

.tourD-review{margin-bottom: 30px;}
.tourD-review-item{position: relative;}
.tourD-review-name{font-size: 16px; font-weight: 700; color: #033baf;}
.tourD-review-date{margin-bottom: 15px; color: #777;}
.tourD-review-star{position: absolute; top: 0; right: 0; line-height: 24px; color: #fc0;}
#tourD-review{margin-top: 15px; list-style: none; font-size: 0; text-align: center;}
#tourD-review li{display: inline-block;}
#tourD-review li+li{margin-left: 5px;}
#tourD-review li a{display: block; width: 30px; background-color: #f7f7f7; border-radius: 50%; font-size: 14px; font-weight: 700; line-height: 30px; color: #033baf;}
#tourD-review li a.active{background-color: #033baf; color: #fff;}

.tourD-book-item{position: relative; border-radius: 5px; overflow: hidden;}
.tourD-book-item a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: linear-gradient(transparent 80%, #000 100%); transition: all 0.25s ease 0s;}
.tourD-book-item a:hover{background-color: rgb(0 0 0 / 50%);}
.tourD-book-item a > span{position: absolute; right: 0; bottom: 15px; left: 0; margin: auto; padding: 0 15px; color: #fff;}
.tourD-book-item a > span span:nth-child(1){display: block; font-size: 16px; font-weight: 500;}
.tourD-book-item a > span span:nth-child(1):after{content: ''; display: block; width: 70px; height: 2px; margin-top: 5px; background-color: #fc0;}
.tourD-book-item a > span span:nth-child(2){display: inline-block; margin-top: 5px; font-weight: 300;}

@media (min-width: 320px){    
    .tourD-right{display: none;}
    .tourD-menu .wrap{overflow-x: scroll;}
    .tourD-menu-wrap{width: 533px;}
    .tourD-menu ul li+li{margin-left: 15px;}
    .tourD-menu ul:nth-child(2) li:nth-child(1){display: none;}
    .tourD-menu ul:nth-child(2) li:nth-child(2) a{padding: 0 30px;}
    .tourD-sticky ul li:nth-child(1){padding: 10px 0;}
    .tourD-sticky ul li:nth-child(3){padding: 10px 0;}
    .tourD-sticky ul li:nth-child(4){padding: 0 0 10px;}
    .tourD-sticky ul li:nth-child(6){padding: 15px 0;}
    .tourD-sticky ul li:last-child{padding: 15px 0;}
    .tourD-sticky ul li:last-child a{display: inline-block; padding: 0 50px;}
    .tourD-html-item{padding: 15px;}
    .tourD-html-name{margin-bottom: 10px;}
    .tourD-gallery-list a{width: calc((100% - 15px)/2);}
    .tourD-gallery-list a:nth-child(2n){margin-right: 0;}
    .tourD-gallery-list a:nth-child(8){height: calc((100% - 45px)/3);}
}
@media (min-width: 480px){
    .tourD-gallery-list a{width: calc((100% - 30px)/3);}
    .tourD-gallery-list a:nth-child(2n){margin-right: 15px;}
    .tourD-gallery-list a:nth-child(3n){margin-right: 0;}
    .tourD-gallery-list a:nth-child(8){height: calc((100% - 30px)/2);}
}
@media (min-width: 580px){
    .tourD-menu .wrap{overflow-x: unset;}
    .tourD-menu-wrap{width: auto;}
    .tourD-html-item{padding: 0;}
    .tourD-html-name{float: left; width: 220px; margin-bottom: 0; padding: 15px;}
    .tourD-html-content{float: right; width: calc(100% - 281px); padding: 15px; border-left: 1px solid #d7d7d7;}
}
@media (min-width: 970px){
    .tourD-left{float: left; width: calc(100% - 380px);}
    .tourD-right{float: right; display: block; width: 350px; padding-top: 393px;}
    .tourD-right-2{padding-top: 316px;}
    .tourD-sticky{position: absolute; top: 0; right: 0; width: 350px;}
    .tourD-sticky ul{top: 15px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%);}
    .tourD-sticky ul li{padding: 0 15px;}
    .tourD-sticky ul li:nth-child(1){padding: 10px 15px;}
    .tourD-sticky ul li:nth-child(3){padding: 10px 15px;}
    .tourD-sticky ul li:nth-child(4){padding: 0 15px 10px;}
    .tourD-sticky ul li:nth-child(6){padding: 15px; text-align: center;}
    .tourD-sticky ul li:last-child{padding: 15px;}
    .tourD-sticky ul li:last-child a{display: block; padding: 0;}
    .tourD-menu ul li+li{margin-left: 30px;}
    .tourD-menu ul li a{font-size: 16px;}
    .tourD-menu ul:nth-child(2) li:nth-child(1){display: block;}
    .tourD-menu ul:nth-child(2) li:nth-child(2) a{padding: 0 50px;}
}