/*景点频道页*/
#mainContent{background: #f1f1f1;}
/*焦点图样式*/
.slideBox{position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{background-color: rgba(0,0,0,0);position:absolute;bottom:0;z-index:1;width: 100%;text-align: center;}
.slideBox .hd ul {background: rgba(0,0,0,0.3);border-radius: 17px;height: 17px;left: 50%;line-height: 17px;position: absolute;bottom: 8px;}
.slideBox .hd li{display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;background: #fff; text-indent:-9999px; overflow:hidden; margin:6px 5px;opacity: 0.5;}
.slideBox .hd li.on{background:#fff;opacity: 1;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{position:relative; text-align:center;}
.slideBox .bd li a > div {width: 100%;padding-bottom: 50%;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.slideBox .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;}
/*爆款特价*/
.tjLine{border-bottom: 1px solid #e6e6e6;}
.tjLine .hd{background-color: #fff;height: 3.5rem;line-height: 3.5rem;border-left: 0.5rem solid #ffd000;font-size: 1.4rem;padding-left: 1rem;margin-top: 1rem;border-bottom: 1px solid #e6e6e6;}
.tjLine .bd{padding:1rem 0 1rem 1rem;background-color: #fff;}
.tjLine .bd li{width: 50%;box-sizing:border-box;float: left;padding-right: 1rem;}
.tjLine .bd li .img{width: 100%;padding-bottom: 75%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.tjLine .bd li .title{margin-top: 0.5rem;height: 1.5rem;line-height: 1.5rem;font-size: 1.2rem;color: #333;overflow: hidden;text-overflow: ellipsis;}
.tjLine .bd li .tip{height: 1.5rem;line-height: 1.5rem;font-size: 1rem;color: #999;overflow: hidden;text-overflow: ellipsis;}
.tjLine .bd li .infos{height: 1.8rem;line-height: 1.8rem;}
.tjLine .bd li .infos .type{color: #999;}
.tjLine .bd li .infos .price{float: right; color:#f60;}
/*热门目的地*/
.hotDestination{}
.hotDestination .bd{background-color: #fff;}
.hotDestination .bd ul{}
.hotDestination .bd li{font-size: 1.2rem;width: 25%;box-sizing: border-box;float: left;height: 3.5rem;line-height: 3.5rem;text-align: center;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.hotDestination .bd li:nth-child(4n){border-right: 0;};
.hotDestination .bd li a{display: block;}

/*景点列表页*/
.searchTitle{padding: 1rem 1.5rem; border-bottom: 1px solid #eee; background-color: #F7F7F7;}
.searchTitle h2{background-color: #fff;border: 1px solid #efefef;border-radius: 0.5rem;line-height: 3rem;height: 3rem;font-size: 1.2rem;color: #999;padding: 0 1rem;position: relative;}
.searchTitle h2 i.ico{background: url(../images/ico/search.png) no-repeat 0 0.8rem/1.6rem;display: block;width: 2rem;height: 3.5rem;float: left;position: absolute;}
.searchTitle h2 input[type="text"]{width: 85%;padding-left: 2rem;box-sizing: border-box;font-size: 1.2rem;}
.searchTitle h2 a{background: #f8f8f8;border-left: 1px solid #efefef;border-radius: 0 0.5rem 0.5rem 0;color: #2ebd59;display: block;font-size: 1rem;padding: 0 1rem;position: absolute;right: 0;top: 0;}
.list{background-color: #f1f1f1;}
.list ul{padding: 1rem;background-color: #fff;/* border-bottom: 1px solid #eee; */}
.list li{border-bottom: 1px solid #dcdcdc;padding-bottom: 0.5rem;padding-top: 0.5rem;}
.list li:nth-last-child(1){border-bottom: 0;}
.list .list_l{width: 8rem;height: 7.3rem;float: left;display: block;border-radius: 0.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;overflow: hidden;}
.list .list_r{padding-left: 9rem;height: 7.3rem;}
.list .list_r h4{color: #000;font-size: 1.3rem;height: 2.2rem;line-height: 2.2rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list .list_r .info{height: 2.2rem;overflow: hidden;}
.list .list_r .price{font-size: 1rem;color: #999;line-height: 2.2rem;float: right;}
.list .list_r .price i{color: #f63;font-weight: bold;}
.list .list_r .price span{color: #f63;font-size: 1.4rem;font-weight: bold;}
.list .list_r .level{margin-top: 0.36rem;padding: 0.02rem 0.5rem;border: 1px solid #fc924c;color: #fc924c;border-radius: 0.2rem;float: left;}
.list .list_r .text{color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 2.2rem;line-height: 2.2rem;}
.list .list_r .fan,.list .list_r .diyong{display: inline-block;padding: 0 .2rem;background: #ff8a00;color: #FFF;border-radius: .2rem;float: right;margin: .5rem .2rem;font-weight: inherit!important; font-size: 1rem!important; line-height: 1.6rem!important; margin-top: 0.2rem;}
footer.menu{position: fixed; bottom: 0; width: 100%;max-width: 640px;}
footer.menu li{background-color: rgba(255,255,255,0.95);}
footer.menu li em{display: block;}
/*筛选条件*/
.asort{display: none;position: fixed;width: 100%;bottom: 5.4rem;background-color: rgba(0,0,0,0.5);color: #666;z-index: 100;height: 100%;max-width: 640px;}
.asort.on{display: block;}
.asort .title{background-color: #fff;height: 4rem;line-height: 4rem;border-left: 0.5rem solid #2ebd59;font-size: 1.4rem;padding-left: 1rem;border-bottom: 1px solid #e6e6e6;}
.asort .sort_list{display: none;border-top: 1px solid #dcdcdc;position: absolute;bottom: -5.5rem;width: 100%;max-height: 28.5rem;overflow: scroll;z-index: 101;}
.asort .sort_list.on{display: block;}
.asort dd{font-size: 1.4rem;line-height: 4rem;position: relative;border-bottom: 1px solid #dcdcdc;background-color: rgba(255,255,255,0.95);}
.asort span{display: block;padding-left: 1rem;color: #000;}
.asort dd i,.asort dl i{display: none;width: 1rem;height: 1.8rem;border-right: 2px solid #2ebd59;border-bottom: 2px solid #2ebd59;-webkit-transform: rotate(45deg)translateY(-3px);transform: rotate(45deg)translateY(-3px);margin-left: 4px;position: absolute;top: .6rem;right: 2.3rem;}
.asort dd.on span{color: #2ebd59;}
.asort dd.on i,.asort dl.on i{display: block;}
.asort dl {font-size: 1.4rem;line-height: 4rem;position: relative;/* border-bottom: 1px solid #dcdcdc; */background-color: rgba(255,255,255,0.95);}
.asort dl dt{font-size: 1.4rem; line-height: 4rem; position: relative; border-bottom: 1px solid #dcdcdc; background-color: rgba(255,255,255,0.95);}
.asort dl.alist dt i{width: 1rem;height: 1rem;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: 1.2rem;right: 2.3rem;display: block;}
.asort dl.alist dd{padding-left: 1rem;display: none;}
.asort dl.alist.open dd{display: block;}
.asort dl.alist dd span{color: #666;}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.tuantype{position:absolute;left:0;top:0;width:100%;display:none;height:100%;z-index:9999;}
.tuantype .bg{height:100%;position:absolute;left:0;top:0;opacity: 0.5;background:#999;width:100%;z-index: -1;}
.tuantype .typeList{max-height:350px;overflow:auto;text-align:left;background:#FFF;}
.tuantype p{height:44px;padding-left:20px;line-height:44px;border-bottom:1px solid #ccc;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;margin-bottom:0; font-size:14px;}
.tuantype p.cur{ color:#F60;}

/*景点详情页*/
/*焦点图*/
.slideBox.focus .bd li a > div{padding-bottom: 50%;}
.slideBox.focus .hd{bottom: 1rem;}
.slideBox .txBox{position: absolute;left: 0;bottom: 0rem;z-index: 1;width: 100%;height: 3rem;line-height: 4rem;background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.7) 100%);background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.7) 100%);box-sizing: border-box;padding: 0 0.5rem;}
.slideBox .txBox .item{color: #fff;}
.orderDate .hd{padding: 1rem; text-align: center; color: #666; position: relative;font-size: 1rem;}
.orderDate .hd:after{content: ""; height: 1px; background: #d4d4d4; position: absolute; width: 100%; top: 49%; left: 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5);}
.orderDate .hd span{position: relative;z-index: 1;padding: 0 1rem;background: #f1f1f1;}

/*简要信息*/
.baseInfo{background-color: #fff;margin-bottom: 1rem;}
.baseInfo h2{font-size: 1.4rem;padding: 1rem;/* border-bottom: 1px solid #ccc; */}
.baseInfo h3{font-size: 1.2rem;padding:0 1rem;/* border-bottom: 1px solid #ccc; */}

/*景点简介*/
.brief{margin-top: 1rem;}
.brief .pin-wrapper{height: 4rem;}
.brief .hd{background-color: #fff;line-height: 3.9rem;text-align: center;font-size: 1.2rem;z-index: 999;top: 4rem!important;}
.brief .hd ul{display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;box-sizing: border-box;}
.brief .hd li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;border-bottom: 1px solid #ddd;}
.brief .hd li.on{border-bottom: 2px solid #2ebd59;}
.brief.fix .hd{position: fixed;width: 100%;}

/*通用框架*/
.itemBox .title{padding: 1rem;text-align: center;color: #666;position: relative;font-size: 1rem;z-index:0;}
.itemBox .title:after{content: ""; height: 1px; background: #d4d4d4; position: absolute; width: 100%; top: 49%; left: 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5);}
.itemBox .title span{position: relative;z-index: 1;padding: 0 1rem;background: #f1f1f1;}

/*票型*/
.ticketInfo{background: #FFF;}
.ticketInfo li{background: #FFF;border-bottom: 1px solid #E5E5E5;padding: 1rem;position: relative;}
.ticketInfo .orderBlock{}
.ticketInfo .orderBlock dt{width: 100%;line-height: 1.8rem;margin-bottom:0.5rem;}
.ticketInfo .orderBlock dt a{font-size: 1.3rem;color: #333;}
.ticketInfo .orderBlock dd{position: relative;height: 4.6rem;}
.ticketInfo .Tinfo{width: 70%;}
.ticketInfo .Tinfo span{height:2.2rem;margin-bottom:0;display:inline-block;margin-right:1rem;padding-top: 0.3rem;}
.ticketInfo .Tinfo span em{color:#ff9500;}
.ticketInfo .Tinfo span i{background:#ff9500;height:1.8rem;width:1.8rem;margin-right:.5rem;display:inline-block;color:#FFF;font-size:1.1rem;border-radius:.9rem;text-align:center;font-style: normal;line-height:1.9rem;}
.ticketInfo .Tinfo span.price{font-size:1.8rem;}
.ticketInfo .Tinfo span.price em{color:#ff6500;font-weight:500;padding-right:1rem;}
.ticketInfo .Tinfo span.price del{font-size:1.2rem;color:#999;}
.ticketInfo .Tbooking{position:absolute;bottom:0;right:0;width:8rem;background:#ff9500;padding-top:0;text-align:center;padding:1px;border-radius: .2rem;}
.ticketInfo .Tbooking a{display: block;}
.ticketInfo .Tbooking p{height:2.2rem;line-height:2.2rem;margin-bottom:0;color:#FFF;}
.ticketInfo .Tbooking p.t{background:#FFF;color:#ff6500;border-radius: 0 0 0.2rem 0.2rem;}

.ticketInfo .nospace{padding: 1rem;}

/*景点介绍*/
.showInfo{}
.showInfo .bd{background-color: #fff;}
.showInfo .con{background-color: #fff;font-size: 1.2rem;color: #666;}
.showInfo .con .costInfo{padding: 1rem;}
.showInfo .con .costInfo h3{color: #000;line-height: 3rem;}
.showInfo .con .img{line-height: 3rem;height: 3rem;font-size: 1.4rem;}
.showInfo .con .img span{color: #000;}
.showInfo .con .text{padding-right: 1rem;}

/*用户评论*/
.comment{}
.comment .commentInfo{padding: 1rem;background-color: #fff;}
.comment .commentInfo .mark1{line-height: 2rem;width: 30%;text-align: center;float: left;border-right: 1px solid #ccc;box-sizing: border-box;}
.comment .commentInfo .mark1 p{}
.comment .commentInfo .mark1 p em{color: #f40;}
.comment .commentInfo .mark1 h3{color: #f40; font-size: 1.6rem;}
.comment .commentInfo .mark2{float: left;width: 70%;box-sizing: border-box;padding: 1rem 1rem 1rem 2rem;}
.comment .commentInfo .mark2 dl{width: 50%;float: left;line-height: 2rem;text-align: center;}
.comment .commentInfo .mark2 dt{/* float: left; */display: inline;}
.comment .commentInfo .mark2 dd{/* float: left; */color: #f40;display: inline;}
.comment .commentList{padding: 1rem;background-color: #fff;padding-top: 0;}
.comment .commentList li{border-top: 1px solid #ccc; padding-top: 1rem; padding-bottom: 1rem;}
.comment .commentList li:last-child{padding-bottom: 0;}
.comment .commentList li .top_part{margin-bottom: 0.5rem;}
.comment .commentList li .top_part .s1{display: block; float: left;}
.comment .commentList li .top_part .s1 img{width: 3rem;height: 3rem;border-radius: 100%;box-shadow: 0 0 5px #ccc;}
.comment .commentList li .top_part .s2{height: 3rem; display: block; float: left; padding-left: 1rem;}
.comment .commentList li .top_part .s2 .star{background: url(../images/ico/star.png) repeat 0rem 0.1rem/1.5rem;width: 7.5rem;height: 1.8rem;margin-right: 0.5rem;margin-top: 0.2rem;display: block;}
.comment .commentList li .top_part .s2 .star.st1{width: 1.5rem;}
.comment .commentList li .top_part .s2 .star.st2{width: 3rem;}
.comment .commentList li .top_part .s2 .star.st3{width: 4.5rem;}
.comment .commentList li .top_part .s2 .star.st4{width: 6rem;}
.comment .commentList li .top_part .s2 .star.st5{width: 7.5rem;}
.comment .commentList li .middle_part{color: #666;font-size: 1.2rem;}
.comment .commentList li .bottom_part{margin-top: 1rem;}
.comment .commentList li .bottom_part .date{font-size: 1rem;line-height: 2rem;color: #aaa;}
.comment .commentList li .bottom_part .img{}
.comment .commentList li .bottom_part .img img{display: none;}
.comment .commentList li .bottom_part .img li{width: 19%;padding-bottom: 13.5%;float: left;background-size: cover;margin-right: 1%;}
.comment .commentList .more{display: block; width: 100%; text-align: center;}
.comment .commentList .more span{position: relative;}
.comment .commentList .more span:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);margin-left: 0.1rem;position: absolute;right: -1rem;top: 50%;margin-top: -0.25rem;}
/*其他事项*/
.other_things{margin-bottom: 1rem;}
.other_things li{position: relative;height: 3.5rem;line-height: 3.5rem;background-color: #fff;/* border-bottom: 1px solid #ccc; */padding: 0 1rem;font-size: 1.2rem;}
.other_things li.bt{border-top: 1px solid #ddd;}
.other_things li a{display: block;width: 100%;height: 3.5rem;}
.other_things span{}
.other_things span.fl{}
.other_things span.fr{color: #999;font-size: 1rem;padding-right: 1.5rem;}
.other_things span.add{background: url(../images/ico/add.png) no-repeat -0.2rem 1rem/1.5rem;padding-left: 1.5rem;width: 18rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things span.help{background: url(../images/ico/help.png) no-repeat 0 1rem/1.5rem;padding-left: 1.8rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things li > a:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}
.other_things .other_show{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.other_things .other_show.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.other_things .other_show .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;}
.other_things .other_show .bd{padding: 1rem; font-size: 1rem; line-height: 2rem; color: #666;}
.other_things .other_show .bd h3{color: #000; font-size: 1.2rem;}
.other_things .other_show .close{background: url(../images/ico/close.png) 0 0/cover;width: 3rem;height: 3rem;/* position: absolute; */bottom: 1rem;/* left: 50%; *//* margin-left: -2.5rem; */margin: 0 auto;}
.time_box_show{background-color: #fff;}
.other_show .bd{padding: 0;}
/*猜您喜欢*/
.guess{background-color: #fff;margin-top: 1rem;}
.guess .hd{font-size: 1.4rem; line-height: 1.5rem; border-bottom: 1px solid #ccc; padding: 1rem 1rem 1rem 3.5rem; margin-bottom: 1rem; position: relative;color: #eb4f38;}
.guess .hd i{background-image:url(../images/ico/guess.png);background-size: cover;height: 2rem;left: 1rem;margin-top: -1rem;position: absolute;top: 50%;width: 2rem;}
.guess .bd{padding: 0 0 0 1rem;}
.guess .bd ul{}
.guess .bd li{width: 50%;float: left;box-sizing: border-box;padding-right: 1rem;padding-bottom: 1rem;}
.guess .bd li .img{width: 100%; padding-bottom: 75%; background-size: cover; background-position: 50% 50%;}
.guess .bd li .title{height: 3rem; font-size: 1rem; overflow: hidden; line-height: 1.5rem; margin-top: 0.5rem;}
.guess .bd li .price{color: #f40; font-size: 1rem; text-align: right;}
.guess .bd li .price em{font-size: 1.4rem;} 
.guess .bd li .price i{color: #666;}

.list_more{height: 3.5rem; line-height: 3.5rem; text-align: center; background-color: #fff; border-top: 1px solid #f5f5f5; font-size: 1.2rem;}
.list_more a{}

/*页脚预订栏*/
footer.sub{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.sub span{float: left;display: block;text-align: center;height: 4rem;line-height: 4rem;box-sizing: border-box;}
footer.sub span a{display: block;}
footer.sub .collect{width: 20%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .collect:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/collect.png) 0 0/cover;}
footer.sub .collect.on:before{background-image: url(../images/ico/collect_on.png);}
footer.sub .tel{width: 20%;border-top: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .tel:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/phone.png) 0 0/cover;}
footer.sub .booking{background-color:#ff7d13;width: 60%;font-size: 1.2rem;}
footer.sub .booking a{color: #fff;}
footer.sub .qrcode{width: 20%;border-top: 1px solid #f1f1f1;line-height: 1.5rem;border-right: 1px solid #f1f1f1;}
footer.sub .qrcode .fa{font-size: 1.65rem; color: #666; margin-top: 0.3rem; position: relative; top: 2px;}