@charset "utf-8";

.index-header{position:relative;margin:0 auto;width:100%;background-position:center;background-size:cover;height:250px;background-repeat:repeat}
.index-header .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgb(4 87 181 / 50%) 30%,rgb(250 250 250) 95%)}
/* logo */
.index-header-top{padding-top:5px}
.index-header-top .left-logo{width:100%;max-width:50%;}
.index-header-top .left-logo .navbar-brand{margin-right:0}
.index-header-top .left-logo .navbar-brand img{width:100%;height:auto;height:60px;}
/* 联系信息和登录按钮 */
.index-header-top .right-contact{display:flex;justify-content:flex-end;align-items:center}
.index-header-top .right-contact .box{display:block}
.index-header-top .right-contact .icon-button{padding:5px 5px 0;text-align:center;border:0;background:0 0}
.index-header-top .right-contact .icon-button .icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.index-header-top .right-contact .icon-button span{font-size:12px;display:block;margin-top:-2.5px;color:#fff}

/* 全局搜索 ******************************************************************************/
/* 全局搜索框 */
.st-search{margin-top:10px}
.st-search-box{width:100%;height:auto;position:relative;background:#fff;display:flex;align-items:center;border-radius:15px;padding:2px 0}
.st-search-box .st-search-down{display:flex;width:70px;align-items:center;justify-content:flex-end;padding:3px 0;border-right:1px solid #ddd}
.st-search-box .st-search-down .st-down-select{width:auto}
.st-search-box .st-search-down i{margin-right:10px;margin-left:5px}
.st-search-box .st-search-text{border:0;padding:3px 5px;width:calc(100% - 120px)}
.st-search-box .st-search-btn{padding:0;border:none;background:0 0;color:#00CC88;cursor:pointer;font-size:18px;width:40px;text-align:right}
/* 热门搜索标签 */
.st-search .search_hot_keyword{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;overflow:hidden;padding:10px 0 0}
.st-search .search_hot_keyword a{display:block;margin-right:5px;padding:0 .5rem;width:auto;height:25px;border-radius:10px;background:#fafafa;color:#666;text-align:center;line-height:25px;font-size:12px}
/*全局搜索栏目选择弹出框*/
.search-sx-box{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);display:none;justify-content:center;align-items:center;z-index:10000}
.search-sx-box>.search-sx{background-color:#fff;padding:15px;border-radius:5px;box-shadow:0 1px 6px rgba(50,50,50,.1);width:90%;position:relative;border:0}
.search-sx-box>.search-sx>ul{padding:0 15px;margin:0}
.search-sx-box>.search-sx>ul>li{border-bottom:1px solid #e3e3e3;position:relative;list-style-type:none;padding:5px 0}
.search-sx-box>.search-sx>ul>li:last-child{border-bottom:none}
.search-sx-box>.search-sx>ul>li>span{font-size:22px}
.search-sx-box>.search-sx>ul>li.on{color:#00CC88}
.search-sx-box>.search-sx>ul>li.on>i{position:absolute;top:50%;transform:translateY(-50%);right:5px;font-size:16px;color:#00CC88}
.search-sx-box>.search-sx>ul>li.on>i::before{content:"\f14a";font-family:FontAwesome;font-weight:700;font-style:normal}

/* 首页图标导航 ******************************************************************************/
.index-channel-menu{margin-top:15px}
.channel-bigbox{background-color:#fff;border-radius:6px;padding:10px 5px 5px;position:relative;z-index:9999;box-shadow:0 0 6px 1px rgba(0,0,0,.04);display:flex;flex-direction:column}
.channel-box{display:grid;grid-template-columns:repeat(7,1fr);gap:0}
.channel-box .channel-list{margin-bottom:10px;color:#666;padding:2.5px;display:flex;align-items:center;flex-direction:column;font-weight:700;font-size:13px}
.channel-box .channel-list .icon{position:relative;width:100%;transition:all .1s ease 0s;background-color:#fafafa;text-align:center;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px 5px;margin-bottom:2.5px}
.channel-line-list{grid-template-columns:repeat(6,1fr)}
.channel-line-list .channel-list{color:#f16a35}
.channel-line-list .channel-list .icon{background-color:#fafcff}

/* 首页Banner广告 ******************************************************************************/
.index-ad{margin-top:110px}
#index-ad,.swiper-container{position:relative;width:100%;height:auto;transition:all .5s ease 0s}
#index-ad .swiper-slide{position:relative;width:100%;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px}
#index-ad .swiper-slide picture{height:150px}
#index-ad .swiper-slide picture img{width:100%;height:100%;object-fit:cover;object-position: center;display:block;border-radius:6px;overflow:hidden}
#index-ad .swiper-slide picture img.swiper-lazy-loading{opacity:.5;filter:blur(5px);transition:opacity .3s ease-in-out,filter .3s ease-in-out;background-color:#f2f2f2;width:100%;height:100%}
#index-ad .swiper-slide picture img.swiper-lazy-loaded{opacity:1;filter:blur(0)}
#index-ad .swiper-pagination-index-ad{position:absolute;bottom:5px;z-index:100;text-align:right;width:95%;left:2.5%}
#index-ad .swiper-pagination-index-ad .swiper-pagination-bullet{width:5px;height:5px;border-radius:5px;background:#fff;vertical-align:middle;opacity:1}
#index-ad .swiper-pagination-index-ad .swiper-pagination-bullet-active{background:#0584fa}
/* 遮罩效果 */
#index-ad .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,.3)}
/* 文字内容 */
#index-ad .swiper-slide .title{position:absolute;top:0;left:0;z-index:100;height:100%;text-shadow:none}
#index-ad .swiper-slide .title .row{height:100%}
#index-ad .swiper-slide .title .content{display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column}
#index-ad .swiper-slide .title strong{width:100%;color:#fff;font-size:20px;line-height:1.4;background-image:linear-gradient(45deg,#fbed46,#d39b02);color:#f9b90a;color:transparent;font-weight:700;-webkit-background-clip:text}
#index-ad .swiper-slide .title .index-ad-btn{display:block;color:#fff;text-align:center;font-size:14px;padding:5px 25px;background-color:#f16a35;margin-top:10px;border-radius:15px;border:0;cursor:pointer}

/* 首页热门目的地  ******************************************************************************/
.index-hot-dest{width:100%}
.index-hot-dest .col-12{margin-top:25px}
.index-hot-dest .hot-dest-box{border-radius:10px;padding:10px;background-position:center;background-size:cover;background-repeat:repeat;position:relative}
.index-hot-dest .hot-dest-box::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background-image:linear-gradient(180deg,rgb(240 244 251 / 70%) 0,rgb(240 244 251 / 95%) 40%);border-radius:4px}
/* 标题 */
.hot-dest-box .category-name{width:calc(100% + 20px);display:flex;align-items:center;justify-content:left;position:relative;z-index:1;padding:8px 0 8px 10px;margin:-10px -10px 0;border-top-left-radius:6px;border-top-right-radius:6px;background-image: linear-gradient(90deg, #3a592d 40%, #00CC88 70%);opacity: .8;}
.hot-dest-box .category-name span{display:block;color:#fff;font-size:20px;font-weight:700}
.hot-dest-box .category-line{margin-top:15px;margin-bottom:15px;justify-content:space-between;background-color:#f16a35;padding:5px 5px 5px 15px;width:100%;display:flex;align-items:center;position:relative;z-index:1;border-radius:10px}
.hot-dest-box .category-line span{display:block;color:#fff;font-size:16px}
.hot-dest-box .category-line a{display:block;color:#fff;font-size:14px;padding:2.5px 15px;border-radius:10px}
.hot-dest-box .category-line a i{margin-left:5px}
.hot-dest-box .bg1{background-image:linear-gradient(90deg,#2457f0 40%,#5f87ff 70%)}
.hot-dest-box .bg2{background-image:linear-gradient(90deg,#058173 40%,#13ad9a 70%)}
.hot-dest-box .bg3{background-image:linear-gradient(90deg,#b9312a 40%,#df4d44 70%)}
.hot-dest-box .bg4{background-image:linear-gradient(90deg,#487504 40%,#6bab09 70%)}
/* 热门目的地列表 */
.hot-dest-box .hot-city-list{margin-top:15px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}
.hot-dest-box .hot-city-list::-webkit-scrollbar{display:none}
.hot-dest-box .hot-city-list::-webkit-scrollbar{width:0}
.hot-dest-box .hot-city-list a{display:block;flex:0 0 auto;margin-right:5px;text-decoration:none;width:25%;position:relative;border-radius:4px}
.hot-dest-box .hot-city-list a:last-child{margin-right:0}
.hot-dest-box .hot-city-list a img{width:100%;height:auto;display:block;border-radius:4px}
.hot-dest-box .hot-city-list a span{position:absolute;left:0;bottom:0;z-index:2;color:#fff;font-size:12px;font-weight:400;line-height:1.2;background-color:rgb(0 0 0 / 50%);padding:3.5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:100%}
.hot-dest-box .hot-city-list a::before{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(4 77 144 / 30%),rgba(0,0,0,0));z-index:1;content:"";border-radius:4px}
/* 热门推荐线路 */
.line-list{position:relative;z-index:1}
.line-list{width:100%;margin-top:15px;}
.line-list ul{margin:0;padding:0;list-style:none}
.line-list li{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #3591e215}
.line-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.line-list .poto{position:relative;overflow:hidden;width:100px;height:auto}
.line-list .poto img{width:100%;height:auto;background-color:#fff;padding:2px;border-radius:2px}
.line-list .price{position:absolute;color:#fff;background-color:rgba(227,121,45,.9);left:2px;bottom:2px;padding:2.5px 10px;border-top-right-radius:10px;font-size:13px}
.line-list .price em{font-style:normal;font-size:14px}
.line-list .price em::after{content:"起";font-size:12px;margin-left:5px}
.line-list .price em::before{content:"￥";font-size:12px}
.line-list .title{line-height:1.4;width:calc(100% - 110px)}
.line-list .title .flag{margin-top:5px}
.line-list .title .flag span{display:inline-block;background:#00cc88;);padding:2px 5px;color:#fff;border-radius:2px;font-size:13px}

/* 首页定制包团广告 ******************************************************************************/
.index-customize{margin-top:15px}
#index-customize,.swiper-container{position:relative;width:100%;height:auto;transition:all .5s ease 0s}
#index-customize .swiper-slide{position:relative;width:100%;height:150px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px}
#index-customize .swiper-slide picture{height:100%}
#index-customize .swiper-slide picture img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;overflow:hidden}
#index-customize .swiper-slide picture img.swiper-lazy-loading{opacity:.5;filter:blur(5px);transition:opacity .3s ease-in-out,filter .3s ease-in-out;background-color:#f2f2f2;width:100%;height:100%}
#index-customize .swiper-slide picture img.swiper-lazy-loaded{opacity:1;filter:blur(0)}
#index-customize .swiper-pagination-index-customize{position:absolute;bottom:5px;z-index:100;text-align:right;width:95%;left:2.5%}
#index-customize .swiper-pagination-index-customize .swiper-pagination-bullet{width:5px;height:5px;border-radius:5px;background:#fff;vertical-align:middle;opacity:1}
#index-customize .swiper-pagination-index-customize .swiper-pagination-bullet-active{background:#0584fa}
/* 遮罩效果 */
#index-customize .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,.3)}
/* 文字内容 */
#index-customize .swiper-slide .title{position:absolute;top:0;left:0;z-index:100;height:100%;text-shadow:none}
#index-customize .swiper-slide .title .row{height:100%}
#index-customize .swiper-slide .title .content{display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column}
#index-customize .swiper-slide .title p,#index-customize .swiper-slide .title strong{width:100%;color:#fff;font-weight:400;font-size:14px;line-height:1.4}
#index-customize .swiper-slide .title strong{font-size:18px;background-image:linear-gradient(45deg,#fbed46,#d39b02);color:#f9b90a;color:transparent;font-weight:700;-webkit-background-clip:text}
#index-customize .swiper-slide .title p{margin-top:10px;margin-bottom:0}
#index-customize .swiper-slide .title .index-customize-btn{display:block;color:#fff;text-align:center;font-size:14px;padding:5px 25px;background-color:#f16a35;margin-top:10px;border-radius:10px;border:0;cursor:pointer}

/* 底部服务图标 */
.bottom-service{padding-top:15px;padding-bottom:15px;background-color:#fff;color:#333;border-bottom:1px solid #b5d1eb;margin-top:25px}
.bottom-service-box{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bottom-service-box::-webkit-scrollbar{display:none}
.bottom-service-box::-webkit-scrollbar{width:0}
.bottom-service-list{flex:0 0 auto;align-items:center;margin-right:15px;text-decoration:none;width:70%;display:flex;padding:10px;background-color:#fafafa;border-radius:6px}
.bottom-service-list .icon{width:50px;height:50px;background-color:#eaf2f9;display:flex;justify-content:center;align-items:center;border-radius:15px}
.bottom-service-list .information{flex-grow:1;padding-left:10px;padding-right:0;display:flex;flex-direction:column;justify-content:center;width:calc(100% - 40px)}
.bottom-service-list .name{margin:0;font-size:16px;color:#333;font-weight:bold}
.bottom-service-list .note{font-size:13px;color:#666;line-height:1.6;margin-top:5px}