/**
  ************************************************************************
  智旅100旅游管理系统 版权归智旅100（zhilv100.com）所有，凡是复制抄袭本站php代码、css代码、js代码、图标、图片者都会死全家，非常灵验。
  ************************************************************************
  版权声明：凡是复制抄袭本站css代码、js代码、图标、图片者在三日内必出车祸死于非命，五日内
  其父母必得绝症不治身亡，七日内老婆、后代（儿子或女儿）将意外身亡，总之全家都不得好死。
  ************************************************************************
  版权声明：修改删除此注释者，其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，非常灵验，不信就试试。
  ************************************************************************
  郑重警告：凡是复制抄袭本站css代码、js代码、图标、图片者其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，不信就试试。
  ************************************************************************ 
 */
/*筛选*/
.shaiTit{position: fixed; z-index: 98; max-width: 640px; height: 3rem; top: 3rem; right: 0; left: 0; margin: 0 auto; border-bottom: 1px solid #CCC; background: #FFF; overflow: hidden;}
.shaiTit_on{top: 0;}
.shaiTit li{width: 50%; height: 3rem; line-height: 3rem; float: left; text-align: center; color: #333; position: relative;}
.shaiTit li:nth-child(2):before{content: " "; position: absolute; left: 0; border-left: #dddddd solid 1px; height: 1.6rem; margin-top: .7rem;}
.shaiTit li i{display: inline-block; vertical-align: middle; margin-left: 5px; color: #333; transition: all 0.2s; -webkit-transition: all 0.2s;}
.shaiTit li.on i{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
/*线路部分*/
.all_line{width: 100%; height: auto; margin-top: 3rem; padding-bottom: 20px; background: #FFF; overflow: hidden;}
.all_line_on{margin-top: 3rem;}
/*线路容器*/
.xianlu{display: block; padding: 15px 10px 0;}
/*图片部分*/
.xianlu .xianluTobBox{height: 180px; position: relative; border: 1px solid #E5E5E5; overflow: hidden;}
.xianlu .xianluTobBox img{display: block; position: absolute; top: 50%; left: 0; width: 100%; min-height: 180px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.xianlu .xianluTobBox span.type{display: block; width: 80px; padding-right: 10px; height: 24px; background: url(../images/type.png) no-repeat; position: absolute; left: 0px; top: 0px; color: #FFF; text-align: center; font: 100 .8rem/24px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xianlu .xianluTobBox .zhezhao{position: absolute; width: 100%; height: 50px; bottom: 0; left: 0; background: #fff; background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0), rgba(0, 0, 0, 0.5)); background: linear-gradient(top, rgba(51, 51, 51, 0), rgba(0, 0, 0, 0.5)); display: flex; display: -webkit-flex;}
.xianlu .xianluTobBox .zhezhao span{display: inline-block; height: 20px; line-height: 20px; margin-top: 25px; font-size: .9rem; color: #fff; flex: 1; -webkit-flex:1; text-align: center;}

/*标题部分*/
.xianlu .xianluItBox{padding-top: 10px;}
.xianlu .xianluItBox strong.title{display: block; color: #222; font-size: 1.1rem; line-height: 1.8rem; text-overflow: ellipsis;}
.xianlu .xianluItBox p.price{height: 2rem; line-height: 2rem;}
.xianlu .xianluItBox p.price span{display: inline-block; width: 33.33%; height: 2rem; line-height: 2rem; float: left; color: #999;}
.xianlu .xianluItBox p.price span.int{text-align: center;}
.xianlu .xianluItBox p.price span.rt{text-align: right;}
/*线路加载loading*/
.pageMore{display: block; width: 100%;}
.pageMore .lineloading{display: block; width: 72px; height: 72px; margin: 0 auto; background: url(../images/loading_a.gif) no-repeat; text-indent: -9999px;}
.pageMore a{display: block; height: 20px; text-align: center; font-size: 1rem; line-height: 20px; margin-top: 10px;}
/*************************筛选弹出部分****************************/
/*遮挡层*/
.zedang{z-index: 10; position: fixed; top: 46px; left: 0; right: 0; bottom: 0; background: #000; opacity: .3; display: none;}
/*loading*/
.loading{z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .6; display: none;}
.loading_on{width: 50px; height: 50px; background: url(../images/loading_b.gif) no-repeat; position: fixed; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; text-indent: -9999px;}
/*特色筛选*/
.toursBox{max-width: 640px; height: 100%; position: fixed; left: 0; right: 0; top: 3rem; margin: auto; background: #F5F5F5; z-index: 97; display: none;}
/*内容部分*/
.toursBox .topBox{width: 100%; overflow-y: scroll; overflow-x: hidden; z-index: 1;}
.toursBox .topBox::-webkit-scrollbar{ width: 0; height: 0;}
.toursBox .topBox::scrollbar{ width: 0; height: 0;}

.toursBox .topBox li{margin-top: 15px; padding-bottom: 15px; height: auto; background: #FFF; overflow: hidden;}
.toursBox .topBox li h3{height: 3.5rem; margin: 0 15px; border-bottom: 1px solid #CCC; line-height: 3.5rem; font-size: 1.1rem;}
.toursBox .topBox li h3 em{float: left; display: inline-block;}
.toursBox .topBox li h3 big{float: right; font-size: .8rem; color: #777;}

.topSai{margin: 10px 10px 0; height: calc(6rem + 25px); overflow: hidden;}
.toursBox .topBox li.on .topSai{height: auto;}
.topSai .topSai_con{display: inline-block; text-align: center; width: 33.33%; padding: 5px; box-sizing: border-box; float: left;}
.topSai .topSai_con a{display: block; border: 1px solid #E5E5E5; padding: 0 3px; height: 2rem; line-height: 2rem; border-radius: 3px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; box-sizing: border-box;}
.topSai .topSai_con a.curr{border:2px solid #00AF62; color: #00AF62;}

.sai_zk{margin: 15px 15px 0; background:#F8F8F8; text-align: center; height: 2.2rem; line-height: 2.2rem; border: 1px solid #E5E5E5; border-radius: 5px;}
.sai_zk a{display: block; text-align: center; height: 2.2rem; line-height: 2.2rem;}
.sai_zk a span{color: #777;}
.sai_zk a i{margin-left: 5px; font-size: 1.2rem; display: inline-block; height: 2.2rem; line-height: 2.2rem; transition: all 0.2s; -webkit-transition: all 0.2s; color: #777;}
.toursBox .topBox li.on .sai_zk a span,.toursBox .topBox li.on .sai_zk a i{color: #00AF62;}
.toursBox .topBox li.on .sai_zk a i{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/*按钮*/
.toursBox .botBox{max-width: 640px; height: 34px; padding: 8px 0; background: #2E343B; display: -webkit-box; position: fixed; bottom: 0; right: 0; left: 0; margin: auto;}
.toursBox .botBox span{-webkit-box-flex: 3; display: block; width: 33.3%;}
.toursBox .botBox span a{display: block; margin: 0 10px; height: 34px; border-radius: 3px; font: 100 14px/34px "microsoft yahei", "SimHei", Arial, sans-serif; text-align: center; color: #FFF; background: #3E4750;}
/*排序*/
.sortBox{max-width: 640px; height: 100%; position: fixed; left: 0; right: 0; margin: auto; top: 3rem; background: #F5F5F5; z-index: 97; display: none;}
.sortBox .sortBox_on{width: 100%; overflow-y: scroll; overflow-x: hidden; z-index: 1;}
.sortBox .sortBox_on::-webkit-scrollbar{ width: 0; height: 0;}
.sortBox .sortBox_on li{height: 4rem; margin: 0 10px; line-height: 4rem; border-bottom: 1px solid #CCC;}
.sortBox .sortBox_on li em{float: left;}
.sortBox .sortBox_on li i{float: right; display: inline-block; height: 4rem; line-height: 4rem;}