html,
body,
div,
h1,
h2,
h3,
h4,
h5,
ul,
li,
p {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  /* color: #535353; */

}

body {
  min-width: 1366px;
  max-width: 1920px;
  font-size: 12px;
  overflow-x: auto;
}

div,
p,
ul,
li {
  display: block;
}

li {
  list-style: normal;
}

table {
  border-collapse: collapse;
}

a {
  text-decoration: none;
}

a:hover {
  color: #1890ff;
}

img {
  border: none;
  vertical-align: middle;
}

input,
select,
textarea {
  font-family: "微软雅黑";
}

.pos_r {
  position: relative;
}

.pos_a {
  position: absolute;
}

.pos_f {
  position: fixed;
}

.fl_l {
  float: left;
  display: inline-block;
}

.fl_r {
  float: right;
}

.clear {
  clear: both;
  height: 0;
}

.ta_l {
  text-align: left;
}

.ta_r {
  text-align: right;
}

.ta_c {
  text-align: center;
}

/*颜色*/
.c_004 {
  color: rgba(0, 0, 0, 0.45);
}

.c_ccc {
  color: #e8e8e8 !important;
}

.c_999 {
  color: #9e9e9e !important;
}

.c_002 {
  color: #c4c4c4
}

.c_000 {
  color: #8c8c8c
}

.c_006 {
  color: #595959
}

.c_008 {
  color: #262626
}

.c_666 {
  color: #7b7b7b !important;
}

.c_333 {
  color: #535353 !important;
}

.c_orange {
  color: #f8931f;
}

.c_blue {
  color: #1890ff;
}

.c_red {
  color: #f23d30;
}

.c_bg {
  background: #fafafa;
}

/* 状态背景色 */

.circle_s {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  vertical-align: middle;
  margin-right: 5px;
}

.green_circle {
  background: #52c41a;
}

.red_circle {
  background: #ff4d4f;
}

.blue_circle {
  background: #1890ff;
}

.purple_circle {
  background: #cb2aec;
}

.grey_circle {
  background: #ccc;
}

.orange_circle {
  background: #f8931f;
}


/*字体*/
.fz_12 {
  font-size: 12px;
}

.fz_55 {
  font-size: 55px;
}

.fz_14 {
  font-size: 14px;
}

.fz_16 {
  font-size: 16px;
}

.fz_18 {
  font-size: 18px;
}

.fz_20 {
  font-size: 20px;
}

.fz_22 {
  font-size: 22px;
}

.fw_n {
  font-weight: normal;
}

.fw_b {
  font-weight: bold;
}

.overflow_h {
  overflow: hidden;
}

.ta_c {
  text-align: center
}

.mt_8 {
  margin-top: 8px;
}

.mt_13 {
  margin-top: 13px;
}

.ml_8 {
  margin-left: 8px;
}

.mr_8 {
  margin-left: 8px;
}

.mb_8 {
  margin-bottom: 8px;
}

.ml_30 {
  margin-left: 30px
}

.mr_30 {
  margin-right: 30px
}

.mt_30 {
  margin-top: 30px
}

.mb_30 {
  margin-bottom: 30px
}

.ml_40 {
  margin-left: 40px
}

.mr_40 {
  margin-right: 40px
}

.mt_6 {
  margin-top: 6px
}

.mt_40 {
  margin-top: 40px
}

.mb_40 {
  margin-bottom: 40px
}

.ml_20 {
  margin-left: 20px
}

.mr_20 {
  margin-right: 20px
}

.mt_20 {
  margin-top: 20px
}

.mb_20 {
  margin-bottom: 20px
}

.ml_10 {
  margin-left: 10px
}

.mr_10 {
  margin-right: 10px
}

.mt_10 {
  margin-top: 10px
}

.mb_10 {
  margin-bottom: 10px
}

.ml_15 {
  margin-left: 15px
}

.mr_15 {
  margin-right: 15px
}

.mt_15 {
  margin-top: 15px
}

.mb_15 {
  margin-bottom: 15px
}

.ml_5 {
  margin-left: 5px
}

.mr_5 {
  margin-right: 5px
}

.mt_5 {
  margin-top: 5px
}

.mb_5 {
  margin-bottom: 5px
}

.ml_16 {
  margin-left: 16px
}

.mr_16 {
  margin-right: 16px
}

.mt_16 {
  margin-top: 16px
}

.mb_16 {
  margin-bottom: 16px
}

.pl_5 {
  padding-left: 5px
}

.pl_50 {
  padding-left: 50px
}

.pr_5 {
  padding-right: 5px
}

.pr_8 {
  padding-right: 8px
}

.pt_5 {
  padding-top: 5px
}

.pt_6 {
  padding-top: 6px;
}

.pb_5 {
  padding-bottom: 5px
}

.pl_16 {
  padding-left: 16px
}

.pr_16 {
  padding-right: 16px;
}

.pt_16 {
  padding-top: 16px
}


.pb_16 {
  padding-bottom: 16px
}

.pl_20 {
  padding-left: 20px
}

.pr_20 {
  padding-right: 20px
}

.pt_20 {
  padding-top: 20px
}

.pb_20 {
  padding-bottom: 20px
}

.pl_30 {
  padding-left: 30px
}

.pr_30 {
  padding-right: 30px
}

.pt_30 {
  padding-top: 30px
}

.pb_30 {
  padding-bottom: 30px
}

.pl_10 {
  padding-left: 10px
}

.pr_10 {
  padding-right: 10px
}

.pt_10 {
  padding-top: 10px
}

.pb_10 {
  padding-bottom: 10px
}

.ml_24 {
  margin-left: 24px;
}

.mr_24 {
  margin-right: 24px;
}

