/**
  ************************************************************************
  智旅100旅游管理系统 版权归智旅100（zhilv100.com）所有，凡是复制抄袭本站php代码、css代码、js代码、图标、图片者都会死全家，非常灵验。
  ************************************************************************
  版权声明：凡是复制抄袭本站css代码、js代码、图标、图片者在三日内必出车祸死于非命，五日内
  其父母必得绝症不治身亡，七日内老婆、后代（儿子或女儿）将意外身亡，总之全家都不得好死。
  ************************************************************************
  版权声明：修改删除此注释者，其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，非常灵验，不信就试试。
  ************************************************************************
  郑重警告：凡是复制抄袭本站css代码、js代码、图标、图片者其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，不信就试试。
  ************************************************************************ 
 */
/*首页头*/
.indexHeader{width: 100%; height: auto; background: #FFF; border-bottom: 2px solid #2CCD89;  overflow: hidden;}
.indexHeader_on{height: 50px; padding: 8px 10px;}
.indexHeader_on .index-logo{float: left; width: calc(100% - 70px); height: 50px;}
.indexHeader_on .index-logo img{display: block; height: 50px;}
.indexHeader_on .index-phone{display: inline-block; width: 50px; height: 50px; float: right;}
.indexHeader_on .index-phone img{display: block; width: 50px; height: 50px;}
/*slider*/
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px;}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; padding: 0 10px;}
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:rgba(0,0,0,.5); text-indent:-9999px; overflow:hidden; margin:0 3px;}
.slideBox .hd li.on{background:#fff;}
.slideBox .bd{position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; }
.slideBox .bd li img{background:url(../images/loading_a.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*首页搜索*/
.indexSo{background: #FFF; height: auto; padding:15px; overflow: hidden; position: relative;}
.indexSo form{width: 100%;}
.indexSo input.ipt{display: inline-block; width: calc(100% - 80px); height: 40px; line-height: 40px; font-size: 15px; padding-left: 30px; float: left; border: 1px solid #E5E5E5; border-right: 0; box-sizing: border-box; border-radius: 35px 0 0 35px;}
.indexSo input.btn{display: inline-block; width: 80px; height: 40px;  float: right; line-height: 40px; color: #FFF; font-size: 16px; background: #F60; border-radius: 0 35px 35px 0;}
.indexSo i.sousuo_icon{display: block; padding: 0 10px; height: 40px; line-height: 40px; font-size: 18px; color: #999; position: absolute; left: 15px; top:50%; transform: translateY(-50%);}
/*首页导航*/
.indexNav{width: 100%; margin: 10px 0; padding: 12px 0; background: #FFF;}
.indexNav li{width: 25%; float: left; height: auto; padding: .5rem 0; overflow: hidden;}
.indexNav li a{display: block;}
.indexNav li i{display: block; margin: 0 auto; width: 3.7rem; height: 3.7rem; line-height: 3.5rem; vertical-align: middle; border-radius: 50%; text-align: center;}
.indexNav li a i.color-0{color: #FFF; background: #2CCD89;}
.indexNav li a i.color-1{color: #FFF; background: #2CCD89;}
.indexNav li a i.color-2{color: #FFF; background: #FC9D23;}
.indexNav li a i.color-3{color: #FFF; background: #529EFF;}
.indexNav li a i.color-4{color: #FFF; background: #FA5F39;}
.indexNav li a i.color-5{color: #FFF; background: #C67FF6;}
.indexNav li a i.color-6{color: #FFF; background: #48BAEF;}
.indexNav li a i.color-7{color: #FFF; background: #6CCF55;}
.indexNav li a i.color-8{color: #FFF; background: #FC6076;}
.indexNav li a i.color-9{color: #FFF; background: #EE82EE;}
.indexNav li a i.color-10{color: #FFF; background: #1ED2C7;}
.indexNav li a i.color-11{color: #FFF; background: #F1C40F;}
.indexNav li a i.color-12{color: #FFF; background: #01C94C;}
.indexNav li em{display: block; height: 2rem; line-height: 2rem; font-size: 1rem; margin-top: .3rem; text-align: center;}

/*公共抬头*/
.publicTitle{width: 100%; height: auto; background: #2CCD89; overflow: hidden;}
.publicTitle_margin{margin-top: 15px;}
.publicTitle h4{padding: 10px 15px; height: 2rem; text-align: center; overflow: hidden;}
.publicTitle h4 div.tit{display: inline-block; height: 2rem; line-height: 2rem; margin: 0 auto; overflow: hidden;}
.publicTitle h4 div.tit i{display: inline-block; height: 2rem; line-height: 1.8rem; font-size: 1.64rem; float: left; color: #FFF;}
.publicTitle h4 div.tit em{display: inline-block; height: 2rem; line-height: 2rem; font-size: 1.25rem; font-weight: 600; margin-left: 8px; float: left; color: #FFF;}
.publicTitle h4 a{display: inline-block; float: right; height: 2rem; line-height: 2rem; font-size: 1.3rem; color: #FFF;}

/*特别推荐*/
.tebie{display: block; height: auto; background: #FFF; overflow: hidden;}
.tebie li{width: 50%; height: auto; float: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #E5E5E5; border-top: 0;}
.tebie li:nth-of-type(even){border-left: 0;}
.tebie li a{display: block; height: auto; padding: 8px; overflow: hidden;}
.tebie li a div.pic{width: 100%; height: 90px; overflow: hidden; position: relative;}
.tebie li a div.pic img{display: block; position: absolute; top: 50%; left: 0; width: 100%; min-height: 90px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.tebie li a div.con{padding-top: 8px;}
.tebie li a div.con p.con_tit{line-height: 1.5rem; height: 4.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tebie li a div.con p.con_pre{margin-top: 5px; line-height: 2rem;}
.tebie li a div.con p.con_pre span.lt{float: left; color: #999;}
.tebie li a div.con p.con_pre span.rt{float: right;}
/*热门目的地*/
.hotMdd{overflow: hidden; border-top: 1px solid #dddddd; background: #fff; margin: -1px 0 10px 0;}
.hotMdd a{display: block; position: relative; float: left; width: 50%; height: 42px; text-align: center; line-height: 42px; border-bottom: 1px solid #dddddd;}
.hotMdd a:after{position: absolute; right: -1px; top: 0; content: '\200B'; width: 1px; height: 100%; background: #ddd;}
/*热门主题*/
.hotTheme{width: 100%; height: auto; padding: 15px 0; min-width: 320px; border-bottom: 1px solid #E5E5E5; background: #FFF; overflow: hidden;}
.hotTheme li{display: inline-block; width: 20%; float: left; box-sizing: border-box; text-align: center;}
.hotTheme li a{display: block; width: 100%;}
.hotTheme li a img{display: block; width: 45px; margin: 0 auto;}
.hotTheme li a em{display: block; height: 30px; margin-top: 5px; line-height: 30px;}
/*首推线路*/
.shouTui{width: 100%; height: 45px; border-bottom: 1px solid #CCC; background: #FFF; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; z-index: 1;}
.shouTui::-webkit-scrollbar{ width: 0; height: 0;}
.shouTui li{width: 25%; height: 45px; display: inline-block; text-align: center; line-height: 45px; cursor: pointer;}
.shouTui li.thistab{font-weight: 700; height: 43px; border-bottom: 2px solid #01AF63; color: #01AF63;}
/*首推线路部分*/
.shouTui_line{width: 100%; height: auto; border-bottom: 1px solid #E5E5E5; overflow: hidden;}
.shouTui_line li{display: block; width: 100%; height: auto; background: #FFF; overflow: hidden;}
.shouTui_line li.disno{display: none;}
/*首推线路容器*/
.xianlu{display: block; padding: 10px 10px 0;}
/*首推图片部分*/
.xianlu .xianluTobBox{height: 150px; border: 1px solid #E5E5E5; position: relative; overflow: hidden;}
.xianlu .xianluTobBox img{display: block; position: absolute; top: 50%; left: 0; width: 100%; min-height: 150px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.xianlu .xianluTobBox span.type{display: block; width: 90px; height: 24px; background: url(../images/type.png) no-repeat; position: absolute; left: 0; top: 0; color: #FFF; text-align: center; font: 100 .8rem/24px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", sans-serif;}
.xianlu .xianluTobBox span.tese{position: absolute; top: -19px; right: -15px; width: 100px; padding-right: 4px; padding-bottom: 22px; transform: scale(0.5); /* -webkit-transform: scale(0.5); */ overflow: hidden;}
.xianlu .xianluTobBox span.tese:before{content: ""; position: absolute; z-index: 2; left: 22px; top: 0; width: 6px; height: 62px; background: rgba(255, 255, 255, 0.08);}
.xianlu .xianluTobBox span.tese:after{content: ""; position: absolute; z-index: 2; right: 22px; top: 0; width: 6px; height: 62px; background: rgba(255, 255, 255, 0.08);}
.xianlu .xianluTobBox span.tese > em{position: relative; z-index: 1; display: block; color: #fffbc9; font-size: 24px; line-height: 24px; padding: 18px 0 12px; text-align: center; background: #f8434f; box-shadow: 2px 0px 2px rgba(102, 102, 102, 0.6); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.xianlu .xianluTobBox span.tese > em:before{content: ""; position: absolute; z-index: -1; bottom: -34px; left: 12px; width: 76px; height: 76px; background: inherit; border-radius: 10px; border-bottom-right-radius: 2px; box-shadow: 4px 4px 4px rgba(102, 102, 102, 0.6); -webkit-transform: scaleY(0.4) rotate(45deg); transform: scaleY(0.4) rotate(45deg);}
.xianlu .xianluTobBox .price{position: absolute; left: 10px; bottom: 10px; width: 90px; text-align: center;}
.xianlu .xianluTobBox .price span{display: block;}
.xianlu .xianluTobBox .price span.priceOn{line-height: 30px; font-size: .8rem; color: #fff; background-color: #f70; border-radius: 3px;}
.xianlu .xianluTobBox .price span.priceOn i{font-size: 1.2rem; margin: 0 3px;}
.xianlu .xianluTobBox .price span.priceSheng{font-size: 12px; line-height: 20px; color: #CCC; background-color: #484848; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-top: -2px;}
/*首推标题部分*/
.xianlu .xianluBotBox{padding: 10px 0;}
.xianlu .xianluBotBox strong.title{display: block; height: auto; color: #222; font-size: 1rem; line-height: 1.6rem; overflow: hidden;}
.xianlu .xianluBotBox p.pretit{color: #999; font-size: .9rem; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 20px;}
/*特卖线路部分*/
.teMai_line{width: 100%; height: auto; border-bottom: 1px solid #E5E5E5; background: #FFF; padding-bottom: 15px;}
.teMai_line li{display: block; width: 100%; height: auto; padding-top: 15px; overflow: hidden;}
.teMai_line li.disno{display: none;}
.teMai_line li a.teMai_more{display: block; margin: 10px 10px 0; height: 1.5rem; line-height: 1.5rem; background: #F5F5F5; border: 1px solid #E5E5E5; border-radius: 3px; text-align: center; font-size: .9rem; padding: 5px 0;}
/*特卖线路容器*/
.tmXianlu{display: block; height: auto; margin: 0 10px 15px; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; display: -webkit-box; overflow: hidden;}
.tmXianlu .tm-pic{width: 8.57em; height: 6em; margin-right: .71em; display: block; border-radius: 3px; overflow: hidden; position: relative;}
.tmXianlu .tm-pic img{display: block; width: 8.57em; min-height: 6em;}
.tmXianlu .tm-pic span{display: block; width: 100%; height: 1.6em; text-align: center; line-height: 1.6em; color: #ccc; background: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; font-size: .82rem;}
.tmXianlu .tm-con{-webkit-box-flex: 1; height: auto; box-sizing: border-box; overflow: hidden;}
.tmXianlu .tm-con strong{display: block; height: auto; line-height: 1.6rem; font-size: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.tmXianlu .tm-con p.sha{margin-top: .4em; height: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tmXianlu .tm-con p.sha span{font-size: .714em; color: #888; display: inline-block; line-height: .8rem; border: 1px solid #e5e5e5; padding: .2em; margin-right: .3em; box-sizing: border-box; border-radius: 3px;}
.tmXianlu .tm-con p.xia{font-size: .85714em; padding-top: 5px; line-height: 1.285rem;}
.tmXianlu .tm-con p.xia span{float: right;}
/*最新攻略*/
.gonglue{width: 100%; min-width: 320px; height: auto; background: #FFF; overflow: hidden;}
.gonglue li{display: block; height: auto; padding-bottom: 15px; overflow: hidden;}
.gonglue li div.gonglueBox{display: block; height: auto; padding: 10px; border-bottom: 1px solid #E5E5E5; overflow: hidden;}
.gonglue li div.gonglueBox a{display: block;}
.gonglue li div.gonglueBox a img.pic{display: block; width: 36%; min-height: 80px; float: left;}
.gonglue li div.gonglueBox a div.con{box-sizing: border-box; float: right; width: 64%; padding: 0 0 0 1rem;}
.gonglue li div.gonglueBox a div.con .conTit{line-height: 1.5rem; color: #333; margin-bottom: 5px; font-size: .9rem;}
.gonglue li div.gonglueBox a div.con .conTim{height: 20px; font-size: 1rem; line-height: 20px; color: #999;}
.gonglue li div.gonglueBox a div.con .conTim i{display: inline-block; font-size: .8rem; color: #999; margin-right: 5px;}
.gonglue li a.gl_more{display: block; margin: 10px 10px 0; height: 1.5rem; line-height: 1.5rem; background: #F5F5F5; border: 1px solid #E5E5E5; border-radius: 3px; text-align: center; font-size: .9rem; padding: 5px 0;}
/*热门景点*/
.jingdian{padding: 5px; height: auto; background: #FFF; border-bottom: 1px solid #E5E5E5; overflow: hidden;}
.jingdian li{width: 50%; padding: 5px; height: auto; float: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden;}
.jingdian li a{display: block; overflow: hidden;}
.jingdian li a div.jingdian_box{width: 100%; height: 110px; position: relative; overflow: hidden;}
.jingdian li a img{display: block; width: 100%; height: 110px;}
.jingdian li a span{display: block; width: 100%; height: 28px; background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; text-align: center; color: #FFF; line-height: 28px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*zuche*/
.indexZuche{width: 100%; height: auto; background: #FFF; overflow: hidden;}
.indexZuche li{display: block; padding: 5px 15px 15px; height: auto; overflow: hidden;}
.indexZuche li a.carMore{display: block; margin: 10px 0 0; height: 1.5rem; line-height: 1.5rem; background: #F5F5F5; border: 1px solid #E5E5E5; border-radius: 3px; text-align: center; font-size: .9rem; padding: 5px 0;}
.indexZucheBox{display: block; height: auto; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #CCC; overflow: hidden;}
.indexZucheBox:first-child{border: 0; padding: 0;}
.indexZucheBox .pic{width: 100%; height: 180px; position: relative; overflow: hidden;}
.indexZucheBox .pic img{display: block; position: absolute; width: 100%; min-height: 180px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.indexZucheBox .pic .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;}
.indexZucheBox .pic .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;}

.indexZucheBox .con{height: auto; overflow: hidden;}
.indexZucheBox .con .con_tit{padding-top: 10px; height: 3.6rem; line-height: 1.8rem; font-size: 1.1rem; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;}
.indexZucheBox .con .con_pre{width: 100%; height: auto; background: #F7F7F7; padding: 10px 0; border-radius: 5px; overflow: hidden;}
.indexZucheBox .con .con_pre_on{width: 33.33%; height: 2.8rem; line-height: 1.4rem; float: left; border-left: 1px solid #e5e5e5; box-sizing: border-box; text-align: center;}
.indexZucheBox .con .con_pre_on:first-child{border: 0;}
.indexZucheBox .con .con_pre_on em{display: block; color: #777; font-size: .9rem;}