﻿/* 目的地页面改版 2017-08-15*/
.dt-body .six-content{padding-bottom: 0;}
.dt-body .six-header~.six-content { padding-top: 44px; }
.dt-body .six-ft-bar~.six-content { padding-bottom: 44px; }
.dt-content-wrap{ background: #fff; margin-bottom: 10px; }
.dt-content-wrap .dt-content-hd{ padding:0 15px; text-align: center; font-size: 14px; color: #666; font-weight: bold;}
.dt-content-wrap .dt-content-hd span{ display: inline-block; padding:15px; }
.dt-content-wrap .dt-content-hd .dt-bd-top{ display: block; border-top:1px solid #ededed; }
.dt-content-wrap .dt-content-more{padding:0 15px 15px 15px; text-align: center;}
.dt-content-wrap .dt-content-more .dt-more-link{ color: #57D07F; font-size: 14px; }
.dt-dest-list{ display: block; overflow: hidden; padding-left: 15px; }
.dt-dest-list .dt-dest-item{ float: left; display: block; width:33.333%;  }
.dt-dest-list .dt-dest-item .dt-dest-box{ padding-right: 15px; padding-bottom: 10px; position: relative; overflow: hidden; text-align: center; }
.dt-dest-list .dt-dest-item .dt-dest-img{ position: relative; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px;  }
.dt-dest-list .dt-dest-item .dt-dest-img img{ width: 100%; }
.dt-dest-list .dt-dest-item .dt-dest-name{ padding:10px 0; text-align: center; font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300; }
.dt-bwan-list{ display: block; overflow: hidden; padding-left: 15px; }
.dt-bwan-list .dt-bwan-item{ float: left; display: block; width:50%;  }
.dt-bwan-list .dt-bwan-item .dt-bwan-box{ padding-right: 15px; padding-bottom: 10px; position: relative; overflow: hidden; text-align: center; }
.dt-bwan-list .dt-bwan-item .dt-bwan-img{ position: relative; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px;  }
.dt-bwan-list .dt-bwan-item .dt-bwan-img img{ width: 100%; }
.dt-bwan-list .dt-bwan-item .dt-bwan-img .dt-bwan-region{ position: absolute; left:0; top:0; padding:0 5px; height: 16px; line-height: 16px; background: rgba(0,0,0,0.35); font-size: 10px;font-weight: 300; color: #fff; text-align: center; }
.dt-bwan-list .dt-bwan-item .dt-bwan-name{ padding:10px 0 10px 5px; text-align: left; font-size: 14px;font-weight: 300; line-height: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bwan-container{padding-bottom: 20px;}
.dt-content-wrap .pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;right:0;}
.dt-content-wrap .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;border-radius:3px;background:#ededed;margin: 0 2px;opacity: 0.8;cursor: pointer;}
.dt-content-wrap .swiper-pagination-bullet-active {background: #15c35a;}
.dt-tjtrip-ul{padding:0 15px;}
.dt-tjtrip-ul .tjtrip-li{ display: block; border-bottom: 1px solid #ededed; margin-bottom: 15px; }
.dt-tjtrip-ul .tjtrip-li a{color:inherit;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-img{ width: 100%; overflow: hidden; position: relative; -webkit-border-radius: 4px; border-radius: 4px;  }
.dt-tjtrip-ul .tjtrip-li .tjtrip-img img{ width: 100%; }
.dt-tjtrip-ul .tjtrip-li .tjtrip-btm{padding:10px 0; padding-right: 50px; position: relative;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-title{color: #333; font-size: 16px; line-height: 22px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-dest{color: #999; font-size: 12px; line-height: 20px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-day{ display: inline-block; position: absolute; left:0; top: 10px; padding:0 5px; line-height: 24px; min-width: 40px; text-align: right; -webkit-border-radius:0 12px 12px 0; border-radius:0 12px 12px 0; background: rgba(0,0,0,.5); color: #fff; font-size: 12px; font-weight: 300; vertical-align: middle;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-day i{ font-size: 18px; vertical-align: middle;}
.dt-top{ height: 250px; position: relative; width: 100%;margin-bottom: 15px; }
.dt-top .dt-top-pic{ height: 250px; overflow: hidden; }
.dt-top .dt-top-pic img{ width: 100%; }
.dt-top .dt-top-mask{width: 100%; height: 100%; position: absolute;top:0; left: 0; z-index: 5; background: rgba(0,0,0,.5);}
.dt-top .dt-top-info{width: 100%; height: 100%; position: absolute;top:0; left: 0; z-index: 10; text-align: center; padding-top: 40px; }
.dt-top .dt-top-info .dt-top-pic-thumb{ width: 160px; height: 160px; margin:0 auto; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }
.dt-top .dt-top-info .dt-top-pic-thumb img{ width: 100%; }
.dt-top .dt-top-info .dt-top-pic-thumb .dt-top-text{ width: 100%; position: absolute; left:0; right:0; bottom: 0; color: #fff; text-align: center; background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));    background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));    box-sizing: border-box;    padding:15px 5px 5px 5px;}
.dt-top .dt-top-info .dt-top-pic-thumb .dt-top-text .text-title{  display: block;font-size: 28px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dt-top .dt-top-info .dt-top-pic-thumb .dt-top-text .text-eng{ display: block; font-size: 12px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300;}
.dt-top-counts{ color: #fff; font-size: 14px; padding:10px; }
.dt-top-counts .dt-line{ font-size: 12px; font-weight: 300; margin:0 10px; }
.dt-top-counts .dt-top-trip i{ display: inline-block; width: 14px; height: 14px; position: relative; top:2px; margin-right: 3px; background: url(../img2/common-v2/i_trip-line.png) no-repeat; background-size: cover; }
.dt-top-counts .dt-top-fun i{ display: inline-block; width: 14px; height: 14px; position: relative; top:2px; margin-right: 3px; background: url(../img2/common-v2/i_fun.png) no-repeat; background-size: cover; }
.six-ft-btn{border:0 none;}
.dt-btn-submit{ display: block; width: 100%; height: 44px; line-height: 44px; background: #15c35a; color: #FFF;  text-align: center; font-size: 14px;}
.bwan-all{ background: #fff; }
.bwan-list-wrap{ padding-top: 15px; }
/* 更多目的地 2017-08-19 */
.dt-content{  overflow: hidden; padding-bottom: 0; -webkit-overflow-scrolling: touch; background: #fff;}
.dt-fullscreen{position: absolute; width: 100%; height: 100%; left:0; right:0; top: 0; bottom: 0;}
.dt-content .dt-col-left{ float: left; width: 25%; height: 100%; position: relative;background: #f2f2f2;  }
.dt-content .dt-col-right{ float: left; width: 75%; height: 100%; position: relative; }
.dt-category-box{ display: block; }
.dt-category-box .dt-category-item{font-size: 15px; font-weight: 400;}
.dt-category-box .dt-category-tit{ display: block; line-height: 50px; width: 100%; overflow: hidden; font-size: 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.dt-category-box .dt-category-active .dt-category-tit{ background: #fff; color: #57D07F; }
.dt-category-content{display: none; position: relative;}
.dt-cell-2 .dt-dest-item{ width: 50%; }
.dt-content .dt-category-content .dt-dest-list{ padding-top: 15px;}
.dt-content .dt-content-active{ display: block; }
@media screen and (max-width: 320px) {
	.dt-content .dt-category-box .dt-category-tit{ font-size: 13px; }
	.dt-dest-list .dt-dest-item .dt-dest-name{ font-size: 12px; }
}
.bwan-content .trip-infoCont{background: #fff;}
.bwan-content .trip-commont{padding-top: 10px;}
.bwan-content .trip-infoItem{ margin-bottom: 0; }
.bwan-detail-container{padding-bottom: 0;}
.bwan-all{ padding-top: 40px; }
.top-nav-inner{ width: 100%; }
.top-nav-list{ display: block; width: 100%;height: 40px;background: #fff; border-bottom: 1px solid #ededed; }
.top-nav-list .top-nav-item{ float: left; display: block; height: 40px; width: 50%; position: relative; }
.top-nav-list .top-nav-item .nav-cell{ display: block; line-height: 40px; height: 40px; width: 100%; text-align: center; font-size: 14px; }
.top-nav-list .top-nav-item .up-arr{ display: inline-block; width: 10px; height: 10px; position: relative; top: -2px; border: 5px solid transparent; border-bottom: 5px solid #999; margin-left: 5px; }
.top-nav-list .top-nav-item .dw-arr{ display: inline-block; width: 10px; height: 10px; position: relative; top: 2px; border: 5px solid transparent; border-top: 5px solid #999; margin-left: 5px; }
.top-nav-list .top-nav-item.top-nav-active .nav-cell{ color: #57D07F; }
.top-nav-list .top-nav-item.top-nav-active .up-arr{ border-bottom-color: #57D07F; }
.top-drop-wrap{ width: 100%; height: 300px; background: #fff; overflow: hidden; position: relative; }
.mask-wrap{ display: none; height: 100%; width: 100%;  background: rgba(0,0,0,0.5); position: fixed; top: 0;  left: 0; z-index: 2;}
.top-drop-inner{ position: absolute; width: 100%; height: 100%; left:0; right:0; top: 0; bottom: 0; }
.top-drop-inner .top-drop-list{ display: block; width: 100%; }
.top-drop-inner .top-drop-list .drop-list-item{ display: block; padding-left: 15px; position: relative; }
.top-drop-inner .top-drop-list .drop-list-tit{ display: block; height: 44px; line-height: 43px; border-bottom: 1px solid #ededed; font-size: 14px; color: #666; }
.top-drop-inner .top-drop-list .drop-item-active .drop-list-tit{ color:#57D07F;  }
.top-drop-inner .top-drop-list .drop-item-active:after{content: ''; display: inline-block; width: 24px; height: 44px; position: absolute; top:0; right: 15px; background: url(../img2/common-v2/i_ok.png) no-repeat center center; background-size: 20px 20px;}
.top-area-wrap{ width: 100%; height: 100%; }
.area-left{ float: left; width: 25%;height: 100%; position: relative; background: #f2f2f2; }
.area-right{ float: left; width: 75%;height: 100%; position: relative; }
.area-left .dt-category-box .dt-category-tit{ line-height: 44px; font-size: 14px; }
.top-topic-wrap{width: 100%; height: 100%;}

/*======================= 2022.10.26更新 =======================*/
.dt-body,.six-content{background: #FFFFFF;}
.six-footer-s2~.six-content { padding-bottom: 120px }
.mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 100%); z-index: 10; }
.dest-top{height: 210px; position: relative; width: 100%;}
.dest-title{position: absolute;left: 0; bottom: 0; color: #FFFFFF; width: 100%; padding-bottom: 30px; z-index: 999; }
.dest-title .dest-name{ padding-left: 20px; font-size: 40px; font-weight: 600; margin-bottom: 5px; }
.dest-title .dest-english-name{ padding-left: 20px; font-size: 20px; font-weight: 300; text-transform: uppercase; }
.dt-content-wrap .dt-content-hd{ font-size: 20px; color: #393939; font-weight: 600; text-align: left; padding: 20px 15px 10px 15px; }
.dt-content-wrap .dt-content-hd span{ padding: 5px;}
.dt-bwan-list .dt-bwan-item .dt-bwan-img{ border-radius: 8px; -webkit-border-radius:8px;}
.dt-bwan-list .dt-bwan-item .dt-bwan-img .dt-bwan-region{ height: 18px; line-height: 18px; border-radius: 8px 0; padding: 0 6px; }
.dt-bwan-list .dt-bwan-item .dt-bwan-name{font-weight: 700;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-img{border-radius: 8px; -webkit-border-radius:8px;}
.dt-tjtrip-ul .tjtrip-li{border-bottom: 0;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-title{font-size: 18px; font-weight: 700;line-height: 24px; max-height: 48px; white-space: normal; }
.dt-tjtrip-ul .tjtrip-li .tjtrip-btm{padding:15px 5px 10px 5px;}
.dt-tjtrip-ul .tjtrip-li .tjtrip-dest{padding-top: 6px; font-size: 14px; color: rgba(0, 0, 0, 0.4);; }
.dt-tjtrip-ul .tjtrip-li .tjtrip-day{ position: absolute; top: auto; left: 15px; bottom:15px ; min-width: auto; text-align: left; padding:0; font-size: 14px; background-color: transparent; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); }
.dt-tjtrip-ul .tjtrip-li .tjtrip-day i{ display: inline-block; font-size:36px; position: relative; top: -7px; }
.index-banner img{ width: 100%;}
.index-title{ padding: 50px 20px 56px 20px; text-align: center; }
.index-title h2{font-size: 24px; color: rgba(0, 0, 0, 0.8); margin-bottom: 4px;}
.index-title p{ font-size: 14px; color: rgba(0, 0, 0, 0.5);}
.index-dest-items {margin-bottom: 50px;}
.index-dest-items .index-dest-hd{padding-left: 22px; vertical-align: bottom; margin-bottom: 15px; }
.index-dest-items .index-dest-hd .txt-ch{ display: inline-block; font-size: 30px; color: #3D3D3D; font-weight: 600; line-height: 32px; margin-right: 2px;}
.index-dest-items .index-dest-hd .txt-en{ display: inline-block; font-size: 18px; color: #C5C5C5;font-weight: 600;  line-height: 22px; text-transform: uppercase; position: relative; top: 3px;  }
.index-dest-items .index-dest-bd{padding-left: 20px; padding-right: 17px; }
.index-dest-list{ }
.index-dest-item{ display: block; float: left; width: 33%; margin-right: 3px; border-radius: 4px; overflow: hidden; position: relative; }
.index-dest-item img{width: 100%; height: auto;}
.index-dest-item .index-dest-info{ position: absolute; left: 0; bottom: 0; right: 0; padding: 10px; background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.30) 99%);; }
.index-dest-item .index-dest-info .txt1{ font-size:16px; font-weight: 700; text-align: center; color: #FFFFFF; margin-bottom: 2px; height: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-dest-item .index-dest-info .txt2{font-size:12px; text-align: center; color: #FFFFFF; text-transform: uppercase; height: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-service-area{ padding:0 30px; }
.index-service-area .service-inner{ display: flex; border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 40px 0; }
.index-service-area .service-item{flex: 1; text-align: center; margin: 0 5px; }
.index-service-area .service-item .icon{ display: inline-block; width: 40px; height: 40px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.6); margin-bottom: 8px; background-position: center center; background-repeat: no-repeat;}
.index-service-area .service-item .icon-1{ background-image: url(../images/icon-family.png); background-size: 24px;  }
.index-service-area .service-item .icon-2{ background-image: url(../images/icon-custom.png); background-size: 24px;  }
.index-service-area .service-item .icon-3{ background-image: url(../images/icon-security.png); background-size: 24px;  }
.index-service-area .service-item .txth{ font-size: 12px; font-weight: 700; color: #3D3D3D; }
.index-service-area .service-item .txts{ font-size: 10px; color: rgba(0, 0, 0, 0.6); }
.index-service-area .service-item .line{display: inline-block; height: 5px; width: 12px; border-top: 2px solid #3D3D3D; margin-top: 5px; }
.bwan-info-area{ padding: 20px; }
.bwan-info-area .bwan-position{font-size: 12px; line-height: 16px; color: #00B551; margin-bottom: 8px; }
.bwan-info-area .bwan-title{ font-size: 24px; line-height: 30px; color: #3D3D3D; font-weight: 700;}
.bwan-label{ padding: 10px 0; overflow: hidden; margin-top: 10px; }
.bwan-label .pl-label-item{display: inline-block; float: left; height: 12px; line-height: 12px;  color: #666; padding-right:8px;  border-right:1px solid #858585; margin-right:8px; font-size: 12px;}
.bwan-label .pl-label-item:last-child{border-right: 0;}
.bwan-content .trip-detail-commont{ margin-bottom: 10px; }
.bwan-content .trip-infoItem{padding: 0 20px; margin-bottom: 20px;}
.bwan-content .trip-infoItem dt{padding-left: 0;font-size: 16px; color: #999; margin-bottom: 10px; }
.bwan-content .trip-infoItem dt:before{display: none;}
.bwan-content .trip-infoItem dd{padding: 0;color: #3D3D3D; font-size: 14px; line-height: 24px;}
.bwan-content .pl-label .pl-label-item{font-size: 12px; color: #3D3D3D; }
.bwan-content .trip-infoCont2{ padding-bottom: 15px;}
/*======================= 2023.01.05更新 =======================*/
.index-dest-action{ padding-top: 24px; text-align: center; }
.index-dest-action .btn-consult-more{ display: inline-block; min-width: 250px; height: 44px; line-height: 44px; background: #00B56A; border-radius: 4px; color: #FFF;  text-align: center; font-size: 14px;}
.index-dest-action .btn-consult-more .btn-txt{ display: inline-block; }
.index-dest-action .btn-consult-more .btn-txt i{ display: inline-block; font-weight: bold; margin: 0 5px; }
.index-dest-items-style2 {margin-bottom: 80px;}
.index-dest-items-style2 .index-dest-hd{padding-left: 0; vertical-align: bottom; margin-bottom: 24px; text-align: center; }
.index-dest-items-style2 .index-dest-hd .txt-ch{ display: block; font-size: 30px; color: #3D3D3D; font-weight: 600; line-height: 32px; margin-right: 2px;}
.index-dest-items-style2 .index-dest-hd .txt-en{ display: block; font-size: 18px; color: #C5C5C5;font-weight: 600;  line-height: 22px; text-transform: uppercase; position: relative; top: 3px;  }
.index-dest-area .index-dest-items:last-child{margin-bottom: 30px;}
.index-title-area{ padding: 48px 20px; text-align: center; }
.index-title-area h2{font-size: 24px; color: rgba(0, 0, 0, 0.8); margin-bottom: 4px; }
.index-title-area p{ font-size: 16px; color: rgba(0, 0, 0, 0.4);}
.index-product-area{padding-bottom: 50px;}
.index-product-list{ display: block;}
.index-product-item{ display: block; width: 100%; margin-bottom: 10px; padding: 0 20px; margin-bottom: 20px; }
.index-product-item a {display: block;}
.index-product-item img{ width: 100%; height: auto; }
.index-product-item:last-child{margin-bottom: 0;}
.btn-consult{ background:#00B56A ; }