.mt_24 {
  margin-top: 24px;
}

.mb_24 {
  margin-bottom: 24px;
}

.pl_24 {
  padding-left: 24px
}

.pr_24 {
  padding-right: 24px
}

.pt_24 {
  padding-top: 24px
}

.pb_24 {
  padding-bottom: 24px
}

.mt_50 {
  margin-top: 50px;
}

/*按钮*/
.btn {
  display: inline-block;
  text-align: center;
  border-radius: 1px;
  font-size: 12px;
}

.btn_m {
  width: 88px;
  height: 32px;
  line-height: 32px;
}

.btn_s {
  width: 70px;
  height: 32px;
  line-height: 32px;
}

.btn_auto {
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
}

.blue_block_btn {
  background: rgba(24, 144, 255, 1);
  /* border: 1px solid rgba(24, 144, 255, 1); */
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.blue_line_btn {
  background: #fff8f1;
  border: 1px solid #fba733;
  color: #fba733;
}

.layui-btn-normal {
  background: rgba(24, 144, 255, 1);
  border: 1px solid rgba(24, 144, 255, 1);
  color: #fff;
}

.layui-btn-normal:hover {
  background: rgba(24, 144, 255, 0.8);
  color: #fff;
  border: 1px solid rgba(24, 144, 255, 0.8)
}

.layui-btn-normal:active {
  background: rgba(9, 109, 217, 1);
  color: #fff;
  border: 1px solid rgba(9, 109, 217, 1)
}

.blue_block_btn:hover {
  background: rgba(24, 144, 255, 0.8);
  color: #fff;
  /* border: 1px solid rgba(24, 144, 255, 0.8) */
}

.blue_block_btn:active {
  background: rgba(9, 109, 217, 1);
  color: #fff;
  /* border: 1px solid rgba(9, 109, 217, 1) */
}

.orange_line_btn:hover {
  background: #f99100;
  color: #fff;
}

.grey_line_btn {
  background: #fff;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #595959;
  cursor: pointer;
}

.layui-btn {
  height: 32px !important;
  line-height: 32px !important;
}

.grey_line_btn:hover {
  /* border: 1px solid rgba(24, 144, 255, 0.8); */
  color: #fff
}

.grey_line_btn:active {
  /* border: 1px solid rgba(9, 109, 217, 1); */
  color: #fff
}

.bg_fff {
  background: #fff;
}

.white_block {
  background: #fff;
  margin-top: 16px;

}

body {
  background: #f5f5f5;
  min-width: 1440px;
  font-size: 14px;
}

/* .jgj_right {
  padding: 16px;
} */

.jgj_left {
  /*width: 208px;*/
  /*position: absolute;*/
  left: 0;
  top: 0;
  background: #022343;
  height: 100%;
}

.jgj_logo {
  color: #fff;
  font-size: 16px;
  padding: 27px 0px 27px 50px;
  font-weight: bold;
  background: #022343;
}

h2 {
  font-weight: bold;
  font-size: 20px;
  color: #262626;
}

.c_999 {
  color: #999;
}


::-webkit-input-placeholder {
  color: #999;
}

/*
0,0,0,0.15{#d9d9d9}
0,0,0,0.45{#8c8c8c}
0,0,0,0.65{#595959}
0,0,0,0.85{#262626}



*/


/*导航*/
.jgj_nav a {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
}

.jgj_nav span {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  cursor: pointer;
}

.tree_box {
  background: #001b35;
  display: none;
}

.nav_icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 16px;
  /*background: #fff;*/
}

.tree_box a {
  color: #999;
}

.jgj_nav .layui-icon-down {
  font-style: 10px;
  margin-right: 16px;
  color: #8c8c8c;
}

.tree_box a:hover {
  background: #1890ff;
  color: #fff;
}

.tree2 {
  padding-left: 58px;
}

.tree3 {
  padding-left: 66px;
}

.usercenter {
  bottom: 0;
  left: 0;
  width: 208px;
  margin-bottom: 24px;
}

.usercenter i {
  font-size: 20px;
  color: #959ca4;
}

.user_head {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
  margin-left: 16px;
}

.bread_box {
  line-height: 36px;
}

/*航线管理*/
table {
  width: 100%;
  /* table-layout: fixed; */
}

.table_list th,
.table_list td {
  padding: 16px 0 16px 24px;
  line-height: 20px;
  text-align: left;
}

.line_list_table th,
.line_list_table td {
  min-width: 100px;
}

.table_list th {
  color: #333;
  background: #fafafa;
}

.table_list td {
  color: #666;
}

.line_mes_screen {
  padding: 12px 24px;
}

.line_mes_screen table {
  height: 56px;
}

.line_mes_screen tr {
  height: 56px;
}

.layui-input,
.layui-select,
.layui-textarea {
  height: 32px;
}

/* .line_mes_screen .layui-input,
.line_mes_screen .layui-select,
.line_mes_screen .layui-textarea {
  min-width: 185px;
} */


.line_list_table td a {
  color: #1890ff;
  margin-right: 16px;
}

.clearfix::after {
  content: "";
  overflow: hidden;
  display: block;
  clear: both;
}

.little_hand {
  cursor: pointer;
}

.line_list_table tr {
  border-bottom: 1px solid #eee;
}

.p_50 {
  padding: 50px 0;
}

