@charset "UTF-8";
@import url(iconfont.css);
@import url(web-iconfont.css);
/* 打印设置 去掉页头页脚信息*/
@page {
  margin-bottom: 1mm; }

/* ^ color ^ */
/* 状态 */
.gks-state {
  color: #333; }

.gks-state-draft {
  color: #333; }

.gks-state-init {
  color: #477bde; }

.gks-state-init1 {
  color: #d22d21; }

.gks-state-process1 {
  color: #ff696a; }

.gks-state-process2 {
  color: #f2641f; }

.gks-state-process3 {
  color: #f7b11e; }

.gks-state-process4 {
  color: #f7b11e; }

.gks-state-process5 {
  color: #f7b11e; }

.gks-state-abnormal {
  color: #0da4bd; }

.gks-state-success {
  color: #4ab54e; }

.gks-state-failed {
  color: #c61e11; }

.gks-state-invalid {
  color: #ccc; }

.gks-state1 {
  display: inline-block;
  line-height: 12px;
  padding: 4px 6px;
  border-radius: 24px; }

.gks-state1-draft {
  color: #333;
  background-color: rgba(51, 51, 51, 0.1); }

.gks-state1-init {
  color: #477bde;
  background-color: rgba(71, 123, 222, 0.1); }

.gks-state1-init1 {
  color: #d22d21;
  background-color: rgba(210, 45, 33, 0.1); }

.gks-state1-failed {
  color: #c61e11;
  background-color: rgba(198, 30, 17, 0.1); }

.gks-state1-process1 {
  color: #ff696a;
  background-color: rgba(255, 105, 106, 0.1); }

.gks-state1-process2 {
  color: #f2641f;
  background-color: rgba(242, 100, 31, 0.1); }

.gks-state1-process3 {
  color: #f7b11e;
  background-color: rgba(247, 177, 30, 0.1); }

.gks-state1-process4 {
  color: #f7b11e;
  background-color: rgba(247, 177, 30, 0.1); }

.gks-state1-process5 {
  color: #f7b11e;
  background-color: rgba(247, 177, 30, 0.1); }

.gks-state1-abnormal {
  color: #0da4bd;
  background-color: rgba(13, 164, 189, 0.1); }

.gks-state1-success {
  color: #4ab54e;
  background-color: rgba(74, 181, 78, 0.1); }

.gks-state1-invalid {
  color: #999;
  background-color: rgba(204, 204, 204, 0.2); }

.gks-state1-red {
  color: #d22d21;
  background-color: rgba(210, 45, 33, 0.1); }

.gks-state1-orange {
  color: #f27d00;
  background-color: rgba(242, 125, 0, 0.1); }

.gks-state1-blue {
  color: #2a70db;
  background-color: rgba(42, 112, 219, 0.1); }

.gks-state1-green {
  color: #4ab54e;
  background-color: rgba(74, 181, 78, 0.1); }

/* 发票 */
.gks-invoice {
  color: #333; }

.gks-invoice-general {
  color: #f27d00; }

.gks-invoice-special {
  color: #00b7b7; }

.gks-invoice-generalRed {
  color: #c61e11; }

.gks-invoice-specialRed {
  color: #c61e11; }

/* 气泡 */
.gks-bubble {
  color: #333; }

.gks-bubble-warn {
  color: #db3b21; }

.gks-bubble-info {
  color: #ff8a00; }

/* 渠道 */
.gks-channel {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 14px;
  border: 1px #333 solid;
  border-radius: 2px; }

.gks-channel-spot {
  color: #02b4b6;
  border-color: #02b4b6; }

.gks-channel-adjust {
  color: #f27d00;
  border-color: #f27d00; }

.gks-channel-future {
  color: #c61e11;
  border-color: #c61e11; }

/* $ color $ */
/** 通用类 **/
.icon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

body {
  font-size: 12px;
  background-color: #f5f5f5;
  min-width: 1200px; }

body .layui-body.gks_body_bg {
  background: #fff; }

.layui-side-scroll .select {
  background-color: transparent; }

html body .gks_manage .layui-bg-black {
  background: #fafafa !important; }

em,
i {
  font-style: normal; }

body a {
  color: #000; }

/*文字尺寸*/
.fs12 {
  font-size: 12px !important; }

.fs14 {
  font-size: 14px !important; }

.fs16 {
  font-size: 16px !important; }

.fs18 {
  font-size: 18px !important; }

.fs20 {
  font-size: 20px !important; }

.fs22 {
  font-size: 22px !important; }

.fs26 {
  font-size: 26px !important; }

.gks-lh-14 {
  line-height: 14px; }

.gks-lh-16 {
  line-height: 16px; }

.gks-lh-18 {
  line-height: 18px; }

.gks-lh-20 {
  line-height: 20px; }

.gks-lh-22 {
  line-height: 22px; }

/*字体*/
.ffst {
  font-family: simsun !important; }

.ffaa {
  font-family: Arial !important; }

/*颜色*/
.c000 {
  color: #000 !important; }

.c333 {
  color: #000 !important; }

.c666 {
  color: #666 !important; }

.c999 {
  color: #999 !important; }

.cgks {
  color: #0070cc !important; }

.gksbg {
  background-color: #0070cc !important; }

.gksbtn {
  color: #fff;
  background-color: #0070cc !important; }

.gksborder {
  border: 1px solid #0070cc !important; }

.gkscborder {
  border-color: #0070cc !important; }

.cblue {
  color: #2288ee !important; }

/*文字类型&结构*/
.bold {
  font-weight: bold; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.center {
  text-align: center; }

.vam {
  vertical-align: middle; }

.line_through,
.tdlt {
  text-decoration: line-through; }

.img_circle {
  border-radius: 50%; }

.ui_hide,
.none {
  display: none; }

.ui_show,
.block {
  display: block; }

.fl {
  float: left; }

.fr {
  float: right; }

.bgfff {
  background-color: #fff !important; }

.ui_price {
  color: #e13438;
  font: 12px/1.5 arial;
  display: inline-block; }

.ui_price b,
.ui_price em {
  font-size: 14px;
  vertical-align: -1px;
  margin-left: 3px; }

.clearfix:after,
.clear:after,
.button:after,
.ui_layout:after,
.tales60:after,
.tales100:after {
  content: 'content';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
  width: 0px;
  font-size: 0px; }

.clearfix,
.clear,
.button,
.ui_layout,
.tales60,
.tales100 {
  zoom: 1; }

/*margin*/
.mg0 {
  margin: 0px !important; }

.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mt3 {
  margin-top: 3px; }

.ml1 {
  margin-left: 1px; }

.ml3 {
  margin-left: 3px; }

.mr3 {
  margin-right: 3px; }

.mt5 {
  margin-top: 5px; }

.ml5 {
  margin-left: 5px; }

.mr5 {
  margin-right: 5px; }

.mt10 {
  margin-top: 10px; }

.ml10 {
  margin-left: 10px; }

.mr10 {
  margin-right: 10px; }

.mt15 {
  margin-top: 15px; }

.ml15 {
  margin-left: 15px; }

.mr15 {
  margin-right: 15px; }

.mt20 {
  margin-top: 20px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.mt25 {
  margin-top: 25px; }

.ml25 {
  margin-left: 25px; }

.mr25 {
  margin-right: 25px; }

.mt30 {
  margin-top: 30px; }

.ml30 {
  margin-left: 30px !important; }

.mr30 {
  margin-right: 30px; }

/* padding */
.pd0 {
  padding: 0 !important; }

.pd10 {
  padding: 10px; }

/* layui-tab-content */
.pd20 {
  padding: 20px; }

.inner {
  padding: 5px;
  padding-top: 0; }

.layui-main .inner {
  padding: 0;
  padding-top: 0; }

.layui-layer .inner {
  padding-top: 5px; }

/*各种宽高*/
.wauto {
  width: auto; }

/**文字纯色标识**/
.icon_zi {
  padding: 3px;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  background-color: #0070cc;
  color: #fff;
  font-size: 12px;
  cursor: pointer; }

.icon_cyan {
  background-color: #2bd1c3; }

.icon_orange {
  background-color: #feb517; }

.icon_red {
  background-color: #ff5500; }

.icon_ticket {
  margin: 0 7px;
  position: relative;
  background-color: #f50;
  padding: 5px; }

.icon_ticket:after,
.icon_ticket:before {
  height: 22px;
  width: 8px;
  background-position: left -238px;
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  content: ''; }

.icon_ticket:before {
  background-position: right -238px;
  left: auto;
  right: -6px; }

.icon_bor,
.icon_min_bor {
  border: 1px solid #f50;
  padding: 4px 10px;
  background-color: #fff;
  color: #f50;
  border-radius: 2px; }

/*h22*/
.icon_min_bor {
  padding: 2px 6px; }

/*h18*/
.icon_cyan {
  background-color: #02b4b6;
  white-space: nowrap; }

.icon_orange {
  background-color: #f27d00;
  white-space: nowrap; }

.icon_crimson {
  background-color: #c61e11;
  white-space: nowrap; }

.icon_bor_cyan {
  border-color: #02b4b6;
  color: #02b4b6;
  white-space: nowrap; }

.icon_bor_orange {
  border-color: #f27d00;
  color: #f27d00;
  white-space: nowrap; }

.icon_bor_crimson {
  border-color: #c61e11;
  color: #c61e11;
  white-space: nowrap; }

.icon_bor_gray {
  border-color: #999;
  color: #999;
  white-space: nowrap; }

.icon_bor_blue {
  border-color: #01aaed;
  color: #01aaed;
  white-space: nowrap; }

.icon_bor_ticket {
  border-color: #ff5500;
  color: #ff5500;
  white-space: nowrap; }

.icon_bor_green {
  border-color: #0e932e;
  color: #0e932e;
  white-space: nowrap; }

.icon_bor_brown {
  border-color: #c6963d;
  color: #c6963d;
  white-space: nowrap; }

/*按钮*/
.button,
.button span,
.button input {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border: none;
  width: auto;
  text-decoration: none !important;
  padding: 0; }

.minBtn,
.bigBtn,
.maxBtn,
.smallBtn {
  overflow: hidden;
  border: 1px solid #fff; }

.minBtn span,
.minBtn input,
.bigBtn span,
.bigBtn input,
.maxBtn span,
.maxBtn input,
.smallBtn span,
.smallBtn input {
  overflow: hidden;
  float: left; }

.smallBtn {
  height: 22px;
  line-height: 22px;
  padding-left: 10px; }

.smallBtn span,
.smallBtn input {
  height: 22px;
  line-height: 22px;
  padding-right: 10px;
  font-size: 12px; }

.minBtn {
  height: 28px;
  line-height: 28px;
  padding-left: 10px; }

.minBtn span,
.minBtn input {
  height: 28px;
  line-height: 28px;
  padding-right: 10px;
  font-size: 12px; }

.bigBtn {
  height: 34px;
  line-height: 34px;
  padding-left: 15px; }

.bigBtn span,
.bigBtn input {
  height: 34px;
  line-height: 34px;
  padding-right: 15px;
  font-size: 16px; }

.maxBtn {
  height: 38px;
  line-height: 46px;
  padding-left: 20px; }

.maxBtn span,
.maxBtn input {
  height: 38px;
  line-height: 38px;
  padding-right: 20px;
  font-size: 16px; }

.grayBtn,
.grayBtn span,
.grayBtn input {
  background-color: #dfdede;
  border-color: #dfdede;
  color: #000; }

.grayBtn:hover,
.grayBtn:hover span,
.grayBtn:hover input {
  background-color: #e7e4e4; }

.redBtn,
.redBtn span,
.redBtn input {
  background-color: #0070cc;
  border-color: #0070cc;
  color: #fff; }

.redBtn:hover,
.redBtn:hover span,
.redBtn:hover input {
  opacity: 0.9; }

.pinkBtn,
.pinkBtn span,
.pinkBtn input {
  background-color: #fbe0e1;
  border-color: #0070cc;
  color: #0070cc; }

.pinkBtn:hover,
.pinkBtn:hover span,
.pinkBtn:hover input {
  background-color: #fbe8e9; }

.whiteBtn,
.whiteBtn span,
.whiteBtn input {
  background-color: #fff;
  border-color: #e5e5e5;
  color: #666; }

.whiteBtn:hover,
.whiteBtn:hover span,
.whiteBtn:hover input {
  border-color: #eee;
  color: #000; }

.gks-btn-primary {
  width: 80px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  border: 1px #e5e5e5 solid;
  border-radius: 3px;
  color: #000;
  background: #f3f3f3; }

.gks-btn-primary:hover {
  color: #000; }

.gks-btn-normal {
  background: #efefef;
  background: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
  border: 1px #e5e5e5 solid;
  color: #000; }

.gks-btn-normal:hover {
  color: #000; }

.gks-btn-white {
  background-color: #fff !important;
  border: 1px #e5e5e5 solid;
  color: #000; }

.gks-btn-white:hover {
  color: #0070cc; }

.layui-btn.gks-btn-gray {
  background: #ccc;
  color: #000; }

.gks-btn-primary + .gks-btn-primary {
  margin-left: 5px; }

.layui-layer-btn a.layui-layer-btn0 {
  border-color: #0070cc;
  background-color: #0070cc;
  color: #fff; }

.fixbox-item table {
  margin: 0; }

.fixbox-item-line {
  height: 10px;
  background: #f5f5f5; }

.layui-table .fix-thead {
  top: 36px !important; }

.full-screen-wrap .layui-table .fixed-thead {
  top: 0px !important; }

.add-table div.notice-list {
  margin-bottom: 0; }

/*物流*/
.logistics-detail-list {
  margin: 10px;
  padding: 0 20px;
  border-left: 1px #e5e5e5 solid; }

.logistics-detail-list li {
  line-height: 20px;
  padding: 10px 0;
  position: relative; }

.logistics-detail-list li:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  border: 3px #fff solid;
  background: #ccc;
  position: absolute;
  left: -26px;
  top: 15px; }

.logistics-detail-list li.actived:before {
  background: #0070cc; }

/*文字列表*/
.ui_list li {
  height: 30px;
  line-height: 30px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui_list li a {
  color: #000;
  *display: block;
  padding-left: 10px; }

/** 图文布局 **/
.ui_layout {
  width: 1190px;
  margin: 0 auto; }

.ui_media,
.ui_text {
  overflow: hidden;
  *overflow: visible;
  zoom: 1; }

.ui_media .ui_pic img,
.ui_media .ui_picR img {
  display: block; }

.ui_media .ui_pic {
  margin-right: 10px;
  float: left; }

.ui_media .ui_picR {
  margin-left: 10px;
  float: right; }

.ui_media .ui_media {
  margin-top: 10px;
  color: #666; }

/** 按钮 **/
.layui-btn-primary:hover {
  border-color: #0070cc;
  color: #0070cc; }

.layui-btn-small {
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 12px; }

.redBt,
.redBt span,
.redBt input {
  background-color: #0070cc;
  border-color: #0070cc;
  color: #fff; }

.minBt {
  height: 22px;
  line-height: 22px;
  padding-left: 10px; }

.minBt span,
.minBt input {
  height: 22px;
  line-height: 22px;
  padding-right: 10px;
  font-size: 12px; }

body .product-brand {
  border: 1px #0070cc solid;
  color: #0070cc;
  padding: 0 2px;
  font-weight: normal;
  margin-right: 2px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px; }

body .product-brand:hover {
  color: #0070cc; }

body .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #0070cc !important; }

.layui-layer-title {
  background-color: #f0f0f0; }

/*模块*/
.mod_fill {
  zoom: 1;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px; }

.mod_fill .mod_hd {
  position: relative;
  z-index: 1;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  background-color: #F5F6FA;
  border-bottom: 1px solid #e2e2e2; }

.mod_fill .mod_hd h2 {
  font-size: 14px; }

.mod_fill .mod_hd .more {
  font-family: '宋体';
  color: #2288ee !important; }

.mod_fill .mod_bd {
  background-color: #fff;
  padding: 10px; }

/**增减结构**/
.gks_moreLess {
  line-height: 20px;
  height: 22px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  width: 76px;
  display: inline-block; }

.gks_moreLess i {
  width: 22px;
  display: inline-block;
  text-align: center;
  cursor: pointer; }

.gks_moreLess input {
  width: 30px;
  border: 1px solid #e5e5e5;
  border-width: 0 1px;
  height: 22px;
  text-align: center; }

.gks_moreLess_right {
  width: 51px;
  background-color: #e5e5e5;
  height: 18px;
  line-height: 16px; }

.gks_moreLess_right i {
  height: 9px;
  line-height: 9px;
  color: #888;
  display: block;
  overflow: hidden;
  font-size: 12px;
  width: 20px; }

.gks_moreLess_right i:hover {
  color: #000; }

.gks_moreLess_right input {
  border-left: 0;
  float: left;
  background-color: #fff;
  height: 18px; }

/**下拉框扩展：多选**/
.layui-form-select.multiple dl dd {
  position: relative;
  padding-left: 30px;
  font-size: 12px; }

.layui-form-select.multiple dl dd.layui-this {
  background: none;
  color: inherit; }

.layui-form-select.multiple dl dd:before {
  content: '\e620';
  width: 14px;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
  display: block; }

.layui-form-select.multiple dl dd.layui-this:before {
  content: '\e681';
  color: #0070cc; }

.layui-form-select.multiple .multiple_box {
  display: none;
  position: absolute;
  left: 0;
  background-color: #e1e1e1;
  width: 100%;
  text-align: right;
  z-index: 1000;
  padding: 5px 0; }

.layui-form-selected.multiple .multiple_box {
  display: block; }

/*表格*/
.layui-table thead tr {
  background: #f5f5f5; }

.layui-table td,
.layui-table th {
  font-weight: normal;
  padding: 5px 10px;
  font-size: 12px;
  border-color: #DEE1E5; }

/*表格改造*/
.gks_table_viewport {
  overflow: hidden; }

.gks_table_viewport .layui-table {
  table-layout: fixed;
  margin: 0; }

.gks_table_viewport th,
.gks_table_viewport td {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  text-align: center; }

.gks_table_viewport tbody tr:first-child td {
  border-top: 0; }

.gks_table_viewport .th_inner,
.gks_table_viewport .td_inner {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
  white-space: nowrap;
  position: relative; }

.gks_table_viewport th,
.gks_table_viewport .th_inner {
  white-space: nowrap !important; }

.gks_table_viewport .th_inner {
  line-height: 32px;
  height: 32px; }

.gks_table_viewport .td_inner {
  line-height: 18px; }

.gks_table_header {
  overflow: hidden; }

.gks_table_scroller {
  overflow: auto;
  zoom: 1;
  position: relative; }

/*tab*/
.layui-tab-title {
  height: 30px; }

.layui-tab-title > ul > li {
  line-height: 30px;
  font-size: 12px; }

.layui-tab-title .layui-this:after {
  height: 31px; }

.layui-tab-brief {
  margin: 0; }

.layui-tab-brief > .layui-tab-title {
  height: 22px;
  border-bottom: none; }

.layui-tab-brief > ul > li {
  line-height: 22px;
  color: #666; }

.layui-tab-brief > ul > .layui-this:after {
  height: 22px; }

.layui-tab-brief > .layui-tab-title .layui-this:after {
  border-width: 2px; }

.table_no_data:hover {
  background: #fff !important; }

.gks_tab_href > .layui-tab-title > li {
  padding: 0; }

.gks_tab_href > .layui-tab-title > li > a {
  padding: 0 10px; }

.layui-tab-brief > ul > li {
  font-size: 12px;
  min-width: inherit;
  padding: 0 15px;
  margin: 0; }

.seller-center-main .inner {
  padding: 0; }

/*表单*/
.layui-form-label {
  padding: 5px 10px 5px 0; }

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

.layui-form-select dl {
  top: 28px;
  z-index: 99999; }

.layui-form-select dl dd,
.layui-form-select dl dt {
  line-height: 28px; }

.layui-form-item {
  margin-bottom: 10px; }

.layui-form-item .layui-input-inline {
  margin-right: 0;
  width: 120px; }

.layui-form-item .layui-inline {
  margin-bottom: 0; }

.layui-form-mid {
  padding: 5px 1px; }

.multiple.layui-form-select .layui-anim {
  overflow-y: scroll; }

/*分页*/
.layui-laypage .laypage-extend-pagesize {
  border: none;
  float: right;
  padding: 0; }

.layui-laypage .laypage-extend-pagesize button {
  color: #999; }

/*lay模块*/
.layui-field-title {
  border: 0; }

.layui-elem-field legend {
  padding: 0;
  line-height: 30px;
  font-size: 16px;
  margin: 0;
  text-indent: 20px; }

/*杂*/
.layui-tab-content {
  padding: 10px 0; }

.layui-elem-quote {
  padding: 10px; }

.layui-tab-card > .layui-tab-title span.layui-tab-bar {
  height: 25px;
  line-height: 25px;
  border: none; }

.layui-tab-card {
  box-shadow: inherit; }

.layui-tab-bar .layui-icon {
  top: 0;
  font-size: 12px; }

.layui-tab-title li {
  font-size: 12px;
  line-height: 30px; }

/********/
body .layui-tree-skin-shihuang .layui-tree-branch {
  color: #0070cc; }

.gks_manage .gks_left_nav,
.gks_manage .gks_body_bg {
  top: 36px; }

.layui-layout-admin .layui-body {
  bottom: 0;
  left: 170px; }

.gks_manage .gks_body_bg .gks_body_box {
  background-color: inherit; }

.layui-layout-admin .layui-main {
  margin: 0; }

.gks_body_bg {
  min-width: 1000px; }

.gks_body_box > .inner {
  padding: 0 10px; }

.here {
  line-height: 26px;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px; }

/**页面头部捷径**/
.tag_top {
  line-height: 30px;
  background-color: #f2f2f2;
  font-size: 12px;
  padding: 0 25px; }

.tag_top a,
.tag_top span {
  margin-left: 25px; }

.tag_top a:first-child {
  margin-left: 0; }

.tag_top .ui_sign a:last-child {
  margin-left: 0; }

.tag_top .ui_sign a.ui_sign_quit {
  margin-left: 10px;
  color: #999; }

/**页面头部**/
.tag_top {
  line-height: 33px;
  background-color: #f0f0f0;
  font-size: 12px; }

.tag_top a:hover {
  color: #0070cc; }

.tag_top a,
.tag_top span {
  margin-left: 20px;
  color: #666; }

.tag_top a:first-child {
  margin-left: 0; }

.tag_top .ui_sign a:last-child {
  margin-left: 0; }

.tag_top .ui_sign a.ui_sign_quit {
  margin-left: 10px;
  color: #999; }

.tag_top .sign-zindex {
  position: relative;
  z-index: 999999999;
  left: 10px; }

.tag_top .ui_sign a.old-shop:hover {
  color: #fff; }

.tag_top .top-left a i {
  font-size: 14px;
  line-height: 14px;
  vertical-align: -1px;
  margin-right: 2px; }

.person-info-list {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 5px; }

.tag_top .mobile-code {
  display: inline-block;
  margin-left: 20px;
  position: relative; }

.tag_top .mobile-code .triangle-up {
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-bottom: 40px solid #A020F0;
  border-left: 20px solid transparent;
  z-index: 1000001;
  position: absolute;
  top: 10px;
  left: 20px; }

.tag_top .mobile-code .code-list {
  position: absolute;
  left: -87px;
  top: 35px;
  border: 1px solid #ccc;
  z-index: 100000;
  background: #fff; }

.tag_top .mobile-code .code-list ul {
  padding: 0 4px; }

.tag_top .mobile-code .code-list ul li {
  padding: 10px 0 10px 6px;
  width: 152px; }

.tag_top .mobile-code .code-list ul li:first-child {
  border-bottom: 1px solid #ccc; }

.tag_top .mobile-code .list-code-introduce {
  width: 70px; }

.tag_top .mobile-code .code-list ul li .list-code-img img {
  width: 70px;
  height: 70px;
  margin-right: 5px;
  border: 1px solid #ccc;
  padding: 2px;
  border-radius: 5px; }

.tag_top .mobile-code .list-code-introduce p:first-child {
  font-size: 14px;
  line-height: 14px;
  font-weight: 800;
  margin: 10px 0; }

.tag_top .mobile-code .list-code-introduce p:last-child {
  font-size: 12px;
  line-height: 14px;
  color: #0070cc;
  font-weight: 700; }

.tag_top .ui_sign .person-info-list,
.tag_top .mobile-gongkong .small-routine-code {
  display: none; }

.tag_top .ui_sign .icon-up {
  display: none; }

.tag_top .ui_sign .person-info:hover > .person-info-list {
  display: block; }

.tag_top .ui_sign .person-info:hover > .icon-up {
  display: inline-block; }

.tag_top .ui_sign .person-info:hover > .icon-down {
  display: none; }

.tag_top .mobile-code .code-list {
  display: none; }

.tag_top .mobile-code:hover > .code-list {
  display: block; }

.person-info-list ul {
  float: left; }

.person-info-list li {
  height: 25px; }

.person-info-list .person-info-line {
  float: left;
  width: 1px;
  height: 70px;
  background-color: #ccc;
  margin-top: 18px; }

.person-info-list .person-info-inline {
  padding-left: 20px; }

.person-info-inline {
  display: inline-block; }

.person-info-left {
  padding-right: 20px; }

.person-info-list {
  position: absolute;
  z-index: 100000;
  background-color: white;
  padding: 5px 0 10px 0; }

.person-account-icon {
  height: 16px;
  width: auto;
  margin-right: 5px; }

.person-info-list ul:last-child {
  padding-right: 20px; }

@media screen and (max-width: 1280px) {
  .tag_top .top-left {
    padding-left: 50px; }
  .tag_top .top-left + div {
    padding-right: 60px; } }

/** header **/
.gks_header {
  background: #0070cc !important;
  height: 80px; }

.gks_header a {
  color: #fff; }

.gks_header .logo {
  position: relative;
  float: left;
  width: 300px;
  height: 80px;
  overflow: hidden; }

.gks_header .logo .fore1 {
  float: left;
  margin: 20px 10px 20px 25px;
  height: 40px; }

.gks_header .logo .fore2 {
  font-size: 18px;
  margin: 20px 0 0 6px;
  height: 22px;
  display: block; }

.gks_header .logo .fore3 {
  margin-top: 5px;
  margin-left: 5px;
  color: #fff;
  border: 1px solid #fff;
  height: 18px;
  line-height: 18px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 12px;
  display: inline-block; }

.gks_header .nav_items {
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 22px 0;
  margin-left: 30px; }

.gks_header .nav_items li {
  float: left;
  margin: 0 15px;
  font-size: 14px; }

.gks_header .nav-r {
  float: right;
  margin-right: 30px;
  margin-top: 25px; }

.gks_header .nav-r .form .text {
  width: 160px;
  border: 0;
  float: left;
  height: 24px;
  line-height: 24px;
  color: #666;
  padding: 4px;
  margin-bottom: 4px;
  outline: 0; }

.gks_header .nav-r .btn {
  width: 56px;
  font-size: 12px;
  height: 32px;
  color: #000;
  background-color: #f7f7f7;
  float: left;
  border: none;
  line-height: 1;
  cursor: pointer; }

.nickname {
  text-align: right;
  margin-left: 20px; }

.nickname a img {
  border-radius: 50%;
  overflow: hidden; }

.search-box .batch {
  position: relative; }

.search-box .batch_wrap {
  position: absolute;
  top: 32px;
  border: 1px #e5e5e5 solid;
  background: #fff; }

.layui-header .search-box .batch_wrap li {
  width: 272px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 5px;
  cursor: pointer; }

.search-box .batch_wrap li:hover {
  background: #f5f5f5; }

.search-box .batch_wrap .actived {
  background: #f5f5f5; }

.personal-layout .top-layout {
  width: 1190px;
  margin: 0 auto; }

.personal-layout .logo .fore1 {
  margin-left: 0; }

.personal-layout .nav_items {
  margin-left: 0; }

.personal-layout .nav_items li {
  margin: 0 5px; }

.personal-layout .nav-r {
  margin-right: 1px; }

.operation-header {
  background: #0070cc;
  padding: 5px 15px;
  padding-left: 5px;
  height: 26px;
  color: #fff; }

.operation-header .logo {
  height: 25px; }

.operation-header .logo img {
  height: 25px; }

.operation-header .center {
  font-size: 12px;
  line-height: 25px;
  color: #fff;
  margin: 0 15px; }

.operation-header .name {
  position: relative;
  height: 55px;
  margin-top: -15px;
  margin-bottom: -15px; }

.operation-header .name-con {
  font-size: 12px;
  line-height: 55px;
  color: #fff; }

.operation-header .name-box {
  display: none;
  position: absolute;
  top: 46px;
  bottom: auto;
  right: 1px;
  z-index: 999999;
  width: 368px;
  padding: 10px 0 0 0;
  background: #fff;
  border: 1px #e5e5e5 solid;
  color: #000; }

.operation-header .name-box::before {
  content: '';
  position: absolute;
  left: 326px;
  top: -6px;
  padding: 5px;
  border: inherit;
  background: inherit;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg); }

.operation-header .name-box ul li {
  margin-top: 5px; }

.operation-header .name-box ul li > span {
  float: left;
  line-height: 24px;
  width: 83px; }

.operation-header .name-box ul li > div {
  position: relative;
  float: left; }

.operation-header .name-box ul li > div input {
  display: block;
  line-height: 22px;
  border: 1px #fff solid;
  height: 22px;
  background: #fff;
  padding: 0 5px; }

.operation-header .name-box ul li > i {
  float: left;
  line-height: 24px;
  color: #6699cc;
  cursor: pointer; }

.operation-header .name-box h5 {
  font-size: 14px;
  line-height: 34px;
  font-weight: bold;
  color: #666; }

.operation-header .my-info-list {
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 15px;
  margin-bottom: 10px; }

.operation-header .my-safe {
  padding-bottom: 5px; }

.operation-header .layui-btn-group {
  width: 55px;
  display: none;
  margin-left: 165px;
  margin-top: -24px; }

.operation-header .layui-btn-group .layui-btn-small {
  line-height: 24px;
  height: 24px;
  padding: 0 5px; }

.operation-header .login-quit {
  display: inline-block;
  margin-bottom: 6px;
  border-top: 1px #e5e5e5 solid;
  text-align: center;
  height: 30px;
  line-height: 36px;
  padding: 0 -20px;
  color: black;
  text-align: center;
  width: 100%;
  cursor: pointer; }

.operation-header .login-quit:hover {
  color: #0070cc; }

.operation-header .login-quit span {
  cursor: pointer; }

.operation-header .login-quit i {
  color: #6699cc; }

.operation-header .o-header-out {
  margin-left: 15px;
  font-size: 12px;
  line-height: 25px;
  color: #fff;
  margin-top: 1px; }

.operation-header .new-header-out {
  margin-left: 15px;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  margin-top: 0px; }

.operation-header .new-header-out i {
  font-weight: lighter;
  vertical-align: -2px; }

.operation-header .operation-header-search {
  flex: 1;
  position: relative;
  width: 330px;
  margin-right: 15px;
  top: -5px;
  background-color: #fff; }

.operation-header .header-search-icon {
  position: absolute;
  top: 8px;
  left: 5px;
  font-size: 18px;
  color: #fff; }

.operation-header .header-search-input {
  padding: 0 5px 0 26px;
  width: 280px;
  height: 36px;
  line-height: 36px;
  border: none;
  background-color: rgba(0, 112, 204, 0.9);
  color: #ffffff;
  box-sizing: content-box !important; }

.operation-header .header-search-input::-webkit-input-placeholder {
  color: #fff; }

.operation-header .header-search-box {
  display: none;
  position: absolute;
  padding: 8px 0;
  width: 100%;
  max-height: 400px;
  left: 2px;
  z-index: 100000;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.operation-header .header-search-box ul li:hover {
  background: #ebebeb; }

.operation-header .header-search-box ul li.actived {
  background: #ebebeb; }

.operation-header .group-title {
  padding: 0 16px;
  color: #bbb; }

.operation-header .search-box-list li {
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-size: 12px;
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.operation-header .search-box-list li a {
  display: flex;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  color: #333;
  -webkit-transition: all .17s ease;
  -o-transition: all .17s ease;
  -moz-transition: all .17s ease;
  transition: all .17s ease; }

.operation-header .search-box-list li a span {
  letter-spacing: .02em; }

.operation-header .search-box-list li .the-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.operation-header .search-box-list li .the-product {
  color: #bbb; }

.operation-header .header-close-icon {
  position: absolute;
  left: 311px;
  top: 0px;
  height: 36px;
  width: 21px;
  background-color: rgba(0, 112, 204, 0.9); }

.operation-header .header-close-icon img {
  padding-top: 10px; }

.the-btns {
  display: none;
  margin-right: -10px; }

.the-btns .layui-btn:not(.active) {
  background: transparent;
  color: #333; }

.the-btns button {
  width: 42px;
  height: 20px;
  line-height: 20px;
  padding: 0px; }

.the-btns button.layui-btn + button.layui-btn {
  margin-left: 5px; }

li[data-type="order"]:hover .the-btns,
li[data-type="order"].actived .the-btns {
  display: block; }

li[data-type="order"]:hover .the-product,
li[data-type="order"].actived .the-product {
  display: none; }

.operation-header .header-search-box ul li.group-title:hover {
  background: transparent; }

/**购物车**/
.head_cart {
  position: relative;
  height: 50px; }

.head_cart .hcart_but {
  line-height: 24px;
  background-color: #fff;
  border-radius: 3px;
  padding: 4px 15px;
  display: block;
  color: #0070cc;
  cursor: pointer;
  position: relative;
  font-size: 12px; }

.head_cart .hcart_but i {
  margin-right: 10px; }

.head_cart .hcart_but:hover {
  text-decoration: none; }

.hcart_but .nub {
  position: absolute;
  line-height: 12px;
  border-radius: 8px;
  display: block;
  top: 1px;
  right: 0;
  background-color: #0070cc;
  color: #fff;
  padding: 3px 4px; }

.cartshow {
  display: none;
  opacity: 0;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 300;
  width: 355px;
  border: 1px solid #e5e5e5;
  min-height: 150px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2);
  font-size: 12px;
  color: #666; }

.cartshow:after {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  font-size: 40px;
  overflow: hidden;
  top: -7px;
  right: 40px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(135deg) translateZ(0);
  transform: rotate(135deg) translateZ(0); }

.cartshow_list {
  max-height: 400px;
  overflow-y: auto; }

.cartshow_list .mod_hd,
.cartshow_list .mod_bd li {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative; }

.cartshow_list .mod_hd h2 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.cartshow_list .mod_bd dt img {
  width: 90px;
  height: 90px; }

.cartshow_list .mod_bd dd .iTitle a {
  color: #000; }

.cartshow_list .mod_bd dd .iSize em {
  font-family: simsun; }

.cartshow_list .mod_bd dd .iPrice i {
  vertical-align: -3px; }

.cartshow_list .mod_bd dd .iPrice input {
  width: 38px;
  height: 20px;
  border: 1px solid #e5e5e5;
  text-align: center; }

.cartshow_list .mod_bd li .close {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: 10px;
  right: 0;
  font-size: 20px;
  cursor: pointer;
  color: #c3c3c3; }

.cartshow_list .mod_bd li .close:hover {
  color: #0070cc; }

.cartshow_list .mod_bd li:hover {
  background-color: #f9f9f9; }

.cartshow .cart_goods_num {
  display: block; }

.cartshow .sidebar-goods-canal {
  padding-bottom: 1px; }

.cartshow .sidebar-goods-canal span {
  line-height: 22px; }

/**左侧导航**/
body .gks_manage .layui-bg-black {
  background-color: #fafafa !important;
  border-right: 1px #ccc solid; }

.gks_left_nav ul {
  border-top: 1px solid #efefef;
  padding: 10px 0; }

.gks_left_nav ul:first-child {
  border-top: none;
  margin-top: 4px; }

/*.gks_left_nav li.select{background-color:#f5f5f5;}*/
.gks_left_nav li a {
  height: 26px;
  line-height: 26px;
  padding: 2px 0;
  display: block;
  width: 204px;
  font-size: 14px;
  border-left: 3px solid transparent;
  box-sizing: content-box;
  position: relative;
  white-space: nowrap; }

.gks_left_nav li a i {
  font-size: 18px;
  vertical-align: middle;
  width: 40px;
  display: inline-block;
  text-align: center;
  color: #0070cc; }

.gks_left_nav li a span {
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  color: #666; }

.gks_left_nav li .item .select {
  color: #0070cc;
  font-weight: bold; }

/*.gks_left_nav li a:hover,.gks_left_nav li.select a{color:#0070cc;}*/
.gks_left_nav li a:hover {
  color: #0070cc;
  text-decoration: none; }

.gks_left_nav li.select > a {
  position: relative;
  border-color: #0070cc;
  background: #f5f5f5; }

.layui-side-scroll .item {
  display: none; }

.layui-side-scroll .item a {
  position: relative;
  width: 164px;
  padding: 0;
  padding-left: 40px;
  font-size: 12px;
  color: #888; }

.layui-side-scroll .item .child-select {
  color: #0070cc; }

.layui-side-scroll li {
  margin-top: 6px; }

.layui-layout-admin .layui-side {
  width: 170px; }

.gks_left_nav,
.gks_navbar_collapse,
.gks_body_bg {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.gks_navbar_collapse {
  position: absolute;
  top: 50%;
  left: 170px;
  width: 15px;
  height: 50px;
  z-index: 1000;
  line-height: 50px;
  overflow: hidden; }

.gks_navbar_collapse_inner {
  width: 15px;
  height: 50px;
  position: relative; }

.gks_navbar_collapse_bg,
.gks_navbar_collapse_icon {
  width: 0;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0; }

.gks_navbar_collapse_bg {
  box-sizing: content-box;
  border-bottom: 9px solid transparent;
  border-left: none;
  border-right: 15px solid #eee;
  border-top: 9px solid transparent; }

.gks_navbar_collapse_icon {
  z-index: 1;
  width: 15px;
  right: -3px;
  cursor: pointer; }

.gks_navbar_collapse i.gks_icon {
  font-size: 14px;
  line-height: 50px;
  vertical-align: top; }

.gks_navbar_collapse i.icon_collapse_right {
  display: none; }

.gks_navbar_collapse_select {
  left: 40px; }

.gks_navbar_collapse_select .gks_navbar_collapse_icon {
  right: auto;
  left: -7px; }

.gks_navbar_collapse_select .gks_navbar_collapse_bg {
  border-right: none;
  border-left: 15px solid #eee; }

.gks_navbar_collapse_select i.icon_collapse_left {
  display: none; }

.gks_navbar_collapse_select i.icon_collapse_right {
  display: inline-block; }

.gks_navbar_collapse_select:hover .gks_navbar_collapse_bg {
  border-left-color: #0070cc; }

.gks_navbar_collapse .gks_navbar_collapse_icon {
  right: auto;
  left: -7px; }

.gks_navbar_collapse .gks_navbar_collapse_bg {
  border-right: none;
  border-left: 15px solid #eee; }

.gks_navbar_collapse i.icon_collapse_left {
  display: none; }

.gks_navbar_collapse i.icon_collapse_right {
  display: inline-block; }

.gks_navbar_collapse:hover .gks_navbar_collapse_bg {
  border-left-color: #0070cc; }

.gks_navbar_collapse:hover .gks_navbar_collapse_bg {
  border-right-color: #0070cc; }

.gks_navbar_collapse:hover .gks_navbar_collapse_icon {
  color: #fff; }

/**左侧导航 居中 **/
.center-box > a {
  /* background: radial-gradient(circle at 50% 50%, #fff 0, #fff 55%, transparent 0); */
  background-repeat: repeat-x;
  background-color: white;
  background-size: 10px 10px;
  background-position: -1px 35px;
  background-color: #eb3a3e;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  font-weight: bold; }

.center-box > a:hover {
  text-decoration: underline; }

.center-box > div {
  padding: 5px 0 15px;
  margin-left: 35px; }

.center-box > div dt {
  padding-top: 5px;
  font-weight: bold;
  line-height: 28px; }

.center-box > div a {
  display: block;
  line-height: 24px;
  color: #888; }

.center-box > div .active {
  font-weight: bold;
  color: #0070cc; }

.center-box > div a:hover {
  color: #0070cc; }

.seller-center-main .layui-btn-group .layui-btn:first-child {
  border-left: 1px #e5e5e5 solid; }

.seller-center {
  padding: 10px 0; }

.seller-center-navbar {
  width: 130px;
  min-height: 55vh;
  float: left;
  background: #fff; }

.seller-center-main {
  width: 1046px;
  overflow: hidden;
  margin-left: 141px; }

.seller-center-main .person-admin-header {
  margin-bottom: 10px;
  border-left: 4px #0070cc solid;
  padding: 8px 10px;
  padding-right: 10px;
  position: relative; }

.center-box-inner {
  width: 1046px;
  padding-right: 100px;
  overflow: hidden;
  overflow-y: auto; }

.operation-content-main {
  min-height: 100%;
  background: #fff;
  position: relative; }

.operation-content-main .person-admin-header {
  padding-bottom: 0; }

.scn-item {
  position: relative; }

.center-box-width {
  width: 1046px; }

.scn-item:nth-last-child(1) {
  border: none; }

.scn-item .scn-item-hd {
  display: block;
  padding-top: 1px;
  padding-left: 1px;
  font-size: 12px;
  line-height: 31px;
  color: #000; }

.scn-item.actived .scn-item-hd {
  font-size: 13px;
  font-weight: bold;
  color: #0070cc; }

.scn-item .scn-item-hd:hover {
  color: #0070cc; }

.scn-item ul {
  position: relative;
  padding-top: 1px;
  padding-bottom: 10px; }

.scn-item li {
  padding-left: 56px;
  font-size: 12px;
  line-height: 28px;
  color: #666; }

.scn-item li:hover {
  background: #f9f9f9; }

.scn-item li a {
  display: block; }

.scn-item li i {
  color: #d8312b; }

.scn-item .gks_icon {
  position: absolute;
  left: 25px;
  top: 10px;
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  color: #666;
  transition: transform .3s;
  -moz-transition: transform .3s;
  /* Firefox 4 */
  -webkit-transition: transform .3s;
  /* Safari 和 Chrome */
  -o-transition: transform .3s;
  /* Opera */ }

.scn-item .gks_icon.actived {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(90deg);
  /* Opera */ }

/* 固定宽度 右侧 */
div.fixbox-head {
  margin-bottom: 10px;
  padding: 6px 10px;
  background: #fff;
  border-left: 4px #0070cc solid; }

.fixbox-head h2 {
  float: left;
  font-size: 12px;
  line-height: 26px;
  font-weight: bold;
  color: #000;
  background: #fff; }

.fixbox-bd {
  border: none;
  background: #fff;
  padding: 10px; }

.fixbox-bd .layui-tab-title {
  background: none;
  border-bottom: none; }

.fixbox-bd .layui-tab-title li {
  font-size: 12px;
  line-height: 22px;
  border-bottom: 2px #fff solid;
  padding: 0;
  margin-right: 20px;
  min-width: inherit; }

.fixbox-bd .layui-tab-title .layui-this {
  border-bottom: 2px #0070cc solid; }

.fixbox-bd .layui-tab-title .layui-this:after {
  content: no-close-quote;
  display: none; }

/** 部门管理 **/
.departmentManage .layui-tab-content .ui_pic {
  width: 200px; }

/**个人中心首页**/
.gks_admin_index {
  font-size: 12px; }

.gks_admin_index .box {
  overflow: hidden;
  border-radius: 3px; }

.gks_admin_index .row_1 {
  width: 30%; }

.gks_admin_index .row_2 {
  overflow: hidden;
  zoom: 1; }

.gks_admin_index .user_info,
.gks_admin_index .manage_shortcut {
  padding: 20px;
  font-size: 12px;
  background-color: #fff;
  height: 64px; }

.gks_admin_index .user_info {
  height: 150px; }

.gks_admin_index .user_info .ui_pic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden; }

.gks_admin_index .user_info .ui_text {
  line-height: 50px;
  font-size: 14px; }

.gks_admin_index .user_info .open_account {
  font-size: 12px;
  line-height: 24px;
  padding: 0 5px;
  background-color: #efefef;
  margin-left: 10px;
  display: inline-block; }

.gks_admin_index .user_info .to_pay {
  margin-left: 15px;
  line-height: 22px;
  height: 22px;
  display: inline-block;
  overflow: hidden;
  padding: 0 8px;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  border-radius: 3px;
  vertical-align: middle; }

.gks_admin_index .manage_shortcut {
  border-top: 1px solid #eaeaea; }

.gks_admin_index .manage_shortcut span {
  width: 21%;
  display: inline-block; }

.gks_admin_index .half {
  display: flex; }

.gks_admin_index .half .mod_fill {
  flex: 2; }

.slider_rack {
  position: relative;
  width: 630px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  height: 260px; }

.slider_rack .bd ul {
  width: 9999px;
  position: absolute; }

.slider_rack .bd li {
  width: 190px;
  float: left;
  margin: 20px 10px 30px;
  padding: 20px 0;
  text-align: center;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.slider_rack .hd {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 15px; }

.slider_rack .hd li {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #dbdbdb;
  margin: 0 5px;
  overflow: hidden;
  line-height: 300px;
  border-radius: 50%;
  cursor: pointer; }

.slider_rack .hd li.on {
  background-color: #fa898e; }

.gks_admin_index .procurement {
  padding: 20px;
  height: 220px; }

.gks_admin_index .procurement .ui_pic,
.gks_admin_index .organization .ui_pic {
  width: 210px;
  height: 210px; }

.gks_admin_index .procurement .ui_text ul {
  display: flex; }

.gks_admin_index .procurement .ui_text ul li {
  flex: 3;
  margin: 0 10px;
  margin-top: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  text-align: center;
  padding: 20px 0; }

.gks_admin_index .procurement .ui_text ol {
  margin: 15px 10px 0;
  background-color: #f7f7f7;
  padding: 10px 20px; }

.gks_admin_index .procurement .ui_text ol li {
  line-height: 24px; }

.gks_admin_index .organization p span {
  background-color: #fcefeb;
  display: inline-block;
  padding: 2px 10px;
  margin-left: 10px; }

.gks_admin_index .organization li {
  float: left;
  width: 50%; }

.gks_admin_index .organization li i {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: #c23531;
  vertical-align: middle;
  margin-right: 10px; }

.gks_admin_index .organization li:nth-child(2) i {
  background-color: #2f4554; }

.gks_admin_index .organization li:nth-child(3) i {
  background-color: #61a0a8; }

.gks_admin_index .organization li:nth-child(4) i {
  background-color: #d48265; }

.gks_admin_index .layui-table th {
  color: #000;
  font-weight: normal; }

.gks_admin_index .ui_list li b {
  width: 80px;
  display: inline-block; }

.gks_admin_index .ui_list li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 380px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle; }

.slider_gz_product {
  height: 420px;
  width: 100%; }

.slider_gz_product .bd li {
  width: 223px;
  margin: 20px 20px 30px;
  padding: 20px;
  text-align: left; }

.slider_gz_product .bd li a.pic {
  width: 223px;
  height: 223px;
  margin: 0 auto;
  display: block; }

.gks_admin_index .h255 {
  height: 255px;
  overflow: hidden; }

.audit_store li {
  line-height: 22px;
  padding: 8px 0;
  position: relative; }

.audit_store li.ilist:after,
.audit_store li.ilist:before {
  position: absolute;
  content: '';
  display: block;
  overflow: hidden; }

.audit_store li.ilist:before {
  height: 100%;
  width: 2px;
  background-color: #d7d7d7;
  left: 14px;
  top: 0; }

.audit_store li.ilist:after {
  width: 10px;
  height: 10px;
  background-color: #999;
  border-radius: 50%;
  left: 10px;
  top: 14px; }

.audit_store li.ilist time {
  margin-left: 40px;
  margin-right: 30px; }

.audit_store li.ilist .iname img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 15px; }

.audit_store li.no:after {
  background-color: #0070cc; }

.audit_store li.no time,
.audit_store li.no .iname em {
  color: #0070cc; }

.gks_admin_index .buyer_complaint .layui-input-block {
  overflow: hidden; }

.gks_admin_index .buyer_complaint .layui-progress {
  margin-top: 15px; }

/* .seller-center-main .layui-tab-brief>.layui-tab-title { height: 36px; }
.seller-center-main .layui-tab-brief>ul>li { line-height: 26px; }
.seller-center-main .layui-tab-title li a { padding: 5px 10px; }
.seller-center-main .layui-tab-brief>.layui-tab-more li.layui-this:after,
.seller-center-main .layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 3px #0070cc solid; height: 36px; }
.seller-center-main .person-admin-wrapper { padding: 10px 20px; } */
/*** ztree styles ***/
.ztree {
  font-size: 14px; }

.ztree li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  outline: 0; }

.ztree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ztree li a {
  padding: 1px 3px 0 0;
  margin: 0;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block; }

.ztree li a:hover,
.ztree li a.curSelectedNode {
  text-decoration: underline;
  background-color: #f7f7f7; }

.ztree li a.curSelectedNode_Edit {
  padding-top: 0px;
  background-color: #FFE6B0;
  color: black;
  height: 16px;
  border: 1px #FFB951 solid;
  opacity: 0.8; }

.ztree li a.tmpTargetNode_inner {
  padding-top: 0px;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  *border: 0px; }

.ztree li span {
  margin: 0 5px;
  display: inline-block;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle; }

.ztree li span.button {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: 0 none;
  cursor: pointer;
  outline: none;
  color: #999; }

.ztree li a.curSelectedNode,
.ztree li span.button:hover {
  color: #0070cc; }

.ztree li span.button.chk {
  cursor: pointer; }

.ztree li span.button.chk.checkbox_false_full:before,
.ztree li span.button.chk.checkbox_false_full_focus:before {
  content: "\e620";
  color: #767676;
  font-size: 14px; }

.ztree li span.button.chk.checkbox_false_part {
  background-position: 0 -28px; }

.ztree li span.button.chk.checkbox_false_disable {
  background-position: 0 -56px; }

.ztree li span.button.chk.checkbox_true_full:before,
.ztree li span.button.chk.checkbox_false_part_focus:before,
.ztree li span.button.chk.checkbox_true_part:before,
.ztree li span.button.chk.checkbox_true_full_focus:before {
  content: "\e681";
  color: #767676;
  font-size: 14px; }

.ztree li span.button.chk.checkbox_true_part_focus:before {
  content: "\e681";
  color: #767676;
  font-size: 14px; }

.ztree li span.button.chk.checkbox_true_part_focus {
  background-position: -14px -42px; }

.ztree li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px; }

.ztree li span.button.chk.radio_false_full {
  background-position: -28px 0; }

.ztree li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px; }

.ztree li span.button.chk.radio_false_part {
  background-position: -28px -28px; }

.ztree li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px; }

.ztree li span.button.chk.radio_false_disable {
  background-position: -28px -56px; }

.ztree li span.button.chk.radio_true_full {
  background-position: -42px 0; }

.ztree li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px; }

.ztree li span.button.chk.radio_true_part {
  background-position: -42px -28px; }

.ztree li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px; }

.ztree li span.button.chk.radio_true_disable {
  background-position: -42px -56px; }

.ztree li span.button.switch {
  color: #ccc;
  font-size: 14px; }

.ztree li span.button.root_open:before,
.ztree li span.button.roots_open:before,
.ztree li span.button.bottom_open:before,
.ztree li span.button.noline_open:before,
.ztree li span.button.center_open:before {
  content: '\e66d'; }

/*下拉*/
.ztree li span.button.root_close:before,
.ztree li span.button.roots_close:before,
.ztree li span.button.bottom_close:before,
.ztree li span.button.noline_close:before,
.ztree li span.button.center_close:before {
  content: '\e8a2'; }

.ztree li span.button.root_docu {
  background: none; }

.ztree li span.button.roots_docu {
  background-position: -56px 0; }

.ztree li span.button.center_docu {
  background-position: -56px -18px; }

.ztree li span.button.bottom_docu {
  background-position: -56px -36px; }

.ztree li span.button.noline_docu {
  background: none; }

/*.ztree li span.button.ico_open:before {content: "\e651";font-size:20px;}*/
.ztree li span.button.icon_set {
  padding: 0 5px; }

.ztree li span.button.edit,
.ztree li span.button.add,
.ztree li span.button.remove {
  padding: 0 5px; }

.ztree li span.button.add:before {
  content: "\e728"; }

/**添加**/
.ztree li span.button.edit:before {
  content: "\e61f"; }

/**编辑**/
.ztree li span.button.remove:before {
  content: "\e61c"; }

/**删除**/
.ztree li span.button.ico_loading {
  margin-right: 2px;
  background: url(../images/loading.gif) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle; }

body .ztree li span {
  font-size: 12px;
  color: #000; }

/*导航树设置按钮*/
.edite-circle-list {
  width: 118px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  position: absolute;
  z-index: 998; }

.edite-circle-list span {
  display: block;
  padding: 0 9px;
  line-height: 32px;
  cursor: pointer;
  color: #4c4c4c; }

.edite-circle-list .line {
  height: 0;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  border-bottom: 1px solid #ddd; }

.edite-circle-list span:hover {
  background-color: #fbf4f4; }

ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80); }

span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  z-index: 999;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url("../images/ztreestandard.png");
  *background-image: url("../images/ztreestandard.gif"); }

ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 999; }

.zTreeMask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute; }

@media screen and (max-width: 1350px) {
  .gks_header .nav_items li {
    margin: 0 5px; } }

/* 个人中心 后台 公共 */
.person-admin-header {
  position: relative;
  padding: 10px;
  line-height: 22px;
  background: #fff;
  padding-right: 38px;
  justify-content: space-between; }

.gks_body_box .person-admin-header {
  padding-left: 15px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px #ccc solid;
  min-height: 22px; }

.operation-content-v1 .gks_body_box .person-admin-header {
  border-bottom: none; }

.crumbs-box {
  flex-grow: 1; }

.person-admin-wrapper {
  padding: 10px;
  margin-bottom: 0;
  background: #fff; }

.gks_body_box .person-admin-wrapper {
  padding-left: 15px !important; }

/* 退换货 */
.after-sales-service p {
  display: inline-block;
  color: #fc4d48;
  font-size: 12px; }

.after-sales-service h2 {
  font-size: 12px; }

.after-sales-service button {
  margin-left: 10px;
  background-color: #efefef;
  border: 1px solid #dadada;
  color: #666; }

.after-sales-service div {
  margin-top: 8px;
  border: 1px solid #dadada;
  height: 420px; }

.after-sales-service .service-type div {
  margin-left: 30px;
  margin-top: 20px;
  height: 40px;
  border: none; }

.after-sales-service .service-type button:hover {
  background-color: #0070cc; }

.after-sales-service .question-descript {
  position: relative;
  top: -10px; }

.after-sales-service .question-descript p {
  float: left;
  color: #000;
  margin-top: 5px; }

.after-sales-service .question-descript span {
  color: #0070cc; }

.after-sales-service .question-descript p::after {
  clear: both; }

.after-sales-service .question-descript textarea {
  border: 1px solid #dadada;
  height: 150px;
  margin-left: 10px;
  width: 700px;
  resize: none;
  text-indent: 2px; }

.after-sales-service .picture-info p {
  margin-top: 110px;
  margin-left: -30px;
  color: #000; }

.after-sales-service .picture-info label {
  width: 82px;
  cursor: pointer;
  background-color: #efefef;
  color: #000;
  padding-left: 10px;
  border: 1px solid #dadada;
  margin-left: 7.5px;
  font-size: 14px; }

.after-sales-service .picture-info label input {
  width: 60px; }

.after-sales-service .picture-info ul {
  margin-top: 100px;
  margin-left: 60px; }

.after-sales-service .picture-info ul li {
  display: inline-block;
  width: 55px;
  height: 55px;
  border: 1px solid #dadada;
  margin: 5px; }

.after-sales-service .picture-info ul li:hover::before {
  content: '品';
  position: absolute;
  margin: 0;
  text-align: center;
  width: 55px;
  background: rgba(255, 128, 80, 0.4);
  color: #fff;
  font-size: 48px; }

.after-sales-service .picture-info ul li img {
  width: 100%;
  height: 100%; }

.after-sales-service .picture-info ul li span {
  width: 10px;
  height: 10px;
  background-color: #171818;
  opacity: 0.8;
  position: relative;
  display: inline-block;
  margin-left: -10px;
  bottom: -23px;
  line-height: 10px;
  color: #fff;
  text-align: center; }

.after-sales-service .picture-info span {
  margin-left: 65px;
  margin-top: 5px;
  display: inline-block;
  font-size: 13px; }

.after-sales-service .picture-info span + span {
  margin-left: 65px;
  margin-top: 5px;
  display: block;
  font-size: 12px;
  color: #b8b8b8; }

.after-sales-service .receive-address {
  border: 1px solid #dadada;
  margin-top: 10px;
  height: 270px; }

.after-sales-service .receive-address p {
  margin-left: 19px;
  margin-top: 23px; }

.after-sales-service .receive-address a {
  color: #0e68c3;
  margin-left: 10px;
  cursor: pointer; }

.after-sales-service .receive-address div {
  margin-left: 110px;
  margin-top: 20px; }

.after-sales-service .receive-address div button {
  background-color: #fff;
  color: #000;
  border: 1px solid #dadada; }

.after-sales-service .receive-address .address-detail {
  margin-left: 0px; }

.after-sales-service .receive-address .address-detail input {
  width: 408px;
  height: 30px;
  margin-left: 17px;
  margin-top: 11px; }

.after-sales-service .receive-address .customer-name {
  margin-left: 0px; }

.after-sales-service .receive-address .customer-name .phone {
  margin-left: 40px; }

.after-sales-service .receive-address .customer-name input {
  height: 30px;
  margin-left: 17px; }

.after-sales-service .receive-address button {
  width: 123px; }

.tag_top .old-shop {
  background: #feb127;
  color: #0070cc;
  padding: 3px 5px;
  border-radius: 1px; }

.notice-detail {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9999; }

.admin-left-notice {
  /*position: fixed;*/
  /*right: 0;*/
  bottom: 2px;
  /*right: 14px;*/
  position: relative;
  width: 285px;
  /*max-height: 300px;*/
  border-radius: 5px;
  background: #fff;
  display: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }

.admin-left-notice h4,
.notice h4 {
  margin: 3px;
  text-align: left;
  /*background: #0070cc;*/
  font-size: 14px;
  padding: 12px 5px;
  border-bottom: 1px solid #ccc;
  display: block; }

.coupon-action {
  font-weight: bold; }

.admin-left-notice h4 label,
.notice h4 label {
  position: absolute;
  right: 32px;
  top: 12px;
  font-size: 12px;
  cursor: pointer;
  text-align: right; }

.admin-left-notice ul {
  max-height: 300px;
  padding: 5px 10px 12px 10px;
  overflow-y: auto; }

.admin-left-notice li {
  margin-bottom: 16px; }

.admin-left-notice li:last-child {
  margin-bottom: 0; }

.admin-left-notice li span {
  display: inherit;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.admin-left-notice b {
  font-size: 14px; }

.admin-left-notice .discount-list {
  font-weight: bold;
  font-size: 12px; }

.admin-left-notice p {
  font-size: 12px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.admin-left-notice .icon-backdrop,
.notice .icon-backdrop {
  width: 20px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  right: 6px;
  top: 12px;
  cursor: pointer; }

.admin-left-notice .icon-backdrop {
  top: 10px; }

.admin-left-notice h4 .dataInput {
  vertical-align: -2px;
  margin-right: 2px; }

.admin-left-notice .close,
.notice .close {
  color: #999;
  text-align: center;
  position: absolute;
  top: 1px;
  font-size: 16px;
  font-weight: 600;
  opacity: 1; }

.notice {
  /*right: 2px;*/
  bottom: 3px;
  /*right: 15px;*/
  position: relative;
  width: 285px;
  /*max-height: 300px;*/
  border-radius: 5px;
  background: #fff;
  display: none;
  padding-bottom: 20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  /*margin-bottom: 5px;*/ }

.notice .dataInput {
  vertical-align: middle;
  margin: -2px 3px 0 0; }

/*.notice {*/
/*!*position: fixed;*!*/
/*right: 2px;*/
/*bottom: 5px;*/
/*right: 15px;*/
/*}*/
.notice .notice-list {
  margin: 10px;
  word-wrap: break-word; }

.notice .notice-list b {
  font-size: 14px; }

.notice .notice-list .list-content {
  margin: 10px 0;
  line-height: 22px;
  text-indent: 24px;
  word-break: break-all;
  text-overflow: ellipsis; }

.notice .notice-list .list-date {
  text-align: right; }

.notice .notice-list .list-date p:first-child {
  margin-bottom: 10px; }

.notice .notice-list {
  margin: 10px;
  word-wrap: break-word; }

.notice .notice-list b {
  font-size: 14px; }

.notice .notice-list .list-content {
  margin: 10px 0;
  line-height: 22px;
  text-indent: 24px;
  word-break: break-all;
  text-overflow: ellipsis; }

.notice .notice-list .list-date {
  text-align: right; }

.notice .notice-list .list-date p:first-child {
  margin-bottom: 10px; }

.layui-btn {
  background-color: #0070cc; }

.layui-btn-orange {
  background-color: #ffaa00; }

.layui-btn-primary {
  background: #fff; }

body .layui-form-checked[lay-skin=primary] i {
  border-color: #0070cc;
  background-color: #0070cc; }

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

body .layui-form-radio i:hover,
body .layui-form-radioed i {
  color: #0070cc; }

body .layui-form-checked,
body .layui-form-checked:hover {
  border-color: #0070cc; }

#selfDeliveryCompanyForm .layui-form-checked span,
#selfDeliveryCompanyForm .layui-form-checked:hover span {
  background-color: #0070cc; }

.edit-notice-box .layui-form-checked span,
.edit-notice-box .layui-form-checked:hover span {
  background-color: #0070cc; }

body .layui-form-checked i,
body .layui-form-checked:hover i {
  color: #0070cc; }

.gks-radio-switch {
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  border: 1px solid #efefef;
  margin-right: 10px;
  background: #fff; }

.gks-radio-switch:last-child {
  margin-right: 0; }

.gks-radio-switch-active {
  color: #0070cc;
  border-color: #0070cc; }

.gks-radio-switch .select_icon {
  position: absolute;
  right: -2px;
  top: 8px;
  font-size: 20px;
  color: transparent; }

.gks-radio-switch-active .select_icon {
  color: #0070cc; }

.gks-radio-switch:not(.layui-btn-disabled):hover {
  border-color: #0070cc;
  color: #0070cc; }

.gks-btn-primary-light {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  border: 1px solid #ddd;
  margin-right: 8px;
  padding: 0 15px;
  box-sizing: border-box;
  background: #fff;
  color: #333; }

.gks-btn-primary-light:last-child {
  margin-right: 0; }

.gks-btn-primary-light:not(.gks-btn-primary-light-active):hover {
  border: 1px solid #b2d4ef;
  color: #0070cc; }

.gks-btn-primary-light-active {
  background: #d9eaf7;
  border: 1px solid #b2d4ef;
  color: #333; }

/*实心按钮组样式（深色背景色）*/
.gks-btn-primary-deep-active {
  background-color: #0070cc;
  color: #fff !important; }

/** 价格页面搜索项类型中的单选切换样式Start **/
.gks-radio-tab {
  border: 1px solid #ccc;
  padding: 4px 5px;
  height: 30px;
  box-sizing: border-box;
  zoom: 1; }

.gks-radio-tab::after {
  display: block;
  content: '';
  clear: both; }

.gks-radio-tab .gks-radio-tab-item {
  float: left;
  padding: 0px 5px;
  line-height: 20px;
  color: #999;
  cursor: pointer;
  min-width: 35px;
  text-align: center; }

.gks-radio-tab .gks-radio-tab-item.checked {
  color: #fff;
  background: #0070cc; }

/** 价格页面搜索项类型中的单选切换样式End **/
.layui-form-onswitch {
  border-color: #0070cc;
  background-color: #0070cc; }

.layui-form-select dl dd.layui-this {
  background-color: #0070cc; }

body .layui-tab-brief > .layui-tab-more li.layui-this:after,
body .layui-tab-brief > .layui-tab-title .layui-this:after {
  border-bottom: 3px solid #0070cc; }

.layui-tab-brief > .layui-tab-title .layui-this {
  color: #0070cc; }

.layui-form .layui-tab-brief > .layui-tab-title .layui-this {
  color: #0070cc; }

.layui-tab-brief li .layui-icon-about {
  color: #0070cc !important; }

.gks_body_box .cart_batch .fr a {
  background-color: #0070cc; }

.person-admin-wrapper .manual_order .exportExcel {
  border: 1px solid #0070cc;
  color: #0070cc; }

.person-admin-wrapper .delivery-address-item.checked > div {
  border-color: #0070cc; }

.layui-tab-brief .layui-tab-title li .order-status-count {
  background-color: #0070cc; }

.person-admin-wrapper .delivery-address-item.checked {
  border-color: #0070cc; }

/**
 * wl common css for future
 */
/* admin */
.o-header-info {
  position: relative; }

.o-header-info sup {
  position: absolute;
  right: -7px;
  top: -9px;
  background: transparent;
  color: #0070cc;
  border-radius: 20px;
  line-height: 16px;
  text-align: center;
  min-width: 16px;
  height: 16px; }

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

.layui-textarea {
  padding-top: 2px;
  padding-bottom: 2px; }

/* table */
.table-fixed {
  table-layout: fixed; }

.table-fixed thead th,
.table-fixed thead td {
  box-sizing: border-box; }

body .layui-table td {
  padding: 5px; }

body .table-fixed td {
  padding: 5px; }

body .layui-table thead th,
body .layui-table thead td {
  text-align: center;
  font-weight: bold; }

body .table-box {
  overflow: hidden;
  border: 1px solid #dee1e5;
  position: relative; }

body .table-box .layui-table {
  margin: 0;
  overflow: hidden; }

body .table-box thead th {
  border-top: none; }

body .table-box thead th:first-of-type {
  border-left: none; }

body .table-box thead th:last-of-type {
  border-right: none; }

body .table-box tr td:last-of-type {
  border-right: none; }

body .table-box tr td:first-of-type {
  border-left: none; }

body .table-box .scroll-head .no-result {
  display: none; }

.table-box .layui-table tr:last-of-type td {
  border-bottom-width: 0px; }

/* font */
.gks-font-bold {
  font-weight: bold; }

/* color */
.color-no-drop {
  color: #ccc !important; }

.gks-bg-white {
  background: #fff !important; }

.gks-bg-gray {
  background: #eee !important; }

/* width height */
.gks-width-auto {
  width: auto !important; }

.gks-width-full {
  width: 100% !important; }

/* btn */
/* center left right bold */
.gks-text-left {
  text-align: left !important; }

.gks-text-right {
  text-align: right !important; }

.gks-text-center {
  text-align: center !important; }

/* margin about */
.gks-m-primary {
  margin: 0 !important; }

.gks-mt-primary {
  margin-top: 0 !important; }

.gks-mr-primary {
  margin-right: 0 !important; }

.gks-mb-primary {
  margin-bottom: 0 !important; }

.gks-ml-primary {
  margin-left: 0 !important; }

.gks-mh-primary {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.gks-mv-primary {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.gks-m-min {
  margin: 5px !important; }

.gks-m-small {
  margin: 10px !important; }

.gks-m-default {
  margin: 15px !important; }

.gks-m-big {
  margin: 20px !important; }

.gks-m-large {
  margin: 30px !important; }

.gks-mh-min {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.gks-mh-small {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.gks-mh-default {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.gks-mh-big {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.gks-mh-large {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.gks-mv-min {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.gks-mv-small {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.gks-mv-default {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.gks-mv-big {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.gks-mv-large {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.gks-mt-min {
  margin-top: 5px !important; }

.gks-mt-small {
  margin-top: 10px !important; }

.gks-mt-default {
  margin-top: 15px !important; }

.gks-mt-big {
  margin-top: 20px !important; }

.gks-mt-large {
  margin-top: 30px !important; }

.gks-mr-min {
  margin-right: 5px !important; }

.gks-mr-small {
  margin-right: 10px !important; }

.gks-mr-default {
  margin-right: 15px !important; }

.gks-mr-big {
  margin-right: 20px !important; }

.gks-mr-large {
  margin-right: 30px !important; }

.gks-mb-min {
  margin-bottom: 5px !important; }

.gks-mb-small {
  margin-bottom: 10px !important; }

.gks-mb-default {
  margin-bottom: 15px !important; }

.gks-mb-big {
  margin-bottom: 20px !important; }

.gks-mb-large {
  margin-bottom: 30px !important; }

.gks-ml-min {
  margin-left: 5px !important; }

.gks-ml-small {
  margin-left: 10px !important; }

.gks-ml-default {
  margin-left: 15px !important; }

.gks-ml-big {
  margin-left: 20px !important; }

.gks-ml-large {
  margin-left: 30px !important; }

/* padding about */
.gks-p-primary {
  padding: 0 !important; }

.gks-pt-primary {
  padding-top: 0 !important; }

.gks-pr-primary {
  padding-right: 0 !important; }

.gks-pb-primary {
  padding-bottom: 0 !important; }

.gks-pl-primary {
  padding-left: 0 !important; }

.gks-ph-primary {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.gks-pv-primary {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.gks-p-min {
  padding: 5px !important; }

.gks-p-small {
  padding: 10px !important; }

.gks-p-default {
  padding: 15px !important; }

.gks-p-big {
  padding: 20px !important; }

.gks-p-large {
  padding: 30px !important; }

.gks-ph-min {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.gks-ph-small {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.gks-ph-default {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.gks-ph-big {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.gks-ph-large {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.gks-pv-min {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.gks-pv-small {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.gks-pv-default {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.gks-pv-big {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.gks-pv-large {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.gks-pt-min {
  padding-top: 5px !important; }

.gks-pt-small {
  padding-top: 10px !important; }

.gks-pt-default {
  padding-top: 15px !important; }

.gks-pt-big {
  padding-top: 20px !important; }

.gks-pt-large {
  padding-top: 30px !important; }

.gks-pr-min {
  padding-right: 5px !important; }

.gks-pr-small {
  padding-right: 10px !important; }

.gks-pr-default {
  padding-right: 15px !important; }

.gks-pr-big {
  padding-right: 20px !important; }

.gks-pr-large {
  padding-right: 30px !important; }

.gks-pb-min {
  padding-bottom: 5px !important; }

.gks-pb-small {
  padding-bottom: 10px !important; }

.gks-pb-default {
  padding-bottom: 15px !important; }

.gks-pb-big {
  padding-bottom: 20px !important; }

.gks-pb-large {
  padding-bottom: 30px !important; }

.gks-pl-min {
  padding-left: 5px !important; }

.gks-pl-small {
  padding-left: 10px !important; }

.gks-pl-default {
  padding-left: 15px !important; }

.gks-pl-big {
  padding-left: 20px !important; }

.gks-pl-large {
  padding-left: 30px !important; }

/*input 宽度*/
.gks-datetime-width {
  width: 125px !important; }

.gks-date-width {
  width: 75px !important; }

.gks-sales-width {
  width: 60px !important; }

.gks-bill-no-width,
.gks-client-width {
  width: 150px; }

.gks-width-60 {
  width: 60px !important; }

.gks-width-65 {
  width: 65px !important; }

.gks-width-70 {
  width: 70px !important; }

.gks-width-75 {
  width: 75px !important; }

.gks-width-80 {
  width: 80px !important; }

.gks-width-85 {
  width: 85px !important; }

.gks-width-90 {
  width: 90px !important; }

.gks-width-95 {
  width: 95px !important; }

.gks-width-100 {
  width: 100px !important; }

.gks-width-105 {
  width: 105px !important; }

.gks-width-110 {
  width: 110px !important; }

.gks-width-115 {
  width: 115px !important; }

.gks-width-120 {
  width: 120px !important; }

.gks-width-125 {
  width: 125px !important; }

.gks-width-130 {
  width: 130px !important; }

.gks-width-135 {
  width: 135px !important; }

.gks-width-140 {
  width: 140px !important; }

.gks-width-145 {
  width: 145px !important; }

.gks-width-150 {
  width: 150px !important; }

.gks-width-155 {
  width: 155px !important; }

.gks-width-160 {
  width: 160px !important; }

.gks-width-165 {
  width: 165px !important; }

.gks-width-170 {
  width: 170px !important; }

#date-demo {
  width: 160px !important; }

/* 超出隐藏 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*修改背景颜色为#eee*/
.organizational-structure-tit {
  padding: 5px;
  background: #eee !important; }

.custom-manage-header {
  background-color: #eee !important; }

.layui-form-item-tit {
  background-color: #eee !important;
  padding: 5px;
  height: 30px; }

.admin-bg {
  background: #eee !important; }

.searchContent {
  background-color: #eee !important;
  padding: 5px; }

.query-box {
  margin-bottom: 10px;
  padding: 5px;
  background: #eee !important; }

/*按钮边框*/
.layui-btn-primary {
  border: none !important; }

.gks-absolute {
  position: absolute; }

.gks-relative {
  position: relative; }

.gks-break {
  word-break: break-all; }

body .ztree li span.button.chk.checkbox_false_full:before,
body .ztree li span.button.chk.checkbox_false_full_focus:before {
  font-size: 12px; }

body .layui-form-checkbox[lay-skin=primary] span {
  padding-right: 10px; }

body .layui-form-checkbox span {
  padding: 0 5px;
  font-size: 12px; }

/*table表内按钮*/
body .layui-btn-group {
  /*font-size: 12px;*/
  white-space: nowrap; }

body .layui-btn-group .btn-mini-normal,
body .layui-btn-group .btn-mini-normal:hover {
  border-color: transparent;
  text-decoration: none; }

body .btn-mini-normal {
  color: #0a82dc;
  background: transparent;
  padding: 0 2px;
  border: none;
  vertical-align: middle;
  opacity: 0.9;
  outline: none;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  cursor: pointer; }

body .btn-mini-normal:after {
  display: inline-block;
  content: "|";
  width: 2px;
  height: 15px;
  color: #999;
  line-height: 22px;
  padding: 0 0 0 4px;
  overflow: hidden;
  /*vertical-align: 1px;*/ }

body .btn-mini-normal:hover {
  color: #80c3f5; }

body .btn-mini-normal:last-child:after {
  display: none; }

body .btn-mini-normal.btn-mini-danger {
  color: #e13438; }

body .btn-mini-normal.btn-mini-danger:hover {
  color: #eaa4a4; }

body .btn-mini-normal a {
  color: #0a82dc; }

body .btn-mini-normal a:hover {
  color: #80c3f5; }

body .btn-mini-normal.btn-mini-danger a {
  color: #0070cc; }

body .btn-mini-normal.btn-mini-danger a:hover {
  color: #eaa4a4; }

body .layui-form-checkbox[lay-skin=primary] i {
  width: 12px;
  line-height: 12px; }

body .layui-btn-group .btn-mini-normal {
  color: #0070cc; }

body .layui-btn-group .btn-mini-normal:last-child:after {
  display: none; }

body .layui-btn-group .btn-mini-normal.btn-mini-danger {
  color: #e13438; }

body .layui-btn-group .btn-mini-normal.btn-mini-danger:hover {
  color: #e13438; }

body .layui-btn-group .btn-mini-normal.btn-mini-disabled {
  color: #ccc;
  cursor: not-allowed; }

body .layui-btn-group .btn-mini-normal.btn-mini-disabled:hover {
  color: #ccc; }

/* body .layui-form-switch {
    height: 18px;
    line-height: 18px;
    width: 36px;
    padding: 0 5px;
    margin-top: 5px;
}

body .layui-form-switch em {
    right: 3px;
    top: 1px;
    width: 24px;
}

body .layui-form-onswitch em {
    left: 18px;
    right: auto;
}

body .layui-form-switch i {
    left: 1px;
    top: 1px;
    width: 16px;
    height: 16px;
} */
/*搜索结果为空，页面展示样式*/
.no-result span {
  background: url(../images/no-order.png) no-repeat 1px 1px;
  display: block;
  width: 80px;
  height: 80px;
  margin: 5px auto;
  color: transparent; }

.no-result {
  text-align: center;
  padding: 50px 0; }

.no-result-border {
  border: 1px solid #DEE1E5;
  border-top: none; }

.no-result .no-result-tips i {
  color: #d2d2d2;
  font-size: 12px;
  vertical-align: 1px; }

.no-result .no-result-button {
  display: inline-block;
  margin-top: 20px;
  width: 100px;
  height: 15px;
  border: 1px #999 solid;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  line-height: 15px; }

.no-result .no-result-description {
  text-align: left;
  position: relative;
  top: 18px;
  color: #6f7674;
  font-size: 12px;
  padding-left: 30px; }

.no-result .no-result-tips {
  display: inline-block; }

.personal-layout .nav_items li {
  margin: 0 20px; }

.account-setting {
  position: relative; }

.account-setting .layui-icon-down {
  font-size: 12px;
  margin-left: 5px; }

.settings-list {
  display: none;
  position: absolute;
  left: -11px;
  background: #fff;
  width: 93px;
  padding: 5px 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 2px #e5e5e5; }

.settings-list p {
  text-align: center; }

.settings-list p a {
  color: #666;
  font-size: 12px; }

.settings-list p:hover {
  background: #f5f5f5; }

.settings-list p:hover a {
  color: #0070cc; }

.account-setting:hover .settings-list {
  display: block; }

/*更新运营中心样式*/
/*.gks_left_nav li.select > a{*/
/*background: #e6e8eb;*/
/*}*/
/*.gks-bg-gray{*/
/*background: #e5e8ee !important;*/
/*}*/
/*.layui-table thead tr{*/
/*background: #e5e8ee;*/
/*}*/
/*.layui-table tr:nth-of-type(2n){*/
/*background: #eef2f8;*/
/*}*/
/*.layui-table tbody tr:hover, .layui-table-hover{*/
/*background: #e5e8ee!important;*/
/*}*/
/*input.layui-input:focus{*/
/*background: #fff;*/
/*box-shadow: 0 0 5px #169BD5;*/
/*color: #000;*/
/*outline: 1px solid #169BD5;*/
/*}*/
/*.layui-btn-normal:hover {*/
/*box-shadow: 0 0 2px #1e9fff;*/
/*}*/
/*.layui-btn-normal:active {*/
/*box-shadow: none;*/
/*}*/
/*.layui-btn-danger:hover{*/
/*box-shadow: 0 0 2px #ff5722;*/
/*}*/
/*.layui-btn-danger:active{*/
/*box-shadow: none;*/
/*}*/
/* footer */
.footer {
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); }

.footer_con {
  overflow: hidden;
  position: relative; }

.footer_con li {
  float: left;
  width: 155px;
  text-align: left; }

.footer_con li a,
.footer_con li b {
  display: inline-block;
  line-height: 28px;
  color: #333; }

.footer_con li a {
  font-size: 12px;
  color: #666; }

body .register .footer_icp {
  background: #fff;
  margin-top: 0; }

body .register .home-bottom-link {
  background: #fff !important; }

.footer_icp {
  margin-top: 50px;
  background-color: #4d5059;
  padding: 40px 0 50px;
  color: #999; }

.footer_icp a,
.footer_icp span {
  color: #fff;
  font-size: 12px; }

.footer_icp p:first-child a {
  margin: 10px; }

.footer_icp p:first-child span {
  margin-right: 40px; }

.footer .foot-banner {
  border-bottom: 1px #dfdfdf solid;
  padding: 35px 20px; }

.footer .foot-banner-icon li {
  float: left;
  font-size: 16px;
  margin-right: 78px; }

.footer .foot-banner-icon li:last-child {
  margin-right: 0; }

.footer .foot-banner-icon .icon-desc {
  font-weight: bold;
  vertical-align: 14px;
  margin-left: 2px;
  color: #333; }

.footer .foot-banner-icon li .iconfont {
  font-size: 52px;
  color: #00ced1; }

.footer .footer-guide {
  padding: 30px 20px; }

.footer .footer-link,
.footer .record-information {
  padding: 0 20px;
  color: #fff; }

.footer .qr-code-ul li {
  text-align: center;
  font-size: 14px; }

.footer .qr-code-ul li:first-child {
  margin-right: 30px; }

.footer .qr-code img {
  height: 121px; }

.footer .foot-banner a：hover {
  color: #333; }

.footer-link .friendly-link-list li {
  float: left;
  margin: 0 20px 20px 0; }

/*Options信息列表样式*/
.options-list {
  background: #fff; }

.options-head {
  border-bottom: 1px solid #eee;
  background: #f5f5f5;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  padding-left: 10px;
  font-weight: 400;
  color: #666; }

.options-table {
  table-layout: fixed;
  width: 100%; }

.options-table tbody tr.has-border {
  border-bottom: 1px solid #eee; }

.options-table tbody td:first-child {
  font-weight: bold; }

.options-table tbody td {
  text-align: left;
  padding: 5px 10px;
  line-height: 20px;
  vertical-align: top; }

.options-table tbody td:first-child {
  width: 200px; }

.options-table tbody td.options_on {
  color: #36a136; }

.options-table tbody td.options_off {
  color: #e13438; }

body .ztree li .layui-btn-group .layui-icon:hover {
  color: #0070cc; }

body .close_ui_pic:hover {
  color: #0070cc; }

body .ui_aside .show_ui_pic:hover {
  color: #0070cc; }

body .center-box > a {
  background-color: #0070cc; }

body .layui-upload-icon i {
  color: #0070cc; }

.warn-color {
  color: #e45050 !important; }

.warn-bg {
  background-color: #e45050 !important; }

.tips-color {
  color: #ff9999; }

body .layui-layer-title {
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  padding: 0 80px 0 24px;
  border-bottom: 1px solid #ddd; }

body .layui-layer-setwin .layui-layer-close {
  background: url("../images/layer-close-icon@2x.png") no-repeat;
  background-size: 14px 14px;
  background-position: 1px 1px !important; }

body .layui-layer-setwin {
  right: 22px;
  *right: 22px;
  top: 20px; }

body .layui-layer-page .layui-layer-btn,
body .layui-layer-iframe .layui-layer-btn {
  padding-top: 7px; }

body .layui-layer-btn {
  background-color: #F8F8F8;
  padding: 0 16px 12px 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd; }

body .layui-layer-btn .layui-layer-btn0,
body .layui-layer-btn .layui-layer-btn1 {
  top: 0; }

body .layui-layer-rim {
  border: none; }

body .layui-layer-btn .layui-layer-btn0 {
  border-color: #0070cc !important;
  background-color: #0070cc !important; }

body .layui-layer-btn .layui-layer-btn0.gks-btn-light {
  border: 1px #0070cc solid !important;
  color: #0070cc !important;
  background-color: #fff !important; }

body .layui-layer-btn .layui-layer-btn0.gks-btn-light:hover {
  background-color: #f7f7f7 !important; }

body .layui-layer-btn .layui-layer-btn0.gks-btn-disabled {
  text-shadow: none;
  filter: none;
  opacity: 1;
  color: #bbb !important;
  border: 1px solid #ddd !important;
  background-color: #f7f7f7 !important;
  cursor: not-allowed; }

body .submit_order #submitOrder:hover {
  background-color: #0070cc; }

body #layui-laydate1 .layui-laydate-header {
  background-color: #0070cc; }

body #layui-laydate1 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate2 .layui-laydate-header {
  background-color: #0070cc; }

body #layui-laydate2 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate3 .layui-laydate-header {
  background-color: #0070cc; }

body #layui-laydate3 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate4 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate5 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate6 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate7 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate8 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate9 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate10 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate4 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate4 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate4 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate4 .layui-this {
  background-color: #0070cc !important; }

body #layui-laydate4 .layui-this {
  background-color: #0070cc !important; }

body [id^="layui-laydate"] .layui-this {
  background-color: #0070cc !important; }

body .layui-laydate .layui-laydate-header {
  background-color: #0070cc !important;
  color: #fff !important; }

body .layui-laydate .layui-laydate-header i {
  color: #fff !important; }

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
  color: #0070cc; }

html body .layui-layer-page div.layui-layer-btn, html body .layui-layer-iframe .layui-layer-btn, html body .layui-layer-dialog .layui-layer-btn {
  padding: 7px 16px 12px 7px; }

html body .layui-layer-page .layui-layer-title, html body .layui-layer-iframe .layui-layer-title, html body .layui-layer-dialog .layui-layer-title {
  font-size: 18px !important;
  font-weight: normal !important;
  padding: 0 40px 0 24px;
  color: #333333; }

body .layui-layer-btn a {
  margin: 5px 4px 0; }

body a.layui-layer-ico.layui-layer-close.layui-layer-close1 {
  background: url(../images/layer-close-icon@2x.png) no-repeat;
  background-size: 14px 14px; }

body a.layui-layer-ico.layui-layer-close.layui-layer-close1:hover {
  background: url(../images/layer-close-icon@2x.png) no-repeat;
  background-size: 14px 14px; }

body .layui-layer span.layui-layer-setwin a {
  top: 0;
  width: 16px; }

body .layui-laydate .layui-this {
  background-color: #0070cc !important; }

body .layui-laydate-footer span:hover {
  color: #0070cc; }

.person-admin-header .list-select .select {
  color: #0070cc; }

.person-admin-wrapper .list-select i.select {
  color: #0070cc; }

.header-icon .list-select .select {
  color: #0070cc; }

.layui-table .batch_edit i {
  color: #0070cc; }

.layui-table .batch_edit i:hover {
  background-color: #0070cc; }

/*文本编辑样式*/
.text-off-editable {
  display: inline-block;
  line-height: 24px;
  border: 1px solid transparent; }

.text-on-editable {
  display: none;
  border: 1px solid #ccc;
  position: relative;
  left: -5px;
  border-radius: 2px; }

.text-edit-input {
  min-width: 120px;
  line-height: 24px;
  padding: 0px 5px;
  border: none;
  background: #fff;
  z-index: 999; }

.text-edit-edit-btn {
  /*display: none;*/
  line-height: 24px;
  font-size: 15px;
  border-left: 1px solid #ccc;
  background: #f0f0f0;
  cursor: pointer;
  color: #707070;
  padding: 0 4px; }

.text-edit-update-btns {
  display: none;
  position: absolute;
  bottom: -30px;
  right: -1px;
  z-index: 999;
  border: 1px solid #ccc;
  background: #eee;
  padding: 3px;
  border-radius: 2px;
  box-shadow: 0 2px 2px #eee; }

.text-edit-update-btns .layui-icon {
  width: 16px;
  height: 20px;
  line-height: 22px;
  font-size: 16px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  padding: 0 2px;
  cursor: pointer;
  border-radius: 3px;
  color: #707070;
  font-weight: bold; }

.text-edit-update-btns .layui-icon-close {
  margin-left: 3px; }

.text-edit-loading {
  height: 24px;
  line-height: 24px;
  font-size: 22px;
  border-left: 1px solid #ccc;
  background: #f0f0f0;
  padding: 0px 4px; }

/*分页样式修改*/
body .layui-laypage {
  float: right;
  margin: 0px; }

.layui-laypage span {
  font-weight: normal; }

.laypage-extend-pagesize .layui-form-select {
  display: inline-block;
  width: 90px; }

.layui-laypage select {
  display: inline-block; }

.laypage-extend-pagesize .layui-form-select dl {
  top: auto;
  bottom: 32px; }

.layui-laypage .layui-laypage-total {
  padding-right: 0px; }

.layui-laypage .layui-laypage-count {
  float: left; }

.layui-laypage .layui-laypage-limits {
  float: left; }

@media screen and (max-width: 1350px) {
  .layui-laypage a,
  .layui-laypage span {
    padding: 0 10px; }
  .layui-laypage input {
    width: 40px; }
  .layui-laypage button {
    padding: 0 10px; } }

body .small-laypage .layui-laypage a,
body .small-laypage .layui-laypage span {
  padding: 0 10px; }

body .small-laypage .layui-laypage input {
  width: 40px; }

body .small-laypage .layui-laypage button {
  padding: 0 10px; }

.home .home-info-num > div > div > div > .more {
  background-color: #0070cc; }

.home-order-list .home-tit div {
  background: #0070cc !important; }

.person-info-wrapper .layui-btn-disabled {
  background-color: #FBFBFB; }

.security-form-btn .ui-button {
  border: 1px solid #0070cc;
  background-color: #0070cc;
  background-image: -moz-linear-gradient(top, rgba(0, 112, 204, 0.8), #0070cc);
  background-image: -webkit-linear-gradient(top, rgba(0, 112, 204, 0.8), #0070cc);
  background-image: -o-linear-gradient(top, rgba(0, 112, 204, 0.8), #0070cc);
  background-image: linear-gradient(to bottom, rgba(0, 112, 204, 0.8), #0070cc); }

.security-form-btn .ui-button:hover {
  color: #fff;
  background-color: #0070cc;
  border-color: #0070cc;
  background-image: -moz-linear-gradient(top, rgba(0, 112, 204, 0.9), #0070cc);
  background-image: -webkit-linear-gradient(top, rgba(0, 112, 204, 0.9), #0070cc);
  background-image: -o-linear-gradient(top, rgba(0, 112, 204, 0.9), #0070cc);
  background-image: linear-gradient(to bottom, rgba(0, 112, 204, 0.9), #0070cc); }

.pay-fail .security-form .link:hover {
  color: #0070cc; }

.shelf-body .td-op .layui-btn-normal {
  background: #0070cc; }

.security-center .quick-payment .quick-list .quick-add-item:hover {
  color: #0070cc; }

.home-info-num .order-manage li .icon i {
  color: #0070cc; }

.home-info-num .order-manage li .text b {
  color: #0070cc; }

.input-w .showPrompt span {
  color: #0070cc;
  border: 1px solid #0070cc; }

.my-storage .shelf-color:hover {
  color: #fff; }

body .person-admin-wrapper {
  padding-bottom: 10px !important; }

/* 下拉多选 */
.multiple-box * {
  box-sizing: border-box; }

.multiple-box {
  position: relative;
  font-size: 12px; }

.multiple-selection {
  display: none; }

.noraml-search-conditions {
  position: relative;
  z-index: 1000;
  display: inline-block; }

.multiple-text {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap; }

.multiple-text .c666 {
  color: #999 !important; }

.multiple-text:hover .c666 {
  color: #333 !important; }

.multiple-con-hide {
  display: none; }

.multiple-con-wrap {
  position: absolute;
  top: 30px;
  left: 0;
  min-width: 185px;
  border: 1px #ddd solid;
  background: #fff;
  z-index: 1001;
  max-width: 370px; }

.new-page-v3 .multiple-con-wrap {
  top: 31px;
  width: 100%; }

.multiple-box-has-select .multiple-con-wrap {
  width: 350px; }

.multi-list-wrap {
  display: flex; }

.multiple-delete-list {
  border-left: 1px #ddd solid;
  flex-grow: 1;
  max-height: 250px;
  overflow-y: scroll; }

.multiple-input {
  padding: 5px;
  border-bottom: 1px #ddd solid; }

.multiple-list {
  padding: 5px 0;
  max-height: 250px;
  min-width: 185px;
  overflow: auto;
  width: 100%; }

.multiple-box-has-select .multiple-list {
  width: 170px; }

.multiple-list li {
  padding: 7px 5px;
  padding-right: 20px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: normal; }

.multiple-list li[data-status="1"] {
  display: flex; }

.multiple-list li[data-status="1"] span {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis; }

.multiple-list li:hover {
  background: rgba(0, 112, 204, 0.2); }

.multiple-list li:hover i {
  color: #fff; }

.multiple-btn {
  padding: 4px;
  border-top: 1px #ddd solid; }

.multiple-list li {
  position: relative; }

.multiple-list li i {
  position: absolute;
  right: 5px;
  top: 10px;
  font-size: 12px;
  font-weight: bolder;
  color: #fff;
  z-index: 11; }

.multiple-list li.active {
  background: rgba(0, 112, 204, 0.3); }

.multiple-list li.active i {
  color: #0070cc; }

.multiple-list li.active:hover {
  background: rgba(0, 112, 204, 0.2); }

.multiple-btn span {
  line-height: 26px;
  cursor: pointer; }

.multiple-btn span:hover {
  color: #0070cc; }

.multiple-btn i {
  font-style: normal;
  cursor: pointer;
  margin-left: 10px; }

.multiple-btn i.m-yes {
  font-weight: bold;
  background: #0070cc;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  color: #fff;
  display: inline-block; }

.multiple-btn i.m-yes:hover {
  color: #fff; }

.multiple-btn i:hover {
  color: #0070cc; }

.m-c-all.active {
  color: #0070cc;
  font-weight: bold; }

.multiple-input {
  position: relative;
  line-height: 30px; }

.multiple-input input {
  padding-right: 20px; }

.multiple-input .clear-multiple-input {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  color: #999;
  font-weight: lighter;
  cursor: pointer; }

.multiple-input .clear-multiple-input:hover {
  color: #0070cc; }

body .layui-btn-group .gks-btn-white:first-child {
  border: 1px #e5e5e5 solid; }

/*Toast提示*/
.toast-tips .layui-input-inline {
  width: 198px; }

.msg-tips {
  height: 26px;
  line-height: 26px;
  padding-left: 15px;
  width: 190px;
  border: 1px solid #e6e6e6;
  margin-left: 10px;
  margin-top: 1px;
  border-radius: 3px; }

/*常规类*/
.msg-tips-normal {
  color: #46b7ff; }

/*警告类*/
.msg-tips-warning {
  color: #f6b126; }

/*成功类*/
.msg-tips-ok {
  color: #0e932e; }

/*错误类*/
.msg-tips-close {
  color: #e13438; }

.msg-tips .iconfont,
.msg-tips span {
  vertical-align: middle;
  margin-right: 5px; }

/*模糊查询模块css*/
.vague-search-list {
  display: none;
  position: absolute;
  max-height: 310px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  overflow-y: auto;
  z-index: 999; }

.more-search-conditions .vague-search-list {
  top: 30px; }

.vague-search-list li {
  height: 20px;
  padding: 5px;
  text-align: left;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*border-bottom: 1px solid #e2e2e2;*/ }

.vague-search-list li:hover {
  background-color: #e2e2e2;
  cursor: pointer; }

.li-actived {
  cursor: pointer;
  background-color: #e2e2e2; }

/*提示框*/
.Zebra_Tooltip {
  position: absolute;
  z-index: 99999999;
  background: transparent; }

.Zebra_Tooltip .Zebra_Tooltip_Message {
  position: relative;
  padding: 10px;
  font-size: inherit;
  text-align: left;
  font-weight: normal;
  line-height: inherit;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  *margin-right: 0;
  background: #fff; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow {
  position: absolute;
  height: 10px;
  width: 20px;
  overflow: hidden; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom {
  bottom: 0; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div {
  bottom: 0;
  border-color: transparent transparent white; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
  top: 0;
  border-color: white transparent transparent; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top {
  top: 0; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
  position: absolute;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  left: 0;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink); }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div {
  top: 0;
  _border-bottom-color: pink; }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div {
  bottom: 0;
  _border-top-color: pink; }

.Zebra_Tooltip .Zebra_Tooltip_Close {
  text-decoration: none;
  color: #FFF;
  position: absolute;
  right: 8px;
  top: 1px;
  font-size: inherit;
  font-weight: bold; }

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
  color: #C40000; }

.prompt-color {
  color: #ffba30; }

body .layui-form-switch {
  height: 18px;
  line-height: 18px;
  width: 36px;
  padding: 0 5px;
  margin-top: 5px; }

body .layui-form-switch em {
  right: 3px;
  top: 1px;
  width: 24px; }

body .layui-form-onswitch em {
  left: 3px;
  right: auto; }

body .layui-form-switch i {
  left: 2px;
  top: 1px;
  width: 16px;
  height: 16px; }

body .layui-form-onswitch i {
  left: 29px; }

body .layui-form-radio {
  margin-top: 1px;
  margin-right: 5px;
  padding-right: 5px; }

body .layui-form-radio i {
  margin-top: 0;
  margin-right: 5px;
  font-size: 18px; }

body .layui-form-radio i:hover,
body .layui-form-radioed i {
  font-size: 18px; }

body .layui-form-radio span {
  font-size: 12px; }

body .layui-laypage {
  margin-bottom: 0; }

body .layui-laypage a,
body .layui-laypage span {
  margin-bottom: 0; }

body .layui-layer-dialog .layui-layer-content {
  font-size: 12px;
  font-weight: normal; }

#J_import_permission-price, #J_import_permission-discount {
  overflow: auto; }

.full-screen {
  font-size: 21px;
  color: #999;
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 11px; }

.full-screen:hover {
  color: #0070cc; }

.list-select i:hover {
  color: #0070cc; }

.full-screen-wrap {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  z-index: 999999; }

.close-full-screen {
  position: fixed !important;
  right: 10px;
  top: 10px;
  z-index: 9999999999;
  cursor: pointer;
  color: #666;
  display: none;
  font-size: 20px;
  width: 23px;
  height: 23px;
  font-size: 22px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px; }

.close-full-screen:hover {
  color: #0070cc; }

.operation-header .layui-btn-group .layui-btn-primary:hover {
  border-color: #0070cc;
  color: #0070cc; }

.layui-table tbody tr:hover {
  background-color: rgba(0, 112, 204, 0.15) !important; }

.bg-hover-none *:hover {
  background-color: inherit !important; }

.bg-hover-none:hover {
  background-color: inherit !important; }

.layui-table-view .layui-table-click,
.layui-table-view .layui-table-hover {
  background-color: rgba(0, 112, 204, 0.15) !important; }

.layui-table tbody .sep-row:hover {
  background-color: transparent !important; }

.add-mobile .layui-form-item {
  background-color: #fff; }

body .layui-layer-page .layui-layer-content {
  padding-right: 8px; }

.layui-layer-page .layui-layer-content {
  padding-left: 12px; }

.layui-form .add-mobile .layui-form-label {
  width: 80px; }

.layui-layer .zone .layui-form-checkbox .red {
  color: #0070cc; }

.lay-btn-pull-wrap {
  position: relative;
  padding-right: 30px;
  position: relative;
  z-index: 9999; }

.lay-btn-pull-wrap:hover {
  opacity: 1; }

.lay-btn-pull-wrap .iconfont {
  position: absolute;
  right: 8px;
  top: 0px;
  z-index: 9999; }

.lay-btn-pull-wrap .lay-btn-pull-group {
  position: absolute;
  background: #fff;
  left: -2px;
  border: 1px #e5e5e5 solid;
  top: 28px;
  z-index: 9999;
  display: none;
  min-width: 100%; }

.lay-btn-pull-wrap:hover .lay-btn-pull-group {
  display: block; }

.lay-btn-pull-wrap .lay-btn-pull-group li {
  text-align: left;
  padding: 0 15px; }

.lay-btn-pull-wrap .lay-btn-pull-group li:hover {
  background: rgba(0, 112, 204, 0.15); }

.triangle-right-top-theme {
  position: relative;
  width: 0px;
  height: 0px;
  color: #fff;
  border: 7px rgba(0, 112, 204, 0.71) solid;
  border-left-color: transparent;
  border-bottom-color: transparent;
  font-size: 12px;
  right: 0;
  top: 0; }

.triangle-right-top-theme span {
  position: absolute;
  right: -11px;
  top: -13px; }

.triangle-right-top-gray {
  position: relative;
  width: 0px;
  height: 0px;
  color: #fff;
  border: 7px #ddd solid;
  border-left-color: transparent;
  border-bottom-color: transparent;
  font-size: 12px;
  right: 0;
  top: 0; }

.triangle-right-top-gray span {
  position: absolute;
  right: -11px;
  top: -13px; }

.triangle-left-top-theme {
  position: absolute;
  width: 0px;
  height: 0px;
  color: #fff;
  border: 7px rgba(0, 112, 204, 0.5) solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  font-size: 12px;
  left: 0;
  top: 0; }

.triangle-left-top-theme span {
  position: absolute;
  left: -11px;
  top: -13px; }

.triangle-left-top-theme i {
  position: absolute;
  left: -11px;
  top: -13px; }

.triangle-left-top-gray {
  position: absolute;
  width: 0px;
  height: 0px;
  color: #fff;
  border: 7px #ddd solid;
  border-right-color: transparent;
  border-bottom-color: transparent;
  font-size: 12px;
  left: 0;
  top: 0; }

.triangle-left-top-gray span {
  position: absolute;
  left: -11px;
  top: -13px; }

.triangle-left-top-gray i {
  position: absolute;
  left: -11px;
  top: -13px; }

body .gks-btn-white:hover {
  opacity: 1;
  background: #fcfcfc; }

body .layui-textarea {
  line-height: 22px; }

.sidebar-notice .sidebar-notice-list {
  height: auto; }

.person-admin-header .header-breadcrumb {
  display: inline-block; }

.person-admin-header .list-select {
  display: inline-block;
  height: 20px; }

.person-admin-header .select-btn {
  color: #aaa; }

.person-admin-header .header-icon-list li:last-child {
  margin-right: -8px; }

.person-admin-header .icon-line {
  width: 1px;
  height: 16px;
  background-color: #ccc;
  margin: 3px 8px 0 8px; }

.person-admin-header .full-screen,
.close-full-screen {
  margin-top: -1px; }

.person-admin-header .print-title {
  vertical-align: 6px;
  font-size: 14px; }

.person-admin-header .list-select .select-btn i {
  font-size: 30px; }

.person-admin-header .header-icon-list li {
  float: left; }

.person-admin-header .list-select a:first-child {
  margin-right: 0; }

.header-icon .header-breadcrumb {
  display: inline-block; }

.header-icon .list-select {
  display: inline-block; }

.header-icon .select-btn {
  color: #aaa; }

.header-icon .header-icon-list li:last-child {
  margin-right: -8px; }

.header-icon .icon-line {
  width: 1px;
  height: 16px;
  background-color: #ccc;
  margin: 3px 10px 0 10px; }

.header-icon .full-screen,
.close-full-screen {
  margin-top: -1px; }

.header-icon .print-title {
  vertical-align: 6px;
  font-size: 14px; }

.header-icon .list-select .select-btn i {
  font-size: 30px; }

.header-icon .header-icon-list li {
  float: left; }

.header-icon .list-select a:first-child {
  margin-right: 0; }

body .layui-form-checkbox[lay-skin=primary] i {
  height: 12px;
  overflow: hidden; }

.tr-hide {
  display: none !important; }

.coupons-bd .coupons-bd-tit {
  color: #0070cc; }

.coupons-bd .coupons-bd-tit:before {
  border-top-color: #0070cc; }

.coupon-all-list .coupon-tit-list .actived span {
  background: #0070cc; }

.coupons-bd .freight-tit-list .actived span {
  background: #0070cc; }

.coupons-bd-con .cbc-num {
  border: 1px solid #0070cc; }

.coupons-bd-con .cbc-num span {
  color: #0070cc; }

.coupons-bd-con .cbc-sidebar {
  background-color: #0070cc; }

.coupons-bd .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #0070cc !important; }

.coupons-bd-con .cbc-sidebar-freight {
  background-color: #0070cc; }

body .layui-form-checked span {
  background-color: #0070cc; }

body .layui-form-checked:hover span {
  background-color: #0070cc; }

body .layui-form-checkbox[lay-skin=primary] span {
  background: 0 0; }

body .seconde-kill .btn a {
  background: #0070cc; }

body .seconde-kill .btn span i {
  color: #0070cc; }

.seconde-kill .reduce span {
  color: #0070cc; }

.notice-lists {
  padding: 5px; }

.notice-detail .notice-lists {
  max-height: 300px;
  overflow-y: auto; }

.notice-lists p {
  font-size: 12px; }

.notice .notice-lists img {
  max-width: 100%; }

.sidebar-notice-list .home-notice-list li a {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.notice-lists .notice-list-title {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center; }

.work-progress-bar {
  vertical-align: middle;
  padding: 30px 0 30px 10px; }

.progress-start {
  margin-right: 5px; }

.progress-end {
  margin-left: 5px; }

.work-progress-bar {
  vertical-align: middle; }

.work-progress-bar .line-select {
  border-color: #3399FF; }

.work-progress-bar .circular-select {
  background-color: #3399FF; }

.middle-circular {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #EAEAEA;
  margin-top: 3px; }

.solid {
  width: 7%;
  height: 1px;
  border-bottom: 1px solid #EAEAEA;
  margin: 8px 3px 0 3px; }

.multi-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-top: -1px;
  text-align: center; }

.multi-small-circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 3px; }

.work-progress-bar .approval-process {
  position: relative; }

.work-progress-bar .approval-progress {
  position: absolute;
  width: 180px;
  text-align: center; }

.work-progress-bar .approval-progress span {
  display: inline-block;
  width: 100%;
  text-align: center; }

.work-progress-bar .approval-progress {
  left: -85px;
  top: -25px; }

.work-progress-bar .work-date-time {
  position: absolute;
  top: 25px;
  width: 100px;
  text-align: center;
  left: -43px; }

.work-progress-bar .work-date-time span:first-child {
  margin-right: 5px; }

.work-progress-bar .iconfont {
  line-height: 18px;
  font-size: 14px; }

.middle-circular .approval-progress {
  top: -28px; }

.middle-circular .work-date-time {
  top: 22px; }

.iconfont-approved {
  color: #3399FF; }

.iconfont-approving {
  color: #FFCC33; }

.iconfont-approval-fail {
  color: #D82008; }

.work-progress-bar .iconfont-approved-border {
  border-color: #3399FF; }

.work-progress-bar .iconfont-approving-border {
  border-color: #FFCC33; }

.work-progress-bar .iconfont-approval-fail-border {
  border-color: #D82008; }

.work-date-time p:last-child {
  color: #666; }

.approval-progress span {
  color: #666; }

.work-progress-bar .approval-process .end-approval-progress {
  left: -81px; }

body .layui-form-checked.not-check-all-color[lay-skin=primary] i {
  background-color: rgba(0, 112, 204, 0.5);
  border-color: rgba(0, 112, 204, 0.5); }

.jurisdiction-menu-content ul li:hover a {
  color: #0070cc; }

body .xm-icon-yes {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #0070cc;
  position: relative; }

body .xm-select-parent .xm-select-title div.xm-select-label > span {
  position: relative;
  padding: 2px 5px;
  background-color: #0070cc;
  border-radius: 2px;
  color: #FFF;
  display: inline-block;
  line-height: 18px;
  height: 18px;
  margin: 2px 5px 2px 0;
  cursor: initial;
  user-select: none;
  font-size: 14px;
  padding-right: 25px; }

body .xm-select-parent dl dd.xm-select-this i {
  background-color: #0070cc;
  border-color: #0070cc; }

body .xm-form-selected .xm-select,
body .xm-form-selected .xm-select:hover {
  border-color: #0070cc !important; }

body div[xm-select-skin] .xm-select-title div.xm-select-label > span {
  border: 1px solid #0070cc; }

body .xm-select-linkage li.xm-select-this span {
  border-left: 5px solid #0070cc;
  color: #0070cc;
  padding-left: 15px; }

body .xm-select-linkage-group li:hover {
  border-left: 1px solid #0070cc; }

body .xm-select-parent dd .xm-cz:hover {
  color: #0070cc; }

body .xm-select-parent .xm-select-title div.xm-select-label > span {
  font-size: 12px; }

body .xm-form-checkbox span {
  font-size: 12px; }

body .xm-select-parent .xm-form-select dl .xm-select-tips {
  font-size: 12px; }

body .xm-select-parent .xm-select .xm-select-input {
  font-size: 12px; }

body .xm-select-parent .xm-form-select dl .xm-select-tips {
  font-size: 12px; }

body .xm-select-parent .iconfont {
  font-size: 14px; }

body .xm-form-checkbox[lay-skin=primary] i {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px; }

body .xm-icon-yes:after {
  left: 1px;
  top: 2px; }

body .xm-select-radio .xm-icon-yes:after {
  top: 4px;
  left: 4px; }

body .xm-form-checkbox[lay-skin=primary] i {
  top: 10px; }

.confirm-order .confirm-order-logistics .col-hd .actived {
  border-color: #0070cc; }

.center-box-width .merge-pay {
  color: #0070cc !important; }

.personal-layout .tag_top .top-left span {
  margin-left: 0; }

body .layui-form-item .col-input-num {
  line-height: 30px; }

.company_table tbody,
.default_table tbody {
  background: rgba(0, 0, 0, 0); }

.company_table tbody tr,
.default_table tbody tr {
  background: rgba(0, 0, 0, 0); }

.home-info .home-info-num > div .person-bkg {
  background-color: #0070cc; }

.home .home-hot {
  width: 760px;
  padding-bottom: 40px; }

.home .home-hot .home-hot-list {
  padding: 0 20px; }

.home .home-hot .home-hot-list li {
  margin-right: 10px;
  width: 150px; }

.home .home-hot .home-hot-list li:last-child {
  margin-right: 0; }

.home .home-hot .home-hot-list li img {
  width: 150px;
  height: 150px; }

.personal-layout .limitedtime-special {
  position: relative;
  display: inline-block; }

.personal-layout .limitedtime-special sup {
  color: #0070cc;
  background: #fff;
  padding: 1px 4px;
  line-height: 12px;
  border-radius: 8px;
  position: absolute;
  top: 5px;
  right: -17px; }

.url-color a {
  color: #0070cc; }

.operation-header .o-header-task {
  font-size: 12px;
  line-height: 26px;
  color: #fff; }

.o-header-task {
  position: relative; }

.o-header-task sup {
  position: absolute;
  right: -7px;
  top: -6px;
  background: #fff;
  color: #0070cc;
  border-radius: 20px;
  line-height: 16px;
  text-align: center;
  min-width: 16px;
  height: 16px; }

.operation-header .iconfont {
  vertical-align: -3px; }

.operation-header .iconfont-mes {
  font-size: 21px; }

.operation-header .iconfont-task {
  font-size: 18px; }

.operation-header .name .iconfont-person {
  font-size: 20px;
  vertical-align: -4px;
  margin-right: 2px; }

.operation-header .name .name-con span {
  vertical-align: -1px; }

.operation-header .pd {
  padding-left: 20px;
  padding-right: 20px; }

/*
   * 侧边栏子菜单类
   */
.gks-admin-children {
  position: fixed;
  margin-left: 40px;
  margin-top: -34px;
  z-index: 9999;
  background-color: #fff;
  border: 1px solid #e2e2e2; }

body .vis-box-option-btn i {
  background: #0070cc; }

body .vis-box-option-btn .icon-del {
  background: rgba(0, 112, 204, 0.5); }

body .vis-box-item-header .icon-run {
  background: #0070cc; }

body .checkSpan.active {
  color: #0070cc; }

#addressDtoList .address-province-active {
  border: 2px solid #0070cc; }

#addressDtoList .select_icon {
  color: #0070cc; }

.batch-tab-box .batch-tab-box-tit .batch-tab-btn,
.product-warehouse-tab .product-warehouse-btn {
  border: 1px #0070cc solid;
  color: #0070cc; }

.batch-tab-box .batch-tab-box-tit .batch-tab-btn i,
.product-warehouse-tab .product-warehouse-btn i {
  color: #0070cc; }

.batch-tab-box .batch-tab-box-tit span:hover,
.product-warehouse-tab .product-warehouse-btn:hover,
.freight-select .freight-list li:hover,
.invoice-type .invoice-list li:hover {
  border: 1px #0070cc solid;
  color: #0070cc !important; }

.batch-tab-box .batch-tab-box-tit .batch-tab-btn,
.product-warehouse-tab .product-warehouse-btn {
  border: 1px #0070cc solid;
  color: #0070cc; }

/*
  申请开票
*/
.address-invoice-info li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 280px;
  height: 108px;
  margin: 0 14px 14px 0;
  color: #666;
  cursor: pointer;
  border: 1px solid #fff;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5; }

.address-invoice-info li:last-child {
  margin-right: 0; }

.address-invoice-info li .inner {
  padding: 0;
  height: 106px;
  border: 1px #e5e5e5 solid;
  overflow: hidden; }

.address-invoice-info li .addr_hd {
  border-bottom: 1px solid #e5e5e5;
  padding: 7px 10px;
  margin-bottom: 5px;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333; }

.address-invoice-info li .addr_bd {
  height: 36px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word; }

.address-invoice-info li .addr_bd span {
  display: block;
  padding-left: 10px;
  line-height: 20px;
  color: #999; }

.address-invoice-info li .defaultTip,
.address-invoice-info li .setDefault,
.address-invoice-info li .icon_sanjiaoxing_dagou {
  position: absolute;
  right: 0;
  display: none;
  font-family: 'simsun';
  font-size: 12px; }

.address-invoice-info li .defaultTip,
.address-invoice-info li .setDefault {
  color: #fff;
  background-color: #9d9d9d;
  top: 7px;
  right: 6px;
  padding: 1px 8px; }

.address-invoice-info li .icon_sanjiaoxing_dagou {
  bottom: -6px;
  right: -3px;
  color: #0070cc;
  font-size: 40px;
  line-height: 40px;
  overflow: hidden;
  height: 40px; }

.address-invoice-info li:hover,
.address-invoice-info li.select {
  border-color: #0070cc; }

.address-invoice-info li:hover .addr_toolbar {
  display: block; }

.address-invoice-info .add-address:hover a {
  border-color: #0070cc; }

.address-invoice-info li:hover .inner,
.address-invoice-info li.select .inner {
  border-color: #0070cc; }

.address-invoice-info li.select .icon_sanjiaoxing_dagou,
.address-invoice-info li.addr_def .defaultTip {
  display: block; }

.add_address-invoice-info .tales100 {
  padding-top: 5px;
  padding-bottom: 5px; }

.address-invoice-info li.select .setDefault {
  display: block;
  cursor: inherit;
  z-index: 2; }

.address-invoice-info li.addr_def:hover .setDefault {
  display: none; }

.order-tales100 dt {
  font-size: 12px;
  line-height: 45px;
  color: #333;
  font-weight: bold;
  margin-top: 10px; }

.order-tales100 .add-address a {
  display: block;
  height: 106px;
  border: 1px #e5e5e5 solid;
  overflow: hidden; }

.order-tales100 .add-address i {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #999; }

.order-tales100 .add-address span {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #999; }

.invoice.actived {
  border: 1px #0070cc solid; }

.invoice.actived i {
  display: block; }

.invoice:hover {
  border-color: #0070cc; }

.invoice {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  border: 1px #c6c6c6 solid;
  cursor: pointer; }

.invoice i {
  display: none;
  color: #0070cc;
  position: absolute;
  right: -2px;
  bottom: -4px;
  font-size: 22px; }

.invoice_zzs ul,
.invoice_pt p {
  padding: 11px 15px;
  border: 1px solid #ddd;
  width: 500px;
  font-family: 'simsun';
  position: relative; }

.invoice_zzs li {
  font-size: 12px;
  line-height: 22px; }

.invoice_zzs li em {
  color: #999; }

.invoice_pt p label {
  display: block;
  border-bottom: 1px dashed #ccc; }

.invoice_pt p label:last-child {
  border: 0; }

.orderDetails {
  margin-top: 15px; }

.orderDetails li {
  position: relative; }

.orderDetails h3 {
  font-size: 16px;
  line-height: 45px; }

.orderDetails .order_number {
  font-size: 12px;
  display: block;
  color: #333;
  padding: 10px 30px;
  font-weight: normal; }

.orderDetails_list dt {
  display: none; }

.orderDetails_list .li30 {
  line-height: 30px; }

.orderDetails_list dt span {
  height: 40px;
  line-height: 40px;
  background-color: #f4f4f4;
  display: block; }

.orderDetails_list div.s1 {
  padding-top: 10px;
  padding-bottom: 10px; }

.orderDetails_list .s1,
.orderDetails_list .s2,
.orderDetails_list .s3,
.orderDetails_list .s4,
.orderDetails_list .s5,
.orderDetails_list .s6,
.orderDetails_list .s7,
.orderDetails_list .s8,
.orderDetails_list .s9,
.orderDetails_list .s10 {
  float: left;
  overflow: hidden;
  font-size: 12px;
  text-align: center; }

.orderDetails .shopping-cart-th .s1,
.orderDetails_list .s1 {
  width: 355px;
  padding-left: 10px;
  text-align: left;
  padding-top: 5px; }

.orderDetails .shopping-cart-th .s2,
.orderDetails_list .s2 {
  width: 120px; }

.orderDetails .shopping-cart-th .s3,
.orderDetails_list .s3 {
  width: 118px; }

.orderDetails .shopping-cart-th .s4,
.orderDetails_list .s4 {
  width: 80px;
  padding: 5px; }

.orderDetails .shopping-cart-th .s5,
.orderDetails_list div.s5 {
  width: 130px;
  padding: 5px; }

.orderDetails .shopping-cart-th .s6,
.orderDetails_list .s6 {
  width: 110px; }

.orderDetails .shopping-cart-th .s7,
.orderDetails_list .s7 {
  width: 115px; }

.orderDetails .shopping-cart-th .s8,
.orderDetails_list .s8 {
  width: 115px; }

.orderDetails .shopping-cart-th .s9,
.orderDetails_list .s9 {
  width: 105px; }

.orderDetails_list {
  border: 1px solid #e5e5e5;
  border-bottom: none; }

.orderDetails_list dd {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  overflow: hidden; }

.orderDetails_list dd .s2,
.orderDetails_list dd .s3,
.orderDetails_list dd .s4,
.orderDetails_list dd .s5,
.orderDetails_list dd .s6,
.orderDetails_list dd .s7 {
  line-height: 34px; }

.orderDetails_list .ui_pic a {
  display: block;
  border: 1px #e5e5e5 solid; }

.orderDetails_list .ui_text p {
  font-size: 12px;
  line-height: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.orderDetails .shopping-cart-th div {
  padding: 5px 0; }

.orderDetails .shopping-cart-th .s1 {
  text-align: center; }

.orderDetails_list .s7 span {
  display: block; }

.orderDetails_list .s7 .not {
  display: none; }

.orderDetails_list .s7 .has em {
  display: none; }

.orderDetails_list .s7.actived .not {
  display: block; }

.orderDetails_list .s7.actived span {
  line-height: 15px;
  text-align: left; }

.orderDetails_list .s7.actived .has em {
  display: inline; }

.orderDetails_list .inner-list {
  position: relative;
  padding-left: 120px; }

.orderDetails_list .inner-list li:nth-last-child(1) {
  border: none; }

.orderDetails_list .inner-list .cross-left {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  border-bottom: none; }

.orderDetails_list .inner-list .th-market-price span {
  text-decoration: line-through; }

.orderDetails_list .channel_prompt {
  padding: 29px 0; }

.orderDetails_list .channel_prompt > div {
  padding: 0 5px; }

.orderDetails_list .th-amount {
  height: 20px; }

.orderDetails_list .th-amount .gkm_moreLess_right {
  border: none;
  width: 40px;
  line-height: 30px; }

.orderDetails_list .th-static {
  padding: 0; }

.orderDetails_list .th-static span {
  padding: 0; }

.orderDetails_list .gkm_moreLess_right {
  background: none; }

#point .order_mod {
  padding-bottom: 10px; }

.full-cut {
  border: 1px #e5e5e5 solid;
  margin-top: 10px;
  padding: 10px; }

.order_serve_left .par-for-another .bd {
  display: none; }

.biling-info li h4 {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  cursor: pointer; }

.biling-info li h4 i {
  display: inline-block;
  color: #fc4d48;
  font-size: 18px;
  margin-right: 5px;
  line-height: 18px; }

.biling-info li h4 span {
  display: inline-block;
  line-height: 16px; }

.biling-info li > div {
  border: none; }

.biling-info > div.bd {
  position: relative;
  min-height: 360px;
  padding-top: 5px;
  border-bottom: none; }

.biling-info > .bd .order_serve_right {
  position: absolute;
  right: 0;
  bottom: 0;
  background: none; }

.generation-service {
  position: relative; }

.generation-service .generation-service-edit {
  display: none;
  position: absolute;
  cursor: pointer;
  right: 900px;
  top: 5px; }

.generation-service:hover .generation-service-edit {
  display: block; }

.order_serve {
  width: 100%;
  position: relative;
  min-height: 410px;
  border-bottom: 1px solid #e5e5e5; }

.order_mod .hd h2 {
  font-size: 16px;
  line-height: 45px;
  margin-top: 15px;
  display: inline-block; }

.order_mod .hd h2 input {
  vertical-align: text-bottom; }

.order_mod .bd {
  border: 1px #e5e5e5 solid;
  padding: 20px; }

.order_mod .bd .tales60 {
  padding: 2px 0 2px 70px; }

.order_mod .bd .tales60 dt {
  margin-right: 20px; }

.order_mod .bd .tales60 dd {
  width: auto; }

.order_serve_left .order_mod:last-child {
  border-bottom: 0; }

.address-invoice-info .addr_toolbar {
  position: absolute;
  top: 2px;
  right: 6px;
  display: none; }

.address-invoice-info .addr_def .addr_toolbar {
  top: 34px; }

#balance input {
  vertical-align: text-bottom; }

.ticket_box a {
  display: block;
  float: left;
  border: 1px solid #e5e5e5;
  padding: 11px;
  margin-bottom: 11px;
  margin-right: 10px;
  width: 205px;
  position: relative; }

.ticket_box a .ui_price em {
  font-size: 26px; }

.ticket_box a .ui_price {
  color: #fff; }

.ticket_box a span {
  display: inline-block; }

.ticket_box a .fs12.mt10 {
  width: 197px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.ticket_box a p {
  color: #fff;
  background-color: #fa9899;
  margin: -11px -11px 0 -11px;
  padding: 11px; }

.ticket_box a.select {
  padding: 10px;
  border: 2px solid #fc4d48;
  overflow: hidden; }

.ticket_box.coupon-list {
  width: 900px; }

.ticket_box.coupon-list a.select {
  border-width: 1px;
  padding: 11px; }

.ticket_box a.select p {
  margin: -11px -11px 0 -11px;
  padding: 11px; }

.ticket_box a.select:after {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 22px;
  height: 22px;
  background-position: -8px -281px;
  content: ''; }

.ticket_box a:hover {
  color: #666 !important;
  border-color: #fc4d48; }

.order_serve_right .box span {
  display: inline; }

.order_serve_right .box .all-price span {
  display: inline-block; }

.order_serve_right {
  background-color: #f9f9f9;
  font-size: 12px; }

.order_serve_right .box {
  padding: 20px;
  width: 270px;
  overflow: hidden; }

.order_serve_right textarea {
  width: 268px;
  height: 115px;
  border: 1px solid #e5e5e5;
  resize: none;
  margin-bottom: 50px;
  padding: 10px;
  font-size: 12px; }

.order_serve_right p,
.submit_order .box p {
  line-height: 30px;
  height: 30px; }

.order_serve_right p em,
.order_serve_right p strong,
.order_serve_right p span,
.submit_order .box em,
.submit_order .box span {
  width: 135px;
  display: inline-block;
  text-align: right; }

.home-order .home-order-sidebar .sidebar-month .sidebar-month-content {
  position: relative;
  height: 150px;
  overflow: hidden; }

.home-order .home-order-sidebar .sidebar-month-list li i {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.container .container-row::before {
  background: #0070cc; }

body .vis-box-item-wrap span {
  background: rgba(0, 112, 204, 0.75); }

#filterItemWrap li[data-filter-code="1"] span {
  background: #0070cc; }

body .vis-buckets-box span {
  background: rgba(0, 112, 204, 0.75); }

body .vis-box-aside {
  border-color: rgba(0, 112, 204, 0.75); }

body .aside-figure i.active {
  border-color: rgba(0, 112, 204, 0.75); }

body .figure-type-list-bd .actived {
  border-color: rgba(0, 112, 204, 0.75); }

body .chart-data-origin.active {
  background: rgba(0, 112, 204, 0.75); }

body cloud-logo.jpg.gu-mirror span {
  background: rgba(0, 112, 204, 0.75); }

body .vis-box-aside-top .con .active i {
  color: rgba(0, 112, 204, 0.75); }

body .kpi-box-con {
  color: rgba(0, 112, 204, 0.75); }

body .chart-btn:hover i {
  color: rgba(0, 112, 204, 0.75); }

body .each-checked-wrap span {
  background: rgba(0, 112, 204, 0.75); }

.foot-banner a {
  cursor: default; }

.foot-banner img {
  width: 100%;
  max-height: 80px; }

/*顺丰到付*/
.sf-delevery {
  background: url(../images/operation-order.png) no-repeat -67px -60px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: 100px 100px;
  bottom: -5.8px;
  position: relative;
  text-indent: -9999px; }

/*去掉input黄色的背景*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #333; }

.admin-aside-close .layui-side {
  width: 40px !important; }

.admin-aside-close .gks_navbar_collapse {
  left: 40px !important; }

.admin-aside-close .layui-body {
  left: 40px !important; }

.admin-aside-close .icon_collapse_right {
  display: block !important; }

.admin-aside-close .icon_collapse_left {
  display: none !important; }

.admin-aside-close .gks_navbar_collapse .gks_navbar_collapse_bg {
  border-right: none;
  border-left: 15px solid #eee; }

.admin-aside-close .gks_navbar_collapse .gks_navbar_collapse_icon {
  right: auto;
  left: -7px; }

.admin-aside-close .select .item {
  display: none !important; }

.discount-coupon-detail .cbc-num #remainQuantityShow {
  color: #0070cc; }

.discount-coupon-detail .cbc-num {
  border: 1px solid #0070cc; }

.discount-coupon-detail .cbc-sidebar {
  background-color: #0070cc; }

body .layui-slider-wrap-btn {
  border-color: #0070cc !important; }

body .layui-slider-bar {
  background: #0070cc !important; }

.register .record-information p {
  background-color: #fff !important;
  color: #666 !important;
  text-align: left; }

.register .record-information p a {
  color: #666 !important; }

/* layui-input 选中禁用样式 */
body .layui-checkbox-disbaled[lay-skin=primary]:hover i {
  border-color: #e2e2e2 !important;
  color: #eee !important; }

body .layui-checkbox-disbaled[lay-skin=primary] i {
  background-color: #fff !important; }

body .layui-form-checked.layui-checkbox-disbaled[lay-skin=primary] i {
  border-color: #e2e2e2 !important;
  background-color: #eee !important;
  color: #999 !important; }

body .layui-form-checked.layui-checkbox-disbaled[lay-skin=primary]:hover i {
  background-color: #eee !important;
  color: #999 !important; }

/* 选择图标 */
body .mark-icon,
body .upload-icon {
  color: #0070cc; }

body .layui-system-icon li.actived {
  border: 1px #0070cc solid; }

body .layui-system-icon li.actived i {
  color: #0070cc; }

body .layui-form-item .layui-upload-button {
  color: #0070cc; }

body .screen-header-time-box {
  border-color: #0070cc; }

body .time-box-hd-item.actived {
  border-color: #0070cc;
  background-color: #0070cc; }

body .time-bd-quick .selected {
  color: #0070cc; }

body .time-bd-quick li span:hover {
  color: #0070cc; }

body .time-box-bd .time-btn {
  background-color: #0070cc; }

body .customer-name-deal {
  color: #0070cc; }

body .customer-name-notdeal {
  color: #0070cc; }

body .customer-name-breakpoint {
  color: #0070cc; }

body .img-actived {
  border-color: #0070cc !important; }

body .customer-content-item > .customer-content-item-header:hover {
  background-color: rgba(0, 112, 204, 0.15) !important; }

.popup-slider-wrapper {
  position: fixed;
  top: 50%;
  right: 0;
  width: 350px;
  height: 80vh;
  transform: translateY(-50%) translateX(0);
  background: #fff;
  box-shadow: -1px 2px 5px #ccc;
  border: 1px solid #ddd;
  z-index: 99999; }

.popup-slider-box {
  height: 100%; }

.popup-slider-top,
.popup-slider-bottom {
  background: #f8f8f8;
  padding: 10px; }

.popup-slider-top {
  background: #fff;
  border-bottom: 1px solid #ddd; }

.popup-slider-bottom {
  border-top: 1px solid #ddd; }

.popup-slider-content {
  height: calc(100% - 106px);
  overflow: auto;
  box-sizing: border-box; }

.popup-slider-bottom .layui-btn-container .layui-btn {
  margin-bottom: 0; }

.popup-slider-drag {
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0;
  cursor: e-resize; }

.popup-slider-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 1001; }

.popup-slider-title,
.popup-slider-close {
  line-height: 30px;
  font-size: 16px; }

.popup-slider-close {
  position: absolute;
  top: 10px;
  right: 10px; }

.popup-slider-wrapper .layui-btn + .layui-btn {
  margin-left: 5px; }

.popup-slider-wrapper .layui-btn-sm {
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  font-size: 14px; }

.tip-chrome {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  box-shadow: 0 5px 5px #a8a8a8; }

.tip-chrome-content {
  width: 1190px;
  margin: 0 auto;
  text-align: center; }

.chrome-jump {
  display: inline-block;
  color: #008000;
  margin: 0 15px;
  width: 80px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  border: 1px solid #008000; }

.chrome-jump a {
  text-decoration: none;
  color: #008000; }

.tip-admin-chrome {
  display: none;
  position: fixed;
  bottom: 10%;
  right: 0;
  z-index: 99999;
  background: #fff;
  height: 40px;
  line-height: 40px;
  color: #a8a8a8; }

.tip-admin-chrome-content {
  width: 450px;
  border: 1px solid #a8a8a8;
  text-align: center; }

.delete-tip {
  font-size: 24px;
  cursor: pointer; }

.tip-admin-chrome-content .delete-tip {
  float: right; }

.chrome-none {
  vertical-align: -2px; }

.right-header-item {
  position: relative; }

.right-header-item:hover .header-tip {
  display: block; }

.right-header-item .header-tip {
  position: absolute;
  display: none;
  width: 168px;
  top: 26px;
  padding: 7px;
  left: -82px;
  border: 1px solid #ccc;
  z-index: 99999;
  background: #fff; }

.right-header-item .header-tip::before {
  content: '';
  position: absolute;
  left: 55%;
  top: -6px;
  padding: 5px;
  border: inherit;
  background: inherit;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg); }

.right-header-item .header-tip img {
  width: 168px; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.sortable-container > * {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

div.edit-shop-info .bottom-border {
  border-color: #eee; }

div.edit-shop-info .layui-form-item {
  margin-left: 10px;
  margin-right: 10px; }

div.edit-shop-info .layui-form-label {
  padding-left: 0; }

div.register {
  padding-bottom: 0; }

table.show-payment-list tr {
  border-color: #eee; }

div.xm-select-parent .xm-select {
  height: 32px; }

table.show-shop-employee tr {
  border-color: #eee; }

.layui-layer-prompt textarea.layui-layer-input {
  padding: 4px 5px !important; }

.address-box {
  position: relative;
  display: inline-block; }

.address-box-hd {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  position: relative;
  z-index: 1000000; }

.address-box-bd {
  position: absolute;
  left: 0;
  top: 27px;
  padding: 8px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  display: none;
  z-index: 100000;
  width: 365px;
  line-height: 18px; }

.address-box-bd-tit {
  position: relative; }

.address-box-bd-tit span {
  float: left;
  margin-right: 8px;
  padding: 3px 8px;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  cursor: pointer;
  background: #fff; }

.address-box-bd-tit .active {
  position: relative;
  z-index: 11;
  border: 2px solid #00ced1;
  border-bottom: 0; }

.address-box-bd-con li {
  display: none; }

.address-box-bd-con .active {
  display: block; }

.address-box-bd-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #00ced1;
  left: 0;
  top: 24px; }

.address-box-bd-con {
  margin-top: 8px; }

.address-box-bd-con span {
  float: left;
  padding: 3px 8px;
  margin-right: 8px;
  margin-bottom: 5px;
  cursor: pointer;
  min-width: 36px; }

.address-box-bd-con span:hover {
  background: #00ced1;
  color: #fff; }

.address-box-bd-con span.active {
  background: #00ced1;
  color: #fff; }

.top-location-box {
  position: relative;
  float: right;
  margin-left: 10px;
  display: inline-block;
  color: #666; }

.top-location-box .address-box-show {
  background: #fff; }

.top-location-box .address-box-hd {
  background: #f0f0f0;
  border: 1px #f0f0f0 solid !important;
  padding-left: 23px; }

.top-location-box .address-box-show .address-box-hd {
  background: #fff;
  border: 1px #fff solid !important; }

.top-location-box > .iconfont {
  position: absolute;
  margin-left: 10px;
  color: #666;
  left: -3px;
  z-index: 10000000;
  top: 0;
  font-size: 15px; }

.top-location-box .address-box-bd {
  left: -1px; }

.tag_top .top-left > a:nth-of-type(1) {
  margin-left: 0; }

.address-box-bd-con span {
  color: #888; }

/* laypage style */
.layui-laypage .layui-laypage-first {
  padding: 0 10px; }

.layui-laypage .laypage_first {
  padding: 0 10px; }

.layui-laypage .layui-laypage-prev {
  padding: 0 10px; }

.layui-laypage .layui-laypage-next {
  padding: 0 10px; }

.layui-laypage .layui-laypage-last {
  padding: 0 10px; }

div.layui-laypage a:hover {
  color: #0070cc; }

.layui-main > .inner {
  padding-right: 0;
  padding-bottom: 0; }

div.layui-table-fixed-l {
  box-shadow: none; }

div.layui-table-fixed-r {
  box-shadow: none; }

.help-box:hover .help-box-bd {
  display: block; }

.help-box-hd {
  cursor: pointer; }

.help-box-hd i {
  font-size: 18px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.9); }

.help-box-bd {
  position: absolute;
  display: none;
  background: #fff;
  border: 1px #e5e5e5 solid;
  padding: 10px 20px;
  width: 55px;
  z-index: 10000;
  left: -38px;
  top: 30px;
  line-height: 24px; }

.help-box-bd::before {
  content: '';
  position: absolute;
  left: 41px;
  top: -6px;
  padding: 5px;
  border: inherit;
  background: inherit;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg); }

.help-box {
  position: relative;
  height: 38px;
  display: inline-block; }

.help-box-bd dt {
  color: #000;
  font-weight: bold;
  margin-bottom: 5px; }

.help-box-bd dd a {
  color: #777; }

.help-box-bd dd a:hover {
  color: #333; }

.operation-header .o-header-home {
  margin: 0 15px; }

.operation-header .o-header-home i {
  color: #fff;
  font-size: 17px;
  vertical-align: -2px; }

.operation-header .o-header-service {
  margin: 0 -9px 0 15px; }

.operation-header .o-header-service i {
  color: #fff;
  font-size: 21px;
  vertical-align: -4px;
  position: absolute; }

.layui-table {
  color: #000; }

.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
  width: 14px;
  height: 14px; }

.layui-table-cell {
  height: 20px;
  line-height: 20px; }

body .all-brand-list .iconfont {
  color: #0070cc; }

body .all-brand-list li.active {
  border-color: #0070cc; }

body .all-init-list span:hover {
  border-color: #0070cc; }

body .all-init-list .active {
  border-color: #0070cc; }

#modelManage .add-btn {
  color: #0070cc !important;
  border: 1px #0070cc solid; }

body .table-input-box-display td span.text {
  position: absolute;
  width: calc(100% + 1px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  z-index: 111;
  box-sizing: border-box;
  line-height: 32px;
  border-radius: 0;
  padding: 0 5px; }

body .table-input-box-display td span.text:hover {
  border: 1px rgba(0, 112, 204, 0.5) solid;
  box-shadow: 0 0 2px rgba(0, 112, 204, 0.5) inset; }

body .table-input-box-display span.edit {
  width: calc(100% + 0px) !important;
  height: calc(100% - 0px) !important;
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1111;
  line-height: 32px;
  border-radius: 0;
  /*border: 1px rgb(50, 184, 199) solid;*/
  box-sizing: border-box;
  background: #fff; }

body .table-input-box-display td span.edit input.layui-input {
  width: calc(100% + 1px) !important;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  box-shadow: 0 0 1px #0070cc inset;
  border: 1px #0070cc solid !important;
  border-radius: 0; }

body .layui-input-td {
  background: transparent;
  color: black; }

body .b-news-left-hd .active,
body .b-news-right-hd span {
  border-color: #0070cc; }

body .item-brand-name {
  border-color: #0070cc !important; }

body .all-choice .multiple-yes {
  background: #0070cc; }

body .time-type-actived {
  border-color: #0070cc !important; }

body .times li i {
  color: #0070cc !important; }

body .layui-table-view .more-cols-control ul {
  left: 0;
  right: inherit; }

body .layui-table-view .more-cols-control {
  left: 5px;
  right: inherit; }

body .layui-table-view .more-cols-control ul .layui-form-checkbox[lay-skin=primary] {
  position: relative; }

body .layui-table-view .more-cols-control ul .layui-form-checkbox[lay-skin=primary] i {
  position: absolute;
  left: 0px;
  top: 0px; }

body .layui-table-view .more-cols-control ul .layui-form-checkbox[lay-skin=primary] span {
  padding-left: 19px; }

.gks-border-bottom-dashed {
  border-bottom-style: dashed !important; }

.help-alert-box {
  padding: 10px; }

.help-alert-box p {
  text-indent: 2em;
  width: 200px;
  margin: 10px 0;
  color: #666; }

.help-alert-box .more {
  text-align: right;
  marker-top: 10px; }

.help-alert-box .more a {
  color: #0070cc;
  text-decoration: underline; }

.bgks {
  background-color: #0070cc !important; }

.bgks-tint {
  background-color: rgba(0, 112, 204, 0.5) !important; }

.bgks-opacity-03 {
  background-color: rgba(0, 112, 204, 0.03) !important; }

.bgks-opacity-10 {
  background-color: rgba(0, 112, 204, 0.1) !important; }

.bgks-opacity-15 {
  background-color: rgba(0, 112, 204, 0.15) !important; }

.bgks-opacity-30 {
  background-color: rgba(0, 112, 204, 0.3) !important; }

.gks-shadow {
  box-shadow: 0px 0px 3px #0070cc; }

.gks-shadow-hover:hover {
  box-shadow: 0px 0px 3px #0070cc; }

.pseudo-ele-bg::before {
  background-color: #0070cc !important; }

.pseudo-ele-bg::after {
  background-color: #0070cc !important; }

.pseudo-ele-border::before {
  border-color: #0070cc !important; }

.pseudo-ele-border::after {
  border-color: #0070cc !important; }

.gks-outline {
  outline-color: #0070cc !important; }

body .help .header {
  background: #0070cc;
  border-top: 1px rgba(255, 255, 255, 0.15) solid; }

body .help .header .ui_layout {
  background-color: #0070cc; }

body .common-problem-list li div {
  background-color: rgba(0, 112, 204, 0.6); }

body .help-search .button {
  background-color: #0070cc; }

body .help-center .main .main-header {
  color: #0070cc; }

.help-center {
  font-family: Helvetica, STHeiti, Microsoft YaHei, Verdana, Arial, Tahoma, sans-serif !important;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

body .hot-content-item ul li {
  padding-left: 11px;
  position: relative;
  font-size: 14px;
  line-height: 40px;
  height: auto; }

body .hot-content-item ul li::before {
  content: ' ';
  width: 4px;
  height: 4px;
  border-radius: 10px;
  background: #0070cc;
  position: absolute;
  left: 0;
  top: 18px; }

body .hot-content-item ul {
  width: 45%; }

body .help-center .aside.questions-aside .buyers-help-title {
  background: #0070cc; }

body .sales-area .address-box-hd {
  z-index: 5000; }

body .sales-area .address-box-bd {
  z-index: 4990; }

.gks-border {
  border-color: #0070cc !important; }

.gks-border-opacity {
  border-color: rgba(0, 112, 204, 0.5) !important; }

.gks-border-opacity-10 {
  border-color: rgba(0, 112, 204, 0.1) !important; }

.gks-border-hover,
.gks-border-hover:hover,
.gks-border-hover:focus {
  border-color: #0070cc !important; }

.gks-bg-white {
  background: #fff !important; }

.cgks-hover:hover {
  color: #0070cc !important; }

.gks-hoverbg-opacity2:hover {
  background: rgba(0, 112, 204, 0.2) !important; }

.gks-hoverbg-opacity1:hover {
  background: rgba(0, 112, 204, 0.1) !important; }

body .approvals > div:hover {
  background: #fff;
  border-color: #0070cc; }

body .layui-laypage input:focus,
body .layui-laypage select:focus {
  border-color: #0070cc !important; }

body .help-window .help-box-bd dd a:hover {
  color: #0070cc; }

.layui-form-checkbox[lay-skin=primary] {
  min-width: 14px;
  min-height: 14px; }

.gks-bg-light-yellow {
  background: #f8f8b9; }

.help-center .main-content a {
  text-decoration: none !important; }

.admin-header-crumbs {
  float: left;
  display: flex;
  color: #666; }

.new-page-v3 .admin-header-crumbs {
  width: 100%;
  display: none; }

.admin-header-crumbs a {
  color: #666; }

.admin-header-crumbs a:hover {
  color: #000; }

.admin-header-help {
  display: flex;
  position: relative;
  cursor: pointer; }

.new-page-v3 .admin-header-help {
  top: 8px;
  right: 10px; }

.admin-header-help:hover .admin-header-help-bd-wrap {
  display: block; }

.admin-header-help-hd {
  display: flex;
  color: #333;
  font-size: 12px; }

.admin-header-help-hd .iconfont {
  margin-right: 3px;
  color: #0070cc;
  /* theme color */
  font-size: 14px; }

.admin-header-help-bd-wrap {
  position: absolute;
  right: -3px;
  top: 10px;
  padding-top: 20px;
  z-index: 10000;
  display: none;
  font-size: 12px; }

.new-page-v3 .admin-header-help-bd-wrap {
  right: 3px; }

.admin-header-help-bd {
  position: relative;
  padding: 10px;
  margin-left: -45px;
  background: #fff;
  border: 1px #e5e5e5 solid;
  min-width: 100px;
  max-width: 200px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12); }

.admin-header-help-bd::before {
  content: ' ';
  position: absolute;
  right: 14px;
  top: -6px;
  padding: 5px;
  border: inherit;
  background: inherit;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg); }

.admin-header-help-bd a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 25px; }

.admin-header-help-bd a b {
  font-weight: normal;
  color: #333;
  font-size: 12px; }

.admin-header-help-bd a b:hover {
  color: #0070cc; }

.new-layui-upload-wrapper .layui-upload-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 60px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #DFDFDF;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff;
  color: #666; }

.new-layui-upload-wrapper .layui-upload-button input {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: 100px;
  width: 100%;
  height: 100%; }

.gks-admin-list-item .operation-aside-acount {
  right: 10px; }

.operation-aside-acount {
  font-size: 16px;
  line-height: 16px !important;
  min-width: 10px;
  background: rgba(228, 57, 60, 0.8);
  color: #fff;
  border-radius: 4px;
  padding: 4px 6px;
  display: inline-block;
  text-align: center;
  font-family: Tahoma !important;
  transform: scale(0.7);
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
  box-sizing: content-box;
  font-weight: normal;
  transform-origin: right;
  position: absolute;
  right: 43px;
  color: #fff; }

html,
body {
  height: 100%; }

.layui-main,
.layui-main > .inner,
.gks_body_box {
  height: 100%; }

body .layui-layer-tips .layui-layer-content {
  padding: 5px 10px; }

.layui-table th {
  padding: 5px; }

.queue-content .person-admin-wrapper {
  padding-bottom: 0px !important; }

/* btn-drop */
body .layui-btn-group .btn-mini-normal:hover {
  color: #086db8; }

.queue-wrap .layui-btn:hover {
  opacity: 1; }

.btn-mini-drop {
  position: relative;
  z-index: 95; }

.btn-mini-drop-tit .iconfont {
  width: 10px;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 16px;
  vertical-align: text-bottom; }

.btn-mini-drop ul {
  position: absolute;
  right: -4px;
  top: 15px;
  padding: 3px 0;
  text-align: left;
  color: #0a82dc;
  background: #fff;
  box-shadow: rgba(50, 50, 50, 0.2) 0px 0px 3px;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  height: 0;
  overflow: hidden; }

.queue-content:not(.new-page-v3) .btn-mini-drop:hover {
  z-index: 101; }

.queue-content:not(.new-page-v3) .btn-mini-drop:hover ul {
  visibility: visible;
  top: 22px;
  opacity: 1;
  z-index: -10;
  transition: all .25s .25s;
  height: auto;
  overflow: inherit; }

.new-page-v3 .btn-mini-dropped {
  z-index: 101; }

.new-page-v3 .btn-mini-dropped ul {
  visibility: visible;
  top: 22px;
  opacity: 1;
  z-index: -10;
  transition: all .25s .25s;
  height: auto;
  overflow: inherit; }

.btn-mini-drop ul li {
  padding: 3px 10px; }

.btn-mini-drop ul li:hover {
  color: #086db8;
  background: #f7f7f7; }

.btn-mini-drop ul .btn-mini-disabled:hover {
  color: #ccc; }

.btn-mini-drop-list.btn-mini-disabled {
  color: #ccc;
  cursor: not-allowed; }

/* person-admin-header */
.admin-header-option li {
  float: right;
  color: #999; }

.admin-header-option {
  display: flex; }

.admin-header-option .v3-search-control {
  display: flex;
  align-items: center; }

body .gks-btn-no-drop {
  color: #ddd;
  background: #fff;
  border: 1px #ddd solid;
  cursor: no-drop; }

body .gks-btn-no-drop:hover {
  color: #ddd; }

.admin-header-option li:hover i {
  color: #0070cc;
  /* theme color */ }

.admin-header-pack i {
  font-size: 28px;
  vertical-align: middle;
  cursor: pointer; }

.admin-header-pack .active {
  color: #0070cc;
  /* theme color */ }

.gks-border-left-gray {
  border-left: 3px #e2e2e2 solid; }

.gks-border-left-purple {
  border-left: 3px #aa63a4 solid; }

.bg-light-yellow {
  background: #f8f8b9; }

.bg-white {
  background: #fff; }

.layui-laypage select {
  display: none; }

.queue-not-allowed {
  cursor: not-allowed; }

.queue-not-allowed * {
  color: #ccc; }

.queue-wrap .queue-not-allowed a {
  color: #ccc; }

.queue-wrap .queue-not-allowed .queue-color-orange {
  color: #ccc; }

.queue-wrap .queue-not-allowed .model-name,
.queue-wrap .queue-not-allowed .material-name {
  color: #ccc;
  border-color: #ddd; }

.option1 {
  opacity: 1; }

.option0 {
  opacity: 0; }

.queue-table-box .original-point {
  position: relative;
  padding-left: 10px; }

.original-point::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 5px;
  background: orange; }

.original-point-orange::before {
  background: #f27d00; }

.original-point-red::before {
  background: #c61e11; }

.original-point-cyan::before {
  background: #02b4b6; }

.original-point-green::before {
  background: #4ab54e; }

.original-point-blue::before {
  background: #387ad9; }

.original-point-green::before {
  background: #4ab54e; }

.original-point-aaa::before {
  background: #aaa; }

.original-point-ccc::before {
  background: #ccc; }

.original-point-yellow::before {
  background: #ffba30; }

.original-point-lightblue::before {
  background: #02a7f0; }

.original-point-darkblue::before {
  background: #0400cc; }

.original-point-black::before {
  background: #000; }

.original-point-lightgray::before {
  background: #ddd; }

.goods-status-cyan {
  color: #00b7b7;
  background: #d4ffff; }

.goods-status-orange {
  color: #f27d00;
  background: #fff6eb; }

.goods-status-red {
  color: #c61e11;
  background: #ffebeb; }

body .queue-border-color-cyan {
  border-color: #00b7b7; }

body .queue-border-color-orange {
  border-color: #f27d00; }

body .queue-border-color-red {
  border-color: #c61e11; }

body .queue-border-color-green {
  border-color: #4ab54e; }

body .queue-border-color-aaa {
  border-color: #aaa; }

body .queue-border-color-ccc {
  border-color: #ccc; }

body .queue-border-color-yellow {
  border-color: #ffba30; }

body .queue-border-color-lightblue {
  border-color: #02a7f0; }

body .queue-border-color-darkblue {
  border-color: #0400cc; }

body .queue-color-cyan {
  color: #00b7b7; }

body .queue-color-orange {
  color: #f27d00; }

body .queue-color-red {
  color: #c61e11; }

body .queue-color-blue {
  color: #387ad9; }

body .queue-color-green {
  color: #4ab54e; }

body .queue-color-aaa {
  color: #aaa; }

body .queue-color-ccc {
  color: #ccc; }

body .queue-color-yellow {
  color: #ffba30; }

body .queue-color-lightblue {
  color: #02a7f0; }

body .queue-color-darkblue {
  color: #0400cc; }

body .queue-color-black {
  color: #000; }

body .queue-color-lightgray {
  color: #ddd; }

.layui-laypage-limits .layui-input {
  width: 90px;
  margin: 0; }

.layui-laypage .layui-laypage-count {
  height: 30px;
  margin: 0;
  line-height: 30px; }

.layui-laypage-limits .layui-form-select dl {
  top: initial;
  bottom: 30px; }

body .layui-btn-group .btn-mini-normal.btn-mini-danger {
  /*color: #ccc;*/ }

/* body .layui-btn-group .btn-mini-normal.btn-mini-danger:hover {
  color: #999;
}*/
.queue-money-box {
  font-family: Arial, Helvetica Neue, Helvetica, PingFang SC, Tahoma, sans-serif; }

.queue-table * {
  box-sizing: border-box; }

.person-admin-header {
  color: #666; }

.person-admin-header .icon-next {
  margin: 0 2px 0 3px;
  font-size: 18px;
  vertical-align: -2px; }

.person-admin-header span:first-child {
  color: #333; }

.content-box {
  display: flex;
  height: 100%; }

.queue-aside {
  display: flex;
  flex-direction: column;
  flex: 0 0 135px;
  background: #fff; }

.queue-content {
  flex: auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative; }

.operation-content-v1 .queue-content {
  overflow: inherit;
  width: 100%; }

.queue-aside-hd {
  display: flex;
  align-items: center;
  padding: 12px 5px 11px;
  border-bottom: 1px #f5f5f5 solid;
  color: #666; }

.queue-aside-hd:hover {
  color: #000; }

.queue-aside-hd .iconfont {
  font-size: 18px;
  vertical-align: -2px; }

.queue-aside-bd-wrap {
  position: relative;
  overflow: hidden;
  width: 135px;
  padding-bottom: 10px; }

.queue-aside-bd-wrap::before {
  /*content: '';*/
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 0;*/
  /*height: 100%;*/
  /*width: 5px;*/
  /*background: #fff;*/ }

.queue-aside-bd {
  height: 100%;
  width: 150px;
  padding: 5px 0;
  overflow: auto; }

.queue-aside-list {
  width: 118px;
  margin-bottom: 1px;
  padding: 5px 10px;
  padding-right: 17px;
  color: #666;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.queue-aside-list::after {
  position: absolute;
  left: -100%;
  /*改变left的值，让其相对box影藏*/
  top: 0;
  width: 30%;
  height: 100%;
  content: "";
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-40deg); }

.queue-aside-list:hover::after {
  left: 150%;
  transition: 1.2s ease; }

.queue-aside-list:hover {
  color: #fff;
  background: #0070cc;
  /* theme color */ }

.queue-aside-list.active {
  color: #fff;
  background: #0070cc;
  /* theme color */ }

.queue-aside-list.line {
  position: relative; }

.queue-aside-list.line::before {
  content: '';
  position: absolute;
  left: 10px;
  bottom: -1px;
  width: calc(100% - 30px);
  height: 1px;
  background: #f1f1f1; }

.queue-aside-list div {
  float: right;
  line-height: 18px;
  font-family: Arial, sans-serif;
  font-weight: bold; }

.queue-option > .layui-inline {
  float: left;
  margin-right: 10px; }

/* queue box list style */
.queue-table-box {
  position: relative;
  transition: all ease-in-out .2s; }

.queue-table-header,
.queue-table-inner-header {
  display: none;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  background: #f1f1f1;
  color: #666;
  transition: color ease-in-out .2s, border ease-in-out .2s, background ease-in-out .2s; }

header.queue-table-inner-header {
  padding: 0 10px !important; }

.queue-table-header.active {
  /*color: #fff;*/
  /*border-color: #aaa;*/
  /*background: #aaa;*/ }

.queue-table-inner-header.show {
  display: flex;
  z-index: 98 !important; }

.queue-table-header.show {
  display: flex;
  z-index: 98 !important; }

.queue-table-inner-header.hide {
  z-index: 97 !important; }

.queue-table-item {
  color: #666;
  transition: opacity ease-out .45s, background-color ease-out .25s; }

.queue-table-item-hd {
  display: flex;
  color: #333;
  background: #fff;
  border-color: #ccc;
  cursor: pointer; }

.queue-table-item-hd .copy-box {
  line-height: 22px; }

.queue-table-header > div,
.queue-table-inner-header > div {
  display: flex;
  flex: initial;
  align-items: center;
  padding: 0 5px;
  line-height: 32px;
  flex-shrink: 0; }

.queue-table .layui-input {
  height: 28px;
  line-height: 28px; }

.queue-table-item-hd > div {
  display: flex;
  flex: initial;
  align-items: center;
  padding: 5px;
  line-height: 22px;
  white-space: nowrap;
  flex-shrink: 0; }

.queue-table-box .queue-table-item-hd div.delivery-warehouse {
  justify-content: space-between; }

.queue-table-box .delivery-warehouse {
  padding-right: 0; }

.queue-selected-wrap {
  position: relative;
  padding-right: 10px; }

.queue-selected-wrap::after {
  content: '';
  position: absolute;
  right: 0;
  top: -5px;
  height: 28px;
  width: 1px;
  background: #ddd; }

.queue-table-item-hd .delivery-warehouse .iconfont {
  font-size: 24px; }

/* href color */
.queue-table-item a {
  color: #333; }

body .table-href-color a {
  color: #577bb0; }

.gks-href-color {
  color: #577bb0 !important; }

.gks-href-color:hover {
  color: #405c85 !important; }

.gks-href-hover:hover {
  color: #577bb0 !important; }

.gks-href {
  color: #577bb0 !important; }

.gks-href:hover {
  color: #405c85 !important; }

.queue-table-item a:hover {
  color: #405c85;
  text-decoration: underline; }

.queue-table-box .layui-form-checkbox[lay-skin=primary] {
  padding-left: 20px; }

.queue-footer {
  padding: 5px;
  padding-right: 0;
  background: #fff;
  box-sizing: border-box;
  transition: all ease-in-out .2s; }

.queue-footer.active {
  box-shadow: 0 1px 0px 0px #eee inset; }

.queue-footer .layui-laypage {
  margin-left: 10px; }

.queue-footer-option {
  display: flex;
  align-items: center; }

.icon-coyp {
  position: relative;
  font-size: 24px;
  line-height: 18px;
  color: #999;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  vertical-align: middle;
  margin-left: -2px; }

.copy-box:hover .icon-coyp {
  opacity: 1;
  visibility: visible; }

/*icon-coyp*/
.icon-coyp input {
  position: absolute;
  left: 0;
  top: -11px;
  width: 16px;
  height: 100%; }

.icon-coyp:active {
  color: #333; }

.queue-table-item-hidden {
  display: none; }

.queue-table-item-bd {
  padding: 0 10px;
  color: #666;
  background: #fff;
  display: none; }

.queue-item-list {
  display: flex;
  align-items: center;
  /*line-height: 20px;*/
  border-bottom: 1px #eee solid; }

.queue-item-list:last-child {
  border: none; }

.queue-item-list > div {
  display: flex;
  align-items: center;
  padding: 5px; }

.queue-item-list .queue-inner-padding {
  align-items: baseline; }

.queue-item-list .product-info {
  flex-direction: column;
  align-items: flex-start; }

.queue-item-list .product-info .text-ellipsis:first-child {
  margin-bottom: 2px; }

.product-info .text-ellipsis .product-brand {
  float: left;
  margin-right: 3px; }

.queue-item-list .model-name {
  display: inline-block;
  margin-right: 7px;
  padding-right: 10px;
  line-height: 12px;
  border-right: 1px #aaa solid;
  color: #999; }

.queue-item-list .material-name {
  line-height: 12px;
  color: #999; }

.queue-table-header-order {
  border-left: 3px transparent solid; }

.queue-table-inner-wrap {
  border-left: 1px #f1f1f1 solid; }

.queue-wrap .layui-btn-group > .btn-mini-normal:first-child {
  padding-left: 0; }

.goods-status {
  display: flex;
  align-items: center;
  padding: 0 5px 0 2px;
  border-radius: 3px; }

.goods-status i {
  font-size: 22px; }

.queue-item-list .text-ellipsis {
  max-width: 100%; }

.queue-wrap .queue-inner-padding > span,
.queue-wrap .queue-inner-padding > div {
  padding: 0 5px; }

.queue-wrap .queue-inner-padding > span:first-child,
.queue-wrap .queue-inner-padding > div:first-child {
  padding-left: 0; }

.queue-wrap .queue-inner-padding > span:last-child,
.queue-wrap .queue-inner-padding > div:last-child {
  padding-right: 0; }

.queue-wrap .general-delevery {
  background: url(../images/operation-order.png) no-repeat -40px -41px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 111px 111px;
  flex-shrink: 0; }

.queue-wrap .agent,
.queue-wrap .icon-agent {
  background: url(../images/operation-order.png) no-repeat -73px -7px;
  display: block;
  width: 22px;
  height: 22px;
  background-size: 110px 110px;
  flex-shrink: 0; }

.queue-wrap .hand-work {
  background: url(../images/operation-order.png) no-repeat -6px -7px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 110px 110px;
  flex-shrink: 0; }

.queue-wrap .self-delivery,
.queue-wrap .icon-self-delivery {
  background: url(../images/operation-order.png) no-repeat -40px -7px;
  display: block;
  width: 22px;
  height: 22px;
  background-size: 110px 110px;
  flex-shrink: 0; }

/*普通到付*/
.queue-wrap .general-pay {
  background: url(../images/operation-order.png) no-repeat -6px -74px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 110px 110px;
  flex-shrink: 0; }

/*顺丰到付*/
.queue-wrap .sf-pay {
  background: url(../images/operation-order.png) no-repeat -73px -40px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 110px 110px;
  flex-shrink: 0; }

.queue-wrap .icon-direct-send {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  overflow: hidden;
  background: url(../images/operation-order.png) no-repeat -6px -40px;
  background-size: 110px 110px;
  text-indent: -10em; }

/*直转*/
.queue-wrap .icon-direct-turn {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  overflow: hidden;
  background: url(../images/operation-order.png) no-repeat -73px -73px;
  background-size: 110px 110px;
  text-indent: -10em; }

.queue-wrap .queue-table-item .client-info-box {
  justify-content: space-between; }

.clinet-mode-info {
  display: flex; }

.channel-place {
  width: 34px;
  height: 22px; }

.export-selected {
  color: #ccc;
  cursor: not-allowed; }

.export-selected:hover {
  color: #ccc; }

.export-selected.live {
  color: inherit;
  cursor: pointer; }

.export-selected.live:hover {
  color: inherit; }

.order-number .express-model {
  margin-left: 4px; }

.queue-item-list .vertical-box {
  flex-direction: column;
  align-items: flex-end; }

.queue-edit-box {
  display: flex;
  align-items: center;
  position: relative; }

.queue-edit-box > .queue-editable {
  width: 55px;
  margin-right: 2px;
  padding: 4px 5px;
  border: 1px #658fcd solid;
  border-radius: 2px; }

.queue-edit-btn {
  position: absolute;
  left: -13px;
  top: 27px;
  display: flex;
  padding: 4px 1px;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 2px;
  background: #658fcd; }

.queue-edit-btn::before {
  content: '';
  height: 19px;
  width: 1px;
  left: 50%;
  top: 5px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute; }

.queue-edit-btn span {
  padding: 2px 6px;
  cursor: pointer; }

.queue-edit-btn span:hover {
  color: white; }

.queue-footer .lay-btn-pull-wrap .iconfont {
  transition: all .2s; }

.queue-footer .lay-btn-pull-wrap .lay-btn-pull-group {
  opacity: 0;
  visibility: hidden;
  top: inherit;
  bottom: 0px;
  left: -1px;
  transition: all .2s; }

.queue-footer .lay-btn-pull-wrap:hover .iconfont {
  transform: rotate(180deg); }

.queue-footer .lay-btn-pull-wrap:hover .lay-btn-pull-group {
  visibility: visible;
  opacity: 1;
  bottom: 28px; }

.new-page-v3 .queue-footer .lay-btn-pull-wrap .lay-btn-pull-group {
  opacity: 0;
  visibility: hidden;
  top: inherit;
  bottom: 28px;
  left: -1px;
  transition: all .2s; }

.new-page-v3 .queue-footer .lay-btn-pull-wrap:hover .lay-btn-pull-group {
  display: none;
  visibility: hidden;
  opacity: 0;
  bottom: 28px; }

.new-page-v3 .btn-group-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important; }

.new-page-v3 .queue-footer .lay-btn-pull-wrap:hover .iconfont {
  transform: rotate(0deg); }

/* Track */
.queue-aside-bd::-webkit-scrollbar {
  width: 5px; }

.queue-aside-bd::-webkit-scrollbar-track {
  -webkit-box-shadow: transparent;
  background: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/* Handle */
.queue-aside-bd::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(10, 10, 10, 0.5); }

.queue-aside-bd::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(10, 10, 10, 0.2); }

.advanced-search {
  height: 0;
  padding: 0 5px !important;
  overflow: hidden;
  opacity: 0; }

.advanced-search.active {
  height: 30px;
  padding: 5px !important;
  opacity: 1;
  overflow: initial; }

.queue-aside-most-num {
  background: #f07272;
  /* 半透明主题色 */
  color: #fff;
  padding: 0 3px;
  border-radius: 3px; }

.anitnum-wrap {
  display: flex; }

.anitnum-box-wrap {
  position: relative;
  overflow: hidden;
  width: 7px;
  height: 18px;
  line-height: 18px; }

.anitnum-box {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  transition: top 1s ease-in-out; }

.anitnum-wrap .anitnum-box-wrap:first-child span:first-child {
  opacity: 0; }

body .queue-aside-hd .layui-form-onswitch i {
  left: 50px; }

body .queue-aside-hd .layui-form-switch {
  margin-top: 0;
  margin-right: 5px; }

body .layui-layer-msg {
  min-width: auto;
  border: none;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); }

body .layui-layer-msg .layui-layer-padding {
  padding: 8px 16px 8px 41px; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico {
  top: 12px;
  left: 12px;
  width: 16px;
  height: 16px; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico {
  background: url(../images/layui-icon.png) no-repeat;
  background-size: 552% 100%;
  background-position: -36px 0; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico1 {
  background-position: 0px 0; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico2 {
  background-position: -18px 0; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico3 {
  background-position: -72px 0; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico4 {
  background-position: -54px 0; }

body .layui-layer-msg .layui-layer-content .layui-layer-ico16 {
  width: 18px;
  height: 18px;
  background: url(../images/loading-2.gif) no-repeat;
  background-position: 0 0;
  background-size: 18px 17px;
  top: 11px;
  left: 16px; }

.help-center .issue-content .main-content > li {
  list-style-type: disc; }

body .news-push-box {
  text-align: inherit; }

body .news-push-tit {
  text-align: center; }

body .news-push-info {
  text-align: center; }

body .news-push-box-detail {
  text-align: inherit; }

.tab-tit-count {
  font-size: 16px;
  line-height: 16px !important;
  min-width: 10px;
  background: rgba(228, 57, 60, 0.8);
  color: #fff;
  border-radius: 30px;
  padding: 3px 6px;
  display: inline-block;
  text-align: center;
  font-family: Tahoma !important;
  transform: scale(0.7) translateX(95%);
  box-sizing: content-box;
  position: absolute;
  top: -10px;
  right: 0; }

.layui-btn-group .gks-border {
  border-left: 1px solid rgba(255, 255, 255, 0.5) !important; }

body .layui-btn-group .gks-border:first-child {
  border: 1px #0070cc solid !important; }

body .div-template-list li.coupon-active {
  border: 1px solid #0070cc; }

body .img_u {
  border: 1px solid #0070cc; }

body .li-template-content .iconfont {
  color: #0070cc; }

body .invoice-no-list td span.text:hover {
  border: 1px rgba(0, 112, 204, 0.5) solid;
  box-shadow: 0 0 2px rgba(0, 112, 204, 0.5) inset; }

.queue-item-list .product-brand {
  color: #0070cc;
  border-color: #0070cc; }

.queue-color-border-box {
  line-height: 18px;
  height: 18px;
  border-radius: 2px;
  padding: 0 3px;
  border: 1px solid; }

body .invoice-no-list td span.edit input.layui-input {
  box-shadow: 0 0 1px rgba(0, 112, 204, 0.5) inset;
  border: 1px rgba(0, 112, 204, 0.5) solid !important; }

.gks-mt-one {
  margin-top: 1px; }

.gks-mt-two {
  margin-top: 2px; }

.queue-content .layui-progress {
  width: 100%; }

.queue-flex-column {
  flex-direction: column; }

.queue-wrap .queue-align-end {
  align-items: flex-end; }

.queue-wrap .queue-align-center {
  align-items: center; }

.queue-wrap .queue-align-start {
  align-items: flex-start; }

.queue-inner-header-box {
  width: 100%; }

.queue-inner-header-box-list {
  display: flex;
  line-height: 22px;
  border-bottom: 1px #f0f0f0 solid; }

.queue-inner-header-box .queue-inner-header-box-list:last-child {
  border: none; }

.queue-inner-header-box-list > div {
  flex-shrink: 0;
  flex-grow: 1; }

body .layui-body .person-admin-wrapper .layui-table td span.span-selected {
  position: absolute;
  width: calc(100% + 1px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  z-index: 111;
  box-sizing: border-box;
  line-height: 32px;
  border-radius: 0;
  text-align: right;
  padding-right: 5px;
  display: block;
  cursor: pointer;
  border: 1px solid transparent; }

body .layui-body .person-admin-wrapper .layui-table td span.span-selected:hover {
  border: 1px solid rgba(0, 112, 204, 0.5);
  box-shadow: 0 0 2px rgba(0, 112, 204, 0.5) inset; }

.person-admin-header .admin-header-crumbs .icon-next {
  margin: 0 1px 0 2px;
  font-size: 16px; }

.person-admin-header .admin-header-crumbs .tit {
  color: #666; }

/* gks-horizontal */
.gks-horizontal {
  display: flex;
  padding: 1px 0;
  font-size: 12px;
  line-height: 30px; }

.gks-horizontal-tit {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  color: #666; }

.gks-horizontal-con {
  display: flex;
  align-items: center;
  flex-grow: 1;
  color: #333; }

.gks-horizontal-text {
  padding: 5px 0;
  line-height: 20px; }

.gks-horizontal-word {
  margin-left: 5px;
  padding: 5px 0;
  line-height: 20px;
  color: #ccc; }

.queue-wrap .layui-form-checkbox[lay-skin=primary] {
  min-width: 12px;
  min-height: 12px;
  box-sizing: border-box; }

.queue-wrap .layui-form-checkbox[lay-skin=primary] span {
  line-height: 12px; }

body .return-contract form {
  float: left; }

body .theme-bgcolor {
  background: #0070cc; }

body .content {
  border-color: #0070cc; }

body .no-shelf-title {
  border-left-color: #0070cc; }

body .product-tips-theme-color {
  color: #0070cc; }

body .upper-shelf {
  color: #0070cc; }

body .product-tab {
  background-color: #0070cc; }

body .add-new-model {
  color: #0070cc; }

body .product-tab-actived {
  color: #0070cc; }

input.half-checked + .layui-form-checkbox i {
  border-color: rgba(0, 112, 204, 0.1);
  background-color: rgba(0, 112, 204, 0.4); }

body .layui-table thead th,
body .layui-table thead td,
body table thead th,
body table thead td {
  color: #666 !important;
  font-weight: normal !important;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif !important; }

body .layui-table thead tr,
body table thead tr {
  background-color: #f1f1f1 !important; }

body .layui-table-view .layui-table-header,
body .layui-table-view .layui-table thead tr,
body .layui-table-view .layui-table-mend {
  background-color: #f1f1f1; }

body .layui-table .batch_edit i,
body table .batch_edit i {
  font-weight: bold; }

body .layui-table tr.list-hd,
body table tr.list-hd {
  background-color: #f8f8f8 !important; }

body .layui-table .order-list-header {
  background-color: #f8f8f8 !important; }

.layui-table-view .layui-table th div {
  text-align: center; }

body .person-info .login {
  background-color: #0070cc; }

body .person-info .register {
  color: #0070cc; }

body .person-info .login,
body .person-info .register {
  border-color: #0070cc; }

body .news-tab .active {
  color: #0070cc; }

body .global-add-new-model {
  background: #f3f3f3;
  border: 1px solid #0070cc;
  color: #0070cc; }

body #batchListInfo tr:hover {
  background-color: rgba(0, 112, 204, 0.15) !important; }

.gks-flex {
  display: flex; }

.gks-flex-center {
  display: flex;
  align-items: center; }

body .template-drag.setting {
  border-color: #0070cc; }

#order-list-table .queue-table-item a {
  color: #333; }

.active-td {
  background-color: rgba(0, 112, 204, 0.15) !important; }

.active-td.this-active-td {
  background-color: rgba(0, 112, 204, 0.3) !important; }

body .vertical-list-hd .block-vertical.setting {
  border-color: #0070cc; }

.search-keyword .searchMessageList {
  background-color: #0070cc; }

body .message-detail-tit {
  background-color: rgba(0, 112, 204, 0.2); }

body .message-detail .message-operate-top, body .message-detail .message-operate-bottom {
  border-color: #0070cc; }

body .message-detail-header {
  background-color: rgba(0, 112, 204, 0.1); }

@media (min-width: 1366px) {
  .notice-detail .notice-lists {
    max-height: 600px; } }

.queue-more-header {
  text-align: right;
  line-height: 17px;
  padding: 5px 0; }

.gks-href-box {
  margin: 0; }

.gks-href-box {
  margin-left: 27px; }

.gks-href-box a {
  margin-left: 18px; }

.gks-href-box a:hover {
  text-decoration: underline; }

.gks-href-box a:first-child {
  margin: 0; }

body .direction-btn {
  background: #0070cc; }

body #modify_content_bgc .search-list:hover {
  background: rgba(0, 112, 204, 0.3) !important; }

body .search-address-icon input {
  border: 1px solid #0070cc; }

body .search-address-icon button {
  background: #0070cc;
  border: #0070cc; }

body .add-company {
  color: #0070cc; }

body .queue-table-item > div {
  border-bottom: 1px #ddd solid; }

body .queue-table-item-bd {
  border-bottom: 1px #ddd solid; }

body .queue-table-item-bd > li {
  background: rgba(0, 112, 204, 0.02); }

#orderList .queue-table-item-hd.queue-width-box, .queue-table-item-hd.queue-lightgray-bg {
  background: #fafafa; }

.queue-table-box .layui-icon-ok:before {
  margin-left: -1px; }

body .layui-form-checked[lay-skin=primary] .checkbox-opacity-color {
  border-color: rgba(0, 112, 204, 0.4);
  background-color: rgba(0, 112, 204, 0.4); }

.queue-table-item-hd.queue-table-inner-wrap.gks-hoverbg-opacity2 > div {
  line-height: inherit; }

.message-detail .message-detail-content a {
  color: #577bb0 !important; }

.gks-cursor-primary {
  cursor: inherit; }

.queue-table-item-hd-next .queue-table-item-hd {
  border-bottom: 1px #ddd solid; }

.queue-item-list > .text-ellipsis:nth-of-type(2) {
  line-height: 12px; }

.gks_product_list table tbody .iFutures > span em input:hover {
  background: #fff;
  border: 1px solid #0070cc; }

.gks_product_list table tbody .iFutures > span em input:focus {
  background: #fff;
  border: 1px solid #0070cc; }

.common-price .common-price-span input:hover {
  border: 1px solid #0070cc !important;
  background: #fff; }

.common-price .common-price-span input:focus {
  border: 1px solid #0070cc !important;
  background: #fff; }

.showPrice input:hover {
  background: #fff !important;
  border: 1px solid #0070cc !important; }

.showPrice input:focus {
  background: #fff !important;
  border: 1px solid #0070cc !important; }

.prompt-box {
  background-color: #fffdee;
  padding: 10px;
  border: 1px solid #eee;
  line-height: 16px; }

.contract-template-box .active {
  border-color: #0070cc !important;
  /* theme-color */ }

.contract-template-box .active * {
  border-color: #0070cc !important;
  /* theme-color */ }

.new-menu-btn {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  cursor: pointer;
  box-sizing: content-box; }

.new-menu-btn i {
  vertical-align: -2px;
  font-size: 20px; }

.new-menu-list {
  position: absolute;
  left: -220px;
  top: 36px;
  height: calc(100% - 40px);
  width: 220px;
  z-index: 9999;
  background-color: #fff;
  font-size: 12px;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }

.clear:after {
  content: 'content';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
  width: 0px;
  font-size: 0px; }

.menus .hd {
  font-size: 12px;
  color: #111;
  font-weight: 600;
  padding: 10px 5px; }

.menus .bd {
  font-size: 12px; }

.menu-title {
  width: 205px;
  height: 40px;
  line-height: 40px;
  position: relative;
  padding-left: 15px;
  border-bottom: 1px solid #E1E1E1; }

.menu-title:hover {
  background-color: #ebebeb; }

.collect-menu {
  width: 220px;
  background: #fff;
  height: calc(100vh - 77px);
  overflow-y: auto;
  overflow-x: hidden; }

.collect-menu ul {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  position: relative; }

.collect-menu ul li {
  text-align: center; }

.collect-menu ul li:hover {
  background: #ebebeb !important;
  color: #0070cc; }

.collect-menu ul li .iconfont:hover {
  color: #0070cc; }

a {
  color: #888;
  text-decoration: none; }

.menu-item .bd li, .recent-content .recent-item {
  width: 178px;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  cursor: pointer; }

.menu-list-content .menu-item {
  width: 198px; }

.operation-header.clear * {
  box-sizing: content-box; }

.menu-list-content .recent-visit-header {
  font-size: 12px;
  color: #111;
  font-weight: 600;
  padding: 10px 5px; }

.menu-item .bd li a, .recent-content .bd li a {
  display: inline-block;
  color: #000;
  opacity: .65;
  width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.menu-item .bd li:hover, .recent-content .bd li:hover {
  color: #000;
  background: rgba(0, 0, 0, 0.06); }

.menu-item .bd li:hover .i_collect {
  display: inline; }

.i_collect {
  cursor: pointer;
  float: right;
  color: #0070cc;
  font-size: 12px;
  display: none; }

.menu-search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #E1E1E1;
  width: 80%;
  margin: 30px 0 10px 0; }

.menu-search-input {
  flex: 1;
  position: relative; }

.menu-search-input input {
  width: calc(100% - 30px);
  height: 30px;
  padding-left: 30px;
  border: none; }

.menu-search .menue-right-icon {
  position: absolute;
  right: 10px;
  top: 10px; }

.menu-search .menu-lock-icon {
  margin-right: 8px; }

.menu-search .close-menu {
  margin-right: 10px; }

.i_menu_search {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 22px;
  color: #c1c1c1; }

.new-menu-list .collect-menu li {
  list-style: none;
  text-align: center;
  background: #fff;
  width: 100%;
  padding: 0;
  height: 40px;
  line-height: 40px;
  position: absolute;
  display: flex;
  align-items: center;
  transition: all .2s ease-out; }

.collect-menu .left-collect-icon {
  width: 35px; }

.collect-menu li a {
  flex: 1;
  text-align: left;
  color: #333; }

.collect-menu li a:hover {
  color: #0070cc; }

.menu-actived {
  display: block; }

.menu-item {
  margin-bottom: 15px; }

.i_actived {
  display: block !important; }

.all-menu-list {
  position: absolute;
  left: -990px;
  top: 0;
  width: 960px;
  z-index: 9998;
  padding-left: 20px;
  background: #F7F7F7;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }

.recent-menu-list .recent-visit {
  margin: 20px 0; }

.menu-directory {
  position: absolute;
  left: 825px;
  margin: 50px 0 0 0; }

.recent-left {
  width: 84%; }

.new-menu-list .menu-list-content, .recent-visit {
  width: 100%; }

.menu-directory {
  margin: 20px 0 0 15px;
  border-left: 1px solid #dedede; }

.menu-directory ul li {
  max-width: 160px; }

.menu-directory li a {
  color: #555;
  display: block;
  padding-left: 12px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.menu-directory ul li.is-active, .menu-directory ul li:hover {
  margin-left: -1px;
  border-left: 1px solid #0070cc; }

.menu-directory ul li.is-active a, .menu-directory ul li a:hover {
  color: #0070cc; }

/*eight: calc(100vh - 37px);*/
.recent-menu-list {
  height: calc(100vh - 112px);
  overflow: auto; }

.back-drop {
  position: absolute;
  top: 36px;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: calc(100% - 51px);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }

body .is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 9998; }

.recent-title {
  width: 180px;
  padding: 5px;
  color: #111;
  font-weight: 600; }

.recent-content .recent-item {
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px; }

.recent-content .bd li:hover .i_collect {
  display: inline; }

.menu_hidden {
  display: none; }

.new-menu-list-show {
  left: 0 !important; }

body .show-all .all-menu-list {
  left: 220px; }

body .menu-search-text {
  background: #F7F7F7; }

body .new-menu-list .nav {
  position: absolute;
  z-index: 9999;
  background: #fff; }

.new-menu-list .menu-list-content {
  padding-bottom: 50px; }

.new-menu-list .i_lock {
  font-size: 12px;
  float: right;
  color: #999; }

.collect-delete, .collect-move {
  cursor: pointer;
  font-size: 22px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.45);
  opacity: 0.8; }

.new-menu-list .collect-move {
  cursor: move;
  margin-right: 20px;
  font-size: 14px;
  margin-left: 6px;
  opacity: 0.7;
  left: 186px; }

.new-menu-list .hover_show {
  opacity: 0;
  position: absolute; }

.new-menu-list .collect-delete {
  left: 168px; }

.collect-menu ul li:hover .hover_show {
  opacity: 1;
  color: rgba(0, 0, 0, 0.45); }

.collect-menu ul li:hover a {
  color: #0070cc; }

.queue-table-item .layui-form-select .layui-input {
  border-width: 0;
  background-color: transparent; }

.queue-table-item .layui-form-select .layui-edge {
  visibility: hidden; }

.queue-table-item .layui-form-select:hover .layui-edge {
  visibility: visible; }

.queue-table-box .layui-text:focus {
  border: 1px rgba(0, 112, 204, 0.6) solid; }

.warning-bg {
  background-color: #FFF7DB; }

.queue-table a:hover, .content-box a:hover {
  text-decoration: underline; }

.tippy-popper {
  z-index: 100000000000 !important; }

.tippy-popper a:hover {
  text-decoration: underline; }

.tippy-popper a {
  color: #577bb0; }

body .layui-checkbox-disbaled[lay-skin=primary] .layui-icon {
  background-color: #eee !important;
  color: #eee;
  cursor: not-allowed; }

.layui-checkbox-disbaled .layui-icon-ok:before {
  content: ""; }

.header-icon-list a:hover {
  text-decoration: none; }

.border-font-color {
  border: 1px solid #0070cc;
  color: #0070cc; }

[tabindex]:focus {
  outline: none; }

.lognin-box .switch-login .iconfont {
  color: #0070cc; }

.lognin-box .scan-iconfont {
  color: #0070cc; }

.layui-layer-content .series-merge .layui-form > div > .open-model-list {
  left: 161px !important; }

.layui-layer-content > .layui-form > .open-model-list {
  left: 183px !important; }

.layui-layer-content > .layui-form > .open-model-list.gks-mt-small {
  max-width: calc(100% - 195px) !important; }

.layui-layer {
  max-height: 100vh; }

.layui-layer > .layui-layer-content {
  height: calc(100% - 110px) !important; }

.layui-layer.layui-layer-no-btns > .layui-layer-content {
  height: calc(100% - 55px) !important; }

.layui-layer.layui-layer-loading > .layui-layer-content {
  height: 50px !important; }

.input-icon-wrap {
  position: relative; }

.input-icon-wrap > .iconfont {
  position: absolute;
  top: 0;
  z-index: 100;
  padding: 0 3px;
  line-height: 30px;
  cursor: pointer;
  transition: all .2s;
  opacity: 0;
  visibility: hidden; }

.input-icon-wrap:hover .iconfont {
  opacity: 1;
  visibility: visible; }

.multiple-delete-list > div {
  width: 157px;
  border-radius: 2px;
  margin: 5px;
  padding: 4px;
  background: #0070cc;
  color: #fff; }

.multiple-delete-list span {
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.multiple-delete-list .iconfont {
  display: none;
  cursor: pointer; }

.multiple-delete-list > div:hover .iconfont {
  display: block; }

.laydate-quick-list span:hover {
  color: #0070cc; }

.data-picker-wrap {
  position: absolute;
  left: 0;
  top: 33px;
  z-index: 10000;
  padding: 0px;
  padding-top: 0px;
  border: 1px #ddd solid;
  border-radius: 2px;
  background: #fff;
  display: none;
  width: 530px;
  box-sizing: content-box;
  line-height: initial; }

.data-picker-quick {
  display: inline-block;
  vertical-align: top;
  width: 122px;
  padding-top: 9px;
  border-right: 1px #ddd solid;
  height: 245px; }

.data-picker-wrap .layui-laydate, .data-picker-wrap .layui-laydate-hint {
  border: none; }

.data-picker-wrap .layui-laydate-main {
  width: 182px; }

.data-picker-quick .gks-btn-white {
  border: none;
  color: #888 !important; }

.data-picker-quick .gks-btn-white:hover {
  color: #0070cc !important;
  background: transparent !important; }

.data-picker-wrap .layui-laydate-content {
  padding: 0; }

.data-picker-wrap .layui-laydate-list {
  padding: 0; }

.data-picker-time {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  padding-top: 8px;
  margin-left: 3px;
  height: 245px; }

.data-picker-time > div {
  display: inline-block;
  vertical-align: middle; }

.picker-quick-wrap span {
  float: left; }

.picker-quick-wrap .layui-btn + .layui-btn {
  margin-left: 5px; }

.data-picker-quick p {
  margin-bottom: 5px; }

.data-picker-quick span:hover {
  background: #0070cc !important;
  color: #fff !important; }

.data-picker-quick span.active {
  color: #0070cc !important; }

.data-picker-wrap .start-time-input {
  position: absolute;
  bottom: 5px;
  width: 75px;
  left: 122px; }

.data-picker-wrap .start-time-input:hover {
  border: 1px #d2d2d2 solid; }

.data-picker-wrap .end-time-input {
  position: absolute;
  bottom: 5px;
  width: 75px;
  left: 222px; }

.data-picker-wrap .end-time-input:hover {
  border: 1px #d2d2d2 solid; }

.data-picker-footer {
  padding-right: 3px;
  padding: 5px !important;
  border-top: 1px #ddd solid;
  clear: both; }

.data-picker-footer .gks-btn-white {
  border: none; }

.data-picker-wrap .layui-laydate-content td {
  font-size: 12px; }

.data-picker-wrap .layui-laydate-content th {
  font-size: 12px; }

.data-picker-wrap .layui-laydate-header {
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: none; }

.data-picker-transform {
  position: absolute;
  bottom: 12px;
  left: 204px; }

.data-picker-wrap .layui-laydate-header i {
  top: 0;
  font-size: 16px; }

.data-picker-wrap .layui-laydate, .layui-laydate-hint {
  box-shadow: none; }

body .data-picker-wrap .layui-laydate .layui-laydate-header {
  background-color: transparent !important;
  color: #666 !important; }

body .data-picker-wrap #layui-laydate1 .layui-laydate-header {
  background-color: transparent !important;
  color: #666 !important; }

body .layui-laydate .layui-laydate-header i {
  color: #666 !important; }

body .data-picker-wrap #layui-laydate1 .layui-this {
  background-color: rgba(0, 112, 204, 0.75) !important;
  font-size: 12px; }

body .data-picker-wrap #layui-laydate2 .layui-laydate-header {
  background-color: transparent !important;
  color: #666 !important;
  font-size: 12px; }

body .data-picker-wrap #layui-laydate2 .layui-this {
  background-color: rgba(0, 112, 204, 0.75) !important; }

body .data-picker-wrap #layui-laydate3 .layui-laydate-header {
  background-color: #fff !important; }

body .data-picker-wrap #layui-laydate3 .layui-this {
  background-color: rgba(0, 112, 204, 0.75) !important; }

body .data-picker-wrap #layui-laydate4 .layui-this {
  background-color: rgba(0, 112, 204, 0.75) !important; }

body .data-picker-wrap [id^="layui-laydate"] .layui-this {
  background-color: rgba(0, 112, 204, 0.75) !important; }

.person-admin-header a:hover {
  text-decoration: none; }

.data-picker-wrap .layui-laydate-content th, .data-picker-wrap .layui-laydate-content td {
  padding: 5px; }

.data-picker-wrap .layui-table thead tr, .data-picker-wrap table thead tr {
  background: none !important;
  font-weight: bold; }

.data-picker-wrap .layui-laydate-header i.laydate-prev-y {
  display: none; }

.data-picker-wrap .layui-laydate-header i.laydate-next-y {
  display: none; }

.data-picker-wrap .layui-laydate-header i.laydate-prev-m {
  left: 5px; }

.data-picker-wrap .layui-laydate-header i.laydate-right-m {
  right: 5px; }

.data-picker-wrap .layui-laydate-header {
  padding-left: 40px;
  padding-right: 40px; }

.data-picker-wrap .layui-laydate .layui-laydate-header .laydate-next-m {
  right: 5px; }

/* ^ color ^ */
.gks-color-aaa {
  color: #aaa; }

.gks-color-ccc {
  color: #ccc; }

.gks-color-eee {
  color: #eee; }

.gks-color-333 {
  color: #333; }

.gks-color-666 {
  color: #666; }

.gks-color-999 {
  color: #999; }

.gks-color-white {
  color: #fff !important; }

.gks-color-black {
  color: #000 !important; }

.gks-color-cyan {
  color: #00b7b7; }

.gks-color-orange {
  color: #f27d00; }

.gks-color-red {
  color: #c61e11; }

.gks-color-green {
  color: #4ab54e; }

.gks-color-yellow {
  color: #ffba30; }

.gks-color-lightblue {
  color: #02a7f0; }

.gks-color-blue {
  color: #2a70db; }

.gks-color-darkblue {
  color: #0400cc; }

.gks-color-purpel {
  color: #ae00bd; }

.gks-color-pink {
  color: #e86d8b; }

.gks-color-warn {
  color: #fff7db; }

.gks-color-danger {
  color: #e13438; }

.gks-color-href {
  color: #577bb0; }

.gks-color-coffee {
  color: #c6963d; }

.gks-color-href:hover {
  color: #405c85;
  text-decoration: underline; }

/* $ color $ */
/* ^ border-color ^ */
.gks-border-color-aaa {
  border-color: #aaa; }

.gks-border-color-ccc {
  border-color: #ccc; }

.gks-border-color-eee {
  border-color: #eee; }

.gks-border-color-333 {
  border-color: #333; }

.gks-border-color-666 {
  border-color: #666; }

.gks-border-color-999 {
  border-color: #999; }

.gks-border-color-white {
  border-color: #fff !important; }

.gks-border-color-black {
  border-color: #000 !important; }

.gks-border-color-cyan {
  border-color: #00b7b7; }

.gks-border-color-orange {
  border-color: #f27d00; }

.gks-border-color-red {
  border-color: #c61e11; }

.gks-border-color-green {
  border-color: #4ab54e; }

.gks-border-color-yellow {
  border-color: #ffba30; }

.gks-border-color-lightblue {
  border-color: #02a7f0; }

.gks-border-color-blue {
  border-color: #2a70db; }

.gks-border-color-darkblue {
  border-color: #0400cc; }

.gks-border-color-purpel {
  border-color: #ae00bd; }

.gks-border-color-pink {
  border-color: #e86d8b; }

.gks-border-color-warn {
  border-color: #fff7db; }

.gks-border-color-danger {
  border-color: #e13438; }

.gks-border-color-coffee {
  border-color: #c6963d; }

/* $ border-color $ */
/* ^ background-color ^ */
.gks-bg-color-aaa {
  background-color: #aaa; }

.gks-bg-color-ccc {
  background-color: #ccc; }

.gks-bg-color-eee {
  background-color: #eee; }

.gks-bg-color-333 {
  background-color: #333; }

.gks-bg-color-666 {
  background-color: #666; }

.gks-bg-color-999 {
  background-color: #999; }

.gks-bg-color-white {
  background-color: #fff !important; }

.gks-bg-color-black {
  background-color: #000 !important; }

.gks-bg-color-cyan {
  background-color: #00b7b7; }

.gks-bg-color-orange {
  background-color: #f27d00; }

.gks-bg-color-red {
  background-color: #c61e11; }

.gks-bg-color-green {
  background-color: #4ab54e; }

.gks-bg-color-yellow {
  background-color: #ffba30; }

.gks-bg-color-lightblue {
  background-color: #02a7f0; }

.gks-bg-color-blue {
  background-color: #2a70db; }

.gks-bg-color-darkblue {
  background-color: #0400cc; }

.gks-bg-color-purpel {
  background-color: #ae00bd; }

.gks-bg-color-pink {
  background-color: #e86d8b; }

.gks-bg-color-warn {
  background-color: #fff7db; }

.gks-bg-color-danger {
  background-color: #e13438; }

.gks-bg-color-coffee {
  background-color: #c6963d; }

.layui-btn.gks-bg-color-danger:hover {
  background-color: rgba(225, 52, 56, 0.91); }

/* $ background-color $ */
/* 新功能-数据看板 提示样式 start */
.new-function-tip {
  position: fixed;
  top: 40px;
  left: 50px;
  z-index: 9999999; }

.new-tip-box {
  width: 280px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.26);
  background: #fff; }

.new-tip-box::before {
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -16px;
  left: 30px; }

.new-tip-title {
  color: #111;
  font-weight: bold;
  line-height: 24px; }

.new-tip-title .iconfont {
  font-size: 22px;
  font-weight: lighter;
  cursor: pointer; }

.new-tip-btn-group .layui-btn {
  padding: 0px 8px;
  line-height: 24px;
  height: 24px;
  cursor: pointer;
  background: #ebebeb;
  color: #666;
  border: 1px solid #dedede;
  min-width: 48px;
  text-align: center; }

.new-tip-btn-group .layui-btn:hover {
  background: #ccc;
  color: #333;
  border: 1px solid #b2b2b2; }

.new-function-tip-wrapper .new-function-tip-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background: #000;
  z-index: 999999998; }

.new-function-tip-wrapper .new-function-tip {
  position: fixed;
  top: 100px;
  left: 180px;
  z-index: 999999999; }

.new-function-tip-wrapper .new-tip-box::before {
  display: none; }

.new-function-tip-wrapper .new-tip-btn-group .skip-tip {
  border: none;
  background: none;
  padding: 0px; }

.new-function-tip-wrapper .new-tip-btn-group .skip-tip:hover {
  border: none;
  background: none; }

.new-function-tip-wrapper .new-tip-arrow {
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  /*top: -16px;*/
  /*left: 30px;*/ }

/* 新功能操作提示样式 end */
.gks-status-box {
  padding: 0 3px;
  height: 18px;
  line-height: 18px;
  border: 0px solid;
  border-radius: 2px; }

/* dateTime 时间插件样式 Start */
.mycontainer {
  width: 960px;
  margin: 40px auto; }

.dateTimeWrap {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #fff !important;
  padding: 10px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  font-size: 14px;
  color: #e2e2e2;
  width: 240px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  border: 1px solid #d2d2d2; }

.datePart li.curDay {
  color: #1ea0fa; }

#dayDat li:hover {
  border: 2px double #fff;
  background: #1ea0fa;
  color: #fff; }

#dateTime {
  *float: left; }

.dateTimeHead {
  *overflow: hidden;
  padding: 8px 0px 4px; }

.datePart li {
  border: 2px double transparent;
  float: left;
  cursor: default;
  vertical-align: middle;
  width: 30px;
  height: 26px;
  text-align: center;
  line-height: 26px; }

.datePart ul {
  overflow: hidden; }

.changeMonth {
  float: right; }

.changeMonth #pre, .changeMonth #next {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: default;
  color: #333;
  background: #fff;
  text-align: center;
  line-height: 20px; }

.changeMonth #next {
  margin-left: 10px; }

.dateTimeFoot span, .timeFooter span {
  cursor: pointer;
  display: inline-block;
  background: #fff;
  color: #333;
  height: 24px;
  line-height: 24px;
  width: 50px;
  text-align: center;
  float: right;
  border: 1px solid #e2e2e2; }

.timeFooter #ensure {
  border-left: none; }

.timePart {
  text-align: center;
  color: #333;
  line-height: 22px; }

.timePart ul {
  background: #fff;
  border: 1px solid #e2e2e2; }

.timePart > ul > li {
  float: left;
  width: 119px;
  background: #fff;
  color: #333; }

.timePart ul {
  overflow: hidden; }

.timePart > ul > li p {
  line-height: 30px;
  border-bottom: 1px solid #e2e2e2; }

.selMinute p {
  border-left: 1px solid #e2e2e2; }

.timePart ol {
  height: 180px;
  overflow-y: hidden;
  *overflow-y: auto;
  overflow-x: hidden; }

.timePart ol:hover {
  overflow-y: auto; }

.timePart ol:hover li {
  padding-left: 17px;
  *padding-left: 0; }

.timePart ol li {
  line-height: 30px; }

.timePart ol li.cur {
  background: #0070cc;
  color: #fff; }

.timePart ol li:not(.cur):hover {
  background-color: #eaeaea;
  color: #333; }

#selMinute ol {
  border-left: 1px solid #e2e2e2; }

.dateTimeFoot, .timeFooter {
  overflow: hidden;
  margin-top: 10px;
  height: 26px; }

.dateTimeFoot .selTime, .timeFooter .selTime {
  float: left;
  margin-left: 0;
  display: none; }

.selTime {
  width: 80px !important; }

#yearSelect {
  margin-right: 6px; }

.darkgrey {
  color: #d0d0d0 !important; }

.gks-btn-default {
  color: #000;
  border: 1px solid #ddd;
  background-color: #F7F7F7;
  position: relative; }

.gks-btn-default:hover {
  background-color: #fff !important;
  color: #000 !important; }

.gks-btn-default:hover .refresh-tips {
  display: block; }

body .layui-layout .gks-btn-disabled {
  text-shadow: none;
  filter: none;
  opacity: 1;
  color: #bbb !important;
  border: 1px solid #ddd !important;
  background-color: #F7F7F7 !important;
  cursor: not-allowed; }

body .gks_body_box .new-page-v3 .person-admin-header {
  border-bottom: none;
  padding-right: 10px;
  display: flex;
  padding-bottom: 0; }

body .main-wrap-v1 .new-page-v3 .person-admin-header {
  border-bottom: none;
  padding-right: 10px;
  display: flex;
  padding-bottom: 0; }

.new-page-v3 .person-admin-header .admin-header-crumbs a:hover {
  color: #0070cc; }

.new-page-v3 .new-page-v3-header {
  padding-right: 9px;
  margin-top: 10px; }

.new-page-v3 .new-page-v3-header .v3-list-title {
  font-size: 28px;
  height: 28px;
  line-height: 33px; }

.new-page-v3 .layui-tab {
  position: relative; }

body .layui-tab-box li.layui-this {
  color: #0070cc;
  border-top: 2px solid #0070cc; }

.new-page-v3 .layui-tab-box {
  height: 36px;
  line-height: 36px; }

.new-page-v3 .layui-tab-box li {
  line-height: 35px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  font-size: 14px; }

.layui-tab-box .apply-count {
  color: #FF8A00;
  line-height: 12px;
  margin-left: 5px;
  display: none; }

.layui-tab-box li:hover {
  color: #0070cc; }

body .layui-tab-box .layui-this:after {
  height: 35px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-left-color: #fff; }

body .layui-tab-box li:last-child {
  border-right: 1px solid #e6e6e6; }

.new-page-v3 .layui-tab-box li {
  transition: all 0s;
  -webkit-transition: all 0s; }

.new-page-v3 .search-menus {
  margin-top: 5px; }

.new-page-v3 .search-menus .search-menus-title {
  vertical-align: 8px;
  color: #999999; }

.new-page-v3 .search-menus ul {
  display: inline-block; }

.new-page-v3 .search-menus .search-item li {
  float: left;
  border: 1px solid #e9e9e9;
  background: #f3f3f3;
  padding: 1px 8px;
  border-radius: 3px;
  margin-right: 8px; }

.new-page-v3 .search-menus .search-item .del-iconfont {
  vertical-align: -1px;
  margin-left: 5px;
  cursor: pointer; }

.new-page-v3 .person-admin-header {
  position: relative;
  padding-right: 10px; }

.new-page-v3 .person-admin-header .v3-btn-group {
  margin-top: 2px; }

.v3-btn-group > .layui-btn-small {
  float: left; }

.v3-btn-group:after {
  content: 'content';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
  width: 0px;
  font-size: 0px; }

.new-page-v3 .search-menus-empty {
  vertical-align: 8px;
  color: #999;
  cursor: pointer; }

.admin-header-big-title {
  display: inline-block;
  padding-top: 1px;
  font-size: 20px;
  line-height: 32px;
  float: left; }

.new-page-v3 .close-full-screen {
  right: 9px !important;
  top: 14px !important; }

.new-page-v3 .list-select i {
  font-size: 30px;
  color: #999; }

.new-page-v3 .list-select {
  position: absolute;
  right: 0;
  top: 62px;
  z-index: 100; }

.new-page-v3 .person-admin-wrapper .list-select .select-detail i {
  font-size: 25px; }

.new-page-v3 .person-admin-wrapper .icon-line {
  width: 1px;
  height: 16px;
  background-color: #ccc;
  margin: 6px 5px 0 5px; }

.refresh-tips {
  position: absolute;
  top: -3px;
  right: 57px;
  z-index: 300;
  width: 50px;
  height: 30px;
  text-align: center;
  line-height: 31px;
  border: 1px solid #e5e5e5;
  /*min-height: 150px;*/
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2);
  font-size: 12px;
  color: #666;
  display: none;
  /*opacity: 0;*/ }

.refresh-tips:after {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  font-size: 40px;
  overflow: hidden;
  top: 10px;
  right: -6px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(135deg) translateZ(0);
  transform: rotate(135deg) translateZ(0); }

.gks-btn-refresh:hover body .refresh-tips {
  display: block; }

.new-page-v3 .full-screen {
  z-index: 100;
  top: initial;
  bottom: -36px; }

.new-page-v3 .top-list-select {
  top: 12px;
  right: 21px; }

.new-page-v3 .top-list-select li:first-child {
  padding-top: 1px; }

.new-page-v3 .list-select .record-iconfont {
  font-size: 24px; }

.new-page-v3 .list-select i:hover {
  color: #0070cc; }

.new-page-v3 .list-select .admin-header-option li {
  float: left;
  cursor: pointer; }

.new-page-v3 .admin-header-option .queue-table a:hover, .new-page-v3 .list-select a:hover {
  text-decoration: none; }

.new-page-v3 .list-select .select-transverse, .new-page-v3 .list-select .select-transverse {
  line-height: 27px; }

.new-page-v3 .queue-option {
  margin-bottom: 10px; }

.new-page-v3 .layui-fluid {
  padding: 0; }

.new-page-v3 .queue-table-item {
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid; }

.new-page-v3 .queue-wrap .queue-table-item-bd .layui-input {
  height: 28px;
  line-height: 28px; }

.new-page-v3 .person-admin-wrapper .queue-footer.active {
  box-shadow: none !important; }

.new-page-v3 .queue-wrap .queue-footer {
  border: 1px solid #dddddd;
  line-height: 50px;
  padding: 0 5px;
  margin-top: -1px !important;
  height: 50px; }

.queue-footer .layui-btn-group {
  line-height: normal; }

.new-page-v3 .queue-wrap .queue-footer .layui-form-checkbox[lay-skin=primary] {
  padding-left: 18px; }

.new-page-v3 .queue-footer-option .fl span {
  vertical-align: -1px; }

.new-page-v3 .queue-footer-option .layui-btn {
  vertical-align: 0; }

body .layui-btn {
  border-radius: 0; }

.new-page-v3 .laypage-total-count {
  line-height: 50px !important; }

.new-page-v3 .queue-selected-wrap::after {
  content: '';
  position: absolute;
  right: 0;
  top: 12px;
  height: 28px;
  width: 1px;
  background: #ddd; }

body .order-decoration {
  color: #577bb0; }

body .order-decoration:hover {
  text-decoration: underline;
  color: #577bb0; }

.new-page-v3 .v3-full-screen {
  cursor: pointer; }

.queue-table-scroll {
  overflow-x: auto;
  border: 1px solid #eee;
  border-bottom: none;
  overflow-y: initial; }

.queue-table-scroll .queue-scroll-header {
  overflow-x: auto;
  display: flex; }

.queue-table-scroll::-webkit-scrollbar,
.queue-table-scroll .queue-table-scroll-header::-webkit-scrollbar,
.queue-table-scroll .queue-table-inner-scroll-header::-webkit-scrollbar {
  height: 0px; }

.queue-table-scroll .queue-table-item {
  border: none; }

.queue-table-scroll .queue-table-inner-header.show {
  display: inline-flex; }

.queue-table-scroll .queue-table-header.show {
  display: inline-flex; }

.queue-table-scroll-bar {
  width: calc(100% + 2px);
  overflow-x: auto;
  position: absolute;
  left: -1px;
  bottom: 49px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee; }

.queue-table-scroll-bar .queue-table-scroll-bar-inner {
  border-bottom: 1px solid transparent; }

body .custom-column-content .layui-form-checkbox:hover span {
  color: #0070cc; }

/* dateTime 时间插件样式 End */
/* inputSelect Begin */
.input-select-wrap {
  height: 28px;
  line-height: 28px;
  border: 1px #e6e6e6 solid;
  border-radius: 2px;
  background: #fff;
  display: flex;
  width: 370px;
  position: relative;
  z-index: 999; }

.input-select-list {
  width: 30px;
  text-align: center;
  position: relative;
  cursor: pointer; }

.input-select-text {
  white-space: nowrap; }

.input-select-list ul {
  display: none;
  position: absolute;
  list-style: none;
  top: 28px;
  left: -1px;
  z-index: 100;
  float: left;
  min-width: 160px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  font-size: 12px;
  border-radius: 0;
  padding: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 999; }

.input-select-icon {
  font-size: 12px;
  color: #999; }

.input-select-write {
  position: relative;
  width: 100px;
  flex-grow: 1; }

.input-select-write input {
  border: none;
  height: 28px;
  line-height: 28px;
  padding-right: 6px;
  width: calc(100% - 6px); }

.input-select-write .multiple-input input {
  border: 1px solid #e6e6e6;
  width: calc(100%); }

.mulit-footer-all.active {
  color: #0070cc; }

.input-select-list li {
  text-align: left;
  color: #333;
  padding-left: 16px;
  padding-right: 8px;
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
  cursor: pointer; }

.input-select-list li:hover {
  background-color: #f5f5f5; }

.input-select-write .multiple-text {
  border: none;
  height: 28px;
  line-height: 28px; }

.layui-layer.layui-layer-loading .layui-layer-loading0 {
  background-size: 50px 50px; }

.header-icon-box {
  height: 20px;
  line-height: 20px; }

.header-sort-box {
  display: inline-block;
  font-size: 13px;
  width: 18px;
  height: 26px;
  position: relative;
  cursor: pointer;
  color: #999; }

.header-sort-box .iconfont.active {
  color: #666; }

.header-sort-box .iconfont:nth-of-type(1) {
  position: absolute;
  top: 0;
  font-size: 13px;
  line-height: 13px;
  width: 23px;
  text-align: center;
  margin-left: -1px; }

.header-sort-box .iconfont:nth-of-type(2) {
  position: absolute;
  top: 8px;
  font-size: 13px;
  line-height: 13px;
  width: 23px;
  text-align: center;
  margin-left: -1px; }

.color-unexecuted {
  color: #db3b21 !important; }

.color-inprogress {
  color: #ff8a00 !important; }

.header-tips {
  margin-left: 3px; }

.header-filter-wrap {
  position: relative;
  cursor: pointer; }

.header-filter-wrap > .iconfont {
  color: #999; }

.header-filter-wrap:hover > .iconfont {
  color: #666; }

.header-filter-wrap .header-filter-list {
  position: absolute;
  top: 34px;
  left: -24px;
  font-size: 12px;
  border-radius: 0px;
  padding: 0px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  width: 90px;
  background-color: #fff;
  display: none; }

.header-filter-list li {
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  cursor: pointer; }

.header-filter-list li:hover {
  background-color: rgba(0, 112, 204, 0.2); }

.filtersingle li.active {
  background-color: rgba(0, 112, 204, 0.3); }

.filtermulti .iconfont {
  display: none; }

.filtermulti li.active {
  background-color: rgba(0, 112, 204, 0.3); }

.filtermulti li.active .iconfont {
  display: block; }

.header-filter-wrap > .iconfont {
  vertical-align: middle;
  margin-left: 3px; }

.filtermulti {
  min-width: 131px; }

.header-mulit-footer {
  padding: 4px;
  border-top: 1px #ddd solid; }

.header-mulit-footer span {
  line-height: 26px;
  cursor: pointer; }

.mulit-footer-clear {
  margin-left: 5px; }

.header-mulit-footer .mulit-footer-all:hover, .header-mulit-footer .mulit-footer-clear:hover {
  color: #0070cc; }

.header-mulit-footer .mulit-footer-yes {
  font-weight: bold;
  background: #0070cc;
  /* theme-color */
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  color: #fff;
  display: inline-block; }

/* inputSelect End */
body .gks-btn-refresh :hover .refresh-tips {
  display: block; }

.new-page-v3 .queue-table .layui-btn-group button:hover {
  text-decoration: underline; }

.new-page-v3 .filter-header {
  position: relative;
  cursor: pointer; }

.new-page-v3 .dropdown-menu {
  position: absolute;
  top: 34px;
  left: 8px;
  font-size: 12px;
  border-radius: 0px;
  padding: 0px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  /* width: 90px; */
  background-color: #fff; }

.new-page-v3 .dropdown-menu li {
  padding: 0 5px;
  height: 30px;
  line-height: 30px; }

.new-page-v3 .multiple-list-wrap .multiple-list li i {
  top: 1px; }

/*  运营中心查询条件样式 Start */
.search-conditions-wrapper .layui-row .layui-col-item {
  display: flex;
  padding: 0px 20px 10px 0; }

.search-condition .layui-col-item .input-select-wrap {
  width: 1000px; }

.search-conditions-wrapper .layui-row .layui-form-label {
  text-align: left;
  width: auto;
  padding-right: 5px; }

.search-conditions-wrapper .layui-row .layui-input-inline {
  width: 80px;
  flex-grow: 1;
  display: flex; }

.search-conditions-wrapper .layui-row .layui-input-inline .layui-form-select {
  width: 100%; }

.search-conditions-wrapper .layui-row .layui-input-inline .layui-select-title {
  width: 100%; }

.search-conditions-wrapper .layui-row .layui-input-inline .multiple-box {
  width: 100%; }

.search-conditions-wrapper .layui-row .layui-input-inline .range-unit {
  line-height: 30px;
  padding: 0 6px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="2"] {
  width: 36px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="3"] {
  width: 48px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="4"] {
  width: 60px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="5"] {
  width: 72px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="6"] {
  width: 84px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="7"] {
  width: 96px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="8"] {
  width: 108px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="9"] {
  width: 120px; }

.search-conditions-wrapper .layui-row .layui-form-label[data-text-count="10"] {
  width: 132px; }

.search-conditions-wrapper .more-search-conditions {
  transition: .2s; }

.search-conditions-wrapper .more-search-conditions.show-more {
  transition: .2s;
  max-height: 300px;
  margin-top: 5px;
  overflow: initial; }

.retrieval-items-wrapper {
  line-height: 22px;
  margin-top: -5px;
  padding: 5px 0px 0;
  overflow: hidden; }

.retrieval-items-wrapper .retrieval-items-box {
  max-width: calc(100% - 48px); }

.retrieval-items-wrapper .retrieval-item {
  border: 1px solid #e9e9e9;
  padding: 0px 8px;
  border-radius: 3px;
  margin-right: 8px;
  background: #f3f3f3;
  line-height: 20px;
  margin-bottom: 5px;
  float: left; }

.retrieval-items-wrapper .retrieval-item .del-icon {
  font-size: 18px;
  vertical-align: -2px;
  cursor: pointer; }

.retrieval-item-val {
  word-break: break-all; }

.retrieval-item-val.text-ellipsis {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom; }

.open-retrieval-item-val {
  color: #0a82dc !important;
  margin-left: 5px;
  cursor: pointer; }

/*  运营中心查询条件样式 End */
.v3-btn-group .layui-btn + .layui-btn {
  margin-left: 5px; }

.gks-disabled {
  color: #ccc !important;
  cursor: not-allowed !important; }

.gks-disabled:hover {
  color: #ccc !important; }

.search-conditions-wrapper .layui-input:focus, .search-conditions-wrapper .layui-textarea:focus {
  border-color: #0070cc !important; }

.search-conditions-wrapper .layui-input:hover, .search-conditions-wrapper .layui-textarea:hover {
  border-color: #0070cc !important;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0); }

.date-picker-box {
  cursor: pointer; }

.search-conditions-wrapper ::-webkit-input-placeholder {
  color: #888; }

input:hover::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #555; }

input:hover:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #555;
  opacity: 1; }

input:hover::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #555;
  opacity: 1; }

input:hover:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #555; }

body .input-select-wrap:hover {
  border: 1px #0070cc solid;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0); }

body .pull-down-option .confirm-btn {
  border-color: #0070cc;
  background-color: #0070cc; }

body .text-edit-warp > input:hover {
  border: 1px rgba(0, 112, 204, 0.8) solid !important; }

body .text-edit-warp > input {
  line-height: 29px; }

.warehouse-layer-list tr:hover input {
  border: 1px rgba(0, 112, 204, 0.8) solid !important; }

.quantity-td > input:hover {
  z-index: 10000;
  border: 1px rgba(0, 112, 204, 0.8) solid !important; }

.quantity-td > input:focus {
  z-index: 10000;
  border: 1px rgba(0, 112, 204, 0.8) solid !important; }

.pull-down-detail .pull-down-list:hover .quantity-box {
  z-index: 10000;
  border: 1px rgba(0, 112, 204, 0.8) solid !important; }

.layui-layer .layui-btn-disabled.layui-layer-btn0 {
  border: 1px solid #e6e6e6;
  background-color: #FBFBFB;
  color: #C9C9C9;
  cursor: not-allowed;
  opacity: 1; }

.lh30 {
  line-height: 30px; }

body .layui-layer-title {
  /*border-bottom: none  !important;*/
  background-color: #fff !important; }

body .layui-layer-btn {
  background-color: #fff !important; }

.layer-operate-box {
  padding: 20px; }

.layer-operate-box .question-iconfont {
  color: #F99000;
  font-size: 30px; }

.layer-operate-box .layer-operate-icon {
  margin-left: 15px; }

.layer-operate-box .layui-layer-ico {
  display: inline-block;
  width: 30px;
  height: 30px; }

.layer-operate-box .fl.modal-content-fixed {
  margin-left: 47px;
  margin-top: 6px; }

.layer-operate-box .modal-content-fixed .instances-num {
  font-size: 16px;
  color: #0070CC;
  margin: 0 6px; }

.layer-operate-box .batch-action-list {
  list-style: none;
  padding: 0px;
  margin: 8px 0px;
  border: 1px solid #DDD;
  background-color: #FAFAFA;
  max-height: 80px;
  overflow-y: auto; }

.layer-operate-box .batch-action-list li {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #EEE;
  text-indent: 12px; }

.layer-operate-box .expand-iconfont {
  font-size: 12px;
  margin-right: 3px;
  cursor: pointer; }

.layer-operate-box .expand-iconfont {
  font-size: 12px;
  margin-right: 3px;
  cursor: pointer; }

.layer-box-content-customize {
  padding-left: 40px; }

body .address-box .active .address-alias {
  border-color: #0070cc; }

.shipping-address .select-icon {
  color: #0070cc; }

.color-succeess {
  color: #2f7d0d !important; }

.color-warn {
  color: #FFDE03 !important; }

.iconfont-color-succeess {
  color: #2f7d0d !important; }

.iconfont-color-warn {
  color: #FFDE03 !important; }

.layer-prompt-box {
  position: relative;
  padding: 0 20px; }

.layer-prompt-box .prompt-iconfont {
  font-size: 35px; }

.layer-prompt-box .layer-cancel-iconfont {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 24px;
  color: #333;
  cursor: pointer; }

.layer-prompt-box .prompt-title {
  font-size: 25px;
  padding-top: 3px; }

.layer-prompt-box .prompt-box-header {
  padding-bottom: 20px; }

.layer-prompt-box .prompt-box-icon {
  width: 50px; }

.layer-prompt-box .layer-box-content-customize {
  padding-left: 50px; }

body .product-item:hover .shadow-box {
  box-shadow: 0 0 2px rgba(0, 112, 204, 0.95) inset; }

body .address-item.active {
  background: rgba(0, 112, 204, 0.3); }

body .address-item:hover {
  background: rgba(0, 112, 204, 0.5); }

body .freight-list li.active {
  border-color: #0070cc;
  color: #0070cc; }

body .invoice-list li.active {
  color: #0070cc;
  border-color: #0070cc; }

body .invoice-detail-item .tip {
  color: #0070cc;
  background: rgba(0, 112, 204, 0.3); }

body .delix-label {
  color: #0070cc;
  background: rgba(0, 112, 204, 0.3); }

.custom-column {
  padding: 20px; }

.custom-column .custom-column-item {
  margin-bottom: 20px;
  width: 33%; }

body .new-page-v3 .queue-table-box .btn-no-line:after {
  content: '';
  display: none; }

body .custom-column .layui-checkbox-disbaled .layui-icon-ok:before {
  content: "\e605"; }

body .theme-bg-color {
  background-color: rgba(0, 112, 204, 0.3) !important; }

body .seller-center-navbar {
  min-height: 610px; }

.custom-col-bd .custom-col-list {
  float: left; }

#J_customCol {
  padding: 35px 15px 0; }

.custom-col-hd {
  margin-bottom: 10px; }

.custom-col-wrap {
  margin-bottom: 15px; }

.layui-laypage input.layui-input:hover {
  border: 1px solid #0070cc !important; }

.laypage-extend-pagesize div.layui-select-title input.layui-input:hover {
  border-color: #0070cc !important; }

.layui-laypage a.layui-laypage-prev.layui-disabled:hover {
  border-color: #d2d2d2 !important; }

.layui-laypage > a:hover {
  text-decoration: none !important; }

.layui-laypage a:hover,
.layui-laypage button:hover,
.layui-laypage input:hover,
.layui-laypage select:hover,
.layui-laypage .layui-laypage-curr:hover,
.layui-laypage .layui-laypage-spr:hover {
  border: 1px solid #0070cc !important;
  position: relative; }

.multiple-box > span.iconfont {
  display: none;
  position: absolute;
  right: 1px;
  bottom: 4px;
  padding: 3px;
  line-height: 14px;
  background: #fff; }

div.multiple-box:hover span.iconfont {
  display: block;
  cursor: pointer;
  z-index: 110; }

.multiple-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 20px; }

.custom-col-wrap .custom-col-list .layui-form-checkbox[lay-skin=primary] {
  padding-left: 17px; }

.custom-col-wrap .custom-col-list .layui-form-checkbox[lay-skin=primary] span {
  line-height: 16px; }

.custom-col-wrap .custom-col-bd .custom-col-list {
  min-width: 150px;
  margin-bottom: 20px; }

.custom-col-hd {
  font-size: 14px;
  margin-bottom: 25px;
  margin-left: -1px; }

div.layui-checkbox-disbaled .layui-icon-ok:before {
  content: "\e605"; }

.merge-color-1 {
  background-color: #815b3a !important; }

.merge-color-2 {
  background-color: #f79232 !important; }

.merge-color-3 {
  background-color: #d39c3f !important; }

.merge-color-4 {
  background-color: #3b7fc4 !important; }

.merge-color-5 {
  background-color: #4a6785 !important; }

.merge-color-6 {
  background-color: #8eb021 !important; }

.merge-color-7 {
  background-color: #ac707a !important; }

.merge-color-8 {
  background-color: #654982 !important; }

.merge-color-9 {
  background-color: #f15c75 !important; }

.new-page-v3 .more-condition {
  display: none; }

.new-page-v3 .more-condition.v3-search-control {
  display: flex; }

/*修改自定义列确认按钮样式 覆盖项目页面*/
body a.layui-layer-btn0:hover {
  background-color: #005aa3; }

/*分步骤*/
.console-step {
  height: 24px;
  position: relative;
  margin-left: 0px;
  margin-right: 0px; }

.console-step .step {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  color: white;
  z-index: 1;
  text-align: center;
  background: #cacaca; }

.console-step .step-active {
  background-color: #00a0c7; }

.console-step .step::before {
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  z-index: 8;
  top: 0px;
  border-top: 12px solid #cacaca;
  border-left: 12px solid transparent !important;
  border-bottom: 12px solid #cacaca; }

.console-step .step::after {
  content: '';
  display: block;
  width: 5px;
  height: 0px;
  position: absolute;
  right: 0px;
  z-index: 9;
  top: 0px;
  border-top: 12px solid transparent !important;
  border-left: 12px solid #cacaca;
  border-bottom: 12px solid transparent !important;
  background-color: #FFF; }

.console-step .step-first::before {
  display: none; }

.console-step .step-end::after {
  display: none; }

.console-step .step-active::after {
  border-color: #00a0c7; }

.console-step .step-active::before {
  border-color: #00a0c7; }

.layui-col-md4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.gks-table-edit .layui-table-edit,
.gks-table-edit .layui-table-edit:focus {
  border-color: #0070cc !important; }

.full-screen-operation-header .new-function-tip {
  display: none; }

li.layui-this a {
  color: #0070cc; }

.layui-tab .layui-tab-title li > a:hover {
  color: #0070cc;
  text-decoration: none; }

.admin-header-option .v3-search-control {
  margin-right: 12px;
  cursor: pointer;
  color: #0a82dc;
  display: none; }

.new-page-v3 .admin-header-option .v3-search-control {
  display: flex; }

.v3-search-control span {
  color: #0a82dc; }

.v3-search-control:hover {
  text-decoration: underline; }

.v3-search-control:hover span {
  text-decoration: underline; }

.console-step {
  height: 24px;
  position: relative;
  margin: 20px 0; }

.console-step .step {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  color: white;
  z-index: 1;
  text-align: center;
  background: #cacaca; }

.console-step .step-active {
  background-color: #00a0c7; }

.console-step .step::before {
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  z-index: 8;
  top: 0px;
  border-top: 12px solid #cacaca;
  border-left: 12px solid transparent !important;
  border-bottom: 12px solid #cacaca; }

.console-step .step::after {
  content: '';
  display: block;
  width: 5px;
  height: 0px;
  position: absolute;
  right: 0px;
  z-index: 9;
  top: 0px;
  border-top: 12px solid transparent !important;
  border-left: 12px solid #cacaca;
  border-bottom: 12px solid transparent !important;
  background-color: #FFF; }

.console-step .step-first::before {
  display: none; }

.console-step .step-end::after {
  display: none; }

.console-step .step-active::after {
  border-color: #00a0c7; }

.console-step .step-active::before {
  border-color: #00a0c7; }

.console-step .step-pass {
  background-color: rgba(0, 160, 199, 0.5); }

.console-step .step-pass::after {
  border-color: rgba(0, 160, 199, 0.5); }

.console-step .step-pass::before {
  border-color: rgba(0, 160, 199, 0.5); }

.console-step .tips-iconfont {
  font-size: 14px;
  margin-left: 3px; }

.layui-table-grid-down {
  display: none; }

.order-manual .add-btn .add-icon {
  border: 4px #999 solid; }

.order-manual .add-btn .add-icon::before {
  background: #999; }

.order-manual .add-btn .add-icon::after {
  background: #999; }

.order-manual .add-btn .triangle {
  border: 5px #999 solid;
  border-left-color: transparent;
  border-bottom-color: transparent; }

.order-manual .add-btn:hover .add-icon {
  border-color: #0070cc; }

.order-manual .add-btn:hover .add-icon::before {
  background: #0070cc; }

.order-manual .add-btn:hover .add-icon::after {
  background: #0070cc; }

.order-manual .add-btn:hover .triangle {
  border-right-color: #0070cc;
  border-top-color: #0070cc; }

body .correct-mistake .content {
  border-color: #0070cc; }

/*运营后台顶部QQ联系客服优化*/
.operation-header .service-name {
  position: relative;
  width: 50px;
  height: 50px;
  top: -5px;
  margin-left: -15px; }

.service-box {
  display: none;
  width: 300px;
  height: 215px;
  position: absolute;
  background: #fff;
  top: 40px;
  right: -143px;
  z-index: 999999;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  padding: 0 10px; }

.service-box .box {
  display: flex;
  position: relative;
  height: 64px;
  padding: 10px 0;
  border-bottom: 1px solid #dfdfdf; }

.service-box .box img {
  width: 55px;
  height: 55px;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  margin-top: 2px; }

.service-box .box .box-left, .service-box .box .box-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 12px; }

.service-box .box .box-left, .service-box .box-tel .ques-tel {
  color: #999; }

.service-box .box .box-right, .service-box .box-tel .tel {
  color: #666; }

.service-box .box a {
  position: absolute;
  display: inline-block;
  width: 65px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #0070cc;
  color: #0070cc;
  border-radius: 3px;
  text-align: center;
  top: 47px;
  right: 0; }

.service-box .box-tel {
  padding: 14px 40px; }

.service-box .box-tel i.iconfont {
  color: #dedede;
  font-size: 18px; }

.service-box .box-tel .ques-tel, .service-box .box-tel .tel {
  font-size: 13px; }

.service-box .box-tel .ques-tel {
  margin: 0 25px 0 11px; }

.service-box::before {
  content: '';
  position: absolute;
  left: 150px;
  top: -6px;
  padding: 5px;
  border: inherit;
  background: inherit;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg); }

.gks-fcolor-bcolor,
body .import-excel-index .import-excel-index-content .import-stock-select .select-inventory ul li:hover {
  color: #0070cc;
  border: 1px solid #0070cc !important; }

.middle-lines {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center !important; }

body .custom-col-hd, body .quick-key-hd, body .create-company-other-hd {
  border-left: 3px #0070cc solid;
  padding: 0 8px; }

.delivery-order-index-table .layui-form-select:hover {
  border: 1px solid #0070cc !important;
  background-color: #fff; }

/* 注册： 滑块验证添加主题色 */
body .nc-container .nc_scale .nc_bg {
  background: #0070cc; }

body .nc-container .nc_scale .btn_ok {
  color: #0070cc; }

.layui-btn:hover {
  background-color: rgba(0, 112, 204, 0.91); }

.layui-btn-primary:hover {
  background-color: #fff; }

.layui-confirm-btn:hover {
  background-color: #0070CC; }

body .gks-btn-light {
  border: 1px #0070cc solid !important;
  color: #0070cc !important;
  background-color: #fff !important; }

body .gks-btn-light:hover {
  background-color: #f7f7f7 !important;
  color: #0070cc !important; }

.layui-btn.gks-btn-gray {
  border: 1px #ddd solid;
  background-color: #f7f7f7; }

.layui-btn.gks-btn-gray:hover {
  background-color: #fff;
  color: #333; }

.layui-btn-disabled {
  border: 1px #ddd solid;
  background-color: #f7f7f7;
  color: #bbb; }

.layui-btn-disabled:hover {
  border: 1px #ddd solid;
  background-color: #f7f7f7;
  color: #bbb; }

.layui-btn.btn-mini-normal {
  color: #0070cc; }

.layui-btn.btn-mini-normal:hover {
  color: #0070cc;
  background: none; }

.gks-pointer {
  cursor: pointer; }

.gks-cursor-default {
  cursor: default !important; }

.gks-cursor-help {
  cursor: help !important; }

.gks-cursor-wait {
  cursor: wait !important; }

.gks-cursor-pointer {
  cursor: pointer !important; }

.gks-cursor-not-allowed {
  cursor: not-allowed !important; }

.center-box-tips {
  position: fixed;
  top: 65px;
  right: 24px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.center-box-tips-inner {
  display: flex;
  border: 1px solid #40af45;
  width: 340px;
  right: -350px;
  margin-bottom: 10px;
  position: relative; }

.center-box-tips-inner .iconfont-box {
  width: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #40af45; }

.center-box-tips-inner .iconfont-box .iconfont {
  font-size: 20px;
  color: #fff; }

.center-box-tips-inner .tips-content-box {
  position: relative;
  padding: 20px;
  flex-grow: 1;
  box-sizing: border-box;
  background: #fff; }

.tips-content-title {
  line-height: 20px;
  font-weight: bold; }

.tips-content-box .tips-content {
  line-height: 20px;
  white-space: pre-wrap;
  word-wrap: break-word; }

.tips-btn-group {
  float: left;
  line-height: 20px;
  color: #0070cc;
  margin-top: 8px; }

.tips-content-box .closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer; }

.center-box-tips-inner .tips-btn-group a {
  color: #0070cc; }

/* 步骤条需要引入的样式 start*/
.step-bar-container {
  display: flex; }

.step-bar-item {
  position: relative;
  flex-grow: 1;
  height: 40px;
  line-height: 40px;
  text-align: center; }

.step-direction {
  position: absolute;
  top: 5px;
  right: -17px;
  width: 28px;
  height: 28px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg); }

.cancel-arrow {
  height: 40px;
  top: 0;
  transform: rotate(0deg);
  border: none; }

.step-num {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  margin-right: 14px;
  background-color: #fff;
  color: #ccc;
  border-radius: 50%; }

/* pending */
.step-bg-pending {
  background-color: #ccc; }

/* active */
.step-bg-active {
  background-color: #54bd58; }

/* fullfilled */
.step-bg-fullfilled {
  background-color: #92d394; }

.left-sign-color {
  color: #54bd58; }

/* 步骤条需要引入的样式 end*/
/** 提示条样式Start **/
.gks-tips-wrap {
  padding: 10px 20px;
  margin: 10px 0px;
  line-height: 20px;
  color: #333; }

.gks-tips-default {
  background-color: #fff7db; }

.gks-tips-warn {
  background-color: #fcefee;
  color: #e4393c; }

.gks-tips-guide-green,
.gks-tips-guide01 {
  background-color: #edfcf1; }

.gks-tips-guide-blue {
  background-color: #e6f8ff; }

.gks-tips-guide-gray,
.gks-tips-guide02 {
  background-color: #f7f7f7;
  color: #666; }

.gks-tips-special-text {
  color: #b86e3f; }

.gks-tips-href-text {
  color: #0066cc;
  cursor: pointer; }

.gks-tips-href-text:hover {
  color: #405c85;
  text-decoration: none; }

.gks-tips-primary {
  background-color: #fff;
  border: 1px solid #ddd; }

.gks-tips-search-result {
  display: flex;
  padding: 10px; }

.gks-search-result-num {
  white-space: nowrap;
  height: 20px; }

.gks-search-result-num em {
  font-weight: 700; }

.gks-search-result-icon {
  width: 18px;
  height: 18px;
  vertical-align: -5px;
  margin-right: 2px; }

.gks-search-result-line {
  border-right: 1px solid orange;
  padding-right: 9px;
  margin-right: 9px; }

.gks-tips-primary .gks-search-result-line {
  border-color: #666; }

.gks-tips-search-result .gks-total-num {
  color: #3b73af;
  font-weight: 700; }

.gks-tips-search-result .search-result-counts {
  color: #666; }

.gks-tips-search-result .search-result-counts b:not([class*='gks-color-']) {
  color: #111; }

.gks-tips-search-result .search-result-icon {
  color: #fd9827;
  margin-right: 2px;
  margin-top: -1px;
  vertical-align: bottom; }

/** 提示条样式End **/
/** 开关样式Start **/
.gks-form .layui-form-switch {
  width: 36px;
  height: 18px; }

body .gks-form .layui-form-switch i {
  width: 18px;
  height: 18px;
  left: 1px;
  top: 0; }

body .gks-form .layui-form-onswitch i {
  left: 27px; }

body .gks-form .layui-form-switch em {
  right: -19px;
  margin-left: 0;
  margin-right: 0; }

.gks-form .layui-form-onswitch em {
  left: 4px;
  margin-left: 0;
  margin-right: 0; }

.gks-form .layui-switch .layui-form-switch {
  background-color: #dcdfe6;
  color: #666; }

.gks-form .layui-switch .layui-form-onswitch {
  background-color: #0070cc;
  border-color: #0070cc; }

.gks-form .layui-switch i {
  background-color: #fff; }

.gks-form .layui-switch-disabled i {
  background-color: #fff; }

.gks-form .layui-switch-disabled .layui-form-switch {
  background-color: #eaecf0;
  border-color: #eaecf0 !important; }

.gks-form .layui-switch-disabled .layui-form-switch em {
  color: #fff !important; }

.gks-form .switch-demo-box .layui-input-inline {
  margin-right: 10px; }

/** 开关样式End **/
/** 弹框内容Start **/
.gks-popup-content {
  padding: 20px; }

.gks-popup-content .layui-input-inline {
  color: #111; }

.gks-popup-content .layui-input-inline input {
  color: #111; }

.gks-popup-content .star-sign {
  color: #e4393c;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 2px; }

.gks-popup-content .layui-form-label {
  font-size: 12px;
  text-align: right;
  padding-right: 20px;
  color: #666666; }

.gks-popup-content .layui-label-required:after {
  content: '*';
  color: #e4393c;
  position: absolute;
  right: 14px;
  font-size: 1em;
  top: -1px; }

.gks-popup-content .gks-layui-title {
  padding: 5px 0;
  color: #111111; }

.gks-popup-content .gks-popup-content-title {
  margin-bottom: 0; }

.gks-popup-content .gks-popup-combination-title {
  margin-left: 10px;
  padding-top: 5px; }

.gks-popup-content .gks-popup-combination-title:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 14px;
  background-color: #0070cc;
  margin-right: 5px;
  vertical-align: -3px; }

/**弹框内容End **/
/** 批量搜索文本框Satrt **/
.vague-batch-input-wrap {
  position: relative;
  padding-right: 30px; }

.clear-vague-batch-input {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 30px;
  padding: 0 3px;
  line-height: 30px;
  cursor: pointer;
  transition: all .2s;
  opacity: 0; }

.vague-batch-input-wrap input:hover + .clear-vague-batch-input {
  opacity: 1;
  visibility: visible; }

.clear-vague-batch-input:hover {
  opacity: 1;
  visibility: visible; }

.show-batch-search-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #e6e6e6;
  border-left: none;
  box-sizing: border-box;
  text-align: center;
  line-height: 30px;
  background-color: #efefef;
  color: #666;
  cursor: pointer; }

.batch-search-anim-upbit {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  z-index: 999; }

.batch-open .batch-search-anim-upbit {
  display: block; }

.batch-search-anim-upbit textarea {
  border: none;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
  min-width: 180px;
  min-height: 120px;
  max-height: 500px;
  max-width: 500px; }

.batch-search-anim-upbit .batch-search-btns {
  padding: 5px;
  border-top: 1px solid #e6e6e6;
  line-height: 26px;
  min-width: 180px;
  box-sizing: border-box; }

.batch-search-anim-upbit .batch-search-btns i {
  margin-left: 5px;
  cursor: pointer; }

.batch-search-anim-upbit .batch-search-btns .batch-sure {
  display: inline-block;
  color: #fff;
  height: 26px;
  padding: 0px 10px;
  text-align: center; }

.vague-search-anim-upbit {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  width: calc(100% - 30px);
  min-width: 120px;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 20px;
  z-index: 999; }

.vague-open .vague-search-anim-upbit {
  display: block; }

.vague-search-anim-upbit li {
  padding: 5px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.vague-search-anim-upbit li:hover {
  background-color: #e2e2e2; }

.vague-search-anim-upbit .vague-search-none {
  padding: 5px;
  text-align: center;
  color: #999; }

/** 批量搜索文本框End **/
/** 文本编辑框Start **/
.text-edit-box {
  display: inline-block;
  line-height: 24px;
  height: 26px;
  border: 1px solid transparent;
  position: relative; }

.nestedTable-body-item .text-edit-box {
  border: none; }

.text-edit-box .text-edit-icon {
  display: none;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  border-left: 1px solid #ccc;
  background: #f0f0f0;
  cursor: pointer;
  color: #707070;
  box-sizing: border-box;
  text-align: center; }

.text-edit-box .text-edit-on {
  display: none;
  padding-right: 24px;
  border: 1px solid #ccc;
  min-width: 60px;
  box-sizing: border-box; }

.text-edit-box:not(.editing) .text-edit-on,
.text-edit-box.loading .text-edit-on {
  border-color: #ccc !important; }

.text-edit-box .text-edit-input {
  min-width: 30px;
  width: 100%;
  line-height: 24px;
  padding: 0px 5px;
  border: none;
  background: #fff;
  z-index: 999; }

.text-edit-box .text-edit-btns {
  display: none;
  position: absolute;
  bottom: -30px;
  right: -1px;
  z-index: 999;
  border: 1px solid #ccc;
  background: #eee;
  padding: 3px;
  border-radius: 2px;
  box-shadow: 0 2px 2px #eee; }

.text-edit-box .text-edit-btns .iconfont {
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 18px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  cursor: pointer;
  border-radius: 3px;
  color: #707070;
  text-align: center; }

.text-edit-box.edit-hover .text-edit-off,
.text-edit-box.editing .text-edit-off,
.text-edit-box.loading .text-edit-off {
  display: none; }

.text-edit-box.edit-hover .text-edit-on,
.text-edit-box.editing .text-edit-on,
.text-edit-box.loading .text-edit-on {
  display: inline-block; }

.text-edit-box.edit-hover .text-edit-icon {
  display: block; }

.text-edit-box.editing .text-edit-icon {
  display: none; }

.text-edit-box.editing .text-edit-btns {
  display: block; }

.text-edit-box.editing .text-edit-on {
  padding-right: 0px; }

.text-edit-box.loading .text-edit-btns {
  display: none; }

.text-edit-box.loading .text-edit-on {
  padding-right: 24px; }

.text-edit-box.loading .text-edit-input {
  background-color: #f0f0f0; }

.text-edit-box.loading .text-edit-loading {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 22px;
  border-left: 1px solid #ccc;
  background: #f0f0f0;
  padding: 0px 4px;
  overflow: hidden;
  position: absolute;
  top: 1px;
  right: 1px; }

.text-edit-box .text-edit-input {
  box-sizing: border-box; }

.text-edit-box .text-edit-off {
  padding-left: 5px;
  line-height: 24px;
  border: 1px solid transparent; }

.nestedTable-body-item .text-edit-box .text-edit-off {
  border: none; }

.text-edit-box .text-edit-select-wrap {
  display: none;
  min-width: 120px;
  max-width: 280px;
  max-height: 240px;
  overflow: auto;
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: 26px;
  left: 0px;
  z-index: 999;
  box-shadow: 0 2px 5px #e2e2e2; }

.text-edit-box .text-edit-select-wrap.text-edit-selected {
  display: block; }

.text-edit-box .text-edit-select-wrap ul {
  width: 100%; }

.text-edit-box .text-edit-select-wrap li {
  display: block;
  line-height: 24px;
  text-align: left;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-edit-box .text-edit-select-wrap li:hover {
  background: #e2e2e2;
  cursor: pointer; }

.text-edit-box .text-edit-select-wrap li.active {
  background: #0070cc;
  color: #fff; }

.text-edit-box .text-edit-select-icon {
  display: none;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  border-left: 1px solid #ccc;
  background: #f0f0f0;
  cursor: pointer;
  color: #707070;
  box-sizing: border-box;
  text-align: center; }

.text-edit-box.editing:not(.loading) .text-edit-select-icon {
  display: inline-block; }

/** 文本编辑框End **/
/** 线步骤条样式 start **/
.linestep-bar-container {
  display: flex;
  font-size: 14px; }

.linestep-bar-item {
  flex-grow: 1;
  height: 49px; }

.num-sign-container {
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  color: #ccc; }

.linestep-line-sign {
  position: absolute;
  top: 12px;
  left: 24px;
  width: 100%;
  height: 1px;
  background-color: #ccc; }

.linstep-description {
  margin-top: 8px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #ccc; }

/* pending */
.num-sign-container-pending {
  background-color: #fff;
  border-color: #ccc;
  color: #ccc; }

.linstep-description-pending {
  color: #ccc; }

.linestep-line-sign-pending {
  background-color: #ccc; }

/* active */
.num-sign-container-active {
  background-color: #0070cc;
  border-color: #0070cc;
  color: #fff; }

.linstep-description-active {
  color: #0070cc; }

.linestep-line-sign-active {
  background-color: #ccc; }

/* fullfilled */
.num-sign-container-fullfilled {
  background-color: #fff;
  border-color: #0070cc;
  color: #0070cc; }

.linstep-description-fullfilled {
  color: #0070cc; }

.linestep-line-sign-fullfilled {
  background-color: #0070cc; }

/** 线步骤条样式 end **/
/*body .layui-input-inline .border-theme-color {
  border-color: #0070cc !important; }

.cloud-stock .gks-btn-white.c999:hover {
  color: #0070cc !important; }

body .redBtn, .redBtn span, body .redBtn input {
  border-color: #0070cc;
  background-color: #0070cc; }

body .redBtn, body .redBtn span, body .redBtn input {
  border-color: #0070cc;
  background-color: #0070cc; }

body .gks-border {
  border-color: #0070cc !important; }

body .cgks {
  color: #0070cc !important; }

body .bgks {
  background-color: #0070cc !important; }

body .gks-border {
  border-color: #0070cc !important; }

.delivery-warehouse .self-support {
  border-color: #0070cc !important;
  color: #0070cc !important; }*/

#table-cont {
  margin: 18px 16px 18px 11px; }

.feedback-title {
  height: 58px;
  margin: 0 30px;
  line-height: 86px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px; }

.text-box-disabled input {
  cursor: not-allowed !important;
  background-color: #f7f7f7; }

.text-box-disabled input:hover {
  border-color: #e6e6e6 !important; }

/*------ 产品版本高级搜索/普通搜素Start ------*/
@media screen and (min-width: 992px) {
  [data-col="5"] .layui-col-md3 {
    width: 19%; } }

body .search-conditions-v2 .noraml-search-conditions {
  display: block; }

body .search-conditions-v2 .more-search-conditions {
  display: block !important;
  max-height: 0px;
  overflow: hidden;
  transition: 0.2s; }

body .search-conditions-v2 .more-search-conditions.show-more {
  margin-top: 0px;
  max-height: 300px;
  overflow: initial;
  transition: 0.2s; }

body .search-conditions-v2 .retrieval-items-wrapper {
  width: 100%; }

/*------ 产品版本高级搜索/普通搜素End ------*/
body .err-prompt-input, body .err-prompt-input:hover, body .err-prompt-input:focus {
  border-color: #e13438 !important; }

.err-prompt-text {
  display: none;
  color: red; }

.gks-textbox-border:focus {
  border-color: #0070cc !important; }

.new-menu-btn {
  background: #00ced1;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px; }

.new-menu-btn span:last-child {
  display: none; }

.operation-header .iconfont {
  font-size: 22px;
  margin-right: 6px;
  margin-left: 2px; }

.operation-header.full-screen-operation-header {
  z-index: 970; }

.operation-header {
  padding: 0;
  height: 50px;
  background: #fff;
  box-shadow: 0 0 1px 1px #ddd;
  padding-right: 16px; }

.new-menu-btn {
  padding-top: 13px;
  padding-bottom: 13px; }

.operation-header .logo img {
  height: 28px;
  margin-top: 11px;
  margin-left: 17px; }

.operation-header .header-search-input {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  background: #fff;
  color: #333;
  border: 1px #efefef solid; }

.operation-header .header-search-icon {
  color: #666;
  top: 15px;
  font-size: 18px; }

.operation-header .header-search-input::-webkit-input-placeholder {
  color: #999; }

.gks_manage .gks_left_nav, .gks_manage .gks_body_bg {
  top: 51px; }

.operation-header .operation-header-search {
  background: transparent;
  top: 0; }

.back-drop, .new-menu-list {
  top: 51px; }

.operation-header .header-close-icon {
  position: absolute;
  top: 10px;
  height: 30px;
  background-color: #fff;
  border: 1px #efefef solid;
  border-left: none; }

.operation-header .header-close-icon img {
  padding-top: 7px; }

body .help {
  top: 51px; }

.main-wrap-v1 .help {
  top: 0;
  height: calc(100vh - 51px); }

.admin-layout-noaside .operation-content-v1 {
  padding: 0; }

.admin-layout-noaside.admin-layout-v1 .opration-aside {
  display: none; }

.admin-layout-noaside .operation-header-v1 {
  border-bottom: none; }

.operation-header .o-header-task {
  color: #666; }

.operation-header .center {
  color: #666; }

.help-box-hd i {
  color: #666; }

.operation-header .o-header-home i {
  color: #666; }

.operation-header .name-con {
  color: #666; }

.op-name-wrap {
  padding: 16px 0 0 20px; }

.op-name-wrap a {
  color: #666; }

.operation-header .service-name {
  padding: 14px 0 0 0;
  margin-left: 10px;
  height: 40px; }

.operation-header .service-name a {
  color: #666; }

.operation-header .iconfont-mes {
  font-size: 20px !important;
  position: relative;
  top: -2px; }

.operation-header .center {
  float: left;
  margin-top: 14px; }

.help-box {
  top: 2px; }

.operation-header .name {
  margin-top: -4px;
  margin-left: 11px; }

.operation-header .o-header-task {
  margin-top: 11px;
  margin-left: 11px;
  margin-right: 2px;
  float: left; }

body .exportExcel {
  color: #0070cc ; }

bod .gks-border {
  border-color: #0070cc !important; }

body .bgks {
  background-color: #0070cc !important; }

body .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #0070cc !important; }

body div .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #0070cc !important; }

body .login-phone-wrapper {
  min-width: 100%;
  background: rgba(0, 112, 204, 0.1); }

body .login-tit {
  background: #0070cc; }

body .select-status {
  border-bottom: 2px solid #0070cc; }

body .login-con .btn {
  background: #0070cc; }

body .phoneLogin {
  background: #0070cc; }

body .step-box .step1 .num-tips {
  background: rgba(0, 112, 204, 0.3); }

body .theme-bgcolor {
  background: #0070cc; }

body .correct-mistake .content {
  border: 1px #0070cc solid; }

/* nestedTable common */
body .pinkBtn:hover, body .pinkBtn:hover span, body .pinkBtn:hover input {
  background-color: rgba(50, 137, 199, 0.3); }

body .err-prompt-input, body .err-prompt-input:hover, body .err-prompt-input:focus {
  border-color: #e13438 !important; }

.err-prompt-text {
  display: none;
  color: red; }

.gks-textbox-border:focus {
  border-color: #0070cc !important; }

.shop-theme-color {
  background: #00ced1 !important; }

/** 新旧版本页面切换 - Start **/
.back-old-page {
  color: #999;
  width: 75px;
  float: right; }

.new-page-v3 .back-old-page {
  float: none;
  line-height: 22px;
  display: inline-block;
  margin-top: 7px; }

.back-old-page:hover {
  color: #0070cc; }

.back-icon {
  font-size: 12px;
  margin: 0 5px 0 10px; }

.experience-new-page {
  display: inline-block;
  color: #fff;
  padding: 0px 16px;
  height: 30px;
  line-height: 30px;
  background: #f60;
  cursor: pointer;
  margin-top: -4px;
  margin-left: 10px; }

.experience-new-page:hover {
  color: #fff;
  opacity: 0.8; }

/** 新旧版本页面切换 - End **/
body .layui-layer-btn .gks-btn-light:hover {
  background-color: #f7f7f7 !important; }

.scroll-head {
  z-index: 9; }

table .td-edit {
  position: relative; }

table .td-edit-input {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  text-align: right; }

table .td-edit-input:hover {
  border-color: #0070cc !important;
  z-index: 8;
  box-shadow: 0 0 2px #0070cc inset; }

table .td-edit-input:focus {
  border-color: #0070cc !important;
  z-index: 8; }

.new-page-v3 .btn-mini-upped ul {
  visibility: visible;
  top: auto;
  bottom: 22px;
  opacity: 1;
  z-index: -10;
  transition: all .25s .25s;
  height: auto;
  overflow: inherit; }

/* table extends start */
/* nestedTable common */
.nestedTable-wrap {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  box-sizing: border-box; }

.nestedTable {
  font-size: 12px;
  line-height: 16px;
  color: #666;
  border-left: none;
  border-right: none; }

.nestedTable * {
  box-sizing: border-box; }

.nestedTable a {
  color: #0070cc;
  text-decoration: none; }

.nestedTable a:hover {
  text-decoration: underline; }

.nestedTable-header-level1,
.nestedTable-header-level2,
.nestedTable-header-level3,
.nestedTable-body-level1,
.nestedTable-body-level2,
.nestedTable-body-level3 .nestedTable-body-level-list {
  display: flex; }

.nestedTable-body-level1 .nestedTable-line,
.nestedTable-body-level2 .nestedTable-line {
  line-height: 19px; }

.tableExend-footer-con {
  padding: 10px;
  border-bottom: 1px #ccc solid;
  height: 50px;
  box-sizing: border-box; }

.tableExend-footer-con::after {
  content: 'content';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
  width: 0px;
  font-size: 0px; }

.new-page-v3 .tableExend-footer-con .laypage-total-count {
  line-height: 30px !important; }

.nestedTable-header-item, .nestedTable-body-item {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.nestedTable-body-level1 .nestedTable-body-item,
.nestedTable-body-level2 .nestedTable-body-item {
  height: 40px; }

/* aside tree */
.nestedTable-aside-tree {
  width: 15px; }

.nestedTable-aside-tree * {
  box-sizing: border-box; }

.asidenestedTable-body-level1 {
  height: 42px;
  width: 5px;
  margin-top: -1px;
  border-top: 1px transparent solid;
  border-bottom: 1px transparent solid; }

.asidenestedTable-body-level2 {
  height: 41px;
  width: 10px;
  border-bottom: 1px transparent solid; }

.asidenestedTable-body-level2 {
  position: relative; }

.asidenestedTable-body-level2::before {
  content: ' ';
  width: 10px;
  height: 1px;
  background-color: #0070cc;
  position: absolute;
  left: 3px;
  top: 19px;
  z-index: 100; }

.nestedTable-tree-list {
  position: relative; }

.nestedTable-tree-list.true::before {
  content: ' ';
  width: 1px;
  height: calc(100% - 27px);
  background-color: #0070cc;
  position: absolute;
  left: 2px;
  top: 6px;
  z-index: 10; }

.nestedTable-tree-list.true::after {
  height: calc(100% - 45px);
  width: 13px;
  background-color: #fff;
  background: #fff;
  content: ' ';
  position: absolute;
  top: 44px;
  left: 0; }

.asidenestedTable-body-level3 {
  position: relative; }

.nestedTable-tree-list.true .asidenestedTable-body-level3:nth-last-child(1)::before {
  content: ' ';
  width: 1px;
  height: calc(100% + 1px);
  position: absolute;
  left: 2px;
  top: -21px;
  z-index: 100;
  background-color: #fff; }

.asidenestedTable-body-level3 {
  border-bottom: 1px transparent solid; }

.asidenestedTable-body-level3 div {
  height: 30px;
  width: 15px;
  border-bottom: 1px transparent solid;
  box-sizing: content-box; }

.asidenestedTable-body-level3 > div:nth-last-child(1) {
  border-bottom: none; }

.nestedTable-header.nestedTable-header-clone {
  position: fixed;
  z-index: 1001;
  height: 0;
  overflow: hidden; }

.nestedTable-body-item {
  background-color: #fff; }

.nestedTable-header-item {
  position: relative;
  background-color: #eee; }

.nestedTable-header-item::after {
  content: ' ';
  width: 1px;
  height: calc(100% - 18px);
  position: absolute;
  right: 0;
  top: 9px;
  background: #ccc; }

.nestedTable-header-item .width-drag-pointer {
  position: absolute;
  top: 0;
  right: -4px;
  width: 8px;
  height: 100%;
  z-index: 1000;
  cursor: col-resize; }

.nestedTable-header-item .width-drag-pointer:hover {
  /* background-color: #999; */ }

.nestedTable-header {
  display: flex;
  background: #eee; }

.nestedTable-header header {
  display: none;
  padding: 0;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  width: 100%; }

.nestedTable-body-level1, .nestedTable-body-level2 {
  display: inline-flex;
  flex-grow: 1;
  padding: 0;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid; }

.nestedTable-header-level1 > div,
.nestedTable-header-level2 > div,
.nestedTable-header-level3 > div,
.nestedTable-body-level1 > div,
.nestedTable-body-level2 > div {
  padding-top: 6px;
  padding-bottom: 6px; }

.nestedTable-body-level3 .nestedTable-body-level-list {
  padding: 0;
  padding-left: 14px;
  border-bottom: 1px #eee solid;
  background-color: #fbfdfe; }

.aside-tree-wrap .nestedTable-body-level3 .nestedTable-body-level-list {
  padding-left: 7px; }

.nestedTable-body-level3 .nestedTable-body-level-list > div {
  padding-top: 0px;
  padding-bottom: 0px; }

.nestedTable-body-level3 .nestedTable-body-level-list:nth-last-child(1) {
  border-bottom: none; }

.aside-tree .nestedTable-body-level3 .nestedTable-body-item:nth-of-type(1)::before {
  width: 21px;
  height: 100%;
  content: '';
  background: #fff;
  position: absolute;
  left: -21px;
  top: 0;
  z-index: 1000; }

.nestedTable-body-level2 {
  margin-left: 13px;
  border-left: 1px #ccc solid;
  border-top: none; }

.nestedTable-body-level3 {
  display: none;
  margin-left: 14px;
  border-bottom: 1px #ccc solid; }

.nestedTable-body-level-wrap .nestedTable-body-level3:nth-last-child(1) {
  position: relative;
  margin-left: 0; }

.nestedTable-has-child.nestedTable-body-level-wrap .nestedTable-body-level3:nth-last-child(1)::before {
  content: ' ';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 2px;
  top: -20px;
  z-index: 100;
  background-color: #fff; }

.nestedTable-header .nestedTable-header-level1 {
  display: inline-flex;
  flex-grow: 1; }

.aside-tree .nestedTable-header-level1 {
  min-height: 32px; }

.nestedTable-body-level1 {
  margin-top: -1px; }

/* aside tree */
.aside-tree .nestedTable-body-level-wrap .nestedTable-body-level3:nth-last-child(1) .nestedTable-body-level-list {
  margin-left: 14px;
  padding-left: 7px; }

.aside-tree.nestedTable {
  border-left: none;
  border-right: none; }

.aside-tree .nestedTable-header .nestedTable-header-level1 {
  padding-left: 0; }

.nestedTable-body-level3 .nestedTable-body-level-list {
  background-color: #fbfdfe; }

.nestedTable-body-level3 .nestedTable-body-level-list .nestedTable-body-item {
  min-height: 30px;
  background-color: #fbfdfe; }

.only-line .nestedTable-body-level3 .nestedTable-body-level-list .nestedTable-body-item {
  background-color: #fff; }

.only-line .nestedTable-body-level3 .nestedTable-body-level-list {
  background-color: #fff; }

.nestedTable-all-wrap .nestedTable-body-level3 .nestedTable-body-level-list:hover {
  background-color: #f3f4f4; }

.nestedTable-all-wrap .nestedTable-body-level3 .nestedTable-body-level-list:hover .nestedTable-body-item {
  background-color: #f3f4f4; }

.nestedTable-all-wrap .only-line .nestedTable-body-level3 .nestedTable-body-level-list:hover {
  background-color: #fbfdfe; }

.nestedTable-all-wrap .only-line .nestedTable-body-level3 .nestedTable-body-level-list:hover .nestedTable-body-item {
  background-color: #fbfdfe; }

.nestedTable-body-level1:hover .nestedTable-body-item {
  background: #e5f0f7; }

.nestedTable-body-level2:hover .nestedTable-body-item {
  background: #e5f0f7; }

.aside-tree .nestedTable-header .nestedTable-header-level1 .nestedTable-header-item:nth-of-type(1) {
  padding-left: 9px;
  border-left: 1px #ccc solid; }

.aside-tree .nestedTable-body-level1 {
  position: relative; }

.aside-tree .nestedTable-body-level-wrap {
  position: relative; }

.aside-tree .nestedTable-body-level2 {
  border-left: none; }

.aside-tree .nestedTable-body-level2 .nestedTable-body-item:nth-of-type(1) {
  margin-left: -13px;
  padding-left: 20px; }

.aside-tree .nestedTable-body-level-wrap .nestedTable-body-level2 {
  position: relative; }

.aside-tree-wrap .aside-tree .nestedTable-body-level1 .nestedTable-body-item:nth-of-type(1) {
  border-left: 5px #0070cc solid; }

.aside-tree-wrap .aside-tree .nestedTable-body-level2 .nestedTable-body-item:nth-of-type(1) {
  position: relative; }

.aside-tree .nestedTable-body-level2 .nestedTable-body-item:nth-of-type(1)::before {
  content: ' ';
  width: 1px;
  height: calc(100% + 1px);
  background-color: #ccc;
  position: absolute;
  left: 13px;
  top: -1px; }

.nestedTable-header .nestedTable-header-level3 {
  padding-left: 14px; }

.aside-tree .nestedTable-header .nestedTable-header-level3 {
  padding-left: 21px; }

.aside-tree .nestedTable-header .nestedTable-header-level3 .nestedTable-header-item:nth-of-type(1) {
  position: relative; }

.aside-tree .nestedTable-header .nestedTable-header-level3 .nestedTable-header-item:nth-of-type(1)::before {
  content: ' ';
  position: absolute;
  width: 21px;
  left: -21px;
  top: 0;
  height: 100%;
  z-index: 100;
  border-left: 1px #ccc solid;
  background: #eee; }

.nestedTable-line-wrap.move:hover {
  cursor: move; }

.nestedTable-line:not(.no-text-ellipsis) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.nestedTable-body-item .nestedTable-line .text-ellipsis {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%; }

.nestedTable-body-item .copy-box .text-ellipsis {
  max-width: calc(100% - 26px); }

/* move */
/* .nestedTable-header-item { cursor: move; } */
.moveDivBg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  cursor: move;
  -webkit-user-select: none; }

.moveDiv {
  border: 1px dotted #ccc;
  font-size: 12px;
  background: #eee;
  position: fixed;
  z-index: 100000; }

.nestedTable-copyed {
  display: none; }

.nestedTable-body-level-wrap {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1; }

.nestedTable-body {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative; }

.nestedTable-aside-tree {
  position: absolute;
  left: 0;
  top: 33px;
  z-index: 100; }

.nestedTable-all-wrap {
  position: relative; }

.nestedTable {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1; }

.nestedTable-footer {
  z-index: 101;
  background: #fff;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  padding: 0; }

.nestedTable-footer .layui-form-checkbox[lay-skin=primary] {
  padding-left: 18px;
  line-height: 14px !important;
  height: 14px !important; }

.nestedTable-footer .layui-form-checkbox[lay-skin=primary] i {
  box-sizing: border-box; }

body .nestedTable-footer .layui-form-checkbox[lay-skin=primary] span {
  line-height: 14px; }

.tableExend-scroll-wrap::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background-color: #fff; }

/*定义滚动条轨道 内阴影+圆角*/
.tableExend-scroll-wrap::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: transparent; }

/*定义滑块 内阴影+圆角*/
.tableExend-scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8; }

.nestedTable-footer .laypage-extend-pagesize {
  margin-right: 10px; }

.tableExend-scroll-wrap {
  overflow-x: auto; }

body .nestedTable-all-wrap .btn-mini-normal {
  opacity: 1; }

.nestedTable-all-wrap .btn-mini-drop ul {
  box-shadow: 0 0 1px #ccc; }

.tableExtend-scrollbar {
  border-bottom: 1px solid transparent; }

.nestedTable-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
  display: none; }

/*定义滚动条轨道 内阴影+圆角*/
.nestedTable-wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  display: none; }

.nestedTable-wrap {
  scrollbar-width: none; }

.operation-submenu-box {
  scrollbar-width: none; }

/*定义滑块 内阴影+圆角*/
.nestedTable-wrap::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: transparent; }

.table-extend-layer {
  padding: 5px 15px; }

.oneline-extend-layer .layui-form-switch {
  margin-top: 0; }

.table-extend-layer .layui-tab-content {
  padding: 12px 0;
  padding-bottom: 0; }

.extend-control-box span {
  float: right;
  padding: 6px 7px;
  color: #0070cc;
  cursor: pointer; }

.table-extend-layer .layui-tab {
  margin-bottom: 0; }

.table-extend-layer .layui-table {
  margin: 0; }

.table-extend-layer .layui-form-switch {
  margin-top: 0; }

.table-extend-layer .layui-tab-item {
  height: 255px;
  overflow: auto; }

.nestedTable-all-wrap .nestedTable-header-item::after,
.nestedTable-all-wrap .nestedTable-body-item::after {
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  pointer-events: none; }

.table-extend-layer .layui-tab-title .layui-this {
  color: #0070cc; }

.table-extend-layer .layui-tab-title .layui-this:after {
  border-top: 2px #0070cc solid; }

.table-extend-layer th {
  white-space: nowrap; }

.nestedTable-header-level1 .nestedTable-line {
  line-height: 20px; }

.only-line .nestedTable-header header {
  display: flex; }

.only-line .nestedTable-body-level3 {
  display: block;
  margin-left: 0; }

.only-line .nestedTable-body .nestedTable-line {
  line-height: 23px; }

.only-line .nestedTable-body-item {
  min-height: 30px; }

.nestedTable-wrap .only-line .nestedTable-header-level1,
.nestedTable-wrap .only-line .nestedTable-header-level2 {
  display: none; }

.nestedTable-wrap .text-edit-box {
  vertical-align: middle; }

.only-line .nestedTable-body-item {
  line-height: 19px; }

.only-line .nestedTable-header .nestedTable-header-level3 {
  padding-left: 0; }

.only-line .nestedTable-body-level3 .nestedTable-body-level-list {
  padding-left: 0; }

.aside-tree-wrap {
  border-left: none; }

.nestedTable-header header .nestedTable-header-item:last-child::after {
  display: none; }

.oneline-extend-layer {
  height: 315px;
  overflow: auto;
  margin: 14px;
  margin-top: 0; }

.extend-single-box-wrap {
  margin-top: 10px;
  margin-bottom: 4px;
  margin-right: 14px; }

.oneline-extend-layer table {
  margin: 0; }

.oneline-extend-layer table {
  margin-top: 0; }

.nestedTable-body-level-list .shadow-input {
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0; }

.nestedTable-body-level-list:hover .shadow-input {
  box-shadow: 0 0 2px 1px rgba(50, 137, 199, 0.8) inset; }

.nestedTable .nestedTable-body-level-list .shadow-input:focus {
  box-shadow: 0 0 2px 2px #3289c7 inset; }

.nestedTable [data-direction=right] {
  left: auto !important; }

/* nestedTable 无数据 */
.nestedTable-no-result .no-result {
  position: absolute;
  top: 34px;
  width: 100%;
  padding: 50px 0px;
  border-bottom: 1px solid #ccc;
  justify-content: center; }

/* table extends   end */
.btn-ellipsis-group .btn-mini-drop-tit i {
  font-size: 12px; }

.btn-ellipsis-group .btn-mini-drop ul {
  left: auto; }

body .cancel-order-reason h4 {
  border-left: 2px solid #0070cc; }

body .cancel-reason-list li.active {
  border: 1px solid #0070cc; }

body .cancel-reason-list li .iconfont {
  color: #0070cc; }

.cancel-reason-list li {
  cursor: pointer; }

.personal-layout .gks_header {
  background: #00ced1 !important; }

.personal-layout .center-box > a {
  background: #00ced1 !important; }

.personal-layout .seller-center .fixbox-head {
  border-left: 4px #00ced1 solid; }

.personal-layout .center-box > div .active {
  color: #00ced1; }

body .seller-center-navbar .center-box > a {
  background: #00ced1 !important; }

body .seller-center .person-admin-wrapper .cgks {
  color: #00ced1 !important; }

.seller-center .seller-center-main .cgks {
  color: #00ced1 !important; }

.seller-center .seller-center-main .person-admin-header {
  border-left: 4px #00ced1 solid; }

.personal-layout .hcart_but .nub {
  background-color: #00ced1 !important; }

.seller-center .center-box > div .active {
  color: #00ced1; }

.personal-layout .head_cart .hcart_but {
  color: #00ced1; }

.center-box-inner div.fixbox-head {
  border-left: 4px #00ced1 solid; }

.seller-center-main .layui-tab-brief .layui-tab-title li .order-status-count {
  background-color: #00ced1 !important; }

.seller-center-main .layui-form .layui-tab-brief > .layui-tab-title .layui-this {
  color: #00ced1; }

body .seller-center-main .layui-tab-brief > .layui-tab-more li.layui-this:after,
body .layui-tab-brief > .layui-tab-title .layui-this:after {
  border-bottom: 3px solid #00ced1; }

body .gks_body_bg .layui-tab-brief > .layui-tab-title .layui-this:after {
  border-bottom: 3px solid #0070cc; }

body .operation-content-v1 .layui-tab-brief > .layui-tab-title .layui-this:after {
  border-bottom: 3px solid #0070cc; }

.btn-mini-drop-clone {
  position: absolute;
  z-index: 10000;
  background: #fff;
  box-shadow: rgba(50, 50, 50, 0.2) 0px 0px 3px;
  padding: 3px 0;
  text-align: left;
  color: #0a82dc; }

.btn-mini-drop-clone li {
  padding: 5px 10px;
  line-height: 22px;
  cursor: pointer; }

.btn-mini-drop-clone .btn-mini-disabled {
  cursor: not-allowed; }

.btn-mini-drop-clone li:hover {
  color: #086db8;
  background: #f7f7f7; }

.btn-mini-drop-clone .btn-mini-disabled,
.btn-mini-drop-clone .btn-mini-disabled:hover {
  color: #ccc; }

.btn-mini-drop-clone .btn-mini-danger,
.btn-mini-drop-clone .btn-mini-danger:hover {
  color: rgba(228, 57, 60, 0.95); }

/** layui表格自定义列Start **/
.control-cols-list {
  padding: 30px 20px 20px; }

.control-cols-list ul li {
  min-width: 150px;
  float: left;
  line-height: 30px; }

.control-cols-list .layui-form-item .layui-form-checkbox[lay-skin=primary] {
  padding-left: 18px;
  margin-right: 0px; }

/** layui表格自定义列End **/
.css-text {
  border: #0070cc 1px; }

.nestedTable .layui-form-checkbox[lay-skin=primary] {
  padding-left: 0; }

.gks_body_box .new-page-v4 {
  margin-left: 0; }

.gks_body_box .new-page-header {
  display: flex;
  align-items: center;
  padding: 16px !important;
  height: 30px;
  line-height: 30px;
  border: none; }

.main-wrap-v1 .new-page-header {
  display: flex;
  align-items: center;
  padding: 16px !important;
  height: 30px;
  line-height: 30px;
  border: none; }

.gks_body_box .new-page-wrapper {
  padding: 0 16px !important; }

.main-wrap-v1 .new-page-wrapper {
  padding: 0 16px !important; }

.new-page-header .crumbs-box {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.new-page-header .crumbs-title {
  display: inline-block;
  width: auto;
  height: 30px;
  font-size: 20px; }

.new-page-header .crumbs-box-title {
  display: flex;
  flex-grow: 1; }

.new-page-wrapper .layui-tab {
  margin: 0 0 15px; }

.new-page-wrapper .search-clear-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1; }

.new-page-wrapper .noraml-search {
  display: flex; }

.new-page-wrapper .noraml-search-conditions {
  width: 100%;
  z-index: inherit; }

.v4-search-control {
  color: #0a82dc;
  cursor: pointer; }

.person-admin-header-btn {
  display: flex; }

/*新版页面的tab*/
.new-page-v4 .layui-tab-box li {
  line-height: 35px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  font-size: 14px;
  transition: all 0s;
  -webkit-transition: all 0s; }

.new-page-v4 .layui-tab-box {
  height: 36px;
  line-height: 36px; }

.new-page-wrapper .layui-tab .apply-count {
  display: inline; }

/*新版页面检索项和自定义按钮组位置*/
.v4-header-option-select {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 8px 0;
  min-height: 30px;
  line-height: 30px; }

.v4-header-option-select .retrieval-items-wrapper {
  margin-top: 0; }

.v4-header-option-select .v4-header-option {
  flex-shrink: 0; }

/*新版页面表格右上方自定义按钮组*/
.option-btn-icon {
  display: inline-block;
  border: 1px #ddd solid;
  background-color: #f7f7f7;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-left: 3px;
  cursor: pointer; }

.option-btn-icon:hover {
  background-color: #fff; }

.option-btn-icon i {
  font-size: 15px !important;
  color: #000 !important; }

/*高级搜素元素最右边边距对齐*/
.new-page-wrapper .more-search-conditions .layui-col-md3:nth-of-type(4n) {
  padding-right: 0 !important; }

/*普通检索项样式*/
.new-page-v4 .noraml-search-item {
  display: flex;
  width: 25%; }

.new-page-v4 .noraml-search-item .layui-form-label {
  width: auto;
  flex-shrink: 0;
  padding-right: 5px; }

.new-page-v4 .noraml-search-item .layui-input-inline {
  flex-grow: 1;
  min-width: 80px; }

/**
 * operation header v1 ^^^^
 * box-sizing: border-box
 */
.operation-header-v1 * {
  box-sizing: border-box; }

.operation-header-v1 {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  height: 51px;
  box-sizing: border-box;
  border-bottom: 1px #e6e8ec solid;
  font-size: 14px;
  color: #333;
  background: #fff; }

.operation-header-v1 .name-con {
  display: flex;
  align-items: center;
  color: #666; }

.operation-header-v1 .name-con .iconfont {
  font-size: 20px;
  margin-right: 4px; }

.operation-main-information {
  display: flex;
  flex-shrink: 0; }

.operation-header-v1 .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  background: #1e2834; }

.operation-header-v1 .logo > a:first-of-type {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  overflow: hidden;
  background: #fff; }

.operation-header-v1 .logo img {
  width: 100%;
  height: 100%; }

.operation-header-v1 .submenu-alias {
  display: none;
  align-items: center;
  width: 130px;
  padding-left: 24px;
  white-space: nowrap; }

.operation-header-v1 .operation-header-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 330px;
  height: 30px;
  margin-right: 15px;
  color: #333;
  border: 1px #efefef solid;
  background-color: transparent; }

.operation-header-v1 .header-search-icon {
  margin-left: 5px;
  margin-right: 3px;
  color: #999;
  font-size: 18px; }

.operation-header-v1 .header-search-input {
  flex-grow: 1;
  border: none;
  font-size: 12px;
  background: #fff;
  color: #333; }

.operation-header-v1 .mall-company-name {
  display: flex;
  flex-grow: 1;
  margin-right: 80px;
  line-height: 50px;
  font-size: 14px;
  cursor: pointer; }

.operation-header-v1 .mall-company-name > div:first-of-type {
  position: relative;
  padding: 0 24px; }

.operation-header-v1 .mall-company-name .expand-mallcompany {
  color: #999;
  font-weight: 100;
  transition: .2s; }

.operation-header-v1 .mall-company-container {
  position: absolute;
  top: 45px;
  left: 114px;
  z-index: 999;
  display: none;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); }

.operation-header-v1 .mall-company-container:hover {
  display: block !important; }

.operation-header-v1 .mall-company-container .company-item-container {
  display: flex;
  align-items: center;
  min-width: 260px;
  max-width: 368px;
  height: 47px;
  padding: 0 16px;
  color: inherit;
  text-decoration: none; }

.operation-header-v1 .mall-company-container .company-item-container:hover {
  background: #f8f8f8;
  color: #3388FF; }

.operation-header-v1 .tf180 {
  transform: rotate(180deg); }

.quick-menu-wrap > * {
  position: relative;
  margin: 0 4px;
  padding: 0 10px; }

.quick-menu-wrap > div {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%; }

.quick-menu-wrap .message span,
.quick-menu-wrap .task span {
  position: absolute;
  width: 6px;
  height: 6px;
  overflow: hidden;
  background: #e13438;
  border-radius: 6px;
  color: #e13438; }

.operation-header-v1 .header-close-icon {
  display: flex;
  width: 21px; }

.quick-menu-wrap .service:hover .service-box {
  display: block; }

.operation-header-v1 .service-box {
  font-size: 12px;
  top: 45px;
  right: -50px; }

.operation-header-v1 .help-box-bd::before {
  left: 62px; }

.operation-header-v1 .service-box, .operation-header-v1 .service-box * {
  box-sizing: content-box; }

.operation-header-v1 .header-help:hover .help-box-bd {
  display: block; }

.operation-header-v1 .help-box-bd {
  width: 92px;
  left: -45px;
  top: 45px;
  font-size: 12px; }

.operation-header-v1 .service-box::before {
  left: 242px; }

.operation-header-v1 .header-search-box {
  display: none;
  position: absolute;
  padding: 8px 0;
  width: 100%;
  max-height: 400px;
  top: 30px;
  left: 0px;
  z-index: 100000;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.operation-header-v1 .search-box-list li {
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-size: 12px;
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.operation-header-v1 .search-box-list li .the-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.operation-header-v1 .search-box-list li .the-product {
  color: #bbb; }

.operation-header-v1 .header-search-box ul li:hover {
  background: #ebebeb; }

.operation-header-v1 .header-search-box ul li.group-title:hover {
  background: transparent; }

.operation-header-v1 .search-box-list li a span {
  letter-spacing: .02em; }

.operation-header-v1 .group-title {
  padding: 0 16px;
  color: #bbb; }

.operation-header-v1 .search-box-list li a {
  display: flex;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  color: #333;
  -webkit-transition: all .17s ease;
  -o-transition: all .17s ease;
  -moz-transition: all .17s ease;
  transition: all .17s ease; }

.operation-header-v1 .option-box {
  display: flex;
  flex-shrink: 0; }

.operation-header-v1 .user-info-right {
  display: flex;
  align-items: center;
  padding-right: 12px; }

.quick-menu-wrap {
  display: flex;
  align-items: center;
  height: 100%; }

.operation-header-v1 .user-info-right .name-box {
  display: none; }

.operation-header-v1 .header-name {
  position: relative; }

.operation-header-v1 .header-name:hover .name-box {
  display: block; }

.operation-header-v1 .name-box {
  display: none;
  position: absolute;
  top: 46px;
  bottom: auto;
  right: 8px;
  z-index: 999999;
  width: 368px;
  padding: 10px 0 0 0;
  background: #fff;
  border: 1px #e5e5e5 solid;
  font-size: 12px;
  color: #000; }

.operation-header-v1 .name-box, .operation-header-v1 .name-box * {
  box-sizing: content-box; }

.operation-header-v1 .name-box::before {
  content: '';
  position: absolute;
  left: 345px;
  top: -6px;
  padding: 5px;
  border: inherit;
  background: inherit;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg); }

.operation-header-v1 .pd {
  padding-left: 20px;
  padding-right: 20px; }

.operation-header-v1 .my-info-list {
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 15px;
  margin-bottom: 10px; }

.operation-header-v1 .my-safe {
  padding-bottom: 5px; }

.operation-header-v1 .user-info-right > .name {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px; }

.operation-header-v1 .name-box h5 {
  font-size: 14px;
  line-height: 34px;
  font-weight: bold;
  color: #666; }

.operation-header-v1 .name-box ul li {
  margin-top: 5px; }

.operation-header-v1 .name-box ul li > span {
  float: left;
  line-height: 24px;
  width: 83px; }

.operation-header-v1 .name-box ul li > div {
  position: relative;
  float: left; }

.operation-header-v1 .name-box ul li > i {
  float: left;
  line-height: 24px;
  color: #6699cc;
  cursor: pointer; }

.operation-header-v1 .name-box ul li > div input {
  display: block;
  line-height: 22px;
  border: 1px #fff solid;
  height: 22px;
  background: #fff;
  padding: 0 5px; }

.operation-header-v1 .layui-btn-group {
  width: 55px;
  display: none;
  margin-left: 165px;
  margin-top: -24px;
  white-space: nowrap; }

.operation-header-v1 .layui-btn-group .layui-btn-small {
  line-height: 24px;
  height: 24px;
  padding: 0 5px; }

.operation-header-v1 .login-quit {
  display: inline-block;
  margin-bottom: 6px;
  border-top: 1px #e5e5e5 solid;
  text-align: center;
  height: 30px;
  line-height: 36px;
  padding: 0 -20px;
  color: black;
  text-align: center;
  width: 100%;
  cursor: pointer; }

/* operation header v1 $$$$ */
/* operation aside v1 ^^^^ */
.main-wrap-v1 .opration-aside * {
  box-sizing: border-box; }

.admin-layout-v1 {
  display: flex;
  flex-direction: column;
  height: 100%; }

.main-wrap-v1 {
  position: relative;
  z-index: 950;
  display: flex;
  flex-grow: 1; }

.admin-layout-v1 .opration-aside {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px; }

.admin-layout-v1 .operation-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 90px;
  height: calc(100vh - 50px);
  margin-top: -1px;
  padding-top: 8px;
  color: rgba(212, 212, 212, 0.996);
  background: #1e2834; }

.admin-layout-v1 .operation-menu li {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 16px;
  cursor: pointer; }

.admin-layout-v1 .operation-menu .operation-aside-acount {
  width: 5px;
  height: 5px;
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
  display: block;
  -webkit-transform: scale(1);
  min-width: auto;
  color: #e4393c;
  top: 10px;
  right: 13px; }

.admin-layout-v1 .operation-menu .null {
  cursor: inherit; }

.admin-layout-v1 .operation-menu li a {
  display: flex;
  align-items: center;
  height: 40px;
  color: rgba(212, 212, 212, 0.995); }

.admin-layout-v1 .operation-menu li.hover {
  background: #434e6c; }

.admin-layout-v1 .operation-menu .operation-menu-list li.active {
  color: #273543;
  background: #38f; }

.admin-layout-v1 .operation-menu .operation-menu-list li.active .icon-a {
  display: none; }

.admin-layout-v1 .operation-menu .operation-menu-list li.active .icon-b {
  display: block; }

.operation-submenu-list .line {
  height: 1px;
  margin: 19px 12px 20px;
  background: #ededed; }

.operation-submenu {
  border-right: 1px #e6e8ec solid; }

.admin-layout-v1 .operation-menu li.active a {
  color: #fff; }

.admin-layout-v1 .operation-menu li.hover a {
  color: #fff; }

.admin-layout-v1 .operation-menu li.hover .icon-a {
  display: block; }

.admin-layout-v1 .operation-menu li.hover .icon-b {
  display: none; }

.admin-layout-v1 .operation-menu li i {
  flex-shrink: 0;
  width: 24px;
  font-size: 20px;
  text-align: left; }

.admin-layout-v1 .operation-menu li .icon-b {
  display: none; }

.admin-layout-v1 .operation-menu-list li span {
  white-space: nowrap; }

.admin-layout-v1 .operation-menu-option {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 16px;
  white-space: nowrap;
  color: rgba(212, 212, 212, 0.996);
  cursor: pointer; }

.admin-layout-v1 .operation-menu-option i {
  width: 22px;
  font-size: 18px;
  text-align: left; }

.admin-layout-v1 .operation-menu-option.hover {
  color: #fff;
  background: #434e6c; }

.admin-layout-v1 .operation-menu-option.active {
  color: #fff;
  background: #38f; }

.operation-menu-option .icon-b {
  display: none; }

.operation-menu-option.hover .icon-b {
  display: none; }

.operation-menu-option.hover .icon-a {
  display: block; }

.operation-menu-option.active .icon-b {
  display: block; }

.operation-menu-option.active .icon-a {
  display: none; }

.operation-submenu {
  position: relative;
  width: 130px;
  height: calc(100vh - 51px);
  padding-top: 7px;
  padding-bottom: 40px;
  color: #666;
  background: #fff; }

.operation-submenu::-webkit-scrollbar {
  display: none; }

.operation-submenu-box {
  height: 100%;
  overflow: hidden;
  overflow-y: auto; }

.operation-submenu-box::-webkit-scrollbar {
  display: none; }

.operation-content-v1 {
  flex-grow: 1;
  height: calc(100vh - 51px);
  padding: 0 8px;
  overflow: auto;
  overflow-x: hidden; }

.operation-submenu-item {
  display: flex;
  flex-direction: column;
  margin-left: 8px; }

.operation-submenu-item a {
  position: relative;
  color: #666; }

.operation-submenu-item .operation-aside-num {
  font-size: 16px;
  line-height: 16px !important;
  background: #dc373c;
  color: #fff;
  border-radius: 20px;
  padding: 4px 7px;
  display: inline-block;
  text-align: center;
  font-family: Tahoma !important;
  transform: scale(0.6);
  -ms-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
  box-sizing: content-box;
  font-weight: normal;
  transform-origin: left;
  position: absolute;
  right: 4px;
  top: 7px;
  color: #fff; }

.operation-submenu-item .operation-submenu-hd .operation-aside-num {
  position: initial;
  margin-left: -4px;
  margin-top: -16px; }

.gks_body_box > .content-box > .queue-content > .person-admin-header.gks-flex > .list-select {
  right: 37px;
  top: 49px; }

.operation-submenu-item.operation-submenu-collapse .operation-aside-num {
  position: initial;
  margin-left: -4px;
  margin-top: -15px;
  min-width: 12px;
  max-width: 100px;
  flex-shrink: 0; }

.operation-menu .iconfont {
  -webkit-text-stroke-width: 0; }

.layui-side-scroll .operation-aside-num {
  font-size: 16px;
  line-height: 16px !important;
  min-width: 10px;
  background: rgba(228, 57, 60, 0.8);
  color: #fff;
  border-radius: 4px;
  padding: 4px 6px;
  display: inline-block;
  text-align: center;
  font-family: Tahoma !important;
  transform: scale(0.7);
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
  box-sizing: content-box;
  font-weight: normal;
  transform-origin: right;
  position: absolute;
  right: 42px;
  color: #fff; }

.operation-submenu-item:not(.operation-submenu-collapse) > .operation-submenu-hd.active {
  background: rgba(235, 237, 240, 0.96);
  height: 30px;
  margin: 5px 0; }

.operation-submenu-item:not(.operation-submenu-collapse) > .operation-submenu-hd {
  height: 30px;
  margin: 5px 0; }

.operation-submenu-item a:hover {
  color: #0070cc; }

.operation-submenu-item:not(.operation-submenu-collapse) a.active {
  color: #0070cc; }

.operation-submenu-collapse:hover .operation-submenu-hd {
  color: #666; }

.operation-submenu-hd {
  display: flex;
  height: 40px;
  align-items: center; }

.operation-submenu-hd i {
  flex-shrink: 0;
  width: 16px;
  font-size: 16px;
  transform: rotate(180deg);
  transition: transform 0.1s; }

.operation-submenu-hd span {
  white-space: nowrap; }

.operation-submenu-bd {
  transition: max-height 0.1s;
  overflow: hidden; }

.operation-submenu-bd li {
  display: flex;
  align-items: center;
  height: 40px; }

.operation-submenu-bd li i {
  position: absolute;
  right: 4px;
  top: 5px;
  display: block;
  /*min-width: 24px;*/
  padding: 2px 4px;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  border-radius: 3px;
  color: #fff;
  background: rgba(228, 57, 60, 0.8); }

.operation-submenu-bd a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 0 5px 24px;
  overflow: hidden;
  white-space: nowrap; }

.operation-submenu-bd .active a {
  color: #0070cc;
  background: rgba(235, 237, 240, 0.96); }

.operation-submenu-item.active .operation-submenu-hd i {
  transform: rotate(90deg); }

.operation-submenu-item.active .operation-submenu-bd {
  max-height: 0 !important; }

.operation-submenu-list {
  display: none; }

.operation-submenu-list.active {
  display: block; }

.operation-menu-list {
  overflow-y: auto;
  overflow-x: hidden; }

.operation-menu-list::-webkit-scrollbar {
  display: none; }

.quick-submenu-btn {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: 0;
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
  background: #fff; }

.quick-submenu-btn i {
  font-size: 22px; }

.admin-layout-v1 .operation-menu-list .bottom {
  display: none; }

.operation-submenu-absolute {
  position: absolute;
  left: 90px;
  z-index: 1000000000;
  display: none; }

.operation-submenu-absolute.submenu-block {
  display: block; }

/* operation aside v1 $$$$ */
/* mini btn drop -- has second drop start */
.btn-mini-drop-clone .second-drop-down, .btn-mini-drop .second-drop-down {
  padding-left: 0; }

.has-second-drop-down > li:not(.second-drop-down) {
  padding-left: 21px; }

.has-second-drop-down .related-Details {
  position: relative;
  top: 3px;
  font-size: 21px; }

.btn-mini-drop-clone .second-drop-down ul {
  display: none; }

.btn-inside-drop-list {
  position: absolute;
  z-index: 10000;
  background: #fff;
  box-shadow: rgba(50, 50, 50, 0.2) 0px 0px 3px;
  padding: 3px 0;
  text-align: left;
  color: #0a82dc; }

.btn-inside-drop-list li {
  padding: 5px 10px;
  line-height: 22px;
  color: #0a82dc;
  cursor: pointer; }

.btn-mini-drop-list .layui-btn-mini.btn-mini-normal {
  color: #0a82dc; }

/* mini btn drop -- has second drop end */
/** 折叠面板Start **/
.page-collapse {
  display: flex;
  justify-content: space-between; }

.page-collapse .page-colla-item {
  flex-grow: 1;
  max-width: 100%; }

.page-collapse .page-colla-item[flex-grow='2'] {
  flex-grow: 2; }

.page-collapse .page-colla-item[flex-grow='3'] {
  flex-grow: 3; }

.page-collapse .page-colla-item[flex-grow='4'] {
  flex-grow: 4; }

.page-collapse .page-colla-item[flex-grow='5'] {
  flex-grow: 5; }

.page-collapse .page-colla-item[flex-grow='6'] {
  flex-grow: 6; }

.page-collapse .page-colla-close {
  margin-bottom: 10px; }

.page-collapse .page-colla-label {
  background: #f7f8fa;
  line-height: 20px;
  padding: 7px 20px; }

.page-collapse .page-colla-label::after {
  display: block;
  content: '';
  clear: both; }

.page-collapse .page-colla-label h2 {
  font-size: 12px;
  font-weight: bold;
  float: left; }

.page-collapse .page-colla-label .page-colla-line {
  width: 3px;
  height: 14px;
  background: #2b82ff;
  margin-right: 10px;
  margin-top: 3px;
  float: left; }

.page-collapse .page-colla-content {
  padding: 10px 20px;
  max-height: 10000px;
  height: auto;
  overflow: initial;
  transition: 0.2s linear; }

.page-collapse .page-colla-close .page-colla-content {
  height: 0px !important;
  padding: 0px 20px;
  overflow: hidden;
  transition: 0.2s linear; }

.page-collapse .page-colla-icon {
  cursor: pointer;
  color: #666; }

/** 折叠面板End **/
.gks-required-sign {
  color: #e15a44; }

.layui-form-label .gks-required-sign {
  width: 5px;
  color: #e15a44;
  margin-right: -7px;
  margin-left: 2px;
  line-height: 5px;
  display: inline-block;
  vertical-align: 1px; }

.layui-form-label .gks-question-icon {
  font-size: 14px;
  color: #ffba30;
  cursor: pointer;
  margin-left: 2px;
  margin-right: -16px;
  position: relative; }

.operation-content-v1 .briefing-report-wrapper {
  height: auto;
  overflow: auto; }

.operation-content-v1 .briefing-report-wrapper .briefing-report-condition,
.operation-content-v1 .briefing-report-wrapper .briefing-report-content {
  padding: 0; }

.operation-content-v1 .manual-wrap .person-admin-wrapper {
  padding: 0; }

.main-wrap-v1 .manual-wrap .correct-mistake {
  position: absolute;
  background-color: white;
  width: 520px;
  text-align: center;
  box-sizing: border-box;
  left: 50%;
  margin-left: -338px;
  z-index: 10000; }

.operation-content-v1 .show-payment-list th {
  text-align: left; }

.page-separate .page-separate-item .page-separate-line {
  width: 3px;
  height: 14px;
  background: #2b82ff;
  margin-right: 12px;
  margin-top: 3px;
  float: left; }

.page-separate .page-separate-label h2 {
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin: 0;
  margin-right: 12px; }

.page-separate .page-separate-label {
  line-height: 20px;
  padding: 10px 0;
  overflow: hidden;
  display: flex; }

.page-separate .hHorizontal-line {
  height: 0px;
  border-bottom: 1px dashed #b4bbc5;
  flex-grow: 1;
  margin-top: 10px; }

.page-separate {
  display: flex;
  justify-content: space-between; }

.page-separate .page-separate-item {
  flex-grow: 1;
  max-width: 100%; }

.page-separate .gks-font-color {
  color: #0070cc; }

.btn-theme-box .gks-radio-switch-active {
  background-color: #0070cc !important;
  color: #fff !important; }

.layui-table-footer {
  padding: 10px;
  margin-top: -1px !important;
  height: 50px;
  line-height: 30px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-bottom: none; }

.layui-table-footer .layui-table-footer-option {
  display: flex;
  align-items: center; }

.layui-table-footer .layui-form-checkbox[lay-skin=primary] {
  padding-left: 18px;
  margin-top: -1px;
  margin-right: 10px; }

.layui-table-footer .laypage-total-count {
  line-height: 30px !important; }

.layui-table-footer .layui-laypage {
  margin-left: 10px; }

.layui-table-footer .layui-table-footer-page {
  margin-top: 0px !important; }

.layui-table-footer .lay-btn-pull-wrap .iconfont {
  transition: all .2s; }

.layui-table-footer .lay-btn-pull-wrap .lay-btn-pull-group {
  opacity: 0;
  visibility: hidden;
  top: inherit;
  bottom: 0px;
  left: -1px;
  transition: all .2s; }

.layui-table-footer .lay-btn-pull-wrap:hover .iconfont {
  transform: rotate(180deg); }

.layui-table-footer .lay-btn-pull-wrap:hover .lay-btn-pull-group {
  visibility: visible;
  opacity: 1;
  bottom: 28px; }

.main-wrap-v1 .order-manual .correct-mistake .modify-content li {
  padding: 0px;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  display: flex; }

.main-wrap-v1 .order-manual .correct-mistake .modify-content .product-name {
  padding: 5px;
  padding-right: 0; }

.main-wrap-v1 .order-manual .modify-content .product-name {
  display: inline-block;
  margin-right: 30px;
  width: 390px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1; }

.main-wrap-v1 .order-manual .correct-mistake .modify-content {
  border-top: none;
  width: 500px;
  font-size: 12px;
  margin: 0 auto; }

.main-wrap-v1 .order-manual .correct-mistake .modify-text {
  border: 1px #d9d9d9 solid;
  width: 490px;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  outline: none;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 3px; }

.main-wrap-v1 .order-manual .correct-mistake {
  position: absolute;
  background-color: white;
  width: 520px;
  text-align: center;
  box-sizing: border-box;
  left: 50%;
  margin-left: -338px;
  z-index: 10000; }

/* 输入框规范-错误提示相关 */
/* 输入框为输入状态的边框颜色 */
.gks-form-focus:focus {
  border-color: #0070cc !important; }

/* 输入框校验不通过的状态 */
.gks-form-errorinput {
  border-color: #e13438; }

.gks-form-errorinput:hover {
  border-color: #e13438 !important; }

/* 错误信息的样式 */
.gks-form-errortext {
  color: #e13438; }

.person-admin-wrapper .layui-form-checkbox[lay-skin=primary] span {
  line-height: 16px; }

.no-search-result {
  color: #999;
  background: #fff;
  text-align: center;
  pointer-events: none; }

.rectangle-tip-container {
  position: absolute; }

.rectangle-tip-arrow {
  position: absolute;
  border: 6px solid transparent; }

.rectangle-tip-arrow-top {
  top: -12px;
  border-bottom-color: #fff; }

.rectangle-tip-arrow-right {
  right: -12px;
  border-left-color: #fff; }

.rectangle-tip-arrow-bottom {
  bottom: -12px;
  border-top-color: #fff; }

.rectangle-tip-arrow-left {
  left: -12px;
  border-right-color: #fff; }

.shop-switch-container {
  display: flex;
  flex-direction: column;
  width: 300px;
  background: #fff;
  cursor: pointer; }

.shop-switch-container .shop-switch::before {
  content: '';
  position: absolute;
  top: 47px;
  width: 268px;
  height: 1px;
  background: #eee; }

.shop-switch-container .shop-switch::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -6px;
  width: 6px;
  height: 100px; }

.shop-switch-container .shop-switch,
.shop-switch-container .access-shop {
  display: flex;
  align-items: center;
  padding: 0 16px;
  line-height: 47px;
  font-size: 14px;
  color: #111;
  text-decoration: none; }

.shop-switch-container .access-shop {
  position: relative; }

.shop-switch-container .shop-switch > :first-child,
.shop-switch-container .access-shop > :first-child {
  min-width: 60px;
  flex-grow: 1; }

.shop-switch-container .shop-switch:hover,
.shop-switch-container .access-shop:hover {
  background: #3388FF;
  color: #fff; }

.shop-switch-container .shop-switch .shop-icon {
  width: 16px;
  height: 16px;
  font-size: 0;
  border-radius: 50%;
  justify-content: flex-end; }

.shop-switch-container .shop-name,
.shop-switch-container .direction-icon,
.shop-switch-container .domain-name {
  font-size: 12px;
  line-height: 1.5;
  text-align: justify; }

.shop-switch-container .domain-name {
  justify-content: flex-end;
  text-align: justify; }

.shop-switch-container .direction-icon {
  text-indent: -2px;
  justify-content: flex-end; }

.shop-switch-container .shop-switch:hover .shop-name,
.shop-switch-container .shop-switch:hover .direction-icon,
.shop-switch-container .access-shop:hover .domain-name {
  color: #fff; }

.shop-switch-container .shop-name {
  margin: 0 16px 0 4px; }

.shop-switch-container .domain-name {
  word-break: break-all; }

.shop-switch-container .shop-item-container {
  top: 0;
  right: -266px;
  width: 260px;
  background: #fff; }

.shop-switch-container .shop-item-container .shop-item {
  display: flex;
  align-items: center;
  height: 47px;
  padding: 0 16px;
  font-size: 12px;
  color: inherit;
  text-decoration: none; }

.shop-switch-container .shop-item-container .shop-item:hover {
  background: #f8f8f8;
  color: #3388FF; }

.shop-item-container .rectangle-tip-arrow {
  top: 5px; }

.shop-item-container {
  display: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }

.shop-item-container:hover {
  display: block; }

.shop-switch-container .shop-switch:hover ~ .shop-item-container {
  display: block; }

.shop-item-container .shop-item .shop-item-name {
  margin-left: 4px;
  line-height: 1.5;
  text-align: justify; }

.shop-item-container .shop-item img {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%; }

.shop-switch-container {
  position: absolute;
  top: 50px;
  left: 16px;
  z-index: 9999999;
  display: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }

.shop-switch-container:hover {
  display: block; }

/* 两行省略号 只适用于谷歌浏览器 */
.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.current-shop-color {
  color: #3388FF; }

.operation-submenu-bd > li > a[href="line"] {
  height: 1px;
  margin: 12px;
  padding: 0;
  overflow: hidden;
  background: #ededed;
  color: #ededed; }

.more-search-btn, .noraml-search-btn {
  display: flex;
  align-items: center; }

.drop-down-wrap {
  display: inline-block;
  position: relative;
  width: 170px;
  margin-left: 10px; }

.drop-down-inline {
  position: relative;
  cursor: pointer; }

body .drop-down-inline .drop-down-input {
  padding-right: 28px; }

.drop-down-inline .icon-edge {
  position: absolute;
  top: 2px;
  right: 4px;
  font-size: 22px;
  color: #c2c2c2;
  background-color: transparent; }

.drop-down-list {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  border: 1px solid #d2d2d2;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  box-sizing: border-box; }

.drop-down-list li {
  position: relative;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer; }

.drop-down-list .select-tips {
  color: #999; }

.drop-down-list li.active {
  color: #fff;
  background-color: #0070cc; }

.drop-down-list li span {
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.drop-down-list li i {
  position: absolute;
  padding: 0 3px;
  right: 0;
  display: none; }

.drop-down-list li:not(.active):hover {
  background-color: #f2f2f2;
  transition: .5s all; }

.drop-down-list li i:hover {
  color: #0070cc; }

.drop-down-list li.active i:hover {
  color: #fff; }

.drop-down-list li.retrieval-hide {
  display: none; }

.select-none {
  margin: 5px 0;
  text-align: center;
  color: #999; }

body .layui-layer-btn .layui-layer-btn0.btn0-disabled {
  cursor: not-allowed !important;
  background-color: #ebebeb !important;
  color: #c1c1c1 !important;
  border-color: transparent !important; }

.radio-tab .layui-btn-disabled:hover {
  color: #bbb; }

.bank-account-input {
  min-width: 280px;
  width: 280px; }

.bank-account-input.enty-number-focus {
  border-color: #8cb5de !important; }

.magnifier-bank-account {
  position: absolute;
  top: -30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #5e5e5e;
  padding: 0 10px;
  border: 1px solid #8cb5de;
  background-color: #fafcfe;
  border-bottom: 1px solid #ecf3f9;
  width: calc(100% - 22px);
  display: none; }

.layui-tab-menu {
  border-right: 1px solid #e6e6e6;
  height: 100%; }

.layui-tab-menu .layui-tab-title {
  display: flex;
  flex-direction: column;
  height: 100%; }

.layui-tab-menu .layui-tab-title li {
  padding: 10px 20px 10px 30px;
  margin-bottom: 10px;
  margin-right: -2px;
  border-right: 2px solid transparent;
  font-size: 12px; }

.layui-tab-brief.layui-tab-menu > .layui-tab-title .layui-this:after {
  height: 41px;
  border-bottom: none !important;
  border-right: 2px solid #0070cc !important; }

.layui-tab-menu .layui-tab-bar {
  display: none; }

/*input{
  min-width: 360px;
}*/
.city-picker-input {
  opacity: 0 !important;
  top: -9999px;
  left: -9999px;
  position: absolute; }

.city-picker-span {
  position: relative;
  display: inline-block;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* border: 1px solid #ccc;*/
  border: 1px solid #e6e6e6;
  background-color: #fff;
  color: #ccc;
  width: 100%;
  cursor: pointer;
  border-radius: 0 2px 2px 0; }

.city-picker-span > .placeholder {
  color: #757575;
  padding-left: 5px; }

.city-picker-span > .arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  margin-top: -3px;
  height: 5px;
  background: url(../images/drop-arrow.png) -10px -25px no-repeat; }

.city-picker-span.open > .arrow {
  background-position: -10px -10px; }

.city-picker-span > .title > span {
  color: #333;
  padding: 5px;
  font-size: 12px;
  border-radius: 3px; }

.city-picker-dropdown {
  position: absolute;
  width: 315px;
  left: -9999px;
  top: -9999px;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 999999;
  display: none;
  min-width: 330px;
  margin-bottom: 20px; }

.city-select-wrap {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd; }

.city-select-tab {
  border-bottom: 1px solid #ccc;
  background: #f0f0f0;
  font-size: 13px;
  line-height: 22px; }

.city-select-tab > a {
  display: inline-block;
  padding: 8px 22px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid transparent;
  color: #4D4D4D;
  text-align: center;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: -1px; }

.city-select-tab > a.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #0070cc; }

.city-select-tab > a:first-child {
  border-left: none; }

.city-select-tab > a:last-child.active {
  border-right: 1px solid #ccc; }

.city-select-content {
  min-height: 10px;
  background-color: #fff;
  padding: 10px 4px; }

.city-select {
  font-size: 12px; }

.city-select dl {
  clear: both;
  padding: 3px 0;
  margin: 0; }

.city-select dt {
  position: absolute;
  width: 30px;
  font-weight: 500;
  text-align: right;
  line-height: 23px; }

.city-select dd {
  margin-left: 0; }

.city-select.province dd {
  margin-left: 3em; }

.city-select a {
  display: inline-block;
  padding: 0 3px;
  outline: 0;
  color: #333;
  font-size: 12px;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.city-select a:hover,
.city-select a:focus {
  background-color: rgba(0, 112, 204, 0.1);
  border-radius: 2px; }

.city-select a.active {
  background-color: #0070cc;
  color: #fff;
  border-radius: 2px; }

.city-select dd .city-select-item {
  display: inline-block;
  margin-bottom: -10px;
  cursor: pointer;
  height: 25px;
  line-height: 25px; }

.province dd .city-select-item {
  width: 70px; }

.city dd .city-select-item, .district dd .city-select-item {
  width: 80px; }

.city-picker-span .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%; }

/** ----- 批量搜索文本框Satrt ----- **/
.multifunc-input-wrap {
  position: relative;
  padding-right: 30px; }

.search-conditions-wrapper .layui-row .multifunc-input-wrap {
  flex-grow: 1; }

.multifunc-input-wrap .multifunc-clear-icon {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 30px;
  padding: 0 3px;
  line-height: 30px;
  cursor: pointer;
  transition: all .2s;
  opacity: 0; }

.multifunc-input-wrap .multifunc-input {
  padding-right: 20px; }

.multifunc-input-wrap .multifunc-input:hover + .multifunc-clear-icon {
  opacity: 1;
  visibility: visible; }

.multifunc-input-wrap .multifunc-clear-icon:hover {
  opacity: 1;
  visibility: visible; }

.multifunc-input-wrap .show-batch-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #e6e6e6;
  border-left: none;
  box-sizing: border-box;
  text-align: center;
  line-height: 30px;
  background-color: #efefef;
  color: #666;
  cursor: pointer; }

.multifunc-input-wrap .multifunc-batch-anim-upbit {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  z-index: 999; }

.multifunc-input-wrap.batch-active .multifunc-batch-anim-upbit {
  display: block; }

.multifunc-input-wrap .multifunc-batch-anim-upbit textarea {
  border: none;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
  min-width: 180px;
  min-height: 120px;
  max-height: 500px;
  max-width: 500px; }

.multifunc-input-wrap .multifunc-batch-btns,
.multifunc-input-wrap .multifunc-multiple-btns {
  padding: 5px;
  border-top: 1px solid #e6e6e6;
  line-height: 26px;
  min-width: 180px;
  box-sizing: border-box; }

.multifunc-input-wrap .multifunc-multiple-btns {
  min-width: 130px; }

.multifunc-input-wrap .multifunc-batch-btns i,
.multifunc-input-wrap .multifunc-multiple-btns i {
  margin-left: 5px;
  cursor: pointer; }

.multifunc-input-wrap .multifunc-batch-btns .batch-sure,
.multifunc-input-wrap .multifunc-multiple-btns .multiple-sure {
  display: inline-block;
  color: #fff;
  height: 26px;
  padding: 0px 10px;
  text-align: center; }

.multifunc-batch-extra,
.multifunc-multiple-extra {
  padding: 5px;
  border-top: 1px solid #e6e6e6; }

/* 单选 */
.multifunc-input-wrap .multifunc-vague-anim-upbit {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  width: calc(100% - 30px);
  min-width: 120px;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 20px;
  z-index: 999; }

.multifunc-input-wrap.vague-active .multifunc-vague-anim-upbit {
  display: block; }

.multifunc-input-wrap .multifunc-vague-anim-upbit li {
  padding: 5px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.multifunc-input-wrap .multifunc-vague-anim-upbit li.active {
  background: rgba(50, 137, 199, 0.3); }

.multifunc-input-wrap .multifunc-vague-anim-upbit li:not(.active):hover {
  background: rgba(50, 137, 199, 0.2); }

.multifunc-input-wrap .multifunc-vague-anim-upbit .multifunc-vague-none {
  padding: 5px;
  text-align: center;
  color: #999; }

.multifunc-input-wrap .multifunc-search-none {
  padding: 5px;
  text-align: center;
  color: #999; }

/* 多选 */
.multifunc-input-wrap .multifunc-multiple-box {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  width: calc(100% - 30px);
  min-width: 130px;
  /*max-height: 300px;*/
  /*overflow: auto;*/
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 20px;
  z-index: 999; }

.multiple-active .multifunc-multiple-box {
  display: block; }

.multifunc-input-wrap .multifunc-multiple-input {
  padding: 5px;
  border-bottom: 1px solid #e6e6e6;
  position: relative; }

.multifunc-input-wrap .multifunc-multiple-input input {
  padding-right: 20px; }

.multifunc-input-wrap .multifunc-multiple-input .multiple-clear-icon {
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 20px;
  color: #999;
  cursor: pointer; }

.multifunc-input-wrap .multifunc-multiple-anim-upbit {
  max-height: 260px;
  padding: 5px 0px;
  overflow: auto;
  background-color: #fff;
  line-height: 20px;
  z-index: 999; }

.multifunc-input-wrap .multifunc-multiple-anim-upbit li {
  padding: 5px;
  padding-right: 20px;
  cursor: pointer;
  position: relative; }

.multifunc-input-wrap .multifunc-multiple-anim-upbit li.active {
  background: rgba(50, 137, 199, 0.3); }

.multifunc-input-wrap .multifunc-multiple-anim-upbit li:not(.active):hover {
  background: rgba(50, 137, 199, 0.2); }

.multifunc-input-wrap .multifunc-multiple-anim-upbit li span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.multifunc-input-wrap .multifunc-multiple-anim-upbit li i {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  color: #fff; }

.multifunc-input-wrap .multifunc-multiple-anim-upbit li.active i {
  color: #0070cc; }

.multifunc-hide-batch {
  padding-right: 0px; }

.multifunc-hide-batch .show-batch-icon {
  display: none; }

.multifunc-hide-batch .multifunc-clear-icon {
  right: 0; }

.multifunc-hide-batch .multifunc-multiple-box,
.multifunc-hide-batch .multifunc-vague-anim-upbit {
  width: 100%; }

/** ----- 批量搜索文本框End ----- **/
/* ---------------------------------------------------------------- */
/** ----- 模糊搜索模块Start ----- **/
.vague-input-wrap {
  position: relative; }

.vague-input-wrap .vague-input:hover {
  padding-right: 20px; }

.vague-input-wrap .vague-input:hover + .vague-clear,
.vague-input-wrap:hover .vague-clear {
  display: block; }

.vague-input-wrap .vague-clear {
  display: none;
  position: absolute;
  top: 0px;
  right: 3px;
  line-height: 30px;
  cursor: pointer; }

.vague-input-wrap .vague-anim-upbit {
  display: none;
  width: 100%;
  min-width: 130px;
  max-height: 300px;
  line-height: 20px;
  position: absolute;
  top: 30px;
  left: 0px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background-color: #fff;
  overflow: auto;
  z-index: 999; }

.vague-input-wrap .vague-anim-upbit.vague-show {
  display: block; }

.vague-input-wrap .vague-anim-upbit ul {
  padding: 5px 0px; }

.vague-input-wrap .vague-anim-upbit ul li {
  cursor: pointer;
  line-height: 20px;
  padding: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.vague-input-wrap .vague-anim-upbit ul li.active {
  background: rgba(50, 137, 199, 0.3); }

.vague-input-wrap .vague-anim-upbit ul li:not(.active):hover {
  background: rgba(50, 137, 199, 0.2); }

.vague-input-wrap .vague-anim-upbit .vague-none {
  padding: 5px;
  text-align: center;
  color: #999; }

/** ----- 模糊搜索模块End ----- **/
/* ---------------------------------------------------------------- */
.opration-aside {
  position: relative; }

.submenu-fold-btn {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 0;
  height: 70px;
  border-left: 16px #eee solid;
  border-top: 6px transparent solid;
  border-bottom: 6px transparent solid;
  top: 50%;
  margin-top: -40px;
  transform: translate(100%);
  transition: all .2s ease;
  cursor: pointer; }

.submenu-fold-btn:hover {
  border-left: 18px #eee solid; }

.submenu-fold-btn:hover::before,
.submenu-fold-btn:hover::after {
  background: #666; }

.submenu-fold-btn-collapse.submenu-fold-btn::before {
  transform: rotate(40deg); }

.submenu-fold-btn-collapse.submenu-fold-btn::after {
  transform: rotate(-40deg); }

.submenu-fold-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 23px;
  left: -9px;
  height: 9px;
  width: 1px;
  background: #aaa;
  transform: rotate(-40deg); }

.submenu-fold-btn::after {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  left: -9px;
  height: 9px;
  width: 1px;
  background: #aaa;
  transform: rotate(40deg); }

/* nestedTable-table line-theme */
.nestedTable-theme-line .nestedTable-body-item {
  border-right: 1px #eee solid !important; }

.nestedTable-theme-line .nestedTable-header-item::after {
  height: 100%;
  top: 0; }

.table-extend-layer .layui-tab {
  position: relative; }

.table-extend-layer .layui-tab .extend-control-box {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 10; }

body .admin-layout-v1 .help-center .aside.questions-aside .menu li .menu-header {
  height: 33px;
  color: #666; }

body .help-center .aside.questions-aside .menu li .menu-header a {
  color: #666; }

body .help-center .aside .menu dd {
  margin: 5px 0; }

.gks-bg-untreated {
  background-color: #7d91a9; }

.gks-bg-processes {
  background-color: #e4393ccc; }

.gks-bg-finish {
  background-color: #4ab54e; }

.gks-bg-state {
  display: inline-block;
  min-width: 30px;
  padding: 2px 5px;
  border-radius: 2px;
  text-align: center;
  color: #fff; }

.text-ellipsis-inline {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom; }

.footer-info {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  border-top: 1px solid #efefef;
  padding: 15px 22px 15px 8px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 9999; }

.footer-info .footer-info-inner {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.footer-info-right {
  display: flex;
  align-items: center; }

.footer-info-left {
  height: 100%;
  display: flex;
  align-items: center; }

.footer-amount-info-type2 {
  text-align: right; }

.footer-info-left span {
  font-size: 18px;
  color: #f27d00; }

.footer-amount-info-type1 span {
  color: #f27d00; }

.gks-font-size-20 {
  font-size: 20px; }

.gks-font-size-24 {
  font-size: 24px; }

.layui-laydate-range .layui-laydate-footer span[lay-type="date"] {
  color: #666; }

body .layui-laydate.layui-laydate-range .layui-laydate-header {
  background-color: #fff !important;
  color: #000 !important; }

body .layui-laydate-range .layui-table thead tr {
  background-color: #fff !important; }

.layui-laydate-range .laydate-time-list ol li {
  padding-left: 21px; }

.layui-laydate-range .layui-laydate-header i:hover, .layui-laydate-range .layui-laydate-header span:hover {
  color: #0070cc; }

.layui-laydate-range .layui-laydate-content th, .layui-laydate-range .layui-laydate-content td {
  font-size: 14px; }

.multiple-list li .disabled-btn {
  float: right;
  font-weight: normal;
  margin-right: 5px; }

.multiple-list li.multiple-con-hide {
  display: none; }

.gks-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.4); }

.gks-loading .gks-loading-icon {
  height: 86px;
  line-height: 86px;
  font-size: 36px;
  animation: my-layui-rotate 1s linear infinite; }

@keyframes my-layui-rotate {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }

/* 隐藏清空按钮 */
.retrieval-item-clear-btn {
  display: none; }

.noraml-search-btn .gks-btn-default {
  display: none; }

.notes-list-box .iconfont {
  display: none;
  vertical-align: middle;
  font-size: 14px;
  color: #0070cc;
  cursor: pointer; }

.notes-list-box .iconfont.active {
  display: inline-block;
  color: #0070cc; }

.notes-list-box {
  white-space: nowrap; }

.notes-list-box:hover .iconfont {
  display: inline-block; }

.notes-list-box span {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 17px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.notes-layer-box .tit {
  font-size: 14px; }

.notes-layer-box {
  display: none;
  position: absolute;
  width: 400px;
  height: 175px;
  padding: 20px 24px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 1px 2px 7px 2px #eee;
  z-index: 10000; }

.notes-layer-box textarea {
  width: 100%;
  padding: 5px;
  height: 55px;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  resize: none;
  color: #666; }

body .layui-laydate-content td.laydate-selected {
  background-color: #d8ecfb; }

body .laydate-selected:hover {
  background-color: #d8ecfb !important; }

.tableExend-total-wrap {
  overflow: hidden;
  border-bottom: 1px #ddd solid; }

.tableExend-total {
  display: flex;
  line-height: 30px;
  box-sizing: border-box; }

.tableExend-total > div {
  padding: 0 5px;
  box-sizing: border-box;
  flex-shrink: 0;
  font-weight: bold; }

.nestedTable-body-level3 .nestedTable-body-level-list.click-active,
.nestedTable-body-level3 .nestedTable-body-level-list.click-active .nestedTable-body-item {
  background: #e5f0f7 !important; }

/** ---- layui 单层表头数据表格自定义列样式Start ---- **/
.custom-cols-wrap .layui-table-view {
  margin: 10px 0px; }

.custom-cols-wrap .layui-form-radio {
  margin-right: 10px; }

.custom-cols-wrap .layui-table-view .layui-form-radio > i {
  font-size: 18px; }

.custom-cols-wrap .layui-form-radio > i {
  margin-right: 4px; }

.custom-cols-wrap .layui-table-view td .hide-element {
  display: none; }

/** ---- layui 单层表头数据表格自定义列样式End ---- **/
/** --------- 文本编辑框2.0 (renderEditableText) Start --------- **/
.gks-editable-box {
  position: relative;
  display: inline-block;
  line-height: 30px;
  max-width: 100%; }

.gks-editable-box .gks-editatble-off {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.gks-editable-box .gks-editable-on {
  display: none;
  position: absolute;
  top: 0px;
  left: -6px;
  width: calc(100% + 12px);
  z-index: 999; }

.gks-editable-on .gks-editable-edit-btn {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  background: #f0f0f0;
  cursor: pointer;
  border-left: 1px solid #ccc;
  border-radius: 2px; }

.gks-editable-box .gks-editable-update-btns {
  display: none;
  position: absolute;
  top: 30px;
  right: 0px;
  border: 1px solid #ccc;
  background: #f0f0f0;
  padding: 5px;
  border-radius: 2px; }

.gks-editable-update-btns .layui-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer; }

.gks-editable-box .editable-input {
  border-color: #ccc !important; }

.gks-editable-box.editable-hover .gks-editable-on {
  display: block; }

.gks-editable-box.editable-focus .gks-editable-on {
  display: block; }

.gks-editable-box.editable-focus .gks-editable-edit-btn {
  display: none; }

.gks-editable-box.editable-focus .gks-editable-update-btns {
  display: block; }

.gks-editable-box.editable-focus .editable-input {
  border-color: #0070cc !important; }

.gks-editable-box.editable-loading .gks-editable-on {
  display: block; }

.gks-editable-box.editable-loading .gks-editable-edit-btn {
  display: none; }

.gks-editable-box.editable-loading .editable-input {
  background: #f0f0f0; }

.gks-editable-box.editable-loading .gks-editable-loading {
  position: absolute;
  top: 1px;
  right: 1px;
  background: #f0f0f0;
  cursor: pointer;
  border-left: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden; }

.gks-editable-box.editable-loading .gks-editable-loading i {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px; }

/** --------- 文本编辑框2.0 (renderEditableText) End --------- **/
/** --------- 保存检索项新增功能样式  --------- **/
.default-retrieval .layui-form-checkbox[lay-skin=primary] {
  margin-top: 0; }

.default-retrieval .layui-form-checkbox i {
  top: 1px; }

.drop-down-list li .defaulted-icon {
  right: 20px;
  font-size: 12px; }

.drop-down-list li .set-defaulted {
  display: inline-block;
  color: #0070cc; }

.drop-down-list li.active .set-defaulted {
  color: #fff; }

.retrieval-save-wrap {
  padding: 0; }

.retrieval-save-wrap .layui-form-item {
  display: flex;
  align-items: center; }

.retrieval-save-wrap .retrieval-name-item {
  align-items: start; }

.retrieval-save-wrap .retrieval-name-item label {
  height: 30px;
  line-height: 30px; }

/** --------------------- 多渠道新版表格样式 Start -------------------- **/
.nestedTable-more-channel-warp .nestedTable-item-style-line {
  padding: 0; }

.nestedTable-more-channel-warp .nestedTable-body .nestedTable-line {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  height: 100%; }

.nestedTable-more-channel-warp .nestedTable-body .nestedTable-line-style > div {
  line-height: 30px;
  flex-grow: 1; }

.nestedTable-more-channel-warp .nestedTable-line-style > div {
  padding: 0 5px; }

.nestedTable-more-channel-warp .nestedTable-line-style > div + div {
  border-top: 1px solid #eee; }

.nestedTable-more-channel-warp .nestedTable-body-item .layui-input {
  height: 100%;
  text-align: inherit; }

.nestedTable-more-channel-warp .nestedTable-item-style-line .layui-input {
  height: 30px;
  text-align: inherit; }

/** ----------------------- 多渠道新版表格样式 End ------------------------- **/
/** ------------------------- 询报价单编辑页切换省市 Start --------------------------**/
.new-address-wrap .show-address-wrap {
  height: 26px;
  line-height: 26px;
  border: 1px solid transparent; }

.new-address-wrap .show-address-icon {
  margin-left: 5px;
  vertical-align: -1px;
  color: #0070cc;
  cursor: pointer;
  font-size: 14px; }

.new-address-wrap .edit-address {
  position: relative;
  display: inline-block;
  /*width: 365px;*/ }

.new-address-wrap .edit-address-hd {
  border: 1px solid #e6e6e6;
  border-bottom-color: #fff;
  background-color: #fff;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  position: relative;
  z-index: 1000000; }

.new-address-wrap .edit-address-bd {
  position: absolute;
  left: 0;
  top: 27px;
  padding: 8px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  z-index: 100000;
  width: 365px;
  line-height: 18px; }

.new-address-wrap .edit-address-bd-tit {
  position: relative; }

.new-address-wrap .edit-address-bd-tit span {
  float: left;
  margin-right: 8px;
  padding: 3px 8px;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  cursor: pointer;
  background: #fff; }

.new-address-wrap .edit-address-bd-tit .active {
  position: relative;
  z-index: 11;
  border: 2px solid #0070cc;
  border-bottom: 0; }

.new-address-wrap .edit-address-bd-con li {
  display: none; }

.new-address-wrap .edit-address-bd-con .active {
  display: block; }

.new-address-wrap .edit-address-bd-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #0070cc;
  left: 0;
  top: 24px; }

.new-address-wrap .edit-address-bd-con {
  margin-top: 8px; }

.new-address-wrap .edit-address-bd-con span {
  float: left;
  padding: 3px 8px;
  margin-right: 8px;
  margin-bottom: 5px;
  cursor: pointer;
  min-width: 36px; }

.new-address-wrap .edit-address-bd-con span:hover {
  background: #0070cc;
  color: #fff; }

.new-address-wrap .edit-address-bd-con span.active {
  background: #0070cc;
  color: #fff; }

/** ------------------------- 询报价单编辑页切换省市 End --------------------------**/
/** ------------------------- 自定义列表高级配置快捷键样式 Start --------------------------**/
.custom-configure-box {
  display: flex;
  flex-direction: column; }

.custom-configure-box > div {
  display: flex; }

.custom-key-config-select,
.custom-key-config-cont {
  display: flex; }

.custom-key-config-title,
.custom-key-config-title {
  line-height: 30px; }

.custom-configure-box {
  display: flex;
  flex-direction: column; }

.custom-key-config-select,
.custom-key-config-cont {
  display: flex; }

.custom-key-config-title,
.custom-enter-config-title,
.custom-tab-config-title {
  line-height: 30px; }

.custom-key-config-title {
  width: 90px; }

.custom-enter-config-title,
.custom-tab-config-title {
  width: 100px; }

/** ------------------------- 自定义列表高级配置快捷键样式 End --------------------------**/