/*base*/
body{-webkit-font-smoothing:subpixel-antialiased;font: 14px/1.5 'helvetica neue',helvetica,arial,sans-serif;color:#333;}
body, dl, dd, p, form,h1, h2, h3, h4, h5, h6{margin:0;}
ol,ul,input{margin:0; padding:0;}
th,td{ padding: 0;}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
li{list-style:none;}
img{ padding: 0; margin: 0; border: none;}
input,textarea{outline: none; border: 0; }
textarea{ resize: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
/* float */
.l { float: left; }
.r { float: right; }
/* clear */
.cl { clear: both; }
/* 清除浮 动*/
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
/* 基于display: table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }
/* 字体图标 */
@font-face {font-family: "iconfont";
  src: ; /* ie9*/
  src:  format('embedded-opentype'), /* ie6-ie8 */
   format('woff'), /* chrome, firefox */
   format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2 */
   format('svg'); /* ios 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:1rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-sousuo:before { content: "\e600"; }
.icon-jiantou:before { content: "\e601"; }
.icon-xiangyoum:before { content: "\e602"; }
.icon-huanyihuan:before { content: "\e603"; }
.icon-down:before { content: "\e608"; }
.icon-riqi:before { content: "\e604"; }
.icon-mudedi01:before { content: "\e605"; }
.icon-xiangyou:before { content: "\e606"; }
.icon-mudedi:before { content: "\e607"; }
.icon-huoche:before { content: "\e65a"; }

.icon-hotel:before { content: "\e620"; }

.icon-lvyou01:before { content: "\e668"; }

.icon-qiche:before { content: "\e62a"; }

.icon-tianqi:before { content: "\e618"; }

.icon-wenda:before { content: "\e893"; }

.icon-icon--:before { content: "\e73c"; }

.icon-zhuanti:before { content: "\e66c"; }

.icon-jipiao:before { content: "\e665"; }

.icon-gongjiao:before { content: "\e604"; }

.icon-zixun:before { content: "\e656"; }

.icon-tianqi-copy:before { content: "\e894"; }
/* 主体样式 */
.m10{ margin: 10px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.pt30{ padding-top: 30px; }
.pb30{ padding-bottom: 30px; }
body{ background-color: #fff; }
.wrapper{ width: 1200px; margin-left: auto; margin-right: auto;}
a{ color: #666; transition: all 0.3s; text-decoration: none; }
a:hover{ color: #3897d8; text-decoration: none;}

/* 
 * buttons
*/
.btn { display: inline-block; padding: .5em 1em; border: 0 none; border: 1px solid rgba(0,0,0,.25); border-radius: 0.3em; background-image: none; box-shadow: 0 1px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.15); color: #fff; text-align: center; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,.1); font-size: 100%; font-family: inherit; font-weight: inherit; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: visible; cursor: pointer; }
.btn:hover, .btn:focus { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1)); }
.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:active { box-shadow: 0 1px rgba(0,0,0,.2), inset 0 1px rgba(0,0,0,.05); outline: none; }
/* 按钮样式 */
.btn-block{ width: 100%; padding-left: 0; padding-right: 0; border:0; }
.btn-theme{ color: #fff; border: solid 1px #3897d8; background-color: #3897d8; }
.btn-lg{ padding: 10px; line-height: 1.1;margin-left: 10px;}
.btn-lg i{ display: inline-block; vertical-align: -3px; font-size: 26px;  }
/*main-top*/
.main-top{ position: relative; height: 170px;margin-bottom: 39px; }
/* header */
.header{ background-color: #1fb6e7;border-bottom: solid 1px rgba(255,255,255,0.3); }
.header .inner{ position: relative; width: 1200px; height: 60px; margin: 0 auto; }
.header .logo{ position: absolute; left: 0; top: 10px; display: block; height: 40px; }
.header-right{ position: absolute; right: 15px; top: 0; line-height: 60px;}
.header-right .btn-box{ display: inline-block; padding: 0 10px; line-height: 26px; border: solid 1px #fff; border-radius: 13px; }
.header-right a{ position: relative; display: inline-block; padding: 0 4px; font-size: 12px; color: #fff; } 
.header-right a:first-child:after{ content: ''; position: absolute; right: -2px; top: 7px; bottom: 7px; width: 1px; background-color: rgba(255,255,255,0.5); }
.header-right .icon-box{ padding-left: 20px; position: relative; }
.header-right .icon-box i{ color: #3897d8; display: inline-block; vertical-align: -1px; }
.header-right .icon-box:after{ content: ''; position: absolute; left: 0; top: 13px;bottom: 13px; border-left: solid 1px #ddd;}
.header .nav{  width: 1200px; margin: 0 auto; }
.nav .wrapper{ position: relative; }
.nav-list .item{float: left; text-align: center; z-index: 1;}
.nav-list .item>a{position: relative; display: block; padding: 0 17px; margin: 0 2px; color: #fff; transition: all 0.3s; line-height: 60px;}
.nav-list .item>a:hover,.nav-list .item>a.active{ background-color: #11a5d5; }
.nav-list .item>a.down{ }
.nav-list .item>a i{ display: inline-block; transition: all 0.3s; font-size: 12px; }
.nav-list .item>a.down i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.nav-list .item dl{text-align: center;margin-top: 1px;}
.nav-list .item dd{float: left;text-align: center;display: inline;width: 100px;}
.nav-list .item .item-inner{ display: none; position: absolute; top: 60px;width: 100px;border: 1px solid #ccc; background-color:#fff ;z-index: 9999999;}
.nav-list .item .item-inner a{ display: block; padding: 10px 0; color: #000;text-decoration:none; }
.nav-list .item .item-inner a:first-child{ border-top: 0; }
.nav-list .item .item-inner a:hover{ background-color:#fff; color:#ec5b00;}
.nav-list .item >span {
    width: 45px;
    position: absolute;
    top: 7px;
    left: 24px;
    display: block;
}
.nav-list .item >span img{width:100%;}
.top-logo{
    display: inline-block;
    width: 200px;
    height: 100px;
}
/* mod-search */
.mod-search{padding: 14px;
    background-color: rgba(0,0,0,0.5);
    width: 840px;
    float: right;
    border-radius: 20px;
}
.mod-search .input-box{ position: relative; padding: 10px 40px 10px 70px; width: 80px; height: 30px; background-color: #fff; border-radius: 3px; line-height: 30px; }
.mod-search .input-box.lg{ width: 100px; }
.mod-search .input-box .label{ position: absolute; left: 10px; top: 10px; font-size: 14px; color: #999; }
.mod-search .input-box .text{ display: block; width: 100%; height: 30px; line-height: 30px; font-size: 16px; font-weight: 600; border: 0; outline: none; }
.mod-search .input-box i{ position: absolute; right: 10px; top: 10px; color: #067dd6; font-size: 22px; }
.search-train .change-btn{ position: relative; margin: 0 20px; height: 50px; line-height: 50px; cursor: pointer; }
.search-train .change-btn i{ display: inline-block; height: 50px; line-height: 50px; font-size: 46px; color: #fff; -webkit-text-stroke-width:0; transition: all 0.3s;}
.search-train .change-btn span{ position: absolute; left: 0; top: 0; width: 48px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; }
.search-train .change-btn i.active{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.mod-search .tips{ margin-top: 10px; }
.mod-search .tips li{ position: relative; padding-left: 15px; float: left; margin-right: 60px; }
.mod-search .tips li:before{ content: '•'; position: absolute; left: 0; top: 0; color: #fff; }
.mod-search .tips li:first-child{ margin-right: 135px; }
.mod-search .tips li a{ color: #fff; font-weight: 600; }
.mod-search .tips li font{ color: #fff; font-weight: 600; }
.mod-search .tips li a:hover{ color: #037bd6; }

/* 通用标题 */
.normal-title{ padding-left: 10px; margin: 20px 0; border-left: solid 2px #067dd6; line-height: 1; overflow: hidden; }
.normal-title h3{ font-weight: 500; font-size: 20px; font-family: 'microsoft yahei';}
.normal-title h3 span{ display: inline-block; margin-left: 5px; font-size: 12px; color: #999; }
.normal-title .links li{ float: left; padding-left: 20px; }
.normal-title .links li.on a{ color: #ec5b00; }
.normal-title .links a{ display: block; }
.normal-title .links .more{ padding-left: 20px; border-left: solid 1px #999; color: #999; font-family: 'microsoft yahei';}
.normal-title .links .more.bdln{ padding-left: 0; border-left: 0; }
/* 文章 */
.article{ padding: 20px; }
.article p{ margin-bottom: 10px; }

/* 图片列表 */
.img-list .item{ position: relative; float: left; margin-bottom: 15px;border-radius: 3px; overflow: hidden; }
.img-list.col-4{ margin-left: 0px; }
.img-list.col-4 .item{ width: 280px; margin-left: 15px;}
.img-list .item a{ position: relative; display: block; overflow: hidden; }
.img-list .item .img-box{ position: relative; overflow: hidden; }
.img-list .item .img-box img{ display: block; transition: all 0.3s; }
.img-list.col-4 .item a img{  width: 280px; height: 220px; }
.img-list .item a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.img-list.col-4 .item .text{ width: 280px;}
.img-list .item .text .hd{ padding: 5px 0; color: #666; transition: color 0.3s;}
.img-list .item .text .place{ color: #999; font-size: 12px; }
.img-list .item a:hover .text .hd{ color: #3897d8; }
.img-list .item .text .label{ position: absolute; right: 20px; top: -30px; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; text-align: center; background-color: #f56157; color: #fff; font-size: 14px; }

.img-list .item .text.abs{  position: absolute; left: 0; bottom: 0; width: 94%; padding: 1px 3%; line-height: 30px; background-color: #999; background-color: rgba(0,0,0,0.5); color: #fff; }
.img-list .item .text.abs p{ font-size: 12px; }
.img-list .item .bot{ background-color: #fff; padding: 5px 10px; border: solid 1px #eee; border-top: 0; line-height: 30px; }
.img-list .item .icon-jiantou{ display: inline-block; margin: 0 3px; }
.img-list .item .bot .l span{ color: #333; }
/* tab */
.tab .tabitem{ display: none; }
.tab .tabitem.active{ display: block; }
/* price */
.price{ color: #ffa800; font-size: 12px; color: #ec5b00; font-family: 'microsoft yahei';}
.price>em{ display: inline-block; margin: 0 2px; font-size: 20px; font-weight: 600;}
.price>span{ color: #999; }

/* 热门汽车票推荐 */
.car-ticket-list-box{ position: relative; }
.car-ticket-list-box .left{ position: absolute; left: 0; top: 0; width: 280px; height: 300px; }
.car-ticket-list-box .left img{ width: 280px; height: 300px; }
.car-ticket-list-box .left .price{ float: right; color: #fccb05; }
.car-ticket-list-box .left .price>em{ color: #fccb05; }
.car-ticket-list-box .con{ margin-left: 300px; }

.car-ticket-list{ height: 300px; }
.car-ticket-list .item{ position: relative; float: left; margin-bottom: 8px; margin-top: 0px;  border-radius: 3px; overflow: hidden;  }
.car-ticket-list.col-4{ margin-left: -2%; }
.car-ticket-list.col-4 .item{ width: 23%; margin-left: 2%;}
.car-ticket-list .item a{ position: relative; display: block; padding: 10px 15px;background-color: #fafafa; border: solid 1px #eee;}
.car-ticket-list .item .dot:before,.car-ticket-list .item .dot:after{ content: ''; position: absolute; left: 25%; top: -7px; width: 12px; height: 12px; background-color: #fff; border-bottom: solid 1px #eee; border-left: solid 1px #eee; border-radius: 100%; }
.car-ticket-list .item .dot:after{ left: 75%; }
.car-ticket-list .item a:hover{ border-color: #ec5b00; }
.car-ticket-list .item .dot:hover:before,.car-ticket-list .item .dot:hover:after{ border-color: #ec5b00; }
.car-ticket-list .item .top{ margin-bottom: 5px; color: #333; }
.car-ticket-list .item .top span{ font-weight: 600; font-size: 16px; }
.car-ticket-list .item .top .icon-jiantou{ display: inline-block; margin: 0 5px; }
.car-ticket-list .item .bot{ height: 30px; line-height: 30px; }
.car-ticket-list .item .bot .time{ margin-top: 3px; font-size: 12px; color: #999;}

/* 最新资讯 */
.latest-info{ padding: 30px 10px 100px; background-color: #e8eff4; }
.latest-info-list li{ position: relative; float: left; width: 25%; height: 410px; overflow: hidden; background-image: url(/uploads/image/pimages/index_3.png); background-position: center; background-size: cover; }
.latest-info-list li a{ display: block; }
.latest-info-list li:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 0;}
.latest-info-list li .inner{position: relative; display: block; color: #fff;  padding: 30px 40px; z-index: 9;}
.latest-info-list li .hd{ height: 199px; }
.latest-info-list li .bd .tit{ font-size: 16px; margin-bottom: 17px; color: #fff; }
.latest-info-list li .bd dd{ font-size: 12px; color: #fff }
.latest-info-list li .bd .more{ margin-top: 20px; color: #fff; }
.latest-info-list li .icon-xiangyou{ display: inline-block; transition: all 0.3s; }
.latest-info-list li a:hover .icon-xiangyou{ margin-left: 5px; }
.latest-info-list li .time{ color: #a2a2a2; }
.latest-info-list li .time .date{ font-size: 40px; line-height: 1; }
.latest-info-list li .time .month{ font-size: 14px; line-height: 1; }
.latest-info-list li.first:after,.latest-info-list li.last:after{ display: none; }
.latest-info-list li.first{ background-color: #037bd6; background-image: none; }
.latest-info-list li.first .inner{ padding: 0; }
.latest-info-list li.first .hd{ height: auto; border-bottom: dashed 1px #fff; }
.latest-info-list li.first .hd,.latest-info-list li.first .bd{ padding: 20px 40px; }
.latest-info-list li.first dd{ color: #b0dafb }
.latest-info-list li.first .time{ text-align: center; color: #fff; }
.latest-info-list li.first .time .date{ font-size: 90px; line-height: 1; }
.latest-info-list li.first .time .month{ font-size: 20px; line-height: 1; }
.latest-info-list li.last{ background: #fff; }
.latest-info-list li.last .bd .tit{ margin-bottom: 10px; }
.latest-info-list li.last .bd .tit,.latest-info-list li.last .bd dd{ color: #333; }
.latest-info-list li.last .bd dl{ padding-top: 15px; margin-bottom: 15px; border-top: dashed 1px #eee; }
.latest-info-list li.last .bd dl.one{ border-top: 0; padding-top: 0; }
.latest-info-list li.last .bd a:hover .tit{ color: #037bd6; }
/* footer */
.footer{ padding: 10px 0; background: #24292f;  }
.footer a:hover{ color: #999; }
.footer>.wrapper{ position: relative; }
.footer-top-img{ position: absolute; left: 15px; top: -48px; }
.footer-hd{ padding: 30px 0; }
.footer-hd-l{ float: left; width: 65%;}
.footer-hd-l .item{ float: left; width: 20%; padding: 0 2%; white-space: nowrap;}
.footer-hd-l .item h4{ font-size: 16px; margin-bottom: 10px; color:#707580; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.footer-hd-l .item p{ line-height: 26px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px;}
.footer-hd-l .item p a{ color: #707580; font-family: 'microsoft yahei';}
.footer-hd-l .item p a:hover{ color: #999; }
.footer-hd-r{ float: right; width: 35%;}
.footer-hd-r .code-list .item{ float: left; text-align: center;}
.footer-hd-r .code-list .item img{ width: 90px; height: 90px; padding: 5px; border: solid 1px #707580;}
.footer-hd-r .code-list .item p{ font-size: 12px; color: #707580;}
.footer-bd{ padding: 10px 20px; border-top: solid 1px #363b41; }
.footer-hd-r .code-list .item:first-child{ margin-right: 70px; padding: 0 70px; border-left: solid 1px #363b41; border-right: solid 1px #363b41;  }
.footer-bd p{ margin: 8px 0; font-size: 12px; color: #707580; text-align: center;}
.footer-bd p a{ display: inline-block; padding: 0 10px; border-left: solid 1px #707580; line-height: 1.1; color: #707580; }
.footer-bd p a:first-child{ border-left: 0; padding-left: 0; }


/* 分页 */
.pages{ margin: 20px; text-align: center; }
.pages a{ display: inline-block; margin: 0 5px; width: 40px; height: 40px; text-align: center; line-height: 40px; border: solid 1px #ddd; border-radius: 3px; color: #666;}
.pages a:hover,.pages a.active{ background-color: #29c9a1; color: #fff; border-color: #29c9a1; }

/* 友情链接 */
.friend-link{ position: relative; padding: 10px 0 10px 60px; font-size: 12px;}
.friend-link dt{ position: absolute; left: 0; top: 15px; color: #707580; }
.friend-link dd{ float: left; margin:5px 12px 0 15px; white-space: nowrap; }
.friend-link dd a{ color: #707580; }


/*城市选择插件*/
.ac_results {width:250px; background:#fff;border:1px solid #3897d8;position:absolute;z-index:10000;display:none; border-radius: 3px;}
.ac_results ul{margin:0;padding:5px;list-style:none; overflow: hidden;}
.ac_results li{ float: left; width: 33.3333%; }
.ac_results li a{white-space:nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration:none;display:block;color:#3897d8;padding:3px; margin: 5px 0; text-align: center;}
.ac_over,.ac_results li a:hover {background:#f0f0f0;}
.ac_result_tip{border-bottom:1px dashed #666;padding:3px 10px;}


/*@media screen and (max-width:1200px){*/
  /*.header,.crumbs,.sites-map-box,.footer,.section,.main-top,.latest-info{ min-width: 1200px; padding-left: 15px !important; padding-right: 15px !important; }*/
  /*.nav-list .item>a{ padding: 0 12px; }*/
  /*.header .nav{ width: 900px; }*/
/*}*/
/*@media screen and (min-width:1920px){*/
  /*.main-top{ height: 738px; }*/
/*}*/
.l_top{
  height: 30px;
  line-height: 30px;
  display: block;
  width: 179px;
  overflow: hidden;
}
.inner h1{
  text-indent: -99em;position: absolute;
}
/* 资讯轮播 */
.roll {margin:15px 0;}
.roll .lefttile {float: left;width: 8%;line-height: 14px;font-size: 12px;color: #333;}
.roll .tempwrap-box{float: right;overflow: hidden; position: relative; width: 92%;}
.roll .list ul li { list-style: none;float: left;width: 170px;height: 16px;line-height: 12px;margin-right: 15px;text-align: left;}
.roll .list ul li a {position: relative;display: block;overflow: hidden;width: 100%;padding-left: 5px;height: 14px;line-height: 14px;font-size: 12px;color: #333;white-space: nowrap;text-overflow:ellipsis;vertical-align: middle;}
.roll .list ul li a:before {content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 3px;border-radius: 50%;background: #333;-webkit-transform: translate3d(0,-50%,0);
-ms-transform: translate3d(0,-50%,0);
-o-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);}
.roll .list ul li a:hover {text-decoration: underline;}
.indextabs{width: 100%;}
.indextabs li{float: left;width: 118px;text-align: center;line-height: 30px;}
.indextabs li a{font-size: 18px;width: 100%;display: inline-block;text-decoration:none}
.indextabs li.active{background-color: #067dd6;color: #fff;}
.indextabs li.active a{color: #fff;}