.screen_icon {
  height: 52px;
  width: 20px;
  background: #e4e4e4;
  text-align: center;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.title_m {
  line-height: 50px;
}

.down_box {
  background: #fff;
  box-shadow: 0 0 5px #ddd;
  width: 96px;
  text-align: center;
  line-height: 32px;
  display: none;
  z-index: 3
}

.state_screen {
  top: 54px;
  right: 0
}

.down_box li {
  color: #666;
  font-weight: normal;
}

.down_box a {
  color: #1890ff;
  margin: 0 5px;
}

.down_box li:hover {
  background: #fafafa;
}

.layui-form-checked[lay-skin=primary] i {
  border-color: #1890ff !important;
  background-color: #1890ff;
}

.layui-form-checkbox[lay-skin=primary] i:hover {
  border: 1px solid #1890ff;
}

.layui-form-select dl dd.layui-this {
  background-color: #1890ff;
  color: #fff;
}

.layui-breadcrumb a:hover {
  color: #1890ff !important;
}

.tips_box {
  position: absolute;
  background: #fff;
  box-shadow: 0 0 8px #ddd;
  border-radius: 2px;
  z-index: 5
}

.history_date {
  width: 460px;
  left: -450px;
  top: 13px;
  display: none;
}

.history_date ul {
  padding: 10px 0 0px 10px;
}

.history_date_tit {
  line-height: 40px;
  border-bottom: 1px solid #eee;
  padding-left: 5px;
}

.imgbox .uploader {
  padding-top: 9px;
}

.circle_line {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: 2px solid #1890ff;
  background: #fff;
  margin: 0 5px;
}

.history_date li {
  line-height: 20px;
  color: #666;
}

.layui-timeline-axis {
  color: #1890ff;
}

/*.arrow_right{right: -5px;top: 10px;width:0;height: 0;border-size: 0 0 0 10px;border-color: transparent transparent transparent #fff;border-style: solid;}*/

/*船期管理*/
.layui-tab-content {
  padding: 0;
}

.layui-tab-brief>.layui-tab-title .layui-this {
  color: #1890ff;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
  border-bottom: 2px solid #1890ff;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
  color: #1890ff;
}

.layui-form-radio {
  padding-right: 0;
  margin: 0;
}

.line_list_table .down_box a {
  margin: 0 5px;
}

.ship_status_screen {
  /* left: 0;
    top: 30px; */
  position: relative;
  left: 383px;
  top: -55px;
}

.hide_table_list {
  background: #f8f8f8;
  padding-left: 40px;
}

.hide_table table {
  background: #fff;
}

.layui-icon-addition {
  font-size: 14px;
  padding: 1px;
  border: 1px solid #ccc;
}

.layui-icon-addition {
  color: #666;
}

.layui-icon-subtraction {
  border: 1px solid #1890ff;
}

.layui-icon-subtraction {
  color: #1890ff;
}

.hide_table {
  display: none;
}

/*新增船期*/
.add_shipdate_box,
.add_shipline_box,
.price_list {
  bottom: 0;
}

.add_shipdate_box h4,
.add_shipline_box h4,
.price_list h4 {
  font-weight: bold;
  margin-top: 24px;
  font-size: 16px;
}

body .layui-layer-dialog .layui-layer-content {
  padding: 0
}

/* .add_shipdate_text tr {
  height: 80px;
} */

.add_shipdate_text td {
  padding: 16px;
}

.add_shipdate_text label {
  padding-bottom: 5px;
  display: block;
}

.add_shipdate_text label b {
  margin-right: 5px;
}

.fee_mes label {
  margin-right: 24px;
}

body .layui-layer-title {
  height: 56px;
  line-height: 56px;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
}

body .layui-layer-setwin {
  top: 21px;
}

.btns_style {
  padding-top: 10px;
  border-top: 1px solid #f8f8f8;
}

.audit_info textarea {
  width: 100%;
  height: 64px;
  min-height: 64px;
}

body .layui-laydate .layui-this {
  background-color: #1890ff !important;
}

body .layui-laydate-footer span:hover {
  color: #1890ff;
}

body .layui-laydate-header i:hover,
body .layui-laydate-header span:hover {
  color: #1890ff;
}

/*干线报价*/
.price_list_title {
  background: #f8f8f8;
}

.up_icon i {
  color: #ff554e;
  background: #ffdedd;
  border-radius: 30px;
}

.up_icon {
  transform: rotate(45deg);
}

.down_icon {
  transform: rotate(125deg);
}

.up_icon,
.down_icon {
  display: inline-block;
  margin-right: 10px;
}

/* #wharfpage {
  background-color: #fff;
  z-index: 99999;
  position: fixed;
  right: 0 !important;
  left: auto;
  bottom: 0;
  padding-right: 12%;
  width: 798px;
} */

#wharfpage .layui-laypage {
  position: absolute;
  right: 0 !important;
}


.down_icon {
  color: #00b470;
  /*background: #defff3;*/
  border-radius: 30px;
}

.down_icon .layui-icon-upload-circle {
  background: #defff3;
}

.price_list_title i {
  color: #f8931f;
  font-weight: bold;
  font-size: 20px;
}

.date_box_chose div {
  display: inline-block;
  width: 224px;
}

.date_box_chose div i,
.layui-icon-date,
.layui-icon-log {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}

/*客户询价*/
/*body .layui-laydate-content td.laydate-selected{background-color:#cdecf8}
body .layui-table-view .layui-table{width: 100%;}
.layui-table td div,.layui-table th div{ padding: 0;width: 100%;
    line-height: 20px;
    text-align: left;}
.layui-table-view .layui-table td, .layui-table-view .layui-table th{ padding: 16px 0 16px 24px;border: none;}*/
.pos_table_td {
  right: 24px;
  background: #fff;
  box-shadow: -3px 0 3px #ddd;
}

.pos_table_td li {
  line-height: 52px;
  border-bottom: 1px solid #eee;
}

.pos_table_td li a {
  color: #1890ff;
}

.ask_price_table td {
  white-space: nowrap;
}

.scroll_table_box {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}

