/**
  ************************************************************************
  智旅100旅游管理系统 版权归智旅100（zhilv100.com）所有，凡是复制抄袭本站php代码、css代码、js代码、图标、图片者都会死全家，非常灵验。
  ************************************************************************
  版权声明：凡是复制抄袭本站css代码、js代码、图标、图片者在三日内必出车祸死于非命，五日内
  其父母必得绝症不治身亡，七日内老婆、后代（儿子或女儿）将意外身亡，总之全家都不得好死。
  ************************************************************************
  版权声明：修改删除此注释者，其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，非常灵验，不信就试试。
  ************************************************************************
  郑重警告：凡是复制抄袭本站css代码、js代码、图标、图片者其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，不信就试试。
  ************************************************************************ 
 */
/*slider*/
/*图片部分*/
.indexSlider{height: auto; overflow: hidden; position: relative}
.indexSlider img{display: block; width: 100%; height: 100%;}
/*遮罩*/
.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;}
.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;}
/*标题*/
.lineTitle{width: 100%; height: auto; background: #FFF; overflow: hidden;}
.lineTitle h1{line-height: 1.8rem; padding: 10px 15px 0; border-top: 1px dotted #E5E5E5;}
.lineTitle p{height: auto; margin: 0 10px; overflow: hidden;}
.lineTitle p span{display: inline-block; height: 22px; line-height: 22px; font-size: 12px; padding: 0 8px; border: 1px solid #44C379; border-radius: 5px; margin: 10px 5px 0; color: #44C379;}

.linePrice{padding:10px 0 15px; height: 1.8rem; line-height: 1.8rem;  border-top: 1px dotted #E5E5E5; margin: 15px 15px 0; overflow: hidden;}
.linePrice span.linePrice_lt{float: left; font-size: 14px; color: #999;}
.linePrice span.linePrice_rt{float: right;}
/*info*/
.infoBox{width: 100%; height: auto; padding: 10px 0; background: #FFF; overflow: hidden;}
.infoBox li{width: 33.33%; height: auto; float: left; border-left: 1px solid #E5E5E5; margin-left: -1px; overflow: hidden;}
.infoBox li em{display: block; line-height: 1.5rem; font-size: 1rem; text-align: center;}
.infoBox li p{height: 2rem; line-height: 2rem; text-align: center; font-size: .9rem; color: #777; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*公用部分*/
.publicBox{width: 100%; height: auto; margin-top: 15px; background: #FFF; overflow: hidden;}
/*公共抬头*/
.pulicTit{height: 2rem; line-height: 2rem; padding-top: 15px; font-size: 1.4rem; text-align: center;}
.pulicTit h3{height: 2rem; position: relative; margin: 0 15px;}
.pulicTit h3:after{display: block; content: "\200B"; width: 100%; height: 1px; background: #E5E5E5; position: absolute; left: 0; top: 1rem; z-index: 0;}
.pulicTit span{display: inline-block; height: 2rem; padding: 0 15px; background: #FFF; position: relative; z-index: 1; font-weight: 600; color: #01AF63;}
.pulicTit span i{display: inline-block; font-size: 1.7rem; margin-right: 6px; height: 2rem; line-height: 2rem; float: left; vertical-align: middle;}
.pulicTit span em{display: inline-block; height: 2rem; line-height: 2rem; float: right; font-weight: 600; font-size: 1.4rem;}

/******************************************日历********************************************************/
.riliBox{padding:10px; height: auto; overflow: hidden;}
.riliBox li{width: 25%; height: auto; float: left; overflow: hidden;}
.riliBox li div.con{height: 40px; padding: 5px; margin: 5px; border: 1px solid #E5E5E5; border-radius: 5px;}
.riliBox li div.con em{display: block; height: 20px; line-height: 20px; font-size: 13px; text-align: center;}
.riliBox li div.con em.e1{color: #777;}
.riliBox li div.con em.e2{color: #f20; font-size: 14px;}
.riliBox li.more div.con a{display: block; height: 40px; text-align: center; line-height: 40px; color: #999;}

.riliBox li.calendar_null{width: 100%; float: none;}
.riliBox li.calendar_null em{display: block; line-height: 2rem; font-size: 1.2rem; text-align: center;}
.riliBox li.calendar_null p{line-height: 2rem; font-size: 1.4rem; color: #F60; text-align: center;}
/*销量 订单 二维码*/
.orderErweima{width: 100%; height: auto; padding: 15px 0; background: #FFF; margin-top: 10px; overflow: hidden;}
.orderErweima li{width: 50%; height: auto; float: left; border-left: 1px solid #e5e5e5; margin-left: -1px; overflow: hidden;}
.orderErweima li div.con_on{padding: 0 10px;}
.orderErweima li img{display: block; width:7rem; height:7rem; margin: 0 auto; border-radius: 3px;}
.orderErweima li p{text-align: center; height: 2rem; line-height: 2rem;}

/*行程特色*/
.teseBox{padding: 5px 15px 15px; height: auto; font-size: 1.1rem; line-height: 1.8rem; overflow: hidden;}
.teseBox p{margin-top: 12px;}

/*公文文字容器*/
.publicTxt{height:120px; line-height: 30px; font-size: 15px; padding: 10px 15px 0; position: relative; overflow: hidden;}
.publicTxt .publicTxt_on{height: auto; overflow: hidden;}
.publicTxt .publicTxt_on_zk{line-height: 1.8rem; font-size: 1.1rem;}
.publicTxt .publicTxt_on_zk p{margin-top: 12px;}
.public_more{display: block; width: 100%; margin: 15px auto 0;  padding-bottom: 15px;}
.public_more a{display: block; margin: 0 15px; height: 30px; line-height: 30px; border: 1px solid #E5E5E5; border-radius: 30px; text-align: center; font-size: 1.11rem; color: #999;}
.public_more span{margin-right: 5px;}
.public_more i{display: inline-block; transform-origin:center center; transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform 0.3s;}
.public_more_on i{transform-origin:center center; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: transform 0.3s;}

/*行程头*/
.tripHeader{width: 100%; height: 3rem; margin-top: 15px; position: relative;}
.tripHeader_on{padding: 0 15px; height: 3rem; background: #F90;}
.tripHeader_on_fixed{position: fixed; top: 0; max-width: 640px; right: 0; left: 0; margin: 0 auto; z-index: 100; box-sizing: border-box;}
.tripHeader_on li{width: 25%; height: 1.8rem; padding: .6rem 0;  float: left; font-size: 1rem;}
.tripHeader_on li a{display: block; height: 1.8rem; line-height: 1.8rem; color: #FFF; line-height: 30px; text-align: center;}
.tripHeader_on li.cur a{background: #FFF; color: #000; border-radius: 30px;}

/*行程容器*/
.tripBox{background: #FFF; margin-top: 15px; padding-bottom: 15px;}
.tripBox_on{padding: 0 15px 0 38px; position: relative;}
.tripBox_on:before{display: block; content: "\200B"; width: 1px; height: 100%; background: #E5E5E5; position: absolute; left: 20px; top: 0;}

/*标题*/
.tripBox_on .tit{line-height: 1.8rem; font-size: 1.1rem; position: relative; margin-top: 25px;}
.tripBox_on .tit i{display: block; width: 1.3rem; height: 1.3rem; line-height: 1.3rem; text-align: center; color: #FFF; font-size: 1rem; border-radius: 100%; background: #01AF63; position: absolute; left: -28px; top: .25rem;}
.tripBox_on .tit span.tit_days{display: inline-block; width: 65px; height: 1.3rem; line-height: 1.3rem; background: #01AF63; border-radius: 3px; color: #FFF; font-size: 1rem; text-align: center;}
.tripBox_on .tit span.tit_tit em{display: inline-block; margin: 0 5px; height: 1.8rem; line-height: 1.8rem; color: #01AF63}
.tripBox_on .tit span.tit_tit em.f1{font-size: 1.7rem; vertical-align: -3px;}
.tripBox_on .tit span.tit_tit em.f2{font-size: 1.6rem; vertical-align: -2px;}
.tripBox_on .tit span.tit_tit em.f3{font-size: 1.6rem; vertical-align: -2px;}
.tripBox_on .tit span.tit_tit em.f4{font-size: 1.4rem; vertical-align: -2px;}
.tripBox_on .tit span.tit_tit em.f5{font-size: 1.6rem; vertical-align: -3px;}
.tripBox_on .tit span.tit_tit em.f6{font-size: 1.8rem; vertical-align: -3px;}

/*吃饭*/
.tripBox_on .chi{line-height: 1.6rem; font-size: 1rem;}
.tripBox_on .chi i{font-size: 1.4rem; margin-right: 5px;}
.tripBox_on .chi_frist{border-top: 1px dotted #CCC; margin-top: 10px; padding-top: 5px;}
/*住宿*/
.tripBox_on .zhu{line-height: 1.6rem; font-size: 1rem;}
.tripBox_on .zhu i{font-size: 1.4rem; margin-right: 5px;}
/*行程*/
.xingcheng{ border-top: 1px dotted #CCC; border-bottom: 3px solid #E5E5E5; margin-top: 10px; height: auto; padding-bottom: 15px; overflow: hidden;}
.xingcheng .txts{height: auto; font-size: 1.1rem; line-height: 1.8rem; overflow: hidden;}
.xingcheng .txts p{margin-top: 10px;}

/*行程-途径景点*/
.sightFull{width: 100%; height: auto; margin-top: 12px; overflow: hidden;}
.sightFull a{display: block; height: auto; overflow: hidden;}
.sightFull div.pic{width: 100%; height: 180px; overflow: hidden; position: relative;}
.sightFull div.pic img{display: block; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.sightFull div.pic_con{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;}
.sightFull div.pic_con span{display: block; width: 100%; height: 20px; line-height: 20px; margin-top: 22px; font-size: 1rem; color: #fff; text-align: center;}

.sightFull div.pic_info{display: inline-block; position: absolute; top: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0 10px; height: 22px; line-height: 22px; color: #fff; border-radius: 22px; background: rgba(0,0,0,.4); font-size: 12px;}