/* 166 导航网：搜索页与线路页同一张页面 body 上挂 is-lines 切换；宽 600 以下换窄屏那套顶栏 */
* { margin: 0; padding: 0; box-sizing: content-box; }
body { font: 12px/100% "Microsoft YaHei", 微软雅黑, Arial, sans-serif; background: #f5f3dc; min-height: 666px; }
a { color: #333; text-decoration: none; outline: 0; }
img { border: 0; vertical-align: middle; }
input { font-family: inherit; vertical-align: middle; }
input:focus { outline: 0; }
[hidden] { display: none !important; }

/* 两个视图 */
body .view-lines { display: none; }
body.is-lines .view-search { display: none; }
body.is-lines .view-lines { display: block; }
body.is-lines .header_pc .con .view-lines { display: block; }

/* 宽屏顶栏 */
.header_h5 { display: none; }
.header_pc { position: relative; height: 49px; padding: 20px 0; min-width: 1000px; background: #927539 url(img/top_bg_pc.png) no-repeat center; background-size: cover; }
.header_pc .con { width: 1000px; margin: 0 auto; }
.header_pc .logo { float: left; margin-right: 20px; }
.header_pc .cen { float: left; margin-top: 15px; color: #a88d2f; }
.header_pc .cen a { padding: 10px 12px; color: #bb1c06; font-size: 14px; font-weight: bold; line-height: 34px; }
.header_pc .name { float: left; margin-top: 15px; height: 38px; line-height: 38px; font-size: 20px; color: #fff; }
.header_pc .name span { font-size: 28px; color: #ffe685; }
.header_pc .btn { float: right; margin-top: 15px; }
.header_pc .btn a { float: left; display: flex; align-items: center; justify-content: center; width: 85px; height: 34px; margin: 0 5px; border: 1px solid #ff717c; border-radius: 5px; background: #bb1c06; color: #fff; font-size: 14px; font-weight: bold; }
.header_pc .btn a:hover { background: #d21313; }
.header_pc .btn a img { margin-right: 5px; }

/* 搜索框 */
.main_con { position: relative; z-index: 1; min-width: 1000px; }
.sea_box { width: 620px; margin: 200px auto; text-align: center; }
.sea_box .input_box { padding: 5px 10px; border: 1px solid #a9a686; border-radius: 50px; background: url(img/ico_search.png) no-repeat left 20px center; }
.sea_box .search_txt { width: 340px; height: 50px; line-height: 50px; padding: 5px 50px; border: none; border-radius: 50px; background: none; color: #a9a686; }
.sea_box .search_txt::placeholder { font-size: 16px; color: #a9a686; }
.sea_box .search_btn { display: inline-block; vertical-align: middle; width: 140px; height: 50px; line-height: 50px; border-radius: 50px; background: #c01f1f; color: #fff; font-size: 18px; }
.sea_box .input_vcode { margin-top: 20px; padding: 5px 10px; border: 1px solid #de9d86; border-radius: 50px; background: url(img/ico_vcode.png) no-repeat left 20px center; }
.sea_box .input_vcode .search_txt { color: #de9d86; }
.sea_box .input_vcode .search_txt::placeholder { color: #de9d86; }
.sea_box .vcode_btn { display: inline-block; vertical-align: middle; width: 140px; height: 50px; overflow: hidden; border-radius: 50px; background: #fff; cursor: pointer; }
.sea_box .vcode_btn svg { width: 100%; height: 100%; display: block; }

/* 线路表 */
.url_list { width: 1000px; margin: 20px auto 0; }
.mtable { border: 1px solid #c1bfa1; background: #c1bfa1; color: #8a6f07; font-size: 13px; font-weight: bold; border-collapse: collapse; border-spacing: 0; border-radius: 10px; overflow: hidden; }
.mtable tr { border: 1px solid #c1bfa1; }
.mtable thead td { padding: 8px 15px; line-height: 25px; background: #ffe685; }
.mtable tbody td { padding: 8px 15px; line-height: 25px; background: #f5f3dc; }
.mtable tbody tr { cursor: pointer; }
.mtable tbody tr:hover td { background: #f8f8f8; }
.mtable td.tc { width: 20%; text-align: center; }
.mtable td a { color: red; font-weight: bold; }
.mtable td.tl p { display: none; }
.mtable td a.btn_rf { float: right; width: 70px; height: 25px; line-height: 25px; margin: 0 5px; border: 1px solid #8a6f07; border-radius: 5px; color: #8a6f07; text-align: center; }

/* 底部城市线稿 固定在最下面 */
.footer { position: fixed; bottom: 0; z-index: 0; width: 100%; height: 214px; background: #927539 url(img/btm_bg.jpg) repeat-x center bottom; }

@media screen and (max-width: 600px) {
  .header_pc { display: none; }
  .header_h5 { display: block; height: 3.4em; padding: .8em .5em; text-align: center; background: url(img/top_bg_h5.png) no-repeat center; background-size: cover; }
  .header_h5 .con { position: relative; }
  .header_h5 .logo img { width: 10em; height: 3.5em; }
  .header_h5 .btn_l, .header_h5 .btn_r { position: absolute; top: .6em; }
  .header_h5 .btn_l { left: 0; }
  .header_h5 .btn_r { right: 0; width: 8em; }
  .header_h5 .btn_l a, .header_h5 .btn_r a { display: inline-block; width: 2em; height: 2em; margin: 0 .5em; color: #fff; text-align: center; }
  .header_h5 .btn_l a img, .header_h5 .btn_r a img { display: block; margin-left: .3rem; }
  .header_h5 .btn_l a span, .header_h5 .btn_r a span { display: block; margin-top: .2em; color: #fff; }
  .header_h5 .name { height: 2em; line-height: 2em; font-size: 1.4em; color: #ffe685; }
  .header_h5 .name span { font-size: 1.6em; color: #8d7b33; }

  .main_con { min-width: 20em; padding: .5em; }
  .sea_box { width: 30em; max-width: 100%; margin: 10em auto; box-sizing: border-box; }
  .sea_box .input_box { padding: .1em 0; border-width: .1em; background-position: left .8em center; }
  .sea_box .search_txt { width: 10em; height: 3em; line-height: 3em; padding: 5px .5em; border-radius: .5em; }
  .sea_box .search_txt::placeholder { font-size: 1.2em; }
  .sea_box .search_btn { float: right; width: 7em; height: 2.8em; line-height: 2.8em; margin: .2em .5em; border-radius: 3em; font-size: 1.2em; }
  .sea_box .input_vcode { padding: .1em 0; border-width: .1em; background-position: left .8em center; }
  .sea_box .vcode_btn { float: right; width: 7em; height: 2.8em; margin: .2em .5em; border-radius: 3em; }

  .url_list { width: auto; margin: 2.5em auto 8em; }
  .mtable td.tc { display: none; }
  .mtable td.tl p { display: block; }
  .mtable td a.btn_rf { display: none; }
  .footer { display: none; }
}