﻿.page-header .page-back{display: none}
.content{ padding-top: 1rem;}
.hide{display: none!important}
/* .ad1{margin: 3% auto;} */

.swiper-product-type{padding: 0 .2rem .25rem;background: #fff}
.swiper-product-type .swiper-ls{overflow: hidden;padding: .2rem 0 .25rem}
.swiper-product-type a{display: block;width: 20%;text-align: center;float: left;padding-top: .3rem}
.swiper-product-type img{width: .84rem;height: .84rem;display: block;box-sizing: border-box;margin: 0 auto}
.swiper-product-type em{font-size: .28rem;display: block;padding-top: .2rem;color: #666}
.swiper-product-type .swiper-pagination{bottom: .3rem}
.swiper-container{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;width: 100%;}
.swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: .2rem;left: 0;width: 100%}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .1rem}
.swiper-slide, .swiper-wrapper{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-pagination{position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.swiper-pagination{bottom: .15rem;left: 50%;transform: translateX(-50%)}
.swiper-pagination-bullet{width: 8px;height: 8px;display: inline-block}
.swiper-pagination-bullet{background: #e6e6e6;width: .15rem;height: .08rem;display: inline-block;float: left;margin-left: .05rem;border-radius: .04rem}
.swiper-pagination-bullet-active{background: #f44d59;width: .25rem}
.swiper-pagination-bullet-active{opacity: 1;background: #007aff}

/* .swiper-banner{margin: 0 .2rem;overflow: hidden;position: relative;border-radius: .1rem;z-index: 10}
.swiper-banner img{width: 100%;height: 3.56rem;display: block;box-sizing: border-box}
.swiper-banner .mun-index{width: .86rem;height: .32rem;line-height: .32rem;color: #DDD;font-size: .24rem;display: inline-block;border-radius: .16rem;position: absolute;right: .2rem;bottom: .2rem;text-align: center;background: rgba(0,0,0,.3);z-index: 10}
 */
.discount-banner{padding: .2rem 2%}
.discount-banner ul{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;overflow-x: auto;height: 1.88rem}
.discount-banner ul::-webkit-scrollbar{display:none;width:0;height:0;background:0 0}
.discount-banner li{display: inline-block;vertical-align: middle;width: 48%;box-sizing: border-box;}
.discount-banner li:first-child{margin-right: 2%}
.discount-banner img{width: 100%;height: 100%;display: block;border-radius: .1rem;box-sizing: border-box}

.recommend-banner{padding: 0 .2rem .2rem;}
.recommend-banner img{width: 100%;height: 100%}
.recommend-banner .rec-top{width: 100%;height: 3.76rem;}
.recommend-banner .rec-top .left{width: 29%;height: 3.76rem;display: block;float: left;margin-right: 2%;}
/*.recommend-banner .rec-top .left .img{width: 100%;height: 100%;display: block;box-sizing: border-box}*/
.recommend-banner .rec-top .right{width: 69%;height: 3.76rem;display: block;float: left}
.recommend-banner .rec-top .top{width: 100%}
.recommend-banner .rec-top .top a{width: 48%;height: 1.8rem;float: left;display: block;}
.recommend-banner .rec-top .top a:first-child{margin-right: 4%}
.recommend-banner .rec-top .bottom{display: block;width: 100%;height: 1.8rem;margin-top: 1.96rem;}
.recommend-banner .rec-top .bottom img{width: 100%;}
.recommend-banner .rec-bottom{margin-top: .2rem;width: 100%;height: 1.78rem;}
.recommend-banner .rec-bottom a{display: block;float: left;height: 1.78rem;}
.recommend-banner .rec-bottom a:first-child{width: 60%}
.recommend-banner .rec-bottom a:last-child{width: 40%}

.data-loader{padding:10px;clear: both; text-align:center;}
.data-loader span{display: block;background: #F60;color: #fff;font-size: 16px;text-align: center;padding: 10px 0;border-radius: 5px; font-weight:normal;}
/*搜索样式*/
.index_search { background:#2A98DA; margin-bottom:0 }
.index_search .search_col { display:table; border-radius:4px; width:100%; font-size:14px; line-height:38px; padding:10px; box-sizing:border-box }
.index_search .starting { display:table-cell; width:90px; color:#008fc9; text-align:center; border-right:1px solid #ddd; background:#fff; border-radius:4px 0 0 4px }
.index_search .starting span { display:inline-block; white-space:nowrap; overflow:hidden; width:56px; vertical-align:middle }
.index_search .starting:before {background-image:url(../images/map.png);background-repeat:no-repeat;background-size:12px auto;content:""; width:12px; height:16px; display:inline-block; vertical-align:-4px; background-position:0 0; margin-right:6px }
.index_search p { font-size:14px; line-height:42px; padding-bottom:0; margin-top:-8px }
.index_search .search_mod { display:table-cell; color:#999; background:#fff; padding-left:30px; position:relative; white-space:nowrap; border-radius:0 4px 4px 0; margin-bottom:10px }
.index_search .search_mod input { height:38px; padding:0; font-size:16px; line-height:normal }
.index_search .search_mod:before { content:""; position:absolute; width:19px; height:19px; left:7px; background-position:-60px -80px; top:9px }
.index_search .search_mod .new_search { color:#999; font-size:14px }
.index_more_search { position:relative; height:40px; line-height:40px; color:#666; background-color:#dcf6ff; font-size:12px; padding:0 10px }
.index_more_search:after { position:absolute; top:50%; right:14px; content:''; width:8px; height:8px; margin-top:-4px; border-right:#099fde solid 1px; border-bottom:#099fde solid 1px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg) }
.index_more_search span { position:relative; display:inline-block; color:#333; font-size:14px; padding-left:24px; margin-right:10px }
.index_more_search span:before {background-image:url(/Content/Themes/Wap/home/images/un_index_v6.png);background-repeat:no-repeat;background-size:280px auto;position:absolute; width:18px; height:18px; top:50%; left:0; margin-top:-9px; content:''; background-position:-256px -123px }
/*搜索选择城市*/
.choose_departure { width:100%; background-color:#fff }
.choose_departure .right_column { height:100%; background-color:#fff; overflow-y:auto; overflow-x:hidden; position:relative }
.choose_departure .right_column a.current { border-color:#019fde; color:#009fde }
.choose_departure .dest_list { padding:10px 10px 0 10px }
.choose_departure .dest_list h3 { background-color:#f5f5f5; height:25px; line-height:25px; margin-bottom:10px; color:#333; font-weight:400;font-size:1em; padding:5px 10px;}
.choose_departure .dest_list .empty { float:right; width:50px; text-align:right; font-weight:400; padding-right:5px }
.choose_departure .dest_choose_hot { overflow:hidden }
.choose_departure .dest_list a { float:left; width:70px; margin-right:5px; height:34px; line-height:16px; border:1px solid #dbdbdb; margin-bottom:10px; text-align:center; border-radius:3px; color:#666; overflow:hidden; box-sizing:border-box }
.choose_departure .dest_list a.current { border-color:#019fde; color:#009fde }
.choose_departure .dest_list a:after { content:''; display:inline-block; width:1px; height:34px; vertical-align:middle }
.choose_departure .dest_list a .cityname { display:inline-block; vertical-align:middle }

#selectcitybox{position:absolute;z-index:9999;display:none;}

.search_box2 { position:relative; background:#fff; border-radius:0 4px 4px 0; height:40px; line-height:40px; padding:0 86px 0 10px }
.search_box2 .clear_input2 { position:absolute; width:36px; height:38px; top:0; right:50px }
.search_box2 .clear_input2:after { width:14px; height:14px; background-image:url(/Content/Themes/m2018/images/un_search.png); background-position:-47px -17px; background-size:74px auto; content:""; position:absolute; right:10px; top:12px }
.search_box2 .dest_search_btn2 { position:absolute; right:0; top:0; width:50px; height:38px; line-height:38px; background-color:#f5f5f5; border-radius:0 4px 4px 0; text-align:center; color:#009fde; border-left:1px solid #ddd }
.search_box2 input { border:0 none; width:100%; height:32px; line-height:normal }

.focus{ margin:0px auto;}
/*************目的地导航***************/
.place_nav{background-color: white;}
.place_nav ul{overflow: hidden;}
.place_nav ul li{float: left; width: 50%;}
.place_nav ul li a{display: block; padding: 15px 0;border: solid 1px #eaeaea; border-bottom: none; border-left: none;}
.place_nav ul li dl{ width:160px; margin:0 auto;}
.place_nav ul li dl dt{ float:left; width:80px;}
.place_nav ul li dl dt img{ width:100%; display:block;}
.place_nav ul li dl dd{ padding-left:90px;}
.place_nav ul li dl dd strong{ display:block; height:25px; line-height:25px; font-size:20px; font-weight:normal;}
.place_nav ul li dl dd font{ display:block; font-size:12px; line-height:16px; height:25px;}

/************10点热卖*********/
.hot_sell{background: white; padding-top: 20px; border-bottom:#eaeaea 1px solid;}
.hot_sell *{box-sizing:content-box;}
.hot_sell h2{color: #fb7a4b; font-size: 24px; text-align: center; margin-bottom: 25px; margin-top:5px;}
.hot_sell ul{overflow: hidden;  background:#f9f9f9}
.hot_sell ul li{float: left; width:33.33%;background:#fff;}
.hot_sell ul li a{display: block; padding:15px 10% 5px 10%; border: solid 1px #eaeaea; border-bottom: none; border-right: none; text-align: center;}
.hot_sell ul li a span{ display:block; height:20px; line-height:20px; padding-top:8px;}
.hot_sell ul li a img{width:100%; height:80px; border-radius:5px;}
.hot_sell ul li a h3{font-size: 18px;text-align: left; color: #FB7A4B; /*max-width: 198px; margin: 0 auto;*/}
.hot_sell ul li a p{font-size: 14px; text-align: left; color: #666666; height:44px; margin-bottom:6px; line-height:22px; overflow:hidden; /*max-width: 198px; margin: 0 auto;*/}
.hot_sell ul li:first-child a{padding: 0px; }
.hot_sell ul li:first-child .gray_bg{padding:15px;}
.hot_sell ul li:first-child .gray_bg h3{font-size: 18px;text-align: left; color: #FB7A4B; }
.hot_sell ul li:first-child p{text-align: right; font-size: 16px; color:#666666; height:auto; line-height:20px;max-height:160px;}
.hot_sell ul li:first-child p span{font-size: 18px; color: #ff7466; font-weight:bold;}
.hot_sell ul li:first-child button{clear:left; margin-top: 20px; width: 80%; height: 30px; border: none; background-color: #FF7466; border-radius: 5px; color: #F9F9F9; font-weight: 600;}

/***********主题导航************/
.theme{background-color: white; margin-bottom:8px; border-bottom:#eaeaea 1px solid}
.theme .tittle{padding: 0 20px; height: 60px; line-height:66px; overflow: hidden;}
.theme .tittle h2{font-size: 24px; text-align:center;}

.theme ul{overflow: hidden;}
.theme ul li{float: left; width: 33.33%;}
.theme ul li a{display: block; padding:20px 0; border: solid 1px #eaeaea; border-bottom: none; border-right: none; text-align: center;}
.theme ul li a img{ width:40%;}
.theme ul li a h3{ font-size: 18px;}
.theme ul li a p{color: #666666; margin-bottom: 5px;}

/*************热门目的地**************/
.hot_place{background-color: white; padding:10px; margin-bottom:8px; border-top:#eaeaea 1px solid; border-bottom:#eaeaea 1px solid; padding-bottom:15px;}
.hot_place h2{text-align: center; line-height:60px; font-size: 24px; color:#666}
.hot_place .place{overflow: hidden;}
.hot_place .place li{float: left; width: 33.33%;}
.hot_place .place li a{display: block; margin:7px;overflow: hidden; text-align: center;}
.hot_place .place li a p{ color: white; }
.hot_place .place li a img{width: 100%; border-radius: 5px; }

.hot_place .rec{overflow: hidden;}
.hot_place .rec dt{float: left; width: 50%;}
.hot_place .rec dd{float: left; width: 25%; margin-top:5px;}
.hot_place .rec a{display: block; margin:5px;}
.hot_place .rec a img{width: 100%;}

/*********公司包团**********/
.groud{background-color: white; margin-bottom:8px; border-bottom:#eaeaea 1px solid;  border-top:#eaeaea 1px solid;padding-top:10px; padding-bottom:10px;} 
.groud .tittle{border-bottom: solid 1px #eaeaea; padding-top: 10px; margin-bottom: 5px;}
.groud .tittle h2{text-align: center; line-height: 40px; font-size: 24px; color:#666; }
.groud .tittle ul{margin-bottom: 10px; text-align: center;}
.groud .tittle ul li{display: inline-block; margin:0 8px;}
.groud .tittle ul li a{color: #666666; font-size: 16px;}

.groud .box{overflow: hidden; padding-bottom: 20px; padding-left:10px; padding-right:10px;}
.groud .box li{float: left; width:50%;}
.groud .box li a{display: block; margin:10px;}
.groud .box li a img{width: 100%; border-radius: 3px; height:110px;}
.groud .box li a h3{width: 100%; padding-top:5px;  height:50px; line-height:25px; font-weight:normal; display:block; overflow: hidden; font-size:16px;}
.groud .box li a p{float: left; font-size: 16px; color:#ff720a; font-weight:bold;}

/***********海岛旅游**********/
.island{background-color: white; margin-bottom:8px;  border-bottom:#eaeaea 1px solid; padding-bottom:10px;  border-top:#eaeaea 1px solid;padding-top:10px;}
.island h2{text-align: center; line-height: 40px; color:#666; font-size: 24px; padding-bottom:15px; border-bottom: solid 1px #eaeaea; margin-bottom: 5px;}
.island ul{overflow: hidden; padding:7px;}
.island ul li{float: left; width: 50%;}
.island ul li a{display: block; margin: 10px; text-align: center;}
.island ul li a img{width: 100%; border-radius:3px;}
.island ul li a p{font-size: 16px;}