.scroll_table_box table {
  min-width: 100%;
  width: auto;
}

/* .scroll_table_box td,
.scroll_table_box th {
  min-width: 80px
} */

.pos_table_td {
  position: fixed;
  width: 96px;
  background: #fff;
  text-align: center;
}

/*页码*/
.page_box {
  float: right;
  margin: 16px 24px 0 0;
}

.page_box a,
.page_box span,
.page_box div {
  float: left;
  display: inline-block;
  text-align: center;
  border-radius: 1px;
}

.page_box a {
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #eee;
  margin-left: 8px;
  color: #666;
}

.page_box span {
  line-height: 32px;
  color: #999;
  margin-left: 8px;
  margin-right: 8px;
}

.page_box .stop {
  color: #ccc;
}

.page_box .on,
.page_box a:hover {
  color: #1890ff;
  border: 1px solid #1890ff;
}

.stop_use_box {
  padding-top: 20px;
  text-align: center;
  padding-bottom: 10px;
  height: 30px;
}

.cust_line_mes_screen {
  padding: 12px 24px;
}

/*自定义样式*/
/*左侧菜单*/
.layui-layout-admin .layui-side {
  /*top: 0px !important;*/
}

.layui-layout-admin .layui-body {
  /*top: 10px !important;*/
}

.layui-nav {
  background-color: #022343;
}

/*树形图标*/
.dtree-toolbar-fixed a i {
  color: #096dd9 !important;
}

/*table a blue*/
table a {
  color: #096dd9;
  cursor: pointer;
}

/*department*/
.line_mes_screen_tree {
  padding: 12px 24px;
}

.line_mes_screen_tree .layui-input,
.line_mes_screen .layui-select,
.line_mes_screen .layui-textarea {
  min-width: 195px;
}

.white_block_tree {
  background: #fff;
  /* margin-top: 16px; */
  /* margin-right: 24px; */
}

/*department*/
/*提示框*/
body .layui-layer-dialog .layui-layer-content {
  padding: 10px 51px;
}

.layui-layer-tips .layui-layer-content span {
  display: inline-block !important;
}


/* .layui-table-cell a {
  margin: 5px;
} */

.layui-layer-content .layui-form-label {
  text-align: left;
}

/*订单管理-订单列表*/
.order_list_title {
  line-height: 38px;
  background: #fafafa;
  height: 38px;
  text-align: center;
}

.order_list_title td {
  border-right: 1px solid #fafafa;
  color: #999;
  font-weight: bold;
}


.order_list_info li {
  border: 1px solid #eee;
  border-radius: 2px;
  margin: 16px 24px 0 24px;
  border-right: 0;
  line-height: 30px;
}

.order_list_info li td {
  border-right: 1px solid #eee;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
}

.order_list_info li td td {
  border: none;
  padding: 0;
  text-align: left;
  padding-left: 24px;
}

.order_list_info li a {
  display: block;
}

.order_list_info_title {
  background: #fafafa;
  height: 38px;
  line-height: 38px;
}

.line_chose_tabs {
  padding: 0 108px;
}

.line_chose_tabs a {
  display: inline-block;
  line-height: 24px;
  padding: 0 5px;
  margin: 0 16px 6px;
  float: left;
  color: #999;
  border-radius: 1px;
}

.line_chose_tabs a.on {
  background: #1890ff;
  color: #fff;
}

.line_status_list {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}

.line_status_list li {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0 16px;
}

.line_status_list li.on {
  border-right: 1px solid #1890ff;
  background: #e6f7ff;
}

.order_mes_status1_info {
  padding-left: 200px;
}

.order_mes_status1 .layui-timeline-axis {
  left: 0px;
  top: 7px;
  z-index: 10;
  width: 5px;
  height: 5px;
  line-height: 5px;
}

.order_mes_status1 .layui-timeline-item:before {
  top: 9px;
}

.order_mes_status1 .layui-timeline-item {
  padding-bottom: 10px;
}

.order_mes_status1 .layui-bg-green,
.order_mes_status1 .layui-timeline-item:before {
  background-color: #52c41a !important;
}

.order_mes_status1_info_part1 tr {
  height: 30px;
}

.order_list_info li td.ta_l {
  text-align: left;
  padding: 20px 16px;
}

.v_align_t td {
  vertical-align: top
}

.location_map {
  padding-right: 400px;
  box-shadow: 0 0 5px #ddd;
  height: 207px;
}

.location_map p.fz_16 {
  line-height: 46px;
  border-bottom: 1px solid #eee;
}

.location_map tr {
  height: 30px;
}

.location_map table {
  margin: 10px 0 0 24px;
}

.mapbox {
  right: 0;
  top: 0;
  width: 400px;
  height: 217px;
  background: #ccc;
}

/*订单录入*/
.write_order td {
  padding-right: 24px;
}

.write_order label {
  display: block;
  margin: 8px 0 5px 0;
}

.write_order h4 {
  font-size: 16px;
  padding: 16px 0 10px 0;
  font-weight: bold;
}

.bg_grey {
  background: #fafafa;
}

.goods_info_table tr {
  height: 53px;
}

.goods_info_table th {
  height: 53px;
  padding-left: 24px;
  background: #fafafa;
  text-align: left;
}

.goods_info_table td {
  padding: 0 0 0 24px;
  border-bottom: 1px solid #eee;
}

.goods_info_table a {
  color: #1890ff;
}

.add_tr_box {
  border: 1px solid #eee;
  margin-right: 24px;
}

.add_tr_btn a {
  display: block;
  border: 1px dashed #ddd;
  margin: 16px 24px;
  padding: 10px 0;
  color: #1890ff;
}

.line_grey {
  height: 1px;
  background: #eee;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #1890ff;
  color: #fff;
}

