/* 中原导航网：搜索页与线路页照参照站 尺寸颜色都是它的 */
html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: "lucida Grande", Verdana, "Microsoft YaHei"; background: #ffffff; }
div, span, form, img, a, ul, li { padding: 0; margin: 0; border: 0; }
input { margin: 0; outline: none; }
a, a:hover { text-decoration: none; }
ul { list-style: none; display: inline; }
[hidden] { display: none !important; }
.inlinebk { display: inline-block; }

/* —— 搜索页 —— */
#outer { position: relative; width: 100%; height: 100%; }
#outer .spacer { display: inline-block; height: 25%; width: 1px; margin-left: -1px; margin-right: -4px; vertical-align: middle; }
#middle { display: inline-block; width: 100%; text-align: center; vertical-align: middle; }
#wrap { display: inline-block; }
#wrap .context { position: relative; width: 100%; color: #666; }
#default { margin-top: -80px; }
.brand { width: auto; height: 134px; margin: 0 auto; }
.inputs { margin-bottom: 25px; margin-top: 15px; vertical-align: middle; }
.safecode-box { display: inline-block; margin-left: 95px; }
#SafeCode { width: 270px; height: 30px; line-height: 30px; font-family: verdana; font-size: 16px; max-width: 270px; vertical-align: middle; }
#btnSubmit { display: inline-block; vertical-align: middle; height: 35px; line-height: 35px; font-size: 16px; padding: 0 15px 0 5px; background: #1c2ece; color: #ffffff; cursor: pointer; }
#btnSubmit img { vertical-align: top; margin-top: 2px; }
#btnSubmit .txt { height: 35px; line-height: 35px; }

/* 平时不出 有人在这个域名上试码才要先输图形码 */
.cap { margin-top: 12px; text-align: center; }
.cap input { width: 120px; height: 30px; padding: 0 8px; box-sizing: border-box; font-size: 16px; vertical-align: middle; }
.cap span { display: inline-block; height: 40px; margin-left: 10px; vertical-align: middle; cursor: pointer; }

#footer { position: absolute; width: 100%; text-align: center; bottom: 3px; }
#footer .browserSupport { position: relative; display: inline-block; float: right; width: 318px; height: 60px; }
#footer .invisbleBtn { display: inline-block; position: absolute; top: 0; width: 40px; height: 58px; z-index: 10; opacity: 0; }
.ie { left: 100px; } .mz { left: 142px; } .ch { left: 184px; } .qq { left: 226px; } .cn360 { left: 268px; }

/* —— 线路页 宽屏 —— */
.top { padding: 10px 0; background: #ffffff; }
.top .name { text-align: center; font-size: 45px; color: red; font-weight: bold; padding: 0 0 2px; margin: 18px 0 8px; }
.top1 { margin: 0 auto; padding: 15px 0 15px; }
.top1:first-child { padding-top: 0; }
.left1 { margin: 0 auto; border: 1px solid #c4d1cb; padding: 20px; }
.title { width: 98%; margin: 0 auto; height: 40px; font-size: 20px; line-height: 40px; color: #2a85bf; border-bottom: 1px dashed #adb2b4; }
/* 照参照站 宽 100% 再加左内边距 一排正好放下五个 */
.box { width: 100%; padding: 15px 0 0 10px; }
.box::after { content: ""; display: block; clear: both; }
.box li { width: 138px; text-align: center; line-height: 30px; float: left; margin: 0 10px 10px 0; border: 1px solid #54b2e2; border-radius: 10px; background: #ebf7ff; }
.box a { display: block; color: #333; }
.box a:hover { color: #b53232; }
.box li b, .box2 li b { font-weight: normal; font-size: 12px; color: #ff9b9b; }

/* —— 线路页 窄屏（手机 或宽度不到 700）—— */
body.narrow { background: #e9eee9; }
.top2 { width: 100%; background: #4681bf; padding: 7px 0; text-align: center; font-size: 35px; color: #ffffff; font-weight: bold; }
.top12 { width: 100%; padding-bottom: 2%; }
.left12 { width: 96%; margin: 2% auto 0; background: #fffde9; padding: 5px 0; border: 1px dashed #adb2b4; }
.title2 { width: 100%; height: 34px; font-size: 20px; line-height: 30px; text-align: center; border-bottom: 1px dashed #adb2b4; color: #2a85c4; font-weight: 900; }
.box2 ul { display: block; }
.box2 li { width: 90%; margin: 3% 5%; text-align: center; line-height: 36px; border: 1px solid #54b2e2; border-radius: 10px; background: #ebf7ff; }
.box2 li:hover { background: #ffffff; }
.box2 a { display: block; color: #333; }
.box2 a:hover { color: #b53232; }
/* 参照站窄屏代理那块是绿的 */
.left12.agent .title2 { color: #23573b; }
.left12.agent .box2 li { border-color: #4aa574; background: #e6fae9; }

@media only screen and (max-width: 768px) {
  #footer .browserSupport { display: none; }
}
@media only screen and (max-width: 480px) {
  #default { margin: 0; }
  #outer .spacer { display: none; }
  .context .logo { margin: 0 auto; height: 110px; }
  .inputs { padding: 20% 20px; }
  .safecode-box { display: block; margin-left: auto; }
  #SafeCode { width: 100%; box-sizing: border-box; max-width: none; -webkit-appearance: none; height: 40px; border-radius: 5px; border: 1px solid #191919; line-height: normal; }
  #btnSubmit { margin: 14px auto 0; display: block; width: 100%; box-sizing: border-box; height: auto; line-height: inherit; border-radius: 5px; padding: 5px 0; font-size: 18px; border: 1px solid #0e1a89; text-align: center; }
  #btnSubmit img { vertical-align: middle; margin: 0; }
  #btnSubmit .txt { height: auto; line-height: inherit; }
  .mobile-pt14 { padding-top: 14px; }
  #footer { height: 80px; }
  body.search { min-height: 550px; }
}