﻿/*---------------------------------------------------------旅游频道---------------------------------------------------------*/
/*周边类目*/
.type{padding: 10px 10px 0;}
.type ul{}
.type li{width: 25%;float: left;height: 80px;background-size: cover; background-position: center;text-align: center;color: #666;font-size: 1.4rem;line-height: 140px;}
.type li a{display: block;height: 7px;}
.type li.t1{background-image: url(../images/icon/line/tzb1.png);}
.type li.t2{background-image: url(../images/icon/line/tzb2.png);}
.type li.t3{background-image: url(../images/icon/line/tzb3.png);}
.type li.t4{background-image: url(../images/icon/line/tzb4.png);}
.type li.t5{background-image: url(../images/icon/line/tzb5.png);}
.type li.t6{background-image: url(../images/icon/line/tzb6.png);}
.type li.t7{background-image: url(../images/icon/line/tzb7.png);}
.type li.t8{position: relative;}
.type li.t8 i{display: inline-block;width: 15px;height: 15px;border-right: 1px solid #37c9d6;border-bottom: 1px solid #37c9d6; -webkit-transform: rotate(135deg)translateY(-10px); transform: rotate(135deg)translateY(-10px); margin-left: 5px;position: absolute;top: 15px;}

/*特惠游*/
.pre_tour{padding: 20px 5px 0 10px;}
.pre_tour .title{color:#37c9d6;font-size: 1.6rem;line-height: 40px;}
.pre_tour ul{}
.pre_tour li{width: 50%; float: left;box-sizing: border-box;border-right: 5px solid #e9f4f5;}
.pre_tour li .img{padding-bottom: 78%;background-size: cover;position: relative;}
.pre_tour li .img .hui{position: absolute; top: 0; left: 5px; height: 30px; width: 20px;}
.pre_tour li .img .hui .t{height: 3px; background-color: #ff8800;}
.pre_tour li .img .hui .b{text-align: center; color: #fff; background-color: #ff8800; margin-top: 3px; height: 20px; line-height: 20px;}
.pre_tour li .img .price{position: absolute;bottom: 0; width: 100%;}
.pre_tour li .img .price span{z-index: 2; position: relative; display: block; height: 20px; line-height: 20px;font-size: 1rem;}
.pre_tour li .img .price span em{font-size:1.4rem;}
.pre_tour li .img .price .del{padding: 5px 0 0 10px;float: left;color: #666;text-decoration: line-through;}
.pre_tour li .img .price .rate{padding: 5px 10px 5px 0;float: right;color: #ff8800;}
.pre_tour li .img .price .bg{background-color: #c5ebef; opacity: 0.7; height: 30px; padding: 5px;bottom: 0;position: absolute;width: 100%;z-index: 1;box-sizing: border-box;}
.pre_tour li .img .price .bg .in_bg{background-color: #fff; height: 20px;}
.pre_tour li h2{color: #666; font-size: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px;}
.pre_tour li .con{color: #b9b9b9;max-height: 28px;overflow: hidden;font-size: 1.2rem;line-height: 14px;}

/*热门推荐*/
.hot{padding: 10px 8px 20px 10px;}
.hot .title{color:#37c9d6;font-size: 1.6rem;line-height: 40px;}
.hot .bd{}
.hot .bd li{width: 25%; float: left;line-height: 40px;height: 40px;text-align: center; font-size: 1.4rem;border: 1px solid #e1dfdf;/* border-width: 1px 0 1px 1px; */background-color: #fff;box-sizing: border-box;margin: -1px 0 0 -1px;overflow: hidden;color: #555;}
.hot .bd .more i{display: inline-block; width: 10px; height: 10px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; -webkit-transform: rotate(45deg)translateY(-3px); transform: rotate(45deg)translateY(-3px); margin-left: 4px;}

/*---------------------------------------------------------线路列表---------------------------------------------------------*/
.list{}
.list .hd{height: 48px;margin-bottom: 6px;}
.list .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.list .hd li{height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
.list .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.list .bd{}
.list .bd ul{padding: 0 12px;}
.list .bd li{padding-bottom: 10px;position: relative;}
.list .bd li .nofound{background: url(../images/icon/nofound.png);width: 100%;padding-bottom: 42.5%;background-size: cover;}
.list .bd li .img{width: 108px;padding-bottom: 88px; background-size: cover;border-radius: 5px;float: left;position: relative;overflow: hidden;background-position: center;}
.list .bd li .img .start{position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff; background-color: #000; opacity: 0.8; line-height: 20px; font-size: 1.2rem;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.list .bd li .img .state{position: absolute; left: 10px;}
.list .bd li .img .state span{display: block; width: 15px; text-align: center; color: #fff;  /*line-height: 16px;*/ /*font-size: 1.2rem;*/padding-top: 1px;}
.list .bd li .img .state span.s1{background-color: #ff725a;}
.list .bd li .img .state span.s2{background-color: #449e66;}
.list .bd li .img .state span.s3{background-color: #c59c53;}
.list .bd li .img .state span.s4{background-color: #5368c5;}
.list .bd li .img .state span.s5{background-color: #c59c53;}
.list .bd li .text{box-sizing:border-box;padding-left: 120px;height: 90px;}
.list .bd li .text h2{color: #666666; font-size: 1.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 38px;line-height: 19px;}
.list .bd li .text .introduce{font-size: 1.2rem;height: 28px;overflow: hidden;}
.list .bd li .text .price{/*width: 65px;*/ height: 48px; box-sizing: border-box; padding: 6px 0;font-size: 1rem;text-align: right;margin-left: 12px;line-height: 53px;color: #ff8800;/* float: right; */position: absolute;right: 0;}
.list .bd li .text .price em{font-size: 1.8rem;}
.list .bd li .text .price i{font-style: normal; color: #b9b9b9;}
.list .bd li .text ul{padding: 0;}
.list .bd li .text li{margin:0;}
.list .bd li .text .comm{color: #b9b9b9; padding-top: 3px; line-height: 20px;float: left;}
.list .bd li .text .comm .discount{}
.list .bd li .text .comm .discount span{display: inline-block; padding: 0 3px; font-size: 1rem;line-height: 15px;background-color: #fff;margin-right: 5px;}
.list .bd li .text .comm .discount span.d1{border: 1px solid #e9aa93;color: #e96231;}
.list .bd li .text .comm .discount span.d2{border: 1px solid #83e4e7;color: #83e4e7;}
.list .bd li .text .des{border-bottom: 1px solid #e1dfdf;height: 51px;}
.dorpBox {display:none;}
.dorpBox .showBox{position:fixed;bottom:0;left:0;bottom: 0; width:100%;height:250px; background:#FFF;z-index: 999;}
.dorpBox .showBox h2{font-weight:500;font-size:14px;height:40px; line-height:40px; text-align:center; border-bottom:1px solid #DEDEDE; margin:0;}
.dorpBox .showBox .showList{padding:10px 25px; height:210px;overflow:auto;}
.dorpBox .showBox p{text-align:center;height:36px; line-height:36px; margin:0;font-size: 1.4rem;}
.dorpBox .showBox p font{color:#000;width:25px;text-align:right;padding-right:30px;}
.dorpBox .showBox p.cur{border:1px solid #37c9d6;color:#37c9d6; border-width:1px 0;}
.dorpBox .dorpBoxBg{position:fixed;bottom:0;left:0;bottom: 0; width:100%; height:100%;background:#999;opacity: 0.3;}
/*---------------------------------------------------------线路详情---------------------------------------------------------*/
.slideBox .bd .line-type{top: 10px; left: 15px; background-image: url(../images/icon/didian.png); background-repeat: no-repeat; background-position: 6px 6px; padding: 0 15px; padding-left: 21px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 12px; background-size: 12px 12px;position: absolute; background-color: rgba(0, 0, 0, 0.5); color: #fff;}
.slideBox .hd{bottom: 30px;}
.banner{position: absolute; bottom: 0; width: 100%;}
.banner ul{display:-moz-box;display:-webkit-box;display:box;display: -o-box;width: 100%;background-color: rgba(0,0,0,0.5);}
.banner li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 1.2rem;}
.banner li i{display: inline-block;width: 10px;height: 10px;-webkit-transform: rotate(135deg);transform: rotate(135deg);background-color: #666666;margin: 0 5px;}
.show{padding-top: 15px; background-color: #fff;}
.show ul{}
.show li{color: #666;border-bottom: 1px solid #e1dfdf;padding: 0 10px 0px;line-height: 40px;font-size: 1.4rem;overflow: hidden;}
.show li.title{font-size: 1.4rem;color: #000;border: 0;line-height: 20px;}
.show li.price{line-height: 30px;font-size: 1.2rem;overflow: hidden;}
.show li.price span{margin: 0 5px;}
.show li.price .rate{color: #ff8800;font-size: 1.8rem;margin-right: 0;}
.show li.price .del{color: #b9b9b9;text-decoration: line-through;}
.show li.price .pleft{float: left;}
.show li.price .state{float: right;line-height: 32px;/* margin-bottom: 5px; */}
.show li.price .state span{display: inline-block;padding:3px;border-radius: 3px;margin: 0;line-height: 13px;color: #666;font-size:10px;border:1px solid #ccc;}
.show li.policy{line-height: 0;font-size: 1.2rem;position: relative;padding: 0;}
.discount_icon{font-size: 1.2rem;height: 16px;line-height: 14px;padding: 0 2px;white-space: nowrap;border-radius: 2px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;color: #ff4646;border: 1px solid #ff4646;position: relative;margin-right: 12px;}
.discount_icon1{font-size: 1.2rem;height: 16px;line-height: 14px;padding: 0 2px;white-space: nowrap;border-radius: 2px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;color: #83e4e7;border: 1px solid #83e4e7;position: relative;margin-right: 12px;}
/*.discount_icon:after{content: "";width: 3px;height: 3px;background: #bbb;border-radius: 50%;position: absolute;right: -9px;top: 6px;}
.discount_icon1:after{content: "";width: 3px;height: 3px;background: #bbb;border-radius: 50%;position: absolute;right: -9px;top: 6px;}*/
.show li.policy >div{float: left;padding-right: 10px;line-height: 40px;padding: 0 10px;box-sizing: border-box;}
.show li.policy:after{content: "";display: inline-block;width: 10px;height: 10px;border-right: 1px solid #b9b9b9;border-bottom: 1px solid #b9b9b9;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);position: absolute;right: 15px;top: 50%;margin-top: -5px;}

.show li.dl{position: relative;padding-left: 40px;height: 40px;}
.show li.dl a{display: block;height: 100%;width: 100%;}
.show li.dl .yuan{display: inline-block;background: #37c9d6 url(../images/icon/line/line_show.png) no-repeat scroll 0 13px/27px;border-radius:100%;height: 25px;width: 25px;position: absolute;top: 6px;left: 10px;}
.show li.dl .fr{float: right;color: #000;padding-right: 20px;}
.show li.dl i{display: inline-block;width: 10px;height: 10px;border-right: 1px solid #b9b9b9;border-bottom: 1px solid #b9b9b9;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;right: 15px;top: 50%;margin-top: -5px;}
.show li.dl.comment{margin-top: 0;border-top:0;}
.show li.dl.day .yuan{background-position:0 -11px;}
.show li.dl.comment .yuan{background-position:0 -53px;}
.show li.dl.tour .yuan{background-position:0 -100px;}
.show li.dl.costs .yuan{color: #fff; text-align: center; line-height: 25px; font-size: 1.6rem;}
.show li.dl.notes .yuan{color: #fff; text-align: center; line-height: 25px; font-size: 1.6rem;}
.separate{height: 10px;background-color: #f8f8f8;}

.tabSlide{margin-top: 10px;/* border-bottom: 1px solid #e1dfdf; */}
.tabSlide .hd{height: 48px;/* margin-bottom: 6px; */border-bottom: 1px solid #e1dfdf;/* border-top: 1px solid #e1dfdf; */width: 100%;z-index: 99;}
.tabSlide .hd.fixed{position: fixed;top: 0;left: 0;}
.tabSlide .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.tabSlide .hd li{height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
.tabSlide .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.tabSlide .bd{background-color: #fff; padding-top: 10px;}
.tabSlide .bd ul{padding: 0 12px;font-size: 1.4rem;line-height: 20px;}
.tabSlide .bd li{position: relative;}
.tabSlide .bd ul.publicBox img{max-width: 100%;height: auto!important;}
.tabSlide .bd .title,.commentbox .title{font-size: 16px;line-height: 30px;margin: 5px 0 5px 0;color: #666;position: relative;}
.tabSlide .bd .title span,.commentbox .title span{background-color: #fff;margin: 0 auto;width: 100px;display: block;z-index: 2;position: relative;text-align: center;}
.tabSlide .bd .title:after,.commentbox .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);z-index: 1;}

footer.f_show{background-color: #fff;padding: 0;height: 48px;}
footer.f_show ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
footer.f_show li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;height: 48px;line-height: 48px;font-size: 1.6rem;}
footer.f_show li:nth-child(1){-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;line-height: 18px;text-align: center;font-size: 10px;color: #666;background-color: #f8f8f8;padding: 5px 0;box-sizing: border-box;}
footer.f_show li:nth-child(2){background-color: #f60; color: #fff;-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;-o-box-flex:2;}
footer.f_show li:nth-child(2) a{color: #fff;}
footer.f_show li i{height: 30px;width: 30px;float: left;display: inline-block;margin-top: 7px;}
footer.f_show li i.collect{background: url(../images/icon/collect.png) no-repeat 0px -28px / 28px;display: block;float: none;height: 23px;margin: 0 auto;}
footer.f_show li i.collect.on{background-position: 1px -51px;}
footer.f_show li:nth-child(2) i{background-image: url(../images/icon/line/yuding.png);}
footer.f_show li span{float: right;}
footer.f_show li > div{width: 66px; height: 40px; margin: 0 auto;}

.other_show header .search li{padding: 0;border-bottom: 0;}
.other_show header .search li:nth-child(1){width: 20%; float: left;}
.other_show header .search li.title{font-size: 2rem; line-height: 36px; color: #fff;}
.commentbox .commentInfo{padding-top: 0;}
.commentbox .comment{margin-top: 0;padding: 0!important;}
.commentbox .comment li.more{text-align: center;font-size: 12px;border-bottom: 0;height: 40px;min-height: auto;}

/*---------------------------------------------------------个人定制---------------------------------------------------------*/
.list .sbd{margin-top: 15px;}
.list .sbd ul{padding: 0 15px;}
.list .sbd li{background-color: #fff;font-size: 1.2rem;margin-bottom: 15px;box-shadow: 0px 0px 8px #e1e1e1;}
.list .sbd li .item .img{position: relative;}
.list .sbd li .item img{width: 100%;}
.list .sbd li .item .supplier{position: absolute;bottom: 10px;left: 10px;color: #fff;font-size: 1.6rem;text-shadow: 2px 2px 2px #000;}
.list .sbd li .item .brief{padding: .5rem;}
.list .sbd li .item .brief dl{}
.list .sbd li .item .brief dl dt{}
.list .sbd li .item .brief dl dd{width: 50%;float: left;}

/*---------------------------------------------------------选择供应商---------------------------------------------------------*/
.selection_content{}
.selection_content .hd{position: fixed;height: 100%;top: 56px;left: 0;width: 100px;background-color: #fff;/* border-top: 1px solid #e1e1e1; */overflow-x: scroll;overflow-y: hidden;white-space: nowrap;z-index: 99;}
.selection_content .hd li{width: 100px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;/* display: inline-block; */background-color: #f1f1f1;}
.selection_content .hd li.on{background-color: #fff;}
.selection_content .hd li.on a{color: #666;}
.selection_content .bd{background-color: #fff;padding-left: 110px;}
.selection_content .bd ul{/* margin: 10px; */padding: 5px 10px 5px 115px;}
.selection_content .bd li{font-size: 14px; line-height: 40px; border-bottom: 1px dotted #999;}

/*推荐栏*/
.label{/* border-bottom: 1px solid #dddddd; */height: 4rem;line-height: 4rem;}
.label div{width: 25%;float: left;text-align: center;color: #666;}
.label div span{position: relative;display: inline-block;width: 1.2rem;height: 1.2rem;background-color: #fff;border: 1px solid #37c9d6;border-radius: 100%;vertical-align: middle;top: -2px;left: -4px;}
.label div span i{width: .3rem;height: .6rem;border-right: 1px solid #37c9d6;border-bottom: 1px solid #37c9d6;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: .2rem;right: .4rem;}