@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.4.1
2016-03-07
Author: zhangjiachen1988@gmail.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

body {
  background: #f6f6f6; }

:focus {
  outline: 1; }

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block; }

nav ul, ul li, ol li {
  list-style: none;
  margin: 0;
  padding: 0; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

a {
  text-decoration: none;
  cursor: pointer; }

input, button, select, textarea {
  outline: none; }

textarea {
  resize: none;
  vertical-align: middle; }

.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both; }

.clearfix {
  *zoom: 1; }

/*IE/7/6*/
.fn-left {
  float: left;
  *zoom: 1;
  *display: inline; }

.fn-right {
  float: right;
  *zoom: 1;
  *display: inline; }

.w1000 {
  width: 1000px;
  margin: 0 auto; }

.text-5 {
  color: #555; }

.text-red {
  color: #f00; }

.text-blue {
  color: #218fe4; }

.text-orange {
  color: #f99747; }

.text-c {
  text-align: center; }

.fs12 {
  font-size: 12px; }

.w130 {
  width: 127px; }

.w100 {
  width: 90px; }

.w230 {
  width: 230px; }

.w470 {
  width: 470px; }

.header {
  height: 120px;
  background-color: #2f4679; }
  .header .logo {
    width: 270px;
    background: url(./../../../img/shipper/hbky/logo2.png) no-repeat 0 6px;
    height: 110px; }
  .header .personal-logo {
    width: 270px;
    height: 110px; }
  .header a, .header span {
    cursor: pointer; }
  .header .telephone {
    margin: 20px 5px 0 0;
    color: #ffa200;
    font-size: 20px; }
    .header .telephone .fa {
      color: #bdc1cd;
      margin-right: 8px; }
  .header .top-snav {
    margin: 2px 0 0 0;
    width: 330px; }
    .header .top-snav p {
      text-align: right; }
    .header .top-snav a {
      padding: 5px;
      color: #fff;
      font-size: 12px;
      display: inline-block;
      *zoom: 1;
      *display: inline; }
  .header .top-snav-webm {
    height: 64px; }
  .header .nav {
    height: 40px;
    margin-top: 16px;
    *margin-top: 4px;
    width: 730px;
    height: 40px;
    overflow: hidden; }
    .header .nav ul {
      height: 34px;
      margin: 6px 0 0 10px; }
      .header .nav ul li {
        float: left;
        margin: 0 5px;
        cursor: pointer; }
        .header .nav ul li a {
          color: #bdc1cd;
          padding: 0 8px;
          display: block;
          line-height: 34px; }
        .header .nav ul li a:hover, .header .nav ul li .current {
          background: #fff;
          border-radius: 4px 4px 0 0;
          color: #404e5f; }
    .header .nav .login-t {
      border-left: 1px solid #000;
      padding: 0 0 0 10px;
      height: 24px;
      margin: 8px 8px 0 0px; }
      .header .nav .login-t a {
        color: #c6cfdb;
        line-height: 24px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        font-size: 12px;
        padding: 0 5px; }
        .header .nav .login-t a:first-child {
          color: #efaf15; }

.main {
  margin: 0 auto;
  background: #fff;
  padding: 10px; }
  .main .sidebar {
    width: 240px; }

.sab-a {
  border: 1px solid #a7bfd7;
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #fff; }
  .sab-a .title {
    font-size: 14px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin: 5px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #4c5f8b 0%, #30477a 100%);
    color: #fff; }

.login-s {
  padding: 10px; }
  .login-s .label-input {
    border: 1px solid #d3e1f1;
    height: 34px;
    border-radius: 4px;
    margin: 0 0 10px 0; }
    .login-s .label-input label {
      float: left;
      width: 34px;
      border-right: 1px solid #d3e1f1;
      height: 34px;
      text-align: center;
      background: #e1ebf7; }
      .login-s .label-input label .fa {
        font-size: 16px;
        color: #9badc2;
        line-height: 34px; }
    .login-s .label-input input {
      border: 0 none;
      float: left;
      height: 34px;
      line-height: 34px;
      padding: 0 5px;
      width: 170px; }
  .login-s p {
    font-size: 12px;
    color: #000; }
    .login-s p a {
      color: #278bdd;
      text-decoration: underline; }

.sab-b .login-t .val-input {
  vertical-align: middle;
  display: inline-block;
  width: 70px; }
  .sab-b .login-t .val-input input {
    width: 60px; }

.sab-b .login-t .val-pic {
  display: inline-block;
  width: 86px;
  margin: 2px 0 0 5px;
  vertical-align: top; }
  .sab-b .login-t .val-pic img {
    cursor: pointer;
    widows: 108px;
    height: 35px; }

.btn-inline {
  margin: 5px 15px;
  position: relative;
  text-align: right; }
  .btn-inline .fn-btn {
    display: inline-block;
    width: 100px;
    margin: 0 auto; }
    .btn-inline .fn-btn a {
      height: 24px;
      line-height: 24px;
      font-size: 13px;
      margin: 0; }

.fn-btn {
  margin: 10px 0;
  border-radius: 4px; }
  .fn-btn a {
    text-align: center; }
  .fn-btn .blue-btn {
    color: #fff;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #76baee;
    background: #63b2ee; }
    .fn-btn .blue-btn:hover {
      background: #2692e4; }
  .fn-btn .red-btn {
    color: #fff;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #DA2435;
    background: #E83C3C; }
    .fn-btn .red-btn:hover {
      background: #E61717; }
  .fn-btn .grey-btn {
    color: #fff;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #D8D6D6;
    background: #D8D6D6; }
    .fn-btn .grey-btn:hover {
      background: #BBB8B8; }
  .fn-btn .green-btn {
    color: #fff;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #3bc748;
    background: #4ada6a; }
    .fn-btn .green-btn:hover {
      background: #23ac3b; }
  .fn-btn .orange-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: 1px solid #ff9600;
    border-radius: 4px;
    background: #fec468;
    margin: 0 0 10px 0; }
    .fn-btn .orange-btn:hover {
      background: #ff942a; }

.creat-btn a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid #ff9600;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, #ff9227 0%, #febc50 100%);
  margin: 0 0 10px 0; }
  .creat-btn a .fa {
    margin-right: 8px;
    color: #cb6500; }
  .creat-btn a:hover {
    background: #ff942a; }

#user_login_panel {
  background-color: #f2f2f2; }

#order-search {
  background-color: #f2f2f2; }

.login-s .fn-btn .blue-btn {
  color: #fff;
  height: 30px;
  line-height: 30px;
  display: block;
  border: 1px solid #ff9600;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, #ff9227 0%, #febc50 100%);
  margin: 0 auto 10px;
  width: 60%; }
  .login-s .fn-btn .blue-btn:hover {
    background: #ff942a; }

.article, .text-info {
  width: 740px;
  /*    
    width:740px;
    .banner{
        height:268px;        
    }
    .banner { position: relative;height: 240px; border: 1px solid #666; overflow: hidden; }
    #banner_list img { border: 0px; }
    #banner_bg { position: absolute; bottom: 0; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width: 478px; }
    #banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
    #banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
    .banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom: 0px; right: 10px; }
    .banner ul li { padding: 0px 8px; float: left; display: block; color: #FFF; background: #2F4679; cursor: pointer; border: 1px solid #333; }
    .banner ul li.on { background-color: #000; }
    .banner_list a { position: absolute;
    }
*/ }
  .article .banner, .text-info .banner {
    width: 740px;
    height: 240px;
    position: relative;
    border: 1px solid #666;
    overflow: hidden; }
    .article .banner #slide, .text-info .banner #slide {
      width: 100%;
      height: 240px;
      border: 1px solid #ccc;
      overflow: hidden;
      position: relative; }
    .article .banner #slide ul, .text-info .banner #slide ul {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .article .banner #panel li, .text-info .banner #panel li {
      width: 100%;
      height: 100%;
      position: absolute; }
    .article .banner #panel .pic, .text-info .banner #panel .pic {
      width: 100%;
      height: 100%;
      display: block; }
      .article .banner #panel .pic img, .text-info .banner #panel .pic img {
        width: 100%;
        height: 100%;
        display: block; }
    .article .banner #panel .slide_thumb, .text-info .banner #panel .slide_thumb {
      display: none; }
    .article .banner #trigger, .text-info .banner #trigger {
      position: absolute;
      bottom: 6px;
      right: 14px; }
    .article .banner #trigger ul, .text-info .banner #trigger ul {
      height: 18px;
      display: inline; }
    .article .banner #trigger li, .text-info .banner #trigger li {
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      float: left;
      font-family: Georgia;
      font-style: italic;
      background: #000;
      margin: 0 6px;
      display: inline;
      color: #ccc;
      cursor: pointer;
      filter: alpha(opacity=50);
      -moz-opacity: .5;
      opacity: .5;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -khtml-border-radius: 10px;
      border-radius: 10px; }
    .article .banner #trigger .cur, .text-info .banner #trigger .cur {
      color: #000;
      background: #ccc;
      font-weight: 700; }
    .article .banner #slide_bg, .text-info .banner #slide_bg {
      width: 100%;
      height: 30px;
      position: absolute;
      bottom: 0;
      background: #000;
      filter: alpha(opacity=30);
      -moz-opacity: .3;
      opacity: .3; }
    .article .banner #slide_text, .text-info .banner #slide_text {
      line-height: 30px;
      position: absolute;
      bottom: 0;
      left: 20px; }
    .article .banner #slide_text a, .text-info .banner #slide_text a {
      color: #fff;
      text-decoration: none;
      font-family: "Microsoft YaHei"; }
    .article .banner #slide .loading, .text-info .banner #slide .loading {
      width: 32px;
      height: 32px;
      margin: 94px auto;
      display: block; }
  .article .price-table, .text-info .price-table {
    margin: 20px 0; }
    .article .price-table table, .text-info .price-table table {
      width: 100%; }
      .article .price-table table tr td, .article .price-table table tr th, .text-info .price-table table tr td, .text-info .price-table table tr th {
        border: 1px solid #ccc;
        text-align: center; }
        .article .price-table table tr td p, .article .price-table table tr th p, .text-info .price-table table tr td p, .text-info .price-table table tr th p {
          text-align: left;
          margin: 0;
          padding: 0; }
      .article .price-table table tr td, .text-info .price-table table tr td {
        padding: 0 4px;
        line-height: 24px;
        font-size: 12px;
        margin: 0;
        vertical-align: middle;
        max-width: 300px;
        word-break: break-all;
        white-space: nowrap;
        min-width: 40px; }
      .article .price-table table tr th, .text-info .price-table table tr th {
        background: #64abe1;
        color: #fff; }

.footer {
  /*height:150px;*/
  height: auto;
  background: url(./../../../img/shipper/hbky/footer-bg.jpg) no-repeat right 0 #243c72; }
  .footer .footer-info {
    padding: 20px 0; }
  .footer p {
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 0;
    line-height: 20px;
    margin: 0; }
  .footer .telephone {
    margin: 10px 0 0 0;
    color: #ffa200;
    font-size: 20px;
    display: block;
    text-align: center; }
    .footer .telephone .fa {
      color: #bdc1cd;
      margin-right: 8px; }
  .footer .logo {
    width: 220px;
    text-align: center;
    padding: 10px 0 0 0; }
    .footer .logo a {
      width: 220px;
      background: url(./../../../img/shipper/hbky/logo2.png) no-repeat 0 6px;
      height: 90px;
      display: block;
      background-size: cover; }

/*运价 查询*/
.quick-nav {
  width: 100px;
  border: 1px solid #9f9f9f;
  min-height: 200px;
  background: #fff; }
  .quick-nav ul {
    margin: 5px; }
    .quick-nav ul li {
      border-bottom: 1px solid #ddd;
      padding: 3px 0; }
      .quick-nav ul li a {
        height: 32px;
        line-height: 32px;
        display: block;
        text-align: center;
        color: #777;
        font-size: 12px; }
      .quick-nav ul li:last-child {
        border-bottom: 0 none; }
    .quick-nav ul .current a, .quick-nav ul li:hover a {
      background: #f99747;
      color: #fff; }

.article2 {
  width: 880px;
  margin: 0; }
  .article2 .price-table {
    margin: 0; }
    .article2 .price-table table {
      font-size: 12px; }
      .article2 .price-table table b {
        font-weight: normal; }
      .article2 .price-table table .text-c {
        text-align: center; }
      .article2 .price-table table .text-r {
        text-align: right; }
      .article2 .price-table table th, .article2 .price-table table td {
        border: 1px solid #ddd; }
      .article2 .price-table table tr th {
        color: #555;
        vertical-align: middle;
        background-image: -moz-linear-gradient(top, #fafafa, #d9d8d8);
        /* Firefox */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #d9d8d8));
        /* Saf4+, Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d9d8d8', GradientType='0');
        /* IE*/ }
        .article2 .price-table table tr th em {
          font-style: normal; }
      .article2 .price-table table tbody tr:nth-child(even) {
        background: #f7f7f7; }
      .article2 .price-table table tbody tr em {
        font-style: normal; }

/*运单查询*/
.search-order {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 10px; }
  .search-order .form-input {
    float: left;
    margin: 0 10px 5px 0; }
    .search-order .form-input label {
      padding: 0 5px 0 0;
      line-height: 24px;
      display: inline-block;
      *zoom: 1;
      *display: inline; }
    .search-order .form-input input {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      height: 30px;
      line-height: 18px;
      width: 100px; }
  .search-order .fn-btn {
    float: left;
    width: 60px;
    margin: 0 10px; }
    .search-order .fn-btn .blue-btn {
      height: 30px;
      line-height: 30px; }
  .search-order .val-spic {
    float: left;
    width: 46px; }

/*关于我们*/
.main-news {
  width: 880px;
  background: #fff;
  border: 1px solid #9f9f9f;
  min-height: 300px; }

/*我的订单*/
.link a {
  color: #2a94e5;
  text-decoration: underline; }

.search-order-a .form-input label {
  width: 60px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  text-align: right; }

/*发货页面*/
.co-title {
  height: 38px;
  line-height: 38px;
  text-indent: 1em;
  color: #555;
  font-size: 14px;
  border-bottom: 1px solid #30477a;
  background-color: #bfceed; }

.co-btn-title {
  height: 38px;
  line-height: 38px;
  text-indent: 1em;
  color: #555;
  font-size: 14px;
  border-bottom: 1px solid #30477a;
  background-color: #bfceed; }
  .co-btn-title .fn-btn {
    width: 90px;
    margin: 0 10px;
    border-radus: 4px;
    text-indent: 0;
    display: inline-block; }
    .co-btn-title .fn-btn a {
      height: 24px;
      line-height: 24px;
      margin: 0; }
  .co-btn-title p {
    font-size: 12px;
    display: inline-block;
    /*float: right;*/
    text-indent: 0px;
    margin: 0 15px; }

.co-cap-panel {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  font-size: 14px; }
  .co-cap-panel .mould {
    border: 1px solid #B9B5B5;
    background: #F6F6F6;
    padding: 10px;
    box-sizing: border-box; }
    .co-cap-panel .mould .mould-file span {
      margin: 5px 0px 0px 6px;
      display: inline-block; }
    .co-cap-panel .mould .mould-file a {
      text-decoration: underline;
      cursor: pointer; }

.co-cap .form-select {
  margin: 10px 0; }
  .co-cap .form-select label {
    display: inline-block;
    width: 90px;
    text-align: right;
    font-size: 12px; }

.co-multi-cap {
  border: 1px solid #30477a;
  position: relative;
  width: 100%;
  margin-bottom: 15px; }
  .co-multi-cap .co-ca-edit {
    width: 100%;
    position: relative;
    top: 0; }
    .co-multi-cap .co-ca-edit .form-inline {
      padding: 10px 5px; }

.multi-consignor .form-input {
  margin: 0 0 5px 0; }
  .multi-consignor .form-input label {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 90px;
    text-align: right;
    font-size: 12px; }
    .multi-consignor .form-input label span {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      vertical-align: middle; }
  .multi-consignor .form-input select, .multi-consignor .form-input input {
    border: 1px solid #B3B0B0;
    background-color: white;
    color: black; }
  .multi-consignor .form-input .a-btn {
    text-align: center;
    display: inline-block;
    width: 300px;
    font-size: 12px;
    text-decoration: underline; }

.co-ca-multi {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  height: 122px; }
  .co-ca-multi .co-ca-edit {
    width: 560px;
    position: absolute;
    top: 0; }
    .co-ca-multi .co-ca-edit .form-inline {
      /*padding:10px 5px;*/ }
    .co-ca-multi .co-ca-edit .form-input {
      margin: 0 0 5px 0;
      width: 270px;
      position: relative;
      display: inline-block; }
      .co-ca-multi .co-ca-edit .form-input label {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        width: 70px;
        text-align: right;
        font-size: 12px; }
        .co-ca-multi .co-ca-edit .form-input label span {
          display: inline-block;
          *zoom: 1;
          *display: inline;
          vertical-align: middle; }
      .co-ca-multi .co-ca-edit .form-input .fn-label {
        margin: 0px 30px 0px 15px; }
      .co-ca-multi .co-ca-edit .form-input select, .co-ca-multi .co-ca-edit .form-input input {
        border: 1px solid #B3B0B0;
        background-color: white;
        color: black;
        width: 190px; }
      .co-ca-multi .co-ca-edit .form-input .unit {
        position: absolute;
        left: 250px;
        font-size: 12px;
        height: 20px;
        line-height: 20px; }

.co-area input:disabled, .co-area select:disabled, .co-area textarea:disabled {
  border: none;
  background: none;
  color: black;
  /*border-bottom: 1px solid;*/
  /*text-align: center;*/ }

.orange-tips {
  margin: 10px;
  font-size: 12px;
  color: #f99747; }

.fn-radio {
  margin-right: 5px; }

.co-ca {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  height: 122px; }
  .co-ca .co-ca-edit {
    width: 363px;
    border: 1px solid #30477a;
    position: absolute;
    top: 0; }
    .co-ca .co-ca-edit .form-inline {
      padding: 10px 5px; }
    .co-ca .co-ca-edit .form-input {
      margin: 0 0 5px 0; }
      .co-ca .co-ca-edit .form-input label {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        width: 70px;
        text-align: right;
        font-size: 12px; }
        .co-ca .co-ca-edit .form-input label span {
          display: inline-block;
          *zoom: 1;
          *display: inline;
          vertical-align: middle; }

.co-cb .co-title {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc; }

.co-cb table {
  width: 100%; }
  .co-cb table td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 6px;
    font-size: 12px; }
    .co-cb table td input {
      border: none; }

.co-cc {
  border: 1px solid #ccc;
  border-bottom: none; }
  .co-cc .co-title {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }
  .co-cc table {
    width: 100%; }
    .co-cc table td {
      border-bottom: 1px solid #ccc;
      padding: 6px;
      font-size: 12px; }

.co-cd {
  margin: 10px 0;
  padding: 5px 0;
  position: relative; }
  .co-cd .fn-btn, .co-cd .creat-btn {
    width: 100px;
    margin: 0 auto; }
    .co-cd .fn-btn a, .co-cd .creat-btn a {
      height: 24px;
      line-height: 24px;
      margin: 0; }

/*运单详情页*/
.ink {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  vertical-align: middle; }

.co-ce {
  margin: 10px 0;
  padding: 5px 20px;
  border: 1px solid #ccc; }
  .co-ce p {
    font-size: 12px;
    line-height: 26px; }
  .co-ce span {
    padding: 0 10px 0 0; }
  .co-ce .link a {
    text-decoration: none; }

/*价格估算*/
.co-cf {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0; }
  .co-cf p {
    font-size: 12px;
    line-height: 30px; }
    .co-cf p b, .co-cf p em, .co-cf p span {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      vertical-align: top;
      font-style: normal; }
    .co-cf p b {
      width: 60px;
      text-align: right;
      padding-right: 10px; }
    .co-cf p span {
      width: 120px; }

.total {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 300px;
  height: 30px;
  font-size: 12px; }

/*个人信息*/
.co-cg .co-ca-edit .form-input {
  margin-bottom: 10px; }
  .co-cg .co-ca-edit .form-input input {
    width: calc(100% - 100px); }

.form-input .sel {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

/*公司简介*/
.text-info {
  padding: 30px; }
  .text-info p {
    line-height: 24px;
    text-indent: 2em; }
  .text-info dl {
    padding: 0 0 20px 0; }
    .text-info dl dt {
      line-height: 24px;
      font-weight: bold; }
    .text-info dl dd p {
      padding: 0 2em;
      text-indent: 0;
      font-size: 12px; }

/*投诉及建议*/
#form-textarea label {
  vertical-align: top; }

#form-textarea textarea {
  width: calc(100% - 100px);
  height: 60px;
  border-color: #ccc; }

.feed {
  border: 1px solid #30477a; }

.feed-area dl {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  margin: 3px; }

.feed-area dt {
  color: #999; }
  .feed-area dt span {
    padding-right: 20px;
    font-size: 12px;
    line-height: 24px; }

.feed-area dd p {
  font-size: 12px;
  line-height: 24px; }

/*sfeed*/
.sfeed ul li {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  text-align: center;
  width: 115px;
  cursor: pointer; }
  .sfeed ul li div {
    padding: 20px 0; }
    .sfeed ul li div i {
      display: inline-block;
      width: 28px;
      height: 28px; }
  .sfeed ul li p {
    font-size: 12px; }
    .sfeed ul li p a {
      color: #333; }

.sfeed .icon-fax {
  background: url(../../../img/shipper/sanzhi/sbcont.png) no-repeat 0 0; }

.sfeed .icon-qq {
  background: url(../../../img/shipper/sanzhi/sbqq.png) no-repeat 0 0; }

/*index*/
.title-l {
  margin: 10px 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  height: 30px;
  line-height: 30px; }
  .title-l span {
    display: block;
    border-bottom: 1px solid #2f4679;
    margin: 0 10px;
    color: #2f4679; }
  .title-l .return_btn {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px; }
  .title-l:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 4px;
    background-color: #ffb400;
    top: 6px;
    left: 2px; }

.i-service .link-service {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.i-service dl {
  width: 180px;
  padding-left: 24px;
  display: inline-block;
  *zoom: 1;
  *display: inline; }
  .i-service dl dt, .i-service dl dd {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 60px;
    height: 70px;
    vertical-align: middle; }
  .i-service dl dt {
    background: url(./../../../img/shipper/hbky/icon.png) no-repeat 0 0; }
  .i-service dl dd {
    width: 114px; }
    .i-service dl dd h4 {
      font-size: 12px;
      color: #2f4679;
      padding-top: 20px; }
    .i-service dl dd p {
      line-height: 24px;
      font-size: 12px;
      color: #777; }
    .i-service dl dd a {
      display: inline-block;
      vertical-align: middle;
      color: #777; }
    .i-service dl dd .fa {
      font-size: 10px;
      vertical-align: middle; }

.i-service .hb-icon01 {
  background-position: 0 0; }

.i-service .hb-icon02 {
  background-position: -83px 0; }

.i-service .hb-icon03 {
  background-position: -138px 2px; }

.i-service .hb-icon04 {
  background-position: -196px 0; }

.i-service .hb-icon05 {
  background-position: -251px 0; }

.i-service .hb-icon06 {
  background-position: -304px 0; }

.i-service .hb-icon07 {
  background-position: -354px 0; }

.i-service .hb-icon08 {
  background-position: -418px 0; }

.i-service .hb-icon09 {
  background-position: -487px 0; }

.i-service .hb-icon10 {
  background-position: -545px 0; }

.i-service2 dl dd {
  width: 200px;
  height: 120px; }
  .i-service2 dl dd p {
    position: relative;
    padding-left: 10px;
    background: url(./../../../img/shipper/hbky/icon-dotted.png) no-repeat left center; }
    .i-service2 dl dd p:before {
      position: absolute;
      width: 3px;
      height: 3px;
      left: 0;
      top: 5px;
      background: #ccc; }

#cate-map li a {
  text-align: left;
  padding: 0 10px; }

#cate-map div {
  margin: 3px 10px; }
  #cate-map div span {
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    padding-left: 20px;
    background: #efe8d8; }
    #cate-map div span:hover {
      background: #ae9c7e;
      color: #fff; }

.qr-code {
  width: 120px;
  /*height:300px;*/
  position: fixed;
  top: 200px;
  right: 10px;
  z-index: 100; }
  .qr-code .qr-pic {
    width: 120px;
    height: 120px; }
  .qr-code p {
    background: #2f4679;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 16px; }
    .qr-code p span {
      cursor: pointer; }

.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  width: auto;
  max-width: 105px;
  height: auto;
  top: 0px;
  left: 0px;
  border: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  position: relative;
  text-indent: 0; }

.dropzone .dz-preview {
  margin: 0px;
  height: auto;
  max-width: 105px;
  z-index: 1;
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0; }

.dropzone .dz-preview em {
  font-style: normal;
  color: #12A71F;
  font-size: 12px;
  line-height: 18px;
  font: normal normal normal 18px/1 FontAwesome; }
  .dropzone .dz-preview em:before {
    content: "\f057"; }

.dropzone .dz-preview .dz-progress {
  display: inline-block;
  height: 12px;
  width: 100px;
  line-height: 24px;
  border: 1px solid #aaa; }

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green; }

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none; }

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block; }

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px; }

.dz-filename {
  max-width: 80px;
  white-space: nowrap;
  display: inline-block;
  padding: 0px;
  margin-right: 5px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; }
  .dz-filename:hover span {
    border: 1px solid #DDDDDD;
    background-color: #2f4679;
    font-size: 12px;
    color: #404040;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    height: 26px;
    padding: 0 0 0 5px;
    color: #299DF1;
    outline: 0; }
  .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis; }
    .dz-filename:not(:hover) span {
      /*border: 1px solid transparent;*/
      font-size: 12px;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      line-height: 24px;
      height: 26px;
      padding: 0 0 0 5px;
      color: #118acf;
      outline: 0; }

.dz-remove-btn {
  height: 38px;
  line-height: 42px;
  position: relative;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  margin: auto;
  text-align: center;
  vertical-align: middle; }
  .dz-remove-btn em {
    cursor: pointer; }

.floatThead-container {
  border-bottom: 1px solid; }

.sab-a .news_title {
  position: relative; }
  .sab-a .news_title .more {
    position: absolute;
    right: 10px;
    font-size: 10px;
    color: #ddd; }
    .sab-a .news_title .more:hover {
      color: #999; }

.sab-a .news_list_view .news_scroll {
  max-height: 120px;
  overflow: hidden;
  margin-bottom: 5px; }

.sab-a .news_list_view .news {
  font-size: 14px;
  line-height: 20px;
  margin: 0 10px; }
  .sab-a .news_list_view .news .news_link {
    display: inline-block;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333; }
    .sab-a .news_list_view .news .news_link:hover {
      color: #218fe4;
      text-decoration: underline; }

.sab-a .news_list_view .news_time {
  font-size: 12px;
  color: #aaa;
  float: right; }

.news_container .news_list {
  margin: 0 10px;
  padding: 0; }

.news_container .news_item {
  margin: 0;
  padding: 0;
  width: 100%;
  font: 12px/3 "Microsoft YaHei","微软雅黑",SimSun,sans-serif;
  border-bottom: 1px dotted #ddd; }
  .news_container .news_item:hover .news_link, .news_container .news_item:hover .news_date {
    color: #ffa200; }
  .news_container .news_item .square {
    width: 4px;
    height: 4px;
    background-color: #243c72;
    display: inline-block;
    vertical-align: middle;
    margin: 10px; }

.news_container .news_link {
  color: #333; }

.news_container .news_date {
  float: right;
  margin-right: 10px;
  color: #333;
  line-height: 35px; }

.news_page_wrap {
  margin-top: 20px; }

.news_detail_container .news_title {
  text-align: center;
  font-size: 22px;
  margin-top: 20px; }

.news_detail_container .news_info {
  text-align: right;
  margin-top: 20px; }

.news_detail_container .news_author, .news_detail_container .news_date {
  color: #333;
  font-size: 14px;
  line-height: 20px;
  margin-left: 10px; }

.news_detail_container .news_content {
  margin-top: 10px;
  overflow: hidden; }

.contact-sidebar {
  position: static;
  width: 200px;
  height: 100%; }

.contact-main {
  position: relative;
  width: 750px;
  height: 600px;
  padding: 5px; }
  .contact-main .article2 {
    position: relative;
    width: 750px;
    height: 100%; }

/*# sourceMappingURL=../map/hbky/hbky.css.map */