@charset "utf-8";

/* 目的地首页 ******************************************************************************/
/* 背景图片 */
.dest-banner{position:relative;width:100%;height:150px;background-position:center;background-size:cover;background-repeat:no-repeat}
/* 搜索框 */
.dest-banner .row{height:100%}
.dset-searchbox{position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.dset-searchbox .search{position:relative;z-index:999;padding:25px 15px;border-radius:4px;background-color:rgba(0,0,0,.3);width:100%}
.dset-searchbox h1{color:#fff;font-weight:400;font-size:22px}

/* 目的地列表框架 */
.dest-box{padding-top:25px;padding-bottom:0;width:100%;background-color:#fafcff}
.dest-box .all-dest-list{width:100%}
.dest-box .all-dest-list h2{color:#333;text-align:center;font-weight:400;font-size:22px;margin-bottom:25px}
/* 热门目的地 */
.hot-list{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:25px;margin-bottom:50px}
.hot-list li{list-style:none}
.hot-list .boxes{position:relative;display:block;width:100%;height:27px;background:#fff}
.hot-list .boxes img{width:100%;height:auto}
.hot-list .boxes .title{position:absolute;bottom:0;width:100%;z-index:99;color:#fff;display:block;background-color:#6c757d;padding:2.5px 5px}
/* 全部列表 */
.dest-list{background-color:#fff;margin-bottom:25px;display:flex;flex-direction:row;flex-wrap:wrap}
.dest-list h3{color:#fff;font-weight:400;font-size:16px;padding:10px 15px;background-color:#6c757d;width:100%;display:flex;align-items:center}
.dest-list h3 img{margin-right:5px}
.dest-list .two-list{display:flex;align-items:flex-start;padding:12px 0;width:100%;flex-direction:column}
.dest-list .two-list h4{min-width:100px;padding-left:15px;font-weight:400;font-size:14px}
.dest-list .two-list h4 a{color:#00CC88}
/* 当只有二级栏目时，直接显示列表 */
.dest-list .two-list .list{margin:0;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;padding:5px 15px 0}
.dest-list .two-list .list a{color:#666;margin-right:20px}
.dest-list .two-list .list a:hover{color:#00CC88}
/* 当有三级栏目时，细分显示 */
.dest-list .width100{width:100%;background-color:#fafafa!important}
.dest-list .width100:nth-child(2n){background-color:#fff!important}
.dest-list .width100 h4{font-size:14px;min-width:100px}
.dest-list .width100 h4 a{color:#666;border-bottom:none}
.dest-list .width100 h4 a:hover{color:#d98723;border-bottom:none}
.dest-list .width100 .three-list{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;padding:5px 15px 0}
.dest-list .width100 .three-list dl{margin:0;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;width:50%;padding:5px 0}
.dest-list .width100 .three-list dt{margin-right:30px;font-weight:400}
.dest-list .width100 .three-list dt a{color:#00CC88}
.dest-list .width100 .three-list dd{margin:0}
.dest-list .width100 .three-list dd a{color:#666;margin-right:15px}
.dest-list .width100 .three-list dd a:hover{color:#00CC88}

/* 目的地详情页 ******************************************************************************/
/* 图集 */
.product-box{background-color:#fff;padding:0;margin:0}
.product-poto-box{position:relative}
.product-poto-list{overflow:hidden;margin:0 auto}
.product-poto-list .swiper-wrapper{margin:0 auto}
.product-poto-list .swiper-slide{width:100%;height:auto;overflow:hidden}
.product-poto-list .swiper-slide img{width:100%;height:auto}
.product-poto-box .swiper-pagination-index-ad{position:absolute;bottom:5px;z-index:100;text-align:center;width:100%}
.product-poto-box .swiper-pagination-index-ad .swiper-pagination-bullet{width:10px;height:10px;border-radius:10px;background:#ccc;vertical-align:middle;opacity:1;margin:0 2.5px}
.product-poto-box .swiper-pagination-index-ad .swiper-pagination-bullet-active{background:#fff}
/* 左右切换按钮 */
.product-poto-box .toggle{position:absolute;bottom:calc(50% - 18px);left:0;width:100%;z-index:99}
.product-poto-box .swiper-button-next-product-poto,.product-poto-box .swiper-button-prev-product-poto{position:relative;display:inline-block;width:25px;height:30px;background:rgba(255,255,255,.5);color:#333;text-align:center;font-size:1.25rem;line-height:30px;cursor:pointer}
.product-poto-box .next{float:right;right:2px}
.product-poto-box .prev{float:left;left:2px}
.product-poto-box .next:after,.product-poto-box .prev:after{font-size:inherit}
.product-poto-box .next:after{content:"\f105";font-family:FontAwesome}
.product-poto-box .prev:after{content:"\f104";font-family:FontAwesome}
.product-poto-box .next:hover,.product-poto-box .prev:hover{background:#eee;color:#00CC88}
.product-poto-box .swiper-button-disabled,.product-poto-box .swiper-button-disabled:hover{color:#999}

/* 介绍内容 */
.dest-content{padding-top:10px;padding-bottom:25px;width:100%;background-color:#fafcff}
/* 标题 */
.dest-content .title{display:flex;flex-direction:row;flex-wrap:wrap}
.dest-content .title h1{font-weight:400;font-size:22px;color:#00CC88;margin-bottom:10px;padding:5px 5px 10px 0;display:flex;align-items:center;border-bottom:1px solid #e0ecf7;width:100%}
.dest-content .title .note{font-weight:400;font-size:13px;color:#666;line-height:1.4}
.dest-content .title .note p{margin-bottom:10px}
.dest-content .title .note .toggleButton{background-color:#4caf50;color:#fff;padding:8px 15px;text-align:center;text-decoration:none;display:block;font-size:13px;margin:0 auto;cursor:pointer;border:none;border-radius:2px}
/* 周边目的地 */
.periphery-dest{display:flex;align-items:flex-start;padding-top:15px;margin-top:15px;border-top:1px solid #eee;width:100%;flex-direction:column}
.periphery-dest strong{margin-bottom:15px;color:#666}
.periphery-dest .periphery-dest-list a{padding:5px 10px;border-radius:2px;background-color:#e3f0fc;display:inline-block;margin-right:2.5px;margin-bottom:5px;color:#00CC88;font-size:13px}
.periphery-dest .periphery-dest-list a::before{content:"\f041";font-family:FontAwesome;margin-right:5px;color:#999}

/* 推荐线路框架 */
.recommended-list{padding-top:15px;padding-bottom:25px;width:100%;background-color:#fff}
.recommended-list .title{display:flex;flex-direction:row;flex-wrap:wrap}
.recommended-list .title h3{font-weight:400;font-size:22px;color:#00CC88;margin-bottom:10px;padding:5px 5px 10px 0;display:flex;align-items:center;border-bottom:1px solid #e0ecf7;width:100%}
.recommended-list .title h3 img{margin-right:5px}
/* 推荐线路列表 */
.line-list{width:100%}
.line-list ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;justify-content:space-between}
.line-list li{flex:0 0 calc(50% - 2.5px);margin-bottom:15px;border:1px solid #eee;box-shadow:0 0 3px 1px rgba(0,0,0,.02);transition:all .3s ease-in-out;padding:1px}
.line-list li:nth-child(2n){margin-right:0}
/* 列表样式 */
.line-list .poto{position:relative;overflow:hidden;width:100%;height:auto}
.line-list .poto img{width:100%;height:auto;transition:all .3s ease-in-out}
.line-list .price{position:absolute;color:#fff;background-color:rgba(227,121,45,.9);right:0;bottom:0;padding:2.5px 10px;clip-path:polygon(0 0,200px 0,200px 150px,30px 150px)}
.line-list .price em{font-style:normal;font-size:25px}
.line-list .price em::after{content:"起";font-size:12px;margin-left:5px}
.line-list .price em::before{content:"￥";font-size:12px}
.line-list .flag{position:absolute;left:0;top:0;padding:5px}
.line-list .flag span{display:inline-block;margin-right:0;background:#f5f5f5;padding:2px 5px;color:#333;border-radius:2px;font-size:12px}
.line-list .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:calc(1.4 * 3 * 1em);margin-top:10px;margin-bottom:10px;font-size: 12px;padding:0 5px}
/* 更多按钮 */
.more-box{width:100%;margin:0;text-align:center}
.more-box .more{display:inline-block;color:#fff;background-color:#e04508;padding:10px 25px;border-radius:10px}
.more-box .more .fa{margin-left:5px;color:#fff;transition:all .5s ease 0s}