/**
* 南航货运整站CSS
* 当前CSS是根据功能不同进行分类，主要是包括CSS重设、公共类和功能模块
*
* 一、CSS重设 [$CSS重设]
*     根据实际的需求对浏览器默认的样式进行了重设
*
* 二、公共类 [$公共类]
*     对多个功能模块同时使用的CSS进行抽离，组成公共类
*
* 三、功能模块 [$功能模块]
*/
/**
* $less设置
*/
/**
* $CSS重设
* 对浏览器默认的样式进行了重设
* 1.1          $列表
* 1.2          $超链接
* 1.3          $图片
* 1.4          $表单
*/
/* 方正兰亭黑简体*/
@font-face {
  font-family: "FZLTHJ";
 
}
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
img,
a,
span,
i,
small,
p,
h1,
h2,
h3,
h4,
h5,
h6,
table,
thead,
tbody,
tr,
th,
td,
form,
label,
input,
select,
option,
textarea,
button {
  padding: 0;
  margin: 0;
  color: #333333;
  word-break: break-all !important;
  font-family: "FZLTHJ";
}
body {
  width: 100%;
  /* 2022 6 30 统一字体 */
  font-family: "FZLTHJ" !important;
  font-size: 14px;
  /* font: 14px "微软雅黑", "宋体", "黑体"; */
}
ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #008acb;
  box-sizing: border-box;
}
a:hover,
a.active {
  color: #cc3333;
}
a.btn-primary:hover{
  color: #ffffff;
}
img {
  vertical-align: top;
  border: none;
}
input,
select,
textarea,
button {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  outline: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #D1D9E0;
}
input[disabled] {
  color: #333;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
input[type=radio],
input[type=checkbox] {
  width: 13px;
  height: 13px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-sizing: content-box;
  border: none;
}
input[type=checkbox] {
  line-height: normal;
  border: none;
  vertical-align: -2px;
}
button,
select {
  cursor: pointer;
}
select {
  outline: none;
  padding: 3px 0;
  border: 1px solid #D1D9E0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
textarea {
  resize: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
i,
em {
  font-style: normal;
}
/*
* $公共类
* 对多个功能模块同时使用的CSS进行抽离，组成公共类
* 2.1          $包裹
* 2.2          $按钮
* 2.3          $辅助类
* 2.4          $文本状态
* 2.5          $排版类
* 2.6          $表单类
* 2.7          $分页
* 2.8          $提示类
* 2.9          $标签页
* 2.10         $表格
* 2.11         $模态框
*/
.wp {
  width: 1200px;
  margin: 0 auto;
}
.col-6 {
  width: 50%!important;
}
.col-5 {
  width: 41.66666667%!important;
}
.btn {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #cccccc;
}
.btn[disabled],
.btn:hover[disabled] {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #999999;
  cursor: not-allowed;
}
.btn-default {
  color: #999999;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  border: 1px solid #008acb;
  background-color: #008acb;
  outline: none;
  cursor: pointer;
}
/* .btn-primary:hover {
  color: #ffffff;
  background-color: #2158a7;
} */
 .btn-info {
  color: #008acb;
  border: 1px solid #008acb;
  background-color: #ffffff;
} 
/* .btn-info:hover {
  color: #174992;
} */
.btn-danger {
  color: #ffffff;
  border: 1px solid #cc3333;
  background-color: #cc3333;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #e15454;
}
.btn-lg {
  height: 36px;
  line-height: 34px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
/*.btn-sm {
  height: 24px;
  line-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}*/
.btn-xs {
  height: 20px;
  line-height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.hidden {
  display: none;
}
.omit,
.omit-name,
.omit-goods
 {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.omit-name {
  max-width: 220px;
  vertical-align: top;
}
.omit-goods{
    width: 230px;
    vertical-align: bottom;
 }
.clear {
  clear: both;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear-text-indent {
  text-indent: 0;
}
.static {
  position: static!important;
}
.count-down {
  cursor: not-allowed;
  color: #cccccc;
}
.count-down:hover {
  color: #cccccc;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.pull-none {
  float: none!important;
}
.clear-border {
  border: none!important;
}
.clear-border-top {
  border-top: none!important;
}
.clear-border-bottom {
  border-bottom: none!important;
}
.clear-margin {
  margin: 0!important;
}
.clear-margin-top {
  margin-top: 0!important;
}
.clear-margin-right {
  margin-right: 0!important;
}
.clear-padding {
  padding: 0!important;
}
.clear-padding-top {
  padding-top: 0!important;
}
.clear-padding-bottom {
  padding-bottom: 0!important;
}
.margin-top-sm {
  margin-top: 30px!important;
}
.margin-top-10 {
  margin-top: 10px!important;
}
.margin-left-10 {
  margin-left: 10px!important;
}
.margin-right-10 {
  margin-right: 10px!important;
}
.margin-right-20 {
  margin-right: 20px!important;
}
.margin-top-20 {
  margin-top: 20px!important;
}
.margin-bottom-10 {
  margin-bottom: 10px!important;
}
.padding-top-10 {
  padding-top: 10px!important;
}
.padding-left-10 {
  padding-left: 10px!important;
}
.padding-top-20 {
  padding-top: 20px!important;
}
.separate-border-top {
  border-top: 1px solid #f2f2f2;
}
.text-muted {
  color: #999999;
}
.text-info,
a.text-info {
  color: #174992;
}
.text-danger {
  color: #cc3333;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.icon {
  display: inline-block;
  background-image: url("/air-image/icon.png");
  background-repeat: no-repeat;
}
.icon-center {
  width: 11px;
  height: 11px;
  background-position: 0 0;
}
.icon-center-white {
  width: 11px;
  height: 11px;
  background-position: 0 -15px;
}
.icon-arrows-down {
  width: 6px;
  height: 5px;
  background-position: -36px 0;
}
.icon-arrows-up {
  width: 6px;
  height: 5px;
  background-position: -30px 0;
}
.icon-arrows-nav-down {
  width: 8px;
  height: 8px;
  background-position: -38px -15px;
}
.icon-arrows-nav-up {
  width: 8px;
  height: 8px;
  background-position: -30px -15px;
}
.icon-hint {
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-position: -1px -326px;
  vertical-align: -2px;
}
.icon-until {
  width: 19px;
  height: 6px;
  background-position: -188px 0;
}
.icon-search {
  width: 17px;
  height: 17px;
  background-position: -478px -112px;
}
.icon-download {
  width: 9px;
  height: 11px;
  background-position: 0 -50px;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group input {
  float: left;
  display: table-cell;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .addon {
  display: table-cell;
  line-height: 24px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #D1D9E0;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffffff;
  cursor: default;
}
.pagination {
  padding: 11px;
  margin-top: 10px;
  text-align: center;
  background-color: #f2f2f2;
}
.pagination ul {
  display: inline-block;
}
.pagination li {
  display: inline;
  padding: 0 5px;
}
.pagination li a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 14px;
}
.pagination li a:hover,
.pagination li a.active {
  background-color: #fff;
}
/**
* $提示类
* 包括提示框、查询结果提示
*/
.hint-box {
  position: absolute;
  z-index: 9999;
}
.hint-box .hint-box-triangle {
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #174992;
}
.hint-box .hint-box-triangle.reverse {
  position: absolute;
  bottom: -6px;
  border-bottom: none;
  border-top: 6px solid #174992;
}
.hint-box .hint-box-content {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #174992;
  background-color: #fff;
}
.hint-box.danger .hint-box-triangle {
  border-bottom: 6px solid #cc3333;
}
.hint-box.danger .hint-box-triangle.reverse {
  border-bottom: none;
  border-top: 6px solid #cc3333;
}
.hint-box.danger .hint-box-content {
  border: 1px solid #cc3333;
  background-color: #fff8ef;
}
.hint-return-null {
  display: none;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
.hint-return-null span {
  display: inline-block;
  line-height: 19px;
  font-size: 14px;
  color: #999999;
}
.hint-return-null .icon {
  float: left;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  background-position: -63px -28px;
}
.tab-nav {
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.tab-nav li {
  position: relative;
  bottom: -1px;
  float: left;
  margin-right: 25px;
}
.tab-nav li a {
  display: block;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px;
  text-align: center;
}
.tab-nav li.active a {
  color: #cc3333;
  line-height: 36px;
  border-bottom: 4px solid #cc3333;
}
.tab-nav li.disabled a {
  color: #999;
  cursor: not-allowed;
}
.tab-content .tab-pane {
  display: none;
}
.tab-content .tab-pane.active {
  display: block;
}
.tab-scroll-y {
  overflow-y: scroll;
  overflow-x: hidden;
}
.tab-scroll-x {
  overflow-x: auto;
  padding-bottom: 10px;
}
.tab-unfold-width-lg {
  min-width: 1600px;
  overflow: hidden;
}
.tab-unfold-width {
  min-width: 1200px;
  overflow: hidden;
}
.tab-unfold-width-sm {
  min-width: 1000px;
  overflow: hidden;
}
.tab-unfold-width-xs {
  min-width: 800px;
  overflow: hidden;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  border-spacing: 0;
  border-collapse: collapse;
}
.table th {
  font-weight: normal;
}
.table-bordered {
  line-height: 32px;
  border: 1px solid #f2f2f2;
}
.table-bordered thead {
  background-color: #dfe4e8;
}
/* s.table-bordered th {
  border-bottom: 1px solid #f2f2f2;
} */
.table-striped tbody tr:nth-child(even) {
  background-color: #fff;
}
.table-striped tbody .odd,
.table-striped tbody tr:nth-child(odd) {
  background-color: #edf2f9;
}
.search-select-box {
  height: 24px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
}
.search-select-box.has-error {
  border: 1px solid #cc3333 !important;
}
.search-select-box select,
.search-select-box input,
.search-select-box button,
.search-select-box span {
  float: left;
  height: 24px;
  line-height: 24px;
  border: none;
}
.search-select-box select,
.search-select-box span {
  border-right: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ecf2f9;
}
.search-select-box span {
  display: block;
  width: 45px;
  padding-left: 14px;
  font-size: 14px;
  line-height: 24px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.search-select-box select {
  width: 69px;
  padding-left: 5px;
}
.search-select-box input {
  width: 160px;
  padding: 0 5px;
  border: none!important;
}
.search-select-box button {
  width: 30px;
  line-height: 100px;
  overflow: hidden;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffffff;
  background-position: -473px -108px;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 50px;
  z-index: 1680;
  display: none;
  overflow: hidden;
  outline: 0;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
}
.modal-backdrop.in {
  filter: alpha(opacity=20);
  opacity: .2;
}
.modal-dialog {
  position: relative;
  width: 600px;
  margin: 0 auto;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-lg {
  width: 900px;
}
.modal-sm {
  width: 368px;
}
.modal-xs {
  width: 180px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
  font-size: 12px;
}
.modal-header {
  color: #ffffff;
  background-color: #008acb;
  background: -webkit-linear-gradient(-90deg, #008acb, #729ed4);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-90deg, #008acb, #729ed4);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-90deg, #008acb, #729ed4);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-90deg, #008acb, #729ed4);
  /* 标准的语法 */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-header h2 {
  color: #ffffff;
  line-height: 35px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  line-height: 200px;
  overflow: hidden;
  background-position: -458px -80px;
}
.modal-body {
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
}
.modal-body h3 {
  font-size: 14px;
  font-weight: normal;
}
.modal-body p {
  margin-top: 10px;
  line-height: 24px;
  color: #666666;
}
.modal-body .icon-exclamatory {
  width: 57px;
  height: 57px;
  margin-top: 30px;
  background-position: 0 -80px;
}
.modal-body table {
  width: 100%;
  margin-top: 10px;
  line-height: 32px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
.modal-body table td {
  color: #666666;
  padding: 0 10px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.modal-body table thead td {
  color: #174992;
  background-color: #fafafa;
}
.modal-footer {
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
  border-top: 1px solid #eee;
}
.modal-footer .btn {
  width: 120px;
  margin-left: 5px;
  margin-right: 5px;
}
.modal-footer .btn-sm {
  width: 100px;
}
/**
* $功能模块
* 包括网站的各个功能
* 3.1          $页面公共部份
*/
/**
* 模块：$页面公共部份
* 由头部相关的类、主体类、底部的相关类组成
*/
.head-bar {
  min-width: 1160px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #cccccc;
  background-color: #fafafa;
}
.quick-entry > div {
  float: left;
  margin: 0 10px;
}
.quick-entry .icon-center {
  float: left;
  margin-top: 10px;
  margin-right: 5px;
}
.login-info {
  position: relative;
}
.login-info > a:first-child {
  margin-right: 5px;
}
.login-box {
  display: none;
  position: absolute;
  top: 30px;
  left: -95px;
  width: 230px;
  padding: 20px;
  background-color: #205299;
  background-color: rgba(32, 82, 153, 0.8);
  /*opacity: 0.8;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 7px 7px 24px rgba(11, 24, 53, 0.35);
  z-index: 9999;
  /* IE10+ */
  /* Firefox4-18 */
  /* Firefox19+ */
}
.login-box h2 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
}
.login-box .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.login-box .close a {
  width: 15px;
  height: 15px;
  line-height: 100px;
  overflow: hidden;
  background-position: -473px -80px;
}
.login-box li {
  margin-top: 20px;
}
.login-box input {
  *width: 190px;
  height: 30px;
  line-height: 30px;
  background-color: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
}
.login-box li.has-error input {
  border: 1px solid #cc3333;
}
.login-box input::-webkit-input-placeholder {
  font-size: 12px;
  color: #cccccc;
}
.login-box input:-ms-input-placeholder {
  font-size: 12px;
  color: #cccccc;
}
.login-box input:-moz-placeholder {
  font-size: 12px;
  color: #cccccc;
}
.login-box input::-moz-placeholder {
  font-size: 12px;
  color: #cccccc;
}
.login-box .login-user,
.login-box .login-psw {
  padding-left: 40px;
  background-image: url("/air-image/icon.png");
  background-repeat: no-repeat;
}
.login-box .login-user {
  background-position: -460px -2px;
}
.login-box .login-psw {
  background-position: -460px -37px;
}
.login-box .login-code {
  overflow: hidden;
}
.login-box .login-code input {
  float: left;
  width: 110px;
  *width: 90px;
  padding: 0 10px;
}
.login-box .login-code span {
  float: left;
  display: inline-block;
  width: 110px;
  *width: 90px;
  height: 30px;
  margin-left: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.login-box .login-code img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.login-box .login-error-hint {
  margin-top: 0;
}
.login-box .login-error-hint div {
  padding: 3px 5px;
  color: #ffffff;
}
.login-box .login-btn {
  margin-top: 0;
}
.login-box a {
  color: #ffffff;
}
/*.language {
  position: relative;
  width: 68px;
}*/
/*.language span {
  float: right;
}
.language a {
  display: block;
}
.language > a {
  padding: 0 10px;
}
.language > a span {
  margin-top: 12px;
}
.language ul {
  position: absolute;
  top: 2px;
  left: 0;
  width: 66px;
  border: 1px solid #cccccc;
  background-color: #fafafa;
}
.language ul li {
  line-height: 24px;
  cursor: pointer;
}
.language ul li a {
  padding: 0 9px;
}
.language ul li span {
  margin-top: 9px;
  margin-right: -1px;
}*/
.head-nav {
  min-width: 1160px;
  height: 98px;
  border-bottom: 2px solid #174992;
}
.head-nav .nav {
  margin-top: 50px;
}
.head-nav .nav li {
  float: left;
  line-height: 48px;
  margin-right: 40px;
  font-size: 14px;
}
.head-nav .nav li:last-child {
  margin-right: 0;
}
.main {
  min-width: 1160px;
  min-height: 650px;
}
.main:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.main-bg {
  background-color: #f4f4f4;
}
.foot {
  min-width: 1160px;
  background-color: #0c264a;
}
.foot > div {
  padding: 34px 0;
  overflow: hidden;
}
.foot .pull-right {
  width: 620px;
  height: 22px;
  padding-top: 10px;
}
.foot .nav {
  float: left;
  width: 146px;
  height: 14px;
  padding-top: 3px;
}
.foot .nav li {
  float: left;
  color: #ffffff;
  line-height: 14px;
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px solid #ffffff;
}
.foot .nav a {
  color: #ffffff;
}
.foot .nav a:hover {
  color: #cc3333;
}
.foot .copyright {
  line-height: 20px;
  color: #ffffff;
}
/**
* 模块：$首页
*/
.adbar {
  height: 500px;
  background-position: center top;
  background-repeat: no-repeat;
}
.adbox {
  position: relative;
}
.adbox .change-size-box {
  top: 100px;
  left: 310px;
  z-index: 888;
  width: 276px;
  height: 330px;
  border: none;
}
.adbox .change-size-box dt {
  padding-bottom: 15px;
}
.adbox .change-size-box dl {
  padding: 30px 10px 0 16px;
}
.adbox .change-size-box dl li input {
  width: 35px;
}
/*
.query-box {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 999;
  width: 300px;
  height: 380px;
  background-color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}*/
.query-nav {
  height: 50px;
}
.query-nav li {
  float: left;
  width: 50%;
}
.query-nav li a {
  display: block;
  color: #164992;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  border-bottom: 2px solid #cccccc;
}
.query-nav li.active a {
  color: #ffffff;
  background-color: #164992;
  border-top-right-radius: 4px;
  border-bottom: 2px solid #164992;
}
.query-nav li:first-child.active a {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
}
.query-pane {
  display: none;
  height: 330px;
  background-color: #edf2f9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.query-pane.active {
  display: block;
}
.freight-track > div {
  width: 240px;
  height: 242px;
  padding: 20px 30px;
}
.freight-track > button {
  width: 250px;
  margin-left: 30px;
}
.freight-track dl {
  overflow: hidden;
}
.freight-track dd {
  height: 26px;
  margin-bottom: 10px;
}
.freight-track dd .group select {
  float: left;
  width: 70px;
  height: 26px;
  line-height: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
  box-sizing: border-box;
}
.freight-track dd .group input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.freight-track dd label {
  float: left;
  width: 60px;
  line-height: 26px;
  margin-right: 10px;
  text-align: right;
}
.freight-track dd label i {
  color: #cc3333;
}
.freight-track dd input {
  float: left;
  width: 170px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
}
.freight-track dd .input-group {
  float: left;
  width: 170px;
  height: 26px;
}
.freight-track dd .input-group input {
  width: 70px;
}
.freight-track dd .input-group .addon {
  float: left;
  width: 100px;
}
.freight-track dd .input-group .addon img {
  width: 98px;
  height: 24px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
.freight-track dd.has-error select,
.freight-track dd.has-error input,
.freight-track dd.has-error .addon {
  border-color: #cc3333;
}
.freight-rates {
  position: relative;
}
.freight-rates .changecity {
  position: absolute;
  top: 30px;
  left: 249px;
  z-index: 999;
  display: block;
  width: 32px;
  height: 40px;
  line-height: 200px;
  overflow: hidden;
  cursor: pointer;
  background-position: -448px -215px;
}
.freight-rates .changecity:hover {
  background-position: -473px -175px;
}
.freight-rates > ul {
  padding-top: 20px;
}
.freight-rates > button {
  width: 235px;
  margin-top: 10px;
  margin-left: 45px;
}
.freight-rates li {
  height: 36px;
  margin-bottom: 10px;
}
.freight-rates li label {
  float: left;
  display: block;
  width: 100px;
  line-height: 36px;
  margin-right: 10px;
  text-align: right;
}
.freight-rates li label i {
  font-style: normal;
  color: #cc3333;
}
.freight-rates li input {
  padding: 0 5px;
}
.freight-rates li input,
.freight-rates li select,
.freight-rates li .input-group {
  width: 120px;
  height: 36px;
  line-height: 36px;
}
.freight-rates li .input-group {
  float: left;
}
.freight-rates li .input-group * {
  float: left;
}
.freight-rates li .input-group input {
  width: 80px;
  height: 36px;
}
.freight-rates li .input-group .addon {
  width: 40px;
  height: 36px;
  line-height: 36px;
}
.freight-rates li .change-size {
  float: left;
  width: 40px;
  height: 26px;
  line-height: 26px;
  margin-left: 10px;
  background-color: #ffffff;
}
.freight-rates li .change-size.active {
  background-color: #ecf2f9;
}
.freight-rates li .change-size.size-has-error {
  border-color: #D12C4D;
  color: #D12C4D;
  background-color: #f8e0e4;
}
.freight-rates li.has-error input,
.freight-rates li.has-error .addon {
  border-color: #cc3333;
}
.query-box .changecity {
  left: 229px;
  width: 52px;
  background-position: -448px -215px;
}
.query-box .changecity:hover {
  background-position: -448px -255px;
}
.freight-rates.alone {
  float: left;
  width: 250px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #fff;
}
.freight-rates.alone .changecity {
  width: 44px;
  height: 62px;
  position: absolute;
  top: 20px;
  left: 194px;
  background-position: -20px -416px;
}
.freight-rates.alone .changecity:hover {
  background-position: -21px -351px;
}
.freight-rates.alone .ui-city-code-box {
  left: -246px;
}
.freight-rates.alone .change-size {
  width: 70px;
  margin-left: 100px;
}
.freight-rates.alone .has-error {
  background-color: #fafafa;
}
.freight-rates.alone form > button {
  width: 208px;
  margin: 0 20px;
}
.freight-rates.alone li label {
  width: 90px;
}
.freight-rates.alone li input,
.freight-rates.alone li select,
.freight-rates.alone li .input-group {
  width: 125px;
  font-size: 14px;
}
.freight-rates.alone li .input-group input {
  width: 95px;
  border-right-width: 0px;
}
.freight-rates.alone li.city input {
  width: 95px;
}
.freight-rates.alone .change-size-box {
  top: 255px;
  right: 88px;
}
.freight-rates.alone .change-size-box dd input {
  width: 40px;
}
.freight-rates.alone .input-group .addon{
  width: 29px;
}
/*.home-title {
  padding-top: 20px;
  padding-bottom: 10px;
}
.home-title span {
  color: #164992;
  font-size: 16px;
  padding-left: 15px;
  border-left: 5px solid #164992;
}
.home-title a {
  float: right;
  margin-right: 20px;
  font-size: 14px;
  font-weight: normal;
}
*/
.home-small-title {
  font-size: 14px;
  line-height: 30px;
  text-indent: 20px;
}
.view-more {
  float: right;
  margin-right: 20px;
  cursor: pointer;
  color: #164992;
}
.view-more .icon {
  float: right;
  width: 8px;
  height: 8px;
  margin-top: 11px;
  margin-left: 5px;
  background-position: -30px -23px;
}
.view-more em {
  font-style: normal;
}
a.view-more {
  line-height: 21px;
  font-weight: bold;
  color: #164992;
}
a.view-more .icon {
  margin-top: 6px;
}
.view-more.show .icon {
  background-position: -38px -23px;
}
.home-cargo-type,
.home-news,
.home-announcement {
  overflow: hidden;
}
.conventional {
  height: 140px;
}
.unconventional {
  height: 250px;
}
.conventional,
.unconventional {
  overflow: hidden;
}
.conventional ul,
.unconventional ul {
  overflow: hidden;
}
.conventional li,
.unconventional li {
  float: left;
  width: 550px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.conventional li a,
.unconventional li a {
  display: block;
  height: 100px;
}
.conventional li img,
.unconventional li img {
  float: left;
  width: 250px;
  height: 100px;
  margin-right: 10px;
}
.conventional li h4,
.unconventional li h4 {
  float: left;
  width: 290px;
  color: #164992;
  font-size: 14px;
  line-height: 36px;
}
.conventional li p,
.unconventional li p {
  float: left;
  width: 240px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 16px;
}
.conventional li.mr,
.unconventional li.mr {
  margin-right: 20px;
}
.news li {
  float: left;
  width: 530px;
  height: 100px;
  padding: 20px;
  background-color: #0f448f;
}
.news li * {
  float: left;
}
.news li img {
  width: 250px;
  height: 100px;
  margin-right: 15px;
}
.news li h4 {
  width: 265px;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  padding: 5px 0;
}
.news li p {
  height: 32px;
  margin-top: 10px;
  color: #ffffff;
  line-height: 16px;
  overflow: hidden;
}
.news li:first-child {
  margin-right: 20px;
}
/*.announcement {
  height: 80px;
  padding: 10px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ecf2f9;
}
.announcement > * {
  float: left;
  height: 80px;
}
.announcement .title {
  width: 100px;
  padding-left: 19px;
  line-height: 80px;
  font-size: 16px;
  font-weight: bold;
  color: #164992;
  border-right: 1px solid #ffffff;
}
.announcement .content {
  width: 859px;
  padding-left: 30px;
  padding-right: 20px;
  border-right: 1px solid #ffffff;
}
.announcement .content h4 {
  margin-top: 16px;
  font-size: 14px;
  color: #164992;
  line-height: 24px;
}
.announcement .content p {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.announcement .more {
  width: 90px;
  height: 80px;
}
.announcement .more a {
  font-size: 14px;
  margin-top: 30px;
  margin-right: 0;
}*/
.announcement-centre { 
   background-color: #fff;
}
.news-centre > h2,
.announcement-centre > h2 {
  line-height: 53px;
  text-indent: 30px;
  font-weight: normal;
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
}
.news-list {
  padding-bottom: 40px;
}
.news-list li {
  height: 65px;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.news-list li a {
  display: block;
}
.news-list li a img {
  float: left;
  width: 130px;
  height: 65px;
  margin-right: 20px;
}
.news-list li a h4 {
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
}
.news-list li a div {
  display: inline-block;
  max-width: 850px;
  padding: 0 10px;
  color: #164992;
  border: 1px dotted #fff;
}
.news-list li a span {
  float: right;
  font-style: normal;
}
.news-list li a p {
  height: 40px;
  line-height: 20px;
  margin-top: 5px;
  overflow: hidden;
}
.news-list li a:visited div {
  color: #8bbff3;
  padding: 5px 10px;
  border: 1px dotted #929292;
}
.news-list li a:visited span {
  color: #8bbff3;
}
.news-content,
.announcement-content {
  line-height: 32px;
}
.news-content .title,
.announcement-content .title {
  padding: 30px 20px 20px 15px;
  border-bottom: 2px solid #e5e5e5;
}
.news-content .title h2,
.announcement-content .title h2 {
  font-size: 16px;
}
.news-content .title h3,
.announcement-content .title h3 {
  font-size: 14px;
}
.news-content .title h3 span,
.announcement-content .title h3 span {
  float: right;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
}
.news-content .content,
.announcement-content .content {
  padding: 10px 20px;
  line-height: 24px;
}
.news-content .content p,
.announcement-content .content p {
  padding: 10px 0;
}
.announcement-list {
  padding: 10px 20px;
  overflow: hidden;
}
.announcement-list li {
  height: 40px;
  overflow: hidden;
}
.announcement-list a {
  display: block;
  width: 1120px;
  height: 40px;
  font-size: 14px;
}
.announcement-list a div {
  float: left;
  display: inline-block;
  max-width: 1020px;
  height: 24px;
  line-height: 24px;
  margin: 12px 0;
  padding: 0 10px;
  color: #008acb;
  overflow: hidden;
  border: 1px dotted #fff;
}
.announcement-list a span {
  float: right;
  width: 80px;
  line-height: 40px;
  color: #008acb;
}
.announcement-list a:hover div {
  color: #cc3333;
}
.announcement-list a:visited div,
.announcement-list a:visited span {
  color: #8bbff3;
}
.announcement-list a:visited div {
  border: 1px dotted #929292;
}
.page-list {
  height: 30px;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  background-color: #f2f2f2;
}
.page-list a {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  margin-right: 10px;
}
.page-list a.active,
.page-list a:hover {
  color: #174992;
  background-color: #fff;
}
.aboutus {
  padding-bottom: 60px;
  overflow: hidden;
  background-color: #205299;
}
.aboutus .home-title {
  padding-top: 10px;
}
.aboutus .home-title span {
  color: #ffffff;
  border-left: 5px solid #ffffff;
}
.aboutus .content {
  padding-top: 60px;
}
.aboutus .content img {
  float: left;
  margin-right: 25px;
}
.aboutus .content p {
  color: #ffffff;
  line-height: 24px;
}
.aboutus-box {
  margin-top: 10px;
}
.aboutus-box .intro-box {
  width: 900px;
}
.aboutus-box .intro-img {
  margin-bottom: 20px;
}
.aboutus-box .intro-txt p {
  line-height: 24px;
  margin-bottom: 15px;
}
.aboutus-box .intro-txt .box {
  float: left;
  width: 430px;
  padding: 5px 10px;
}
.aboutus-box .intro-txt .box:first-child {
  width: 429px;
  border-right: 1px solid #d9e2ec;
}
.advantage {
  height: 223px;
}
.contactus-box {
  margin-top: 10px;
}
.contactus-box .contactus {
  width: 900px;
}
.contactus-box .contactus-img {
  margin-bottom: 10px;
}
.contactus-box .contactus-map,
.contactus-box .intro {
  margin-bottom: 10px;
  border: 1px solid #cccccc;
}
.contactus-box .intro-title,
.contactus-box .info-title {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: #174992;
  text-indent: 20px;
  background-color: #edf2f9;
  border-bottom: 1px solid #cccccc;
}
.contactus-box .intro-content {
  padding: 10px;
  line-height: 24px;
}
.contactus-box .contact-info {
  margin-bottom: 10px;
}
.contactus-box .contact-info .address,
.contactus-box .contact-info .sita {
  display: block;
  height: 28px;
  padding: 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contactus-box .contact-info .address {
  width: 190px;
  text-align: left;
}
.contactus-box .contact-info .sita {
  width: 70px;
}
.contactus-box .contact-info table {
  margin-top: 0;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.contactus-box .contact-info th {
  color: #164992;
  background-color: #f2f2f2;
}
.contactus-box .contact-info td {
  overflow: hidden;
  text-align: center;
}
.contactus-box .contact-info th,
.contactus-box .contact-info td {
  height: 28px;
  line-height: 28px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.contactus-box .info-title {
  border: 1px solid #cccccc;
  border-bottom-width: 0;
}
.transport-guide-box {
  margin-top: 10px;
}
.transport-guide-box .explain-box {
  margin-bottom: 10px;
  overflow: hidden;
}
.transport-guide-box .explain-img {
  float: left;
  width: 240px;
  margin-right: 20px;
}
.transport-guide-box .explain-txt {
  float: left;
  width: 618px;
}
.transport-guide-box .explain-txt h6 {
  font-size: 12px;
  font-weight: bold;
}
.transport-guide-box .download {
  padding-bottom: 20px;
}
.transport-guide-box .download p {
  margin-top: 10px;
}
.transport-guide-box .block-box{
  width: 918px;
}
.transport-guide-box .box-title{
  font-size: 14px;
  line-height: 34px;
  padding-left: 10px;
  color: #008acb;
}
.airplane-type-box {
  margin-top: 10px;
  background-color: #fff;
}
.airplane-type-box .container td {
  height: 50px;
  padding-left: 0;
}
.airplane-type-box .logo {
  margin-top: 8px;
  margin-bottom: 8px;
}
.select-air-type {
  overflow: hidden;
}
.select-air-type a {
  float: left;
  margin: 5px;
  width: 136px;
  height: 32px;
  line-height: 32px;
  color: #000;
  font-size: 12px;
  background-color: #edf1fa;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.select-air-type a.active {
  color: #fff;
  background-color: #008dd2;
}
.block-box {
  width: 1198px;
  margin-bottom: 10px;
  border: 1px solid #d1d9e0;
  font-size: 12px;
  background-color: #fff;
}
.block-title {
   line-height: 50px;
   font-size: 18px;
   margin-top: 18px;
   font-weight: normal;
   color: #008acb;
}
.block-box .block-title-default {
  height: 28px;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  text-indent: 20px;
  color: #17468a;
  background-color: #edf2f9;
  border-bottom: 1px solid #cccccc;
}
.block-box .block-title-default {
  height: 23px;
  line-height: 23px;
  text-align: center;
  background-color: #f2f2f2;
}
.block-box .border-top {
  border-top: 1px solid #cccccc;
}
.block-box .block-content {
  padding: 10px;
}
.block-box .block-content h6 {
  font-size: 12px;
  font-weight: bold;
  color: #008acb;
}
.block-box .block-content p {
  line-height: 24px;
}
.block-box .block-content .icon {
  float: left;
  margin-top: 8px;
  margin-right: 5px;
  margin-left: 10px;
}
.log-box {
  width: 1198px;
}
.table-box {
  width: 898px;
  margin-bottom: 10px;
}
.table-box .table-box-title {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: #174992;
  text-indent: 20px;
  background-color: #edf2f9;
  border: 1px solid #cccccc;
  border-bottom-width: 0;
}
.table-box table {
  margin-top: 0;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.table-box th {
  color: #164992;
  background-color: #f2f2f2;
}
.table-box th.multi {
  line-height: 16px;
  padding: 5px 0;
}
.table-box td {
  padding-left: 10px;
  overflow: hidden;
}
.table-box th,
.table-box td {
  height: 28px;
  line-height: 28px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/**
* 模块：$产品服务
*/
.eligibility-cargo {
  margin-top: 30px;
}
.eligibility-cargo .download a {
   color: #008abc;
}
.eligibility-cargo .details-content {
  float: left;
  width: 710px;
  margin-left: 20px;
  padding-bottom: 100px;
}
.eligibility-cargo .details-content .mark-img {
  position: relative;
  width: 710px;
  height: 285px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #ffffff;
}
.eligibility-cargo .details-content .txt {
  position: absolute;
  left: 60px;
  top: 90px;
}
.eligibility-cargo .details-content .txt h2 {
  font-size: 32px;
  color: #ffffff;
}
.eligibility-cargo .details-content .txt h4 {
  font-size: 14px;
  color: #ffffff;
}
.eligibility-cargo .details-content .content-block {
  background-color: #ffffff;
}
.eligibility-cargo .details-content .content-block > h2 {
  padding-left: 20px;
  line-height: 36px;
  font-size: 14px;
  color: #008acb;
  cursor: pointer;
  border-bottom: 1px solid #d1d9e0;
}
.eligibility-cargo .details-content .content-block > h2 span {
  width: 8px;
  height: 8px;
  margin-top: 17px;
  margin-right: 17px;
  margin-left: 10px;
  background-position: -38px -23px;
}
.eligibility-cargo .details-content .content-block > div {
  line-height: 24px;
  padding: 5px 10px;
}
.eligibility-cargo .details-content .content-block > div img {
  max-width: 690px;
}
.eligibility-cargo .details-content .content-block .download p {
  padding-left: 15px;
}
.eligibility-cargo .details-content .content-block .download .icon {
  margin-left: -15px;
}
.eligibility-cargo .details-content .content-block.hide > h2 span {
  background-position: -30px -23px;
}
.eligibility-cargo .details-content .content-block.hide > div {
  display: none;
}
.product-service-nav {
  float: left;
  width: 180px;
  margin-right: 10px;
}
.product-service-nav dl {
  border-radius: 3px;
  border: 1px solid #008acb;
  background-color: #008acb;
}
.product-service-nav dt {
  padding: 0 15px;
  line-height: 50px;
  font-size: 14px;
  color: #ffffff;
}
.product-service-nav dt .icon {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 18px;
  margin-right: 12px;
  background-position: -110px -25px;
}
.product-service-nav dd a {
  display: block;
  width: 178px;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  padding-right: 10px;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-service-nav dd a .icon {
  float: left;
  width: 5px;
  height: 5px;
  margin-top: 12px;
  margin-right: 10px;
  background-position: 0 -40px;
}
.product-service-nav dd a:hover,
.product-service-nav dd a.active {
  color: #cc3333;
  background-color: #fff;
}
.product-service-nav dd a:hover .icon,
.product-service-nav dd a.active .icon {
  background-position: 0 -45px;
}
/**
* 模块：$订舱主流程
* 当前模块为主要务业模块，包以下几个页面：
* 航班查询、订舱、支付
*/
.flight-freight {
  margin-top: 10px;
}
.flight-freight .fixed {
  position: fixed;
  top: 0;
  z-index: 300;
  margin-top: 0;
}
.flight-search-box {
  position: relative;
}
.flight-search {
  position: relative;
  height: 132px;
 /*  border: 1px solid #d1d9e0; */
  background-color: #ffffff;
}
.flight-search .changecity {
  position: absolute;
  top: 36px;
  left: 274px;
  display: block;
  width: 44px;
  height: 62px;
  line-height: 200px;
  overflow: hidden;
  cursor: pointer;
  background-position: -20px -416px;
}
.flight-search .changecity:hover {
  background-position: -21px -351px;
}
.flight-freight h3 {
  width: 1166px;
  line-height: 50px;
  /* padding-left: 22px; */
  font-size: 18px;
  font-weight: normal;
  color: #008acb;
/*   background-color: #dfe4e8; */
/*   border-bottom: 1px solid #d1d9e0; */
}
.flight-search * {
  float: left;
}
.flight-search ul {
  width: 306px;
  padding-top: 20px;
}
.flight-search li {
  margin-bottom: 20px;
}
.flight-search li.has-error input,
.flight-search li.has-error select,
.flight-search li.has-error .addon {
  border-color: #cc3333;
}
.flight-search label {
  width: 110px;
  line-height: 36px;
  padding-right: 10px;
  text-align: right;
}
.flight-search input {
  width: 170px;
  height: 36px;
  line-height: 26px;
  padding: 0 5px;
  font-size: 14px;
}
.flight-search .input-group .addon{
   line-height: 36px;
   height: 36px;
   width: 39px;
}
.flight-search .input-group {
  width: 170px;
}
.flight-search .input-group input {
  width: 130px;
  border-right-width: 0;
}
.flight-search .input-group span {
  width: 40px;
}
.flight-search select {
  width: 170px;
  height: 36px;
  font-size: 14px;
}
.flight-search .city {
  width: 275px;
}
.flight-search .city label {
  width: 95px;
}
.flight-search .city input {
  width: 170px;
}
.flight-search .estimate label * {
  float: right;
}
.flight-search .estimate label .icon-hint {
  margin-top: 12px;
  margin-right: 5px;
}
.flight-search .estimate .input-group {
  width: 110px;
}
.flight-search .estimate .input-group input {
  width: 70px;
}
.flight-search .estimate .change-size {
  color: #666666;
}
.flight-search .estimate .change-size button {
  width: 50px;
  height: 36px;
  line-height: 36px;
  margin-left: 10px;
  background-color: #ffffff;
}
.flight-search .estimate .change-size .active {
  background-color: #edf1fa;
}
.flight-search .estimate .change-size .size-has-error {
  border-color: #D12C4D;
  color: #D12C4D;
  background-color: #f8e0e4;
}
.flight-search .operate button,
.flight-search .operate a {
  float: left;
  width: 80px;
  height: 34px;
  line-height: 34px;
}
.flight-search .operate button {
  margin-left: 120px;
}
.flight-search .operate a {
  margin-left: 10px;
}
.dangerous-goods-modal .modal-body {
  padding: 13px;
  overflow: hidden;
}
.dangerous-goods-modal .modal-body p {
  margin-top: 2px;
  margin-bottom: 10px;
}
.dangerous-goods-modal .modal-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #164992;
}
.dangerous-goods-modal .dangerous-goods-item {
  float: left;
  width: 512px;
  margin: 0 6px;
  padding-bottom: 7px;
}
.dangerous-goods-modal .dangerous-goods-item dt {
  line-height: 24px;
  text-align: center;
}
.dangerous-goods-modal .dangerous-goods-item dd {
  width: 510px;
  height: 298px;
  overflow: auto;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.dangerous-goods-modal .dangerous-goods-item dd > ul {
  width: 400px;
  padding-bottom: 5px;
}
.dangerous-goods-modal .dangerous-goods-item dd > ul > li {
  padding-left: 10px;
  padding-right: 10px;
}
.dangerous-goods-modal .dangerous-goods-item ul {
  padding-top: 5px;
}
.dangerous-goods-modal .dangerous-goods-item li {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 18px;
}
.dangerous-goods-modal .dangerous-goods-item li label {
  display: block;
  cursor: pointer;
}
.dangerous-goods-modal .dangerous-goods-item li .icon {
  float: left;
  width: 9px;
  height: 6px;
  margin-top: 6px;
  margin-left: 2px;
  margin-right: 12px;
  background-position: -30px -58px;
}
.dangerous-goods-modal .dangerous-goods-item li .icon.up {
  background-position: -30px -50px;
}
.dangerous-goods-modal .dangerous-goods-item li input {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}
.change-size-box {
  position: absolute;
  top: 107px;
  right: 114px;
  z-index: 500;
  display: none;
  width: 364px;
  border: 1px solid #008acb;
  background-color: #edf2f9;
  border-radius: 5px;
}
.change-size-box ul {
  display: table;
}
.change-size-box li {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
}
.change-size-box dl {
  padding: 10px 16px 0 16px;
}
.change-size-box dt {
  padding-bottom: 10px;
}
.change-size-box dt small {
  display: block;
  font-size: 10px;
}
.change-size-box dt li::before {
  float: left;
  height: 10px;
  margin-top: 10px;
  border-left: 1px solid #cccccc;
  content: "";
}
.change-size-box dt li:first-child::before {
  border-left: none;
}
.change-size-box dd li {
  height: 34px;
  vertical-align: top;
  display: inline-block;
}
.change-size-box dd input {
  width: 40px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.change-size-box dd button {
  width: 25px;
  height: 24px;
  background-color: #edf2f9;
}
.change-size-box .warning{
  color: #008acb;
  padding: 0 20px;
  font-size: 12px;
  margin-bottom:10px;
}
.change-size-box dd .operate {
  width: 30px;
}
.change-size-box dd .add {
  background-position: -60px -1px;
}
.change-size-box dd .minus {
  background-position: -86px 0;
}
.change-size-box div {
  padding-bottom: 10px;
}
.change-size-box .btn {
  width: 60px;
  margin: 0 5px;
  background-color: #edf2f9;
}
.select-flight-date {
  height: 42px;
  margin-top: 20px;
 /*  border: 1px solid #d1d9e0; */
  background-color: #fff;
}
.select-flight-date > div {
  float: left;
}
.select-flight-date .prev,
.select-flight-date .next {
  width: 39px;
  height: 42px;
  line-height: 200px;
  overflow: hidden;
  cursor: pointer;
}
.select-flight-date .prev.disabled,
.select-flight-date .next.disabled {
  background-color: #dfe4e8;
  cursor: not-allowed;
}
.select-flight-date .prev {
  background-position: -112px 17px;
}
.select-flight-date .next {
  width: 40px;
  background-position: -148px 13px;
}
.date-list {
  width: 1116px;
  height: 42px;
  border-left: 1px solid #d1d9e0;
  border-right: 1px solid #d1d9e0;
  overflow: hidden;
  font-size: 12px;
}
.date-list ul {
  width: 9999px;
}
.date-list li {
  float: left;
}
.date-list a {
  display: block;
  width: 160px;
  height: 42px;
  line-height: 42px;
  color: #174992;
  text-align: center;
  border-right: 1px solid #f5f5f5;
}
.date-list i,
.date-list span {
  font-style: normal;
  color: #008acb;
}
.date-list a:hover,
.date-list a.active {
  color: #ffffff;
  background-color: #008acb;
}
.date-list a:hover i,
.date-list a.active i,
.date-list a:hover span,
.date-list a.active span {
  color: #ffffff;
}
.date-list a.disabled {
  background-color: #dfe4e8;
  cursor: not-allowed;
}
.date-list a.disabled i,
.date-list a.disabled span {
  color: #666666;
}
.flight-lists-title {
  margin-top: 10px;
  background-color: #dfe4e8;
  font-size: 12px;
}
.flight-lists-title ul {
  width: 1198px;
  height: 40px;
 /*  border: 1px solid #cccccc; */
  border-bottom-width: 0;
  overflow: hidden;
}
.flight-lists-title ul li {
  float: left;
  display: block;
  width: 160px;
  line-height: 40px;
  text-align: center;
}
.flight-lists-title ul li:first-child {
  width: 380px;
}
/* .flight-lists-title ul li i {
  float: left;
  height: 10px;
  margin-top: 15px;
  border-left: 1px solid #cccccc;
  content: " ";
} */
.flight-lists-title ul .type {
  width: 145px;
}
.flight-lists-title.fixed {
  top: 40px;
}
.flight-lists {
 /* padding: 9px; */
/*  border: 1px solid #cccccc; */
  border-top-width: 0;
  margin-bottom: 20px;
  font-size: 12px;
  background-color: #fff;
}
/* .flight-lists .lists {
  border-bottom: 1px solid #174992;
} */
.flight-lists .list {
  min-height: 88px;
  border-top: 1px solid #d1d9e0;
  border-bottom-width: 0;
}
/* .flight-lists .odd {
  background-color: #edf2f9;
} */
.flight-lists .flight-info {
  float: left;
  width: 370px;
  height: 78px;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
}
.flight-lists .flight-info > div {
  float: left;
  width: 104px;
  text-align: center;
}
.flight-lists .flight-info span {
  display: block;
}
.flight-lists .flight-info .fromcity {
  text-align: right;
}
.flight-lists .flight-info .tocity {
  text-align: left;
}
.flight-lists .flight-info .fromcity,
.flight-lists .flight-info .tocity {
  position: relative;
  width: 123px;
  padding: 8px 5px;
}
.flight-lists .flight-info .fromcity span,
.flight-lists .flight-info .tocity span {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  overflow: hidden;
}
.flight-lists .flight-info .fromcity span:first-child,
.flight-lists .flight-info .tocity span:first-child {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
}
.flight-lists .flight-info .fromcity i,
.flight-lists .flight-info .tocity i {
  position: absolute;
  top: 15px;
  left: 60px;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  font-style: normal;
}
.flight-lists .flight-info .fromcity i.bs,
.flight-lists .flight-info .tocity i.bs {
  color: #ffffff;
  padding: 0 2px;
  background-color: #333333;
}
.flight-lists .flight-info .flight-date {
  height: 68px;
}
.flight-lists .flight-info .flight-date span:first-child {
  height: 22px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 14px;
}
.flight-lists .flight-info .flight-date span:last-child {
  height: 24px;
}
.flight-lists .cargo-type {
  float: left;
  width: 144px;
  line-height: 19px;
  text-align: center;
  /* margin: 30px 0; */
}
.flight-lists .cargo-type-name {
  display: table-cell;
  width: 144px;
  height: 88px;
  vertical-align: middle;
}
.flight-lists .hint-login {
  float: left;
  width: 600px;
  padding-left: 20px;
  line-height: 68px;
}
.flight-lists .hint-login a {
  color: #cc3333;
}
.flight-lists .cabin {
  float: left;
  width: 640px;
  height: 68px;
}
.flight-lists .cabin label {
  float: left;
  display: block;
  width: 160px;
  height: 68px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.flight-lists .cabin label.active span {
  color: #cc3333;
}
.flight-lists .cabin span {
  display: block;
  margin-top: 22px;
  color: #008acb;
}
.flight-lists .cabin input[type=radio] {
  width: 14px;
  height: 14px;
}
.flight-lists .explain {
  display: none;
  width: 1160px;
  min-height: 44px;
  padding: 0 20px;
  background-color: #fff8ef;
  border-top: 1px solid #d1d9e0;
  overflow: hidden;
}
.flight-lists .explain > div {
  margin-top: 10px;
  height: 22px;
  line-height: 22px;
}
.flight-lists .explain > div span {
  color: #cc3333;
}
.flight-lists .explain button {
  float: right;
  width: 100px;
}
.flight-lists .explain .ul {
  float: right;
  width: 365px;
  height: 22px;
}
.flight-lists .explain .li {
  float: right;
  line-height: 16px;
  margin-top: 4px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #d1d9e0;
}
.flight-lists .explain a{
  color: #008acb;
}
.flight-lists .explain li:first-child {
  border-right: none;
}
.flight-lists .explain p {
  line-height: 22px;
}
/* 舱位预订/舱位变更：产品介绍 start */
.product-introduction {
  width: 1160px;
  display: table;
  background-color: #fff0c7;
  min-height: 22px;
  height: 22px;
  padding: 10px 20px;
  border-top: 1px solid #d1d9e0;
}
/* .flight-lists .explain .product-introduction ul {
  width: auto;
} */
.product-introduction__item, .product-introduction__title {
  /* display: inline-block; */
  display: table-cell;
  height: 22px;
  line-height: 22px;
}
.product-introduction_title {
  margin-right: 24px;
}
.product-introduction__item {
  padding-left: 24px;
}
.product-introduction__text {
  color:#d97a36 ;
}
.product-introduction__item ul {
  display: table;
}
.product-introduction__item li {
  line-height: 14px;
  height: 14px;
  margin-top: 4px;
  padding: 0 15px;
  border-left: 1px solid #9f9f9f;
  display: inline-block;
}
.product-introduction__item li:first-child {
  border: none;
}
.product-introduction__icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
#productIntroduction.hint-box .hint-box-triangle {
  border-bottom: 6px solid #d97a36;
}
#productIntroductions.hint-box .hint-box-content {
  border-color: #d97a36;
}
/* 舱位预订/舱位变更：产品介绍 end */

.cabin-explain-box {
  margin-top: 20px;
  padding: 15px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #164992;
}
.cabin-explain-box > h2 {
  font-size: 12px;
  color: #174992;
  padding: 0 15px;
}
.cabin-explain-table {
  padding: 0 10px;
  font-size: 12px;
}
.cabin-explain-table--free {
  width: 110px !important;
}
.cabin-explain-table--free .hint-box-content{
  position: relative;
  left: 270px;
}

.cabin-explain-table table {
  margin-top: 0;
  border-collapse: collapse;
  width: 100%;
}

.cabin-explain-table__caption {
  font-size: 16px;
  text-align: left;
  color: #008acb;
  margin-bottom: 10px;
}
.cabin-explain-table__table:last-child {
  margin-top: 10px;
}

.cabin-explain-table__table .cabin-explain-table__caption {
  font-size: 12px;
  margin-bottom: 5px;
}

.cabin-explain-table th {
  font-weight: normal;
}
.cabin-explain-table__table th,
.cabin-explain-table__table td {
  padding: 5px 0;
}

.cabin-explain-table th,
.cabin-explain-table td {
  text-align: center;
  height: 28px;
}
.cabin-explain-table__text {
  margin-top: 10px;
}
.cabin-explain-table .subgroup {
  color: #999;
}
#changeTipsContent.cabin-explain-table th,
#changeTipsContent.cabin-explain-table td {
  border: 1px solid #ccc;
}
#changeTipsContent.cabin-explain-table table {
  border: 1px solid rgb(44, 27, 27);
}
.nav-bar {
  height: 40px;
  padding-top: 10px;
}
.fill-in-cargo-info {
  padding-bottom: 50px;
  overflow: hidden;
}
.fill-in-cargo-info > .pull-left {
  width: 938px;
  margin-top: 10px;
  border-top: 2px solid #174992;
  border-right: 1px solid #e7e8e9;
  border-bottom: 1px solid #e7e8e9;
  border-left: 1px solid #e7e8e9;
  background-color: #fff;
}
.fill-in-cargo-info > .pull-left > h2 {
  line-height: 30px;
  font-size: 12px;
  font-weight: normal;
  text-indent: 20px;
  background-color: #edf2f8;
  clear: both;
}
.fill-in-cargo-info > .pull-left > h2 input {
  float: left;
  margin-top: 9px;
  margin-right: -15px;
  margin-left: 5px;
}
.fill-in-cargo-info > .pull-left > h2.border-bottom {
  border-bottom: 1px solid #ffffff;
}
.fill-in-cargo-info > .pull-right {
  width: 250px;
  margin-top: 10px;
}
.fill-in-cargo-info .info-box {
  height: auto;
  clear: both;
  font-size: 12px;
}
.fill-in-cargo-info .info-box .icon-until {
  float: right;
  margin-left: 8px;
  margin-top: 12px;
}
.fill-in-cargo-info .info-box .icon-until.pull-none {
  margin-right: 8px;
}
.fill-in-cargo-info .info-box .edit-flight {
  width: 80px;
  margin-right: 77px;
}
.fill-in-cargo-info .form-lists {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  /* padding-right: 20px; */
  border-bottom: 1px solid #f7f7f7;
}
.fill-in-cargo-info .form-lists:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fill-in-cargo-info .form-lists > li button {
  float: left;
  width: 70px;
  height: 26px;
  line-height: 26px;
  background-color: #edf1fa;
}
.fill-in-cargo-info .form-lists > li button:hover {
  color: #ffffff;
  background-color: #008acb;
}
.fill-in-cargo-info .form-lists > li > label {
  width: 100px;
  padding-right: 10px;
}
.fill-in-cargo-info .form-lists > li > label input[type=checkbox] {
  float: left;
  margin-top: 7px;
  margin-left: 10px;
}
.fill-in-cargo-info .form-lists > li > div {
  padding-left: 0;
}
.fill-in-cargo-info .form-inline > li {
  float: left;
  /* display: inline-block; */
  width: 260px;
  height: auto;
}
.fill-in-cargo-info .form-inline > li > div {
  width: 140px;
  padding-left: 0;
}
.fill-in-cargo-info .form-inline > li > p {
  padding-left: 0;
}
.fill-in-cargo-info .form-inline .select-input-box label {
  padding-left: 10px;
  padding-right: 0;
}
.fill-in-cargo-info .form-inline .select-input-box label select {
  height: 26px;
  line-height: 26px;
  border-right: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ecf2f9;
}
.fill-in-cargo-info .form-inline .select-input-box input {
  width: 92px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fill-in-cargo-info .form-inline .further-notice {
  display: none;
}
.fill-in-cargo-info .cargo-info .input-group input {
  width: 100px;
  border-right-width: 0px;
}
.fill-in-cargo-info .cargo-info .input-group .addon {
  width: 40px;
  line-height: 24px;
  vertical-align: middle;
  font-style: normal;
}
.fill-in-cargo-info .cargo-info .cargo-type button {
  display: none;
  width: 40px;
}
.fill-in-cargo-info .cargo-info .cargo-type.hazardous input {
  float: left;
  width: 90px;
  margin-right: 10px;
}
.fill-in-cargo-info .cargo-info .cargo-type.hazardous button {
  display: block;
}
.fill-in-cargo-info .cargo-info .trade-name,
.fill-in-cargo-info .cargo-info .quarantine-code,
.fill-in-cargo-info .cargo-info .special-note {
  width: 400px;
}
.fill-in-cargo-info .cargo-info .trade-name label{
  width: 40px;
  text-align: left;
}
.fill-in-cargo-info .cargo-info .trade-name > div {
  width: 340px;
  padding-right: 0;
}
.fill-in-cargo-info .cargo-info .quarantine-code  label{
  width: 53px;
  text-align: right;
  padding-left: 8px;
}
.fill-in-cargo-info .cargo-info .quarantine-code > div{
  width: 316px;
  text-align: left;
  display: inline-block;
}
.fill-in-cargo-info .cargo-info .special-note label{
  width: 84px;
  text-align: left;
}
.fill-in-cargo-info .cargo-info .special-note .input-group{
  width: 70px;
}
.fill-in-cargo-info .cargo-info .special-note .input-group .addon{
  width: 30px;
}
.fill-in-cargo-info .cargo-info .special-note .input-temp{
  width: 130px;
  border: 1px #d1d9e0 solid;
  border-radius: 5px;
}
.fill-in-cargo-info .cargo-info .special-note .label-temp{
  text-align: right;
  width: 64px;
}
.fill-in-cargo-info .cargo-info .special-note .input-temp input{
    border-width: 0;
    width: 45px;
}
.fill-in-cargo-info .cargo-info .change-size {
  width: 338px;
}
.fill-in-cargo-info .cargo-info .change-size button.active {
  color: #333333;
  background-color: #fff;
}
.fill-in-cargo-info .cargo-info .attention {
  width: 918px;
}
.fill-in-cargo-info .cargo-info .attention > div {
  width: 798px;
}
.fill-in-cargo-info .dangerous-cargo li > div {
  width: 722px;
  line-height: 26px;
}
.fill-in-cargo-info .simulation-select {
  position: relative;
}
.fill-in-cargo-info .simulation-select .sim-value,
.fill-in-cargo-info .simulation-select .sim-list {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
}
.fill-in-cargo-info .simulation-select .sim-value {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  padding-right: 20px!important;
  background-position: right -2px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.fill-in-cargo-info .simulation-select .sim-list {
  display: none;
  position: absolute;
  z-index: 999;
  top: 25px;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.fill-in-cargo-info .simulation-select .sim-list ul {
  padding: 5px;
  max-height: 100px;
  overflow-y: auto;
}
.fill-in-cargo-info .simulation-select .sim-list ul li {
  min-height: 20px;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 20px;
  margin-top: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  word-break: break-all;
  cursor: pointer;
}
.fill-in-cargo-info .simulation-select .sim-list ul li:first-child {
  margin-top: 0;
}
.fill-in-cargo-info .simulation-select .sim-list ul li:hover {
  background-color: #ecf2f9;
}
.fill-in-cargo-info .simulation-select .sim-list ul li.selected {
  font-weight: bold;
}
.fill-in-cargo-info .simulation-select .sim-list ul li.selected:hover {
}
.fill-in-cargo-info .simulation-select:hover .sim-value {
  background-position: right -32px;
}
.fill-in-cargo-info .simulation-select:hover .sim-list {
  display: block;
}
.fill-in-cargo-info li.special-cargo {
  width: 520px;
}
.fill-in-cargo-info li.special-cargo > div {
  width: 400px;
}
.fill-in-cargo-info li.special-cargo > div .simulation-select {
  float: left;
  width: 100px;
}
.fill-in-cargo-info li.special-cargo > div .simulation-select:hover .sim-value {
  border-bottom-left-radius: 0;
}
.fill-in-cargo-info li.special-cargo > div .simulation-select .sim-value {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fill-in-cargo-info li.special-cargo > div .simulation-select .sim-list {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fill-in-cargo-info li.special-cargo > div input {
  float: left;
  width: 300px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fill-in-cargo-info .collapse-group .collapse-title {
  padding-bottom: 0!important;
}
.fill-in-cargo-info .collapse-group .collapse-btn {
  max-width: 100px;
  font-weight: bold;
  color: #174992;
  cursor: pointer;
}
.fill-in-cargo-info .collapse-group .arrows {
  float: left;
  width: 8px;
  height: 8px;
  margin-top: 10px;
  margin-left: -5px;
  background-position: -38px -23px;
}
.fill-in-cargo-info .collapse-group.up .collapse-title {
  padding-bottom: 10px!important;
}
.fill-in-cargo-info .collapse-group.up .arrows {
  background-position: -30px -23px;
}
.fill-in-cargo-info .collapse-group.up .collapse-item {
  display: none;
}
.fill-in-cargo-info .expense-info {
  width: 898px;
}
.fill-in-cargo-info .expense-info dt,
.fill-in-cargo-info .expense-info dd {
  float: left;
}
.fill-in-cargo-info .expense-info dt {
  width: 100px;
  line-height: 32px;
  padding-right: 10px;
  text-align: right;
}
.fill-in-cargo-info .expense-info dd {
  width: 788px;
  margin-top: 20px;
  border-top: 1px solid #f7f7f7;
}
.fill-in-cargo-info .expense-info dd .form-lists {
  width: 778px;
  padding: 0 5px;
  border-bottom-width: 0;
}
.fill-in-cargo-info .expense-info dd .form-lists > li {
  width: 258px;
  padding: 10px 0;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > label input[type=checkbox] {
  float: none;
  margin-top: 0;
  margin-left: 0;
  vertical-align: -2px;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > div {
  width: 127px;
  padding-right: 5px;
  line-height: 26px;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > div.input-group input {
  width: 45px;
  padding: 0 5px;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > div.input-group .addon {
  float: left;
  width: 30px;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > div.input-group .value-info {
  width: 75px;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > div.input-group .price-info {
  width: 45px;
  padding-left: 5px;
}
.fill-in-cargo-info .expense-info dd .form-lists > li > div.input-group .value-info,
.fill-in-cargo-info .expense-info dd .form-lists > li > div.input-group .price-info {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fill-in-cargo-info .expense-info dd .form-lists > li.select-input-box .input-group input {
  width: 92px;
  padding: 0 5px;
}
.fill-in-cargo-info .expense-info dd.accessorial-service {
  max-height: 225px;
  overflow-x: hidden;
  overflow-y: auto;
}
.fill-in-cargo-info .contacts-info {
  border-bottom: 1px solid #f7f7f7;
}
.fill-in-cargo-info .contacts-info ul {
  overflow: visible;
}
.fill-in-cargo-info .contacts-info .collapse {
  float: left;
  margin-left: 5px;
}
.fill-in-cargo-info .contacts-info .collapse span {
  color: #174992;
}
.fill-in-cargo-info .contacts-info .collapse .icon {
  float: right;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  margin-left: 2px;
  background-position: -30px -23px;
}
.fill-in-cargo-info .contacts-info .collapse.in .icon {
  margin-top: 9px;
  background-position: -38px -23px;
}
.fill-in-cargo-info .contacts-info .collapse-box {
  width: 778px;
  padding-left: 100px;
}
.fill-in-cargo-info .contacts-info .collapse-box .connecting {
  position: relative;
  border-left: 1px solid #cccccc;
}
.fill-in-cargo-info .contacts-info .collapse-box .connecting label {
  width: 70px;
}
.fill-in-cargo-info .contacts-info .collapse-box .connecting label span {
  position: absolute;
  top: 22px;
  left: -1px;
  display: block;
  width: 18px;
  height: 23px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.fill-in-cargo-info .contacts-info .collapse-box .connecting label span.white-bor {
  border-left: 1px solid #ffffff;
}
.fill-in-cargo-info .contacts-info .collapse-box .has-error span.white-bor {
  height: 48px;
}
.fill-in-cargo-info .contacts-info .select-input-box select {
  width: 55px;
}
.fill-in-cargo-info .contacts-info .select-input-box .tel {
  display: none;
}
.fill-in-cargo-info .contacts-info .select-input-box .tel input {
  float: left;
  width: 85px;
}
.fill-in-cargo-info .contacts-info .select-input-box .tel input:first-child {
  width: 55px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fill-in-cargo-info .contacts-info .operation {
  width: 78px;
}
.fill-in-cargo-info .contacts-info .input-long {
  width: 520px;
}
.fill-in-cargo-info .contacts-info .input-long > div {
  width: 400px;
}
.fill-in-cargo-info .contacts-info .input-long > span {
  width: 380px;
}
.fill-in-cargo-info .contacts-info .input-address {
  width: 780px;
}
.fill-in-cargo-info .contacts-info .input-address > div {
  width: 610px;
}
.fill-in-cargo-info .contacts-info .input-address > span {
  float: left;
}
.fill-in-cargo-info .contacts-info .input-address > span input {
  float: left;
  margin-top: 7px;
  margin-right: 5px;
}
.fill-in-cargo-info .contacts-info .input-address .select-city {
  float: left;
  width: 210px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fill-in-cargo-info .contacts-info .input-address .detailed-address {
  float: left;
  width: 398px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fill-in-cargo-info .contacts-info .postcode {
  width: 180px;
}
.fill-in-cargo-info .contacts-info .postcode > div {
  width: 89px;
}
.fill-in-cargo-info .total-cost {
  width: 248px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  overflow: hidden;
  font-size: 12px;
}
.fill-in-cargo-info .total-cost ul {
  padding: 14px 19px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.fill-in-cargo-info .total-cost li {
  line-height: 22px;
}
.fill-in-cargo-info .total-cost li span {
  float: left;
  display: inline-block;
}
.fill-in-cargo-info .total-cost li .item {
  width: 45%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fill-in-cargo-info .total-cost li .cost {
  width: 55%;
  text-align: right;
}
.fill-in-cargo-info .total-cost ul.total {
  border-bottom-width: 0;
}
.fill-in-cargo-info .total-cost ul.total span {
  color: #cc3333;
}
.fill-in-cargo-info .cabin-explain-box {
  margin-top: 10px;
  padding: 0;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}
.fill-in-cargo-info .cabin-explain-box h2 {
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: normal;
  cursor: pointer;
}
.fill-in-cargo-info .cabin-explain-box h2 span {
  float: right;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  margin-right: 20px;
  background-position: -30px -23px;
}
.fill-in-cargo-info .cabin-explain-box h2.in {
  margin-bottom: 0;
}
.fill-in-cargo-info .cabin-explain-box h2.in span {
  background-position: -38px -23px;
}
.fill-in-cargo-info .cabin-explain-box .cabin-explain-table {
  padding: 9px;
}
.fill-in-cargo-info .cabin-explain-box .cabin-explain-table table {
  margin-top: 0;
}
.fill-in-cargo-info .cabin-explain-box .cabin-explain-table table .odd,
.fill-in-cargo-info .cabin-explain-box .cabin-explain-table table tr:nth-child(odd) {
  background-color: #fafafa!important;
}
.fill-in-cargo-info .consign-box .consign-item {
  width: 658px;
  overflow: hidden;
  padding-top: 10px;
  padding-right: 110px;
  padding-left: 130px;
  border-bottom: 1px solid #f7f7f7;
}
.fill-in-cargo-info .consign-box .consign-item li {
  margin-bottom: 8px;
  overflow: hidden;
}
.fill-in-cargo-info .consign-box .consign-item li input {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.fill-in-cargo-info .consign-box .consign-item li span {
  float: left;
  width: 630px;
  line-height: 20px;
  font-size: 12px;
}
.fill-in-cargo-info .consign-box .clause {
  height: 84px;
}
.fill-in-cargo-info .consign-box .long {
  width: 590px;
}
.fill-in-cargo-info .consign-box .long > label {
  width: 180px;
}
.fill-in-cargo-info .consign-box .long > label a {
  float: left;
  margin-top: 6px;
  margin-left: 65px;
}
.fill-in-cargo-info .consign-box .long > div {
  width: 320px;
}
.fill-in-cargo-info .submit {
  padding: 15px 0;
  text-align: center;
  margin-top: 1px;
  border-top: 1px solid #e5e5e5;
  background-color: #edf2f8;
}
.fill-in-cargo-info .submit button {
  width: 200px;
  margin: 0 auto;
}
.statement {
  width: 658px;
  overflow: hidden;
  padding-top: 10px;
  padding-right: 110px;
  padding-bottom: 10px;
  padding-left: 130px;
  border-bottom: 2px solid #174992;
}
.statement .clause {
  height: 95px;
  padding: 10px;
  line-height: 20px;
  font-size: 12px;
  overflow-y: scroll;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
}
.statement .clause h6 {
  font-size: 12px;
  padding: 2px 0;
}
.statement .agree {
  margin-top: 10px;
}
.statement .agree input {
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  margin-right: 10px;
}
.statement .agree label {
  float: left;
  margin-top: 2px;
  font-size: 12px;
}
/**
* 航班动态
*/
.flight-dynamic {
  padding-top: 10px;
}
.flight-dynamic .dynamic-search-box {
  border: 1px solid #cccccc;
}
.flight-dynamic .dynamic-search-box > h3 {
  width: 100%;
  line-height: 28px;
  text-indent: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #174992;
  background-color: #edf2f9;
  border-bottom: 1px solid #cccccc;
}
.flight-dynamic .dynamic-search-box > div {
  height: 26px;
  padding: 10px;
}
.flight-dynamic .dynamic-search-box > div > * {
  float: left;
}
.flight-dynamic .dynamic-search-box .search-condition {
  width: 210px;
  height: 24px;
  line-height: 24px;
  margin-right: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.flight-dynamic .dynamic-search-box .search-condition a {
  float: left;
  display: block;
  width: 50%;
  color: #174992;
  text-align: center;
}
.flight-dynamic .dynamic-search-box .search-condition a:first-child {
  border-right: 1px solid #cccccc;
}
.flight-dynamic .dynamic-search-box .search-condition a.active {
  color: #ffffff;
  background-color: #174992;
}
.flight-dynamic .dynamic-search-box .search-item {
  position: relative;
}
.flight-dynamic .dynamic-search-box .search-item .changecity {
  position: absolute;
  top: 3px;
  left: 230px;
  z-index: 999;
  width: 20px;
  height: 20px;
  line-height: 100px;
  overflow: hidden;
  background-position: -479px -145px;
  background-repeat: no-repeat;
}
.flight-dynamic .dynamic-search-box .search-item .changecity:hover {
  background-position: -479px -185px;
}
.flight-dynamic .dynamic-search-box .search-item ul {
  display: none;
  width: 696px;
  height: 26px;
}
.flight-dynamic .dynamic-search-box .search-item ul.active {
  display: block;
}
.flight-dynamic .dynamic-search-box .search-item li {
  float: left;
  position: relative;
  width: 222px;
  line-height: 26px;
  margin-right: 10px;
}
.flight-dynamic .dynamic-search-box .search-item li i {
  color: #cc3333;
}
.flight-dynamic .dynamic-search-box .search-item li label {
  float: left;
  width: 72px;
  padding-right: 10px;
  text-align: right;
}
.flight-dynamic .dynamic-search-box .search-item li input {
  float: left;
  width: 140px;
  height: 26px;
  line-height: 24px;
  padding: 0 5px;
}
.flight-dynamic .dynamic-search-box .search-item li .ui-city-code-box {
  left: 82px;
}
.flight-dynamic .dynamic-search-box .search-item li.has-error input {
  border: 1px solid #cc3333;
}
.flight-dynamic .dynamic-search-box .search-operate {
  width: 210px;
  padding-left: 10px;
}
.flight-dynamic .dynamic-search-box .search-operate button {
  height: 26px;
}
.flight-dynamic .dynamic-date {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
}
.flight-dynamic .dynamic-date.fixed {
  position: fixed;
  top: 0;
  z-index: 300;
}
.flight-dynamic .dynamic-date ul {
  width: 1159px;
  height: 36px;
  border: 1px solid #cccccc;
  border-right-width: 0;
}
.flight-dynamic .dynamic-date ul li {
  float: left;
  width: 75px;
  height: 36px;
  border-right: 1px solid #cccccc;
}
.flight-dynamic .dynamic-date ul li a {
  display: block;
  padding: 3px;
  text-align: center;
}
.flight-dynamic .dynamic-date ul li i,
.flight-dynamic .dynamic-date ul li span {
  display: block;
  line-height: 15px;
  color: #174992;
}
.flight-dynamic .dynamic-date ul li.active {
  width: 94px;
  background-color: #174992;
}
.flight-dynamic .dynamic-date ul li.active i,
.flight-dynamic .dynamic-date ul li.active span {
  color: #ffffff;
}
.flight-dynamic .dynamic-title.fixed {
  position: fixed;
  top: 58px;
  z-index: 300;
  margin-top: 0;
}
.flight-dynamic .dynamic-title ul {
  width: 1140px;
  height: 38px;
  padding: 0 9px;
  border: 1px solid #cccccc;
  border-bottom-width: 0;
  background-color: #fff;
}
.flight-dynamic .dynamic-title ul li {
  float: left;
  width: 114px;
  height: 15px;
  line-height: 15px;
  padding: 12px 0;
  text-align: center;
}
.flight-dynamic .dynamic-title ul li span {
  display: block;
  border-left: 1px solid #cccccc;
}
.flight-dynamic .dynamic-title ul li:first-child span {
  border-left-width: 0;
}
.flight-dynamic .dynamic-list {
  padding: 8px;
  padding-top: 0;
  margin-bottom: 55px;
  border: 1px solid #cccccc;
  border-top-width: 0;
}
.flight-dynamic .dynamic-list .list-box {
  border-bottom: 1px solid #174992;
}
.flight-dynamic .dynamic-list .list {
  width: 1140px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #174992;
  border-bottom-width: 0;
  overflow: hidden;
}
.flight-dynamic .dynamic-list .list li {
  float: left;
  width: 114px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.flight-dynamic .dynamic-list .list:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.flight-dynamic .dynamic-list .list.odd {
  background-color: #edf2f9;
}
.flight-dynamic .dynamic-list .connecting .first li {
  height: 96px;
  line-height: 96px;
}
.flight-dynamic .dynamic-list .first {
  float: left;
  width: 342px;
}
.flight-dynamic .dynamic-list .last {
  float: left;
  width: 798px;
}
.flight-dynamic .dynamic-list .last ul {
  height: 28px;
}
.flight-dynamic .dynamic-list .stay {
  position: relative;
  height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.flight-dynamic .dynamic-list .stay i {
  display: block;
  height: 10px;
  border-bottom: 1px dotted #cccccc;
}
.flight-dynamic .dynamic-list .stay span {
  position: absolute;
  top: 10px;
  left: 45px;
  display: block;
  height: 18px;
  line-height: 18px;
  padding-left: 19px;
  padding-right: 19px;
  border: 1px solid #cccccc;
  border-radius: 9px;
  background-color: #fff;
}
.flight-dynamic .dynamic-list .succeed {
  color: #14a648;
}
.flight-dynamic .dynamic-list .warning {
  color: #ed8204;
}
.flight-dynamic .dynamic-list .danger {
  color: #c9032b;
}
/**
* 订单信息“order-info”样式同时在以下几个页面中引用：
* 1、提交订舱申请 2、订单详情 3、修改航班 4、减少重量 5、其他变更
*/
.order-info h1 {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-indent: 20px;
  clear: both;
}
.order-info h1.collapse {
  margin-top: 10px;
  border-bottom: 1px solid #d1d9e0;
}
.order-info h1.collapse div {
  font-weight: normal;
}
.order-info h1.collapse span {
  color: #008acb;
}
.order-info h1.collapse .icon {
  margin-top: 14px;
}
.order-info h1.consignment-explain-title {
  border-bottom: 1px solid #cccccc!important;
}
.order-info h2 {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-weight: normal;
  text-indent: 20px;
  background-color: #dfe4e8;
  clear: both;
}
.order-info .collapse {
  cursor: pointer;
  border-bottom: 1px solid #ffffff;
}
.order-info .collapse span,
.order-info .collapse i {
  float: left;
}
.order-info .collapse .icon {
  width: 8px;
  height: 8px;
  margin-top: 17px;
  margin-left: 5px;
  background-position: -30px -23px;
}
.order-info .collapse.in {
  border-bottom-width: 0;
}
.order-info .collapse.in .icon {
  background-position: -38px -23px;
}
.order-info table,
.order-info dt,
.order-info dd{
  font-size: 12px;
}
.order-info .bar-table {
  table-layout: fixed;
}
.order-info .bar-table .icon-hint {
  float: left;
  margin-top: 14px;
  margin-left: 40px;
}
.order-info .bar-table td,
.order-info .bar-table th {
  line-height: 40px;
  padding: 0 5px;
  box-sizing: border-box;
}
.order-info .bar-table td.long-text{
  word-wrap: break-word;
  word-break: break-all;
  line-height: 24px;
  padding: 8px 0;
}
.order-info .bar-table td p,
.order-info .bar-table th p {
  padding-left: 60px;
}
.order-info .bar-table tr {
  display: inline-block;
  width: 1198px;
  border-top: 1px solid #f7f7f7;
}
.order-info .bar-table tr:first-child {
  border-top: none;
  height: 40px;
}
.order-info .bar-table tr.border-top {
  border-top: 1px solid #f7f7f7;
}
.order-info .bar-table tr.border-bottom {
  border-bottom: 1px solid #f7f7f7;
}
.order-info .bar-table thead tr {
  text-align: left;
  background-color: #dfe4e8;
}
.order-info .bar-table thead th {
  line-height: 30px;
  font-weight: normal;
}
.order-info .bar-table.group {
  padding: 8px 0;
  border-bottom: 1px solid #f7f7f7;
}
.order-info .bar-table.group tr {
  border-top: none;
}
.order-info .bar-table.group tr td {
  float: left;
  line-height: 24px;
}
.order-info .expense-info .mCSB_container {
  margin-right: 0;
}
.order-info .expense-info dl {
  width: 1158px;
}
.order-info .expense-info dl:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.order-info .expense-info dl dt,
.order-info .expense-info dl dd {
  float: left;
}
.order-info .expense-info dl dt {
  width: 100px;
  line-height: 32px;
  padding-right: 10px;
  text-align: right;
}
.order-info .expense-info dl dd {
  width: 1048px;
  margin-top: 20px;
  padding: 5px 0;
  border-top: 1px solid #f7f7f7;
}
.order-info .expense-info td {
  line-height: 24px;
  padding: 0 5px;
  box-sizing: border-box;
}
.order-info .expense-info .select-input-box label {
  float: left;
  width: 120px;
  padding-left: 10px;
  padding-right: 0;
}
.order-info .expense-info .select-input-box label select {
  height: 26px;
  line-height: 26px;
  border-right: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ecf2f9;
}
.order-info .expense-info .select-input-box .input-group {
  float: left;
}
.order-info .expense-info .select-input-box .input-group input {
  width: 127px;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.order-info .expense-info .select-input-box .input-group .addon {
  width: 40px;
  line-height: 24px;
  vertical-align: middle;
  font-style: normal;
}
.order-info .expense-info .select-input-box.has-error select,
.order-info .expense-info .select-input-box.has-error input,
.order-info .expense-info .select-input-box.has-error .addon {
  border-color: #cc3333;
}
.order-info .expense-info .accessorial-service {
  max-height: 120px;
  overflow: hidden;
}
.order-info .expense-info .accessorial-service table {
  table-layout: fixed;
}
.order-info .expense-info .accessorial-service td[width="140"] .omit {
  float: right;
  display: inline-block;
  max-width: 89px;
  line-height: 24px;
  margin-left: 5px;
}
.order-info .expense-info .collapse-group {
  margin: 12px 0;
}
.order-info .expense-info .collapse-group .collapse-btn {
  float: right;
  display: inline-block;
  max-width: 90px;
  margin: 0 5px;
  font-weight: bold;
  color: #008acb;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-info .expense-info .collapse-group .arrows {
  float: right;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  background-position: -38px -23px;
}
.order-info .expense-info .collapse-group.up .arrows {
  background-position: -30px -23px;
}
.order-info .expense-info .collapse-group.up .collapse-item {
  display: none;
}
.order-info .expense-info .input-group input[type='text'],
.order-info .expense-info .form .input-group input[type='text'] {
  width: 64px;
  height: 26px;
  padding: 0 5px;
  line-height: 26px;
  border-right-width: 0px;
}
.order-info .expense-info .input-group .addon,
.order-info .expense-info .form .input-group .addon {
  float: left;
  width: 35px;
}
.order-info .expense-info .has-error input,
.order-info .expense-info .has-error .addon {
  border-color: #cc3333!important;
}
.order-info .branch {
  position: relative;
  display: inline-block;
  padding-left: 19px;
  border-left: 1px solid #cccccc;
}
.order-info .branch i {
  position: absolute;
  top: 11px;
  left: -1px;
  display: block;
  width: 8px;
  height: 12px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.order-info .branch i.white-bor {
  border-left: 1px solid #ffffff;
}
.order-info .bor-table {
  width: 1120px;
  margin: 10px 19px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.order-info .bor-table td,
.order-info .bor-table th {
  line-height: 30px;
  text-align: center;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.order-info .bor-table th {
  font-weight: normal;
  background-color: #dfe4e8;
}
.order-info .bor-table span {
  color: #cc3333;
  margin-left: 10px;
}
.order-info .bor-table p {
  line-height: 20px;
}
.order-info .bor-table .contacts {
  padding: 5px 10px;
  text-align: left;
  vertical-align: top;
}
.order-info .bor-table .living-animals {
  height: 52px;
}
.order-info .bor-table .living-animals button {
  width: 100px;
  background-color: #edf2f8;
}
.order-info .bor-table .living-animals button:hover {
  color: #ffffff;
  background-color: #164992;
}
.order-info .order-id {
  padding: 15px 20px;
}
.order-info .order-id p {
  line-height: 24px;
  font-size: 14px;
}
.order-info .order-id span {
  color: #dc3b2f;
}
.order-info .order-content {
  border-top: 2px solid #008acb;
  border-right: 1px solid #d1d9e0;
  border-bottom: 2px solid #008acb;
  border-left: 1px solid #d1d9e0;
  background-color: #fff;
}
.order-info .consignment-explain {
  padding: 10px;
  font-size: 12px;
  background-color: #ffffff;
}
.order-info .consignment-explain:last-child{
  margin-bottom: 20px;
}
.order-info .consignment-explain h6 {
  font-size: 12px;
  font-weight: bold;
}
.order-info .consignment-explain h6,
.order-info .consignment-explain p {
  line-height: 24px;
}
.order-info .consignment-explain h6 span,
.order-info .consignment-explain p span {
  font-weight: bold;
}
.order-info .consignment-explain .explain-box {
  margin-bottom: 10px;
  overflow: hidden;
}
.order-info .consignment-explain .explain-img {
  float: left;
  width: 240px;
  margin-right: 20px;
}
.order-info .consignment-explain .explain-txt {
  float: left;
  width: 880px;
}
.order-info .form {
  position: relative;
  line-height: 46px;
  /* 错误 */
}
.order-info .form input {
  width: 170px;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  margin: 10px 0;
}
.order-info .form .has-error input,
.order-info .form .has-error select,
.order-info .form .has-error .addon {
  border-color: #cc3333!important;
}
.order-info .form .has-error .txt-hint {
  display: inline-block;
  color: #cc3333;
}
.order-info .form .edit-flight {
  position: absolute;
  top: 11px;
  right: 15px;
}
.order-info .form .input-group * {
  float: left;
  display: block;
}
.order-info .form .input-group input {
  width: 130px;
  border-right-width: 0px;
}
.order-info .form .input-group .addon {
  width: 40px;
  margin: 10px 0;
}
.order-info .form .change-size-btn {
  float: left;
  width: 90px;
  height: 26px;
  line-height: 26px;
  margin: 10px;
  background-color: #edf1fa;
}
.order-info .hazardous span,
.order-info .hazardous button {
  float: left;
}
.order-info .hazardous button {
  display: inline-block;
  width: 40px;
  height: 26px;
  line-height: 26px;
  margin-top: 4px;
  margin-left: 10px;
  background-color: #edf1fa;
}
.order-info .hazardous button:hover {
  color: #ffffff;
  background-color: #164992;
}
.order-info .fill-in-cargo-info {
  overflow: visible;
}
.order-info .fill-in-cargo-info .form-lists {
  width: 1108px;
}
.order-info .fill-in-cargo-info .form-lists > li > label {
  width: 90px;
  font-size: 12px;
}
.order-info .fill-in-cargo-info .form-lists .attention {
  width: 1108px;
}
.order-info .fill-in-cargo-info .form-lists .attention > div {
  width: 900px;
  line-height: 26px;
}
.order-info .fill-in-cargo-info .contacts-info {
  padding-bottom: 10px;
}
.order-info .fill-in-cargo-info .contacts-info > ul > li {
  width: 290px;
  padding-bottom: 0;
}
.order-info .fill-in-cargo-info .contacts-info > ul > li > div {
  width: 170px;
}
.order-info .fill-in-cargo-info .contacts-info .input-long {
  width: 656px;
}
.order-info .fill-in-cargo-info .contacts-info .input-long > div {
  width: 536px;
}
.order-info .fill-in-cargo-info .contacts-info .input-short {
  width: 365px;
}
.order-info .fill-in-cargo-info .contacts-info .input-short > div {
  width: 191px;
}
.order-info .fill-in-cargo-info .contacts-info .input-address {
  width: 1010px;
}
.order-info .fill-in-cargo-info .contacts-info .input-address > div {
  width: 850px;
}
.order-info .fill-in-cargo-info .contacts-info .input-address .select-city {
  width: 270px;
}
.order-info .fill-in-cargo-info .contacts-info .input-address .detailed-address {
  width: 569px;
}
.order-info .fill-in-cargo-info .contacts-info .input-tel {
  margin-left: 75px;
}
.order-info .fill-in-cargo-info .contacts-info .input-tel .tel input {
  width: 105px;
}
.order-info .fill-in-cargo-info .contacts-info .input-tel .tel input:first-child {
  width: 65px;
}
.order-info .fill-in-cargo-info .contacts-info .postcode {
  width: 285px;
}
.order-info .fill-in-cargo-info .contacts-info .postcode > div {
  width: 130px;
}
.order-info .fill-in-cargo-info .contacts-info .operation {
  width: 78px;
}
.order-info .contacts .fill-in-cargo-info {
  padding: 0 5px;
}
.order-info .consign-box .consign-item {
  width: 988px;
  overflow: hidden;
  padding-top: 10px;
  padding-right: 130px;
  padding-left: 30px;
  border-bottom: 1px solid #f7f7f7;
}
.order-info .consign-box .consign-item li {
  margin-bottom: 8px;
  overflow: hidden;
}
.order-info .consign-box .consign-item li input {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.order-info .consign-box .consign-item li span {
  float: left;
  width: 960px;
  line-height: 20px;
  font-size: 12px;
}
.order-info .consign-box .form-lists > li.long {
  width: 848px;
}
.order-info .consign-box .form-lists > li.long > label {
  width: 196px;
}
.order-info .consign-box .form-lists > li.long > label a {
  float: left;
  margin-top: 6px;
  margin-left: 80px;
}
.order-info .consign-box .form-lists > li.long > div {
  width: 532px;
}
.order-info .consign-box .statement {
  width: 898px;
  padding-left: 120px;
}
.order-info .consign-box .statement .clause {
  height: 84px;
}
.order-info .change-reasons {
  border-top: 1px solid #174992;
}
.order-info .change-reasons input {
  width: 530px;
}
.order-info .order-btn {
  padding-top: 20px;
  padding-bottom: 50px;
}
.order-info .order-btn .btn {
  width: 200px;
  margin: 0 5px;
}
.order-info .order-btn .btn:first-child {
  margin-left: 0;
}
.order-info .consign-explain {
  padding-top: 10px;
  padding-left: 130px;
  padding-bottom: 10px;
}
.order-info .consign-explain .btn {
  color: #333333;
  background-color: #edf1fa;
  border: 1px solid #cccccc;
}
.order-info .consign-explain .btn:hover {
  color: #ffffff;
  background-color: #164992;
}
.total-cost-hint,
.change-fee-hint {
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.total-cost-hint span,
.change-fee-hint span {
  float: left;
  display: inline-block;
  width: 50%;
  color: #174992;
}
.total-cost-hint .cost,
.change-fee-hint .cost {
  text-align: right;
}
.total-cost-hint ul,
.change-fee-hint ul {
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 13px;
  margin-left: -13px;
  margin-right: -13px;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}
.total-cost-hint li,
.change-fee-hint li {
  line-height: 22px;
  overflow: hidden;
}
.total-cost-hint .total,
.change-fee-hint .total {
  padding-top: 13px;
  overflow: hidden;
}
.total-cost-hint .total span,
.change-fee-hint .total span {
  color: #cc3333;
}
.change-fee-hint .item {
  width: 65%;
}
.change-fee-hint .cost {
  width: 35%;
}
.cargo-change-size-box {
  width: 490px;
}
.cargo-change-size-box li {
  width: 85px;
}
.cargo-change-size-box dt li::before {
  margin-top: 4px;
}
.cargo-change-size-box dt small {
  display: inline-block;
}
.cargo-change-size-box dd input {
  width: 62px;
}
.living-animals h3 {
  font-size: 18px;
  line-height: 52px;
}
.living-animals h4 {
  font-size: 16px;
  line-height: 42px;
}
.living-animals h5 {
  font-size: 14px;
  line-height: 32px;
}
.living-animals p {
  text-indent: 2em;
}
.living-animals img {
  max-width: 600px;
}
.living-animals table {
  width: 700px;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.living-animals table th,
.living-animals table td {
  line-height: 32px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/* .living-animals-box h1 {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #164992;
} */
.living-animals-box .living-animals-content {
  padding-top: 0;
  padding-bottom: 20px;
  background-color: #ffffff;
  border-top: 2px solid #008acb;
  border-right: 1px solid #e5e5e5;
  border-bottom: 2px solid #008acb;
  border-left: 1px solid #e5e5e5;
}
.living-animals-box .la-btn {
  padding: 20px 0;
  text-align: center;
}
.living-animals-box .la-btn > .btn {
  width: 100px;
}
.living-animals-box .la-box {
  width: 850px;
  margin: 20px auto;
}
.living-animals-box .la-title {
  margin-bottom: 20px;
}
.living-animals-box .la-title h3,
.living-animals-box .la-title h4 {
  line-height: 32px;
  text-align: center;
}
.living-animals-box .la-title h3 {
  font-size: 22px;
}
.living-animals-box .la-title h4 {
  font-size: 18px;
}
.living-animals-box .la-table {
  text-align: left;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
}
.living-animals-box .la-table th,
.living-animals-box .la-table td {
  padding: 5px;
  line-height: 20px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.living-animals-box .la-table span {
  display: inline-block;
}
.living-animals-box .la-table .specification {
  padding: 6px;
}
.living-animals-box .la-table .specification ul {
  overflow: hidden;
}
.living-animals-box .la-table .specification ul li input {
  float: left;
  margin-top: 5px;
  margin-right: 16px;
}
.living-animals-box .la-table .specification ul li div {
  float: left;
  width: 795px;
}
.living-animals-box .la-table .specification ol {
  overflow: hidden;
}
.living-animals-box .la-table .specification ol span {
  float: left;
  width: 29px;
}
.living-animals-box .la-table .specification ol div {
  float: left;
  width: 795px;
}
.living-animals-box .la-table .specification h6 {
  font-size: 18px;
  padding-top: 15px;
  font-style: italic;
  text-decoration: underline;
}
.living-animals-box .la-table.group {
  text-align: center;
}
.living-animals-box .la-table.shipper dl {
  margin-bottom: 5px;
  overflow: hidden;
}
.living-animals-box .la-table.shipper dt,
.living-animals-box .la-table.shipper dd {
  float: left;
}
.living-animals-box .la-table.shipper dt {
  width: 180px;
}
.living-animals-box .la-table.shipper dd {
  width: 230px;
  overflow: hidden;
  border-bottom: 1px dashed #000;
}
.living-animals-box .la-table.shipper .address {
  margin-top: 10px;
}
.living-animals-box .la-table.shipper .address dt,
.living-animals-box .la-table.shipper .address dd {
  min-height: 64px;
  max-height: 128px;
  line-height: 32px;
}
.living-animals-box .la-table.shipper .address dd {
  border-bottom-width: 0;
}
.living-animals-box .la-table.shipper .signature dt,
.living-animals-box .la-table.shipper .date dt,
.living-animals-box .la-table.shipper .signature dd,
.living-animals-box .la-table.shipper .date dd {
  height: 48px;
}
.living-animals-box .la-table.shipper .signature dd,
.living-animals-box .la-table.shipper .date dd {
  line-height: 48px;
}
.living-animals-box .la-table.shipper .date dt {
  width: 90px;
}
.living-animals-box .la-table.shipper .date dd {
  width: 320px;
}
.living-animals-box .la-table.duty h4 {
  line-height: 52px;
  font-size: 28px;
  text-align: center;
}
.living-animals-box .la-table.duty dl {
  margin-bottom: 5px;
  overflow: hidden;
}
.living-animals-box .la-table.duty dl dt {
  float: left;
  width: 20px;
  padding-left: 16px;
  font-size: 16px;
}
.living-animals-box .la-table.duty dl dd {
  float: left;
  width: 780px;
  padding: 0 10px;
}
.living-animals-modal .consign-item {
  width: 720px;
  overflow: hidden;
  border-bottom: 1px solid #f7f7f7;
}
.living-animals-modal .consign-item li {
  margin-bottom: 8px;
  overflow: hidden;
}
.living-animals-modal .consign-item li input {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.living-animals-modal .consign-item li span {
  float: left;
  width: 690px;
  line-height: 20px;
}
.living-animals-modal table {
  line-height: 24px;
  padding-bottom: 10px;
  border-top-width: 0;
  border-left-width: 0;
  border-bottom: 1px solid #eee;
}
.living-animals-modal table td {
  color: #333333;
  border-right-width: 0;
  border-bottom-width: 0;
}
/**
* 模块：$货物跟踪
*/
.tracking-search {
 /*  margin-top: 10px; */
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.tracking-search h3 {
  line-height: 28px;
  padding-left: 22px;
  font-size: 14px;
  color: #174992;
  background-color: #edf2f9;
  border-bottom: 1px solid #cccccc;
}
.tracking-search small {
  font-weight: normal;
}
.tracking-search ul {
  width: 1120px;
  height: 36px;
  padding: 20px 19px;
}
.tracking-search li {
  float: left;
  width: 300px;
  height: 36px;
}
.tracking-search li .group select {
  float: left;
  width: 70px;
  height: 36px;
  line-height: 36px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
  box-sizing: border-box;
  font-size: 14px;
}
.tracking-search li .group input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tracking-search li label {
  float: left;
  width: 60px;
  line-height: 36px;
  margin-right: 10px;
  text-align: right;
}
.tracking-search li label i {
  color: #cc3333;
}
.tracking-search li input {
  float: left;
  width: 190px;
  padding: 0 5px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.tracking-search li .input-group {
  float: left;
  width: 190px;
  height: 36px;
}
.tracking-search li .input-group input {
  width: 100px;
  font-size: 14px;
}
.tracking-search li .input-group .addon {
  float: left;
 /* width: 100px;*/
}
.tracking-search li .input-group .addon img {
  width: 98px;
  height: 34px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
.tracking-search li button {
  float: left;
  width: 100px;
  height: 36px;
  line-height: 34px;
  margin: 0 10px 0 5px;
}
.tracking-search li.has-error select,
.tracking-search li.has-error input,
.tracking-search li.has-error .addon {
  border-color: #cc3333;
}
.tracking-search li div.form-item-unit {
  width: 220px;
  height: 36px;
  float: left;
}
.tracking-search li div.form-item-unit input {
  float: left;
  width: 100px;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  padding: 0px 0px 0px 5px;
  border: 1px solid #D1D9E0;
  border-radius: 5px;
}
.tracking-search li div.form-item-unit .to {
  float: left;
  width: 20px;
  line-height: 34px;
  text-align: center;
}

.cargo-tracking {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #d1d9e0;
  background-color: #ffffff;
}
.cargo-tracking .tab-box{
  margin-bottom: 5px;
}
.cargo-tracking a {
  color: #008abc;
}
.cargo-tracking .tab-title{
  height: 30px;
  line-height: 30px;
  background-color: #dfe4e8;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.cargo-tracking .tab-title span{
  margin:0 15px;
  display: inline-block;
}
.cargo-tracking .tab-box .tab-title .tab-arrow{
  width: 0; 
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color:#dfe4e8 #dfe4e8 #dfe4e8 #666;
  display: inline-block;
  margin-top: 8px;
  float: right;
}
/* .cargo-tracking .tab-box .tab-title {
  border-color:#dfe4e8 #dfe4e8 #dfe4e8 #666;
} */
.cargo-tracking .tab-box.active .tab-title .tab-arrow{
  border-color:#666 #dfe4e8 #dfe4e8 #dfe4e8;
}
.cargo-tracking .tab-nav {
  height: 30px;
  background-color: #dfe4e8;
  border-bottom: 1px solid #cccccc;
}
.cargo-tracking .tab-nav li {
  margin-right: 0;
}
.cargo-tracking .tab-nav li a {
  line-height: 28px;
  color: #008acb;
}
.cargo-tracking .tab-nav li.active {
  top: -1px;
  left: -1px;
  bottom: 0;
}
.cargo-tracking .tab-nav li.active a {
  line-height: 31px;
  border: 1px solid #cccccc;
  border-bottom-width: 0;
  background-color: #fff;
  color: #008acb;
}
.cargo-tracking .tab-box .tab-content {
  padding: 30px 20px;
  display: none;
}
.cargo-tracking .tab-box.active .tab-content{
  display: block;
}
.cargo-tracking .tab-content .tab-pane{
  display: block;
  padding-top: 20px;
}
.cargo-tracking table {
  margin-top: 0;
  margin-bottom: 10px;
}
.cargo-tracking h3 {
  font-size: 14px;
  line-height: 34px;
  color: #008acb;
  padding-left: 10px;
}
.cargo-tracking h3 .span2{
  font-size: 12px;
  line-height: 34px;
  color: #333;
  font-weight: normal;
}
.cargo-tracking h3 .span2 i{
  width: 8px;
  height: 8px;
  background-color: #f8e6e6;
  display: inline-block;
  border-radius: 2px;
  margin-right: 2px;
}
.cargo-tracking thead {
  background-color: #dfe4e8;
}
.cargo-tracking tbody tr:first-child td {
  padding-top: 10px;
}
.cargo-tracking th {
  height: 30px;
}
.cargo-tracking td {
  line-height: 30px;
  text-align: center;
  vertical-align: top;
}
.cargo-tracking .tab-content .print-btn{
  width: 60px;
  height: 22px;
  line-height: 20px;
  float: right;
  font-size: 12px;
  letter-spacing: 2px;
  margin-top: 4px;
}
.cargo-tracking .tab-content .background-red{ background-color: #f8e6e6;}
.cargo-state td:first-child {
  text-align: left;
  background-repeat: repeat-y;
  background-position: 14px 0;
}
.cargo-state td:first-child i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  background-color: #cccccc;
}
.cargo-state tr:first-child td {
  padding-top: 10px;
  color: #cc3333;
}
.cargo-state tr:first-child td:first-child {
  background-repeat: no-repeat;
  background-position: 14px 10px;
}
.cargo-state tr:first-child td:first-child i {
  background-color: #cc3333;
}

.tracking-step {
  width: 862px;
  height: 100px;
  margin: 0 auto;
}
.tracking-step > div {
  position: absolute;
  width: 0;
  height: 100px;
  overflow: hidden;
}
.tracking-step > div span {
  position: absolute;
  top: 28px;
  right: 0;
  display: block;
  width: 24px;
  height: 10px;
}
.tracking-step .starting-receiving {
  width: 143px;
}
.tracking-step .stowage {
  width: 337px;
}
.tracking-step .sendout {
  width: 541px;
}
.tracking-step .destination {
  width: 672px;
}
.tracking-step .receiving {
  width: 862px;
}
.tracking-step .receiving span {
  display: none;
}

/**
* 模块：$账户相关
* 当前模块包括以下五个页面：
* 企业注册、个人注册、找回密码、修改手机、修改邮箱
*/
.signup {
  padding-top: 140px;
}
.signup-box {
  min-height: 910px;
  padding-bottom: 80px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fff;
}
.signup-title {
  height: 38px;
  padding: 20px 20px 0 20px;
}
.signup-title h2 {
  margin-left: 40px;
  line-height: 38px;
  font-size: 18px;
  font-weight: 600;
  color: #008acb;
}
.signup-title .pull-right {
  width: 660px;
}
.signup-title h3,
.signup-title p {
  font-weight: normal;
  line-height: 24px;
  font-size: 14px;
}
.signup-main .tab-nav {
  height: 50px;
  padding-left: 50px;
}
.signup-main .tab-nav a {
  line-height: 50px;
  color: #008abc;
}
.signup-main .tab-nav .active a {
  line-height: 46px;
}
.signup-main .tab-content {
  padding-left: 80px;
}
.signup-main .tab-content h6 {
  font-size: 14px;
  font-weight: normal;
  color: #cc3333;
  padding: 20px 0;
}
.signup-main .tab-content p {
  line-height: 24px;
}
.signup-main .tab-content a.btn {
  width: 250px;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
}
.signup-main .signup-content {
  float: left;
  width: 850px;
}
.signup-main .submit {
  margin-left: 145px;
}
.signup-main .submit button {
  width: 250px;
  margin-top: 10px;
  font-size: 12px;
}
.signup-main .form-lists > li > p{
  line-height: 34px;
}
.login-hint {
  float: left;
  width: 170px;
  height: 800px;
  margin-top: 30px;
  padding: 15px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: #dfe4e8;
}
.login-hint p {
  line-height: 24px;
  padding: 0 5px;
}
.login-hint button {
  width: 120px;
  margin-top: 20px;
}
.login-hint.sm {
  height: 680px;
}
.form-lists {
  width: 830px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d1d9e0;
  /* 错误 */
  /* 手机验证码 */
  /* 固定电话 */
}
.signup-box .form-lists > li,
.signup-box .form-lists > li > div > input,
.signup-box .form-lists > li > div > select,
.signup-box .form-lists > li > div > textarea {
   height: 36px;
   font-size: 14px;
}

.signup-box .form-lists > li > label,
.signup-box .form-lists > li > span{
   line-height: 34px;
   font-size: 14px;
}
.form-lists > li {
  height: 26px;
  padding: 5px 0;
}
.form-lists > li > label,
.form-lists > li > span {
  float: left;
  display: inline-block;
  line-height: 26px;
}
.form-lists > li > label {
  width: 135px;
  text-align: right;
  font-size: 12px;
}
.form-lists > li > label > i {
  display: inline-block;
  font-style: normal;
  color: #cc3333;
  margin-right: 5px;
}
.form-lists > li > div {
  float: left;
  width: 250px;
  padding-left: 10px;
  padding-right: 10px;
}
.form-lists > li > div > input,
.form-lists > li > div > select,
.form-lists > li > div > textarea {
  height: 26px;
  line-height: 24px;
  padding: 0 5px;
}
.form-lists > li > div > textarea {
  height: 50px;
}
.form-lists > li > div > input[type=file] {
  line-height: normal;
  padding: 1px 4px;
}
.form-lists > li > p {
  float: left;
  padding-left: 10px;
  line-height: 26px;
}
.form-lists .has-error input,
.form-lists .has-error select,
.form-lists .has-error textarea,
.form-lists .has-error .addon {
  border-color: #cc3333!important;
}
.form-lists .has-error > span {
  display: block;
  color: #cc3333;
}
.form-lists .has-error > span.normal {
  line-height: normal;
}
.form-lists li.phone-code > div *,
.form-lists li.mail-code > div * {
  float: left;
}
.form-lists li.phone-code input,
.form-lists li.mail-code input {
  width: 152px;
  *width: 130px;
}
.form-lists li.phone-code a,
.form-lists li.mail-code a {
  line-height: 36px;
  padding-left: 10px;
}
.form-lists li.fixed-line-tel > div * {
  float: left;
}
.form-lists li.fixed-line-tel input {
  width: 180px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-lists li.fixed-line-tel input.area-code {
  width: 70px;
  border-left-width: 1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-lists li.address {
  height: 50px;
}
.declaration {
  overflow: hidden;
  padding-top: 10px;
}
.declaration .item-title {
  float: left;
  width: 135px;
  line-height: 50px;
  text-align: right;
}
.declaration .item {
  float: left;
  width: 500px;
  padding: 0 10px;
}
.declaration .item li {
  padding: 10px 0;
}
.declaration .item .clause {
  width: 478px;
  *width: 428px;
  height: 120px;
  line-height: 20px;
  font-size: 12px;
  padding: 0 10px;
  overflow-y: scroll;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #cccccc;
}
.declaration .item .clause h5 {
  padding: 5px 0;
  font-size: 12px;
}
.declaration .item .clause div {
  margin-bottom: 5px;
}
.declaration .item input[type=checkbox] {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}
.change-phone form,
.change-mail form,
.change-pwd form {
  margin-left: 80px;
}
.change-phone .form-lists,
.change-mail .form-lists,
.change-pwd .form-lists {
  padding-bottom: 10px;
}
.verification-mode label {
  text-align: left;
  cursor: pointer;
}
.verification-mode label input {
  margin-left: 10px;
  margin-right: 10px;
}
.change-pwd .img-code input {
  float: left;
  width: 148px;
}
.change-pwd .img-code span {
  float: left;
  display: block;
  width: 92px;
  height: 36px;
  margin-left: 10px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.change-pwd .img-code img {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.step {
  height: 102px;
  margin-top: 10px;
  border-bottom: 1px solid #cccccc;
}
.step ul {
  padding-left: 65px;
}
.step li {
  float: left;
  width: 80px;
  margin-right: 65px;
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 14px;
  color: #cccccc;
  text-align: center;
}
.step li:first-child {
  color: #174992;
}
.step-img {
  width: 350px;
  height: 60px;
  margin-left: 75px;
  background-repeat: no-repeat;
}
.step-img > div {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.step.edit .step-img > div {
  width: 205px;
}
.step.edit .modify {
  color: #174992;
}
.step.succeed .step-img > div {
  width: 350px;
}
.step.succeed li {
  color: #174992;
}
.send-code > div {
  width: 148px!important;
  padding-right: 0!important;
}
.send-code p {
  color: #666666;
}
.send-code .btn {
  width: 148px;
  background-color: #008acb;
  border: 1px solid #008acb;
  color: #fff;
}
.send-code .btn[disabled] {
  color: #333333;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
}
.send-code .btn-info {
  color: #fff;
  border: 1px solid #008acb;
  background-color: #008acb;
}
.change-succeed {
  margin-left: 85px;
}
.change-succeed h6 {
  font-size: 14px;
  font-weight: normal;
  color: #cc3333;
  padding: 20px 0;
}
.change-succeed p {
  margin-bottom: 20px;
  line-height: 24px;
}
.change-succeed a.btn {
  width: 250px;
  height: 30px;
  line-height: 30px;
}
/**
* 模块：$个人中心
* 当前模块包括以下五个页面：
* 个人信息、企业信息、常用联系人、订单管理、变更管理
*/
/* .center-nav {
  width: 180px;
  margin-top: 10px;
}
.center-nav dl {
  padding-bottom: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #174992;
  background-color: #174992;
}
.center-nav dt {
  line-height: 49px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: 1px solid #13407f;
}
.center-nav dt .icon {
  float: left;
  margin: 19px 10px 0 19px;
}
.center-nav dd a {
  display: block;
  line-height: 30px;
}
.center-nav dd a:hover {
  background-color: #2158a7;
}
.center-nav dd > a {
  padding-left: 40px;
  color: #ffffff;
}
.center-nav dd > a i.icon {
  float: left;
  width: 5px;
  height: 5px;
  margin-top: 12px;
  margin-right: 10px;
  background-position: 0 -40px;
}
.center-nav dd ul {
  display: none;
}
.center-nav dd ul li a {
  padding-left: 65px;
  color: #ffffff;
}
.center-nav dd ul li.active a {
  color: #cc3333;
  background-color: #fff;
}
.center-nav dd.active > a {
  color: #cc3333;
  background-color: #fff;
}
.center-nav dd.active > a i.icon {
  background-position: 0 -45px;
}
.center-nav dd.active > a span.icon {
  width: 8px!important;
  background-position: -44px -40px !important;
}
.center-nav dd.active ul {
  display: block;
}
.center-nav dd.collapse > a {
  color: #ffffff;
  background-color: #174992;
}
.center-nav dd.collapse > a i.icon {
  background-position: 0 -40px;
}
.center-nav dd.collapse > a span.icon {
  float: right;
  width: 7px;
  height: 8px;
  margin-top: 11px;
  margin-right: 10px;
  background-position: -30px -40px;
} */
.center-content {
  width: 990px;
  margin-top: 30px;
}
.center-content .title {
  margin-bottom: 20px; 
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #008acb;
}
.center-content .title em {
  font-style: normal;
}
/* .center-content .title a {
  width: 110px;
  margin-top: 13px;
  margin-right: 10px;
} */
.center-content .info{
  padding: 20px 0px;
  padding-top: 0;
  font-size: 12px;
  background-color: #ffffff;
}
.center-content .info li {
  line-height: 32px;
}
.center-content .info li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.center-content .info li.integral{
  background-color: #dfe4e8;
  padding:10px 0;
}
.center-content .info label {
  float: left;
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-size: 12px;
  text-align: right;
}
.center-content .info .integralTxt {
  float: left;
  width: 260px;
  max-width: 500px;
  height: 32px;
  margin-right: 10px;
}
.center-content .info em {
  font-style: normal;
}
.center-content .info span {
  display: none;
  margin-left: 125px;
}
.center-content .info i {
  display: inline-block;
  font-style: normal;
}
.center-content .info input {
  display: none;
  width: 300px;
  height: 26px;
  line-height: 24px;
  padding: 0 5px;
  margin-right: 10px;
}
.center-content .info .tel {
  float: left;
  display: inline;
  margin-top: 3px;
}
.center-content .info .tel input {
  float: left;
  width: 227px;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.center-content .info .tel input:first-child {
  width: 73px;
  margin-right: 0;
  border-left-width: 1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.center-content .info .address {
  width: 420px;
}
.center-content .info .btn {
  width: 80px;
}
.center-content .has-error input {
  border: 1px solid #cc3333;
}
.center-content .has-error .edit {
  color: #666666;
  border: 1px solid #cccccc;
  background-color: #cccccc;
  cursor: not-allowed;
}
.center-content .search-select-box {
  margin-right: 10px;
}
.center-content .search-select-box {
   height: 30px;
}
.center-content .search-select-box input{
   height: 30px;
   font-size: 14px;
}
.center-content .search-select-box span{
   height: 30px;
   line-height: 30px;
}
.center-content .search-select-box .icon{
   height: 30px;
   background-position: -34px -320px;
}
.account-lists th {
  height: 30px;
  text-align: center;
}
.account-lists th span {
  float: left;
  height: 10px;
  margin-top: 11px;
  margin-right: 10px;
  /* border-left: 1px solid #cccccc; */
}
/* .account-lists th:first-child span {
  border-left: none;
} */
.account-lists td {
  height: 48px;
  text-align: center;
  border-bottom: 1px solid #d1d9e0;
}
.account-lists td span {
  display: block;
  line-height: 24px;
  padding: 0 10px;
  table-layout: fixed;
  word-break: break-all;
  overflow: hidden;
}
.personal-info {
  float: left;
  width: 710px;
  margin-right: 10px;
}
/* .personal-info .title a {
  width: 90px;
  margin-right: 10px;
} */
/* .personal-info .title a:hover{
  color: #fff;
} */
.personal-info .info {
  overflow: hidden;
}
.personal-info .info ul li .idNo-tips {
  position: relative;
}
.personal-info .info i {
  float: left;
  min-width: 260px;
  max-width: 500px;
  height: 32px;
  margin-right: 10px;
}
.personal-info .info .tips {
  position: absolute;
  top: 9px;
  left: 42px;
  margin-left: 0;
  width: 12px;
  height: 12px;
  border: solid 1px #008acb;
  border-radius: 100%;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  color: #008acb;
  cursor: pointer;
}
.personal-info .info .tips-box {
  position: absolute;
  top: -55px;
  left: 15px;
  display: none;
}
.personal-info .info p {
  position: relative;
  line-height: 16px;
  width: 320px;
  color: #008acb;
  border: solid 1px #008acb;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  z-index: 1;
}
.personal-info .info .triangle {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  background: #008acb;
  transform: translate(29px,-6px) rotate(45deg);
}
.personal-info .info .integralTxt {
  float: left;
  width: 260px;
  max-width: 500px;
  height: 32px;
  margin-right: 10px;
}
.personal-info .info a{
  color: #008acb;
}
.personal-info .info a.edit{
  color: #ffffff;
}
.personal-info .myorder {
  margin-top: 30px;
 /*  margin-bottom: 100px; */
}
/* .personal-info .myorder .title {
  line-height: 34px;
} */
.personal-info .myorder ul {
  box-sizing: border-box;
  height: 60px;
  margin-top: 5px;
  padding: 18px 0px 0px 30px;
  background-color: #ffffff;
}
.personal-info .myorder li {
  float: left;
  width: 130px;
  line-height: 24px;
}
.personal-info .myorder li a {
  font-size: 14px;
  color: #008acb;
}
/* .enterprise-info a[role]:hover{
   color: #ffffff;
} */
.enterprise-info .info{
  margin-bottom: 30px;
}
.enterprise-info .popup-box{
   top: 200px;
}
.enterprise-info .popup-box.long {
  width: 400px;
  height: 220px;
  font-size: 14px;
}
.enterprise-info .popup-content{
    height: 120px;
}
.enterprise-info .popup-content > div{
    margin-top: 20px;
}
.enterprise-info .popup-box i {
    color: #c33;
    margin-right: 5px;
}
.enterprise-info .popup-box label {
    width: 60px;
    line-height: 36px;
    font-size: 14px;
}
.enterprise-info .popup-box input {
    width: 160px;
    height: 36px;
    margin: 0 10px;
    padding-left: 10px;
    font-size: 14px;
}
.enterprise-info .popup-box .operate{
    text-align: center;
}
.enterprise-info .popup-box button {
   width: 120px;
   height: 36px;
   line-height: 36px;
   font-size: 14px;
   background-color: #008acb;
   border: 1px #008acb solid;
   color: #ffffff;
   cursor: pointer;
}
.account-lists {
  position: relative;
  background-color: #ffffff;
  font-size: 12px;
  margin-bottom: 20px;
}
.account-lists td a {
  width: 40px;
  color: #008acb;
}
.add-account-box,
.add-contacts-box {
  background-color: #ffffff;
  padding-top: 30px;
}
.add-contacts-box li,
.add-account-box li{
  height: 36px;
  margin-bottom: 5px;
}
.advance-manage li.operation,
.add-contacts-box li.operation,
.add-account-box li.operation{
  margin-top: 15px;
  margin-bottom: 10px;
}
.add-contacts-box li label,
.add-account-box li label {
  line-height: 36px;
  font-size: 14px;
}
.add-contacts-box li div input,
.add-account-box li div input {
  height: 36px;
  font-size: 14px;
}
.add-contacts-box li div textarea {
  font-size: 14px;
}
.advance-manage li.operation div,
.add-account-box li.operation  div,
.add-contacts-box li.operation div{
   width: 400px;
}
.advance-manage .operation button:first-child,
.add-account-box .operation button,
.add-contacts-box .operation button {
  float: left;
  width: 115px;
  margin: 0px 20px 0px 135px; 
}
.add-account-box .operation a,
.add-contacts-box .operation a {
  float: left;
  width: 115px;
}
.add-account-box .addEnterpriseImg img  {
	width: 100px;
    height: 36px;
    border-radius: 5px;
}
.frequent-contacts {
  /* 新增账号 */
}
.frequent-contacts .operation-bar {
  margin-bottom: 30px;
  overflow: hidden;
}
.frequent-contacts .operation-bar select {
  width: 114px;
}
.frequent-contacts .operation-bar input {
  width: 115px;
}
.frequent-contacts .operation-bar .btn {
  width: 110px;
}
.frequent-contacts .contacts-lists table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #f2f2f2;
  background-color: #ffffff;
  font-size: 12px;
  padding: 10px 0px;
}
.frequent-contacts .contacts-lists table tr {
  line-height: 28px;
}
.frequent-contacts .contacts-lists table tr:first-child {
  line-height: 40px;
}
.frequent-contacts .contacts-lists table tr:first-child .omit {
  float: left;
  width: 360px;
  height: 40px;
  line-height: 40px;
}
.frequent-contacts .contacts-lists table a.btn{
  height: 26px;
  line-height: 26px;
}
/* .frequent-contacts .contacts-lists table.odd {
  background-color: #ecf2f9;
}
.frequent-contacts .contacts-lists table.odd .branch i.white-bor {
  border-left: 1px solid #ecf2f9;
} */
.frequent-contacts .contacts-lists .branch {
  width: 60px;
  position: relative;
  display: inline-block;
  padding-left: 18px;
  border-left: 1px solid #cccccc;
}
.frequent-contacts .contacts-lists .branch i {
  position: absolute;
  top: 14px;
  left: -1px;
  display: block;
  width: 8px;
  height: 12px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.frequent-contacts .contacts-lists .branch i.white-bor {
  border-left: 1px solid #ffffff;
}
.add-contacts-box .form-lists {
  width: 970px;
}
.add-contacts-box .consignee {
  width: 410px;
}
.add-contacts-box .consignee > input {
  float: left;
  width: 250px;
}
.add-contacts-box .consignee label {
  /* float: left; */
  line-height: 36px;
}
.add-contacts-box input[type="checkbox"] {
  float: left;
 /*  margin-top: 8px; */
  margin-left: 8px;
  margin-right: 6px;
  padding: 0;
}
.add-contacts-box li.address div{
   width: 450px
}
/*订单管理*/
.order-manage .tab-nav{
  border-bottom: 2px solid #008acb;
  margin-top: 35px;
} 
.order-manage .tab-nav li.search-nav {
  float: right;
  margin-right: 0;
}
/* 订单搜索 */
.order-search {
  height: 180px;
  padding-top: 10px;
  background-color: #fff
}
.order-search .search-box {
  position: relative;
  padding-left: 12px;
}
.order-search .changecity {
  position: absolute;
  top: 26px;
  left: 434px;
  display: block;
  width: 44px;
  height: 62px;
  line-height: 200px;
  overflow: hidden;
  cursor: pointer;
  background-position: -20px -416px;
}
.order-search .changecity:hover {
   background-position: -21px -351px;
}
.order-search .changecity.change {
  left: 210px;
}
.order-search ul {
  float: left;
  width: 245px;
  padding-top: 10px;
}
.order-search li {
  float: left;
  margin-bottom: 20px;
}
.order-search li label {
  float: left;
  display: block;
  width: 60px;
  line-height: 36px;
  margin-right: 10px;
  text-align: right;
}
.order-search li input {
  float: left;
  width: 160px;
  height: 36px;
  line-height: 36px;
  padding: 0 5px;
  font-size: 14px;
}
.order-search li .ui-city-code-box {
  left: 60px;
}
.order-search ul.city label {
  width: 50px;
}
.order-search ul.city input {
  width: 120px;
}
.order-search ul.date {
    width: 255px;
}
.order-search ul.date li div.form-item-unit {
    width: 180px;
    height: 36px;
    border: 1px solid #D1D9E0;
    border-radius: 5px;
    float: right;
}
.order-search ul.date li input {
   float: left;
   width: 75px;
   height: 34px;
   line-height: 34px;
   border-width: 0;
   cursor: pointer;
   padding: 0px 0px 0px 4px;
   font-size: 12px;
}
.order-search ul.date li div.to {
   float: left;
   width: 20px;
   line-height: 34px;
   text-align: center;
   font-size: 12px;
}
.order-search ul.other-ul{
  width: 225px;
}
.order-search ul.other-ul input{
  width: 150px;
}
.order-search li.orderno label {
  width: 70px;
  margin-right: 0;
}
.order-search li.orderno label select {
  float: right;
  width: 74px;
  height: 36px;
  padding-left: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #ecf2f9;
  font-size: 14px;
}
.order-search li.orderno input {
  width: 150px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.order-search li.orderno.has-error select {
  border: 1px solid #cc3333;
}
.order-search li.state select {
  width: 150px;
  height: 36px;
  font-size: 14px;
}
.order-search .searchbut {
  width: 250px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.order-search .searchbut .btn-xs{
  height: 36px;
  margin-right: 10px;
}
/* 订单列表 */
.order {
  margin-top: 20px;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  /* 基本信息 */
  /* 航班信息 */
  /* 货物相关信息 */
  /* 变更订单 */
}
.order:last-child{
   margin-bottom: 20px;
}
.order a[href] {
  color: #008acb;
}
.order a.btn {
  margin-bottom: 10px;
}
.order span.pay {
  color: #cc3333;
}
.order .order-head {
  line-height: 40px;
  background-color: #e5e5e5;
  overflow: hidden;
}
.order .order-head span {
  float: left;
  width: 151px;
  padding-left: 10px;
}
.order .order-head span.omit {
  float: right;
}
.order .order-head span:first-child {
  width: 210px;
  padding-left: 20px;
}
.order .order-head .submitter {
  width: 410px;
  text-align: right;
  padding-right: 10px;
}
.order .order-head .submitter i {
  padding-left: 30px;
  padding-right: 15px;
}
.order .basic-info {
  overflow: hidden;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.order .flight-info {
  float: left;
  width: 363px;
}
.order .flight-info > div {
  float: left;
  width: 80px;
  text-align: center;
}
.order .flight-info span {
  display: block;
}
.order .flight-info .fromcity {
  text-align: right;
}
.order .flight-info .tocity {
  text-align: left;
}
.order .flight-info .fromcity,
.order .flight-info .tocity {
  position: relative;
  width: 120px;
  padding: 12px 10px 0px 10px;
}
.order .flight-info .fromcity span,
.order .flight-info .tocity span {
  height: 29px;
  line-height: 29px;
}
.order .flight-info .fromcity span:first-child,
.order .flight-info .tocity span:first-child {
  font-size: 14px;
}
.order .flight-info .fromcity i,
.order .flight-info .tocity i {
  position: absolute;
  top: 12px;
  left: 50px;
  display: block;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
}
.order .flight-info .fromcity i.bs,
.order .flight-info .tocity i.bs {
  color: #ffffff;
  padding: 0 2px;
  background-color: #798691;
}
.order .flight-info .flight-date {
  height: 80px;
}
.order .flight-info .flight-date span {
  height: 13px;
  /* height: 30px; */
  padding-top: 3px;
}
.order .flight-info .flight-date span:first-child {
  height: 24px;
  padding-top: 20px;
}
/* 航班取消 */
.order .flight-info .flight-date-bigBox {
  overflow: hidden;
}
.order .flight-info .flight-cancel {
  height: 80px;
  position: relative;
  left: -95px;
  filter: drop-shadow(95px 0px 0px red);
}
.order .flight-info .flight-more{
  width: 60px;
  height: 99px;
}
.order .flight-info .flight-more span{
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 4px;
    color: #777;
    padding-top: 32px;
}
.order .cargo-info {
  float: left;
  display: table;
  height: 68px;
  padding-top: 3px;
}
.order .cargo-info li {
  display: table-cell;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}
.order .cargo-info .cargo-type {
  width: 100px;
}
.order .cargo-info .cargo-type span,
.order .cargo-info .cargo-type a {
  display: block;
}
.order .cargo-info .cargo-name {
  width: 100px;
}
.order .cargo-info .cargo-amount,
.order .cargo-info .cargo-weight {
  width: 80px;
}
.order .cargo-info .cargo-totalprice {
  width: 80px;
  border-right: 1px solid #ecf2f9;
}
.order .basic-info .operation-info {
  width: 118px;
  padding-top: 0;
  float:right;
  border-left: 1px solid #ecf2f9;
  min-height: 82px;
}
.order .operation-info .cargo-operation {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.order .operation-info .cargo-operation a.btn-danger{
   color: #ffffff
}
.order .operation-info .cargo-operation a {
  width: 90px;
  margin-top: 5px;
  margin-bottom: 0;
  color: #008acb;
}
.order .operation-info .cargo-operation a.btn-info:hover{
  color: #008acb;
}
.order .operation-info .cargo-operation .btn-info{
   background-color: #ffffff;
   border: 1px #008acb solid;
}
.order .operation-info .cargo-operation .btn-xs{
   font-size: 12px;
}
.order .change-orders {
  /* 变更单 */
}
.order .change-orders dl,
.order .change-orders ul {
  display: table;
}
.order .change-orders dt,
.order .change-orders dd,
.order .change-orders li {
  display: table-cell;
  vertical-align: middle;
}
.order .change-orders dl {
  width: 988px;
  height: 40px;
  border-right: 1px solid #e5e5e5;
}
.order .change-orders dt {
  width: 100px;
  text-align: center;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.order .change-orders dt a {
  color: #008acb;
}
.order .change-orders dt .icon {
  width: 8px;
  height: 8px;
  margin-left: 5px;
  background-position: -38px -23px;
}
.order .change-orders dt .icon.up {
  background-position: -30px -23px;
}
.order .change-orders dd {
  width: 857px;
}
.order .change-orders dd.up {
  border-bottom: 1px solid #e5e5e5;
}
.order .change-orders dd.up .changeOrder-item {
  display: none;
}
.order .changeOrder-item{
  width: 100%;
  border-bottom: 1px solid #ecf2f9;
  overflow: hidden;
}
.order .change-orders ul {
  height: 40px;
  float: left;
}
.order .change-orders ul.result {
  background-color: #fcf0f0;
}
.order .change-orders li {
  padding: 0 10px;
  text-align: center;
  border-left: 1px solid #e5e5e5;
}
.order .change-orders li span {
  display: block;
}
.order .change-orders li i {
  font-style: normal;
}
.order .change-orders li:first-child {
  width: 230px;
  border-left: none;
}
.order .change-orders li.change-remark {
  width: 358px;
  text-align: left;
}
.order .change-orders li.change-state {
  width: 99px;
}
.order .change-orders .operation-info {
  width: 118px;
  padding-top: 0;
  float:right;
  border-left: 1px solid #ecf2f9;
  height: 40px;
  display:table;
}
.order .change-orders .operation-info li.change-operation {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border-left: none;
}
.order .change-orders li.change-operation a {
  width: 90px;
  margin-top: 5px;
  margin-bottom: 0;
  color: #008acb;
  font-size:12px;
}
/* 正常订单 */
.order.normal {
  background-color: #fff;
  border-left: 1px solid #ecf2f9;
  border-top: 1px solid #ecf2f9;
}
.order.normal .order-head {
  background-color: #dfe4e8;
}
.order.normal .basic-info {
  border-right: 1px solid #ecf2f9;
  border-bottom: 1px solid #ecf2f9;
}
.order.normal .basic-info .cargo-waybill,
.order.normal .basic-info .cargo-totalprice,
.order.normal .basic-info .cargo-state {
  border-right: 1px solid #ecf2f9;
}
.order.normal .change-orders dl {
  border-right: 1px solid #ecf2f9;
}
.order.normal .change-orders dt {
  border-right: 1px solid #ecf2f9;
  border-bottom: 1px solid #ecf2f9;
}
.order.normal .change-orders dd.up {
  border-bottom: 1px solid #ecf2f9;
}
.order.normal .change-orders ul {
  /* border-bottom: 1px solid #ecf2f9; */
}
.order.normal .change-orders li {
  border-left: 1px solid #ecf2f9;
}
.order.normal .change-orders li:first-child {
  border-left: none;
}
/* 安检申报 */
.security-declaration-box h1 {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #164992;
}
.security-declaration-box .security-declaration-con {
  padding-top: 0;
  padding-bottom: 20px;
  background-color: #ffffff;
  border-top: 2px solid #008acb;
  border-right: 1px solid #d1d9e0;
  border-bottom: 2px solid #008acb;
  border-left: 1px solid #d1d9e0;
}
.security-declaration-box .sd-btn {
  padding: 20px 0;
  text-align: center;
}
.security-declaration-box .sd-btn > .btn {
  width: 100px;
}
.security-declaration-box .sd-box {
  width: 850px;
  margin: 20px auto;
}
.security-declaration-box .sd-box h3 {
  line-height: 58px;
  margin-bottom: 20px;
  font-size: 32px;
  text-align: center;
  letter-spacing: 1em;
}
.security-declaration-box .sd-box h4 {
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 1em;
}
.security-declaration-box .sd-info td {
  padding: 5px;
  line-height: 24px;
  font-size: 18px;
}
.security-declaration-box .sd-info td label {
  display: block;
  /* text-align: right; */
  font-size: 16px;
  cursor: pointer;
}
.security-declaration-box .sd-info td input[type="checkbox"] {
  /* float: right; */
  margin-top: 6px;
  margin-left: 5px;
}
.security-declaration-box .sd-info span {
  font-size: 16px;
}
.security-declaration-box .sd-table {
  text-align: left;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
}
.security-declaration-box .sd-table th,
.security-declaration-box .sd-table td {
  min-height: 25px;
  padding: 5px;
  line-height: 25px;
  text-align: center;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.security-declaration-box .sd-table thead th {
  line-height: 32px;
  font-size: 16px;
}
.security-declaration-box .sd-table span {
  display: inline-block;
}
.security-declaration-box .sd-table td.mul-row-box{
  position: relative;
  padding: 0;
}
.security-declaration-box .sd-table td.mul-row-box .mul-row{
  width: 100%;
  position: absolute;
  padding: 3px;
  top: 50%;
  line-height: 16px;
  word-break: break-all;
  left: 0;
  word-break: break-all;
  display: block;
  text-align: center;
  margin-top: -12px;
}
.security-declaration-box .ft-table{
  border:none
}
.security-declaration-box .ft-table th,
.security-declaration-box .ft-table td {
  padding: 0;
  border:none;
}

/* 更变手续费 */
.change-fee-box th,
.change-fee-box td {
  line-height: 20px;
}
.change-fee-box tfoot td {
  color: #cc3333;
  border-top: 1px solid #f7f7f7;
}
/* 取消订单 */
.cancel-order {
  padding: 10px;
}
.cancel-order dl {
  overflow: hidden;
}
.cancel-order dt,
.cancel-order dd {
  float: left;
  min-height: 30px;
  line-height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
}
.cancel-order dt {
  width: 20%;
  text-align: right;
}
.cancel-order dd {
  width: 80%;
}
.cancel-order .icon {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}
.cancel-order .total-list {
  padding-top: 10px;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.cancel-order .total-list:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cancel-order .total-list li {
  height: 24px;
  padding-left: 19px;
  padding-right: 19px;
}
.cancel-order .total-list li.total {
  height: 46px;
  margin-top: 5px;
  color: #cc3333;
  border-top: 1px solid #e5e5e5;
}
.cancel-order .total-list li.total span {
  line-height: 46px;
}
.cancel-order .total-list li span {
  float: left;
  display: block;
  width: 50%;
  line-height: 24px;
  text-align: right;
}
.cancel-order .total-list li span:first-child {
  text-align: left;
}
.cancel-order textarea {
  margin-top: 10px;
  padding: 5px;
  line-height: 24px;
}
.cancel-order .danger {
  color: #cc3333;
}
/* 订单详情 */
.order-details {
  padding-bottom: 50px;
}
.order-details h1 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #008acb;
  margin-top:18px;
  font-weight: normal;
}
.order-details h1 span {
  color: #008acb;
}
.order-details .order-on-info {
  border-bottom: 1px solid #ffffff;
  background-color: #dfe4e8;
}
.order-details .order-on-info td {
  line-height: 40px;
  padding: 0 5px;
}
.order-details .amount {
  padding: 0 18px;
  border: 1px solid #d1d9e0;
  border-top-width: 0;
  background-color: #dfe4e8;
  overflow: hidden;
  font-size: 12px;
}
.order-details .amount .QRCode {
  float: left;
  width: 500px;
  padding: 10px 0;
}
.order-details .amount .total-list {
  float: right;
  width: 622px;
}
.order-details .amount .total-list dt {
  width: 320px;
}
.order-details .amount dl {
  line-height: 26px;
  clear: both;
  overflow: hidden;
}
.order-details .amount dt,
.order-details .amount dd {
  float: left;
  height: 26px;
  text-align: right;
}
.order-details .amount dt {
  width: 820px;
}
.order-details .amount dd {
  width: 302px;
}
.order-details .amount .border {
  border-bottom: 1px solid #e5e5e5;
}
.order-details .amount .change-fee * {
  float: right;
}
.order-details .amount .change-fee .icon-hint {
  margin-top: 6px;
  margin-right: 6px;
}
.order-details .amount .total dt,
.order-details .amount .total dd {
  height: 30px;
  line-height: 30px;
  color: #cc3333;
}
.order-details .order-operating {
  padding-top: 20px;
  padding-bottom: 10px;
}
.order-details .order-operating a {
  width: 104px;
  margin: 0 5px;
}
.order-details .operating-record .collapse {
  cursor: pointer;
  border-bottom: 2px solid #008acb;
}
.order-details .operating-record .collapse span,
.order-details .operating-record .collapse i {
  float: left;
}
.order-details .operating-record .collapse .icon {
  width: 8px;
  height: 8px;
  margin-top: 22px;
  margin-left: 5px;
  background-position: -30px -23px;
}
.order-details .operating-record .collapse.in {
  border-bottom-width: 0;
}
.order-details .operating-record .collapse.in .icon {
  background-position: -38px -23px;
}
.order-details .operating-record td:first-child,
.order-details .operating-record th:first-child {
  padding-left: 40px;
}
/* 订单支付 */
.confirm-pay {
  padding-top: 20px;
}
.confirm-pay p {
  padding-top: 5px;
}
.confirm-pay .succeed {
  width: 110px;
  margin-right: 10px;
}
.confirm-pay .fail {
  width: 160px;
}
/* 运单详情 */
.mod-waybill-detail .duplicate {
  width: 785px;
  margin: 5px auto 0 auto;
  padding-right: 15px;
  text-align: right;
  font-size: 12px;
}
.waybill-table-box .waybill-table-btn {
  padding: 20px 0;
  text-align: center;
}
.waybill-table-box .waybill-table-btn > .btn {
  width: 100px;
}
.waybill-table-content {
  padding-top: 0;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-top: 2px solid #008acb;
  border-right: 1px solid #e5e5e5;
  border-bottom: 2px solid #008acb;
  border-left: 1px solid #e5e5e5;
}
.waybill-table {
  margin: 0 auto;
  font-size: 12px;
  border-spacing: 0;
  border-collapse: collapse;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
}
.waybill-table caption {
  padding: 5px 15px;
}
.waybill-table caption > div {
  float: left;
  width: 50%;
}
.waybill-table > thead > tr > th,
.waybill-table > tbody > tr > td {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.waybill-table span,
.waybill-table b {
  padding: 5px;
}
.waybill-table span {
  display: inline-block;
  line-height: 15px;
}
.waybill-table b {
  font-size: 14px;
  line-height: 20px;
}
.waybill-table .vertical-align-top {
  vertical-align: top;
}
.waybill-table .border-bottom {
  border-bottom: 2px solid #000000;
}
.waybill-table .sign {
  border-bottom: 1px dashed #000;
  line-height: 30px;
  margin: 5px;
}
.mod-waybill-detail .empty-border-top{
  border-top:none
}

.advance-manage {
  float: left;
  width: 710px;
  margin-right: 10px;
  padding-bottom: 10px;
}
.advance-manage .form-lists {
  width: 710px;
  border-bottom-width: 0;
  background-color: #ffffff;
}
.advance-manage .data-form li{
  height: 36px;
  margin-bottom: 10px;
} 
.advance-manage .data-form .agree input{
  margin-top: 13px;
}
.advance-manage .form-lists li label{
  line-height: 36px;
  font-size: 14px;
}
.advance-manage .form-lists.distinction {
  padding: 2px 0px 12px 0px; 
  background-color: #dfe4e8;
}
.advance-manage .form-lists p {
  width: 550px;
  line-height: 36px;
}
.advance-manage .operation .btn {
  float: left;
  width: 115px;
  margin-right: 20px;
}
.advance-manage .input-group * {
  float: left;
  display: block;
}
.advance-manage .input-group input {
  width: 210px;
  height: 36px;
  font-size: 14px;
  border-right: 0;
}
.advance-manage .input-group .addon {
  width: 39px;
  line-height: 34px;
}
.advance-manage.long {
  width: 100%;
  margin-right: 0;
}
.advance-manage.long .form-lists {
  width: 100%;
  padding-bottom: 5px;
}
.advance-manage.long .form-lists select {
  height: 36px;
  font-size: 14px;
  padding: 3px 6px;
}
.advance-manage.long .form-inline:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.advance-manage.long .form-inline li {
  height: 36px;
  float: left;
  width: 330px;
  margin-top: 0px;
}
.advance-manage.long .form-inline li input{
  height: 36px;
  font-size: 14px;
}
.advance-manage.long .form-inline li > label {
  line-height: 36px;
  font-size: 14px;
  width: 90px;
}
.advance-manage.long .form-inline li > div {
  width: 210px;
}
.advance-manage.long .form-inline .form-num > div {
  width: 330px;
  padding-left: 15px;
}
.advance-manage.long .form-inline .form-num select {
  float: left;
  width: 85px;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eaf1f9;
}
.advance-manage.long .form-inline .form-num input {
  float: left;
  width: 210px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.advance-manage.long .form-inline div.form-item-unit{
    box-sizing: border-box;
    width: 210px;
    height: 36px;
    border: 1px solid #D1D9E0;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0px;
}
.advance-manage.long .form-inline .form-item-unit input{
   float: left;
   width: 90px;
   height: 34px;
   line-height: 34px;
   border-width: 0;
   cursor: pointer;
   padding: 0px 6px;
}
 .advance-manage.long .form-inline .form-item-unit div.to {
   float: left;
   width: 20px;
   line-height: 34px;
   text-align: center;
}
/* .advance-manage.long .form-inline .date input {
  float: left;
  width: 50%;
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
} 
.advance-manage.long .form-inline .date input:first-child {
  border-left-width: 1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
} */
.advance-manage.long .form-inline .operation button {
  float: right;
  width: 195px;
  height: 34px;
}
.advance-manage .use-detail-table {
  font-size: 12px;
  padding: 10px 0;
}
.advance-manage .use-detail-table table {
  line-height: 38px;
  border-top: 1px solid #d1d9e0;
  border-left: 1px solid #d1d9e0;
}
/* .advance-manage .use-detail-table table th, */
.advance-manage .use-detail-table table td {
  border-right: 1px solid #d1d9e0;
  border-bottom: 1px solid #d1d9e0;
}
.advance-manage .use-detail-table table thead th {
  line-height: 40px;
  background-color: #dfe4e8;
}
.advance-manage .use-detail-table table tbody tr{
   height: 60px;
   background-color: #ffffff;
}
.advance-manage .tab-unfold-width-lg > div{
  padding: 10px 0px;
}
/* .advance-manage .use-detail-table table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.advance-manage .use-detail-table table tbody .odd,
.advance-manage .use-detail-table table tbody tr:nth-child(odd) {
  background-color: #fff;
} */
.advance-manage .use-detail-table .remark {
  width: 200px;
  padding: 0 10px;
}

/*公务认证*/
.employee-center-content .omit {
    float: left;
    width: 260px;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
} 
.employee-center-content {
  width: 990px;
  margin-top: 30px;
}
.employee-center-content .info{
  padding: 20px 0px;
  font-size: 12px;
  background-color: #ffffff;
}
.employee-center-content .info li {
  line-height: 32px;
  margin-bottom: 20px;
}
.employee-center-content .info li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
} 
.employee-center-content .info label {
  float: left;
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-size: 14px;
  text-align: right;
  line-height: 36px;
}
.employee-center-content .info em {
  font-style: normal;
}
.employee-center-content .info i {
  display: inline-block;
  font-style: normal;
}
.employee-center-content .info input {
  display: none;
  width: 300px;
  height: 36px;
  line-height: 36px;
  padding: 0 5px;
  margin-right: 10px;
  font-size: 14px;
}
.employee-center-content .info li.code input{
   display: inline-block;
   width: 186px;
}
.employee-center-content .info li.code img{
   height: 36px;
   border-radius: 5px;
}
.employee-center-content .has-error input {
  border: 1px solid #cc3333;
}
.code-center-content .title {
  font-size: 14px;
  line-height: 36px;
  margin-bottom: 10px;
}
.code-center-content .info{
 font-size: 14px;
 background-color: #ffffff;
}
.code-center-content .info li {
 line-height: 32px;
 margin-bottom: 10px;
}
.code-center-content .info li:after {
 content: " ";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.code-center-content .info label {
 float: left;
 display: inline-block;
 margin-right: 15px;
 font-size: 14px;
 text-align: right;
 line-height: 30px;
}
.code-center-content .info em {
 font-style: normal;
}
.code-center-content .info i {
 display: inline-block;
 font-style: normal;
}
.code-center-content .info input {
 width: 96px;
 height: 30px;
 line-height: 28px;
 padding: 0 5px;
 margin-right: 10px;
 font-size: 14px;
}
.code-center-content .has-error input {
 border: 1px solid #cc3333;
}
.code-center-content .info a {
 width: 136px;
 height: 30px;
 padding: 0 5px;
 line-height: 28px;
 margin-left: 9px;
} 
.selectPrintFileModal h3{
  font-weight: normal;
  margin-bottom: 10px;
}
.selectPrintFileModal ul li{
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.selectPrintFileModal ul li input[type=radio]{
  vertical-align: middle;
  margin-right: 5px;
}

.selectPrintFileModal .shake{
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  animation: shake-slow .1s ease-in-out 0s;
  -webkit-animation: shake-slow .1s ease-in-out 0s;
  -ms-animation: shake-slow .1s ease-in-out 0s;
}
@-webkit-keyframes shake-slow {
  0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  25% {
      -webkit-transform: translate(-2px, 2px) rotate(3deg);
  }
  50% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  75% {
    -webkit-transform: translate(2px, -2px) rotate(-2deg);
  }
  100% {
      -webkit-transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes shake-slow {
0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
}
25% {
    -webkit-transform: translate(-2px, 2px) rotate(2deg);
}
50% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
}
75% {
  -webkit-transform: translate(2px, -2px) rotate(-2deg);
}
100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
}
}

/* 客服热线 */
.hotline-img img{
  width: 100%;
}
.hotline-box {
  overflow: hidden;
  margin-top: 30px;
}
.hotline-box ul li{
  float: left;
  overflow: hidden;
  background-color: #fff;
  padding: 26px 30px;
  margin: 0 30px 30px 0;
  border-radius: 3px;
}
.hotline-box ul li.special{
   margin-right: 0px;
}
.hotline-box .content{
   width: 320px;
}
.hotline-box .content .title img{
  margin-right: 10px;
}
.hotline-box .content .title span{
  color: #333;
  font-size: 20px;
} 
.hotline-box .content .tel{
  color: #333;
  font-size: 16px;
  margin-top: 20px;
  text-align: right;
}
.hotline-box .content .tel span{
  display: inline-block;
  padding: 0 10px;
}
.hotline-box .content .tel span.add-border{
  border-left: 1px #cbcbcb solid;
}
.bill-box-content{
   background-color: #fff;
   padding-top: 20px;
   border: 1px #d1d9e0 solid;
   height: 650px;
   font-size: 16px;
}
.bill-box-content .bill-type{
  line-height: 36px;
}
.bill-box-content .bill-type > label{
   float: left;
   width: 140px;
   text-align: right;
}
.pholder::-webkit-input-placeholder{
   color:#ccc;
}
.pholder::-moz-input-placeholder{
   color:#ccc;
}
.pholder::-ms-input-placeholder{
   color:#ccc;
}
.pholder:-moz-input-placeholder{
   color:#ccc;
}
/*  电子托运书  */
.electronic-shipment-info-box .electronic-shipment-content{
  padding-top: 0;
  padding-bottom: 20px;
  background-color: #ffffff;
  border-top: 2px solid #008acb;
  border-right: 1px solid #e5e5e5;
  border-bottom: 2px solid #008acb;
  border-left: 1px solid #e5e5e5;
}

.electronic-shipment-info-box .la-btn {
  padding: 20px 0;
  text-align: center;
}
.electronic-shipment-info-box .la-btn > .btn {
  width: 100px;
}
.electronic-shipment-info .la-box {
  width: 840px;
  margin: 10px auto;
}
.electronic-shipment-info .la-title {
  margin-bottom: 15px;
}
.electronic-shipment-info .la-title h3,
.electronic-shipment-info .la-title h4 {
  line-height: 32px;
  text-align: center;
}
.electronic-shipment-info .la-title h3 {
  font-size: 22px;
  text-align: left;
  letter-spacing: 8px;
}
.electronic-shipment-info .la-title h4 {
  font-size: 18px;
}
.electronic-shipment-info .la-table {
  text-align: left;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
}
.electronic-shipment-info .la-table th,
.electronic-shipment-info .la-table td {
  padding: 3px 5px;
  font-size: 12px;
  vertical-align: top;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}
.electronic-shipment-info .la-table .border-top-none{
  border-top:none
}
.electronic-shipment-info .la-table .border-bottom-none{
  border-bottom:none
}
.electronic-shipment-info .la-table .border-left-none{
  border-left:none
}
.electronic-shipment-info .la-table .border-right-none{
  border-right:none
}
.electronic-shipment-info .la-table .border-width{
  border:4px solid #000;
}
.electronic-shipment-info .la-table .border-top-width{
  border-top:4px solid #000;
}
.electronic-shipment-info .la-table .border-bottom-width{
  border-bottom:4px solid #000;
}
.electronic-shipment-info .la-table .border-left-width{
  border-left:4px solid #000;
}
.electronic-shipment-info .la-table .border-right-width{
  border-right:4px solid #000;
}
.electronic-shipment-info .la-table span {
  display: inline-block;
}
.electronic-shipment-info .la-table .fontBold{
  font-weight: normal;
}
.electronic-shipment-info .la-table .marginTop-s1{
  margin-top: 5px;
}
.electronic-shipment-info .la-table .textAlign-s1{
  text-align: center;
}
.electronic-shipment-info p{
  line-height: 14px;
  word-break: break-word !important;
}
.electronic-shipment-info input{
  vertical-align: middle;
  margin-right: 1px;
}
.mod-direction-tabs{
  width:100%;
  margin-bottom: 15px;
  overflow: hidden;
}
.mod-direction-tabs span{
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  background-color: #eee;
  color: #333;
  float: left;
  display: inline-block;
  margin-right: 1px;
  cursor: pointer;
}
.mod-direction-tabs .cur{
  background-color: #008acb;
  color: #fff;
}
.mod-direction-tabs span:hover{
  background-color: #008acb;
  color: #fff;
}
.mod-qrcode{
  overflow: hidden;
}
.mod-qrcode .qrCode{
  float: left;
}
.mod-qrcode .barCode{
  float: right;
}
.mod-qrcode .barCode div:last-child {
  clear: none !important;
}
.mod-securityApplyTag{
   width:100%; 
}
.mod-securityApplyTag h5{
  font-size: 18px;
  letter-spacing: 4px;
  text-align: center;
  line-height: 30px;
  border-bottom: 3px solid #000;
  font-weight: normal;
  padding-top: 10px;
}
.mod-securityApplyTag .barCodeBox{
  padding:3px 0 10px;
}
.mod-securityApplyTag .barCodeBox .barCode{
  margin: 0 auto;
}
.mod-securityApplyTag .infoBox{
  border-top: 1px solid #000;
  padding: 0 3px;
  overflow: hidden;
  border-bottom: 1px solid #000;
}
.mod-securityApplyTag .infoBox .left{
  width:180px;
  float: left;
  font-size: 12px;
}
.mod-securityApplyTag .infoBox .left .p2{
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin-top: 3px;
}
.mod-securityApplyTag .infoBox .left span{
  margin-right: 20px;
}
.mod-securityApplyTag .infoBox .right{
  width:100px;
  float: right;
  font-size: 16px;
  color: #000;
  text-align: right;
}
.mod-securityApplyTag .infoBox .right span{
  vertical-align: bottom;
  font-weight: bold;
  margin-right: 3px;
  letter-spacing: 1px;
}
.mod-securityApplyTag .infoBox .right b{
  font-size: 40px;
  line-height: 40px;
}

/*在线客服*/
 .question-main{
    margin-top: 40px;
    position: relative;
 }
 /* 在线客服——在线留言 */
.online-message{
  width: 62px;
  height: 133px;
  border-radius: 30px;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 105px;
  margin-left: calc(1200px/2 + 10px);
  left: 50%;
  background-color: rgba(49, 159, 212,.8) ;
  text-align: center;
  font-size: 12px;
}
.customer-service{
  color: #fff;
}
.customer-service .icon-customer-service{
  width: 50px;
  height: 40px;            
  background-position: 18px 10px;
  background-repeat: no-repeat;
  background-size: 27px;
  margin-bottom: 1px;
}
.message {
  color: #fff;
}
.message .icon-message {
  width: 50px;
  height: 40px;
  background-position: 18px 10px;
  background-repeat: no-repeat;
  background-size: 27px;
}

 .question-header{
  display: flex;
  justify-content: space-between;
     width: 1200px;
     margin: 0 auto;
     height: 60px;
     background-color: #f9f9f9;
     color: #333;
 }
 .question-title .logo{
     padding: 5px 40px;
     float: left;
 }
 .question-title .title{
     line-height: 60px;
     font-size: 16px;
     margin-left: 30px;
 }
 /* 我的留言 */
 .question-title .myMessage {
  margin-top: 20px;
  width: 80px;
  height: 30px;
  border-radius: 3px;
  border: none;
  line-height: 30px;
  margin-right: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  background-color: #008acb;
 }
 .question-answer {
      padding: 20px;
      background-color: #fff;
      height: 460px;
  }
  .question-answer div,
  .question-answer dl,
  .question-answer li{
     box-sizing: border-box;
  }
  .question-answer dl{
      height:auto;
      overflow: hidden;
  }
   .question-answer dl:hover{
      cursor: pointer;
  }
  .question-answer .question-box{
      margin-top: 20px;
      padding: 0 10px;
      width: 100%;
      clear: both;
  }
  .question-answer .dialog-box{
       float: left;
       width: 800px;
       height: auto;
       margin-left: 20px;
       border: .5px #D1D9E0 solid;
       background-color: #fff;
       border-radius: 5px;
       line-height: 30px;
       padding: 20px;
       position: relative;
  }
  .dialog-box:before{
      box-sizing: content-box;
      width: 0px;
      height: 0px;
      position: absolute;
      top: 9px;;
      left: -15px;
      padding:0;
      border-right: 8px solid #FFFFFF;
      border-top:8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left:8px solid transparent;
      display: block;
      content:'';
      z-index: 100;
  }
  .dialog-box:after{
      box-sizing: content-box;
      width: 0px;
      height: 0px;
      position: absolute;
      top: 8px;;
      left: -18px;
      padding:0;
      border-right: 9px solid #D1D9E0;
      border-top:9px solid transparent;
      border-bottom:9px solid transparent;
      border-left:9px solid transparent;
      display: block;
      content:'';
      z-index:99;
  }
  .question-answer .default{
      padding: 10px 20px;
      width: 695px;
  }
  .question-answer .question-type {
      height: 70px;
      margin-top: 10px;
  }
  .question-answer .question-type li {
      float: left;
      width: 70px;
      height: 70px;
      padding: 13px 5px 10px 5px;
      display: inline-block;
      border-radius: 3px;
      text-align: center;
      margin-right: 20px;
  }
  .question-answer .question-type li:hover{
      cursor: pointer;
  }
  .question-answer .blur-bg{
      background-color: #e1f3ff;
  }
  .question-answer .blur-text{
      color: #008bd2;
  }
  .question-answer .pink-bg{
      background-color: #fbefef;
  }
  .question-answer .pink-text{
      color: #e76f95;
  }
  .question-answer .orange-bg{
      background-color: #f1f6e1;
  }
  .question-answer .orange-text{
      color: #f1b84d;
  }
  .question-answer .green-bg{
      background-color: #e2ffed;
  }
  .question-answer .green-text{
      color: #3dc580;
  }
  .question-answer .question-type li > span{
      display: block;
      height: 26px;
  }
  .question-answer .question-item{
      margin-top: 10px;
  }
  .question-answer .question-item dl{
      width: 100%;
  }
  .question-answer .question-item span{
      color: #008bd2;
  }
  .question-answer a:hover,
  .question-answer .question-item span:hover{
      color: #2a82b0;
  }
  .question-answer .question-dialog{
       float: right;
       height: auto;
       margin-right: 20px;
       border: .5px #D1D9E0 solid;
       background-color: #e1f3ff;
       border-radius: 5px;
       line-height: 30px;
       padding: 5px 16px; 
       position: relative;
  }
.question-answer .question-dialog:before{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 6px;;
    right: -16px;
    padding:0;
    border-left: 8px solid #e1f3ff /*#ff6a6a*/;
    border-top:8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right:8px solid transparent;
    display: block;
    content:'';
    z-index: 100;
}
.question-answer .question-dialog:after{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 5px;;
    right: -18px;
    padding:0;
    border-left: 9px solid #d1d9e0;
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-right:9px solid transparent;
    display: block;
    content:'';
    z-index:99;
}
.question-answer .table td{
    border: 1px solid #d1d9e0;
    margin-top: 10px;
}
.question-answer a{
    cursor: pointer;
    color: #008acb;
    text-decoration: underline;
}
.question-answer img{
    cursor: pointer;
}
.question-answer .circle{
     width: 30px; 
     height: 30px;
     border: 1px #ccc solid;
     position: relative;
     bottom: 200px;
     right: 100px;
     border-radius: 50%;
     text-align: center;
     font-size: 28px;
     color: #ccc;
     background-color: #fff;
}
.question-answer .time{
    width: 100%;
    text-align: center;
    color: #999;
}
.question-answer .time span{
    color: #999;
}
.invoices-table {
  width: 100%;
  margin: 20px auto 0;
  font-size: 12px;
  border-spacing: 0;
  border-collapse: collapse;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-align: center;
  color: #666;
}
.invoices-table > thead > tr > th,
.invoices-table > tbody > tr > td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
  line-height: 18px;
}
.invoices-table thead tr {
  background-color: #e3edf7;
}
.invoices-table tbody tr:hover{
  background-color:#f5f5f5;
}
.invoices-table .btn-s1 {
  width: 90px;
  color: #008acb;
  background-color: #fff;
  border: 1px #008acb solid;
  font-size: 12px;
  margin-left: 5px;
}
.invoices-table a.btn-s1:hover{
  color: #008acb;
}

.bid-container .table{
  margin-top: 0;
}
.bid-container .uppercase-text{
  text-transform: uppercase;
}
.bid-container .bid-title{
  margin-top: 25px;
  margin-bottom: 15px;
}
.bid-container .bid-title h1{
  color: #008acb;
  font-size: 18px;
  font-weight: normal;
}
.bid-main{
  border-top: 2px solid #008acb;
  border-bottom: 2px solid #008acb;
  background-color: #fff;
}
.bid-container h2{
  height: 40px;
  line-height: 40px;
  background-color: #ECF3FB;
  padding-left: 15px;
  font-size: 12px;
  font-weight: normal;
}
.bid-container .bid-result .table thead{
  height: 40px;
  line-height: 40px;
  background-color: #dfe4e8;
}
.bid-container .bid-result .table tbody tr{
  height: 70px;
  line-height: 60px;
  border-bottom: 1px #ddd solid;
  background-color: #fff;
}
.bid-container .table a{
  color: #008acb;
}
.bid-container .operating-record .collapse.in .icon{
  background-position: -38px -23px;
}
.bid-container .operating-record .collapse .icon{
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-left: 10px;
  background-position: -30px -23px;
}
.bid-container .product-table .table{
  border: 1px #dfe4e8 solid;
}
.bid-container .product-table .table th{
  border: 1px #D7DCE0 solid;
  padding: 5px 2px;
  background-color: #dfe4e8;
}
.bid-container .product-table .table td{
  border: 1px #D7DCE0 solid;
  height: 30px;
  padding: 5px; 
}
.bid-container .product-table .has-error input{
  border: 1px solid #cc3333;
}