/* 文件上传  */
/* .upload_box a {
  display: block;
  width: 102px;
  height: 82px;
  line-height: 30px;
  text-align: center;
  border: 1px dashed #ddd;
  background: #fafafa;
  color: #999;
  border-radius: 2px;
  padding-top: 20px;
} */
.layui-upload-list .layui-inline .layui-layer-imgbar {
  display: block;
  top: 80px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.imgbox img {
  width: 111px;
  height: 110px;
  text-align: center;
  border-radius: 10px;
}

.upload_box li i {
  font-size: 32px;
  border: none;
  color: #999;
}

.upload_box li {
  text-align: center;
  margin-right: 10px;
  float: left;
  padding-bottom: 16px;
}

/*积分管理-客户积分-积分明细*/
.integral .jgj_right .white_block .layui-tab-title {
  background-color: #f4f7f4ff;
  padding-bottom: 16px
}

.integral .white_block {
  margin-top: 0
}

.integral .jgj_right .gary {
  width: 100%;
  height: 16px;
  background-color: #f4f7f4ff
}

.integral .jgj_right .ti_tle {
  height: 64px;
  line-height: 64px;
}

.integral .jgj_right .ti_tle ul {
  margin-left: 24px;
}

.integral .jgj_right .ti_tle ul li {
  float: left;
  margin-right: 8px;
  font-size: 14px;
}

.integral .jgj_right .ti_tle .lable {
  width: 14px;
  height: 14px;
  border-radius: 50px;
  text-align: center;
  margin-top: 24px;
  background-color: #1890ffff
}

.integral .jgj_right .ti_tle .lable::after {
  content: "i";
  color: #fff;
  position: relative;
  top: -24px
}

.integral .c_blue {
  color: #1890ff;
}

.integral .jgj_right .title_m ul {
  margin-left: 24px;
}

.integral .jgj_right .title_m ul li {
  float: left;
  margin-right: 8px;
  font-size: 14px;
}

.integral .jgj_right .title_m .lable {
  width: 14px;
  height: 14px;
  border-radius: 50px;
  text-align: center;
  margin-top: 24px;
  background-color: #1890ffff
}

.integral .jgj_right .title_m .lable::after {
  content: "i";
  color: #fff;
  position: relative;
  top: -24px
}


/*订单管理-订单详情*/
.flow_status_box .layui-icon-ok-circle {
  color: #1890ff;
  font-size: 20px;
}

.flow_status_box .blue_line,
.flow_status_box .grey_line {
  height: 1px;
  margin: 0 10px;
}

.flow_status_box .blue_line {
  background: #1890ff;
}

.flow_status_box .grey_line {
  background: #999;
}

.blue_block_circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #1890ff;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.imgbox .uploader {
  width: 100%;
}

.grey_line_circle {
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 19px;
  border: 1px solid #999;
  text-align: center;
  line-height: 19px;
  color: #999;
}

.time_td {
  padding-left: 30px;
}

.flow_status_box tr {
  height: 28px;
}

.flow_status_box td {
  color: #666;
}

.order_info_name {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.order_info_name span {
  font-size: 14px;
  font-weight: normal;
  color: #ccc;
}

.order_info_name span i {
  padding: 0 5px;
  border: 1px solid #ccc;
  color: #999;
  border-radius: 2px;
  font-style: normal;
}

.tr_h30 tr {
  height: 30px;
}

.order_info_left {
  width: 60%;
}

.order_info_right {
  width: 40%;
}

.transform_box span {
  display: inline-block;
  width: 126px;
}

.orderServiceBox {
  display: inline-block;
  width: 126px;
}

.blue_tr {
  color: #1890ff;
  background: #e4f2ff;
}

.transform_list tr {
  height: 30px;
}

.transform_list li {
  margin: 0 24px;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}

.transform_list li p {
  margin: 10px 0;
}

/* 如果用新图例图 将其注释*/
.transform_plan img {
  /*position: absolute;*/
  /*bottom: 5px;*/
}

.transform_plan td {
  position: relative;
  vertical-align: top;
  /* border-bottom: 1px solid #eee; */
  height: 60px;
}

/* .transform_plan td.bdb_blue {
  border-bottom: 1px solid #1890ff;
} */

.c_green {
  color: #52c41a;
}

.map_box {
  height: 246px;
  background: #ddd;
}

.grey_block {
  padding: 10px;
  background: #fafafa;
  /* height: 60px; */
}

.order_info_timeline .grey_timeline .layui-badge-dot {
  background-color: #999
}

.order_info_timeline .blue_timeline .layui-badge-dot {
  background-color: #1890ff;
}

.order_info_timeline h4 {
  padding-left: 30px;
}

.order_info_timeline div {
  margin: 10px 0 16px 30px;
}

.order_info_timeline .layui-bg-grey,
.order_info_timeline .grey_timeline:before {
  background-color: #ccc !important;
}

.order_info_timeline .layui-bg-blue,
.order_info_timeline .blue_timeline:before {
  background-color: #1890ff !important;
}

.order_info_timeline p {
  line-height: 28px;
}

.order_gary {
  height: 16px;
  width: 100%;
  background: #f4f7f4ff
}






/*订单管理-费用信息*/
.order .layui-tab-item .cost {
  display: inline-block;
  /* height: 64px;
  line-height: 64px */
  margin-top: 16px;
  margin-bottom: 16px;
}

.order .layui-tab-item .upload_box {
  width: 100%;
  margin-left: 24px
}

.order .layui-tab-item .upload_box li {
  margin-right: 32px
}

.order .layui-tab-item .upload_box li p {
  margin-top: 8px;
  margin-left: -4px;
}

.order .layui-tab-item .upload_box .c_blue a {
  border: 1px dashed #1890ff;
  color: #1890ff;
}

.order .layui-tab-item .upload_box .c_blue a .layui-icon-addition:before {
  content: "\e624";
  color: #1890ff
}

.order .layui-tab-item .upload_box a .bar {
  width: 82px;
  height: 2px;
  margin-left: 9px;
  margin-top: 8px
}

.order .layui-tab-item .upload_box a .bar .layui-progress {
  height: 2px
}

.order .layui-tab-item .upload_box a .bar .layui-progress .layui-progress-bar {
  height: 2px
}

.order .layui-tab-item ul li,.simple_detail .layui-tab-item ul li{
  display: inline-block;
  color: #000000d9;
  float: left;
  margin-right: 60px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.order .layui-tab-item ul li span,.simple_detail .layui-tab-item ul li span {
  color: #000000a6
}

.order .layui-tab-item td.c_blue,.simple_detail .layui-tab-item td.c_blue {
  color: #1890ff;
}

.order .layui-tab-item .order_pay li,.layui-tab-item .order_pay li {
  width: 25%
}

.order .news ul li {
  width: 23%;
  /* height: 19px; */
}

.order .news ul .in_policy {
  display: inline-block;
  width: 64px;
  height: 22px;
  line-height: 22px;
  background-color: #f3ae26ff;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  text-align: center
}

.order .news ul li .vi_policy {
  color: #1890ffff
}



/* 工作台 */

.white_block .work_title {
  margin: 24px 0 0px 26px;
  font-size: 14px;
  font-weight: 500
}

.white_block .work_title::before {
  content: "";
  width: 6px;
  height: 6px;
  background: rgba(24, 144, 255, 1);
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

.work_nav {
  width: 100%;
}

.work_hr {
  width: 95%;
  height: 1px;
  border: 0;
  clear: both;
}

.work_nav li {
  float: left;
  width: 12%;
  line-height: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.06)
}

.work_nav li>span,
.work_nav p {
  margin-left: 24px;
  cursor: pointer;
}

.work_nav li>p {
  font-size: 30px
}



/* 弹出层右侧划出 */
@-webkit-keyframes layer-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
}

@keyframes layer-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
  }
}

