/*  
Theme Name:V客美途-地图导航
Theme URI:https://blog.wpjam.com/
Description:V客美途定制旅行网
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 7.4
Version:1.0
Author: WPAJM TEAM
Author URI: https://blog.wpjam.com/
*/

/* -------------------------------------------------------------------------- */
/* 头部
/* -------------------------------------------------------------------------- */
.header-box{max-width:1200px;display:flex;align-items:center;margin:30px auto 10px}
.header-logo{margin-right:36px}
.header-logo img{display:block;height:58px}
.header-search form{position:relative}
.header-search form input{padding-left:40px;width:300px;height:35px;border:1px solid #d4d4d4;border-radius:5px}
.header-search form i{position:absolute;top:50%;left:14px;color:#d4d4d4;font-size:19px;transform:translateY(-50%)}
.header-others{display:flex;margin-left:auto}
.header-contact{display:flex}
.header-contact li{display:flex;margin-left:16px;color:#333;font-size:14px;line-height:1.4;align-items:center}
.header-contact li i{margin-right:6px;font-size:15px}
.header-contact li img{margin-right:6px;width:20px;display:block;height:auto}
.header-contact li a{color:#333;font-size:14px}

/* -------------------------------------------------------------------------- */
/* 地图导航
/* -------------------------------------------------------------------------- */
.map-content-info{position:relative;padding:40px 0}
.branch-map-l{width:1000px;height:730px;position:relative;margin:0 auto}
.map-language{display:flex;align-items:center;justify-content:flex-end;gap:30px;position:absolute;top:-50px;right:0}
.map-language a{color:#306592;font-size:14px;text-decoration:underline}
.map-content-box{width:100%;height:100%;margin:40px 0;background:url(assets/images/map-bg.png) no-repeat center;position:relative;background-size:contain}
.map-dot a{position:absolute;text-align:center;font-size:12px;cursor:pointer;display:flex;align-items:flex-end}
.map-dot a span{color:#306592;font-size:14px;font-weight:700;z-index:999999;position:absolute;left:28px;width:max-content;text-align:left;display:none}
.map-dot a:hover span{display:block}
.map-dot a:before{content:"";display:inline-block;width:28px;height:28px;background:url(assets/images/inoc-map-1.png) no-repeat scroll 0 0;background-size:contain;cursor:pointer}
.map-dot a:hover:before{background:url(assets/images/inoc-map-2.png) no-repeat scroll 0 0;background-size:contain}
.beijing{right:288px;top:295px}
.tianjin{right:272px;top:315px}
.shenyang{right:163px;top:257px}
.jinan{right:277px;top:365px}
.hangzhou{right:227px;top:490px}
.nanchang{left:681px;bottom:187px}
.wuhan{left:651px;bottom:222px}
.shanghai{right:204px;top:474px}
.changsha{left:631px;bottom:178px}
.xiamen{right:252px;bottom:118px}
.shenzhen{right:321px;bottom:84px}
.guangzhou{right:334px;bottom:93px;flex-direction:row-reverse}
.guangzhou span{left:-28px!important}
.en .guangzhou span{left:-76px!important}
.kunming{left:465px;bottom:116px}
.chongqing{left:530px;bottom:200px}
.chengdu{left:478px;bottom:216px}
.guilin{left:580px;bottom:115px}
.xian{left:565px;top:404px}

.destination-select .destination-box{max-width:max-content;margin:0 auto}
.destination-select ul li i{display:inline-block;width:25px;height:25px;background:url(assets/images/inoc-map-1.png) no-repeat scroll 0 0;background-size:contain;cursor:pointer;vertical-align:bottom;margin-right:5px}
.destination-select li{position:relative;cursor:pointer;padding:20px 0}
.destination-select li a{color:#333;font-size:14px}
.destination-select>li>a{line-height:55px;display:flex;align-items:center}
.destination-select li>span:after{margin-left:3px;content:"\ea4e";font-style:normal;font-size:16px;font-family:remixicon!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.destination-select li ul{position:absolute;top:150%;z-index:100;display:block;visibility:hidden;padding:4px 14px;width:100%;border-radius:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none;-ms-transition:all .5s ease}
.destination-select li.active ul{top:100%;visibility:visible;opacity:1;pointer-events:all}
.destination-select li ul li{display:block;cursor:auto;padding:4px 0;border-bottom:1px solid #eee}
.destination-select li ul li:last-child{border-bottom:none}
.destination-select li ul li a{display:inline-block;font-size:13px}
.destination-select li ul li a:hover{color:#0085cd}

/* -------------------------------------------------------------------------- */
/* 页脚
/* -------------------------------------------------------------------------- */
footer{background:#085078;position:relative;z-index:9;padding:40px 0}
footer .foot-content{max-width:1200px;margin:0 auto}
footer .foot-box{display:flex;align-items:center;justify-content:space-between;width:100%}
footer .foot-box .foot-l{border-left:1px solid #c2c2c2;padding-left:20px}
footer .foot-box .foot-l p{color:#c2c2c2;font-family:"PingFang SC";font-size:14px;font-style:normal;line-height:normal}
footer .foot-box .foot-l a{color:#fff}
footer .foot-box .foot-l .icon-gaba{display:inline-block;width:16px;height:16px;background:url(assets/images/gaba.png) no-repeat scroll 0 0;background-size:contain;cursor:pointer;vertical-align:-3px}
footer .foot-box .foot-r img{max-height:100px;object-fit:cover}

/* -------------------------------------------------------------------------- */
/* 兼容手机端
/* -------------------------------------------------------------------------- */
@media (max-width: 767px){
	.header-box{flex-direction:column;gap:30px;margin:20px 0}
	.header-others{margin:0}
	.header-contact li:first-child{margin-left:0}
	.page-content-box{height:500px;padding:0 20px;overflow:hidden}
	.branch-map-l{transform-origin:top left;transform:scale(.35)}
	.map-dot a span{display:block}
	.destination-select li ul{max-height:400px;overflow-y:scroll}
	footer .foot-box{flex-wrap:wrap;justify-content:center;gap:30px}
}


/* -------------------------------------------------------------------------- */
/* 新版本导航
/* -------------------------------------------------------------------------- */
.site-main{}
.page-container{padding:0 15px;width:100%;max-width:1230px;margin:0 auto}
.nav-list-wrapper{padding-bottom:50px}
.nav-menu{margin:30px 0}
.nav-menu ul{display:flex;align-items:center;justify-content:space-around}
.nav-menu ul li a{display:flex;flex-direction:column;align-items:center}
.nav-menu ul li a img.active{display:none}
.nav-menu ul li.current-menu-item a img.normal,.nav-menu ul li:hover a img.normal{display:none}
.nav-menu ul li.current-menu-item a img.active,.nav-menu ul li:hover a img.active{display:inline}
.nav-menu ul li a img{width:32px;height:auto}
.nav-menu ul li a span{margin-top:5px;color:#333;font-size:16px;font-weight:400}
.nav-menu ul li.current-menu-item a span,.nav-menu ul li:hover a span{color:#2095f7}
.nav-list{display:flex;flex-wrap:wrap;gap:20px}
.nav-list .nav-item{width:calc((100% - 60px)/ 4);margin-bottom:20px;position:relative}
.nav-list .nav-item .item-img{border-radius:15px;box-shadow:10px 10px 30px 0 #00000026;overflow:hidden;position:relative}
.nav-list .nav-item .item-img img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.nav-list .nav-item:hover .item-img img{transform:scale(1.1)}
.nav-list .nav-item .price{position:absolute;bottom:0;right:0;color:#fff;font-weight:700;font-size:16px;border-radius:0 0 15px 15px;background:#00000080;width:100%;text-align:right;padding:7px 15px}
.nav-list .nav-item .price span i{font-size:10px;font-style:normal;padding-left:3px}
.nav-list .nav-item h2{color:#575959;font-size:14px;font-weight:700;margin-top:20px}
.nav-list .nav-item .item-url{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:10}

@media (max-width:767px){
	.nav-menu ul{gap:30px;overflow:scroll}
	.nav-menu ul li{white-space:nowrap}
	.nav-list .nav-item{width:calc((100% - 20px)/ 2);margin-bottom:0}
	.nav-list .nav-item h2{margin-top:10px;text-align:center}
}

/* -------------------------------------------------------------------------- */
/* theme-pagination
/* -------------------------------------------------------------------------- */
.theme-pagination{display:block;overflow:hidden;padding:20px 0;width:100%;text-align:center;font-size:14px}
.theme-pagination ul{display:flex;margin:0 auto;padding:0;justify-content:center}
.theme-pagination ul li{display:inline-block}
.theme-pagination ul li a,
.theme-pagination ul li span{float:left;display:block;margin:0 4px;padding:8px 15px;color:#000;font-size:14px;border-radius:4px;background-image:linear-gradient(0deg,#fff,#f3f5f8);border:2px solid #fff;box-shadow:6px 6px 20px rgba(55,99,170,.1),-6px -6px 20px #fff}
.theme-pagination ul li.active span,
.theme-pagination ul li:hover a{background:#2195f7;color:#fff}

@media (max-width:767px){
	.theme-pagination{padding:0 0 20px !important;margin:20px 0}
}