/**
  ************************************************************************
  智旅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: 33.33%; height: 3rem; line-height: 3rem; float: left; text-align: center; color: #333; position: relative;}
.shaiTit li:not(:first-child):before{content: " "; position: absolute; left: 0; border-left: #dddddd solid 1px; height: 1.6rem; margin-top: .7rem;}
.shaiTit li a{font-size: .9rem;}
.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; background: #FFF; overflow: hidden;}
/*线路容器*/
.xianlu{display: block; padding: 10px 0;}
/*图片部分*/
.xianlu .x_pic{width: 100%; height: 0; padding-bottom: 50%; position: relative;}
.xianlu .x_pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%;  height: 100%;}
.xianlu .x_pic span.type{display: block; position: absolute; top: 10px; left: 10px; padding: 3px 8px; height: 1rem; line-height: 1rem; color: #fff; font-size: .85rem; background: rgba(51,51,51,.6); border-radius: 18px;}
.xianlu .x_pic span.hits{display: block; height: 35px; line-height: 35px; padding: 5px 15px 0; font-size: 13px; position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5)); background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5));}
.xianlu .x_pic span.hits em{margin-right: 15px;}
.xianlu .x_pic span.price{display: inline-block; height: 2rem; line-height: 2rem; padding: 0 8px; background: #F60; position: absolute; right: 0; bottom: 10px; border-radius: 5px 0 0 5px; color: #FFF;}

/*标题部分*/
.xianlu .x_con_tit{display: block; padding: 10px; height: auto; line-height: 1.5rem; overflow: hidden;}

.xianlu .x_con_tes{margin: 0 5px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; z-index: 1;}
.xianlu .x_con_tes::-webkit-scrollbar{width: 0; height: 0;}
.xianlu .x_con_tes span{display: inline-block; width: 25%; text-align: center;}
.xianlu .x_con_tes span em{display: block; box-sizing: border-box; height: 1.2rem; line-height: 1.2rem; margin: 0 5px;  border: 1px solid #ffa793; border-radius: 1px; color: #ff5028; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.xianlu .x_con_tes span:first-child em{border-color: #7fe2e1; color: #00c6c4;}
/*线路加载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: 0 10px;}
.toursBox .topBox li h3{height: 3.5rem; 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 i{float: right; display: inline-block; line-height: 3.5rem; transition: all 0.2s; -webkit-transition: all 0.2s;}
.toursBox .topBox li h3 big{float: right; margin-right: 15px; font-size: .8rem; color: #777;}
.toursBox .topBox li.on h3{color: #F60;}
.toursBox .topBox li.on h3 i{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.topSai{display: none; height: 2rem; font-size: 0; background: #FFF; margin-top: 10px; padding: 10px 6px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; z-index: 1;}
.topSai::-webkit-scrollbar{ width: 0; height: 0;}
.topSai .topSai_con{display: inline-block; text-align: center; position: relative; padding: 0 10px; background: #eee; border: 1px solid #eee; text-align: center; margin: 0 6px; border-radius: 2px;}
.topSai .topSai_con em{height: 2rem; line-height: 2rem; display: block; font-size: 1rem; position: relative; color: #F2A133;}
.topSai .topSai_con a{height: 2rem; line-height: 2rem; display: block; font-size: 1rem; position: relative; color: #333;}
/*按钮*/
.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;}