@charset "utf-8";

/* 签证首页 ******************************************************************************/
.wrapper{position:relative;padding-top:25px;padding-bottom:25px;background:#fafcff}
/* 背景图片 */
.article-index-banner{position:relative;width:100%;height:auto;background-position:center;background-size:cover;background-repeat:no-repeat;padding-bottom:15px}
.article-index-banner .banner-svg{position:absolute;bottom:-1px;left:0;width:100%;z-index:1}
.article-index-banner .banner-svg svg{fill:#fafcff}
/* 搜索框架 */
.article-index-searchbox{position:relative;height:100%;display:flex;justify-content:center;align-items:center;padding:20px 0}
.article-index-searchbox .search{position:relative;z-index:999;width:100%;background-color:rgba(255,255,255,.7);border-radius:5px;padding:15px 0}
/* 搜索表单 */
.article-index-searchbox .search .search-box{padding:10px 15px;display:flex}
.article-index-searchbox .s-input,.article-index-searchbox .s-submit{display:flex;height:40px;outline:0;border:1px solid #00CC88background:#fff;color:#333;font-size:14px;border-radius:22px}
.article-index-searchbox .s-input{padding-left:1rem;padding-right:1rem;width:100%}
.article-index-searchbox .s-submit{width:40px;cursor:pointer;font-size:16px;border:0;align-items:center;justify-content:center;color:#00CC88;position:absolute;right:20px;background:0 0}
/* 热门搜索 */
.article-index-searchbox .hot_list{position:relative;padding:5px 25px;width:100%}
.article-index-searchbox .hot_list a{display:inline-block;margin-right:2.5px;margin-bottom:5px;width:auto;color:#666;text-align:center;font-size:12px;background-color:#fff;padding:2.5px 5px;border-radius:3px}

/* 攻略轮播效果 ******************************************************************************/
.article-index-carousel{margin-top:25px;position:relative}
/* 右边角标签 */
.article-index-carousel .corner{position:absolute;width:78px;top:-8px;right:8px;z-index:99}
.article-index-carousel .corner .corner-text{user-select:none;position:absolute;text-align:center;width:78px;height:20px;font-size:11px;line-height:20px;color:#fff;transform:rotate(45deg);top:20px;right:-12px}
.article-index-carousel .corner img{width:100%}
/* 轮播框架 */
#article-index-carousel,.swiper-container{position:relative;width:100%;height:auto;transition:all .5s ease 0s}
#article-index-carousel .swiper-slide{position:relative;width:100%;height:200px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:5px}
#article-index-carousel .swiper-slide picture{height:100%}
#article-index-carousel .swiper-slide picture img{width:100%;object-fit:cover;display:block;border-radius:5px;overflow:hidden}
#article-index-carousel .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%}
#article-index-carousel .swiper-slide picture img.swiper-lazy-loaded{opacity:1;filter:blur(0)}
#article-index-carousel .swiper-pagination-article-index-carousel{position:absolute;bottom:5px;z-index:100;text-align:right;width:95%;left:2.5%}
#article-index-carousel .swiper-pagination-article-index-carousel .swiper-pagination-bullet{width:5px;height:5px;border-radius:5px;background:#fff;vertical-align:middle;opacity:1;margin:0 1.5px}
#article-index-carousel .swiper-pagination-article-index-carousel .swiper-pagination-bullet-active{background:#f8d137}
/* 文字内容 */
#article-index-carousel .swiper-slide .title{position:absolute;top:0;left:0;z-index:100;height:100%;text-shadow:none}
#article-index-carousel .swiper-slide .title .row{height:100%}
#article-index-carousel .swiper-slide .title .content{position:absolute;left:0;bottom:0;width:100%;padding:0}
#article-index-carousel .swiper-slide .title .article-index-carousel-btn{display:block;color:#000;text-align:center;font-size:11px;padding:5px;background-color:#f8d137;margin-bottom:0;border-radius:2px;border:0;cursor:pointer;display:inline-block;margin-left:10px}
#article-index-carousel .swiper-slide .title strong{width:100%;color:#fff;font-size:18px;background:linear-gradient(to top,#000,rgba(0,0,0,0));font-weight:400;padding:10px;display:block}

/* 攻略首页分栏 */
.article-index-list{padding-left:0!important;padding-right:0!important}
.article-index-list .row{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.article-index-list .row .col-12{padding-left:0;padding-right:0}
.article-index-list-box{padding:15px;background:#fff;margin-bottom:25px}
.article-index-list-box:last-child{margin-bottom: 0;}
.article-index-list-box .catename{border-bottom:1px solid #f1f1f1;display:flex;align-items:flex-start;flex-direction:column;padding-bottom:2.5px}
.article-index-list-box .catename strong{position:relative;font-size:22px;font-weight:400;display:flex;height:50px;align-items:center}
.article-index-list-box .catename strong::before{width:5px;height:40%;background-color:#00CC88;content:"";display:inline-block;margin-right:10px}
.article-index-list-box .catename .cate-list{padding:0 0 10px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-index-list-box .catename .cate-list a{display:block;flex:0 0 auto;margin-right:5px;padding:5px 7.5px;background-color:#f0f6fa;border-radius:2px;color:#666;margin-right:5px;font-size:13px}
/* 列表 */
.article-index-list-box ul{margin-top:15px;padding:0;display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;flex-direction:column}
.article-index-list-box li{margin:0;padding:0;list-style:none}
.article-index-list-box li:after{display:block;margin:0;width:100%;height:1px;background-color:#f1f1f1;content:""}
.article-index-list-box li .box{display:flex;padding:15px 0}
.article-index-list-box li .box .picture{margin-right:15px;width:35%}
.article-index-list-box li .box .picture img{width:100%;border-radius:5px}
.article-index-list-box li .box .content{width:calc(100% - 35% - 15px)}
.article-index-list-box li .box .content span{display:block}
.article-index-list-box li .box .content .title{margin-bottom:.5rem;color:#333;font-size:18px;line-height:1.4;transition:all .3s ease 0s}
.article-index-list-box li .box .content .note{display:-webkit-box;overflow:hidden;margin-bottom:.5rem;height:2.4rem;color:#999;text-overflow:ellipsis;line-height:1.2rem;transition:all .3s ease 0s;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* 更多 */
.article-index-list-box .more{display:flex;color:#777;background-color:#fafafa;padding:10px 10px;border-radius:3px;text-align:center;justify-content:center}
.article-index-list-box .more:after{content:"\f105";margin-left:5px;font-family:FontAwesome;color:#777}


/* 攻略列表页 ******************************************************************************/
/* 筛选头部 */
.header-nav__filtrate{top:50px;position:fixed;left:0;right:0;z-index:9998;background:#f8f9fa;display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100%;align-items:center;justify-content:center;height:50px;box-shadow:0 0 6px 0 rgba(0,0,0,.08);border-top:1px solid #f1f1f1;}
.header-nav__filtrate .header-nav__item{position:relative;font-size:16px;color:#333;cursor:pointer;text-align:center;font-weight:700;border-right:1px solid #e9e9e9}
.header-nav__filtrate .header-nav__item:last-child{border:none}
.header-nav__filtrate .header-nav__item span{display:flex;align-items:center;justify-content:center}
.header-nav__filtrate .header-nav__item span::after{content:"\f0d7";font-family:FontAwesome;color:#666;margin-left:5px;font-size:11px}
/* .header-nav__filtrate #dest-item span::after{content:"\f041"} */
.header-nav__filtrate #filter-item span::after{content:"\f1de"}
/* .header-nav__filtrate #sort-item span::after{content:"\f0dc"} */
.header-nav__filtrate .active{color:#156cb8}
.header-nav__filtrate .active span::after{color:#156cb8}
/* 目的地 */
.dest-page{position:fixed;top:100px;right:0;bottom:0;left:0;display:none;z-index:9997;height:calc(100% - 100px);background-color:#fafcff;overflow-y:auto}
/* 面包屑 */
.dest-crumbs{position:relative;padding:10px 15px;color:#666;font-size:13px;background-color:#fafafa}
.dest-crumbs a{color:#666}
.dest-crumbs a:hover{color:#666}
.dest-crumbs a::after{content:"\f105";font-family:FontAwesome;color:#9997;margin:0 5px}
/* 列表 */
.dest-group{position:relative;background:#fafcff}
.dest-group .dest-list{overflow-y:auto;padding:0 10px;list-style-type:none;margin-bottom:0}
.dest-group .dest-list li{color:#666;line-height:35px;padding:0 5px;position:relative;border-bottom:1px solid #e5e5e5;font-size:13px;display:flex}
.dest-group .dest-list li i{margin-left: auto;}
.dest-group .dest-list li i.more::after{content:"\f105";font-family:FontAwesome;color:#666;font-weight:400;font-style:normal}
.dest-group .dest-list li.active{color:#156cb8;background-color:#faf9f9}
.dest-group .dest-list li.active::before{content:"\f14a";font-family:FontAwesome;color:#156cb8;margin-right:5px;font-size:12px}
#dests_all li{color:#156cb8;font-weight:700;font-size:14px}
#dests_all li i.more::after{content:"\f105";font-family:FontAwesome;color:#156cb8;font-weight:400;font-style:normal}
#dests_guonalvyou{display:grid;grid-template-columns:repeat(2,1fr)}
#dests_haidaodujia{display:grid;grid-template-columns:repeat(2,1fr)}
#dests_zhoubianlvyou{display:grid;grid-template-columns:repeat(2,1fr)}
/* 功能按钮 */
.control-block{background:#fafcff;padding:15px 10px;display:flex;width:100%;justify-content:space-evenly;align-items:center}
.control-block a{flex:1;display:block;color:#fff;height:35px;line-height:35px;text-align:center;border-radius:2px;font-weight:700;margin:0 2.5px}
.control-block a:hover{color:#fff}
.control-block .back-btn{background-color:#4caf50}
.control-block .confirm-btn{background-color:#e63904}
.control-block .filter-page__cancel{background-color:#424242}
.control-block .back-btn::before{content:"\f0d9";font-family:FontAwesome;margin-right:5px}
.control-block .confirm-btn::after{content:"\f00c";font-family:FontAwesome;margin-left:5px}
.control-block .filter-page__cancel::after{content:"\f00d";font-family:FontAwesome;margin-left:5px}
/* 综合排序 */
.sort-page{position:fixed;top:100px;right:0;bottom:0;left:0;display:none;z-index:9997;height:calc(100% - 100px);background-color:#fafcff;overflow-y:auto}
.sort-group{overflow-y:auto;background:#fff;display:grid;grid-template-columns:repeat(1,1fr);column-gap:0;width:100%;padding:15px;margin:0}
.sort-group li{list-style-type:none;color:#666;height:40px;line-height:40px;position:relative;border-bottom:1px solid #e5e5e5;font-size:13px}
.sort-group li.active{color:#156cb8}
.sort-group li.active::before{content:"\f14a";font-family:FontAwesome;color:#156cb8;margin-right:5px;font-size:12px}
/* 攻略筛选 */
.filter-page{position:fixed;top:100px;right:0;bottom:0;left:0;display:none;z-index:9997;height:calc(100% - 100px);background-color:#fafcff;overflow-y:auto}
.filter-item{position:relative;background:#fafcff;height:calc(100% - 375px)}
.filter-item .bd,.filter-item .hd{position:absolute;top:0;bottom:0;overflow-y:auto}
.filter-item .hd{width:120px;left:0;background:#f2f6f9}
.filter-item .bd{right:0;left:120px;background:#fff}
.filter-item .hd ul{padding:0;margin:0}
.filter-item .bd ul{padding:0 10px;margin:0}
.filter-item .bd ul li,.filter-item .hd ul li{list-style-type:none}
.filter-item .hd li{color:#333;height:45px;line-height:45px;padding:0 5px;position:relative;border-left:4px solid #f2f6f9;font-size:14px;font-weight:700}
.filter-item .hd li.active{border-left:4px solid #e66904;background:#fff}
.filter-item .bd{position:absolute;top:0;right:0;bottom:0;left:112px;overflow-y:auto;background:#fff}
.filter-item .bd li{color:#666;height:35px;line-height:35px;padding:0 5px;position:relative;border-bottom:1px solid #e5e5e5;font-size:13px}
.filter-item .bd li.active{color:#156cb8}
.filter-item .bd li.active::before{content:"\f14a";font-family:FontAwesome;color:#156cb8;margin-right:5px;font-size:12px}

/* 攻略列表盒子 */
.article-list-box{padding-top:45px;}
.article-list-box .page-content{margin:0 -15px}
/* 列表 */
.page-content{position:absolute;top:95px;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:99}
.st-list-content{padding-top:10px;padding-bottom:10px;margin:0}
.article-list{padding:0 15px;display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;flex-direction:column}
.article-list li{margin:0;padding:0;list-style:none}
.article-list li:after{display:block;margin:0;width:100%;height:1px;background-color:#f1f1f1;content:""}
.article-list li .item{display:flex;padding:15px 0}
.article-list li .item .picture{margin-right:15px;width:35%}
.article-list li .item .picture img{width:100%;border-radius:5px}
.article-list li .item .content{width:calc(100% - 35% - 15px)}
.article-list li .item .content span{display:block}
.article-list li .item .content .tit{margin-bottom:.5rem;color:#333;font-size:18px;line-height:1.4;font-weight:400}
.article-list li .item .content p{margin-bottom:.5rem}
.article-list li .item .content .des{display:-webkit-box;overflow:hidden;max-height:2.4rem;color:#999;text-overflow:ellipsis;line-height:1.2rem;transition:all .3s ease 0s;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-list li .item .content .info{font-size:11px;color:#ccc;text-align:right}
/* 列表没有内容 */
.hide{display:none}
#no-result-content-1{display:flex;align-items:center;padding:0;width:100%;justify-content:center;flex-direction:column}
#no-result-content-1 .no-content-txt{color:#999;font-size:12px}
#no-result-content-2{display:flex;align-items:center;background-color:#fff;padding:30px 15px;width:100%;justify-content:center;flex-direction:column}
#no-result-content-2 img{display:block;margin-bottom:10px}
#no-result-content-2 .no-content-txt{color:#333;font-size:14px}


/* 攻略内容页 ***************************************************************************/
/* 图片 */
.article_pic{width:100%}
.article_pic img{width:100%;height:auto}
/* 内容区域 */
.wrapper_content{background:#fff;margin-top:-50px;position:relative;z-index:99}
.article_content{padding-top:15px}
.article_content h1{font-weight:normal;font-size:30px}
.article_content .info{margin-top:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}
.article_content .info span{display:inline-block;margin-right:15px;color:#999;font-size:12px}
.article_content .info a{color:#999}
.article_content .info a:hover{color:#00CC88}
.article_content .content{font-size:15px}
.article_content .content blockquote{padding:15px;border-left:3px solid #e5e5e5;background-color:#f9f9f9;word-break:break-word}
/* 上下文链接 */
.prev-next{margin-top:15px;padding:15px 25px;background:#fff;display:flex;align-items:center;justify-content:space-between;border:1px solid #eee}
.prev-next a{display:block}
.prev-next .previous{width:45%}
.prev-next .next{width:45%;text-align:right}
.prev-next span{display:block;color:rgba(0,0,0,.3);font-size:13px}
.prev-next .previous .fa{margin-right:10px}
.prev-next .next .fa{margin-left:10px}
.prev-next p{margin-top:.5rem;margin-bottom:0;width:100%;color:#333;font-size:13px}
.prev-next a:hover span{color:rgba(0,0,0,.6)}
.prev-next a:hover p{color:#00CC88}
/* 右边功能区域 */
.sidebar{padding:0}
/* 热点攻略 */
.sidebar .special_column{position:relative;margin-bottom:15px;padding:15px;background:#fff;border:1px solid #eee}
.sidebar .special_column .title{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #eee;font-weight:700;color:#666;font-size:16px}
.sidebar .special_column .column_content{margin-top:1rem}
.sidebar .special_column ul{margin:0;padding:0;list-style:none}
.sidebar .special_column li{margin-bottom:1rem;line-height:1.5}
.sidebar .special_column li:last-child{margin-bottom:0}
.sidebar .special_column li a{color:#666;font-size:13px}
.sidebar .special_column li a:hover{color:#00CC88}