@charset "utf-8";

.header-nav__filtrate{top:50px;position:fixed;left:0;right:0;z-index:9998;background:#f8f9fa;display:grid;grid-template-columns:repeat(3,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:#00CC88}
.header-nav__filtrate .active span::after{color:#00CC88}
/* 筛选弹出层 */
/* 目的地 */
.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:#00CC88;background-color:#faf9f9}
.dest-group .dest-list li.active::before{content:"\f14a";font-family:FontAwesome;color:#00CC88;margin-right:5px;font-size:12px}
#dests_all li{color:#00CC88;font-weight:700;font-size:14px}
#dests_all li i.more::after{content:"\f105";font-family:FontAwesome;color:#00CC88;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:rgb(0 0 0 / 70%);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 15px 35px;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:#00CC88}
.sort-group li.active::before{content:"\f14a";font-family:FontAwesome;color:#00CC88;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% - 200px);background-color:#fafcff;overflow-y:auto}
.filter-item{position:relative;background:#fafcff;height:calc(100% - 75px)}
.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:#00CC88}
.filter-item .bd li.active::before{content:"\f14a";font-family:FontAwesome;color:#00CC88;margin-right:5px;font-size:12px}

/* lines-list.html 线路列表页面 ******************************************************************************/
.page-content{position:absolute;top:95px;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f9f9f9;z-index:99}
.st-list-content{padding-top:15px;padding-bottom:10px;margin:0}
.lines-list{margin:0;padding:0 10px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 10px;width:100%}
.lines-list::after{content:"- 到底部了 -";clear:both;display:block;width:100%;text-align:center;font-size:12px;color:#ddd;margin-top:10px;padding-top:10px;grid-column:span 2}
.lines-list li{margin:0;padding:0 0;list-style:none;background:#fff;border-radius:5px}
.lines-list li a{overflow:hidden;display:flex;flex-direction:column}
/* 图片 */
.lines-list li a .picture{width:100%;position:relative}
.lines-list li a .picture img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}
.lines-list li a .picture .type{display:block;position:absolute;background-color:rgba(230,105,4,.9);color:#fff;padding:2.5px 7.5px;bottom:0;left:0;font-size:12px;border-top-right-radius: 5px;}
.lines-list li a .picture .type em{font-style:normal;margin-right:5px;padding-right:5px;border-right:1px solid rgba(255,255,255,.3);line-height:1}
.lines-list li a .picture .type em:last-child{margin-right:0;padding-right:0;border-right:none}
/* 内容 */
.lines-list li a .content{width:100%;padding:10px 8px}
.lines-list li a .content p{margin:0}
.lines-list li a .content span{display:block}
.lines-list li a .content .title{color:#333;font-size:16px;line-height:1.4;font-weight:700}
.lines-list li a .content .attr{margin-top:5px}
.lines-list li a .content .attr span{font-size:11px;display:inline-block;padding:1px 5px;border-radius:1px;border:1px solid #00CC88;color:#00CC88;margin-right:3px;margin-bottom:3px}
.lines-list li a .content .attribute{margin-top:.25rem;margin-bottom:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;width:100%}
.lines-list li a .content .attribute span{display:block;font-style:normal;font-size:12px;color:#666}
/* 行程 */
.lines-list li a .content .travel-days{display:inline-block;position:relative;background-color:#2c8d45;color:#fff;border-radius:1px;padding:1px 1px;margin-right:5px;margin-top:5px;font-size:11px}
.lines-list li a .content .travel-days b{padding:0 8px;font-weight:400;display:inline-block}
.lines-list li a .content .travel-days em{font-style:normal;display:inline-block;background-color:#fff;color:#333;padding:0 10px}
/* 价格 */
.lines-list li a .content .price{display:flex;color:#666;align-items:center}
.lines-list li a .content .price strong{font-size:15px;color:#f70439;margin-right:5px}
.lines-list li a .content .price strong em{font-style:normal}
/* .lines-list li a .content .price::after{content:"\f07a";font-family:FontAwesome;color:#00CC88;font-size:12px;margin-left: auto;} */
/* 列表没有内容 */
.hide{display:none}
.no-result-content{display:flex;align-items:center;background-color:#fff;padding:30px 15px;width:100%;justify-content:center;flex-direction:column}
.no-result-content img{display:block;margin-bottom:10px}
.no-result-content .no-content-txt{color:#333;font-size:14px}

/* 国家介绍 */
.country_descriptions{display:flex;align-items:center;background-color:#fff;padding:15px;border:1px solid #eee;margin-bottom:10px}
.country_descriptions .country_name{margin-right:30px;white-space:nowrap;font-size:50px;padding-right:30px;margin-left:15px;border-right:1px solid #eee;color:#00CC88}
.country_descriptions .country_content{flex-grow:1}
.country_descriptions .recommended_values{display:flex;align-items:center;font-size:22px;color:#00CC88}
.country_descriptions .recommended_values i{margin-right:10px}
.country_descriptions .recommended_values #stars{color:#f16a35;margin-left:10px}
.country_descriptions .recommended_values #stars i{margin-right:2px;font-size:18px}
.country_descriptions .country_note{margin-top:5px;font-size:13px;display:block}
.country_descriptions .country_note p{margin-bottom:0}