.layer-anim-06 {
  -webkit-animation-name: layer-fadeInRight !important;
  animation-name: layer-fadeInRight !important;
}


/* 下拉框，弹出取消动画 */
.layui-anim {
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
}


.layui-table-cell {
  font-size: 14px;
  padding: 0 5px;
  height: auto;
  text-align: center
    /* overflow: visible;
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word; */
}

.layui-input,
.layui-textarea {
  padding-left: 5px;
}

/* .layui-form-item {
  margin-top: 10px;
} */

/* 模态框ridue */
.layui-table-view .layui-form-checkbox,
.layui-table-view .layui-form-radio,
.layui-table-view .layui-form-switch {
  top: 0px;
  margin-top: 13px;
  margin-bottom: 13px;
  /* display: block; */
  box-sizing: content-box;
}

/* 分页器样式 */
.layui-laypage .layui-laypage-curr .layui-laypage-em {

  background-color: #1890ff;
}

.layui-laypage {
  margin-right: 36px;
  padding: 0;
  margin-top: 2px;
  margin-bottom: 0;
}


.order_list_info {
  padding-bottom: 14px;
}

#divPage,
#divPageAll,
#divPagePending,
#divPageProgress,
#divPage2,
#divPage3,
#divPage9,
#divPage1,
#divPage4,
#divPage,
#divPage5,
#divPage6 {
  width: 100%;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 39px;
}



.fl_line {
  height: 16px;
  background-color: #f5f5f5;
}

/* 订单管理小点 */
.layui-badge-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
}

.layui-timeline-item:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
}

/* 隐藏表格上下加减 */
/**
 * 显示表格自定义排序图标
 * Author: LiuXiaowei
 * Date: 2020-8-25
 */
.layui-table-sort {
  display: inline-block;
}

th {
  text-align: center
}

/* 分页器靠右 */
.layui-laypage {
  float: right;
  margin-right: 5%;
}


.layui-table-page .layui-laypage {
  margin: -5px;
  margin-right: 5%;
}

.layui-laypage a,
.layui-laypage span {
  border: none !important;
}

.layui-icon-refresh:before {
  content: "\e669";
  display: none;
}

/*显示可操作*/
.jgj_point {
  cursor: pointer
}

/*layui.msg提示框字体*/


.hide {
  display: none;
}


/* 后台左侧导航样式 */
.layui-layout-admin .layui-side {
  top: 0px;
  width: 200px;
  overflow-x: hidden;
}

.layui-layout-admin .layui-body {
  position: fixed;
  top: 0px;
  /* margin-left: 24px;
  padding-right: 24px; */
  bottom: 0px;
  padding: 0px 24px;
}
.set_up {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  background-color: #022343;
}

.set_up a {
  color: #fff;
}

#leftframe {
  height: 75%;
}

.sttt_up {
  background-color: #fff;
  z-index: 9999;
  position: absolute;
  left: 60px;
  bottom: 60px;
  display: none;
}

.sttt_up a {
  color: #000;
}

