input { -webkit-appearance: none; }  /*解决iphone safari上的圆角问题*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.hide { display: none; }
.fl { float: left; }
.fr { float: right; }

html, body { height: 100%; }
body { position: inherit; color: #333; font-size: 1.275em; }
select { margin-bottom: 5px; }
a { color: #06C; text-decoration: none; }
.bar-tab { bottom: 0; top: auto; }
.bar-tab .tab-item .icon-hotel { padding-top: 5px; font-size: 18px; }
.bar-tab .tab-item .icon-scene { color: #929292; }
.icon-fengjing:before { content: "\e601"; }
.icon-building:before { content: "\e602"; }
.icon-phone:before { content: "\e600"; }
.icon-gift:before { content: "\e609"; }
.icon-password:before { content: "\e603"; }
.icon-location:before { content: "\e604"; }
.icon-location2:before { content: "\e605"; }
.icon-compass:before { content: "\e606"; }
.icon-lock:before { content: "\e607"; }

.backdrop { background-color: rgba(255,255,255,0.1); }
.bar-tab .tab-item.active, .bar-tab .tab-item:active, span.active { color: #F60; font-weight: bold; }
.content { background-color: #efefef; position: inherit; min-height: 800px; }
.content-inner { margin: 8px 8px 60px 8px; }
.left-right-nav { display: block; height: 30px; width: 30px; }
.yc-panel { border-radius: 0; margin: 10px 0; border: 1px solid #efefef; box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding-bottom: 20px; background-color: #FFF; padding: 15px 5px; }
.yc-foot { color: #666; margin: 10px 0; text-align: center; margin: 0 auto; }
.yc-foot article { padding: 10px; text-align: center; font-size: 14px; }
.yc-foot article a { color: #666; display: inline-block; font-size: 14px; line-height: 16px; margin: 2px 0; text-decoration: none; border-right: 1px solid #a7a7a7; padding: 0 5px; }
.yc-foot article a:last-child { border: 0; }
.foot-item { text-align: center; }
.tb-list { width: 100%; }
.tb-list td { vertical-align: top; }
.tb-list .img-container { width: 80px; }
.tb-sub-list { width: 100%; position: relative; }
.tb-sub-list .fixed-column { width: 60px; text-align: center; }
.tb-sub-list-item { padding: 5px 0 0 0; font-size: 14px; margin-bottom: 10px; }
.hot-list-label { color: #F50; margin: 0 0 5px 0; padding: 0; font-size: 24px; }
.sale-price, .save-price { color: #F60; font-size: 20px; font-weight: bold; }
.price dfn, .sale-price dfn, .save-price dfn, .market-price dfn { font-family: Arial; font-style: normal; }

@media screen and (max-width:500px) {
    .tb-sub-list-item-name { max-width: 150px; overflow: hidden; height: 20px; }
    .address { max-width: 250px; }
}

.hot-list-container { margin-bottom: 30px; }
.none-border { border: 0; }
.label-text { color: #666; }
.input-row label { color: #666; padding-left: 0; padding-right: 10px; width: 80px; font-size: 1.4em; }
.input-row input { float: left; }
.text-green { color: #090; }
.text-orange { color: #F60; }
.text-blue { color: #428bca; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.bg-light-yellow { background-color: #fef8e7; }
.table-view-no-border-top { border-top: 0; }
.table-view-no-border-top .table-view-cell:last-child { margin-bottom: 0; }
.pay-logo-active { border: 2px solid #F50; vertical-align: middle; }
.top-nav { background-color: #FFF; }
.icon { vertical-align: middle; }
.showPwd { height: 40px; line-height: 40px; position: absolute; right: 6px; top: 0; }
/* .top-nav .title {color:#F60; font-weight:bold; font-size:18px;}*/
.reduce:before { content: "-"; }
.plus:before { content: "+"; }
.reduce.disable, .plus.disable { background: none repeat scroll 0 0 #999999; }
.reduce, .plus { background-color: #F60; color: #FFF; display: inline-block; font-size: 20px; font-weight: bold; height: 20px; line-height: 18px; text-align: center; vertical-align: middle; width: 20px; }
.num { color: #333333; display: inline-block; padding: 0 2px; vertical-align: middle; }
.triangle-down { border-color: #888 transparent transparent transparent; top: 4px; }
.triangle-up { border-color: transparent transparent #888 transparent; top: -2px; }
.triangle-left { border-color: transparent #888 transparent transparent; }
.triangle-right { border-color: transparent transparent transparent #888; }
.triangle-down, .triangle-up, .triangle-left, .triangle-right { border-width: 5px; font-size: 10%; width: 0; height: 0; border-style: solid; margin-left: 3px; display: inline-block; position: relative; }

#subNavListWraper { color: #333; width: 80px; background: #fbfbfb none repeat scroll 0 0; border: 1px solid #CCC; bottom: 50px; font-size: 16px; height: auto; right: 0; text-align: center; padding: 2px; position: absolute; display: none; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }
ul, li { margin: 0; padding: 0; list-style: none; border-radius: 0; }
#subNavListWraper li { border-bottom: 1px solid #efefef; border-radius: 0; }
.more-nav { }
.more-nav li { height: 40px; line-height: 40px; margin: 0 2px; }
.rmb:before { content: "\00A5"; font-family: Arial; vertical-align: 0em; position: relative; z-index: 1; margin-right: 2px; }

.btn-orange { color: #fff; background-color: #f60; border: 1px solid #f80; }
.btn-orange:active, .btn-orange.active { color: #fff; background-color: #f30; border: 1px solid #f30; }
.btn { border-radius: 0; letter-spacing: 2px; padding-left: 10px; padding-right: 10px; }
.btn-book { padding-top: 5px; padding-bottom: 5px; }
.table-view-cell { font-size: 14px; padding: 5px 10px 4px 10px !important; }
select, textarea, input[type="text"], input[type="search"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"] { border-radius: 0; }
.bar-tab a, .bar-tab a.tab-item, .tab-item .nav-item { color: #666; }




/* CSS Document */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, pre, form, p, blockquote, input, textarea, abbr, article, aside, figcaption, figure, footer, header, mark, meter, menu, nav, output, progress, section, summary, time { margin: 0; padding: 0; vertical-align: baseline; }
ul, ol { list-style: none; }
a, a:hover { text-decoration: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
em, i, s { font-style: normal; }
body { word-wrap: break-word; -webkit-text-size-adjust: none; }
html { height: 100%; }
body { font-family: normal Arial, Helvetica, "Microsoft YaHei", STHeiti, "Droid Sans Fallback", sans-serif; color: #000; overflow-x: hidden; height: 100%; font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.wrapper { width: 100%; min-height: 100%; height: auto; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
.wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.wrapper .containerIn { position: relative; z-index: 2; height: 100%; width: 100%; margin-bottom: 15px; padding: 0 10px; padding-top: 50px; }
.containerIn header { background: #7CD8EF; height: 50px; width: 100%; position: fixed; top: 0; z-index: 9999; }
.slide-menu img, .kefu img { width: 30px; height: 30px; display: inline-block; }
.slide-menu { position: absolute; top: 10px; left: 10px; }
.kefu { position: absolute; top: 10px; right: 10px; }
.logo { height: 40px; margin: 0 auto; display: inline-block; width: 136px; position: absolute; top: 5px; left: 50%; margin-left: -68px; }
.logo img { width: auto; height: 100%; }
.containerIn header p { height: 40px; text-align: center; width: 100px; color: #fff; font-size: 2em; position: absolute; top: 5px; left: 50%; margin-left: -50px; font-weight: 700; line-height: 40px; }
div.slide-mask { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: none; }
aside.slide-wrapper { position: absolute; z-index: 4; left: 0; top: 0; width: 50%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #049cc1; min-height: 100%; }
aside.slide-wrapper > div { background-color: #049cc1; min-height: 100%; }
aside.slide-wrapper strong { height: 35px; line-height: 35px; font-size: 18px; color: #047c99; font-weight: normal; text-align: center; background: #fff; display: block; }
aside.slide-wrapper.moved { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.menu li h2 { background: #047B98; text-indent: 30px; color: #fff; line-height: 22px; font-size: 1.6em; padding: 8px 0px; position: relative; border-top: 1px solid #017694; }
.menu li h2 img { width: 22px; height: 22px; position: absolute; top: 8px; left: 5px; }
.subMenu li { background: #049cc1; }
.subMenu li a { padding: 6px 0px; border-top: 1px solid #047B98; font-size: 1.4em; display: block; color: #fff; text-indent: 52px; }
aside.slide-wrapper li h2.current { background-color: #017694; }
.contact { width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; position: inherit; display: none; }
.contactBg { width: 85%; height: 160px; background: #fff; border-radius: 15px; margin: 100px auto; padding: 10px; }
.contactBg .text { font-size: 1.8em; line-height: 1.8em; color: #666; text-align: center; }
.contactBg em { font-size: 1.4em; line-height: 1.4em; color: #666; text-align: center; display: block; }
.contactBg a { width: 36%; height: 30px; color: #fff; text-decoration: none; text-align: center; line-height: 30px; font-size: 1.5em; display: inline-block; margin: 30px 7% 10px; border-radius: 10px; }
#close { background: #999; }
#tel { background: #009148; }
.banner { width: 100%; height: 240px; position: relative; }
.banner .bd { width: 100%; height: 240px; overflow: hidden; }
.banner .bd li { width: 100%; height: 240px; display: none; float: left; }
.banner .bd li img { width: 100%; height: 100%;; }
.banner .hd { position: absolute; bottom: 10px; right: 10px; }
.banner .hd li { width: 10px; height: 10px; border-radius: 10px; background: #999; float: left; margin-right: 5px; }
.banner .hd li.On { background: #06C; }
.menuList { width: 100%; height: auto; margin: 0 auto; }
.menuList li { width: 32%; height: 90px; display: inline-block; margin: 10px 0; }
.menuList li img { width: 51px; height: 51px; display: block; margin: 5px auto; }
.menuList li p { font-size: 1.6em; text-align: center; line-height: 1.6em; color: #000; }
.indexIntro { background: #fff; padding: 12px; }
.indexIntro span { font-size: 2.0em; font-weight: 700; color: #41B303; display: block; margin-top: 0px; float: left; line-height: 2.0em; }
.indexIntro i { width: 23px; height: 23px; background: url(../images/indexIntro.png) 0 0 no-repeat; display: block; float: left; margin-top: 10px; margin-left: 5px; }
.indexIntro p { font-size: 1.2em; line-height: 1.8em; color: #000; clear: both; }
.indexNews { padding: 12px; }
.indexNews span { font-size: 2.0em; font-weight: 700; color: #0065B3; display: block; margin-top: 0px; float: left; line-height: 2.0em; }
.indexNews i { width: 41px; height: 26px; background: url(../images/indexNews.png) 0 0 no-repeat; display: block; float: left; margin-top: 10px; margin-left: 5px; }
.newsTag { background: #fff; clear: both; padding: 5px; }
.newsTagTitle { margin: 5px auto; width: 99%; border: 1px solid #7BD9EF; height: auto; overflow: hidden; }
.newsTagTitle li { width: 33.3%; float: left; background: #fff; }
.newsTagTitle li p { border: 1px solid #7BD9EF; color: #7BD9EF; font-size: 1.6em; text-align: center; line-height: 1.8em; }
.newsTagTitle li.active { width: 33.4%; }
.newsTagTitle li.active p { background: #7BD9EF; color: #fff; border: 1px solid #7BD9EF; }
.newsList { width: 100%; height: auto; display: none; }
.newsList li { position: relative; height: 2.4em; }
.newsList a { display: inline-block; text-decoration: none; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 2px; top: 0; font-size: 1.2em; line-height: 2.4em; color: #000; }
.newsList em { display: inline-block; width: 25%; position: absolute; right: 2px; top: 0; line-height: 2.4em; }
.nav p { width: 100%; height: 50px; background: #169FC0; color: #fff; text-indent: 10px; line-height: 50px; font-size: 2em; font-weight: 500; }
.nav ul { width: 90%; margin: 0 auto; }
.nav ul li { width: 100%; height: 35px; border-bottom: 1px solid #169FC0; }
.nav ul li a { color: #179FC1; line-height: 35px; text-indent: 15px; display: block; text-decoration: none; }
.liBorder li { width: 95%; margin: 7px auto; border-bottom: 1px dashed #969697; }
.title { width: 98%; font-size: 2.4em; color: #0077AE; text-align: center; margin: 10px auto; }
.date { width: 98%; text-align: center; margin: 0 auto; font-size: 1.4em; color: #6C6C6C; }
.content { width: 95%; margin: 10px auto; height: auto; }
.content img { width: 100%; height: auto; margin: 8px auto; }
.content p { text-indent: 2.2em; font-size: 1.4em; line-height: 2.0em; }
.picList { width: 90%; margin: 10px auto; }
.picList li { width: 44%; float: left; height: auto; background: #fff; border-radius: 15px; overflow: hidden; margin: 8px 3%; }
.picList li img { width: 100%; height: auto; }
.picList li figcaption { font-size: 1.4em; line-height: 2em; text-align: center; width: 98%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*选择航班导航 开始*/
.ship_tab li.current { background-color: #0077ae; color: #fff; cursor: default; }
#ulShip_more li.current { color: #0077ae; cursor: default; }
.ship_tab { height: 2.5rem; line-height: 2.5rem; width: 100%; font-size: 15px; background: #f7f7f7; border-bottom: 1px solid #0077ae; overflow: hidden; }
.ship_tab li { text-align: center; color: black; float: left; width: auto; padding-left: 8px; padding-right: 8px; }
.ship_tab li.active span { color: #FF8302; line-height: 3.7rem; border-bottom: 0.3rem solid #FF8302; display: inline-block; padding: 0 0.2rem; }
.menu { font-size: 1.8rem; font-weight: bold; line-height: 2rem; color: #B1B1B1; }
#rgba_bg { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 8; position: fixed; }
.sort_content_box { width: 100%; position: absolute; z-index: 9; }
.sort_content { background: #fff; padding: 0 1rem; z-index: 99999; display: none; padding-bottom: 1rem; }
/*选择航班导航 结束*/

.order-info { font-size: 15px; }
.order-result-title { color: #218fd5; font-size: 18px; padding-top: 5px; padding-left: 5px; }
.order-info-title { font-size: 18px; padding-bottom: 8px; }
.rmb { font-size: 20px; line-height: 20px; color: #f60; }
.order-info-code { color: red; font-weight: 600; font-size: 20px; }
.order-info-status { font-family: Arial; color: #080; font-weight: bold; font-size: 17px; }
.order-info-label { color: #999; }
/*a.btn { height: 24px; line-height: 24px; font-size: 12px; border-radius: 2px; padding: 0px 5px; }
.btn-link { background-color: #1ba06f; border-color: #1ba06f; color: #fff; font-size: 12px; height: auto; padding: 0 5px; width: auto; }
.btn-warn { background-color: #fff; color: #333; font-size: 12px; height: auto; padding: 0 5px; width: auto; }*/
.order-info-pay { float: right; position: relative; }

input[type="submit"], input[type="reset"], input[type="button"] { width: auto; }