/**
  ************************************************************************
  智旅100旅游管理系统 版权归智旅100（zhilv100.com）所有，凡是复制抄袭本站php代码、css代码、js代码、图标、图片者都会死全家，非常灵验。
  ************************************************************************
  版权声明：凡是复制抄袭本站css代码、js代码、图标、图片者在三日内必出车祸死于非命，五日内
  其父母必得绝症不治身亡，七日内老婆、后代（儿子或女儿）将意外身亡，总之全家都不得好死。
  ************************************************************************
  版权声明：修改删除此注释者，其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，非常灵验，不信就试试。
  ************************************************************************
  郑重警告：凡是复制抄袭本站css代码、js代码、图标、图片者其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，不信就试试。
  ************************************************************************ 
 */
/*全局*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, section{margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}
body, button, input, select, textarea{-webkit-text-size-adjust: none}
html, body{max-width: 640px; min-width: 320px; margin: 0 auto;}
body{height: 100%; color: #333; background-color: #F2F2F2; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-user-select: none; font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", sans-serif; position: relative;}
.bodyClass{transform: translate(0, 0); -webkit-transform: translate(0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe{display: block}
button{width: 100%;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: 500}
address, cite, dfn, em, var, i{font-style: normal; font-weight: 400}
dfn{font-family: Arial}
ul, ol{list-style: none}
a{color: #333; text-decoration: none;}
a:hover{-webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
fieldset, img, button, input{border: 0}
button, input, select, textarea{font-size: 100%}
table{border-collapse: collapse; border-spacing: 0}
input{-webkit-appearance: none; border-radius: 0; font-size: 1.5rem;}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding-right: 20px; width: 100%; font-size: 20px; margin-right: 10px;}
input[disabled]{ background: #fff;}
:focus{outline: 0}
.clearfix:after{clear: both; content: ' '; display: block; width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; line-height: 0}
.clear{clear: both; height: 0; line-height: 0;}
/*公共颜色*/
.c-f20{color: #F20;}
.c-f40{color: #F40;}
.c-f60{color: #F60;}
.c-555{color: #555;}
.c-777{color: #777;}
.c-754{color: #754;}
.c-888{color: #848484;}
.c-999{color: #999;}
.c-fbf{color: #f8e4d5;}
.c-5F7{color: #5F7ED5;}
.c-ff0{color: #FFFF00;}
.c-da0{color: #DA0065;}
.c-05c{color: #0055CC;}
.c-085{color: #008857;}
.c-01B{color: #01BB6E;}
.c-06f{color: #06F;}
/*公共字体*/
.f-w-1{font-weight: 100;}
.f-w-7{font-weight: 700;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-rem-08{font-size: .8rem;}
.f-rem-09{font-size: .9rem;}
.f-rem-10{font-size: 1rem;}
.f-rem-11{font-size: 1.1rem;}
.f-rem-12{font-size: 1.2rem;}
.f-rem-13{font-size: 1.3rem;}
.f-rem-14{font-size: 1.4rem;}
.f-rem-15{font-size: 1.5rem;}
.f-rem-16{font-size: 1.6rem;}
.f-rem-18{font-size: 1.8rem;}
.f-rem-20{font-size: 2rem;}
.f-rem-21{font-size: 2.1rem;}
.f-rem-22{font-size: 2.2rem;}
.f-rem-23{font-size: 2.3rem;}
.f-rem-24{font-size: 2.4rem;}
.f-rem-25{font-size: 2.5rem;}
.f-rem-26{font-size: 2.6rem;}
.f-rem-27{font-size: 2.7rem;}
.f-rem-28{font-size: 2.8rem;}
.f-rem-29{font-size: 2.9rem;}
.f-rem-30{font-size: 3rem;}
/*浮动*/
.float-lt{float: left;}
.float-rt{float: right;}

/*PUBLIC*/
/*头*/
.header{max-width: 640px; height: 3rem; overflow: hidden;position: relative;}
.headerOn{max-width: 640px; height: 3rem; position: fixed; top: 0; left: 0; right: 0; margin: auto; background: #2CCD89; z-index: 98;}
.headerOn_box{height: 3rem; display: -webkit-flex; display: flex;}
.headerOn_box i{display: inline-block; font-size: 1.8rem; color: #FFF;}
.headerOn_box .ltBox{display: inline-block; height: 3rem; line-height: 3rem; text-align: left;}
.headerOn_box .ltBox i{margin-left: 10px;}
.headerOn_box .rtBox{display: inline-block; height: 3rem; line-height: 3rem; text-align: right;}
.headerOn_box .rtBox i{margin-right: 15px;}
.headerOn_box h2{flex: 1; -webkit-flex: 1; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.18rem; color: #FFF;}
/*页脚*/
.footer{width: 100%; height: auto; border-top: 1px solid #E5E5E5; margin-top: 10px; background: #FFF; overflow: hidden;}
/*第一列图表*/
.footer .fTop{display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex; width: 90%; height: 75px; margin: 20px auto 15px; -webkit-box-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-justify-content: space-between;}
.footer .fTop li{-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1;}
.footer .fTop li a{display: block; width: 100%;}
.footer .fTop li a div.iocn{width: 44px; height: 44px; margin: 0 auto 5px; border: 1px solid #CCC; background: #FFF; border-radius: 100%; text-align: center;}
.footer .fTop li a div.iocn i{display: inline-block; height: 30px; font-size: 26px; margin: 7px auto; color: #777; line-height: 30px; vertical-align: middle;}
.footer .fTop li a p{font-size: 12px; height: 20px; line-height: 20px; text-align: center; color: #777;}
/*第三列*/
.footer .fBot{width: 100%; padding: 10px 0; border-top: 1px solid #E5E5E5;}
.footer .fBot p{height: 25px; line-height: 25px; font-size: 12px; text-align: center; color: #777;}
/*公共头*/
.pubTitle{width: 100%; height: 3em; background: #FFF; position: relative; overflow: hidden;}
.pubTitle:after{display: block; content: " "; width: 60%; height: 2px; background: #E5E5E5; position: absolute; left: 50%; margin-left: -30%; top: 1.5em; z-index: 1;}
.pubTitle h2{width: 100%; height: 3em; line-height: 3em; text-align: center;}
.pubTitle h2 span{display: inline-block; padding: 0 .6em; margin: 0 auto; font-size: 1.2rem; background: #FFF; color: #333; position: relative; z-index: 2;}
/*公共头*/
.publicTit{height: 45px; padding: 0 15px; border-bottom: 1px solid #CCC; background: #FFF;}
.publicTit h2{height: 45px; float: left; font: 700 1.2rem/45px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", sans-serif;}
.publicTit a{display: inline-block; height: 45px; float: right; font: 100 1rem/45px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", sans-serif;}
.publicTit a i{display: inline-block; vertical-align: central; margin-left: 5px;}
/*底部固定区域*/
.fixed_icon{max-width: 640px; height: 50px; overflow: hidden;position: relative;}
.fixed_icon_on{max-width: 640px; height: 30px; padding: 10px 0; position: fixed; bottom: 0; left: 0; right: 0; margin: auto; background: #FFF; z-index: 76; -webkit-box-shadow: -1px -1px 5px #000; box-shadow: -1px -1px 2px rgba(0, 0, 0, .5);}
.fixed_icon_on_box{width: 100%; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex;}
.fixed_icon_on_box li{width: 33.33%; height: 30px; line-height: 30px;}
.fixed_icon_on_box li a{display: block; height: 30px; line-height: 30px;}
.fixed_icon_on_box li a i{float: left; margin: 0 5px 0 10px;}
.fixed_icon_on_box li a i.fixed_dh{display: inline-block; width: 29px; height: 26px; background: url(../images/ico-kefu.png) no-repeat -1px -109px;}
.fixed_icon_on_box li a i.fixed_wx{display: inline-block; width: 31px; height: 30px; background: url(../images/ico-kefu.png) no-repeat 0 -1px;}
.fixed_icon_on_box li a i.fixed_zx{display: inline-block; width: 29px; height: 29px; background: url(../images/ico-kefu.png) no-repeat -1px -37px;}
/*公共部分*/
.mgTop10{margin-top: 10px;}
.mgTop15{margin-top: 15px;}
.mgTop20{margin-top: 20px;}
.mgBot10{margin-bottom: 10px;}
.mgBot15{margin-bottom: 15px;}
.mgBot20{margin-bottom: 20px;}
/*遮挡层*/
.layer{z-index: 77; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50);}
/*TOP导航*/
.topNav{max-width: 640px; z-index: 99; position: fixed; top: 3rem; left: 0; right: 0; margin: auto; background: #fff; display: none;}
.topNav li{width: 50%; float: left; border-bottom: 1px solid #ddd; box-sizing: border-box; position: relative;}
.topNav li:nth-child(2n+1), .topNav li:nth-child(3n+2){border-right: 1px solid #ddd;}
.topNav li a{display: block; height: 2rem; line-height: 2rem; padding: 1.1rem 0; text-align: center; position: relative;}
.topNav li a i{display: block; height: 2rem; line-height: 2rem; position: absolute; left: 12%; top: 1.1rem;}
.topNav li a em{display: block; font-weight: 500; font-size: 1rem; height: 2rem; line-height: 2rem; margin-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.topNav li a i.color-0{color: #F20;}
.topNav li a i.color-1{color: #2CCD89;}
.topNav li a i.color-2{color: #F95D1C;}
.topNav li a i.color-3{color: #2DBB55;}
.topNav li a i.color-4{color: #FA5F39;}
.topNav li a i.color-5{color: #C67FF6;}
.topNav li a i.color-6{color: #48BAEF;}
.topNav li a i.color-7{color: #0055CC;}
.topNav li a i.color-8{color: #F40000;}
.topNav li a i.color-9{color: #FF8800;}
.topNav li a i.color-9{color: #EE82EE;}
.topNav li a i.color-10{color: #1ED2C7;}
.topNav li a i.color-11{color: #F1C40F;}
.topNav li a i.color-12{color: #01C94C;}
/*ajax 提示层 容器*/
.ajaxLayer{z-index: 8888; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70);}
.ajaxInfo{display: none; z-index: 9999; width: 250px; height: 40px; padding: 10px; background: #FFF; position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -135px; box-shadow: 1px 1px 6px rgba(0, 0, 0, .7); text-align: center; border-radius: 3px;}
.ajaxInfo i{display: inline-block; height: 40px; line-height: 40px; font-size: 24px; vertical-align: middle;}
.ajaxInfo em{display: inline-block; margin-left: 10px; height: 40px; line-height: 40px; font-size: 14px; vertical-align: middle;}
.ajaxInfo em a{text-decoration: underline; color: #06f}
.ajaxInfo_success i{color: #009A61;}
.ajaxInfo_success em{color: #009A61;}
.ajaxInfo_error i{color: #F20;}
.ajaxInfo_error em{color: #F20;}
/*沟通组件*/
.goutong{display: none; width: 80%; max-width: 500px; background: #FFF; border: 1px solid #E5E5E5; box-shadow: 0px 1px 8px rgba(0, 0, 0, .6); position: fixed; left:0; right: 0; margin: auto; bottom: 50%; z-index: 100;}
.goutong .goutong_on{width: 100%; position: relative;}
.goutong .goutong_on .closed{display: block; width: 25px; height: 25px; background-image: url(../images/a-close2.png); background-repeat: no-repeat; background-size: 25px 25px; position: absolute; right: -12px; top: -12px;}
.goutong .goutong_on h3{height: 2rem; font-size: 1.3rem; padding: 1rem 0; border-bottom: 1px solid #E5E5E5; font-weight: 600; text-align: center; line-height: 2rem;}
.goutong .goutong_on .adtxt{padding: 1.2rem 0; font-size: .9rem; text-align: center;}
.goutong .goutong_on .adtxt p{line-height: 1.3rem; color: #777; font-size: 1rem;}
.goutong .goutong_on .botCon{width: 100%; height: 40px; margin-top: 10px;}
.goutong .goutong_on .botCon a{display: inline-block; width: 50%; height: 40px; float: left; text-align: center; line-height: 40px; font-size: 16px; color: #FFF;}
.goutong .goutong_on .botCon a.botCon_tel{background: #38B26F;}
.goutong .goutong_on .botCon a.botCon_qiao{background: #ED5858;}
.goutong .goutong_on .botCon a i{display: inline-block; background: #FFF; border-radius: 100%; color: #38B26F; width: 24px; height: 24px; vertical-align: middle; line-height: 24px; font-size: 14px; font-weight: 600;}
.goutong .goutong_on .botCon a.botCon_tel i{color: #38B26F;}
.goutong .goutong_on .botCon a.botCon_qiao i{color: #ED5858;}
/*占位图片*/
.loadimg{display: inline-block; width: 100%; height: 100%; background: #F5F5F5;}
/*适配字体*/
@media screen and (min-width: 320px){
	html{font-size: 15px}
}
@media screen and (min-width: 360px){
	html{font-size: 15px}
}
@media screen and (min-width: 400px){
	html{font-size: 16px}
}
@media screen and (min-width: 440px){
	html{font-size: 16px}
}
@media screen and (min-width: 480px){
	html{font-size: 17px}
}
@media screen and (min-width: 520px){
	html{font-size: 18px}
}
@media screen and (min-width: 640px){
	html{font-size: 18px}
}
/*打印*/
.xdebug-var-dump{display: block; width: 100%; height: auto; position: relative; z-index: 999999; background: #FFF; padding-bottom: 20px;}

/*微信客服*/
.foot_weixin{padding: 0 15px; height: auto; overflow: hidden;}
.foot_weixin .weiBox{width: 100%; height: auto; margin-top: 15px; padding-top: 15px; border-top: 1px solid #E5E5E5; overflow: hidden;}
.foot_weixin .weiBox:first-child{border: 0;}
.foot_weixin .weiBox .weiBox_pic{height: auto; margin: 0 auto; overflow: hidden;}
.foot_weixin .weiBox .weiBox_pic img{display: block; width: 190px; margin: 0 auto;}
.foot_weixin .weiBox .weiBox_con{margin-top: 5px;}
.foot_weixin .weiBox .weiBox_con p{width: 180px; margin: 0 auto; height: 2rem; line-height: 2rem; font-size: 1.1rem;}
.foot_weixin .weiBox .weiBox_con p i{float: left; display: inline-block; height: 2rem; font-size: 1.4rem; margin-right: 10px;}
.foot_weixin .weiBox .weiBox_con p span{background: #F20; color: #FFF; padding: 0 5px;}
.foot_weixin .weiBox .weixinBox_tis{width: 100%; height: 2rem; line-height: 2rem; text-align: center; font-size: .9rem; color: #999;}


/*微信客服*/
.indexWeixin{width: 100%; height: auto; background: #FFF; margin-top: 10px; overflow: hidden;}
.indexWeixin_margin{margin-top: calc(3rem + 15px);}
.indexWeixin .tit{padding: 0 15px; height: 3rem; background: #F40; border-bottom: 1px solid #E5E5E5; overflow: hidden;}
.indexWeixin .tit i{display: inline-block; height: 3rem; line-height: 2.8rem; font-size: 2.2rem; float: left; color: #FFF;}
.indexWeixin .tit em{display: inline-block; height: 3rem; line-height: 3rem; font-size: 1.25rem; font-weight: 600; margin-left: 8px; float: left; color: #FFF;}
.indexWeixin_margin .tit{background: #FFF;}
.indexWeixin_margin .tit i,.indexWeixin_margin .tit em{color: #2577E3;}
/*客服开始*/
.indexWeixin_on{height: auto; overflow: hidden;}
.indexWeixin_on 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;}
.indexWeixin_on li:nth-of-type(even){border-left: 0;}
.indexWeixin_on li a{display: block; padding: 10px;}
.indexWeixin_on li a img{display: block; width: 100%; margin-bottom: 10px; padding: 1px; border: 1px solid #E5E5E5; box-sizing: border-box;}
.indexWeixin_on li a em{display: block; height: 1.5rem; line-height: 1.5rem; font-size: 12px;}
.indexWeixin_on li a em i{background: #f20; color: #FFF; padding: 0 1px;}
.indexWeixin_on li a p{line-height: 1.5rem; font-size: 12px; color: #2577E3; text-align: center;}
/*客服介绍*/
.indexWeixin .jieshao{height: auto; padding: 15px 15px 10px; overflow: hidden;}
.indexWeixin .jieshao p{letter-spacing: 1px; line-height: 1.8rem; font-size: 1.08rem;}
.indexWeixin .jieshao p strong{font-weight: 700;}
/*微信按钮*/
.indexWeixin .aniu{width: 100%; height: 2.2rem; padding: 15px 0; border-top: 1px solid #e5e5e5; overflow: hidden;}
.indexWeixin .aniu a{display: inline-block; width: 33.33%; float: left; height: 2.2rem; padding: 0 10px; box-sizing: border-box;}
.indexWeixin .aniu a span{display: block; background: #01BB6E; width: 100%; height: 2.2rem; line-height: 2.2rem; border-radius: 5px; color: #FFF; text-align: center;}
.indexWeixin .aniu a span.bg1{background: #FA5F39;}
.indexWeixin .aniu a span.bg2{background: #FC9D23;}
.indexWeixin .aniu a span.bg3{background: #FC6076;}

/*微信窗口*/
.oneweixin{padding: 10px; height: auto; font-size: 1.2rem; line-height: 2rem; overflow: hidden;}
.oneweixin span{background: #F20; padding: 0 3px; color: #FFF;}