/* 船期管理的图标 */
.shippingDateDiv table .layui-icon-right:before {
  content: "\e624" !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.shippingDateDiv table .layui-icon-down:before {
  border: 1px solid rgba(0, 0, 0, 0.15);
  content: "\e67e" !important;
}

.layui-table-view .layui-table td,
.layui-table-view .layui-table th {
  padding: 5px 1px !important;
  border-top: none;
  border-left: none;
}

.sttt_up p {
  width: 120px;
  padding-top: 5px;
  padding-left: 14px;
}

.layui-bg-black {
  background-color: #022343 !important;
}


.add_shipdate_text .layui-form-item .layui-input-block {
  margin-left: 0 !important;
}

/* 高级搜索区域 */
.Advanced_search {
  display: flex;
  width: 100%;
  /* margin-top: 8px; */
  /* flex: 1; */
}

.Advanced_search li {
  width: 33%
}

/* .Advanced_search li a {
  margin-top: 8px;
} */

.layui-table th {
  border: none;
}

.layui-btn-primary:hover {
  border-color: #1890ff !important;
  color: #333;
}

.layui-table td {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#route_log {
  padding: 14px;
}

.layui-table-page {
  background-color: #fff;
  z-index: 99999;
  position: fixed;
  right: 0px;
  bottom: 0px;
  padding-right: 0px;
}

@media screen and (max-width: 1385px){
  .layui-table-page {
    bottom: 18px;
  }
}
.layui-table-box {
  margin-bottom: 0px;
}

/* 取消多选 */
.xm-select-tips {
  display: none;
}


/* 日历 */

.sc-week-item {
  height: 100%;
  padding: 0px;
  float: left;
  width: 14.285%;
  background-color: rgba(0, 0, 0, 0.02) !important;
  border-width: 1px 0 1px 1px;
  border-color: none !important;
  border: none !important;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 修改密码 */
.change_mm input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 270px;
  height: 32px;
  border-radius: 2px;
  padding-left: 10px;
}

/* 数据表格按钮 */
.layui-laypage button:hover {
  background-color: #1890ff;
  color: #fff;
}


/* .layui-disabled,
.layui-disabled:hover {
  color: black !important;
  cursor: not-allowed !important;
} */

.layui-disabled {
  background-color: #e6e6e6;
  color: #C0C4CC !important;
}

.layui-input:disabled {
  border-color: #eee !important;
  background-color: #e6e6e6;
  color: #000000 !important;
}

.layui-disabled,
.layui-disabled:hover {
  color: #000000 !important;
  cursor: not-allowed !important;
}

/* 左侧导航 */
.nav_active {
  color: #fff !important;
  background-color: #1890ff;
}

.w_pre_25 {
  width: 25%;
}

/* 角色管理 */
.dtree-theme-item:hover cite {
  color: #1890ff !important;
}

/* .dtree-nav-div {
  width: 100px !important;
} */
.layui-upload-list .title {
  width: 126px !important;

}

.step-body {
  position: relative;
}

.step-header {
  width: 100%;
  margin: 0 auto;
}

.step-header ul {
  padding: 0;
}

.step-header li {
  list-style-type: none;
  float: left;
  position: relative;
}

.step-header li p {
  margin-top: 30px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #555555;
}

.step-header li .step-name {
  position: relative;
  font-size: 12px;
  top: 0;
  line-height: 25px;
  background-color: #fff;
  padding: 0 10px;
}

.step-header li a {
  position: absolute;
  margin: 0 auto;
  font-size: 12px;
  color: #777;
  height: 25px;
  line-height: 25px;
  background: url(../img/cell.png) center top no-repeat;
  display: block;
  background-color: #FFFFFF;
  width: 45px;
  left: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
}

.step-header li.step-active a {
  background: url(../img/cell-active.png) center top no-repeat;
  color: white;
  background-color: #FFFFFF;
}

.step-header li.step-current a {
  background: url(../img/cell-current.png) center top no-repeat;
  color: white;
  background-color: #FFFFFF;
}

.step-header li.step-active p {
  color: #58B7FF;
}

.step-bar,
.step-bar-active {
  height: 13px;
  border-radius: 12px;
}

.step-bar {
  background: url(../img/bar-bg.png);
  position: relative;
  border-radius: 12px;
  z-index: -1;
  height: 1px;
  top: 12.5px;
}

.step-bar-active {
  width: 0;
  background: url(../img/bar-bg-active.png);
  height: 1px;

}

.step-list {
  display: none;
  clear: both;
}


.divUl ul li {
  width: 40%;
  display: inline-block;
  color: #000000d9;
  float: left;
  margin-right: 5%;
  margin-top: 16px;
}

.xm-select-parent .xm-form-select dl {
  width: 130px !important;
}

.layui-textarea {
  min-height: 30px !important;
}


/*菜单管理*/
.menurun_left li {
  line-height: 38px;
  padding: 0 16px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.menurun_left li:hover {
  background: #f8f8f8;
}

.menurun_left ul {
  padding: 10px 0;
}

.menurun_info {
  min-height: 50px;
  border-bottom: 1px solid #eee;
}

.menurun_right {
  min-height: 400px;
  max-height: 600px;
  padding: 16px;
}

/*经营看板*/
.runbox .five_box {
  width: 20%;
  float: left;
  display: inline-block;
}

.runbox .five_box .white_block {
  margin-right: 10px;
  height: 150px;
  padding: 10px;
}

.fz_30 {
  font-size: 30px;
}

.layui-textarea {
  min-height: 30px !important;
}

/* 流转审核 */
.exaamine_to_parent {
  margin-top: 30px;
  display: inline-block;
  text-align: center;
}

.exaamine_to_parent > p.act_node {
  color: #595959;
  margin-bottom: 8px;
}

.exaamine_to {
  height: 52px;
  width: 130px;
  border-radius: 2px;
  background-size: 100% 100%;
}

.corcilation_com {
  background-image: url(../img/corcilation_com.png);
}

.corcilation_cur {
  background-image: url(../img/corcilation_cur.png);
}

.corcilation_hang {
  background-image: url(../img/corcilation_hang.png);
}

.corcilation_com .dep_ment {
  color: #262626
}

.corcilation_com .dep_name {
  color: #595959
}

.corcilation_cur p {
  color: #fff
}

.corcilation_hang .dep_ment {
  color: #595959
}

.corcilation_hang .dep_name {
  color: #8c8c8c
}

.layui-table-page>div {
  margin-top: 5px;
}

.layui-tab-title li {
  padding: 0;
  margin-left: 24px;
}

.click_up_child {
  display: none;
  position: absolute;
  left: 0;
  top: 125px;
  min-width: 100%;
  line-height: 36px;
  padding: 5px 0;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  z-index: 100;
  border-radius: 2px;
  white-space: nowrap;
}

.click_up_child dd {
  position: relative;
  ;
}

.click_up_child dd a {
  cursor: pointer;
}

.click_up_child dd a:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.range_block{
  background: #fef5e2;
}
.c_orange{
  color: #FAAD14;
}
.order_dash{
  border-left: 1px dashed #FAAD14;
}
.order_datetime{
  margin-left: -9px;
  margin-top: 8px;
}
.order_color{
  position: absolute;
  background: #fff;
  height: 100%;
  z-index: 1;
  width: 3px;
  left: -26px;
  top: 7px;
}
.order_color span{
  display: block;
  width: 0;
  border-left: 1px dashed #FAAD14;
  height: 100%;
}


/*11-5 驳船船期*/
.add_result_shipdate {width: 100%;line-height: 32px;}
.add_result_shipdate td{padding: 20px 24px 0 0;width: 270px;}
.add_result_shipdate tr{height: 70px;}
.add_result_shipdate td label{display: block;margin-bottom: 5px;color: rgba(0,0,0,0.85);}
.fack_input{line-height: 32px;background: rgba(0,0,0,0.02);border-radius: 2px;padding-left: 10px;}
.zw_p{height: 32px;}
.add_result_shipdate td .c_red{margin-right: 5px;}
#bargeSave{border: none;}
.add_result_shipdate_box .layui-table thead tr{background: rgba(0,0,0,0.02) !important;}
.add_result_shipdate_box .layui-table thead span{font-weight: bold !important;color: rgba(0,0,0,0.85);}
.small_input{border:1px solid rgba(0,0,0,0.15);border-radius: 2px;height: 32px;line-height: 32px;padding-left: 10px;}
.add_result_shipdate_box .layui-table-view{border: none !important;}
.add_result_shipdate_box .layui-table-view div{color:rgba(0,0,0,0.65);}

/* 订单详情 */
.simple_detail{line-height: 32px;}
.simple_detail .layui-btn{padding: 0 16px; font-size: 14px;}
.simple_detail .layui-btn-primary:hover{color: #1890ff;}
.port_sign_block{line-height: 28px ;height: 28px ;color: #333;display: inline-block;text-align: center;border-radius: 2px;background:rgba(0,0,0,0.02);;padding: 0 16px;border: 1px solid #eee;}
.simple_detail hr{background-color: #999;}
.v_line_grey{height: 50px;background: #eee;width: 1px;}
.normal_table_style tr{height: 44px;}
.normal_table_style{border: 1px solid #eee;text-align: center;}
.normal_table_style th{background: rgba(0,0,0,0.02);}
.simple_detail .layui-tab-title{background:#fff;border-bottom: 0;height: 54px;line-height: 54px;font-weight: bold;}
.simple_detail .layui-tab-title .layui-this:after{height: 47px;}
.simple_detail .layui-tab{margin: 16px 0 10px;}
.normal_table_style1 tr{height: 45px;border-bottom: 1px solid #eee;}
.normal_table_style1 th{text-align: left;background: rgba(0,0,0,0.02);padding-left: 16px;}
.normal_table_style1 td{color: rgba(0,0,0,0.65);padding-left: 16px;}
.lh_45{line-height: 45px;}
.c_span_65 span{color: rgba(0,0,0,0.65);}
.bd_n{border-bottom: 0 !important;}
.hr_line{width: 100%;height: 1px;background: #eee;top: 15px;z-index: -1;}
.d_ib{display: inline-block;}
.goto_detail_page{font-size: 14px;color: rgba(0,0,0,0.65);}
.simple_detail hr{background: #f5f5f5;}
.simple_detail .exaamine_to {line-height: 20px;}
.goto_detail_page{right: 36px;top: 5px;z-index: 2;}
.goto_detail_page span{width: 24px;height: 24px;display: inline-block;margin-right: 5px;background:url(../img/change_ico.png) -34px 0 no-repeat;vertical-align: middle;}
.goto_detail_page:hover span{background-position-x:0 ;}
.search_select_style{
  max-height: 300px;
  overflow-y: auto;
  background:#fff;
  position: absolute;
  z-index: 2;
  width:350px;border: 1px solid #d2d2d2;border-radius: 2px;
  box-sizing: border-box;
  padding: 10px 0;
  top:40px;
  display: none;

}


.search_select_style li{
  line-height: 36px;
  padding-left: 10px;
  cursor: pointer;
}
.search_select_style li:hover{
  background-color: #f2f2f2;
}
.search_select_style li.on{
  background-color: #1890ff;
  color: #fff;
}

.search_select_style_o{
  max-height: 300px;
  overflow-y: auto;
  background:#fff;
  position: absolute;
  z-index: 2;
  width:350px;border: 1px solid #d2d2d2;border-radius: 2px;
  box-sizing: border-box;
  padding: 10px 0;
  display: none;
}
.search_select_style_o li{
  line-height: 36px;
  padding-left: 10px;
  cursor: pointer;
}
.search_select_style_o li:hover{
  background-color: #f2f2f2;
}
.search_select_style_o li.on{
  background-color: #1890ff;
  color: #fff;
}