@charset "UTF-8";
/*定义公共部分通用css，默认所有页面都需要加载 2016/08/17*/
:root {
  --color: #F7BD00;
  --color-active: rgba(247, 208, 42, 0.8);
  --color-hint: #FF3838;
  --border-deep: #DDDDDD;
  --border-middle: #EEEEEE;
  --border-light: #fcfcfc;
  --font-title: #333;
  --font-normal: #666;
  --font-tips: #999;
  --font-high: #FF3838;
  --disabled: #b3b3b3;
  --bg-color: #fDDDDDD;
  --btn-color: #ffb919;
  --orangey-red: #ff3838;
  --orange: #ffb67a;
  --orange-hover: #cc9e38;
  --orange-red: rgba(255, 99, 80, 0.9);
  --font-green: #4db814; }

.theme-dc3848 {
  --color: #DC3848;
  --color-active: rgba(231, 47, 62, 0.8); }

.theme-eb382f {
  --color: #eb382f;
  --color-active: #d1322a; }

.theme-fb6321 {
  --color: #fb6321;
  --color-active: #fc824d; }

.theme-b25724 {
  --color: #b25724;
  --color-active: #994b1f; }

.theme-dbaf58 {
  --color: #dbaf58;
  --color-active: #c29b4e; }

.theme-fab414 {
  --color: #fab414;
  --color-active: #e0a212; }

.theme-23982d {
  --color: #23982d;
  --color-active: #4fac57; }

.theme-f566d3 {
  --color: #f566d3;
  --color-active: #db5cbe; }

.theme-c38cfa {
  --color: #c38cfa;
  --color-active: #b07ee0; }

.theme-1c69e6 {
  --color: #1c69e6;
  --color-active: #185dcc; }

.theme-20ade5 {
  --color: #20ade5;
  --color-active: #4dbdea; }

.theme-0ec2b9 {
  --color: #0ec2b9;
  --color-active: #10E1D7; }

.theme-282828 {
  --color: #282828;
  --color-active: #494949; }

.theme-2d6285 {
  --color: #2d6285;
  --color-active: #285473; }

.theme-9c1fff {
  --color: #9c1fff;
  --color-active: #8C1CE6; }

* {
  box-sizing: border-box; }

html,
body,
div,
span,
object,
iframe, h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

html {
  height: 100%; }

body {
  height: 100%;
  overflow-x: hidden;
  overflow-: auto;
  min-width: 320px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  font-family: Helvetica, Microsoft YaHei, Lucida Grande, Arial;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  /* IOS禁止微信调整字体大小 */
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important; }

input::-ms-clear,
textarea::-ms-clear,
input::-ms-clear,
textarea::-ms-reveal {
  display: none; }

input,
select,
textarea,
button {
  font-family: Helvetica, Microsoft YaHei, Lucida Grande, Arial;
  vertical-align: middle;
  outline: none; }
  input:-webkit-autofill,
  select:-webkit-autofill,
  textarea:-webkit-autofill,
  button:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset; }

h1,
h2,
h3,
h4,
h5,
h6,
i,
b {
  font-weight: normal; }

i {
  font-style: normal; }

ul,
ol,
li {
  list-style-type: none; }

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%; }

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

iframe {
  border: none; }

a {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  display: block; }

a:link,
a:visited {
  color: inherit;
  text-decoration: none; }

a:hover,
a:active {
  color: inherit;
  text-decoration: none; }

/* 取消苹果圆角 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
button,
textarea {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  padding-inline-end: 0px;
  padding-inline-start: 0px; }

::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  /* 滑块颜色 */
  border-radius: 4px;
  /* 滑块圆角 */ }

/* placeholder  */
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b3b3b3;
  text-align: left; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b3b3b3;
  text-align: left; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b3b3b3;
  text-align: left; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b3b3b3;
  text-align: left; }

input[type='button'] {
  cursor: pointer; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.font-f-sc {
  font-family: heiti SC; }

.font-f-hvt {
  font-family: Helvetica; }

.font-f-yh {
  font-family: Microsoft YaHei; }

.font-f-lg {
  font-family: Lucida Grande; }

.font-f-a {
  font-family: Arial; }

.h {
  display: none;
  visibility: visible; }

.fix {
  *zoom: 1; }

.fix:after {
  clear: both;
  content: "";
  display: table; }

.fl {
  float: left; }

.fr {
  float: right; }

.pos-r {
  position: relative; }

.pos-a {
  position: absolute; }

.pos-f {
  position: fixed; }

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

.tl {
  text-align: left !important; }

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

.cur {
  cursor: pointer; }

.cur-not-allowed {
  cursor: not-allowed !important; }
  .cur-not-allowed:hover {
    cursor: not-allowed !important; }
  .cur-not-allowed *:hover {
    cursor: not-allowed !important; }

.cur-not-img {
  cursor: not-allowed; }
  .cur-not-img:hover {
    cursor: not-allowed; }
  .cur-not-img *:hover {
    cursor: not-allowed; }

.dis-show {
  display: block !important; }

.dis-hide {
  display: none !important; }

.dis-inb {
  display: inline-block; }

.dis-inf {
  display: inline-flex !important; }

.dis-b {
  display: block; }

.cn-b {
  clear: both !important; }

.disHide {
  display: none !important; }

.disShow {
  display: inline-block !important; }

.va-t {
  vertical-align: top !important; }

.va-m {
  vertical-align: middle !important; }

.va-b {
  vertical-align: bottom !important; }

.over-v {
  overflow: visible !important; }

.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.as-fs {
  align-self: flex-start !important; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ellipsis {
  display: -webkit-flex !important;
  display: -webkit-box !important;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.wrap {
  max-width: 1200px;
  margin: 0 auto; }

.width-max {
  width: 100% !important; }

.width80 {
  width: 80%; }

.min-w1200 {
  min-width: 1200px; }

.min-width600 {
  width: 600px; }

.width200 {
  width: 200px; }

.width130 {
  width: 130px; }

.height100 {
  min-height: 100%; }

.height-max {
  height: calc(100vh - 165px); }

.height-middle {
  height: calc(100vh - 224px); }

.height-fit {
  height: calc(100vh - 166px); }

.height-min {
  height: calc(100vh - 276px); }

.height-min-hidden-footer {
  height: calc(100vh - 223px); }

.height-common {
  height: calc(100vh - 180px); }

.height-big {
  height: calc(100vh - 110px); }

.delivery-order-edit-height-big {
  height: calc(100vh - 117px); }

.height-large {
  height: calc(100vh - 120px); }

.height-mini {
  height: calc(100vh - 315px) !important; }

.min-height300 {
  min-height: 300px; }

.h40 {
  height: 40px !important;
  line-height: 40px !important; }

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

.mt4 {
  margin-top: 4px; }

.mt6 {
  margin-top: 6px; }

.mt10 {
  margin-top: 10px !important; }

.mt16 {
  margin-top: 16px; }

.mt24 {
  margin-top: 24px !important; }

.mt26 {
  margin-top: 26px; }

.mt50 {
  margin-top: 50px; }

.ml6 {
  margin-left: 6px; }

.ml4 {
  margin-left: 4px !important; }

.mr4 {
  margin-right: 4px !important; }

.ml10 {
  margin-left: 10px; }

.ml12 {
  margin-left: 12px; }

.ml14 {
  margin-left: 14px; }

.ml18 {
  margin-left: 18px; }

.ml50 {
  margin-left: 50px; }

.ml64 {
  margin-left: 64px; }

.ml42 {
  margin-left: 42px !important; }

.ml106 {
  margin-left: 106px; }

.mr18 {
  margin-right: 18px; }

.mr16 {
  margin-right: 16px; }

.mr12 {
  margin-right: 12px; }

.mr8 {
  margin-right: 8px; }

.mr50 {
  margin-right: 50px; }

.mt50 {
  margin-top: 50px !important; }

.mb24 {
  margin-bottom: 24px; }

.mb0 {
  margin-bottom: 0px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb8 {
  margin-bottom: 8px !important; }

.mt8 {
  margin-top: -8px; }

.mt-10 {
  margin-top: -10px; }

.pt110 {
  padding-top: 110px; }

.pl72 {
  padding-left: 72px !important; }

.pl64 {
  padding-left: 64px !important; }

.pl48 {
  padding-left: 48px !important; }

.pl24 {
  padding-left: 24px !important; }

.pl12 {
  padding-left: 12px; }

.pl18 {
  padding-left: 18px !important; }

.p16 {
  padding: 16px; }

.p24 {
  padding: 24px; }

.plr12 {
  padding: 0 12px !important; }

.plr24 {
  padding: 0 24px; }

.pr8 {
  padding-right: 8px !important; }

.ptb24 {
  padding: 24px 0; }

.pt24 {
  padding-top: 24px !important; }

.pt6 {
  padding-top: 6px !important; }

.plr60 {
  padding: 0 60px; }

.mb4 {
  margin-top: -4px; }

.mb16 {
  margin-bottom: 16px; }

.pt60 {
  padding-top: 58px; }

.pt50 {
  padding-top: 50px; }

.pb10 {
  padding-bottom: 10px !important; }

.pb60 {
  padding-bottom: 60px; }

.pb48 {
  padding-bottom: 48px !important; }

.pb24 {
  padding-bottom: 24px !important; }

.pb55 {
  padding: 0 0 30px 0 !important; }

.ptb10 {
  padding: 10px 0 !important; }

.pb87 {
  padding-bottom: 87px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb160 {
  padding-bottom: 160px !important; }

.pb210 {
  padding-bottom: 210px !important; }

.pb300 {
  padding-bottom: 300px !important; }

.pt14 {
  padding-top: 14px; }

.mt-1 {
  margin-top: -1px !important; }

.m0 {
  margin: 0 !important; }

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

.mb0 {
  margin-bottom: 0 !important; }

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

.ml0 {
  margin-left: 0 !important; }

.p0 {
  padding: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.f0 {
  font-size: 0 !important; }

.fs12 {
  font-size: 12px !important; }

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

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

.fw-n {
  font-weight: normal !important; }

.fw-b {
  font-weight: bold !important; }

.lh17 {
  line-height: 1.7; }

.txt-blue {
  color: #20ade5 !important; }

.txt-red {
  color: #FF3838 !important; }

.txt-gary {
  color: #b3b3b3 !important; }

.txt-gray9 {
  color: #999 !important; }

.txt-gary6 {
  color: #666 !important; }

.txt-gray3 {
  color: #333 !important; }

.txt-disable {
  color: #d2d2d2 !important; }

.txt-active {
  color: #74d7ff !important; }

.bg-c {
  background: #f7f9fb !important; }

.bg-w {
  background: #FFFFFF !important; }

.bg-f5 {
  background: #f5f5f5 !important; }

.bg-main {
  background: #F2F5F7;
  height: calc(100vh - 60px); }

.font-size0 {
  font-size: 0; }

.font-w {
  font-weight: bold; }

.top60 {
  top: 60px !important; }

.icon-choice-box-part {
  color: #20ade5 !important; }

.op0 {
  opacity: 0; }

.bt {
  border-top: 1px solid #e3e3e3; }

.bd0 {
  border: 0 none !important; }

.border1 {
  border: 1px solid #e3e3e3 !important; }

.overflow-visible {
  overflow: visible !important; }

.svg-icon {
  width: 20px;
  height: 20px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

.mask, .mask-son, .mask-pop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(26, 26, 26, 0.3);
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
  visibility: hidden; }

.mask {
  z-index: 3; }

.mask-son {
  z-index: 5; }

.mask-pop {
  z-index: 7; }

.side-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(26, 26, 26, 0.3);
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
  visibility: hidden; }

.head-mask {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -1px;
  right: -2px;
  background: rgba(26, 26, 26, 0.3);
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
  visibility: hidden;
  z-index: 3; }

.mask-show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s; }

.mask-hide {
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
  position: static !important; }

.input-error {
  border-color: #FF3838 !important; }

.cont-operate .cont-search:first-child {
  margin-left: 0; }

.input-area-box, .search-select-box, .tree-select-box, .date-time-box {
  width: 100%;
  display: inline-block;
  position: relative; }
  .input-area-box .tit, .search-select-box .tit, .tree-select-box .tit, .date-time-box .tit {
    font-size: 12px;
    color: #666;
    display: block;
    margin-bottom: 8px;
    word-break: break-all;
    text-align: left; }

.purchase-input-item .input-area-box {
  width: 100px; }

.update-price-input-item .input-area-box {
  width: 66px; }

.update-price-input-item-82 .input-area-box {
  width: 82px; }

.update-price-input-item-56 .input-area-box {
  width: 56px; }

.input-area-box input[readonly] {
  cursor: not-allowed !important; }

.date-time-box .txt {
  cursor: pointer !important; }
.date-time-box .icon-datetime {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  color: #999;
  line-height: 1; }

.cont-search {
  width: 100%;
  display: inline-block;
  position: relative;
  line-height: 30px;
  background-color: #FFFFFF;
  vertical-align: middle;
  border-radius: 2px; }
  .cont-search:hover .sel-close {
    display: block; }
  .cont-search .sel-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px !important;
    height: 100%;
    border: 0 none;
    cursor: pointer;
    background: url("../images/icon-select-close_1.png") no-repeat center; }
  .cont-search .txt {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    font-size: 12px;
    background-color: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #333 !important; }
    .cont-search .txt:focus, .cont-search .txt:hover {
      border: 1px solid #7cbeff; }
  .cont-search .txt-red {
    color: #FF3838 !important; }
  .cont-search .sea-btn {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 50px;
    height: calc(100% - 2px);
    background: #fff;
    cursor: pointer;
    text-align: center;
    z-index: 1; }
    .cont-search .sea-btn .iconfont {
      font-size: 24px;
      color: #999; }
    .cont-search .sea-btn:hover {
      background: #F1F8FF; }
      .cont-search .sea-btn:hover i {
        color: #20ade5; }
  .cont-search .clear-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 50px;
    width: 20px !important;
    height: 100%;
    border: 0 none;
    cursor: pointer;
    background: url("../images/icon-select-close_1.png") no-repeat center; }
  .cont-search .unit {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    padding: 0 .6em;
    background: #fff;
    border: 0 none;
    color: #666; }
  .cont-search .icon-datetime {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    color: #999;
    line-height: 1; }
  .cont-search .txt-disable, .cont-search .txt-disable:hover, .cont-search .txt-disable:focus {
    border-color: #d2d2d2;
    color: #d2d2d2 !important;
    cursor: not-allowed; }

.search-size-shop {
  width: 400px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 2px solid rgba(255, 120, 10, 0.9); }

.search-size-big {
  width: 416px;
  height: 40px;
  line-height: 40px; }

.search-size-middle {
  width: 200px;
  height: 32px;
  line-height: 30px; }

.search-size-medium {
  height: 32px;
  line-height: 30px; }

.search-size-min {
  width: 138px;
  height: 30px;
  line-height: 30px; }

.search-size-small {
  width: 100px;
  height: 30px;
  line-height: 30px; }

.search-size-max {
  height: 40px;
  line-height: 40px; }

.delivery-order-remark .search-size-max {
  height: 96px;
  line-height: 96px; }

input[type='button'] {
  padding: 0;
  border-width: 0; }

input[type="text"] {
  padding: 0; }

.select-range {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: left;
  border-radius: 2px;
  vertical-align: middle;
  color: #666;
  font-size: 12px;
  background: #ffffff;
  cursor: pointer; }
  .select-range[disabled] .txt {
    cursor: not-allowed; }
  .select-range[disabled] .sel-down {
    background: #fff; }
  .select-range .pop-focus {
    display: none; }
  .select-range .sel-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    border: 0 none;
    cursor: pointer;
    z-index: 1;
    background: url(../images/icon-select-close_1.png) no-repeat center/16px; }
    .select-range .sel-close:hover .sel-down {
      display: none; }
  .select-range .txt {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    font-size: 12px;
    padding-left: 10px !important;
    cursor: pointer;
    margin-bottom: 0 !important;
    color: #333 !important; }
    .select-range .txt:hover, .select-range .txt:focus {
      border: 1px solid #7cbeff; }
  .select-range .select-more-txt {
    cursor: text;
    padding-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .select-range .select-more-close {
    right: 34px; }
  .select-range .select-more {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border: 0 none;
    border-left: 1px solid #e3e3e3;
    cursor: pointer;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    color: #333; }
  .select-range .select-range-op {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0%);
    position: absolute;
    left: -1px;
    min-width: 100%;
    border: 1px solid #e3e3e3;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    border-radius: 2px;
    background: #FFFFFF;
    z-index: 2; }
    .select-range .select-range-op .add {
      padding: 0 12px;
      position: relative;
      background: #A3BBD4;
      width: 100%;
      color: #FFFFFF;
      cursor: pointer;
      z-index: 2;
      line-height: 40px; }
    .select-range .select-range-op .frame {
      display: none; }
  .select-range .select {
    max-height: 322px; }
    .select-range .select li {
      text-align: left;
      line-height: 32px;
      font-size: 12px; }
    .select-range .select a {
      border-bottom: 1px solid #F5F5F5;
      display: inline-block;
      padding-left: 16px;
      padding-right: 36px;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%; }
      .select-range .select a:hover {
        background: #F1F8FF;
        width: auto;
        text-overflow: inherit;
        overflow: visible;
        padding-right: 36px;
        min-width: 100%; }
    .select-range .select .focus {
      background: #F1F8FF;
      width: auto;
      text-overflow: inherit;
      overflow: visible;
      padding-right: 36px;
      min-width: 100%; }
  .select-range .range-last-hover {
    background: #A3BBD4;
    box-shadow: none;
    font-size: 12px;
    color: #FFFFFF;
    width: 100%;
    text-overflow: inherit; }
    .select-range .range-last-hover:hover {
      box-shadow: none;
      background: #A3BBD4; }
  .select-range .range-op-size-max li {
    width: 100%;
    line-height: 40px;
    margin-bottom: 0; }
  .select-range .detail-warning li {
    font-size: 12px;
    width: 100%;
    margin-bottom: 0;
    line-height: 0; }
    .select-range .detail-warning li .point {
      display: block;
      color: inherit;
      background-image: url("../images/goods_icon_9_arrow.png");
      background-repeat: no-repeat;
      background-position: 98% 50%;
      background-size: 20px 20px;
      cursor: pointer; }
      .select-range .detail-warning li .point .txt {
        width: 100%;
        padding: 0 16px; }
    .select-range .detail-warning li a {
      padding: 0 16px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      height: 100%;
      border-bottom: 1px solid transparent;
      display: inline-flex;
      justify-content: flex-start;
      align-content: center;
      align-items: center; }
      .select-range .detail-warning li a:hover {
        background: #ffffff;
        width: auto;
        text-overflow: inherit;
        overflow: visible;
        min-width: 100%;
        border-bottom: 1px solid #7cbeff; }
    .select-range .detail-warning li span {
      display: inline-block;
      width: 18%; }
    .select-range .detail-warning li .input-area-box {
      flex: 1; }
      .select-range .detail-warning li .input-area-box .txt {
        border: 0 none; }

.range-size-big {
  width: 416px;
  height: 40px;
  line-height: 38px; }

.range-size-middle {
  width: 130px;
  height: 32px; }

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

.range-size-large {
  width: 240px;
  height: 32px;
  line-height: 30px; }

.range-size-max {
  width: calc(92% - 74px);
  height: 40px;
  line-height: 40px; }

.sel-down {
  background: #ffffff url("../images/common_icon_arrow_down_1.png") no-repeat 98% center; }

.sel-up {
  background: #ffffff url("../images/common_icon_arrow_up_1.png") no-repeat 98% center; }

.select-animation {
  -webkit-animation: antSlideUpIn .3s;
  animation: antSlideUpIn .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1 \0;
  /* ie 8/9 */
  visibility: visible \0;
  /* ie 8/9 */ }

.select-range:hover .sel-close {
  display: block; }

.sel-down-bg:hover {
  background: #ffffff; }
  .sel-down-bg:hover .sel-down {
    display: none; }

.select-checked {
  background: #F1F8FF;
  width: auto !important;
  text-overflow: inherit !important;
  overflow: visible;
  padding-right: 36px;
  min-width: 100%; }

@-webkit-keyframes antSlideUpIn1 {
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@keyframes antSlideUpIn1 {
  100% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@-webkit-keyframes antSlideUpOut1 {
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
@keyframes antSlideUpOut1 {
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@-webkit-keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8); } }
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8); } }
.cont-page {
  position: relative;
  padding: 12px 0;
  font-size: 12px;
  text-align: center;
  color: #999; }
  .cont-page a {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #666;
    background: #f5f5f5;
    cursor: pointer;
    vertical-align: middle; }
  .cont-page .page-total {
    padding-left: 18px; }
    .cont-page .page-total span {
      padding-right: 10px; }

.cont-page .active, .cont-page a:hover {
  background: #d2d2d2; }

.cont-page i {
  font-style: normal;
  font-family: "SimSun", serif;
  font-weight: 500; }

.cont-page .num {
  height: 30px;
  width: 30px;
  text-align: center;
  border: 1px solid #e3e3e3;
  color: #333;
  font-size: 12px;
  margin: 0 2px;
  vertical-align: middle; }

.cont-page .page-btn {
  width: 40px;
  height: 30px;
  border: 1px solid #333;
  text-align: center;
  color: #333;
  margin-left: 8px;
  background: #f7f7f7;
  vertical-align: middle; }

.cont-page .page-btn:hover {
  background: #333;
  color: #fff; }

.cont-page select {
  height: 30px;
  margin-left: 4px;
  border: 1px solid #e3e3e3;
  color: #333;
  padding-left: 4px;
  vertical-align: middle; }

.cont-page select:active {
  color: #333; }

.btn-with-loading {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .btn-with-loading .svg-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 10px;
    text-align: left; }

/* 按钮 */
.btn {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 28px;
  padding: 0 18px;
  background-color: #20ade5;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); }

.btn-hover:hover {
  border: 1px solid #20ade5; }

.btn .but-icon {
  font-size: 18px;
  vertical-align: bottom; }

.btn-defulat {
  background-color: #20ade5 !important;
  color: #fff !important; }

/* 原始 */
.btn-primary {
  border: 1px solid #20ade5;
  background-color: #ffffff;
  color: #20ade5; }

.but-bd-gray {
  background: #FFFFFF;
  border: 1px solid #e3e3e3;
  color: #666; }
  .but-bd-gray:hover {
    border-color: #20ade5;
    color: #20ade5; }

/* 白色蓝边 */
.but-bd-blue {
  background: #fcfcfc;
  border: 1px solid #20ade5;
  color: #20ade5; }

.btn-gray {
  border: 1px solid #d2d2d2;
  color: #d2d2d2;
  background: #ffffff; }
  .btn-gray:hover {
    opacity: 1;
    border: 1px solid #b3b3b3;
    color: #b3b3b3; }

/* 禁用 */
.btn-disabled, .btn-disabled:hover, .btn-disabled:active {
  background-color: #D2D2D2;
  color: #FFFFFF;
  cursor: not-allowed;
  opacity: 1; }

/* 禁用 */
.btn-disabled-bd, .btn-disabled-bd:hover, .btn-disabled-bd:active {
  background-color: #fff;
  color: #d2d2d2;
  border-color: #d2d2d2;
  cursor: not-allowed;
  opacity: 1; }

.btn-orange {
  background: #ff7809;
  color: #ffffff; }

.btn-green {
  background: #44B549;
  color: #ffffff; }

.btn-undertint {
  background: #ECEFF1;
  color: #666; }

/* 长形 */
.btn-long {
  width: 332px;
  height: 40px;
  line-height: 40px;
  font-size: 14px; }

.btn-middle {
  width: 150px;
  height: 42px;
  line-height: 42px;
  font-size: 16px; }

.btn-big {
  width: 100px;
  height: 42px;
  line-height: 42px;
  font-size: 16px; }

.btn-min {
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 14px; }

.btn-small {
  min-width: 72px;
  height: 32px;
  line-height: 32px;
  font-size: 14px; }

/* 按钮组 */
.btn-group {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  border: 1px solid #e3e3e3;
  border-radius: 2px; }
  .btn-group .btn + .btn {
    margin-left: 0; }
  .btn-group .btn {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0;
    background: #ffffff;
    color: #666; }
  .btn-group .active {
    background: #20ade5;
    color: #fcfcfc; }

.btn-op5 {
  opacity: .5; }

.time-box {
  display: inline-block;
  font-size: 0;
  vertical-align: middle; }
  .time-box .time-area {
    display: inline-block;
    position: relative;
    width: 130px;
    height: 32px;
    border-radius: 2px;
    font-size: 12px; }
    .time-box .time-area:hover .clear-btn {
      display: block; }
    .time-box .time-area .time {
      width: 100%;
      height: 100%;
      background: none;
      padding-left: 1em;
      border: 1px solid #e3e3e3;
      border-radius: 2px;
      font-size: 12px;
      padding-right: 26px; }
      .time-box .time-area .time:focus {
        border: 1px solid #7cbeff; }
      .time-box .time-area .time:hover {
        border: 1px solid #7cbeff; }
    .time-box .time-area .clear-btn {
      display: none;
      position: absolute;
      top: 50%;
      right: 4px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      cursor: pointer; }
    .time-box .time-area .datetime-icon-box {
      position: absolute;
      top: 50%;
      right: 4px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      cursor: pointer; }
      .time-box .time-area .datetime-icon-box + .clear-btn {
        right: 24px; }
  .time-box .time-line {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 1px;
    margin: 0 4px;
    background: #979797; }

.tree-box {
  background: #ffffff; }

.tree > li {
  position: relative;
  border-bottom: 1px solid #e3e3e3; }

.tree-n > li {
  position: relative; }

.tree > li:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #e3e3e3; }

.tree-n > li:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border-top: 1px solid #e3e3e3; }

.tree-n > li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border-top: 1px solid #e3e3e3; }

.tree-n > li:last-child:after {
  display: none; }

.tree-hover-1:hover {
  background: #f5f5f5; }

.tree-hover {
  padding-left: 24px; }
  .tree-hover:hover {
    background: #f5f5f5; }

.tree {
  font-size: 12px;
  font-weight: 500;
  color: #333; }
  .tree .txt {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    cursor: pointer; }
    .tree .txt p {
      text-align: left;
      display: inline-block;
      padding: 0 8px;
      font-size: 12px; }
  .tree .operate {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    float: right;
    padding: 0 24px;
    color: #333; }
    .tree .operate a {
      display: inline-block;
      margin-right: 24px;
      cursor: pointer; }
    .tree .operate .tree-del {
      color: #d2d2d2 !important; }
      .tree .operate .tree-del:hover {
        color: #b3b3b3 !important; }
    .tree .operate .tree-edit:hover {
      color: #20ade5; }
  .tree .tree-n {
    margin-left: 76px; }
    .tree .tree-n li {
      border-top: 1px solid #e3e3e3;
      width: 100%;
      margin-bottom: 0; }

.tree-down {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: url("../images/order_icon_1_4.png") no-repeat center; }

.tree-up {
  background: url("../images/home_icon_weekly_select_time_up.png") no-repeat center; }

.new-tree-box {
  height: calc(100vh - 180px);
  background: #fff; }
  .new-tree-box + .list-null-box {
    left: 16px;
    width: calc(100% - 100px); }

.tree-prent, .tree-subset {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 0 24px;
  min-height: 50px !important;
  border-bottom: 1px solid #f1f1f1; }
  .tree-prent .iconfont, .tree-subset .iconfont {
    margin-right: 30px;
    font-size: 12px;
    cursor: pointer; }
  .tree-prent:hover, .tree-subset:hover {
    background: #F1F8FF; }

.tree-prent {
  padding-top: 12px;
  padding-bottom: 12px; }
  .tree-prent:hover .ope-box {
    display: block; }
  .tree-prent .img-box {
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
    border: 1px solid #f5f5f5;
    margin-right: 16px;
    position: relative; }
    .tree-prent .img-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .tree-prent .txt-box {
    flex: 1;
    font-size: 12px;
    color: #333; }
  .tree-prent .ope-box {
    display: none;
    flex: 1;
    text-align: right;
    font-size: 0; }
    .tree-prent .ope-box a {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      padding-left: 18px;
      color: #666;
      cursor: pointer; }
      .tree-prent .ope-box a:hover {
        color: #20ade5; }

.tree-subset-box {
  margin-left: 60px !important; }

.new-tree > li {
  position: relative; }

.pro-sort-drop {
  margin: 10px 10px 10px 0;
  max-height: 500px; }

.select-range-op li {
  position: relative;
  width: 100%; }

.select-range-op .menu > li {
  border: 0 none;
  width: 100%; }

.select-range-op .menu li {
  height: auto; }

.select-range-op .menu > li > a {
  color: #1a1a1a;
  cursor: pointer; }

.select-range-op .sub-menu li {
  padding-left: 2em; }

.select-range-op .arrow-gray-down {
  position: absolute;
  right: 0;
  top: 4px;
  height: 32px;
  width: 32px;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 12px 6px;
  background-image: url("../images/common_icon_arrow_down_1.png"); }
  .select-range-op .arrow-gray-down:hover, .select-range-op .arrow-gray-down:focus {
    border: 0 none; }

.select-range-op .arrow-gray-up {
  background-image: url("../images/common_icon_arrow_up_1.png"); }

.city-select-box {
  position: relative; }

.city-box {
  z-index: 9999;
  position: absolute;
  top: calc(100% - 24px);
  padding-top: 15px;
  min-height: 270px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  background: #FFF;
  text-align: left;
  left: 0; }
  .city-box .pop-close {
    top: 10px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.city-box .city-del {
  float: right;
  position: relative !important;
  height: 0;
  padding-right: 15px;
  line-height: 35px;
  cursor: pointer;
  color: #999;
  font-size: 15px; }

.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.fa, .fa-stack {
  display: inline-block; }

.fa-close:before, .fa-remove:before, .fa-times:before {
  content: ""; }

*, :after, :before {
  box-sizing: border-box; }

.city-box ul.city-tab-header {
  height: 35px;
  border-bottom: 1px solid #CFDBDD;
  background-color: #fff;
  line-height: 35px;
  color: #2E4650 !important;
  padding-left: 0 !important;
  margin-left: 20px;
  margin-right: 15px;
  overflow: hidden; }

.city-box .city-tab-header li.active {
  background: #FFF; }

.city-box .city-tab-header li {
  width: 100px !important;
  float: left;
  display: inline;
  margin-right: 10px !important;
  padding: 0 0 0 10px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #CFDBDD;
  border-bottom: none;
  text-align: left; }

.city-box .city-tab-header li.active a {
  color: #2E4650;
  font-size: 15px; }

.city-box .city-tab-header li a {
  font-size: 13px;
  color: #2E4650;
  width: 68px;
  display: block; }

.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

.fa-angle-down:before, .fa-angle-up:before {
  display: inline-block;
  text-align: left;
  width: 36px; }

.fa-angle-down:before {
  content: ""; }

.city-box .city-tab-content {
  display: none;
  padding: 10px 20px;
  max-height: 270px; }

.city-box .city-tab-content a {
  display: inline-block;
  line-height: 1.8;
  color: #1a1a1a;
  font-size: 14px;
  width: 5em;
  margin-right: 4px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.city-box .city-tab-content a:hover {
  color: #20ade5 !important; }

.city-box .city-tab-content .check {
  background: #20ade5 !important;
  color: #FFF;
  font-weight: 700;
  pointer-events: none; }

.list-null-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 200px;
  background: #fff;
  display: none; }

.list-null {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -115px;
  margin-top: -114px;
  width: 230px;
  font-size: 12px;
  text-align: center;
  line-height: 2;
  background: transparent; }
  .list-null .list-null-img {
    margin: 0 auto;
    width: 90px;
    height: 88px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("../images/icon-permission.png"); }
    .list-null .list-null-img.list-null-icon {
      background-image: url("../images/icon-null-data .png"); }
  .list-null h4 {
    color: #666; }
  .list-null p {
    color: #999; }
  .list-null .arrow {
    position: absolute;
    right: 0;
    bottom: 10px; }

.oval-def {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 66px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 2px solid #20ade5;
  background-color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
  font-size: 12px;
  font-weight: 600;
  line-height: 64px;
  text-align: center;
  color: #20ade5;
  cursor: pointer;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none; }
  .oval-def:hover {
    color: #57C3EE;
    border: 2px solid #57C3EE; }

.oval-select {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 66px;
  margin-bottom: 12px;
  border-radius: 50%;
  background-color: #20ade5;
  color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18), inset 0 3px 1px 0 rgba(73, 203, 255, 0.8);
  line-height: 64px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none; }
  .oval-select:hover {
    background-color: #57C3EE;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18), inset 0 3px 1px 0 rgba(112, 215, 255, 0.8); }

.oval-disable {
  position: relative;
  display: inline-block;
  width: 66px;
  height: 66px;
  margin-bottom: 12px;
  border-radius: 50%;
  background-color: #20ade5;
  background-image: url("../images/set_lock_1.png");
  background-size: 12px 14px;
  background-repeat: no-repeat;
  background-position: center 90%;
  color: #FFFFFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18), inset 0 3px 1px 0 rgba(73, 203, 255, 0.8);
  line-height: 64px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  cursor: not-allowed;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none; }

.arrow-flow {
  display: inline-flex;
  vertical-align: middle;
  width: 6%;
  height: 8px;
  margin: 0 10px 0;
  justify-content: flex-start;
  align-content: center;
  align-items: center; }
  .arrow-flow:before {
    content: "";
    flex: 1;
    height: 0;
    border-bottom: 1px dashed #20ade5; }
  .arrow-flow:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid #20ade5;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent; }

.import-num {
  overflow: hidden;
  position: relative;
  width: 78px; }
  .import-num a {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 16px;
    width: 18px;
    height: 20px;
    border: 1px solid #e3e3e3;
    background: #FFFFFF;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    vertical-align: top; }
  .import-num .minus {
    left: 0; }
  .import-num .plus {
    right: 0; }
  .import-num .input-text {
    position: relative;
    z-index: 1;
    margin-left: 17px;
    border: 1px solid #e3e3e3;
    width: 44px;
    text-align: center;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    vertical-align: top; }
    .import-num .input-text:focus {
      border: 1px solid #7cbeff; }

/** 面包屑 **/
.breadcrumb {
  padding: 16px 14px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 12px;
  color: #222222; }
  .breadcrumb a {
    padding-right: 8px;
    line-height: 22px;
    display: inline-block; }
    .breadcrumb a:hover {
      color: #20ade5; }
    .breadcrumb a:last-child:hover {
      color: #222222; }
    .breadcrumb a:last-child {
      cursor: default; }
  .breadcrumb span {
    color: #666;
    cursor: pointer;
    padding-left: 8px; }

.opt-list .cont-search {
  border: 0 none;
  width: 100%;
  height: 32px;
  margin: 0; }
  .opt-list .cont-search input {
    border: 0 none;
    cursor: text; }
  .opt-list .cont-search .btn-i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 24px;
    background: url(../images/icon-search-n.png) no-repeat center/20px 20px;
    cursor: pointer; }
.opt-list ul {
  display: inline-block;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background: #ffffff;
  max-height: 350px;
  vertical-align: top;
  margin-right: 18px; }
.opt-list li {
  width: 258px;
  height: 50px;
  padding-left: 16px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 12px;
  color: #666;
  line-height: 50px;
  cursor: pointer; }
  .opt-list li:last-child {
    border-bottom: 0 none; }

.default-img64 {
  background-image: url("../images/sell_loading_1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 64px; }

.label-bg-orange {
  background: #ff9f13 !important; }

.label-bg-peach {
  background: #ff6350 !important; }

.label-bg-red {
  background: #f13131 !important; }

.label-bg-green {
  background: #7ed321 !important; }

.label-bg-blue {
  background: #20ade5 !important; }

.label-bg-cyan {
  background: #33cccc !important; }

.transparent-mask {
  position: fixed;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: transparent;
  display: none;
  z-index: 2; }

.loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.svg-box .loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  background: -moz-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: svg-box .8s infinite linear;
  animation: svg-box .8s infinite linear; }

.svg-box .loader:before {
  width: 50%;
  height: 50%;
  background: #90d6f2;
  position: absolute;
  top: 0;
  left: 0;
  content: ''; }

.svg-box .loader:after {
  background: #90d6f2;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.svg-box-blue .loader {
  background: #20ade5;
  background: -moz-linear-gradient(left, #20ade5 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #20ade5 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #20ade5 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #20ade5 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #20ade5 10%, rgba(255, 255, 255, 0) 42%); }
  .svg-box-blue .loader:after, .svg-box-blue .loader:before {
    background: #fff; }

@keyframes svg-box {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.cont-head-box {
  width: 100%;
  padding: 0 24px;
  background: #ffffff;
  border-bottom: 1px solid #e3e3e3; }
  .cont-head-box .cont-head-top {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    padding: 16px 0 0; }
    .cont-head-box .cont-head-top .left {
      flex: 1; }
      .cont-head-box .cont-head-top .left span {
        display: inline-block;
        vertical-align: middle;
        padding-right: 24px;
        font-size: 12px;
        color: #666; }
    .cont-head-box .cont-head-top .right .tips-box {
      display: inline-block;
      position: relative;
      cursor: pointer;
      line-height: 1; }
      .cont-head-box .cont-head-top .right .tips-box:hover .tips {
        display: block; }
      .cont-head-box .cont-head-top .right .tips-box i {
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 14px;
        text-align: center;
        font-size: 16px;
        color: #d2d2d2;
        margin-left: 4px; }
      .cont-head-box .cont-head-top .right .tips-box .tips {
        display: none;
        position: absolute;
        top: 28px;
        right: -12px;
        z-index: 2;
        font-size: 14px;
        color: #333;
        line-height: 1;
        vertical-align: middle;
        cursor: pointer; }
        .cont-head-box .cont-head-top .right .tips-box .tips .txt {
          width: 270px;
          padding: 16px;
          background-color: #ffffff;
          color: #999;
          line-height: 1.5;
          box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
          border-radius: 2px;
          font-size: 12px;
          font-weight: 400;
          text-align: left; }
      .cont-head-box .cont-head-top .right .tips-box .tri-up {
        position: absolute;
        top: -20px;
        right: 9px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent #fff transparent; }
  .cont-head-box .cont-head-body {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    min-height: 60px; }
    .cont-head-box .cont-head-body .cont-search {
      width: 240px; }
  .cont-head-box .cont-head-left {
    flex: 1;
    font-size: 12px;
    cursor: pointer; }
    .cont-head-box .cont-head-left .search-btn {
      width: 30px;
      height: 30px;
      border: 1px solid #e3e3e3;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      line-height: 30px;
      color: #666; }
      .cont-head-box .cont-head-left .search-btn:hover {
        color: #20ade5;
        border-color: #20ade5; }
      .cont-head-box .cont-head-left .search-btn .iconfont {
        font-size: 14px; }
    .cont-head-box .cont-head-left .select-selection-multiple .select-selection-rendered li {
      margin-top: 0;
      height: 24px;
      line-height: 24px; }
    .cont-head-box .cont-head-left .select-dropdown {
      top: 32px; }
    .cont-head-box .cont-head-left .search-size-max {
      height: 32px;
      line-height: 32px; }
      .cont-head-box .cont-head-left .search-size-max .select-selection-rendered {
        height: 32px;
        min-height: 32px; }
    .cont-head-box .cont-head-left .rich-select-box .select-selection-multiple .select-selection-placeholder {
      line-height: 30px; }
    .cont-head-box .cont-head-left .title {
      font-size: 16px;
      color: #1a1a1a;
      font-weight: 700; }
    .cont-head-box .cont-head-left .tips {
      font-size: 14px;
      color: #B3B3B3;
      font-weight: 400; }
    .cont-head-box .cont-head-left .client-info-box {
      font-size: 12px;
      color: #999;
      margin-bottom: 8px; }
      .cont-head-box .cont-head-left .client-info-box span {
        margin-right: 10px; }
  .cont-head-box .cont-head-right {
    font-size: 0;
    color: #666;
    line-height: 60px; }
    .cont-head-box .cont-head-right .btn {
      margin-left: 16px; }
      .cont-head-box .cont-head-right .btn.import-btn-box {
        padding: 0;
        margin: 0;
        margin-left: 16px;
        background: none !important;
        opacity: 1 !important;
        position: relative;
        z-index: 2;
        min-width: 90px; }
        .cont-head-box .cont-head-right .btn.import-btn-box:hover .import-select {
          display: block; }
        .cont-head-box .cont-head-right .btn.import-btn-box .import-select {
          display: none;
          top: 31px;
          position: absolute;
          right: 0;
          width: 100%; }
    .cont-head-box .cont-head-right a {
      display: inline-block;
      padding: 0 8px;
      text-align: center;
      color: #20ade5;
      font-size: 16px;
      vertical-align: middle; }
      .cont-head-box .cont-head-right a i {
        margin-right: 4px;
        vertical-align: middle; }

.cont-head-tips-opt {
  margin-top: 10px;
  background: #fff;
  font-size: 14px;
  color: #333;
  width: 100%;
  padding: 16px 24px; }

.pop-search-box {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  width: 696px;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
  z-index: 4; }
  .pop-search-box h2 {
    padding: 16px 24px;
    font-size: 16px;
    color: #333;
    line-height: 1em;
    border-bottom: 1px solid #e3e3e3;
    position: relative; }
    .pop-search-box h2 .close {
      position: absolute;
      top: 50%;
      right: 24px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #999;
      font-size: 14px; }
      .pop-search-box h2 .close:hover {
        color: #20ade5; }
  .pop-search-box .pop-search-body {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: calc(100% - 50px); }
  .pop-search-box .filter-box {
    height: calc(100% - 50px);
    padding: 14px 0;
    width: 100%; }
  .pop-search-box .filter-body .filter-left {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 7px);
      /*      .select-check-box {
              .select-check-title {
                width: 64px;
              }
            }

            .input-area-box {
              .tit {
                width: 64px;

              }
            }*/ }
    .pop-search-box .filter-body .filter-left p {
      font-size: 12px; }
    .pop-search-box .filter-body .filter-left .title {
      display: block;
      vertical-align: middle;
      width: 100%;
      margin-bottom: 8px;
      color: #666; }
    .pop-search-box .filter-body .filter-left .time-box {
      display: inline-flex;
      margin-right: 0;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      width: 100%; }
      .pop-search-box .filter-body .filter-left .time-box .time-area {
        flex: 1;
        height: 40px; }
      .pop-search-box .filter-body .filter-left .time-box .time-line {
        width: 10px;
        margin: 0 10px; }
  .pop-search-box .filter-body .mb24 {
    margin-bottom: 8px; }
  .pop-search-box .filter-body .filter-left:nth-child(2n) {
    margin-left: 14px; }
  .pop-search-box .filter-body .search-filtrate-drop-box .filtrate-main {
    margin-left: 0; }
  .pop-search-box .filter-body .search-filtrate-drop-box.search-size-big {
    width: calc(100% - 20px); }
  .pop-search-box .checkbox-box .detail-labels {
    width: calc(100% - 116px); }
  .pop-search-box .checkbox-box .checkbox + span {
    color: #333; }

.pop-search-foot {
  width: 100%;
  height: 49px;
  line-height: 49px;
  border-top: 1px solid #e3e3e3;
  text-align: right;
  padding: 0 24px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between; }
  .pop-search-foot span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    color: #333;
    padding-right: 24px; }
    .pop-search-foot span:hover {
      color: #20ade5; }
  .pop-search-foot .btn + .btn {
    margin-left: 12px; }

.search-filtrate-drop-box {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center; }
  .search-filtrate-drop-box .filtrate-tit {
    width: 90px;
    font-size: 14px;
    color: #666; }
  .search-filtrate-drop-box .filtrate-main {
    flex: 1;
    position: relative;
    height: 100%;
    margin-left: 8px; }
  .search-filtrate-drop-box .filtrate-input-box {
    width: 100%;
    height: 100%;
    position: relative; }
    .search-filtrate-drop-box .filtrate-input-box:hover .ope-box .close-btn {
      display: block; }
    .search-filtrate-drop-box .filtrate-input-box:hover .txt {
      border: 1px solid #20ade5; }
    .search-filtrate-drop-box .filtrate-input-box:hover .icon-open-s-3 {
      display: none; }
    .search-filtrate-drop-box .filtrate-input-box:hover .icon-open-n-3 {
      display: none; }
    .search-filtrate-drop-box .filtrate-input-box .txt {
      width: 100%;
      height: 100%;
      border: 1px solid #e3e3e3;
      border-radius: 2px;
      padding-left: 12px; }
    .search-filtrate-drop-box .filtrate-input-box .txt-active {
      background: #ffffff url("../images/common_icon_arrow_up_1.png") no-repeat 98% center;
      border: 1px solid #20ade5; }
    .search-filtrate-drop-box .filtrate-input-box .ope-box {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 100%; }
      .search-filtrate-drop-box .filtrate-input-box .ope-box .close-btn {
        display: none; }
      .search-filtrate-drop-box .filtrate-input-box .ope-box i {
        cursor: pointer;
        font-size: 14px;
        color: #999; }
        .search-filtrate-drop-box .filtrate-input-box .ope-box i:hover {
          color: #20ade5; }
  .search-filtrate-drop-box .filtrate-drop-body {
    display: none;
    position: absolute;
    left: 0;
    top: 41px;
    min-width: 100%;
    background: #fff;
    box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.1);
    z-index: 2;
    border: 1px solid #e3e3e3; }
    .search-filtrate-drop-box .filtrate-drop-body .search-input-box {
      padding: 12px;
      border-bottom: 1px solid #e3e3e3;
      position: relative; }
      .search-filtrate-drop-box .filtrate-drop-body .search-input-box:hover .ope-box .close-btn {
        display: block; }
      .search-filtrate-drop-box .filtrate-drop-body .search-input-box:hover .txt {
        border: 1px solid #20ade5; }
      .search-filtrate-drop-box .filtrate-drop-body .search-input-box:hover .icon-open-s-3 {
        display: none; }
      .search-filtrate-drop-box .filtrate-drop-body .search-input-box:hover .icon-open-n-3 {
        display: none; }
      .search-filtrate-drop-box .filtrate-drop-body .search-input-box .txt {
        width: 100%;
        height: 32px;
        border: 1px solid #e3e3e3;
        border-radius: 2px;
        padding-left: 12px; }
      .search-filtrate-drop-box .filtrate-drop-body .search-input-box .ope-box {
        position: absolute;
        top: 50%;
        right: 22px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 32px; }
        .search-filtrate-drop-box .filtrate-drop-body .search-input-box .ope-box .close-btn {
          display: none; }
        .search-filtrate-drop-box .filtrate-drop-body .search-input-box .ope-box i {
          font-size: 12px;
          cursor: pointer;
          color: #999; }
          .search-filtrate-drop-box .filtrate-drop-body .search-input-box .ope-box i:hover {
            color: #20ade5; }
  .search-filtrate-drop-box .search-list-box {
    border-bottom: 1px solid #e3e3e3;
    max-height: 256px;
    position: relative; }
    .search-filtrate-drop-box .search-list-box .list-box {
      height: 32px;
      line-height: 31px;
      font-size: 12px;
      color: #333;
      padding: 0 12px;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .search-filtrate-drop-box .search-list-box .list-box:last-child {
        border-bottom: 0 none; }
      .search-filtrate-drop-box .search-list-box .list-box:hover {
        background: #f0fbff; }
    .search-filtrate-drop-box .search-list-box .active {
      background: #f0fbff; }
    .search-filtrate-drop-box .search-list-box .loading-txt {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      line-height: 32px;
      color: #999;
      font-size: 12px;
      background: rgba(246, 255, 237, 0.5);
      z-index: 1; }
    .search-filtrate-drop-box .search-list-box .success-txt {
      font-size: 12px;
      line-height: 20px;
      background: #F6FFED;
      text-align: center;
      color: rgba(0, 0, 0, 0.65); }
    .search-filtrate-drop-box .search-list-box .list-null-txt {
      font-size: 12px;
      color: #999;
      line-height: 32px; }

.filtrate-footer-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  height: 42px;
  padding: 0 12px; }
  .filtrate-footer-box .left {
    flex: 1;
    font-size: 0; }
    .filtrate-footer-box .left span {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      cursor: pointer;
      margin-right: 12px;
      padding-right: 12px;
      position: relative;
      color: #20ade5; }
      .filtrate-footer-box .left span:last-child:after {
        display: none; }
      .filtrate-footer-box .left span:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        background: #20ade5;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .filtrate-footer-box .left .operate-box .operate-cont {
      left: 50%;
      top: -55px;
      padding: 4px 10px;
      transform: translateX(-36%);
      margin-left: -10px; }
      .filtrate-footer-box .left .operate-box .operate-cont:after {
        top: auto;
        left: 88px;
        bottom: -20px;
        margin-left: -10px;
        border-color: #fff transparent transparent transparent; }
      .filtrate-footer-box .left .operate-box .operate-cont:before {
        top: auto;
        left: 88px;
        bottom: -21px;
        margin-left: -10px;
        border-color: #e3e3e3 transparent transparent transparent; }
    .filtrate-footer-box .left .operate-box span:after {
      display: none; }
  .filtrate-footer-box .right i {
    color: #20ade5;
    font-size: 14px;
    cursor: pointer; }
  .filtrate-footer-box .multi-spec-opt {
    margin: 0;
    cursor: pointer; }

.laydate-theme-theme-css .layui-laydate-header i:hover, .laydate-theme-theme-css .layui-laydate-header span:hover {
  color: #20ade5; }
.laydate-theme-theme-css .layui-laydate-content .layui-this {
  background-color: #20ade5 !important; }
.laydate-theme-theme-css .layui-laydate-content td.laydate-selected {
  background-color: #f0fbff !important; }
.laydate-theme-theme-css .layui-laydate-content td:hover, .laydate-theme-theme-css .layui-laydate-list li:hover {
  background-color: #eaeaea;
  color: #333; }
.laydate-theme-theme-css .layui-laydate-content td.laydate-selected.laydate-day-next, .laydate-theme-theme-css .layui-laydate-content td.laydate-selected.laydate-day-prev {
  background-color: #f8f8f8 !important; }
.laydate-theme-theme-css .layui-laydate-footer span:hover {
  color: #20ade5; }
.laydate-theme-theme-css .layui-laydate-footer span[lay-type=date] {
  color: #20ade5; }

.select-check-box {
  display: block;
  width: 100%; }
  .select-check-box .select-check-title {
    font-size: 12px;
    display: block;
    width: 100%;
    color: #666;
    margin-bottom: 8px;
    text-align: left; }
  .select-check-box .select-check-main {
    width: 100%;
    position: relative; }

.select-multiple-box.search-size-max {
  width: 100%; }
  .select-multiple-box.search-size-max .select-selection-rendered {
    overflow: hidden;
    min-height: 40px;
    height: 40px; }

.select-selection-multiple {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  min-height: 32px;
  cursor: text;
  padding-bottom: 3px;
  height: 100%; }
  .select-selection-multiple .select-selection-rendered {
    min-height: 32px;
    padding-left: 5px;
    padding-right: 11px;
    margin-bottom: -3px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background: #fff;
    padding-bottom: 3px;
    width: 100%; }
  .select-selection-multiple .select-selection-rendered-bd {
    border-color: #7cbeff; }
  .select-selection-multiple .select-selection-placeholder {
    position: absolute;
    top: 0;
    left: 12px;
    right: 9px;
    color: #bfbfbf;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 12px; }
  .select-selection-multiple .select-selection-rendered li, .select-selection-multiple .select-selection-multiple li {
    margin-top: 3px;
    height: 30px;
    line-height: 28px; }
  .select-selection-multiple .select-selection-choice {
    color: rgba(0, 0, 0, 0.65);
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    cursor: default;
    float: left;
    margin-right: 4px;
    max-width: 99%;
    position: relative;
    overflow: hidden;
    padding: 0 20px 0 10px;
    width: auto;
    margin-bottom: 0; }
  .select-selection-multiple .select-selection-choice-content {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 12px; }
  .select-selection-multiple .select-selection-choice-remove {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px; }
    .select-selection-multiple .select-selection-choice-remove:hover {
      color: #7cbeff; }
  .select-selection-multiple .select-search-inline {
    float: left;
    position: static;
    width: auto;
    padding: 0;
    max-width: 100%;
    height: 100%;
    margin-left: 5px;
    margin-bottom: 0; }
    .select-selection-multiple .select-search-inline .select-search-field-wrap {
      display: inline-block;
      position: relative;
      width: 100%;
      height: 100%; }
    .select-selection-multiple .select-search-inline .select-search-field {
      max-width: 100%;
      width: .75em;
      border-width: 0;
      height: 100%;
      background: transparent;
      outline: 0;
      border-radius: 2px;
      line-height: 1;
      font-size: 12px; }
    .select-selection-multiple .select-search-inline .select-search-field-mirror {
      position: absolute;
      top: 0;
      left: -9999px;
      white-space: pre;
      pointer-events: none;
      font-size: 12px; }
  .select-selection-multiple .clear-btn {
    display: none;
    width: 16px;
    height: 16px;
    background: url("../../images/icon-select-close_1.png") no-repeat center/16px;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer; }
  .select-selection-multiple .multiple {
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: right center; }
  .select-selection-multiple .multiple-down {
    background-image: url("../../images/common_icon_arrow_down_1.png"); }
  .select-selection-multiple .multiple-up {
    background-image: url("../../images/common_icon_arrow_up_1.png"); }
  .select-selection-multiple:hover .clear-btn {
    display: block; }

.select-dropdown {
  display: none;
  min-width: 100%;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0px;
  top: 40px;
  position: absolute;
  outline: none;
  font-size: 12px;
  z-index: 1;
  max-width: 600px; }
  .select-dropdown .select-dropdown-box {
    position: relative;
    height: 256px; }
    .select-dropdown .select-dropdown-box .loading-txt {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      line-height: 32px;
      color: #999;
      font-size: 12px;
      background: rgba(246, 255, 237, 0.5);
      z-index: 1; }
    .select-dropdown .select-dropdown-box .success-txt {
      font-size: 12px;
      line-height: 20px;
      background: #F6FFED;
      text-align: center;
      color: rgba(0, 0, 0, 0.65); }
    .select-dropdown .select-dropdown-box .list-null-txt {
      font-size: 12px;
      color: #999;
      line-height: 32px;
      padding-left: 24px; }
  .select-dropdown .select-dropdown-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  .select-dropdown .select-dropdown-menu-item {
    position: relative;
    display: block;
    line-height: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 0;
    width: 100%; }
    .select-dropdown .select-dropdown-menu-item span {
      width: 100%;
      height: 100%;
      padding: 5px 24px 5px 25px;
      font-size: 14px;
      white-space: nowrap !important;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
      align-content: flex-start;
      align-items: flex-start;
      justify-content: flex-start; }
      .select-dropdown .select-dropdown-menu-item span .checkbox {
        margin-right: 6px; }
      .select-dropdown .select-dropdown-menu-item span:hover {
        background: #f0fbff; }
        .select-dropdown .select-dropdown-menu-item span:hover ul {
          background: #fff; }
    .select-dropdown .select-dropdown-menu-item .active {
      background: #f0fbff; }
    .select-dropdown .select-dropdown-menu-item .mult-active {
      background: #f0fbff url("../images/icon-choice-s.png") no-repeat 98% center/14px; }
      .select-dropdown .select-dropdown-menu-item .mult-active:hover {
        background: #f0fbff url("../images/icon-choice-s.png") no-repeat 98% center/14px; }
    .select-dropdown .select-dropdown-menu-item:first-child {
      border-radius: 4px 4px 0 0; }
    .select-dropdown .select-dropdown-menu-item .more-btn {
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 32px;
      cursor: pointer;
      background: url("../images/home_icon_weekly_select_time_right.png") no-repeat center/6px 10px; }
    .select-dropdown .select-dropdown-menu-item .more-btn-active {
      background: url("../images/home_icon_weekly_select_time_down.png") no-repeat center/10px 6px; }
  .select-dropdown .select-dropdown-menu-son {
    padding-left: 24px;
    display: none; }
  .select-dropdown .filtrate-footer-box {
    border-top: 1px solid #e3e3e3; }
    .select-dropdown .filtrate-footer-box .right {
      flex: 1;
      text-align: right; }

.radio-box, .check-main-box {
  display: block;
  position: relative; }
  .radio-box .tit, .check-main-box .tit {
    width: 100%;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px; }
  .radio-box .detail-labels, .check-main-box .detail-labels {
    width: 100%; }
  .radio-box .detail-labels li, .check-main-box .detail-labels li {
    height: auto;
    line-height: normal; }

.price-area {
  position: relative; }
  .price-area:before {
    content: '￥';
    font-size: 12px;
    color: #333;
    position: absolute;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .price-area .time {
    padding-left: 2em !important; }

.batch-btn-tips-box {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: 4px; }
  .batch-btn-tips-box:hover .tips-body {
    display: block; }
  .batch-btn-tips-box p {
    color: #d2d2d2; }
  .batch-btn-tips-box .tips-body {
    display: none;
    position: absolute;
    top: 58px;
    left: -40px;
    width: 340px;
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px; }
    .batch-btn-tips-box .tips-body p {
      padding: 16px;
      background: #fff;
      color: #999;
      line-height: 1.5;
      position: relative;
      z-index: 1;
      border-radius: 4px;
      font-size: 14px; }
    .batch-btn-tips-box .tips-body:before {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      background: #fff;
      box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
      position: absolute;
      top: -8px;
      left: 40px;
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg); }

.page-loading-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff; }
  .page-loading-box .page-loading-body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .page-loading-box .page-loading-body p {
      font-size: 12px;
      color: #666;
      padding-top: 12px;
      text-align: center;
      margin-right: 0;
      display: block; }

.save-loading-box {
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .save-loading-box .page-loading-body {
    background: #fff;
    border-radius: 50%; }

.ys-loading-box {
  position: relative;
  width: 88px;
  height: 88px; }

.ys-loading-box:after,
.ys-loading-box:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ys-loading-box:after {
  -webkit-animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite -1s;
  -moz-animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite -1s;
  -ms-animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite -1s;
  animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite -1s; }

.ys-loading-box:before {
  -webkit-animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite;
  -moz-animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite;
  -ms-animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite;
  animation: amAfter 2s cubic-bezier(0.3, 0.61, 0.355, 1) infinite; }

@keyframes amAfter {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    border-color: #20ade5; }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: #20ade5; } }
@-webkit-keyframes amAfter {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
    border-color: #20ade5; }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: #20ade5; } }
@-webkit-keyframes amBefore {
  0% {
    opacity: 1;
    width: 50%;
    height: 50%; }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0; } }
@keyframes amBefore {
  0% {
    opacity: 1;
    width: 50%;
    height: 50%; }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0; } }
.login-status-img {
  position: absolute;
  top: 50px;
  right: 50px; }

.page-timeout-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff; }
  .page-timeout-box .page-timeout-body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .page-timeout-box .page-timeout-body .tit {
      font-size: 12px;
      color: #666;
      padding-top: 12px;
      text-align: center; }
    .page-timeout-box .page-timeout-body .tips {
      font-size: 12px;
      color: #999;
      text-align: center;
      padding: 8px 0 12px; }

.page-loading-box-all {
  position: absolute;
  top: 160px;
  left: 132px;
  right: 16px;
  bottom: 0;
  background: #fff;
  z-index: 2; }

.list-page-top {
  top: 220px; }

.report-page-top {
  top: 460px; }

.report-list-page-box {
  top: 160px; }

.transfer-list-main {
  display: inline-block;
  vertical-align: middle; }
  .transfer-list-main p {
    font-size: 14px;
    color: #333;
    padding-bottom: 10px; }

.transfer-list-box {
  display: inline-block;
  vertical-align: middle;
  height: 344px;
  width: 276px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  position: relative; }
  .transfer-list-box .null-list-txt {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .transfer-list-box .search-box {
    height: 32px;
    padding: 0 12px;
    margin: 12px 0;
    position: relative; }
    .transfer-list-box .search-box .txt {
      width: 100%;
      height: 100%;
      border: 1px solid #e3e3e3;
      border-radius: 2px;
      padding-left: 12px;
      font-size: 12px;
      color: #333; }
    .transfer-list-box .search-box .close {
      position: absolute;
      top: 0;
      right: 12px;
      width: 32px;
      height: 32px;
      cursor: pointer;
      background: url("../../images/icon-search-n.png") no-repeat 12px center/16px; }

.transfer-checkbox-wrapper {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin: 0 24px; }
  .transfer-checkbox-wrapper button {
    width: 60px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    display: block;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    font-size: 12px;
    background: #fff;
    cursor: not-allowed; }
    .transfer-checkbox-wrapper button i {
      font-size: 12px; }
    .transfer-checkbox-wrapper button:first-child {
      margin-bottom: 12px; }
  .transfer-checkbox-wrapper .select-active {
    background: #20ade5;
    color: #fff;
    border: 0 none;
    cursor: pointer; }
    .transfer-checkbox-wrapper .select-active:hover {
      background: #4BBDEA; }

.select-transfer-box {
  position: relative;
  height: 284px;
  width: 276px; }
  .select-transfer-box .select-transfer-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  .select-transfer-box .select-transfer-menu-item {
    position: relative;
    display: block;
    line-height: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 0;
    width: 100%; }
    .select-transfer-box .select-transfer-menu-item span {
      display: block;
      width: 100%;
      height: 100%;
      padding: 5px 24px 5px 25px;
      font-size: 14px;
      white-space: nowrap;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis; }
      .select-transfer-box .select-transfer-menu-item span .checkbox {
        margin-right: 6px; }
      .select-transfer-box .select-transfer-menu-item span:hover {
        background: #f0fbff; }
        .select-transfer-box .select-transfer-menu-item span:hover ul {
          background: #fff; }
    .select-transfer-box .select-transfer-menu-item .more-btn {
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 32px;
      cursor: pointer;
      background: url("../images/home_icon_weekly_select_time_right.png") no-repeat center/6px 10px; }
    .select-transfer-box .select-transfer-menu-item .more-btn-active {
      background: url("../images/home_icon_weekly_select_time_down.png") no-repeat center/10px 6px; }
    .select-transfer-box .select-transfer-menu-item .op5 {
      opacity: .5;
      cursor: not-allowed; }

.select-transfer-menu-son {
  padding-left: 24px;
  display: none; }

.store-interval-box {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }
  .store-interval-box .interval-box {
    flex: 1; }
  .store-interval-box .interval-line {
    width: 20px;
    height: 2px;
    background: #e3e3e3;
    margin: 0 12px; }

.toast-loading-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 88px;
  height: 88px;
  background: #fff;
  border-radius: 50%; }

.status-seal-box {
  position: absolute;
  top: 24px;
  right: 24px; }
  .status-seal-box .seal-box {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px; }
    .status-seal-box .seal-box:last-child {
      margin-right: 0; }

.status-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  font-size: 12px;
  margin-right: 6px;
  border-radius: 2px;
  border-width: 1px;
  border-color: transparent;
  border-style: solid; }

.icon-bg-blue {
  background: #7DCDF3; }

.icon-bg-green {
  background: #7ED321; }

.icon-bg-red {
  background: #ff3838; }

.icon-bg-gold {
  background: #DF9D07; }

.icon-hollow-blue {
  border-color: #7DCDF3;
  color: #7DCDF3; }

.icon-hollow-green {
  border-color: #7ED321;
  color: #7ED321; }

.icon-hollow-gold {
  border-color: #DF9D07;
  color: #DF9D07; }

.icon-hollow-red {
  border-color: #ff3838;
  color: #ff3838; }

.badge-box {
  border: 1px solid #FFF5CB;
  color: #DF9D07;
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 4px !important;
  text-align: center;
  overflow: visible !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); }
  .badge-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFADE; }
  .badge-box:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 7px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    background: url("../images/list-tips-triangle.png") no-repeat center/100%; }
  .badge-box .badge-txt {
    position: relative; }

.type-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 0 6px;
  height: 16px;
  text-align: center;
  line-height: 1.4;
  color: #fff;
  font-size: 12px;
  margin-right: 6px;
  border-radius: 4px; }

.status-dot-icon {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 50%;
  background: #20ade5; }

.status-dot-icon-blue {
  background: #20ade5; }

.status-dot-icon-yellow {
  background: #FAA214; }

.status-dot-icon-gray {
  background: #D2D2D2; }

.order-promotion-label {
  color: #ff3838;
  border: 1px solid #ff3838;
  background: #fff; }

.select-check-box-not-clear .select-selection-multiple .clear-btn {
  display: none !important; }

.lazy-select-box {
  position: relative; }
  .lazy-select-box input {
    font-size: 12px;
    height: 40px;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding-left: 12px; }
  .lazy-select-box img {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }

.has-error {
  border-color: #FF3838 !important;
  color: #FF3838 !important; }
  .has-error .checkbox {
    color: #FF3838 !important; }

.has-error-tips-box {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  height: 42px;
  line-height: 42px; }
  .has-error-tips-box:hover .error-list-box {
    display: block; }
  .has-error-tips-box .img-box {
    line-height: 1; }
  .has-error-tips-box .icon-box {
    font-size: 0; }
  .has-error-tips-box .iconfont, .has-error-tips-box .error-num {
    display: inline-block;
    vertical-align: middle;
    color: #FF3838; }
  .has-error-tips-box .error-num {
    font-size: 12px; }
  .has-error-tips-box .error-list-box {
    display: none;
    width: 220px;
    position: absolute;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 6px 0 #dcdcdd; }
    .has-error-tips-box .error-list-box:before {
      content: "";
      height: 10px;
      width: 20px;
      background: #fff;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -18px;
      z-index: 1; }
    .has-error-tips-box .error-list-box:after {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 2px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      box-shadow: 0 0 6px 0 #dcdcdd;
      position: absolute;
      bottom: -5px;
      left: 50%;
      margin-left: -14px;
      background: #fff; }
    .has-error-tips-box .error-list-box .error-list-title {
      font-size: 12px;
      color: #333;
      font-weight: bold;
      padding: 17px 12px;
      border-bottom: 1px solid #e3e3e3;
      text-align: center;
      line-height: 1; }
    .has-error-tips-box .error-list-box ul {
      max-height: 274px;
      position: relative;
      z-index: 2; }
    .has-error-tips-box .error-list-box li {
      padding: 10px 12px;
      border-bottom: 1px solid #e3e3e3;
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      justify-content: flex-start; }
      .has-error-tips-box .error-list-box li:last-child {
        border-bottom: 0 none; }
      .has-error-tips-box .error-list-box li:hover {
        background: #F1F8FF; }
      .has-error-tips-box .error-list-box li .txt-box {
        padding-left: 12px;
        flex: 1;
        text-align: left; }
        .has-error-tips-box .error-list-box li .txt-box .tit {
          font-size: 12px;
          color: #333;
          line-height: 1;
          padding-bottom: 8px; }
        .has-error-tips-box .error-list-box li .txt-box .txt {
          font-size: 12px;
          color: #999;
          line-height: 1; }

.error-animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes error-shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
@keyframes error-shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
.error-shake {
  -webkit-animation-name: error-shake;
  animation-name: error-shake; }

.input-data-tips-box {
  position: absolute;
  left: 0;
  top: 0;
  padding: 8px 8px 2px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  text-align: left;
  z-index: 10;
  pointer-events: none; }
  .input-data-tips-box:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    border-radius: 2px; }
  .input-data-tips-box:before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 4px; }
  .input-data-tips-box .tips-box {
    position: relative;
    background: #ffffff;
    z-index: 1;
    line-height: 1;
    padding-bottom: 6px; }
    .input-data-tips-box .tips-box p {
      display: inline-block !important;
      font-size: 12px;
      color: #666;
      margin-right: 0 !important; }
      .input-data-tips-box .tips-box p i {
        color: #FF3838;
        padding: 0 2px; }

.vertical-list-box {
  min-height: 400px; }
  .vertical-list-box .vertical-label li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 50px;
    padding: 0 40px;
    border-bottom: 1px solid #f1f1f1; }
    .vertical-list-box .vertical-label li:hover {
      background: #F1F8FF; }
      .vertical-list-box .vertical-label li:hover .opt {
        display: block; }
    .vertical-list-box .vertical-label li .txt {
      flex: 1;
      font-size: 12px; }
    .vertical-list-box .vertical-label li .img-box {
      display: inline-block;
      vertical-align: middle;
      width: 32px;
      height: 32px;
      position: relative; }
      .vertical-list-box .vertical-label li .img-box img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .vertical-list-box .vertical-label li .opt {
      display: none; }
      .vertical-list-box .vertical-label li .opt span {
        padding-left: 16px;
        font-size: 12px;
        color: #333;
        cursor: pointer; }
        .vertical-list-box .vertical-label li .opt span:hover {
          color: #20ade5; }
  .vertical-list-box.goods-tag-box .cont-table {
    padding: 0; }
    .vertical-list-box.goods-tag-box .cont-table tr:hover {
      background: #fff; }
      .vertical-list-box.goods-tag-box .cont-table tr:hover td:last-child span {
        display: inline-block; }
    .vertical-list-box.goods-tag-box .cont-table td .tag-label {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      height: 36px;
      line-height: 36px;
      border-radius: 2px;
      padding: 0 20px;
      font-size: 14px;
      color: #333;
      margin: 4px;
      background: #f3f3f3; }
    .vertical-list-box.goods-tag-box .cont-table td a {
      display: inline-block;
      vertical-align: middle;
      margin-left: 12px;
      color: #20ade5; }
      .vertical-list-box.goods-tag-box .cont-table td a:hover {
        color: #74d7ff; }
      .vertical-list-box.goods-tag-box .cont-table td a:first-child {
        margin-left: 0; }
    .vertical-list-box.goods-tag-box .cont-table td:last-child span {
      display: none; }
    .vertical-list-box.goods-tag-box .cont-table td .tag-box {
      max-height: calc(100vh - 400px); }
  .vertical-list-box.goods-tag-box .txt span {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px; }

.tips-btn-box {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .tips-btn-box .footer-save-tips-box {
    right: -38px;
    bottom: 46px; }

.select-text-box {
  width: 100%; }
  .select-text-box .tit-box {
    display: block;
    width: 100%;
    margin-bottom: 8px; }
    .select-text-box .tit-box .select-check-box {
      display: inline-block;
      min-width: 80px; }
      .select-text-box .tit-box .select-check-box .select-check-main {
        margin-bottom: 0; }
    .select-text-box .tit-box .select-multiple-box {
      height: 16px;
      line-height: normal; }
    .select-text-box .tit-box .select-selection-multiple {
      cursor: pointer;
      border: 0 none;
      min-height: auto; }
      .select-text-box .tit-box .select-selection-multiple .select-selection-rendered {
        padding: 0;
        border: 0 none;
        min-height: 16px;
        height: 16px; }
      .select-text-box .tit-box .select-selection-multiple .select-selection-placeholder {
        left: 0;
        color: #666 !important;
        text-align: left;
        padding-right: 6px; }
      .select-text-box .tit-box .select-selection-multiple .multiple {
        right: 0; }
      .select-text-box .tit-box .select-selection-multiple .select-search-inline .select-search-field {
        cursor: pointer; }
    .select-text-box .tit-box .select-search .select-search-inline {
      margin-left: 0;
      margin-top: 5px; }
    .select-text-box .tit-box .select-dropdown {
      top: 18px; }
  .select-text-box .main-box {
    flex: 1; }
    .select-text-box .main-box .time-box {
      width: 100% !important; }

.help-tips-box {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .help-tips-box:hover .help-tips-box {
    display: block; }
  .help-tips-box .icon-box {
    font-size: 14px;
    cursor: pointer; }
    .help-tips-box .icon-box i {
      font-size: 20px;
      color: #333;
      margin-right: 0; }
  .help-tips-box .help-tips-box {
    display: none;
    position: absolute;
    top: 52px;
    right: -8px;
    background: #fff;
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 #DCDCDD;
    z-index: 2;
    width: 324px;
    font-size: 12px;
    color: #666;
    white-space: normal;
    word-break: break-all;
    line-height: 24px; }
    .help-tips-box .help-tips-box:before {
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      -webkit-transform: rotate(46deg);
      -moz-transform: rotate(46deg);
      -ms-transform: rotate(46deg);
      transform: rotate(46deg);
      position: absolute;
      top: -9px;
      right: 10px;
      background: #fff;
      border-width: 1px 0 0 1px;
      border-style: solid;
      border-color: #e3e3e3; }
    .help-tips-box .help-tips-box dl:first-child {
      margin-bottom: 24px; }

.btn-style-reverse {
  width: 66px; }
  .btn-style-reverse span {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.order-synchro-box .loading-box {
  margin-top: 130px;
  height: 60px;
  text-align: center; }
.order-synchro-box .loading-txt {
  font-size: 16px;
  color: #333;
  text-align: center; }

.whirly-loader:not(:required) {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: transparent;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-box-shadow: #20ade5 0px 26px 0 6px, #20ade5 0.90971px 26.05079px 0 5.93333px, #20ade5 1.82297px 26.06967px 0 5.86667px, #20ade5 2.73865px 26.05647px 0 5.8px, #20ade5 3.65561px 26.01104px 0 5.73333px, #20ade5 4.57274px 25.93327px 0 5.66667px, #20ade5 5.48887px 25.8231px 0 5.6px, #20ade5 6.40287px 25.68049px 0 5.53333px, #20ade5 7.31358px 25.50548px 0 5.46667px, #20ade5 8.21985px 25.2981px 0 5.4px, #20ade5 9.12054px 25.05847px 0 5.33333px, #20ade5 10.01448px 24.78672px 0 5.26667px, #20ade5 10.90054px 24.48302px 0 5.2px, #20ade5 11.77757px 24.1476px 0 5.13333px, #20ade5 12.64443px 23.78072px 0 5.06667px, #20ade5 13.5px 23.38269px 0 5px, #20ade5 14.34315px 22.95384px 0 4.93333px, #20ade5 15.17277px 22.49455px 0 4.86667px, #20ade5 15.98776px 22.00526px 0 4.8px, #20ade5 16.78704px 21.48643px 0 4.73333px, #20ade5 17.56953px 20.93855px 0 4.66667px, #20ade5 18.33418px 20.36217px 0 4.6px, #20ade5 19.07995px 19.75787px 0 4.53333px, #20ade5 19.80582px 19.12626px 0 4.46667px, #20ade5 20.5108px 18.468px 0 4.4px, #20ade5 21.1939px 17.78379px 0 4.33333px, #20ade5 21.85416px 17.07434px 0 4.26667px, #20ade5 22.49067px 16.34043px 0 4.2px, #20ade5 23.10251px 15.58284px 0 4.13333px, #20ade5 23.68881px 14.80241px 0 4.06667px, #20ade5 24.24871px 14px 0 4px, #20ade5 24.7814px 13.1765px 0 3.93333px, #20ade5 25.28607px 12.33284px 0 3.86667px, #20ade5 25.76198px 11.46997px 0 3.8px, #20ade5 26.2084px 10.58888px 0 3.73333px, #20ade5 26.62462px 9.69057px 0 3.66667px, #20ade5 27.01001px 8.77608px 0 3.6px, #20ade5 27.36392px 7.84648px 0 3.53333px, #20ade5 27.68577px 6.90284px 0 3.46667px, #20ade5 27.97502px 5.94627px 0 3.4px, #20ade5 28.23116px 4.97791px 0 3.33333px, #20ade5 28.4537px 3.99891px 0 3.26667px, #20ade5 28.64223px 3.01042px 0 3.2px, #20ade5 28.79635px 2.01364px 0 3.13333px, #20ade5 28.91571px 1.00976px 0 3.06667px, #20ade5 29px 0px 0 3px, #20ade5 29.04896px -1.01441px 0 2.93333px, #20ade5 29.06237px -2.03224px 0 2.86667px, #20ade5 29.04004px -3.05223px 0 2.8px, #20ade5 28.98185px -4.07313px 0 2.73333px, #20ade5 28.88769px -5.09368px 0 2.66667px, #20ade5 28.75754px -6.1126px 0 2.6px, #20ade5 28.59138px -7.12863px 0 2.53333px, #20ade5 28.38926px -8.14049px 0 2.46667px, #20ade5 28.15127px -9.1469px 0 2.4px, #20ade5 27.87755px -10.1466px 0 2.33333px, #20ade5 27.56827px -11.1383px 0 2.26667px, #20ade5 27.22365px -12.12075px 0 2.2px, #20ade5 26.84398px -13.09268px 0 2.13333px, #20ade5 26.42956px -14.05285px 0 2.06667px, #20ade5 25.98076px -15px 0 2px, #20ade5 25.49798px -15.93291px 0 1.93333px, #20ade5 24.98167px -16.85035px 0 1.86667px, #20ade5 24.43231px -17.75111px 0 1.8px, #20ade5 23.85046px -18.63402px 0 1.73333px, #20ade5 23.23668px -19.49789px 0 1.66667px, #20ade5 22.5916px -20.34157px 0 1.6px, #20ade5 21.91589px -21.16393px 0 1.53333px, #20ade5 21.21024px -21.96384px 0 1.46667px, #20ade5 20.4754px -22.74023px 0 1.4px, #20ade5 19.71215px -23.49203px 0 1.33333px, #20ade5 18.92133px -24.2182px 0 1.26667px, #20ade5 18.10379px -24.91772px 0 1.2px, #20ade5 17.26042px -25.58963px 0 1.13333px, #20ade5 16.39217px -26.23295px 0 1.06667px, #20ade5 15.5px -26.84679px 0 1px, #20ade5 14.58492px -27.43024px 0 0.93333px, #20ade5 13.64796px -27.98245px 0 0.86667px, #20ade5 12.69018px -28.50262px 0 0.8px, #20ade5 11.7127px -28.98995px 0 0.73333px, #20ade5 10.71663px -29.4437px 0 0.66667px, #20ade5 9.70313px -29.86317px 0 0.6px, #20ade5 8.67339px -30.2477px 0 0.53333px, #20ade5 7.6286px -30.59666px 0 0.46667px, #20ade5 6.57001px -30.90946px 0 0.4px, #20ade5 5.49886px -31.18558px 0 0.33333px, #20ade5 4.41643px -31.42451px 0 0.26667px, #20ade5 3.32401px -31.6258px 0 0.2px, #20ade5 2.22291px -31.78904px 0 0.13333px, #20ade5 1.11446px -31.91388px 0 0.06667px, #20ade5 0px -32px 0 0px, #20ade5 -1.11911px -32.04713px 0 -0.06667px, #20ade5 -2.24151px -32.05506px 0 -0.13333px, #20ade5 -3.36582px -32.02361px 0 -0.2px, #20ade5 -4.49065px -31.95265px 0 -0.26667px, #20ade5 -5.61462px -31.84212px 0 -0.33333px, #20ade5 -6.73634px -31.69198px 0 -0.4px, #20ade5 -7.8544px -31.50227px 0 -0.46667px, #20ade5 -8.9674px -31.27305px 0 -0.53333px, #20ade5 -10.07395px -31.00444px 0 -0.6px, #20ade5 -11.17266px -30.69663px 0 -0.66667px, #20ade5 -12.26212px -30.34982px 0 -0.73333px, #20ade5 -13.34096px -29.96429px 0 -0.8px, #20ade5 -14.4078px -29.54036px 0 -0.86667px, #20ade5 -15.46126px -29.07841px 0 -0.93333px, #20ade5 -16.5px -28.57884px 0 -1px, #20ade5 -17.52266px -28.04212px 0 -1.06667px, #20ade5 -18.52792px -27.46878px 0 -1.13333px, #20ade5 -19.51447px -26.85936px 0 -1.2px, #20ade5 -20.48101px -26.21449px 0 -1.26667px, #20ade5 -21.42625px -25.53481px 0 -1.33333px, #20ade5 -22.34896px -24.82104px 0 -1.4px, #20ade5 -23.2479px -24.07391px 0 -1.46667px, #20ade5 -24.12186px -23.29421px 0 -1.53333px, #20ade5 -24.96967px -22.48279px 0 -1.6px, #20ade5 -25.79016px -21.64052px 0 -1.66667px, #20ade5 -26.58223px -20.76831px 0 -1.73333px, #20ade5 -27.34477px -19.86714px 0 -1.8px, #20ade5 -28.07674px -18.938px 0 -1.86667px, #20ade5 -28.7771px -17.98193px 0 -1.93333px, #20ade5 -29.44486px -17px 0 -2px, #20ade5 -30.07908px -15.99333px 0 -2.06667px, #20ade5 -30.67884px -14.96307px 0 -2.13333px, #20ade5 -31.24325px -13.91039px 0 -2.2px, #20ade5 -31.7715px -12.83652px 0 -2.26667px, #20ade5 -32.26278px -11.74269px 0 -2.33333px, #20ade5 -32.71634px -10.63018px 0 -2.4px, #20ade5 -33.13149px -9.5003px 0 -2.46667px, #20ade5 -33.50755px -8.35437px 0 -2.53333px, #20ade5 -33.84391px -7.19374px 0 -2.6px, #20ade5 -34.14px -6.0198px 0 -2.66667px, #20ade5 -34.39531px -4.83395px 0 -2.73333px, #20ade5 -34.60936px -3.63759px 0 -2.8px, #20ade5 -34.78173px -2.43218px 0 -2.86667px, #20ade5 -34.91205px -1.21916px 0 -2.93333px, #20ade5 -35px 0px 0 -3px, #20ade5 -35.04531px 1.22381px 0 -3.06667px, #20ade5 -35.04775px 2.45078px 0 -3.13333px, #20ade5 -35.00717px 3.6794px 0 -3.2px, #20ade5 -34.92345px 4.90817px 0 -3.26667px, #20ade5 -34.79654px 6.13557px 0 -3.33333px, #20ade5 -34.62643px 7.36007px 0 -3.4px, #20ade5 -34.41316px 8.58016px 0 -3.46667px, #20ade5 -34.15683px 9.79431px 0 -3.53333px, #20ade5 -33.85761px 11.001px 0 -3.6px, #20ade5 -33.5157px 12.19872px 0 -3.66667px, #20ade5 -33.13137px 13.38594px 0 -3.73333px, #20ade5 -32.70493px 14.56117px 0 -3.8px, #20ade5 -32.23675px 15.72291px 0 -3.86667px, #20ade5 -31.72725px 16.86968px 0 -3.93333px, #20ade5 -31.17691px 18px 0 -4px, #20ade5 -30.58627px 19.11242px 0 -4.06667px, #20ade5 -29.95589px 20.2055px 0 -4.13333px, #20ade5 -29.28642px 21.27783px 0 -4.2px, #20ade5 -28.57852px 22.32799px 0 -4.26667px, #20ade5 -27.83295px 23.35462px 0 -4.33333px, #20ade5 -27.05047px 24.35635px 0 -4.4px, #20ade5 -26.23192px 25.33188px 0 -4.46667px, #20ade5 -25.37819px 26.27988px 0 -4.53333px, #20ade5 -24.49018px 27.1991px 0 -4.6px, #20ade5 -23.56888px 28.0883px 0 -4.66667px, #20ade5 -22.6153px 28.94626px 0 -4.73333px, #20ade5 -21.6305px 29.77183px 0 -4.8px, #20ade5 -20.61558px 30.56385px 0 -4.86667px, #20ade5 -19.57168px 31.32124px 0 -4.93333px, #20ade5 -18.5px 32.04294px 0 -5px, #20ade5 -17.40175px 32.72792px 0 -5.06667px, #20ade5 -16.27818px 33.37522px 0 -5.13333px, #20ade5 -15.1306px 33.98389px 0 -5.2px, #20ade5 -13.96034px 34.55305px 0 -5.26667px, #20ade5 -12.76875px 35.08186px 0 -5.33333px, #20ade5 -11.55724px 35.56951px 0 -5.4px, #20ade5 -10.32721px 36.01527px 0 -5.46667px, #20ade5 -9.08014px 36.41843px 0 -5.53333px, #20ade5 -7.81748px 36.77835px 0 -5.6px, #20ade5 -6.54075px 37.09443px 0 -5.66667px, #20ade5 -5.25147px 37.36612px 0 -5.73333px, #20ade5 -3.95118px 37.59293px 0 -5.8px, #20ade5 -2.64145px 37.77443px 0 -5.86667px, #20ade5 -1.32385px 37.91023px 0 -5.93333px;
  -webkit-box-shadow: #20ade5 0px 26px 0 6px, #20ade5 0.90971px 26.05079px 0 5.93333px, #20ade5 1.82297px 26.06967px 0 5.86667px, #20ade5 2.73865px 26.05647px 0 5.8px, #20ade5 3.65561px 26.01104px 0 5.73333px, #20ade5 4.57274px 25.93327px 0 5.66667px, #20ade5 5.48887px 25.8231px 0 5.6px, #20ade5 6.40287px 25.68049px 0 5.53333px, #20ade5 7.31358px 25.50548px 0 5.46667px, #20ade5 8.21985px 25.2981px 0 5.4px, #20ade5 9.12054px 25.05847px 0 5.33333px, #20ade5 10.01448px 24.78672px 0 5.26667px, #20ade5 10.90054px 24.48302px 0 5.2px, #20ade5 11.77757px 24.1476px 0 5.13333px, #20ade5 12.64443px 23.78072px 0 5.06667px, #20ade5 13.5px 23.38269px 0 5px, #20ade5 14.34315px 22.95384px 0 4.93333px, #20ade5 15.17277px 22.49455px 0 4.86667px, #20ade5 15.98776px 22.00526px 0 4.8px, #20ade5 16.78704px 21.48643px 0 4.73333px, #20ade5 17.56953px 20.93855px 0 4.66667px, #20ade5 18.33418px 20.36217px 0 4.6px, #20ade5 19.07995px 19.75787px 0 4.53333px, #20ade5 19.80582px 19.12626px 0 4.46667px, #20ade5 20.5108px 18.468px 0 4.4px, #20ade5 21.1939px 17.78379px 0 4.33333px, #20ade5 21.85416px 17.07434px 0 4.26667px, #20ade5 22.49067px 16.34043px 0 4.2px, #20ade5 23.10251px 15.58284px 0 4.13333px, #20ade5 23.68881px 14.80241px 0 4.06667px, #20ade5 24.24871px 14px 0 4px, #20ade5 24.7814px 13.1765px 0 3.93333px, #20ade5 25.28607px 12.33284px 0 3.86667px, #20ade5 25.76198px 11.46997px 0 3.8px, #20ade5 26.2084px 10.58888px 0 3.73333px, #20ade5 26.62462px 9.69057px 0 3.66667px, #20ade5 27.01001px 8.77608px 0 3.6px, #20ade5 27.36392px 7.84648px 0 3.53333px, #20ade5 27.68577px 6.90284px 0 3.46667px, #20ade5 27.97502px 5.94627px 0 3.4px, #20ade5 28.23116px 4.97791px 0 3.33333px, #20ade5 28.4537px 3.99891px 0 3.26667px, #20ade5 28.64223px 3.01042px 0 3.2px, #20ade5 28.79635px 2.01364px 0 3.13333px, #20ade5 28.91571px 1.00976px 0 3.06667px, #20ade5 29px 0px 0 3px, #20ade5 29.04896px -1.01441px 0 2.93333px, #20ade5 29.06237px -2.03224px 0 2.86667px, #20ade5 29.04004px -3.05223px 0 2.8px, #20ade5 28.98185px -4.07313px 0 2.73333px, #20ade5 28.88769px -5.09368px 0 2.66667px, #20ade5 28.75754px -6.1126px 0 2.6px, #20ade5 28.59138px -7.12863px 0 2.53333px, #20ade5 28.38926px -8.14049px 0 2.46667px, #20ade5 28.15127px -9.1469px 0 2.4px, #20ade5 27.87755px -10.1466px 0 2.33333px, #20ade5 27.56827px -11.1383px 0 2.26667px, #20ade5 27.22365px -12.12075px 0 2.2px, #20ade5 26.84398px -13.09268px 0 2.13333px, #20ade5 26.42956px -14.05285px 0 2.06667px, #20ade5 25.98076px -15px 0 2px, #20ade5 25.49798px -15.93291px 0 1.93333px, #20ade5 24.98167px -16.85035px 0 1.86667px, #20ade5 24.43231px -17.75111px 0 1.8px, #20ade5 23.85046px -18.63402px 0 1.73333px, #20ade5 23.23668px -19.49789px 0 1.66667px, #20ade5 22.5916px -20.34157px 0 1.6px, #20ade5 21.91589px -21.16393px 0 1.53333px, #20ade5 21.21024px -21.96384px 0 1.46667px, #20ade5 20.4754px -22.74023px 0 1.4px, #20ade5 19.71215px -23.49203px 0 1.33333px, #20ade5 18.92133px -24.2182px 0 1.26667px, #20ade5 18.10379px -24.91772px 0 1.2px, #20ade5 17.26042px -25.58963px 0 1.13333px, #20ade5 16.39217px -26.23295px 0 1.06667px, #20ade5 15.5px -26.84679px 0 1px, #20ade5 14.58492px -27.43024px 0 0.93333px, #20ade5 13.64796px -27.98245px 0 0.86667px, #20ade5 12.69018px -28.50262px 0 0.8px, #20ade5 11.7127px -28.98995px 0 0.73333px, #20ade5 10.71663px -29.4437px 0 0.66667px, #20ade5 9.70313px -29.86317px 0 0.6px, #20ade5 8.67339px -30.2477px 0 0.53333px, #20ade5 7.6286px -30.59666px 0 0.46667px, #20ade5 6.57001px -30.90946px 0 0.4px, #20ade5 5.49886px -31.18558px 0 0.33333px, #20ade5 4.41643px -31.42451px 0 0.26667px, #20ade5 3.32401px -31.6258px 0 0.2px, #20ade5 2.22291px -31.78904px 0 0.13333px, #20ade5 1.11446px -31.91388px 0 0.06667px, #20ade5 0px -32px 0 0px, #20ade5 -1.11911px -32.04713px 0 -0.06667px, #20ade5 -2.24151px -32.05506px 0 -0.13333px, #20ade5 -3.36582px -32.02361px 0 -0.2px, #20ade5 -4.49065px -31.95265px 0 -0.26667px, #20ade5 -5.61462px -31.84212px 0 -0.33333px, #20ade5 -6.73634px -31.69198px 0 -0.4px, #20ade5 -7.8544px -31.50227px 0 -0.46667px, #20ade5 -8.9674px -31.27305px 0 -0.53333px, #20ade5 -10.07395px -31.00444px 0 -0.6px, #20ade5 -11.17266px -30.69663px 0 -0.66667px, #20ade5 -12.26212px -30.34982px 0 -0.73333px, #20ade5 -13.34096px -29.96429px 0 -0.8px, #20ade5 -14.4078px -29.54036px 0 -0.86667px, #20ade5 -15.46126px -29.07841px 0 -0.93333px, #20ade5 -16.5px -28.57884px 0 -1px, #20ade5 -17.52266px -28.04212px 0 -1.06667px, #20ade5 -18.52792px -27.46878px 0 -1.13333px, #20ade5 -19.51447px -26.85936px 0 -1.2px, #20ade5 -20.48101px -26.21449px 0 -1.26667px, #20ade5 -21.42625px -25.53481px 0 -1.33333px, #20ade5 -22.34896px -24.82104px 0 -1.4px, #20ade5 -23.2479px -24.07391px 0 -1.46667px, #20ade5 -24.12186px -23.29421px 0 -1.53333px, #20ade5 -24.96967px -22.48279px 0 -1.6px, #20ade5 -25.79016px -21.64052px 0 -1.66667px, #20ade5 -26.58223px -20.76831px 0 -1.73333px, #20ade5 -27.34477px -19.86714px 0 -1.8px, #20ade5 -28.07674px -18.938px 0 -1.86667px, #20ade5 -28.7771px -17.98193px 0 -1.93333px, #20ade5 -29.44486px -17px 0 -2px, #20ade5 -30.07908px -15.99333px 0 -2.06667px, #20ade5 -30.67884px -14.96307px 0 -2.13333px, #20ade5 -31.24325px -13.91039px 0 -2.2px, #20ade5 -31.7715px -12.83652px 0 -2.26667px, #20ade5 -32.26278px -11.74269px 0 -2.33333px, #20ade5 -32.71634px -10.63018px 0 -2.4px, #20ade5 -33.13149px -9.5003px 0 -2.46667px, #20ade5 -33.50755px -8.35437px 0 -2.53333px, #20ade5 -33.84391px -7.19374px 0 -2.6px, #20ade5 -34.14px -6.0198px 0 -2.66667px, #20ade5 -34.39531px -4.83395px 0 -2.73333px, #20ade5 -34.60936px -3.63759px 0 -2.8px, #20ade5 -34.78173px -2.43218px 0 -2.86667px, #20ade5 -34.91205px -1.21916px 0 -2.93333px, #20ade5 -35px 0px 0 -3px, #20ade5 -35.04531px 1.22381px 0 -3.06667px, #20ade5 -35.04775px 2.45078px 0 -3.13333px, #20ade5 -35.00717px 3.6794px 0 -3.2px, #20ade5 -34.92345px 4.90817px 0 -3.26667px, #20ade5 -34.79654px 6.13557px 0 -3.33333px, #20ade5 -34.62643px 7.36007px 0 -3.4px, #20ade5 -34.41316px 8.58016px 0 -3.46667px, #20ade5 -34.15683px 9.79431px 0 -3.53333px, #20ade5 -33.85761px 11.001px 0 -3.6px, #20ade5 -33.5157px 12.19872px 0 -3.66667px, #20ade5 -33.13137px 13.38594px 0 -3.73333px, #20ade5 -32.70493px 14.56117px 0 -3.8px, #20ade5 -32.23675px 15.72291px 0 -3.86667px, #20ade5 -31.72725px 16.86968px 0 -3.93333px, #20ade5 -31.17691px 18px 0 -4px, #20ade5 -30.58627px 19.11242px 0 -4.06667px, #20ade5 -29.95589px 20.2055px 0 -4.13333px, #20ade5 -29.28642px 21.27783px 0 -4.2px, #20ade5 -28.57852px 22.32799px 0 -4.26667px, #20ade5 -27.83295px 23.35462px 0 -4.33333px, #20ade5 -27.05047px 24.35635px 0 -4.4px, #20ade5 -26.23192px 25.33188px 0 -4.46667px, #20ade5 -25.37819px 26.27988px 0 -4.53333px, #20ade5 -24.49018px 27.1991px 0 -4.6px, #20ade5 -23.56888px 28.0883px 0 -4.66667px, #20ade5 -22.6153px 28.94626px 0 -4.73333px, #20ade5 -21.6305px 29.77183px 0 -4.8px, #20ade5 -20.61558px 30.56385px 0 -4.86667px, #20ade5 -19.57168px 31.32124px 0 -4.93333px, #20ade5 -18.5px 32.04294px 0 -5px, #20ade5 -17.40175px 32.72792px 0 -5.06667px, #20ade5 -16.27818px 33.37522px 0 -5.13333px, #20ade5 -15.1306px 33.98389px 0 -5.2px, #20ade5 -13.96034px 34.55305px 0 -5.26667px, #20ade5 -12.76875px 35.08186px 0 -5.33333px, #20ade5 -11.55724px 35.56951px 0 -5.4px, #20ade5 -10.32721px 36.01527px 0 -5.46667px, #20ade5 -9.08014px 36.41843px 0 -5.53333px, #20ade5 -7.81748px 36.77835px 0 -5.6px, #20ade5 -6.54075px 37.09443px 0 -5.66667px, #20ade5 -5.25147px 37.36612px 0 -5.73333px, #20ade5 -3.95118px 37.59293px 0 -5.8px, #20ade5 -2.64145px 37.77443px 0 -5.86667px, #20ade5 -1.32385px 37.91023px 0 -5.93333px;
  box-shadow: #20ade5 0px 26px 0 6px, #20ade5 0.90971px 26.05079px 0 5.93333px, #20ade5 1.82297px 26.06967px 0 5.86667px, #20ade5 2.73865px 26.05647px 0 5.8px, #20ade5 3.65561px 26.01104px 0 5.73333px, #20ade5 4.57274px 25.93327px 0 5.66667px, #20ade5 5.48887px 25.8231px 0 5.6px, #20ade5 6.40287px 25.68049px 0 5.53333px, #20ade5 7.31358px 25.50548px 0 5.46667px, #20ade5 8.21985px 25.2981px 0 5.4px, #20ade5 9.12054px 25.05847px 0 5.33333px, #20ade5 10.01448px 24.78672px 0 5.26667px, #20ade5 10.90054px 24.48302px 0 5.2px, #20ade5 11.77757px 24.1476px 0 5.13333px, #20ade5 12.64443px 23.78072px 0 5.06667px, #20ade5 13.5px 23.38269px 0 5px, #20ade5 14.34315px 22.95384px 0 4.93333px, #20ade5 15.17277px 22.49455px 0 4.86667px, #20ade5 15.98776px 22.00526px 0 4.8px, #20ade5 16.78704px 21.48643px 0 4.73333px, #20ade5 17.56953px 20.93855px 0 4.66667px, #20ade5 18.33418px 20.36217px 0 4.6px, #20ade5 19.07995px 19.75787px 0 4.53333px, #20ade5 19.80582px 19.12626px 0 4.46667px, #20ade5 20.5108px 18.468px 0 4.4px, #20ade5 21.1939px 17.78379px 0 4.33333px, #20ade5 21.85416px 17.07434px 0 4.26667px, #20ade5 22.49067px 16.34043px 0 4.2px, #20ade5 23.10251px 15.58284px 0 4.13333px, #20ade5 23.68881px 14.80241px 0 4.06667px, #20ade5 24.24871px 14px 0 4px, #20ade5 24.7814px 13.1765px 0 3.93333px, #20ade5 25.28607px 12.33284px 0 3.86667px, #20ade5 25.76198px 11.46997px 0 3.8px, #20ade5 26.2084px 10.58888px 0 3.73333px, #20ade5 26.62462px 9.69057px 0 3.66667px, #20ade5 27.01001px 8.77608px 0 3.6px, #20ade5 27.36392px 7.84648px 0 3.53333px, #20ade5 27.68577px 6.90284px 0 3.46667px, #20ade5 27.97502px 5.94627px 0 3.4px, #20ade5 28.23116px 4.97791px 0 3.33333px, #20ade5 28.4537px 3.99891px 0 3.26667px, #20ade5 28.64223px 3.01042px 0 3.2px, #20ade5 28.79635px 2.01364px 0 3.13333px, #20ade5 28.91571px 1.00976px 0 3.06667px, #20ade5 29px 0px 0 3px, #20ade5 29.04896px -1.01441px 0 2.93333px, #20ade5 29.06237px -2.03224px 0 2.86667px, #20ade5 29.04004px -3.05223px 0 2.8px, #20ade5 28.98185px -4.07313px 0 2.73333px, #20ade5 28.88769px -5.09368px 0 2.66667px, #20ade5 28.75754px -6.1126px 0 2.6px, #20ade5 28.59138px -7.12863px 0 2.53333px, #20ade5 28.38926px -8.14049px 0 2.46667px, #20ade5 28.15127px -9.1469px 0 2.4px, #20ade5 27.87755px -10.1466px 0 2.33333px, #20ade5 27.56827px -11.1383px 0 2.26667px, #20ade5 27.22365px -12.12075px 0 2.2px, #20ade5 26.84398px -13.09268px 0 2.13333px, #20ade5 26.42956px -14.05285px 0 2.06667px, #20ade5 25.98076px -15px 0 2px, #20ade5 25.49798px -15.93291px 0 1.93333px, #20ade5 24.98167px -16.85035px 0 1.86667px, #20ade5 24.43231px -17.75111px 0 1.8px, #20ade5 23.85046px -18.63402px 0 1.73333px, #20ade5 23.23668px -19.49789px 0 1.66667px, #20ade5 22.5916px -20.34157px 0 1.6px, #20ade5 21.91589px -21.16393px 0 1.53333px, #20ade5 21.21024px -21.96384px 0 1.46667px, #20ade5 20.4754px -22.74023px 0 1.4px, #20ade5 19.71215px -23.49203px 0 1.33333px, #20ade5 18.92133px -24.2182px 0 1.26667px, #20ade5 18.10379px -24.91772px 0 1.2px, #20ade5 17.26042px -25.58963px 0 1.13333px, #20ade5 16.39217px -26.23295px 0 1.06667px, #20ade5 15.5px -26.84679px 0 1px, #20ade5 14.58492px -27.43024px 0 0.93333px, #20ade5 13.64796px -27.98245px 0 0.86667px, #20ade5 12.69018px -28.50262px 0 0.8px, #20ade5 11.7127px -28.98995px 0 0.73333px, #20ade5 10.71663px -29.4437px 0 0.66667px, #20ade5 9.70313px -29.86317px 0 0.6px, #20ade5 8.67339px -30.2477px 0 0.53333px, #20ade5 7.6286px -30.59666px 0 0.46667px, #20ade5 6.57001px -30.90946px 0 0.4px, #20ade5 5.49886px -31.18558px 0 0.33333px, #20ade5 4.41643px -31.42451px 0 0.26667px, #20ade5 3.32401px -31.6258px 0 0.2px, #20ade5 2.22291px -31.78904px 0 0.13333px, #20ade5 1.11446px -31.91388px 0 0.06667px, #20ade5 0px -32px 0 0px, #20ade5 -1.11911px -32.04713px 0 -0.06667px, #20ade5 -2.24151px -32.05506px 0 -0.13333px, #20ade5 -3.36582px -32.02361px 0 -0.2px, #20ade5 -4.49065px -31.95265px 0 -0.26667px, #20ade5 -5.61462px -31.84212px 0 -0.33333px, #20ade5 -6.73634px -31.69198px 0 -0.4px, #20ade5 -7.8544px -31.50227px 0 -0.46667px, #20ade5 -8.9674px -31.27305px 0 -0.53333px, #20ade5 -10.07395px -31.00444px 0 -0.6px, #20ade5 -11.17266px -30.69663px 0 -0.66667px, #20ade5 -12.26212px -30.34982px 0 -0.73333px, #20ade5 -13.34096px -29.96429px 0 -0.8px, #20ade5 -14.4078px -29.54036px 0 -0.86667px, #20ade5 -15.46126px -29.07841px 0 -0.93333px, #20ade5 -16.5px -28.57884px 0 -1px, #20ade5 -17.52266px -28.04212px 0 -1.06667px, #20ade5 -18.52792px -27.46878px 0 -1.13333px, #20ade5 -19.51447px -26.85936px 0 -1.2px, #20ade5 -20.48101px -26.21449px 0 -1.26667px, #20ade5 -21.42625px -25.53481px 0 -1.33333px, #20ade5 -22.34896px -24.82104px 0 -1.4px, #20ade5 -23.2479px -24.07391px 0 -1.46667px, #20ade5 -24.12186px -23.29421px 0 -1.53333px, #20ade5 -24.96967px -22.48279px 0 -1.6px, #20ade5 -25.79016px -21.64052px 0 -1.66667px, #20ade5 -26.58223px -20.76831px 0 -1.73333px, #20ade5 -27.34477px -19.86714px 0 -1.8px, #20ade5 -28.07674px -18.938px 0 -1.86667px, #20ade5 -28.7771px -17.98193px 0 -1.93333px, #20ade5 -29.44486px -17px 0 -2px, #20ade5 -30.07908px -15.99333px 0 -2.06667px, #20ade5 -30.67884px -14.96307px 0 -2.13333px, #20ade5 -31.24325px -13.91039px 0 -2.2px, #20ade5 -31.7715px -12.83652px 0 -2.26667px, #20ade5 -32.26278px -11.74269px 0 -2.33333px, #20ade5 -32.71634px -10.63018px 0 -2.4px, #20ade5 -33.13149px -9.5003px 0 -2.46667px, #20ade5 -33.50755px -8.35437px 0 -2.53333px, #20ade5 -33.84391px -7.19374px 0 -2.6px, #20ade5 -34.14px -6.0198px 0 -2.66667px, #20ade5 -34.39531px -4.83395px 0 -2.73333px, #20ade5 -34.60936px -3.63759px 0 -2.8px, #20ade5 -34.78173px -2.43218px 0 -2.86667px, #20ade5 -34.91205px -1.21916px 0 -2.93333px, #20ade5 -35px 0px 0 -3px, #20ade5 -35.04531px 1.22381px 0 -3.06667px, #20ade5 -35.04775px 2.45078px 0 -3.13333px, #20ade5 -35.00717px 3.6794px 0 -3.2px, #20ade5 -34.92345px 4.90817px 0 -3.26667px, #20ade5 -34.79654px 6.13557px 0 -3.33333px, #20ade5 -34.62643px 7.36007px 0 -3.4px, #20ade5 -34.41316px 8.58016px 0 -3.46667px, #20ade5 -34.15683px 9.79431px 0 -3.53333px, #20ade5 -33.85761px 11.001px 0 -3.6px, #20ade5 -33.5157px 12.19872px 0 -3.66667px, #20ade5 -33.13137px 13.38594px 0 -3.73333px, #20ade5 -32.70493px 14.56117px 0 -3.8px, #20ade5 -32.23675px 15.72291px 0 -3.86667px, #20ade5 -31.72725px 16.86968px 0 -3.93333px, #20ade5 -31.17691px 18px 0 -4px, #20ade5 -30.58627px 19.11242px 0 -4.06667px, #20ade5 -29.95589px 20.2055px 0 -4.13333px, #20ade5 -29.28642px 21.27783px 0 -4.2px, #20ade5 -28.57852px 22.32799px 0 -4.26667px, #20ade5 -27.83295px 23.35462px 0 -4.33333px, #20ade5 -27.05047px 24.35635px 0 -4.4px, #20ade5 -26.23192px 25.33188px 0 -4.46667px, #20ade5 -25.37819px 26.27988px 0 -4.53333px, #20ade5 -24.49018px 27.1991px 0 -4.6px, #20ade5 -23.56888px 28.0883px 0 -4.66667px, #20ade5 -22.6153px 28.94626px 0 -4.73333px, #20ade5 -21.6305px 29.77183px 0 -4.8px, #20ade5 -20.61558px 30.56385px 0 -4.86667px, #20ade5 -19.57168px 31.32124px 0 -4.93333px, #20ade5 -18.5px 32.04294px 0 -5px, #20ade5 -17.40175px 32.72792px 0 -5.06667px, #20ade5 -16.27818px 33.37522px 0 -5.13333px, #20ade5 -15.1306px 33.98389px 0 -5.2px, #20ade5 -13.96034px 34.55305px 0 -5.26667px, #20ade5 -12.76875px 35.08186px 0 -5.33333px, #20ade5 -11.55724px 35.56951px 0 -5.4px, #20ade5 -10.32721px 36.01527px 0 -5.46667px, #20ade5 -9.08014px 36.41843px 0 -5.53333px, #20ade5 -7.81748px 36.77835px 0 -5.6px, #20ade5 -6.54075px 37.09443px 0 -5.66667px, #20ade5 -5.25147px 37.36612px 0 -5.73333px, #20ade5 -3.95118px 37.59293px 0 -5.8px, #20ade5 -2.64145px 37.77443px 0 -5.86667px, #20ade5 -1.32385px 37.91023px 0 -5.93333px;
  -moz-animation: whirly-loader 1.25s infinite linear;
  -webkit-animation: whirly-loader 1.25s infinite linear;
  animation: whirly-loader 1.25s infinite linear;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

@keyframes whirly-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rich-select-box {
  width: 140px;
  display: inline-block;
  vertical-align: middle; }
  .rich-select-box .select-check-main, .rich-select-box .select-range {
    margin-bottom: 0 !important; }
  .rich-select-box .select-check-main .search-size-max {
    height: 32px;
    line-height: 32px; }
  .rich-select-box .select-multiple-box.search-size-max .select-selection-rendered {
    min-height: 32px;
    height: 32px; }
  .rich-select-box .select-selection-multiple .select-selection-rendered li, .rich-select-box .select-selection-multiple .select-selection-multiple li {
    height: 26px;
    line-height: 24px; }
  .rich-select-box .select-dropdown {
    top: 32px; }

.rich-select-box-w120 {
  width: 120px !important; }

.title-to-tips-box {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .title-to-tips-box[data-title]:hover:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    margin-left: -5px;
    z-index: 100;
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px; }
  .title-to-tips-box[data-title]:hover:after {
    content: attr(data-title);
    font-size: 12px;
    padding: 12px;
    position: absolute;
    top: calc(100% + 7px);
    left: -80px;
    background: #fff;
    color: #666;
    border-radius: 4px;
    z-index: 99;
    white-space: normal;
    word-break: break-all;
    width: 160px;
    line-height: 1.5;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
  .title-to-tips-box.special-handle[data-title]:hover:after {
    width: 260px; }
  .title-to-tips-box .iconfont {
    font-size: 14px; }

.isread {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fe0000;
  margin-right: 6px; }

.user-card-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start; }
  .user-card-box .head-img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden; }
    .user-card-box .head-img img {
      width: 100%;
      height: 100%; }
  .user-card-box .user-info {
    flex: 1;
    padding-left: 16px;
    text-align: left; }
    .user-card-box .user-info .t1t {
      font-size: 16px;
      color: #333;
      margin-bottom: 8px; }
    .user-card-box .user-info .txt {
      font-size: 16px;
      color: #999; }

.img-info-card-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start; }
  .img-info-card-box .img-box {
    width: 64px;
    height: 64px;
    overflow: hidden; }
    .img-info-card-box .img-box img {
      width: 100%;
      height: 100%; }
  .img-info-card-box .info-box {
    flex: 1;
    padding-left: 16px;
    text-align: left;
    line-height: 1;
    width: 0; }
    .img-info-card-box .info-box .tit {
      font-size: 14px;
      color: #333;
      margin-bottom: 8px; }
      .img-info-card-box .info-box .tit i {
        display: inline-block;
        vertical-align: middle; }
      .img-info-card-box .info-box .tit .tit-tag {
        width: 36px;
        height: 16px;
        text-align: center;
        line-height: 14px;
        font-size: 12px;
        border: 1px solid #FF3838;
        color: #FF3838;
        border-radius: 2px; }
      .img-info-card-box .info-box .tit .tit-label {
        color: #FF3838; }
      .img-info-card-box .info-box .tit .tit-tips {
        margin: 0 6px;
        color: #999; }
    .img-info-card-box .info-box .text {
      font-size: 12px;
      color: #999; }
  .img-info-card-box .more {
    position: relative; }

.popover-box, .popover-promotion-box {
  display: none;
  padding: 18px;
  width: 660px;
  height: 241px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  position: absolute;
  top: 24px;
  left: -322px;
  z-index: 2; }
  .popover-box:before, .popover-promotion-box:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-width: 0 0 1px 1px;
    border-color: #e3e3e3;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .popover-box .popover-head, .popover-promotion-box .popover-head {
    font-size: 12px;
    color: #333;
    margin-bottom: 8px; }
    .popover-box .popover-head i, .popover-promotion-box .popover-head i {
      font-weight: bold; }
    .popover-box .popover-head .tit-tag, .popover-promotion-box .popover-head .tit-tag {
      width: 36px;
      height: 16px;
      text-align: center;
      line-height: 14px;
      font-size: 12px;
      border: 1px solid #FF3838;
      color: #FF3838;
      border-radius: 2px;
      font-weight: normal; }
  .popover-box .popover-body, .popover-promotion-box .popover-body {
    width: 100%; }
    .popover-box .popover-body .table-box, .popover-promotion-box .popover-body .table-box {
      position: relative;
      border: 0 none;
      height: 178px;
      width: 100%; }
      .popover-box .popover-body .table-box .table-head-box, .popover-promotion-box .popover-body .table-box .table-head-box {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 32px;
        line-height: 32px;
        text-align: left;
        font-size: 12px;
        background: #F8F8F8;
        color: #666;
        display: flex;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent; }
        .popover-box .popover-body .table-box .table-head-box .table-head, .popover-promotion-box .popover-body .table-box .table-head-box .table-head {
          padding-left: 12px;
          vertical-align: middle;
          display: inline-block; }
          .popover-box .popover-body .table-box .table-head-box .table-head:nth-child(1), .popover-box .popover-body .table-box .table-head-box .table-head:nth-child(2), .popover-promotion-box .popover-body .table-box .table-head-box .table-head:nth-child(1), .popover-promotion-box .popover-body .table-box .table-head-box .table-head:nth-child(2) {
            width: 25%; }
          .popover-box .popover-body .table-box .table-head-box .table-head:nth-child(3), .popover-box .popover-body .table-box .table-head-box .table-head:nth-child(4), .popover-promotion-box .popover-body .table-box .table-head-box .table-head:nth-child(3), .popover-promotion-box .popover-body .table-box .table-head-box .table-head:nth-child(4) {
            width: 15%; }
          .popover-box .popover-body .table-box .table-head-box .table-head:nth-child(5), .popover-box .popover-body .table-box .table-head-box .table-head:nth-child(6), .popover-promotion-box .popover-body .table-box .table-head-box .table-head:nth-child(5), .popover-promotion-box .popover-body .table-box .table-head-box .table-head:nth-child(6) {
            width: 10%; }
      .popover-box .popover-body .table-box .table-body-box, .popover-promotion-box .popover-body .table-box .table-body-box {
        height: 178px; }
      .popover-box .popover-body .table-box table, .popover-promotion-box .popover-body .table-box table {
        width: 100%;
        border: 0 none; }
        .popover-box .popover-body .table-box table th, .popover-promotion-box .popover-body .table-box table th {
          height: 32px;
          text-align: left;
          font-size: 12px;
          font-weight: normal;
          color: #666;
          padding-left: 12px;
          vertical-align: middle;
          background: #F8F8F8; }
          .popover-box .popover-body .table-box table th:nth-child(1), .popover-box .popover-body .table-box table th:nth-child(2), .popover-promotion-box .popover-body .table-box table th:nth-child(1), .popover-promotion-box .popover-body .table-box table th:nth-child(2) {
            width: 25%; }
          .popover-box .popover-body .table-box table th:nth-child(3), .popover-box .popover-body .table-box table th:nth-child(4), .popover-promotion-box .popover-body .table-box table th:nth-child(3), .popover-promotion-box .popover-body .table-box table th:nth-child(4) {
            width: 15%; }
          .popover-box .popover-body .table-box table th:nth-child(5), .popover-box .popover-body .table-box table th:nth-child(6), .popover-promotion-box .popover-body .table-box table th:nth-child(5), .popover-promotion-box .popover-body .table-box table th:nth-child(6) {
            width: 10%; }
        .popover-box .popover-body .table-box table td, .popover-promotion-box .popover-body .table-box table td {
          padding: 4px 12px;
          vertical-align: middle; }
          .popover-box .popover-body .table-box table td .img-info-card-box .img-box, .popover-promotion-box .popover-body .table-box table td .img-info-card-box .img-box {
            width: 40px;
            height: 40px;
            margin-right: 16px; }
          .popover-box .popover-body .table-box table td .img-info-card-box .info-box, .popover-promotion-box .popover-body .table-box table td .img-info-card-box .info-box {
            padding-left: 0; }

.popover-promotion-box {
  width: 400px;
  height: 200px;
  left: -192px; }
  .popover-promotion-box li {
    line-height: 1.5;
    font-size: 12px;
    color: #666;
    margin-bottom: 10px; }

.order-item-list-box .td-box .img-info-card-box .more .icon-open-s-3 {
  display: none; }
.order-item-list-box .td-box .img-info-card-box .more:hover .icon-open-s-3 {
  display: block; }
.order-item-list-box .td-box .img-info-card-box .more:hover .icon-open-n-3 {
  display: none; }
.order-item-list-box .td-box .img-info-card-box .more:hover .popover-box, .order-item-list-box .td-box .img-info-card-box .more:hover .popover-promotion-box {
  display: block; }

.adapt-width {
  width: 100%; }
  .adapt-width img {
    width: 100%; }

.adapt-height {
  height: 100%; }
  .adapt-height img {
    height: 100%; }

.text-view {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding: 16px 0; }
  .text-view .view-title {
    width: 54px;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .text-view .view-main {
    flex: 1;
    font-size: 12px;
    color: #333; }

.corner-mask-box {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  width: 30px;
  height: 30px; }

.message-pop-box {
  position: fixed;
  top: 70px;
  right: 12px;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 384px;
  padding: 24px 24px 16px;
  z-index: 99;
  visibility: visible;
  -webkit-transform: translate3d(110%, 0, 0);
  transform: translate3d(110%, 0, 0); }
  .message-pop-box .close {
    color: #666;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer; }
  .message-pop-box .body-box {
    padding-right: 32px;
    line-height: 1;
    cursor: pointer; }
    .message-pop-box .body-box .title {
      font-size: 16px;
      color: #333;
      margin-bottom: 10px; }
    .message-pop-box .body-box .main {
      font-size: 14px;
      color: #666;
      margin-bottom: 10px; }
    .message-pop-box .body-box .time {
      font-size: 14px;
      color: #999; }
  .message-pop-box .footer-box {
    margin-top: 16px;
    text-align: right; }
    .message-pop-box .footer-box .btn {
      width: auto;
      height: 24px;
      line-height: 24px;
      padding: 0 8px; }

.base-info-edit-box {
  padding: 0 24px; }
  .base-info-edit-box .edit-card {
    margin-bottom: 4px; }
  .base-info-edit-box .edit-card-select-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 100%;
    max-width: 600px; }
  .base-info-edit-box .info-main-card {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    min-height: 32px;
    max-width: 600px; }
    .base-info-edit-box .info-main-card .title {
      width: 54px;
      font-size: 12px;
      color: #666;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      word-break: break-all;
      text-align: right; }
    .base-info-edit-box .info-main-card .main {
      flex: 1;
      font-size: 12px;
      color: #333; }
      .base-info-edit-box .info-main-card .main .txt {
        display: inline-block;
        vertical-align: middle; }
        .base-info-edit-box .info-main-card .main .txt span {
          display: inline-block;
          vertical-align: middle;
          margin-right: 6px; }
      .base-info-edit-box .info-main-card .main .icon-box {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer; }

.file-upload-from-text-box {
  font-size: 12px; }
  .file-upload-from-text-box .file-upload-btn-box {
    color: #333; }
    .file-upload-from-text-box .file-upload-btn-box .icon-link {
      font-size: 12px;
      cursor: pointer; }
      .file-upload-from-text-box .file-upload-btn-box .icon-link:hover {
        color: #20ade5; }
  .file-upload-from-text-box .file-upload-main {
    margin-top: 8px; }
    .file-upload-from-text-box .file-upload-main .file-list-null {
      color: #999; }
    .file-upload-from-text-box .file-upload-main .cad-file-list {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .file-upload-from-text-box .file-upload-main .cad-file-list .file-cad-item {
        line-height: 36px;
        color: #20ade5;
        font-size: 14px; }
        .file-upload-from-text-box .file-upload-main .cad-file-list .file-cad-item .file-name {
          position: relative; }
          .file-upload-from-text-box .file-upload-main .cad-file-list .file-cad-item .file-name:hover .del-cad-btn {
            display: block; }
          .file-upload-from-text-box .file-upload-main .cad-file-list .file-cad-item .file-name .del-cad-btn {
            display: none;
            position: absolute;
            top: -10px;
            right: -11px;
            width: 16px;
            height: 16px;
            background: url("../images/icon-select-close.png") no-repeat center/16px;
            cursor: pointer; }
    .file-upload-from-text-box .file-upload-main .file-list {
      display: flex;
      align-content: flex-start;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .file-upload-from-text-box .file-upload-main .file-list .file-card {
        width: 100px;
        height: 100px;
        overflow: hidden;
        border: 1px solid #e3e3e3;
        margin-right: 8px;
        margin-bottom: 8px;
        position: relative; }
        .file-upload-from-text-box .file-upload-main .file-list .file-card:hover .clear-btn {
          display: block; }
        .file-upload-from-text-box .file-upload-main .file-list .file-card .img-box {
          width: 100%;
          height: 100%;
          position: relative;
          cursor: pointer; }
          .file-upload-from-text-box .file-upload-main .file-list .file-card .img-box img, .file-upload-from-text-box .file-upload-main .file-list .file-card .img-box .svg-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .file-upload-from-text-box .file-upload-main .file-list .file-card .img-box .svg-icon {
            width: 60px;
            height: 60px; }
        .file-upload-from-text-box .file-upload-main .file-list .file-card .clear-btn {
          display: none;
          position: absolute;
          top: 4px;
          right: 4px;
          width: 16px;
          height: 16px;
          background: url("../images/icon-select-close.png") no-repeat center/16px;
          cursor: pointer; }

.video-upload-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start; }
  .video-upload-box .video-upload-main {
    flex: 1; }
    .video-upload-box .video-upload-main .main-box {
      position: relative; }
      .video-upload-box .video-upload-main .main-box:hover .sheet-close {
        display: block; }
      .video-upload-box .video-upload-main .main-box .sheet-close {
        display: none;
        position: absolute;
        top: 4px;
        right: 4px;
        width: 20px;
        height: 20px;
        background: url("../images/icon-select-close.png") no-repeat;
        cursor: pointer; }
    .video-upload-box .video-upload-main .progress-box {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 3;
      padding: 0 24px;
      width: 300px;
      height: 24px;
      border-radius: 20px;
      overflow: hidden; }
      .video-upload-box .video-upload-main .progress-box .progress-bar {
        width: 100%;
        height: 100%;
        background: #f2f2f2;
        color: #20ade5; }
        .video-upload-box .video-upload-main .progress-box .progress-bar::-webkit-progress-bar {
          background-color: #f2f2f2; }
        .video-upload-box .video-upload-main .progress-box .progress-bar::-webkit-progress-value {
          background: #20ade5; }
        .video-upload-box .video-upload-main .progress-box .progress-bar::-moz-progress-bar {
          background-color: #20ade5; }
  .video-upload-box .video-upload-btn {
    width: 98px;
    height: 100px;
    border: 1px dashed #e3e3e3;
    text-align: center;
    line-height: 99px;
    cursor: pointer; }
    .video-upload-box .video-upload-btn:hover {
      border-color: #20ade5; }
      .video-upload-box .video-upload-btn:hover i {
        color: #20ade5; }
    .video-upload-box .video-upload-btn i {
      font-size: 24px;
      color: #999; }

.feedback-list-box {
  padding: 10px 24px;
  min-height: 400px;
  position: relative; }
  .feedback-list-box .feedback-card {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 8px;
    font-size: 14px; }
    .feedback-list-box .feedback-card .feedback-card-head {
      display: flex;
      justify-content: space-between;
      margin-bottom: 12px; }
      .feedback-list-box .feedback-card .feedback-card-head .title {
        flex: 1;
        width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333;
        line-height: 1em;
        font-weight: bold; }
    .feedback-list-box .feedback-card .feedback-card-main .content {
      line-height: 20px;
      color: #333;
      margin-bottom: 8px;
      word-break: break-all; }
    .feedback-list-box .feedback-card .feedback-card-main .attachment .img-box {
      display: inline-block;
      margin-right: 8px;
      margin-bottom: 8px;
      width: 90px;
      height: 90px;
      line-height: 90px;
      text-align: center;
      background: #f5f5f5; }
      .feedback-list-box .feedback-card .feedback-card-main .attachment .img-box img {
        max-width: 100%;
        max-height: 100%; }
    .feedback-list-box .feedback-card .feedback-card-main .time {
      color: #999; }
    .feedback-list-box .feedback-card .reply-box {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px dashed #e3e3e3;
      word-break: break-all; }
      .feedback-list-box .feedback-card .reply-box .title {
        margin-bottom: 12px;
        font-weight: bold; }
      .feedback-list-box .feedback-card .reply-box .reply .main {
        line-height: 20px;
        color: #333;
        margin-bottom: 5px;
        word-break: break-all; }

.w-e-text p,
.w-e-text h1,
.w-e-text h2,
.w-e-text h3,
.w-e-text h4,
.w-e-text h5,
.w-e-text table,
.w-e-text pre {
  display: block !important;
  vertical-align: baseline !important;
  margin: 0 !important; }

.w-e-text ul, .w-e-text ol {
  margin: 0 !important; }

.aggregate-box {
  width: 100%;
  min-height: 49px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 24px; }
  .aggregate-box .aggregate-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    font-size: 14px; }
    .aggregate-box .aggregate-item .tit {
      display: inline-block;
      vertical-align: middle;
      color: #666; }
    .aggregate-box .aggregate-item .main {
      display: inline-block;
      vertical-align: middle;
      color: #333; }
  .aggregate-box .right-box {
    font-size: 14px;
    color: #20ade5;
    cursor: pointer; }
    .aggregate-box .right-box .iconfont {
      font-size: 14px;
      color: #20ade5;
      margin-right: 6px; }

.info-details-wrap {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap; }
  .info-details-wrap .detail-item {
    display: flex;
    align-items: center;
    align-content: center;
    width: 33.3333%;
    max-width: 400px;
    font-size: 14px;
    margin-bottom: 8px; }
    .info-details-wrap .detail-item .title {
      width: 80px;
      margin-right: 10px;
      color: #666; }
    .info-details-wrap .detail-item .main {
      flex: 1;
      width: 0; }

.goods-info-card-wrap {
  display: flex; }
  .goods-info-card-wrap .img-box {
    width: 90px;
    height: 90px;
    overflow: hidden;
    text-align: center;
    line-height: 90px; }
    .goods-info-card-wrap .img-box img {
      max-width: 100%;
      max-height: 100%; }
  .goods-info-card-wrap .info-wrap {
    flex: 1;
    width: 0;
    padding-left: 16px;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .goods-info-card-wrap .info-wrap div:last-child {
      margin-bottom: 0; }
    .goods-info-card-wrap .info-wrap .title-wrap {
      font-size: 16px;
      color: #333;
      margin-bottom: 5px; }
    .goods-info-card-wrap .info-wrap .text-wrap {
      font-size: 12px;
      color: #666;
      margin-bottom: 5px; }
    .goods-info-card-wrap .info-wrap .tips-wrap {
      font-size: 12px;
      color: #999;
      margin-bottom: 5px; }

.select-label-wrap .label-box {
  display: inline-block;
  vertical-align: middle;
  min-width: 108px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #e3e3e3;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0 10px;
  cursor: pointer;
  color: #333; }
  .select-label-wrap .label-box:hover, .select-label-wrap .label-box.active {
    border-color: #20ade5;
    color: #20ade5; }

.title-tabs-wrap .tabs-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  width: 100px;
  height: 32px;
  line-height: 22px;
  border-bottom: 2px solid transparent;
  text-align: center;
  margin: 0 16px 16px;
  cursor: pointer; }
  .title-tabs-wrap .tabs-box.active {
    border-color: #20ade5;
    color: #20ade5; }

.discern-address-box {
  display: block; }
  .discern-address-box .title-box {
    width: 100%;
    font-size: 12px !important;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px;
    word-break: break-all;
    text-align: left; }
  .discern-address-box .discern-address-main {
    width: 100%; }
    .discern-address-box .discern-address-main textarea {
      width: 100%;
      height: 120px;
      border: 1px solid #e3e3e3;
      padding: 12px;
      border-radius: 2px;
      font-size: 12px;
      resize: none; }
    .discern-address-box .discern-address-main .txt-btn {
      margin-top: 8px;
      padding: 0; }
      .discern-address-box .discern-address-main .txt-btn span {
        display: inline-block;
        width: 80px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border: 1px solid #20ade5;
        color: #20ade5;
        cursor: pointer;
        font-size: 12px;
        border-radius: 2px; }

.goods-descriptions-box {
  margin: 16px 0;
  display: flex; }
  .goods-descriptions-box .img-box {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border: 1px solid #e3e3e3;
    margin-right: 12px; }
  .goods-descriptions-box .info-box {
    flex: 1;
    width: 0; }
    .goods-descriptions-box .info-box .title-box {
      font-size: 18px;
      color: #333;
      font-weight: bold;
      margin-bottom: 8px; }
    .goods-descriptions-box .info-box .main-box {
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      color: #333; }
      .goods-descriptions-box .info-box .main-box .main-item {
        width: 50%;
        margin-bottom: 8px;
        padding-right: 24px; }
        .goods-descriptions-box .info-box .main-box .main-item:nth-last-child(3), .goods-descriptions-box .info-box .main-box .main-item:nth-last-child(2), .goods-descriptions-box .info-box .main-box .main-item:nth-last-child(1) {
          width: 33.3333%; }
        .goods-descriptions-box .info-box .main-box .main-item:last-child {
          text-align: right; }

.image-list-box .image-box {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #e3e3e3;
  position: relative; }
  .image-list-box .image-box:not(:last-child) {
    margin-right: 8px; }
  .image-list-box .image-box img {
    max-width: 100%;
    max-height: 100%; }

.sale-time-group-box {
  display: flex;
  align-items: center;
  align-content: center;
  max-width: 600px;
  margin-bottom: 8px; }
  .sale-time-group-box .sale-time-group-cont {
    flex: 1;
    margin-right: 10px; }

.head-right-btn-box .btn {
  margin-left: 16px; }
.head-right-btn-box .btn-group-box {
  display: inline-block; }
  .head-right-btn-box .btn-group-box .btn:last-child {
    background: #20ade5;
    color: #fff; }
.head-right-btn-box .operation-btn-group {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-left: 8px; }
  .head-right-btn-box .operation-btn-group:hover .operation-main-box {
    display: block; }
  .head-right-btn-box .operation-btn-group:hover .title-box {
    color: #20ade5; }
  .head-right-btn-box .operation-btn-group .title-box {
    color: #666;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #f8fbfc; }
    .head-right-btn-box .operation-btn-group .title-box .iconfont {
      font-size: 12px; }
  .head-right-btn-box .operation-btn-group .operation-main-box {
    position: absolute;
    right: 0;
    width: 160px;
    background: #fff;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    display: none; }
    .head-right-btn-box .operation-btn-group .operation-main-box .item-nav {
      padding: 0 14px;
      height: 28px;
      line-height: 28px;
      cursor: pointer; }
      .head-right-btn-box .operation-btn-group .operation-main-box .item-nav:hover {
        color: #20ade5; }

.ys-empty-box {
  margin-top: 32px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center; }
  .ys-empty-box .ys-empty-wrap {
    text-align: center; }
    .ys-empty-box .ys-empty-wrap .ys-empty-icon {
      display: inline-block;
      width: 200px; }
      .ys-empty-box .ys-empty-wrap .ys-empty-icon .svg-icon, .ys-empty-box .ys-empty-wrap .ys-empty-icon .img-icon {
        width: 100%;
        height: 100%; }
      .ys-empty-box .ys-empty-wrap .ys-empty-icon .iconfont {
        font-size: 16px; }
    .ys-empty-box .ys-empty-wrap .ys-empty-title {
      padding: 12px;
      font-size: 14px;
      color: #666; }

.jsErrorTips {
  position: absolute;
  top: 100%;
  left: 0;
  height: auto;
  line-height: 24px;
  font-size: 12px;
  color: #FF3838 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto;
  min-width: 100%;
  white-space: nowrap;
  display: inline-block; }

.ys-drawer-box {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  width: 696px;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
  z-index: 4;
  height: calc(100vh - 60px);
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  flex-direction: column; }
  .ys-drawer-box .ys-drawer-head-box {
    height: 56px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 24px;
    line-height: 56px;
    font-size: 16px;
    color: #333;
    width: 100%; }
    .ys-drawer-box .ys-drawer-head-box .ys-drawer-cancel {
      float: right;
      font-size: 14px;
      color: #999;
      cursor: pointer; }
      .ys-drawer-box .ys-drawer-head-box .ys-drawer-cancel:hover {
        color: #20ade5; }
  .ys-drawer-box .ys-drawer-body-box {
    font-size: 14px;
    height: calc(100% - 114px); }
  .ys-drawer-box .ys-drawer-body-cont-box {
    padding: 16px 24px; }
    .ys-drawer-box .ys-drawer-body-cont-box .statistics-info-wrap {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 24px; }
      .ys-drawer-box .ys-drawer-body-cont-box .statistics-info-wrap .statistics-info-item {
        width: 33.3333%;
        font-size: 16px;
        color: #333;
        line-height: 1em; }
    .ys-drawer-box .ys-drawer-body-cont-box .ys-drawer-main-box {
      margin-bottom: 300px; }
    .ys-drawer-box .ys-drawer-body-cont-box .form-item-box {
      margin-bottom: 16px; }
      .ys-drawer-box .ys-drawer-body-cont-box .form-item-box .form-item-title-box {
        font-size: 16px;
        color: #333;
        padding-left: 8px;
        position: relative;
        margin-bottom: 8px; }
        .ys-drawer-box .ys-drawer-body-cont-box .form-item-box .form-item-title-box:before {
          content: "";
          display: inline-block;
          width: 2px;
          background: #333;
          height: 16px;
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -8px; }
      .ys-drawer-box .ys-drawer-body-cont-box .form-item-box .form-item-main {
        display: flex;
        flex-wrap: wrap; }
        .ys-drawer-box .ys-drawer-body-cont-box .form-item-box .form-item-main .form-item-main-item {
          width: calc(50% - 8px); }
          .ys-drawer-box .ys-drawer-body-cont-box .form-item-box .form-item-main .form-item-main-item:nth-child(2n) {
            margin-left: 16px; }
  .ys-drawer-box .ys-drawer-foot-box {
    width: 100%;
    height: 56px;
    border-top: 1px solid #e3e3e3;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    padding: 0 24px; }
    .ys-drawer-box .ys-drawer-foot-box .extra-area {
      flex: 1;
      font-size: 12px;
      color: #999; }
    .ys-drawer-box .ys-drawer-foot-box .active-area {
      flex: 1;
      text-align: right; }
      .ys-drawer-box .ys-drawer-foot-box .active-area .btn {
        margin-left: 12px; }

.edit-box {
  position: relative;
  margin-right: 12px; }
  .edit-box .iconfont:hover {
    cursor: pointer;
    color: #20ade5; }
  .edit-box .input-pop-box {
    position: absolute;
    top: -32px;
    right: 22px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.3);
    padding: 10px;
    z-index: 2; }
    .edit-box .input-pop-box .pop-close {
      right: 6px !important;
      top: 16px !important; }
    .edit-box .input-pop-box.input-pop-top-box {
      top: auto;
      bottom: 100%; }
    .edit-box .input-pop-box:before {
      content: '';
      width: 12px;
      height: 12px;
      background: #fff; }
    .edit-box .input-pop-box .title {
      margin-bottom: 6px; }
    .edit-box .input-pop-box .input-box-warp {
      display: flex;
      border: 1px solid #e3e3e3;
      width: 300px; }
      .edit-box .input-pop-box .input-box-warp .input-wrap {
        flex: 1;
        position: relative; }
        .edit-box .input-pop-box .input-box-warp .input-wrap .cont-search {
          height: 30px;
          line-height: 30px;
          margin-bottom: 0; }
          .edit-box .input-pop-box .input-box-warp .input-wrap .cont-search .txt {
            border: 0 none; }
        .edit-box .input-pop-box .input-box-warp .input-wrap .tips {
          position: absolute;
          top: 50%;
          right: 12px;
          transform: translateY(-50%);
          font-size: 12px;
          color: #666; }

.text-descriptions-view {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  width: 100%; }
  .text-descriptions-view .view-title {
    width: 54px;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .text-descriptions-view .view-main {
    flex: 1;
    font-size: 12px;
    color: #333; }

.print-basic-set-box {
  padding: 0 24px 24px;
  min-height: 300px; }
  .print-basic-set-box h2 {
    font-size: 16px;
    color: #333;
    line-height: 1em;
    margin-bottom: 16px; }
  .print-basic-set-box .set-body {
    margin-bottom: 16px; }
    .print-basic-set-box .set-body .select-range .frame {
      display: none; }
    .print-basic-set-box .set-body .select-range .select-range-op {
      z-index: 3; }
    .print-basic-set-box .set-body .select-dropdown .select-dropdown-menu-item span {
      text-align: left; }
    .print-basic-set-box .set-body span {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      padding-right: 8px; }
    .print-basic-set-box .set-body .label {
      width: 100%;
      margin-bottom: 8px; }
    .print-basic-set-box .set-body .txt {
      display: inline-block;
      vertical-align: middle;
      height: 32px;
      padding-left: 12px;
      font-size: 14px;
      border: 1px solid #e3e3e3;
      border-radius: 2px; }
    .print-basic-set-box .set-body .txt-red {
      padding-right: 0; }
    .print-basic-set-box .set-body .size {
      display: inline-block; }
      .print-basic-set-box .set-body .size .txt {
        width: 86px;
        padding-right: 2em; }
      .print-basic-set-box .set-body .size .unit {
        position: absolute;
        transform: translate(-34px, 10px);
        display: inline-block;
        width: 2em;
        font-size: 12px;
        color: #999; }

.transverse-line {
  width: 100%;
  height: 4px;
  background: #F3F7FA; }

.print-body-set-box {
  position: relative;
  display: inline-block;
  height: 100%; }
  .print-body-set-box .print-title {
    margin-bottom: 26px; }
    .print-body-set-box .print-title h2 {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      color: #333;
      line-height: 1em; }
      .print-body-set-box .print-title h2 span {
        font-size: 12px;
        color: #999; }
    .print-body-set-box .print-title p {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      padding-left: 200px;
      cursor: pointer; }
      .print-body-set-box .print-title p i {
        color: #20ade5;
        font-size: 12px;
        margin-right: 6px; }

.print-set-config {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 320px;
  z-index: 2;
  background: #fff;
  box-shadow: -1px 0px 0px #e3e3e3; }
  .print-set-config .config-head {
    width: 100%;
    height: 56px;
    font-size: 14px;
    color: #333;
    padding: 12px 16px;
    border-bottom: 1px solid #e3e3e3; }
    .print-set-config .config-head .search-select-box {
      width: 224px;
      margin-left: 4px;
      height: 32px;
      line-height: 32px; }
    .print-set-config .config-head .sel-close {
      display: none; }
  .print-set-config .config-tab {
    line-height: 48px;
    height: 48px;
    font-size: 14px;
    color: #4a4a4a;
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer; }
    .print-set-config .config-tab .item {
      width: 49.8%;
      display: inline-block;
      vertical-align: top;
      text-align: center; }
    .print-set-config .config-tab .active {
      position: relative;
      color: #20ade5; }
      .print-set-config .config-tab .active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #20ade5; }

.print-set-toggle {
  position: absolute;
  right: 320px;
  top: 16px;
  width: 58px;
  height: 32px;
  line-height: 30px;
  padding-left: .6em;
  background: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 100px 0px 0px 100px;
  font-size: 14px;
  color: #666;
  cursor: pointer; }
  .print-set-toggle .icon-templates-pack-up {
    display: inline-block;
    font-size: 12px; }

.print-set-config-show {
  transform: translateX(0);
  transition: transform .3s ease-in-out; }

.print-set-config-hide {
  transform: translateX(320px);
  transition: transform .3s ease-in-out; }
  .print-set-config-hide .icon-templates-pack-up {
    transform: rotate(180deg);
    margin-top: -2px; }

.print-template-box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 6mm;
  border-radius: 2px;
  margin: 16px 320px 16px 24px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 0px dashed #d2d2d2; }

.print-template-content {
  position: relative;
  display: block;
  vertical-align: top;
  width: 210mm;
  min-height: 93mm;
  margin: 0 auto;
  background: -webkit-linear-gradient(top, transparent 15px, #eef1f9 16px), -webkit-linear-gradient(left, transparent 15px, #eef1f9 16px);
  background-size: 16px 16px;
  border: 1px #eef1f9 solid; }

.print-page-header,
.print-page-footer {
  position: relative;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  cursor: pointer; }
  .print-page-header .text,
  .print-page-footer .text {
    display: inline-block;
    padding: 0 50px; }

.print-page-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer; }

.print-title-body {
  cursor: move; }
  .print-title-body .txt {
    font-size: 16px;
    color: #333;
    font-weight: bold; }

.print-module-body {
  display: inline-block;
  position: relative;
  padding: 0 4px;
  height: 24px;
  line-height: 22px;
  border: 1px solid #e3e3e3;
  background: #fff;
  min-width: 160px;
  width: 160px; }
  .print-module-body .txt {
    display: inline-block;
    font-size: 12px;
    word-break: break-all; }
  .print-module-body .close {
    width: 8px;
    height: 100%;
    position: absolute;
    right: 16px;
    top: 0;
    cursor: pointer;
    display: none; }
    .print-module-body .close i {
      font-size: 16px; }
  .print-module-body:hover .close {
    display: block; }
  .print-module-body .drag {
    height: 16px;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: e-resize;
    padding: 0 5px; }
    .print-module-body .drag:after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 100%;
      background: #e3e3e3;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.print-table-line {
  position: absolute;
  width: 100%; }
  .print-table-line:after, .print-table-line:before {
    position: absolute;
    left: 0;
    right: -70px;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    border-style: dashed;
    border-color: #e3e3e3;
    color: #e3e3e3; }
  .print-table-line:before {
    content: '表头区';
    border-width: 0 0 1px;
    top: -24px; }
  .print-table-line:after {
    content: '表尾区';
    border-width: 1px 0 0;
    bottom: -24px; }

.print-table-body table {
  border: 1px solid #e3e3e3;
  font-size: 12px;
  font-weight: bold;
  cursor: move; }
.print-table-body th {
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  text-align: center;
  cursor: url("../images/grabbing_hand.png"), auto;
  position: relative;
  background: white; }
  .print-table-body th:first-child {
    width: 30px; }
  .print-table-body th .drag {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #e3e3e3;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: w-resize; }
.print-table-body td {
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  background: white;
  white-space: nowrap;
  overflow: hidden; }

.print-remark-body {
  display: inline-block;
  position: relative;
  padding-left: 8px;
  height: 24px;
  line-height: 22px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  min-width: 160px;
  width: 100%;
  cursor: move; }
  .print-remark-body .txt {
    display: inline-block;
    font-size: 12px;
    width: calc(100% - 40px);
    color: #999; }
    .print-remark-body .txt i {
      margin-right: 14px; }
  .print-remark-body .close {
    width: 16px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer; }
    .print-remark-body .close i {
      font-size: 16px; }

.print-image-body {
  display: inline-block;
  position: relative; }
  .print-image-body .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }

.set-print-template-box {
  vertical-align: top;
  width: 320px;
  min-height: 300px;
  background: white;
  position: relative; }

.set-print-template-head {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  position: relative; }
  .set-print-template-head .close {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer; }

.set-print-template-body {
  padding: 0 16px 24px; }
  .set-print-template-body .set-box {
    font-size: 0; }
    .set-print-template-body .set-box:first-child {
      margin-top: 16px; }
    .set-print-template-body .set-box h3 {
      font-size: 14px;
      color: #333;
      margin-bottom: 16px; }
    .set-print-template-body .set-box > ul > li {
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      margin-bottom: 24px; }
    .set-print-template-body .set-box .text-area {
      width: 100%;
      height: 64px;
      padding-left: 12px;
      padding-top: 12px;
      font-size: 12px;
      border: 1px solid #e3e3e3;
      border-radius: 4px;
      margin-bottom: 14px;
      resize: none; }
  .set-print-template-body .set-box-border {
    border-bottom: 1px dashed #e3e3e3;
    margin-bottom: 24px; }
  .set-print-template-body .set-card span {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    font-size: 12px; }

.input-box {
  position: relative;
  display: inline-block;
  width: calc(100% - 52px); }
  .input-box:hover .ope-btn {
    display: block; }
  .input-box .txt {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding-left: 12px; }
  .input-box .ope-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
    .input-box .ope-btn span {
      display: block;
      width: 20px;
      height: 50%;
      border: 1px solid #e3e3e3;
      text-align: center;
      font-size: 12px;
      cursor: pointer; }
      .input-box .ope-btn span:hover {
        color: #20ade5; }

.set-print-template-img {
  padding-bottom: 24px; }
  .set-print-template-img .title {
    padding: 22px 0; }
    .set-print-template-img .title h2 {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      font-weight: bold; }
    .set-print-template-img .title p {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #20ade5;
      padding-left: 24px;
      cursor: pointer; }
  .set-print-template-img .img-box {
    width: 100px;
    height: 100px;
    border: 1px dashed #e3e3e3;
    cursor: pointer;
    position: relative; }
    .set-print-template-img .img-box:hover .close {
      display: block; }
  .set-print-template-img .close {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px; }
    .set-print-template-img .close:hover {
      color: #20ade5; }
  .set-print-template-img p {
    font-size: 14px;
    color: #333;
    width: 100px;
    text-align: center;
    padding-top: 8px; }

.set-print-template-main {
  padding: 24px 0;
  border-bottom: 1px dashed #e3e3e3; }
  .set-print-template-main:last-child {
    border-bottom: 0 none; }
  .set-print-template-main .title {
    margin-bottom: 16px; }
    .set-print-template-main .title h2 {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      font-weight: bold; }
    .set-print-template-main .title p {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #20ade5;
      padding-left: 24px;
      cursor: pointer; }
  .set-print-template-main .template-main {
    font-size: 0; }
    .set-print-template-main .template-main li {
      width: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 16px; }
      .set-print-template-main .template-main li span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        width: calc(100% - 50px);
        color: #333;
        padding-bottom: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .set-print-template-main .print-hint {
    font-size: 12px;
    color: #999; }

.resizable {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .resizable.no-transition {
    transition: none !important;
    background-color: #7bd389; }

.rg-right, .rg-left, .rg-top, .rg-bottom {
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  z-index: 1;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: transparent; }
  .rg-right span, .rg-left span, .rg-top span, .rg-bottom span {
    position: absolute;
    box-sizing: border-box;
    display: block;
    border: 1px solid #ccc; }

.rg-right span, .rg-left span {
  border-width: 0 0 0 1px;
  top: 50%;
  margin: -10px 0 0 3.5px;
  height: 10px;
  width: 7px;
  padding: 0;
  background: transparent; }

.rg-top span, .rg-bottom span {
  border-width: 1px 0;
  left: 50%;
  margin: 3.5px 0 0 -10px;
  width: 20px;
  height: 7px; }

.rg-top {
  cursor: row-resize;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: -14px; }

.rg-right {
  cursor: col-resize;
  height: 100%;
  right: 8px;
  top: 5px;
  margin-right: -14px; }

.rg-bottom {
  cursor: row-resize;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: -14px; }

.rg-left {
  cursor: col-resize;
  height: 100%;
  left: 0;
  top: 0;
  margin-left: -14px; }

.bluetooth-print-title {
  text-align: center; }
  .bluetooth-print-title .txt {
    font-size: 16px;
    line-height: 2;
    color: #333;
    font-weight: bold; }

.bluetooth-print-element {
  position: relative;
  padding: 0 4px;
  border: 1px dashed #e3e3e3;
  margin-bottom: 1px;
  background: #fff;
  cursor: url("../images/grabbing_hand.png"), auto; }
  .bluetooth-print-element .txt {
    display: inline-block;
    font-size: 12px;
    word-break: break-all; }
  .bluetooth-print-element .close {
    width: 8px;
    height: 100%;
    position: absolute;
    right: 16px;
    top: 0;
    cursor: pointer;
    display: none; }
    .bluetooth-print-element .close i {
      font-size: 16px; }
  .bluetooth-print-element:hover .close {
    display: block; }
  .bluetooth-print-element .drag {
    height: 16px;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: e-resize;
    padding: 0 5px; }
    .bluetooth-print-element .drag:after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 100%;
      background: #e3e3e3;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .bluetooth-print-element .bar-code-box {
    text-align: center;
    margin: 0 auto; }
    .bluetooth-print-element .bar-code-box img {
      max-width: 100%; }

.bluetooth-print-image {
  text-align: center;
  max-width: 100%; }

.bluetooth-print-table {
  border-top: 2px dashed #e3e3e3;
  border-bottom: 2px dashed #e3e3e3;
  padding: 8px 0;
  margin: 8px 0; }
  .bluetooth-print-table table {
    width: 100%;
    font-size: 12px;
    border-top: 1px dashed #e3e3e3;
    font-weight: bold;
    cursor: move; }
  .bluetooth-print-table th {
    vertical-align: middle;
    text-align: left;
    padding-left: 1em;
    cursor: url("../images/grabbing_hand.png"), auto;
    position: relative;
    background: white; }
    .bluetooth-print-table th:first-child {
      width: 30px; }
    .bluetooth-print-table th .drag {
      display: inline-block;
      width: 1px;
      height: 16px;
      background: #e3e3e3;
      position: absolute;
      right: 6px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: w-resize; }
  .bluetooth-print-table td {
    border-top: 1px dashed #e3e3e3;
    border-bottom: 1px dashed #e3e3e3;
    vertical-align: middle;
    text-align: left;
    padding-left: 1em;
    font-weight: normal;
    background: white;
    white-space: nowrap;
    overflow: hidden; }

.print-tpl-type-select {
  width: 360px;
  padding: 24px 24px 0; }
  .print-tpl-type-select .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding-right: 16px;
    color: #333; }
  .print-tpl-type-select .search-select-box {
    width: 240px; }
    .print-tpl-type-select .search-select-box .select-range {
      margin-bottom: 0; }

.print-tpl-table {
  padding: 24px;
  min-height: 400px; }
  .print-tpl-table .table-box {
    width: 100%;
    text-align: left; }
    .print-tpl-table .table-box thead {
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3;
      background: #fcfcfc;
      line-height: 48px;
      font-size: 12px;
      color: #666;
      cursor: pointer; }
    .print-tpl-table .table-box th {
      background: #fcfcfc;
      line-height: 48px;
      font-size: 12px;
      font-weight: 400;
      color: #666;
      padding: 0 10px;
      white-space: nowrap;
      text-align: left; }
      .print-tpl-table .table-box th:hover {
        cursor: default; }
    .print-tpl-table .table-box td {
      position: relative;
      min-height: 40px;
      font-size: 12px;
      color: #333;
      vertical-align: middle;
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3;
      padding: 1em;
      text-align: left; }
      .print-tpl-table .table-box td .set-btn {
        display: none;
        color: #20ade5;
        cursor: pointer; }
      .print-tpl-table .table-box td:hover .set-btn {
        display: inline-block; }
    .print-tpl-table .table-box .txt-btn {
      display: inline-block;
      vertical-align: middle;
      height: 30px;
      line-height: 28px;
      white-space: nowrap;
      text-align: center;
      font-size: 14px;
      margin-right: 16px;
      border: 0 none;
      cursor: pointer;
      background: transparent; }
  .print-tpl-table .add-tpl-btn {
    margin-top: 24px;
    border: 1px solid #e3e3e3;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #20ade5;
    text-align: center; }

.cont-table {
  width: 100%;
  min-height: 560px;
  background: #ffffff; }

.cont-table table {
  width: 100%;
  margin-bottom: 30px;
  table-layout: fixed; }

.table-lay {
  table-layout: fixed; }

.cont-table th:hover {
  cursor: default; }

.cont-table th {
  background: #fcfcfc;
  line-height: 48px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  text-align: left;
  padding: 0 24px;
  white-space: nowrap;
  position: relative; }

.cont-table tr:hover {
  background: #f5f5f5; }
  .cont-table tr:hover .table-hover {
    display: block; }
  .cont-table tr:hover .badge-box {
    display: block !important; }
  .cont-table tr:hover .more {
    background: #f5f5f5; }

.chan .cont-table table {
  table-layout: inherit; }
.chan .cont-hear-left .search-size-middle {
  width: 280px; }

.table-hover {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0 none;
  background: #A3BBD4;
  box-shadow: none;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  word-break: normal;
  width: -moz-max-content;
  width: max-content; }
  .table-hover a {
    display: inline-block;
    padding: 0 12px;
    color: #FFFFFF;
    height: 100%;
    vertical-align: middle;
    font-size: 12px; }
    .table-hover a:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle; }
    .table-hover a:first-child {
      margin-left: 12px; }
    .table-hover a:last-child {
      margin-right: 12px; }

.table-hover:empty {
  min-width: 0;
  width: 0;
  padding: 0; }

.cont-table tr {
  color: #333; }
  .cont-table tr .status-box {
    position: relative; }
    .cont-table tr .status-box .badge-box {
      display: none;
      width: auto;
      position: absolute;
      top: -26px;
      left: 0;
      z-index: 1; }
  .cont-table tr .status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%; }
    .cont-table tr .status-dot.wait {
      background: #FF3838; }
    .cont-table tr .status-dot.proceed {
      background: #FFB609; }
    .cont-table tr .status-dot.finish {
      background: #52C41A; }
    .cont-table tr .status-dot.invalid {
      background: #b3b3b3; }
  .cont-table tr.txt-gray9 td .isclient:before, .cont-table tr.txt-gray9 td .isprovider {
    color: #999 !important; }

.cont-table td {
  position: relative;
  text-align: left;
  font-size: 12px;
  height: 40px;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
  padding: 4px 0;
  padding-left: 24px; }
  .cont-table td:last-child {
    padding-right: 24px; }
  .cont-table td span {
    width: 100%;
    line-height: inherit;
    padding: 2px 0;
    display: -webkit-flex;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .cont-table td .isclient:before {
    content: '[客]';
    color: #65D142;
    margin-right: 4px; }
  .cont-table td .isprovider:before {
    content: '[供]';
    color: #20ade5;
    margin-right: 4px; }
  .cont-table td .isforce:before {
    content: '[强]';
    color: #FF3838;
    margin-right: 4px; }
  .cont-table td .ischeck:before {
    content: '[核]';
    color: #FF3838;
    margin-right: 4px; }
  .cont-table td .ischeck-isforce:before {
    content: '[强][核]';
    color: #FF3838;
    margin-right: 4px; }
  .cont-table td img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto; }
  .cont-table td .txt-hover:hover {
    color: #20ade5;
    cursor: pointer; }
    .cont-table td .txt-hover:hover .expand-btn {
      color: #20ade5; }
  .cont-table td .td-img {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin: 4px 0;
    position: relative;
    border: 1px solid #f5f5f5; }
  .cont-table td .td-tit {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 50px);
    padding-left: 16px; }
  .cont-table td .td-img-box {
    position: relative;
    width: 100%;
    height: 100%; }
    .cont-table td .td-img-box:hover .td-img-zoom {
      display: block; }
    .cont-table td .td-img-box .td-img-zoom {
      display: none;
      position: absolute;
      z-index: 1;
      left: 100%;
      top: 50%;
      margin-top: -116px;
      margin-left: 20px;
      width: 232px;
      height: 232px;
      line-height: 232px;
      background: #fff;
      padding: 16px;
      box-shadow: 0 2px 14px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      overflow: hidden; }
      .cont-table td .td-img-box .td-img-zoom img {
        max-width: calc(100% - 32px);
        max-height: calc(100% - 32px); }
  .cont-table td .sold-out-tips {
    padding: 2px 12px;
    background: #d2d2d2;
    color: #fff;
    border-radius: 4px; }
  .cont-table td .goods-info {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center; }
    .cont-table td .goods-info .td-tit {
      flex: 1;
      width: auto; }
  .cont-table td .select-box {
    display: inline-block;
    padding: 0;
    width: 140px; }
    .cont-table td .select-box.label-more-up .select-dropdown {
      top: auto;
      bottom: 41px;
      -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
      -ms-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
      box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); }
  .cont-table td .expand-btn {
    font-size: 12px;
    color: #999;
    white-space: nowrap !important; }
    .cont-table td .expand-btn .iconfont {
      font-size: 12px; }
  .cont-table td .expand-btn-active {
    color: #20ade5; }
  .cont-table td .font-hint {
    color: #FF3838; }
  .cont-table td .font-gray3 {
    color: #333; }
  .cont-table td .font-yellow {
    background: #FFB609; }
  .cont-table td .font-green {
    background: #52C41A; }
  .cont-table td .font-gray {
    background: #b3b3b3; }

.goods-batch-cont-table td {
  border: 1px solid #e3e3e3; }

.goods-batch-cont-table th {
  border: 1px solid #e3e3e3; }

.cont-table th:first-child,
.cont-table td:first-child {
  padding-left: 24px; }
  .cont-table th:first-child span,
  .cont-table td:first-child span {
    padding: 2px 0; }

.metal-art-stone-table-box td:first-child span {
  padding: 5px 24px 5px 25px; }

.cont-table time {
  word-break: break-all;
  white-space: normal;
  line-height: 0; }

.adapt-width {
  width: 100%; }
  .adapt-width img {
    width: 100%; }

.adapt-height {
  height: 100%; }
  .adapt-height img {
    height: 100%; }

.sort {
  display: inline-block;
  width: 12px;
  vertical-align: middle;
  line-height: 8px;
  white-space: normal;
  margin-left: 4px;
  margin-top: -1px; }
  .sort i {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 8px;
    cursor: pointer; }

.sort-down {
  background: url("../images/order_icon_1_1.png") no-repeat bottom center; }

.sort-down-active {
  background: url("../images/order_icon_1_3.png") no-repeat bottom center; }

.sort-up {
  background: url("../images/order_icon_1_1.png") no-repeat top center; }

.sort-up-active {
  background: url("../images/order_icon_1_2.png") no-repeat top center; }

.detail-size-table {
  width: 100%;
  min-width: 800px;
  position: relative; }
  .detail-size-table .width200 .select-check-main {
    margin-bottom: 0 !important; }
  .detail-size-table .table-box {
    border: 1px solid #e3e3e3;
    width: 100%; }
  .detail-size-table .th-box {
    position: relative;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background: #e3e3e3;
    line-height: 48px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
    vertical-align: middle; }
    .detail-size-table .th-box:last-child {
      border-right: 1px solid #e3e3e3; }
    .detail-size-table .th-box .setting-card-explain {
      line-height: 1; }
      .detail-size-table .th-box .setting-card-explain .explain-hover {
        top: 29px;
        left: 50%;
        margin-left: -200px;
        text-align: left;
        white-space: normal;
        line-height: 1.5em;
        z-index: 2; }
        .detail-size-table .th-box .setting-card-explain .explain-hover:before {
          -webkit-transform: rotate(134deg);
          -moz-transform: rotate(134deg);
          -ms-transform: rotate(134deg);
          transform: rotate(134deg);
          top: -7px;
          left: 50%;
          margin-left: -14px; }
  .detail-size-table .td-box {
    position: relative;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    height: 40px;
    color: #333;
    border: 1px solid #e3e3e3;
    vertical-align: middle;
    padding: 4px; }
    .detail-size-table .td-box .vertical {
      width: 0;
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
    .detail-size-table .td-box span {
      display: inline-block;
      width: 99%;
      padding: 0 10px;
      display: -webkit-flex;
      display: -webkit-box;
      overflow: hidden;
      white-space: normal !important;
      text-overflow: ellipsis;
      word-wrap: break-word;
      word-break: break-all;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 22px; }
      .detail-size-table .td-box span a {
        padding: 0 10px;
        display: inline-block; }
        .detail-size-table .td-box span a:hover {
          color: #20ade5; }
    .detail-size-table .td-box .img-box {
      position: relative;
      margin: 4px 0;
      border: 1px solid #f5f5f5;
      width: 50px;
      height: 50px;
      display: inline-block; }
      .detail-size-table .td-box .img-box img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
        vertical-align: middle;
        text-align: center;
        margin: 0 auto; }
    .detail-size-table .td-box .td-box-txt {
      position: absolute;
      top: 1px;
      left: 1px;
      right: 1px;
      bottom: 1px;
      background: #fff;
      font-size: 12px;
      line-height: 22px;
      color: #333;
      z-index: 1; }
      .detail-size-table .td-box .td-box-txt p {
        position: absolute;
        top: 50%;
        left: 0;
        padding: 0 8px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal !important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-all;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0;
        vertical-align: middle; }
    .detail-size-table .td-box .txt {
      text-align: center;
      padding: 0 10px; }
    .detail-size-table .td-box .income-txt {
      display: inline-block;
      position: relative;
      height: 32px;
      line-height: 30px;
      background-color: #FFFFFF;
      margin: 10px;
      vertical-align: middle;
      border-radius: 2px;
      padding: 0 12px;
      font-size: 12px;
      border: 1px solid #e3e3e3; }
    .detail-size-table .td-box .select-box {
      width: 100%;
      padding: 0 12px;
      margin: 0;
      min-width: 124px; }
      .detail-size-table .td-box .select-box .select-check-main {
        margin-bottom: 0; }
      .detail-size-table .td-box .select-box .select-dropdown .select-dropdown-menu-item span {
        text-align: left;
        width: 100%;
        padding: 5px 12px; }
  .detail-size-table .erp-list-table-box tr td a:hover {
    cursor: pointer; }
  .detail-size-table .cont-search, .detail-size-table .select-check-main, .detail-size-table .select-range {
    margin-bottom: 0; }
  .detail-size-table .txt:-ms-input-placeholder {
    text-align: center; }
  .detail-size-table .txt::-webkit-input-placeholder {
    text-align: center; }
  .detail-size-table .detail-size-txt {
    position: relative;
    font-size: 12px;
    height: 50px;
    text-align: center;
    color: #20ade5;
    cursor: pointer;
    border: 1px solid #e3e3e3;
    font-weight: 600; }
    .detail-size-table .detail-size-txt a {
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -38px;
      height: 50px;
      line-height: 50px;
      display: block; }
    .detail-size-table .detail-size-txt:hover {
      opacity: 0.8; }
  .detail-size-table .del {
    position: absolute;
    top: 0;
    left: 0;
    right: 1px;
    bottom: 1px;
    line-height: 67px;
    z-index: 1;
    display: none;
    background: #ffffff;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .detail-size-table .del i {
      display: block;
      cursor: pointer;
      height: auto;
      line-height: 1.5; }
      .detail-size-table .del i:hover {
        color: #20ade5; }
  .detail-size-table .upload-but {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 22px;
    background: rgba(102, 102, 102, 0.7);
    color: #FFFFFF;
    line-height: 22px;
    text-align: center;
    cursor: pointer; }
  .detail-size-table .td-box:hover .upload-but {
    display: block; }
  .detail-size-table .tr-box:hover .del {
    display: flex; }
  .detail-size-table p {
    margin-right: 12px; }
  .detail-size-table .list-null-box {
    top: 96px;
    left: 0;
    right: 0;
    bottom: 0; }
  .detail-size-table .list-null {
    margin-top: -52px; }
  .detail-size-table .tip {
    width: 400px; }
    .detail-size-table .tip .select-check-box {
      width: 100%; }

.client-finance-bill .th-box, .client-finance-bill .td-box {
  text-align: left; }

.client-finance-bill .table-box .tr-box .operate-td-box:hover {
  cursor: pointer;
  color: #74d7ff; }

.outhouse-det {
  min-height: 500px; }
  .outhouse-det .detail-box .detail-mess .img-box {
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #f5f5f5;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px; }
    .outhouse-det .detail-box .detail-mess .img-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.detail-table-prompt {
  display: none;
  position: absolute;
  top: -96px;
  left: -18px;
  width: 274px;
  padding: 16px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #e3e3e3;
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.22);
  border-radius: 2px;
  z-index: 1;
  white-space: normal;
  line-height: 1.5; }
  .detail-table-prompt .prompt-bottom {
    position: absolute;
    bottom: -24px;
    left: 122px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px;
    border-color: #FFFFFF transparent transparent transparent; }

.table-select-range {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0 none; }
  .table-select-range:hover {
    border: 0 none; }

.pri-table {
  width: 100%;
  min-width: 800px;
  overflow: hidden;
  background: #ffffff; }
  .pri-table table {
    border: 1px solid #e3e3e3;
    table-layout: inherit;
    width: 100%; }
    .pri-table table td {
      padding: 0; }
      .pri-table table td:first-child {
        padding: 12px 12px; }
    .pri-table table .table-2 {
      border: 0 none; }
      .pri-table table .table-2 td {
        border: 0 none;
        box-shadow: 0 0 0 0;
        border-bottom: 1px solid #e3e3e3;
        padding: 12px 12px 2px; }
        .pri-table table .table-2 td:first-child {
          width: 220px;
          border-right: 1px solid #e3e3e3; }
      .pri-table table .table-2 tbody:last-child tr:last-child td {
        border-bottom: 0 none; }
      .pri-table table .table-2 .bkt-l, .pri-table table .table-2 .bkt-r {
        vertical-align: top;
        font-size: 12px; }
      .pri-table table .table-2 .bkt-l {
        margin-right: 10px; }
      .pri-table table .table-2 .bkt-r {
        margin-left: 10px; }
  .pri-table th {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 0 #e3e3e3;
    background: #fcfcfc;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;
    white-space: nowrap; }
  .pri-table td {
    text-align: left;
    font-size: 12px;
    color: #333;
    padding: 12px 12px 2px;
    vertical-align: middle;
    box-shadow: 0 1px 0 0 #e3e3e3;
    border: 1px solid #e3e3e3;
    word-break: break-all; }
    .pri-table td span {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 12px; }
    .pri-table td .checkbox + span {
      margin: 0; }
    .pri-table td span span {
      margin-bottom: 0; }
  .pri-table th:nth-child(1) {
    width: 120px; }
  .pri-table th:nth-child(2) {
    width: 200px; }

.goods-edit-cont-table-head {
  background: #f5f5f5;
  text-align: left;
  color: #666;
  font-size: 0; }
  .goods-edit-cont-table-head .head {
    display: inline-block;
    font-size: 14px;
    padding: 0 14px;
    font-weight: normal;
    vertical-align: middle;
    height: 50px;
    line-height: 50px; }
    .goods-edit-cont-table-head .head:first-child {
      width: 200px;
      text-align: center; }
    .goods-edit-cont-table-head .head:last-child {
      width: calc(100% - 202px);
      margin-left: -1px; }
    .goods-edit-cont-table-head .head span {
      margin-right: 24px; }

.goods-edit-cont-table {
  width: 100%;
  min-height: 300px;
  height: calc(100vh - 290px);
  background: #ffffff; }
  .goods-edit-cont-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed; }
  .goods-edit-cont-table th {
    height: 50px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    text-align: left;
    vertical-align: middle;
    padding: 0 14px;
    font-size: 14px;
    color: #666;
    font-weight: normal; }
    .goods-edit-cont-table th:first-child {
      width: 200px;
      text-align: center; }
    .goods-edit-cont-table th span {
      margin-right: 24px; }
  .goods-edit-cont-table td {
    padding: 0 14px;
    border: 1px solid #e3e3e3;
    vertical-align: middle; }
    .goods-edit-cont-table td:first-child {
      width: 200px;
      text-align: center; }
    .goods-edit-cont-table td .num {
      display: inline-block;
      vertical-align: middle; }
    .goods-edit-cont-table td dl {
      display: inline-block;
      vertical-align: middle; }
  .goods-edit-cont-table .goods-img-box {
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3; }
    .goods-edit-cont-table .goods-img-box:last-child {
      margin-bottom: 0;
      border-bottom: 0 none; }
    .goods-edit-cont-table .goods-img-box .goods-img-main-img {
      float: left;
      border: 1px solid #e3e3e3;
      position: relative;
      width: 102px;
      height: 102px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px; }
      .goods-edit-cont-table .goods-img-box .goods-img-main-img:hover .close {
        display: block; }
      .goods-edit-cont-table .goods-img-box .goods-img-main-img .close {
        display: none;
        position: absolute;
        top: 4px;
        right: 4px;
        width: 20px;
        height: 20px;
        background: url("../images/icon-select-close_1.png") no-repeat center/16px;
        z-index: 1;
        cursor: pointer; }
      .goods-edit-cont-table .goods-img-box .goods-img-main-img .tips {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.34);
        color: #ffffff;
        text-align: center;
        font-size: 12px; }
      .goods-edit-cont-table .goods-img-box .goods-img-main-img + .smallImg {
        display: inline-block;
        width: calc(100% - 214px);
        vertical-align: middle; }
  .goods-edit-cont-table .num {
    display: inline-block;
    width: 24px;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-right: 16px; }
  .goods-edit-cont-table dl {
    display: inline-block;
    width: calc(100% - 48px);
    font-size: 14px;
    line-height: 14px;
    color: #666; }
    .goods-edit-cont-table dl dd {
      margin-bottom: 8px;
      line-height: 1.5; }
      .goods-edit-cont-table dl dd:last-child {
        margin-bottom: 0; }
  .goods-edit-cont-table .carousel {
    width: calc(100% - 120px);
    display: inline-block;
    vertical-align: middle;
    padding: 9px 0; }
  .goods-edit-cont-table .smallScroll {
    height: 102px; }
    .goods-edit-cont-table .smallScroll .smallImg {
      height: 102px;
      width: calc(100% - 96px); }
      .goods-edit-cont-table .smallScroll .smallImg li {
        background: #ffffff;
        padding: 0;
        width: 100px;
        height: 100px;
        border: 0 none; }
      .goods-edit-cont-table .smallScroll .smallImg a {
        border: 1px solid #e3e3e3;
        position: relative;
        width: 102px;
        height: 102px; }
        .goods-edit-cont-table .smallScroll .smallImg a:hover .tips {
          display: block; }
        .goods-edit-cont-table .smallScroll .smallImg a:hover .close {
          display: block; }
      .goods-edit-cont-table .smallScroll .smallImg .product-img-box {
        display: none;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        z-index: 1; }
      .goods-edit-cont-table .smallScroll .smallImg .tips {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.34);
        color: #ffffff;
        text-align: center;
        z-index: 1;
        font-size: 12px; }
      .goods-edit-cont-table .smallScroll .smallImg .close {
        display: none;
        position: absolute;
        top: 4px;
        right: 4px;
        width: 20px;
        height: 20px;
        background: url("../images/icon-select-close_1.png") no-repeat center/16px;
        z-index: 1;
        cursor: pointer; }
  .goods-edit-cont-table .carousel-btn {
    width: 36px;
    height: 102px; }
  .goods-edit-cont-table .carousel-btn-prev {
    margin-right: 9px; }
  .goods-edit-cont-table .carousel-btn-next {
    margin-left: 9px; }
  .goods-edit-cont-table .ope {
    width: 94px;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle; }
    .goods-edit-cont-table .ope .tit {
      font-size: 12px;
      color: #999;
      text-align: center;
      margin-bottom: 16px; }
    .goods-edit-cont-table .ope .btn {
      width: 94px;
      height: 30px;
      line-height: 30px; }

.goods-info h4 {
  padding-top: 10px;
  padding-bottom: 6px; }
.goods-info p {
  padding-bottom: 6px; }

.label-box .label-add {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .label-box .label-add .tips-add {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 50px;
    height: 18px;
    border-radius: 4px;
    background: #e3e3e3;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    cursor: pointer; }
  .label-box .label-add:hover .label-add-more {
    display: block; }
.label-box .label-add-more {
  display: none;
  position: absolute;
  top: 18px;
  background: #fff;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
  max-height: 136px;
  font-size: 0;
  z-index: 2; }
  .label-box .label-add-more .label-list {
    display: inline-block;
    width: 130px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .label-box .label-add-more .label-list:nth-child(5) {
      display: inline-block; }
.label-box .label-more-up {
  top: auto;
  bottom: 30px;
  box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.22); }
.label-box .label-add-more-two {
  width: 260px; }
.label-box .label-add-more-three {
  width: 390px; }
.label-box .label-add-more-four {
  width: 520px; }
.label-box .label-add-more-five {
  width: 650px; }
.label-box .label-body {
  display: inline-block;
  vertical-align: middle; }
  .label-box .label-body .label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: default;
    position: relative;
    overflow: hidden;
    border-width: 1px;
    border-style: solid; }
    .label-box .label-body .label .label-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: .16; }

.cont-list-table-head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: inline-block;
  font-size: 0;
  z-index: 1; }
  .cont-list-table-head .head {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #e3e3e3;
    background: #fcfcfc;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-align: left;
    padding-left: 24px;
    white-space: nowrap;
    position: relative; }
    .cont-list-table-head .head:last-child {
      padding-right: 24px; }

.analyze-client-page-box .total {
  padding-left: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 60px;
  color: red; }

.earned-profit-report-table-head .head {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #e3e3e3;
  background: #e3e3e3;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  color: #666;
  text-align: left;
  padding: 0 12px; }

.head-sort-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer; }

.shield-list-body {
  width: 100%;
  min-height: 300px;
  height: calc(100vh - 220px);
  background: #ffffff; }
  .shield-list-body table {
    width: 100%; }
  .shield-list-body tr:hover .table-hover {
    display: block; }
  .shield-list-body th {
    background: #fcfcfc;
    line-height: 48px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-align: left;
    padding: 0 10px;
    white-space: nowrap; }
    .shield-list-body th:first-child {
      padding-left: 24px; }
  .shield-list-body td {
    position: relative;
    padding: 10px 0 0;
    vertical-align: middle;
    font-size: 12px;
    color: #333; }
    .shield-list-body td:first-child {
      padding-left: 24px; }
  .shield-list-body .table-check {
    display: inline-block;
    vertical-align: middle; }
  .shield-list-body .goods-info {
    font-size: 0;
    display: inline-block;
    vertical-align: middle; }
    .shield-list-body .goods-info .txt-box {
      display: inline-block;
      vertical-align: middle;
      padding-left: 10px; }
      .shield-list-body .goods-info .txt-box h4 {
        font-size: 12px;
        color: #333;
        line-height: 1em;
        padding-bottom: 8px; }
      .shield-list-body .goods-info .txt-box p {
        font-size: 12px;
        color: #999;
        line-height: 1em;
        padding-bottom: 8px; }
  .shield-list-body .shield-list {
    position: relative;
    max-height: 72px;
    overflow: hidden; }
    .shield-list-body .shield-list p {
      line-height: 1em;
      font-size: 12px;
      padding-bottom: 10px; }
  .shield-list-body .more {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1em;
    font-size: 12px;
    padding-bottom: 10px;
    background: #fff;
    width: 100%;
    height: 17px; }

.pop-shield-set-box {
  width: 820px;
  max-height: 550px; }
  .pop-shield-set-box .pop-body {
    padding: 0;
    max-height: none;
    font-size: 0; }
  .pop-shield-set-box .left {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 148px;
    min-height: 430px;
    border-right: 1px solid #e3e3e3; }
    .pop-shield-set-box .left li {
      height: 42px;
      line-height: 42px;
      border-bottom: 1px solid #e3e3e3;
      padding-left: 24px;
      font-size: 12px;
      color: #333;
      cursor: pointer; }
    .pop-shield-set-box .left .active {
      background-color: #f5f5f5; }
    .pop-shield-set-box .left:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #fff;
      position: absolute;
      left: 0;
      bottom: -1px; }
  .pop-shield-set-box .right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 148px);
    height: 430px; }
  .pop-shield-set-box .client-type {
    height: 100%;
    padding: 14px 24px; }
    .pop-shield-set-box .client-type dt {
      font-size: 12px;
      color: #333;
      line-height: 1em;
      padding-bottom: 24px; }
    .pop-shield-set-box .client-type dd {
      font-size: 14px;
      color: #666;
      line-height: 1em;
      padding-bottom: 16px;
      padding-left: 10px; }
  .pop-shield-set-box .region-box {
    padding: 14px 24px;
    font-size: 0; }
    .pop-shield-set-box .region-box .region-tree-box {
      max-height: 380px; }
    .pop-shield-set-box .region-box .checkbox-box {
      display: inline-block;
      font-size: 14px;
      line-height: 1em; }
    .pop-shield-set-box .region-box p {
      font-size: 12px;
      color: #333;
      line-height: 1em;
      padding-bottom: 24px; }
    .pop-shield-set-box .region-box .tree-one {
      color: #666;
      padding-bottom: 16px;
      padding-left: 10px; }
      .pop-shield-set-box .region-box .tree-one:first-child {
        padding-top: 2px; }
    .pop-shield-set-box .region-box .pl28 {
      padding-left: 28px !important; }
  .pop-shield-set-box .tree-two {
    padding-left: 10px;
    padding-top: 16px; }
    .pop-shield-set-box .tree-two .checkbox-box {
      display: block; }
      .pop-shield-set-box .tree-two .checkbox-box:last-child {
        margin: 0; }
  .pop-shield-set-box .tree-btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1em; }
  .pop-shield-set-box .client-set-box {
    padding: 14px 24px 0; }
    .pop-shield-set-box .client-set-box p {
      font-size: 12px;
      color: #333;
      line-height: 1em;
      padding-bottom: 24px; }
    .pop-shield-set-box .client-set-box .head-company {
      max-height: 84px; }
      .pop-shield-set-box .client-set-box .head-company .up, .pop-shield-set-box .client-set-box .head-company .next {
        display: inline-block;
        vertical-align: middle;
        width: 28px;
        height: 74px;
        margin-bottom: 10px; }
      .pop-shield-set-box .client-set-box .head-company .up {
        background: url("../images/set_icon_page_up_n.png") no-repeat left center/12px 16px; }
      .pop-shield-set-box .client-set-box .head-company .next {
        background: url("../images/set_icon_next_page_n.png") no-repeat right center/12px 16px; }
      .pop-shield-set-box .client-set-box .head-company .next-active {
        background: url("../images/set_icon_next_page_d.png") no-repeat right center/12px 16px; }
      .pop-shield-set-box .client-set-box .head-company .up-active {
        background: url("../images/set_icon_page_up_d.png") no-repeat left center/12px 16px; }
      .pop-shield-set-box .client-set-box .head-company .box {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 90px);
        max-height: 84px;
        overflow: hidden; }
      .pop-shield-set-box .client-set-box .head-company span {
        position: relative;
        display: inline-block;
        padding: 0 6px;
        width: 96px;
        height: 32px;
        line-height: 32px;
        border-radius: 2px;
        background-color: #f5f5f5;
        color: #333;
        text-align: center;
        font-size: 12px;
        margin: 0 12px 10px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
        border: 1px solid transparent; }
        .pop-shield-set-box .client-set-box .head-company span .close {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 32px;
          background: #fff url("../images/close.png") no-repeat center/16px;
          z-index: 1;
          cursor: pointer; }
        .pop-shield-set-box .client-set-box .head-company span:hover {
          border: 1px solid #20ade5;
          background: #fff; }
          .pop-shield-set-box .client-set-box .head-company span:hover .close {
            display: block; }
        .pop-shield-set-box .client-set-box .head-company span:nth-child(5n) {
          margin-right: 0; }
    .pop-shield-set-box .client-set-box .head-select {
      padding-top: 8px;
      padding-bottom: 10px; }
      .pop-shield-set-box .client-set-box .head-select .search-size-middle {
        width: 240px;
        margin-right: 12px;
        margin-bottom: 0; }
      .pop-shield-set-box .client-set-box .head-select .select-range {
        width: 130px;
        margin-right: 12px;
        margin-bottom: 0; }
    .pop-shield-set-box .client-set-box .select-table-box {
      height: 200px; }
    .pop-shield-set-box .client-set-box .select-table-box-middle {
      height: 244px; }
    .pop-shield-set-box .client-set-box .select-table-box-max {
      height: 284px; }
    .pop-shield-set-box .client-set-box .select-table-body-box {
      height: calc(100% - 40px); }
    .pop-shield-set-box .client-set-box .select-table-head .cell-box:nth-child(3), .pop-shield-set-box .client-set-box .select-table-list .cell-box:nth-child(3) {
      width: 15%; }
    .pop-shield-set-box .client-set-box .select-table-head .cell-box:nth-child(4), .pop-shield-set-box .client-set-box .select-table-list .cell-box:nth-child(4) {
      width: 15%; }
    .pop-shield-set-box .client-set-box .select-table-head .cell-box:nth-child(5), .pop-shield-set-box .client-set-box .select-table-list .cell-box:nth-child(5) {
      width: 15%; }
    .pop-shield-set-box .client-set-box .select-table-head .cell-box:nth-child(6), .pop-shield-set-box .client-set-box .select-table-list .cell-box:nth-child(6) {
      width: 15%; }
    .pop-shield-set-box .client-set-box .foot {
      position: absolute;
      left: 0;
      bottom: 0;
      text-align: center;
      width: 100%;
      padding-bottom: 6px; }
      .pop-shield-set-box .client-set-box .foot .page-list {
        display: inline-block; }
      .pop-shield-set-box .client-set-box .foot .cont-page {
        padding: 0; }
  .pop-shield-set-box .pop-foot {
    height: 60px;
    padding: 16px 0;
    text-align: right;
    border-top: 1px solid #e3e3e3; }
    .pop-shield-set-box .pop-foot button {
      width: 80px;
      height: 32px;
      line-height: 30px;
      border-radius: 2px;
      border: 1px solid #20ade5;
      color: #20ade5;
      font-size: 14px;
      margin-right: 12px;
      background: #fff;
      cursor: pointer; }
      .pop-shield-set-box .pop-foot button:last-child {
        background: #20ade5;
        color: #fff;
        border: 1px solid transparent; }

.select-table-body-box {
  height: calc(100% - 100px); }

.select-table-box + .list-null-box {
  top: 98px; }

.select-table-head, .select-table-list, .select-table-list-child {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  background: #fcfcfc;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  position: relative; }
  .select-table-head .cell-box, .select-table-list .cell-box, .select-table-list-child .cell-box {
    position: relative;
    font-size: 12px;
    vertical-align: middle;
    color: #666;
    flex: 1;
    width: 0;
    padding: 10px 0; }
    .select-table-head .cell-box[style], .select-table-list .cell-box[style], .select-table-list-child .cell-box[style] {
      flex: none; }
    .select-table-head .cell-box:nth-child(1), .select-table-list .cell-box:nth-child(1), .select-table-list-child .cell-box:nth-child(1) {
      width: 3%;
      text-align: center;
      flex: none; }
    .select-table-head .cell-box.width-15, .select-table-list .cell-box.width-15, .select-table-list-child .cell-box.width-15 {
      width: 15%;
      flex: none; }
    .select-table-head .cell-box.width-22, .select-table-list .cell-box.width-22, .select-table-list-child .cell-box.width-22 {
      width: 22%;
      flex: none; }
    .select-table-head .cell-box.pd, .select-table-list .cell-box.pd, .select-table-list-child .cell-box.pd {
      padding: 10px 20px 10px 0 !important; }
    .select-table-head .cell-box .set-btn, .select-table-list .cell-box .set-btn, .select-table-list-child .cell-box .set-btn {
      position: relative;
      display: inline-block;
      width: 94px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      overflow: hidden; }
      .select-table-head .cell-box .set-btn:after, .select-table-list .cell-box .set-btn:after, .select-table-list-child .cell-box .set-btn:after {
        content: "去设置";
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 32px;
        z-index: 1;
        color: #fff;
        background: #20ade5; }
    .select-table-head .cell-box:hover span, .select-table-list .cell-box:hover span, .select-table-list-child .cell-box:hover span {
      display: inline-block;
      width: 94px;
      height: 32px;
      line-height: 32px;
      color: #fff;
      background: #20ade5;
      border-radius: 4px;
      cursor: pointer;
      text-align: center; }
      .select-table-head .cell-box:hover span:after, .select-table-list .cell-box:hover span:after, .select-table-list-child .cell-box:hover span:after {
        display: block; }
    .select-table-head .cell-box .table-hover, .select-table-list .cell-box .table-hover, .select-table-list-child .cell-box .table-hover {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      border: 0 none;
      background: #A3BBD4;
      box-shadow: none;
      text-align: center;
      cursor: pointer;
      white-space: normal;
      word-break: normal; }
      .select-table-head .cell-box .table-hover a, .select-table-list .cell-box .table-hover a, .select-table-list-child .cell-box .table-hover a {
        display: inline-block;
        padding-right: 24px;
        color: #FFFFFF;
        height: 100%;
        vertical-align: middle; }
  .select-table-head .img-box, .select-table-list .img-box, .select-table-list-child .img-box {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border: 1px solid #e3e3e3;
    position: relative;
    overflow: hidden; }
    .select-table-head .img-box img, .select-table-list .img-box img, .select-table-list-child .img-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      vertical-align: middle;
      text-align: center;
      margin: 0 auto; }
  .select-table-head .txt-box, .select-table-list .txt-box, .select-table-list-child .txt-box {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px);
    padding-left: 14px; }
    .select-table-head .txt-box p, .select-table-list .txt-box p, .select-table-list-child .txt-box p {
      font-size: 12px;
      color: #666;
      line-height: 1.5;
      margin-bottom: 8px; }
  .select-table-head .txt-input, .select-table-list .txt-input, .select-table-list-child .txt-input {
    width: 100%;
    padding-right: 8px; }
    .select-table-head .txt-input .search-size-max, .select-table-list .txt-input .search-size-max, .select-table-list-child .txt-input .search-size-max {
      line-height: 32px;
      height: 32px; }
    .select-table-head .txt-input.text-red .txt, .select-table-list .txt-input.text-red .txt, .select-table-list-child .txt-input.text-red .txt {
      color: #FF3838 !important; }

.select-table-list {
  background: #fff;
  border-top: 0 none; }
  .select-table-list:hover .table-hover {
    display: block; }

.select-table-list-child {
  border-top: 0 none; }
  .select-table-list-child:hover .table-hover {
    display: block; }

.check-unfold {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  padding-left: 22px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 12px;
  background-image: url("../images/goods_icon_unfold.png");
  background-repeat: no-repeat;
  background-position: left center; }

.check-unfold-active {
  background-image: url("../images/goods_icon_pack_up.png"); }

.work-report-edit-box .input-box {
  width: 130px; }

.order-detail-list-body {
  position: relative; }
  .order-detail-list-body .order-detail-list-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
    z-index: 1; }
    .order-detail-list-body .order-detail-list-head .head {
      display: inline-block;
      position: relative;
      height: 36px;
      line-height: 36px;
      background: #fcfcfc;
      font-size: 12px;
      color: #333333;
      font-weight: normal;
      border-bottom: 1px solid #e3e3e3;
      text-align: center; }
      .order-detail-list-body .order-detail-list-head .head:first-child {
        text-align: left;
        padding-left: 24px; }

.order-list-cont {
  width: 100%;
  min-width: 1200px;
  min-height: 300px;
  height: calc(100vh - 280px);
  background: #ffffff; }
  .order-list-cont table {
    width: 100%;
    border-collapse: collapse; }
  .order-list-cont thead:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: transparent; }
  .order-list-cont thead th {
    position: relative;
    height: 36px;
    line-height: 36px;
    background: #fcfcfc;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    border-bottom: 1px solid #e3e3e3;
    white-space: nowrap; }
    .order-list-cont thead th:first-child {
      text-align: left;
      padding-left: 16px; }
  .order-list-cont tbody {
    width: 100%;
    font-size: 0; }
    .order-list-cont tbody:after {
      content: "";
      display: block;
      width: 500%;
      height: 12px;
      background: #EAEFF4; }
    .order-list-cont tbody th {
      height: 32px;
      line-height: 32px;
      background: #ffffff;
      font-size: 12px;
      color: #333;
      font-weight: normal;
      text-align: left;
      padding: 0 16px; }
      .order-list-cont tbody th .order-time {
        float: left; }
        .order-list-cont tbody th .order-time p {
          display: inline-block;
          margin-right: 16px; }
          .order-list-cont tbody th .order-time p span {
            color: #F8B600; }
      .order-list-cont tbody th .order-contact {
        float: right; }
        .order-list-cont tbody th .order-contact p {
          display: inline-block;
          margin-right: 16px; }
          .order-list-cont tbody th .order-contact p:last-child {
            margin-right: 0; }
    .order-list-cont tbody td {
      border: 1px solid #e3e3e3;
      text-align: center;
      padding: 24px 16px 16px;
      font-size: 12px;
      color: #333; }
      .order-list-cont tbody td:first-child {
        text-align: left; }
      .order-list-cont tbody td .btn {
        height: 32px;
        line-height: 32px;
        display: block;
        margin: 0 auto 16px;
        background: #fff;
        border: 1px solid #20ade5;
        color: #20ade5; }
    .order-list-cont tbody .order-address, .order-list-cont tbody .order-price {
      display: inline-block;
      width: 49%;
      font-size: 12px;
      color: #333; }
      .order-list-cont tbody .order-address p, .order-list-cont tbody .order-price p {
        margin-bottom: 10px; }
        .order-list-cont tbody .order-address p:last-child, .order-list-cont tbody .order-price p:last-child {
          margin-bottom: 0; }
    .order-list-cont tbody .order-price {
      text-align: right; }
      .order-list-cont tbody .order-price span {
        font-size: 18px;
        line-height: 18px; }
    .order-list-cont tbody .img, .order-list-cont tbody .tit {
      display: inline-block;
      vertical-align: top; }
    .order-list-cont tbody .img {
      position: relative;
      width: 100px;
      height: 100px;
      margin-right: 10px;
      border: 1px solid #e3e3e3; }
      .order-list-cont tbody .img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .order-list-cont tbody .icon-img {
      position: absolute;
      left: 0;
      top: 0;
      width: 34px;
      height: 34px; }
    .order-list-cont tbody .tit {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 12px; }
      .order-list-cont tbody .tit .hover-click {
        cursor: pointer; }
        .order-list-cont tbody .tit .hover-click:hover {
          color: #20ade5; }
      .order-list-cont tbody .tit h4 {
        color: #333;
        margin-bottom: 16px; }
      .order-list-cont tbody .tit p {
        color: #999; }
      .order-list-cont tbody .tit dt {
        color: #666;
        margin-bottom: 10px; }
      .order-list-cont tbody .tit dd {
        color: #999;
        margin-bottom: 10px;
        white-space: normal;
        word-break: break-all; }
    .order-list-cont tbody .status {
      font-size: 14px;
      color: #333;
      margin-bottom: 16px; }
    .order-list-cont tbody .price {
      font-size: 12px;
      color: #333;
      margin-bottom: 10px; }
    .order-list-cont tbody .favorable {
      font-size: 14px;
      color: #999;
      margin-bottom: 16px; }
    .order-list-cont tbody .table-foot td {
      padding: 16px 16px 16px; }

.logistics-setting-table-box {
  padding-top: 16px;
  border-top: 1px solid #e3e3e3; }

.logistics-setting-table {
  height: calc(100vh - 310px); }
  .logistics-setting-table table {
    width: 100%;
    border: 1px solid #e3e3e3; }
  .logistics-setting-table th {
    vertical-align: middle;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background: #fcfcfc;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-align: left;
    padding: 0 24px;
    white-space: nowrap;
    position: relative; }
    .logistics-setting-table th:first-child {
      width: 180px; }
  .logistics-setting-table td {
    vertical-align: middle;
    border: 1px solid #e3e3e3;
    font-size: 12px;
    color: #333;
    text-align: left;
    padding: 10px 24px;
    height: 60px; }
    .logistics-setting-table td:hover .set-def {
      display: inline-block; }
    .logistics-setting-table td .default-txt {
      display: inline-block;
      color: #20ade5;
      margin-left: 8px; }
    .logistics-setting-table td .set-def {
      display: none;
      color: #20ade5;
      margin-left: 8px;
      cursor: pointer; }
    .logistics-setting-table td .input-wrap-box {
      display: inline-block;
      vertical-align: middle;
      width: 300px;
      margin-right: 10px; }

.td-popup-box {
  position: absolute;
  font-size: 12px;
  width: 330px;
  z-index: 1;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }
  .td-popup-box:after, .td-popup-box:before {
    position: absolute;
    z-index: -1;
    display: block;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    background: #fff; }
  .td-popup-box.td-popup-down {
    left: -98px;
    top: 54px; }
    .td-popup-box.td-popup-down:before {
      content: "";
      top: -8px;
      left: 50%;
      margin-left: -12px; }
  .td-popup-box.td-popup-up {
    left: -90px;
    bottom: 50px; }
    .td-popup-box.td-popup-up:after {
      content: "";
      bottom: -8px;
      left: 50%;
      margin-left: -12px; }
  .td-popup-box .td-popup-head {
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 0;
    white-space: nowrap;
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 6px 6px 0 0; }
  .td-popup-box .td-popup-item {
    display: inline-block;
    text-align: center;
    line-height: 1;
    width: 110px;
    flex: 1; }
    .td-popup-box .td-popup-item .name {
      color: #999;
      margin-bottom: 4px; }
    .td-popup-box .td-popup-item .num {
      font-size: 16px;
      color: #333; }
    .td-popup-box .td-popup-item .price:first-letter {
      font-size: 12px; }
  .td-popup-box .td-popup-list {
    padding: 16px 0 0;
    max-height: 130px;
    font-size: 12px;
    position: relative;
    background: #fff;
    border-radius: 0 0 6px 6px;
    overflow: hidden; }
    .td-popup-box .td-popup-list .row {
      padding: 0 16px; }
    .td-popup-box .td-popup-list .item {
      display: inline-block;
      vertical-align: top;
      color: #333; }
    .td-popup-box .td-popup-list .seq {
      color: #333;
      padding-top: 2px;
      padding-right: 4px; }
    .td-popup-box .td-popup-list .info {
      flex: 1 0 auto; }
    .td-popup-box .td-popup-list .hint {
      color: #999; }
    .td-popup-box .td-popup-list .status {
      float: right;
      width: auto; }
  .td-popup-box .td-popup-log-list {
    position: relative;
    max-height: 230px;
    padding: 10px 0 0;
    color: #999;
    background: #fff;
    overflow: hidden; }
    .td-popup-box .td-popup-log-list .row {
      position: relative;
      padding: 0 16px 16px;
      margin-left: 16px;
      border-left: 1px solid #e3e3e3; }
      .td-popup-box .td-popup-log-list .row:after {
        content: "";
        position: absolute;
        left: -4px;
        top: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #E3E3E3; }
      .td-popup-box .td-popup-log-list .row:first-child {
        margin-top: 10px; }
        .td-popup-box .td-popup-log-list .row:first-child:after {
          content: "";
          background: #20ade5; }
        .td-popup-box .td-popup-log-list .row:first-child .name {
          color: #333; }
      .td-popup-box .td-popup-log-list .row:last-child {
        border-left-color: transparent; }
    .td-popup-box .td-popup-log-list .name {
      transform: translateY(-4px);
      margin-bottom: -4px;
      line-height: 1; }
    .td-popup-box .td-popup-log-list .operate {
      font-weight: 600; }
    .td-popup-box .td-popup-log-list .user {
      color: #666;
      max-width: 200px; }
    .td-popup-box .td-popup-log-list .hint {
      line-height: 1.2;
      margin-top: 6px; }
  .td-popup-box .td-popup-blank {
    height: 16px;
    background: #fff; }

.td-popup-badge {
  padding: 0 16px 0; }
  .td-popup-badge .badge-txt {
    display: inline-block;
    padding: 4px;
    margin-top: 8px;
    border-radius: 1px;
    font-size: 12px;
    color: #FFB609;
    border: 1px solid #FFB609; }

.td-popup-vouchers {
  padding: 0 24px;
  font-size: 12px;
  min-height: 140px; }
  .td-popup-vouchers .title {
    padding: 20px 0 10px;
    color: #333;
    font-weight: 600;
    background: #fff; }
  .td-popup-vouchers .info {
    color: #666;
    margin-bottom: 12px; }
  .td-popup-vouchers .font-blue {
    color: #20ADE5; }
  .td-popup-vouchers .td-popup-vouchers-product {
    margin: 0 -24px;
    max-height: 200px;
    overflow: hidden; }
    .td-popup-vouchers .td-popup-vouchers-product .info {
      padding: 0 24px;
      margin-bottom: 4px; }

.vouchers-head-card {
  padding: 24px 0; }
  .vouchers-head-card .item {
    display: inline-block;
    min-width: 300px;
    padding: 0 30px;
    text-align: center;
    border-left: 2px solid #e3e3e3; }
    .vouchers-head-card .item:first-child {
      border: 0 none; }
    .vouchers-head-card .item .name {
      font-size: 14px;
      color: #333; }
    .vouchers-head-card .item .value {
      font-size: 18px;
      color: #333;
      font-weight: 600;
      margin-top: 8px; }

.pop-detail-list .table-box {
  width: 100%;
  font-size: 0; }
.pop-detail-list .thead-box {
  margin-bottom: 10px; }
.pop-detail-list .tbody-box {
  width: 100%;
  margin-bottom: 10px; }
.pop-detail-list .body-box {
  width: 100%;
  border: 1px solid #e3e3e3;
  margin-top: -1px; }
.pop-detail-list .th-box, .pop-detail-list .td-box {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  text-align: left;
  padding: 10px;
  white-space: nowrap; }
  .pop-detail-list .th-box:nth-child(1), .pop-detail-list .td-box:nth-child(1) {
    width: 10%; }
  .pop-detail-list .th-box:nth-child(2), .pop-detail-list .td-box:nth-child(2) {
    width: 25%; }
  .pop-detail-list .th-box:nth-child(3), .pop-detail-list .td-box:nth-child(3) {
    width: 25%; }
  .pop-detail-list .th-box:nth-child(4), .pop-detail-list .td-box:nth-child(4) {
    width: 10%; }
  .pop-detail-list .th-box:nth-child(5), .pop-detail-list .td-box:nth-child(5) {
    width: 10%; }
  .pop-detail-list .th-box:nth-child(6), .pop-detail-list .td-box:nth-child(6) {
    width: 10%; }
  .pop-detail-list .th-box:nth-child(7), .pop-detail-list .td-box:nth-child(7) {
    width: 10%; }
.pop-detail-list .th-box {
  background: #fcfcfc;
  line-height: 48px;
  padding: 0 10px; }
.pop-detail-list .td-box {
  height: 120px; }
  .pop-detail-list .td-box .price {
    color: #FF3838;
    margin-bottom: 12px;
    font-weight: bold; }
  .pop-detail-list .td-box .cost {
    color: #999;
    margin-bottom: 10px; }
  .pop-detail-list .td-box .txt-gary6 {
    font-size: 12px;
    margin-top: 8px;
    color: #666;
    line-height: 1em; }
  .pop-detail-list .td-box .strickout-cost {
    font-size: 12px;
    margin-top: 8px;
    color: #999;
    line-height: 1em;
    text-decoration: line-through; }
  .pop-detail-list .td-box .txt {
    display: -webkit-flex;
    display: -webkit-box;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    margin-top: 4px; }
  .pop-detail-list .td-box .input-text {
    margin-left: 21px; }
  .pop-detail-list .td-box .promotion-present-body {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start; }
    .pop-detail-list .td-box .promotion-present-body .img-box {
      margin: 0;
      width: 26px !important;
      height: 26px !important; }
    .pop-detail-list .td-box .promotion-present-body .label-box {
      height: 18px;
      padding: 0 4px;
      line-height: 18px;
      background: rgba(255, 85, 17, 0.2);
      border: 1px solid #ff5511;
      font-size: 12px;
      color: #ff5511;
      vertical-align: bottom;
      display: inline-block;
      margin-right: 12px; }
    .pop-detail-list .td-box .promotion-present-body .txt-box {
      flex: 1;
      width: 0;
      padding-left: 12px;
      font-size: 12px; }
      .pop-detail-list .td-box .promotion-present-body .txt-box .tit {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .pop-detail-list .td-box .img-box {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    border: 1px solid #e3e3e3; }
    .pop-detail-list .td-box .img-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      vertical-align: middle;
      text-align: center;
      margin: 0 auto; }
    .pop-detail-list .td-box .img-box .donation-mark {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
.pop-detail-list .gift-box {
  padding: 6px 0;
  margin-top: -1px;
  background: #f7f7f7;
  margin-bottom: 10px; }
  .pop-detail-list .gift-box .td-box {
    height: auto; }
    .pop-detail-list .gift-box .td-box:nth-child(1) {
      width: 50%; }
    .pop-detail-list .gift-box .td-box:nth-child(2) {
      width: 10%; }
    .pop-detail-list .gift-box .td-box:nth-child(3) {
      width: 10%; }
    .pop-detail-list .gift-box .td-box:nth-child(4) {
      width: 10%; }
    .pop-detail-list .gift-box .td-box:nth-child(5) {
      width: 10%; }
    .pop-detail-list .gift-box .td-box:nth-child(6) {
      width: 10%; }
    .pop-detail-list .gift-box .td-box .promotion-present-body .img-box {
      display: inline-block;
      width: 26px;
      height: 26px;
      text-align: center;
      line-height: 26px; }
    .pop-detail-list .gift-box .td-box .promotion-present-body .label-box {
      background: #fff;
      color: #ff3838;
      border-color: #ff3838;
      border-radius: 100px; }
.pop-detail-list .foot-box {
  text-align: right;
  padding: 12px 10px; }
  .pop-detail-list .foot-box p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    margin-right: 10px; }
    .pop-detail-list .foot-box p:last-child {
      margin-right: 0; }
    .pop-detail-list .foot-box p span {
      color: #333; }
.pop-detail-list .promotion-tips-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 10px; }
  .pop-detail-list .promotion-tips-box .promotion-tips {
    position: relative;
    height: 18px;
    padding: 0 8px;
    line-height: 18px;
    background: #ff5511;
    border: 1px solid #ff5511;
    font-size: 12px;
    color: #fff;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 10px; }
  .pop-detail-list .promotion-tips-box .promotion-main {
    font-size: 12px;
    color: #FF3838;
    padding-bottom: 10px; }
  .pop-detail-list .promotion-tips-box .promotion-collect-go {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #278df3;
    cursor: pointer;
    margin-bottom: 10px; }
  .pop-detail-list .promotion-tips-box .txt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
.pop-detail-list .more-promotion-box {
  position: relative; }
.pop-detail-list .promotion-list-box {
  width: 80px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  text-align: center;
  color: #20ade5;
  line-height: 17px; }
.pop-detail-list .promotion-list {
  display: none;
  position: absolute;
  top: 19px;
  left: 0;
  margin-top: -1px;
  padding: 8px 10px;
  width: 270px;
  min-height: 140px;
  max-height: 200px;
  background: #ffffff;
  border: solid 1px #e3e3e3;
  font-size: 12px;
  color: #999;
  z-index: 2; }
  .pop-detail-list .promotion-list:before {
    content: "";
    width: 80px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    background: #ffffff; }
  .pop-detail-list .promotion-list ul {
    max-height: 96px;
    overflow: auto; }
  .pop-detail-list .promotion-list li {
    margin-bottom: 8px;
    word-break: break-all;
    white-space: normal; }
  .pop-detail-list .promotion-list .btn {
    position: absolute;
    bottom: 12px;
    right: 8px;
    width: 38px;
    height: 20px;
    padding: 0;
    line-height: 18px;
    border-radius: 2px;
    background-color: #ffffff;
    border: 1px solid #20ade5;
    color: #20ade5;
    font-size: 12px; }
.pop-detail-list .order-promotion-box .order-promotion-info-box {
  background: #fff;
  padding: 14px 24px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start; }
  .pop-detail-list .order-promotion-box .order-promotion-info-box .order-promotion-label-box .label {
    position: relative;
    height: 18px;
    padding: 0 8px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #ff5511;
    font-size: 12px;
    color: #ff5511;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 12px; }
  .pop-detail-list .order-promotion-box .order-promotion-info-box .order-promotion-info {
    flex: 1; }
    .pop-detail-list .order-promotion-box .order-promotion-info-box .order-promotion-info .txt-box {
      display: inline-block;
      vertical-align: middle; }
      .pop-detail-list .order-promotion-box .order-promotion-info-box .order-promotion-info .txt-box .promotion-main {
        font-size: 12px;
        color: #FF3838;
        display: inline-block;
        vertical-align: middle; }
.pop-detail-list .order-promotion-box .order-promotion-present-box .td-box {
  height: 40px;
  background: #f7f7f7; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box:nth-child(1) {
    width: 50%; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box:nth-child(2) {
    width: 10%; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box:nth-child(3) {
    width: 10%; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box:nth-child(4) {
    width: 10%; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box:nth-child(5) {
    width: 10%; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box:nth-child(6) {
    width: 10%; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box .promotion-present-body .img-box {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px; }
  .pop-detail-list .order-promotion-box .order-promotion-present-box .td-box .promotion-present-body .label-box {
    background: #fff;
    color: #ff3838;
    border-color: #ff3838;
    border-radius: 100px; }

.sale-order-gold-custom-info-box {
  padding: 24px;
  margin-top: 24px; }
  .sale-order-gold-custom-info-box .sale-order-gold-custom-info-head-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px; }
    .sale-order-gold-custom-info-box .sale-order-gold-custom-info-head-box h3 {
      font-size: 16px;
      color: #333;
      font-weight: bold;
      line-height: 16px; }
      .sale-order-gold-custom-info-box .sale-order-gold-custom-info-head-box h3:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: 16px;
        background: #333;
        margin-right: 4px; }
    .sale-order-gold-custom-info-box .sale-order-gold-custom-info-head-box .options-wrap {
      font-size: 14px; }
      .sale-order-gold-custom-info-box .sale-order-gold-custom-info-head-box .options-wrap > * {
        margin-left: 8px; }
  .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box table {
    width: 100%;
    border: 1px solid #e3e3e3;
    font-size: 12px; }
  .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box td {
    border: 1px solid #e3e3e3;
    vertical-align: middle;
    padding: 12px; }
    .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box td[rowspan] {
      vertical-align: top; }
    .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box td .text-wrap {
      font-size: 14px;
      color: #333; }
      .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box td .text-wrap:not(:last-child) {
        margin-bottom: 4px; }
    .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box td .main-image-box {
      margin-right: 16px;
      width: 398px;
      height: 298px;
      border: 1px solid #e3e3e3;
      text-align: center;
      line-height: 296px; }
      .sale-order-gold-custom-info-box .sale-order-gold-custom-info-main-box td .main-image-box img {
        max-width: 100%;
        max-height: 100%; }

.pop {
  display: none;
  position: fixed;
  z-index: 7;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform-style: preserve-3d;
  border-radius: 2px;
  background: #fff; }

.sale-quotation-pop {
  display: none;
  position: fixed;
  z-index: 7;
  top: 50%;
  left: auto;
  right: 0px;
  transform: translateY(-50%);
  -webkit-transform-style: preserve-3d;
  border-radius: 2px;
  background: #fff; }

.pop-son {
  z-index: 8; }

.pop-small {
  width: 272px; }

.pop-min {
  width: 308px; }

.pop-middle {
  width: 500px; }

.pop-big {
  width: 600px; }

.pop-large {
  width: 720px; }

.pop-max {
  width: 900px !important; }

.pop-max-big {
  width: 1260px !important; }

.pop-h-big {
  width: 420px; }

.pop-ad {
  width: 700px;
  height: 420px; }

.pop-h800 {
  max-height: 800px; }

.pop-h350 {
  height: 350px; }

.pop-h260 {
  height: 260px; }

.pop-400 {
  height: 400px; }

.pop-minh400 {
  min-height: 400px; }

.pop-550 {
  height: 550px; }

.pop-h500 {
  height: 500px; }

.pop-maxh720 {
  max-height: 732px; }

.pop-maxh490 {
  max-height: 490px !important; }

.pop-h490 {
  height: 490px !important; }

.pop-maxh580 {
  max-height: 580px; }

.pop-minh500 {
  min-height: 500px; }

.pop-h760 {
  height: 760px; }

.pop-h620 {
  height: 620px; }

.pop-minh650 {
  min-height: 650px; }

.pop-h310 {
  height: 310px; }

.pop-height-max310 {
  max-height: 310px !important; }

.pop-h430 {
  height: 430px; }

.pop-head {
  position: relative;
  height: 50px;
  line-height: 49px;
  font-size: 16px;
  color: #333;
  background: #f5f5f5;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #e3e3e3; }
  .pop-head .cont-search, .pop-head .select-range {
    width: 240px !important; }

.pop-tit {
  display: inline-block;
  font-size: 16px;
  color: #333333; }

.pop-close {
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: url("../images/account_number_icon_close.png") no-repeat center/16px 16px;
  cursor: pointer; }

.pt14 {
  padding-top: 14px !important; }

.pop .cont-table {
  min-width: 800px;
  max-height: 560px;
  height: auto; }
  .pop .cont-table table {
    margin-bottom: 31px; }
  .pop .cont-table + .list-null-box {
    top: 134px;
    left: 16px;
    background: #ffffff !important; }

.pop-body {
  padding: 16px 16px 30px;
  min-height: 200px;
  max-height: 700px; }
  .pop-body .txt-btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 26px; }

.pop-close-bw {
  position: absolute;
  top: -40px;
  right: -72px; }
  .pop-close-bw i {
    color: #ffffff;
    font-size: 22px; }

.pop-ad-head {
  width: 100%;
  height: 42px;
  border-radius: 2px;
  background-color: #f5f5f5;
  box-shadow: 0 1px 0 0 #e3e3e3;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #333;
  line-height: 42px; }
  .pop-ad-head i {
    float: right;
    margin-right: 15px;
    font-size: 12px;
    color: #b3b3b3; }

.pop-ad-body {
  padding: 44px 0 0;
  text-align: center; }
  .pop-ad-body p {
    margin-bottom: 10px; }
  .pop-ad-body .btn-set {
    float: right;
    margin-top: 36px;
    margin-bottom: 12px; }
    .pop-ad-body .btn-set .btn + .btm {
      margin-right: 16px; }

.pop-mess {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 100%;
  background: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto; }
  .pop-mess .pop-mess-hear {
    padding: 22px 16px;
    box-shadow: 0 2px 0 0 #E3E3E3;
    font-size: 16px; }
    .pop-mess .pop-mess-hear span {
      color: #1a1a1a; }
    .pop-mess .pop-mess-hear a {
      color: #20ade5; }
  .pop-mess li {
    position: relative;
    min-height: 92px;
    padding: 16px 16px;
    border-bottom: 1px solid #e3e3e3; }
    .pop-mess li:hover {
      background: #f5f5f5;
      box-shadow: 0 1px 0 0 #f5f5f5; }
    .pop-mess li .pop-mess-txt {
      display: inline-block;
      width: 70%;
      padding-right: 24px; }
    .pop-mess li .pop-mess-time {
      float: right;
      margin-top: 6%; }
    .pop-mess li a {
      display: block;
      width: 14px;
      height: 14px; }

.pop-list-set {
  max-height: 510px; }
  .pop-list-set .detail-mess {
    position: relative;
    margin-bottom: 9px;
    padding-left: 100px;
    border: 0 none; }
    .pop-list-set .detail-mess:after {
      content: "";
      display: block;
      width: calc(100% - 48px);
      height: 1px;
      background: #e3e3e3;
      position: absolute;
      bottom: 0;
      left: 24px; }
    .pop-list-set .detail-mess .tit {
      text-align: left;
      width: 100px;
      left: -100px;
      padding: 10px 0 10px 24px; }
      .pop-list-set .detail-mess .tit i {
        display: none; }
    .pop-list-set .detail-mess .main {
      padding: 10px 24px 10px 36px;
      text-align: left;
      line-height: 1.5;
      word-break: break-all; }
  .pop-list-set textarea {
    width: 74%;
    height: 80px;
    border: 0;
    border-radius: 4px;
    background: #FFFFFF;
    resize: none;
    vertical-align: top;
    padding-top: 16px; }
  .pop-list-set .detail-labels .bd0 {
    border: 0 none; }
    .pop-list-set .detail-labels .bd0:hover {
      border: 0 none; }
  .pop-list-set .detail-labels .li {
    padding-top: 14px;
    padding-left: 12px;
    line-height: 1.2;
    text-align: left; }
    .pop-list-set .detail-labels .li a {
      border: 0 none;
      padding-left: 0;
      text-align: left; }
  .pop-list-set .bd-tips {
    display: block;
    width: calc(100% + 214px);
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    bottom: 0;
    left: -80px; }
  .pop-list-set .mb div:nth-child(1) {
    margin-bottom: 10px; }
  .pop-list-set .detail-box {
    padding: 0;
    min-width: 300px; }
  .pop-list-set .my-msg {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
    padding-left: 38px; }
  .pop-list-set .tips {
    font-size: 12px;
    color: #999;
    padding-left: 48px;
    margin-bottom: 20px; }
  .pop-list-set .tips-txt {
    font-size: 12px;
    color: #FF3838;
    padding-left: 100px; }
  .pop-list-set .text-box {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px; }
  .pop-list-set .txt-disable {
    color: #333 !important; }
  .pop-list-set .verify-code-box {
    display: block; }
    .pop-list-set .verify-code-box .tit {
      width: 100%;
      font-size: 12px;
      color: #666;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 8px;
      text-align: left; }
    .pop-list-set .verify-code-box .get-code-box {
      width: 100%; }
  .pop-list-set .txt-box-align {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 80px; }
  .pop-list-set .client-text-box {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px; }
  .pop-list-set .title-box {
    font-size: 14px;
    margin-bottom: 10px; }
  .pop-list-set .pop-list-set-radio .radio-box .detail-labels {
    margin-left: 0; }
  .pop-list-set .select-tips {
    font-size: 14px;
    padding-left: 80px;
    color: #20ade5; }
  .pop-list-set.vouchers-textarea .tit {
    width: 100%;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px;
    text-align: left; }
  .pop-list-set.vouchers-textarea .detail-explain {
    display: inline-block;
    width: 100%;
    border-top: 0 none;
    padding-top: 0;
    vertical-align: top; }

.import-images-box1 {
  height: 380px;
  font-size: 0;
  padding: 24px 24px 50px; }

.import-images-item {
  margin: 0 12px 12px 0;
  display: inline-block; }
  .import-images-item .img-box {
    position: relative;
    width: 100px;
    height: 100px; }
  .import-images-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto; }

.pop-body {
  text-align: left; }
  .pop-body.pb55 {
    padding: 0 0 55px 0 !important; }
  .pop-body .get-code-box {
    width: calc(100% - 100px); }
    .pop-body .get-code-box input[type="text"] {
      width: 100%;
      height: 40px;
      line-height: 40px; }
    .pop-body .get-code-box input[type="button"] {
      top: 0;
      height: 40px;
      line-height: 40px; }
  .pop-body .detail-labels {
    margin-left: 16px;
    width: calc(92% - 118px); }
  .pop-body .detail-box {
    min-width: 300px;
    max-width: 100%; }
    .pop-body .detail-box:last-child {
      padding-bottom: 0; }
    .pop-body .detail-box h3 {
      font-size: 12px;
      color: #666;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 8px;
      padding: 0;
      font-weight: normal; }
      .pop-body .detail-box h3:before {
        display: none; }
    .pop-body .detail-box .detail-explain {
      border: 0 none;
      padding-top: 0;
      display: inline-block;
      vertical-align: top; }
  .pop-body .tree-box {
    height: 660px;
    min-height: 660px; }
  .pop-body .cont-table td:last-child {
    min-width: auto;
    width: auto; }
  .pop-body .detail-explain-full {
    border: 0 none;
    width: 100%; }
    .pop-body .detail-explain-full .detail-explain {
      border: 0 none;
      padding: 0; }
  .pop-body .pop-cont-table {
    border-top: 1px solid #e3e3e3;
    position: relative; }
    .pop-body .pop-cont-table .cont-list-table-head {
      top: 0; }
      .pop-body .pop-cont-table .cont-list-table-head .head {
        height: 48px;
        line-height: 46px;
        background: #fafafa;
        padding-left: 12px; }
    .pop-body .pop-cont-table .cont-table td, .pop-body .pop-cont-table .cont-table td {
      padding-left: 12px; }
    .pop-body .pop-cont-table .cont-table th:first-child, .pop-body .pop-cont-table .cont-table td:first-child {
      padding-left: 12px; }
    .pop-body .pop-cont-table .tl span:nth-child(2) {
      color: #999; }
  .pop-body.import-images-body .check-main-box {
    border-bottom: 1px solid #e3e3e3; }
  .pop-body.import-images-body .import-images {
    min-height: 128px; }
  .pop-body .text-row {
    font-size: 14px;
    color: #333; }

.p0 {
  padding: 0; }

.height480 {
  min-height: 480px; }

.focus-not .pop-focus {
  display: none !important; }

.pop .max-h {
  padding-bottom: 24px; }

.proceeds {
  font-size: 0;
  padding-bottom: 60px; }
  .proceeds dt {
    position: relative;
    box-shadow: inset 0 -1px 0 0 #e3e3e3;
    border-bottom: 1px solid #e3e3e3; }
    .proceeds dt:after {
      content: "";
      display: block;
      height: 38px;
      width: 1px;
      background: #e3e3e3;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -19px; }
  .proceeds .title {
    display: inline-block;
    width: 50%;
    height: 50px;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 49px;
    cursor: pointer; }
    .proceeds .title .tips {
      margin-left: 30px; }
  .proceeds .on {
    background: #fff;
    color: #20ade5; }
  .proceeds dd {
    padding: 12px 24px 50px; }
    .proceeds dd .detail-box {
      padding: 0;
      margin: 0; }
      .proceeds dd .detail-box .detail-explain {
        border: 0 none;
        width: 100%; }
  .proceeds .detail-mess {
    position: relative;
    padding-left: 170px;
    border: 0 none; }
    .proceeds .detail-mess .main {
      position: relative; }
      .proceeds .detail-mess .main .input-price {
        margin-bottom: 0;
        line-height: 1;
        width: 200px; }
        .proceeds .detail-mess .main .input-price input {
          padding: 8px 12px;
          border-bottom: 1px solid #e3e3e3; }
          .proceeds .detail-mess .main .input-price input:hover, .proceeds .detail-mess .main .input-price input:focus {
            border-color: #20ade5; }
        .proceeds .detail-mess .main .input-price .search-frame, .proceeds .detail-mess .main .input-price .frame-bottom {
          display: none; }
        .proceeds .detail-mess .main .input-price:hover .sel-close {
          display: none; }
    .proceeds .detail-mess .tips {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -8px;
      color: #999;
      width: auto; }
    .proceeds .detail-mess .main, .proceeds .detail-mess .tit {
      padding: 14px 0; }
    .proceeds .detail-mess .tit {
      width: 170px;
      left: -170px; }
  .proceeds .txt-gary {
    width: calc(100% - 92px);
    vertical-align: text-bottom;
    text-align: left; }
  .proceeds .detail-sheet .img-up {
    position: relative;
    top: 0; }
  .proceeds .proceeds-main-input {
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center; }
    .proceeds .proceeds-main-input .input-area-box {
      flex: 1; }
      .proceeds .proceeds-main-input .input-area-box .tit {
        width: 60px; }
    .proceeds .proceeds-main-input .balance-tips {
      flex: 1;
      font-size: 14px;
      color: #666; }
    .proceeds .proceeds-main-input .balance-txt {
      font-size: 12px;
      color: #666;
      min-width: 40%;
      text-align: right; }

.pop .cost {
  position: absolute;
  left: 24px;
  bottom: 16px;
  z-index: 1; }
  .pop .cost p {
    display: inline-block;
    margin-right: 30px;
    width: auto;
    height: auto;
    text-align: left;
    line-height: 1;
    font-size: 12px; }
  .pop .cost + .detail-footer {
    z-index: 0; }

.refund .pop-focus {
  display: none; }

.pop-import {
  text-align: center;
  padding: 24px; }

.import-img {
  display: inline-block;
  width: 70px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color: #20ade5; }
  .import-img img {
    margin-bottom: 4px;
    display: none; }
  .import-img img:nth-child(1) {
    display: inline-block; }

.import-point {
  display: inline-block;
  width: 150px;
  height: 6px;
  vertical-align: middle;
  background: url("../images/goods_icon_point_1.png") no-repeat center;
  margin-top: -20px; }

.import-box {
  display: none;
  position: relative;
  width: 568px;
  margin: 0 auto;
  padding: 24px;
  background: #fcfcfc;
  border: 1px solid #e3e3e3;
  border-radius: 4px; }
  .import-box:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 44px;
    border-style: solid;
    border-color: transparent transparent #e3e3e3 transparent;
    border-width: 10px 12px; }
  .import-box:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -19px;
    left: 44px;
    border-style: solid;
    border-color: transparent transparent #fcfcfc transparent;
    border-width: 10px 12px; }

.import-finish-box {
  text-align: center;
  font-size: 14px;
  color: #999;
  padding: 40px 0; }
  .import-finish-box:after, .import-finish-box:before {
    left: 502px; }

.import-down-btn {
  background: none;
  border: 0 none;
  padding: 0;
  font-size: 16px;
  color: #20ade5;
  cursor: pointer; }

.import-tips {
  margin-top: 24px;
  font-size: 14px;
  color: #b3b3b3;
  line-height: 1.5; }

.import-operate {
  position: relative; }

.import-operate-tips {
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #666; }

.import-operate-box {
  width: 568px;
  margin: 24px auto 0;
  text-align: right;
  padding: 24px 0;
  display: none; }
  .import-operate-box button {
    display: inline-block;
    width: 120px;
    height: 32px;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #20ade5;
    background: #fff;
    color: #20ade5; }
    .import-operate-box button:last-child {
      margin-left: 10px;
      background: #20ade5;
      color: #fff; }
  .import-operate-box .import-more {
    float: left;
    width: 160px;
    color: #20ade5;
    font-size: 16px; }

.import-file-tips {
  font-size: 14px;
  color: #999;
  line-height: 32px; }

.import-file-box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 382px;
  height: 32px;
  font-size: 0; }
  .import-file-box .txt {
    width: 320px;
    height: 32px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #e3e3e3; }
  .import-file-box button {
    width: 60px;
    height: 32px;
    border-radius: 0 4px 4px 0;
    background: #20ade5;
    border: 1px solid #20ade5;
    margin-left: -1px;
    color: #fff; }
  .import-file-box input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }

.import-down .import-point:nth-child(2) {
  background-image: url("../images/goods_icon_point_2.png"); }
.import-down .import-down-box {
  display: block; }
.import-down .import-operate-box:nth-child(1) {
  border-top: 1px solid #e3e3e3;
  display: block; }

.import-excel .import-point:nth-child(2) {
  background-image: url("../images/goods_icon_point_3.png"); }
.import-excel .import-point:nth-child(4) {
  background-image: url("../images/goods_icon_point_2.png"); }
.import-excel .import-img:nth-child(1) img:nth-child(1), .import-excel .import-img:nth-child(1) img:nth-child(3), .import-excel .import-img:nth-child(3) img:nth-child(1), .import-excel .import-img:nth-child(3) img:nth-child(3) {
  display: none; }
.import-excel .import-img:nth-child(1) img:nth-child(2), .import-excel .import-img:nth-child(3) img:nth-child(2) {
  display: inline-block; }
.import-excel .import-excel-box {
  display: block; }
.import-excel .import-operate-box:nth-child(2) {
  display: block; }

.import-finish .import-point:nth-child(2), .import-finish .import-point:nth-child(4) {
  background-image: url("../images/goods_icon_point_3.png"); }
.import-finish .import-img:nth-child(3) img:nth-child(1), .import-finish .import-img:nth-child(3) img:nth-child(2) {
  display: none; }
.import-finish .import-img:nth-child(3) img:nth-child(3) {
  display: inline-block; }
.import-finish .import-img:nth-child(1) img:nth-child(1), .import-finish .import-img:nth-child(5) img:nth-child(1) {
  display: none; }
.import-finish .import-img:nth-child(1) img:nth-child(2), .import-finish .import-img:nth-child(5) img:nth-child(2) {
  display: inline-block; }
.import-finish .import-finish-box {
  display: block; }
.import-finish .import-operate-box:nth-child(3) {
  display: block; }

.import-images-box {
  margin: 24px;
  max-height: 380px;
  overflow: auto; }

.import-images-item {
  position: relative;
  display: inline-block;
  width: 100px;
  margin-right: 18px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  margin-bottom: 24px; }
  .import-images-item img {
    border: 1px solid #e3e3e3; }
  .import-images-item .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url("../images/goods_icon_1_close.png") no-repeat center; }
  .import-images-item .progress {
    position: absolute;
    top: 50%;
    left: 0;
    height: 16px;
    width: 100%;
    background: #7cbeff;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    margin-top: -8px; }

.import-images-tips {
  position: relative;
  margin: auto 24px;
  font-size: 12px;
  line-height: 22px;
  padding: 18px 0;
  color: #999;
  border-style: solid;
  border-width: 1px 0;
  border-color: #e3e3e3; }
  .import-images-tips i {
    color: #fe0000; }
  .import-images-tips .progress {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 18px;
    text-align: center;
    color: #1a1a1a; }
    .import-images-tips .progress span {
      display: inline-block;
      width: 100%;
      height: 12px;
      border-radius: 12px;
      border: 1px solid #20ade5;
      text-align: left; }
    .import-images-tips .progress i {
      display: inline-block;
      height: 10px;
      vertical-align: top;
      border-radius: 12px;
      background: #20ade5 no-repeat center; }

.import-images-operate {
  margin: 0 24px;
  padding: 12px 0;
  border-top: 1px solid #e3e3e3; }
  .import-images-operate button {
    width: 120px;
    height: 32px;
    font-size: 16px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px; }
    .import-images-operate button:nth-child(1) {
      background: #fff;
      border-color: #20ade5;
      color: #20ade5;
      margin-right: 10px; }
    .import-images-operate button:nth-child(2) {
      background: #fff;
      border-color: #20ade5;
      color: #20ade5; }
    .import-images-operate button:nth-child(3) {
      float: right;
      background: #20ade5;
      border-color: #20ade5;
      color: #fff; }

.import-log {
  font-size: 14px;
  color: #2a2a2a;
  line-height: 40px;
  padding: 0 24px 24px; }
  .import-log .label {
    color: #999; }
  .import-log a {
    color: #20ade5;
    font-size: 14px; }

.pop-body-head {
  padding: 10px 24px;
  background-color: #fcfcfc;
  box-shadow: inset 0 -1px 0 0 #e3e3e3;
  word-break: break-all; }
  .pop-body-head .head-img {
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle; }
  .pop-body-head .head-txt {
    display: inline-block;
    font-size: 14px;
    color: #666;
    vertical-align: middle; }
    .pop-body-head .head-txt span {
      color: #333; }
    .pop-body-head .head-txt p {
      padding-bottom: 2px; }
      .pop-body-head .head-txt p:last-child {
        padding: 0; }

.pop-tab {
  padding: 0 24px;
  height: 50px; }
  .pop-tab .pop-tab-item {
    position: relative;
    display: inline-block;
    padding: 0 .8em;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer; }
    .pop-tab .pop-tab-item.active:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #20ade5; }

.pop-body-left {
  display: inline-block;
  width: 52%;
  vertical-align: top; }
  .pop-body-left p {
    color: #999;
    display: inline-block;
    vertical-align: middle; }
  .pop-body-left a {
    display: inline-block;
    color: #666;
    text-decoration: underline; }
  .pop-body-left .detail-base {
    border: 0 none; }
    .pop-body-left .detail-base li {
      width: 100%; }
  .pop-body-left .detail-labels {
    display: inline-block;
    vertical-align: middle;
    width: calc(92% - 78px); }
    .pop-body-left .detail-labels li {
      float: left;
      width: auto; }
    .pop-body-left .detail-labels a {
      border: 0 none; }
      .pop-body-left .detail-labels a:hover {
        border: 0 none; }

.pop-body-right {
  width: 47%;
  padding-left: 32px;
  display: inline-block;
  vertical-align: top;
  line-height: 2; }
  .pop-body-right a {
    display: inline-block;
    color: #333; }
  .pop-body-right dt {
    font-size: 14px;
    color: #333;
    font-weight: 600; }
  .pop-body-right dd {
    font-size: 12px;
    color: #666; }
  .pop-body-right p {
    font-size: 12px;
    color: #333; }
  .pop-body-right textarea {
    width: 100%;
    height: 70px;
    padding: 8px 12px;
    border-radius: 2px;
    border: 1px solid #e3e3e3;
    resize: none; }
  .pop-body-right ul {
    margin-top: 12px; }
  .pop-body-right li {
    height: 88px;
    line-height: 88px;
    font-size: 12px;
    color: #666; }
  .pop-body-right .tips {
    display: none;
    position: absolute;
    left: 0;
    bottom: -64px;
    z-index: 2; }
    .pop-body-right .tips .tri-top {
      position: absolute;
      top: -30px;
      left: 30px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 10px;
      border-color: transparent transparent #FFFFFF transparent; }
    .pop-body-right .tips .main {
      padding: 12px;
      font-size: 12px;
      background: #fff;
      box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); }

.pop-guide {
  width: 660px;
  background: #fff;
  border-radius: 2px;
  text-align: center; }
  .pop-guide .guide-title {
    width: 100%;
    height: 200px;
    padding-top: 30px;
    background: url("../images/guied_bg_1.png") no-repeat center/100%; }
    .pop-guide .guide-title h1 {
      font-size: 32px;
      color: #FFFFFF; }
    .pop-guide .guide-title p {
      width: 500px;
      margin: 30px auto 0;
      font-size: 16px;
      color: #FFFFFF;
      text-align: left;
      line-height: 1.7; }
      .pop-guide .guide-title p a {
        display: inline-block;
        text-decoration: underline; }
  .pop-guide .guide-gouse {
    padding: 24px 0 24px; }
    .pop-guide .guide-gouse .code-box {
      padding-bottom: 40px; }
      .pop-guide .guide-gouse .code-box img {
        display: inline-block;
        width: 180px;
        height: 180px;
        margin-bottom: 12px; }
      .pop-guide .guide-gouse .code-box p {
        font-size: 12px;
        color: #999; }
    .pop-guide .guide-gouse .btn {
      width: 300px;
      height: 40px;
      line-height: 40px;
      margin: 0;
      border-radius: 4px; }
    .pop-guide .guide-gouse a {
      margin-top: 16px;
      font-size: 14px;
      color: #20ade5; }
  .pop-guide .pop-guide-close {
    position: absolute;
    top: 16px;
    right: 24px;
    width: 12px;
    height: 12px;
    background: url("../images/home_icon_notice_details_close_white.png") no-repeat center/12px 12px;
    cursor: pointer; }

.need-no {
  display: none;
  position: absolute;
  top: 48px;
  right: 176px;
  z-index: 6; }
  .need-no .reminder {
    position: relative;
    padding: 16px;
    display: inline-block;
    width: 186px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
    text-align: right;
    vertical-align: middle; }
    .need-no .reminder p {
      font-size: 12px;
      color: #333;
      text-align: left; }
    .need-no .reminder .btn {
      width: 68px;
      height: 26px;
      line-height: 26px;
      font-size: 12px;
      margin-top: 30px;
      padding: 0; }
    .need-no .reminder:after {
      content: "";
      display: inline-block;
      width: 8px;
      height: 14px;
      background: url("../images/Rectangle_right.png") no-repeat center/100%;
      position: absolute;
      top: 14px;
      right: -7px; }
  .need-no .nav-img {
    display: inline-block;
    vertical-align: middle; }

.img-list {
  border: 0 none !important;
  padding: 0 24px !important; }
  .img-list ul {
    width: auto !important; }

.pop-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #e3e3e3; }
  .pop-footer .cont-page {
    text-align: left;
    padding-left: 12px; }
  .pop-footer button {
    position: absolute;
    right: 12px;
    top: 8px; }

.pop-footer-operate {
  padding: 9px 12px;
  background-color: #FFFFFF;
  border-top: 1px solid #e3e3e3; }

.pop-h .pop-h800 {
  height: 600px !important; }
  .pop-h .pop-h800 .cont-table {
    height: calc(100vh - 578px) !important; }

.pop-promotion .pop-body {
  padding: 24px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start; }
.pop-promotion .pop-promotion-box {
  flex: 1; }
  .pop-promotion .pop-promotion-box p {
    font-size: 12px;
    color: #333;
    padding-bottom: 16px; }
  .pop-promotion .pop-promotion-box .url-txt i {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    width: 76px; }
  .pop-promotion .pop-promotion-box .url-txt input {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 0 14px;
    font-size: 12px; }
  .pop-promotion .pop-promotion-box .url-txt span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    font-size: 12px;
    color: #20ade5;
    cursor: pointer; }
  .pop-promotion .pop-promotion-box .tips {
    font-size: 12px;
    padding-left: 76px; }
.pop-promotion .code-box {
  width: 200px;
  text-align: center; }
  .pop-promotion .code-box canvas {
    width: 120px;
    height: 120px; }
  .pop-promotion .code-box .tit-tips {
    display: block;
    text-align: center;
    margin-top: 12px;
    color: #999;
    font-size: 12px; }

.get-code-box {
  position: relative;
  display: inline-block; }
  .get-code-box input[type="text"] {
    width: 340px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    padding-left: 1em;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #333; }
    .get-code-box input[type="text"]:focus {
      border-color: #7cbeff; }
  .get-code-box input[type="button"] {
    position: absolute;
    top: 4px;
    right: 0;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border: 0 none;
    color: #20ade5;
    background: transparent;
    border-left: 1px solid #e3e3e3;
    font-size: 12px; }

.label-select-box {
  position: relative; }
  .label-select-box p {
    font-size: 12px;
    color: #666;
    display: block;
    margin-bottom: 10px; }

.label-select-list {
  display: inline-block;
  vertical-align: top; }
  .label-select-list .label-select-card {
    margin-bottom: 10px; }
  .label-select-list .label {
    display: inline-block;
    vertical-align: middle;
    width: 88px;
    height: 24px;
    border-radius: 4px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px; }

.pop-sale-tips {
  padding: 0 16px;
  font-size: 12px; }
  .pop-sale-tips:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 200px; }

.pop-sale-tips-txt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 10px);
  text-align: center; }

.pop-foot {
  border-top: 1px solid #e3e3e3;
  padding: 10px 24px;
  text-align: right; }
  .pop-foot .btn {
    margin-left: 16px; }
    .pop-foot .btn:first-child {
      background: #fff;
      color: #20ade5;
      border: 1px solid #20ade5; }
  .pop-foot .footer {
    border: 0 none; }

.pop-detail {
  width: 800px; }
  .pop-detail .pop-body {
    padding: 0 24px;
    max-height: 560px; }
  .pop-detail .pop-detail-list {
    border-bottom: 1px solid #e3e3e3; }
    .pop-detail .pop-detail-list:last-child {
      border-bottom: none; }
    .pop-detail .pop-detail-list .round {
      display: none;
      visibility: hidden; }
    .pop-detail .pop-detail-list .pop-detail-table {
      padding: 16px 0; }
    .pop-detail .pop-detail-list .txt-hover:hover {
      color: #20ade5;
      cursor: pointer; }
    .pop-detail .pop-detail-list table {
      width: 100%; }
    .pop-detail .pop-detail-list th, .pop-detail .pop-detail-list td {
      height: 32px;
      vertical-align: middle;
      text-align: center;
      font-size: 12px;
      border: 1px solid #e3e3e3; }
    .pop-detail .pop-detail-list th {
      background: #f5f5f5;
      font-weight: normal; }
    .pop-detail .pop-detail-list .td-box .img-box {
      display: inline-block;
      width: 80px;
      height: 80px;
      text-align: center;
      line-height: 80px; }
      .pop-detail .pop-detail-list .td-box .img-box img {
        max-width: 100%;
        max-height: 100%; }
  .pop-detail .detail-sheet {
    padding: 16px 0 !important;
    border: 0 none; }
    .pop-detail .detail-sheet p {
      display: inline-block;
      vertical-align: top;
      width: 140px;
      font-size: 12px;
      color: #666; }
    .pop-detail .detail-sheet ul {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 140px) !important; }
  .pop-detail .detail-mess {
    border: 0 none; }
    .pop-detail .detail-mess .tit {
      padding: 8px 24px 8px 0;
      color: #999; }
    .pop-detail .detail-mess .main {
      padding: 8px 16px; }
      .pop-detail .detail-mess .main time {
        color: #999; }
  .pop-detail .txt-color .main {
    color: #FF3838; }
  .pop-detail .info-box {
    padding: 8px 0;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 12px; }
  .pop-detail .check-btn {
    display: inline-block;
    line-height: 40px; }
    .pop-detail .check-btn span {
      display: inline-block;
      font-size: 12px;
      color: #333; }
      .pop-detail .check-btn span:last-child {
        color: #20ade5;
        cursor: pointer;
        padding-left: 16px; }

.pop-scene .pop-body {
  padding: 24px; }
.pop-scene .pop-scene-ope {
  margin-bottom: 12px; }
  .pop-scene .pop-scene-ope .detail-labels {
    margin-left: 0;
    width: 100%; }
  .pop-scene .pop-scene-ope .check-main-box {
    display: block; }
    .pop-scene .pop-scene-ope .check-main-box .tit {
      display: block;
      font-size: 16px;
      color: #333;
      text-align: left; }
  .pop-scene .pop-scene-ope p {
    font-size: 14px;
    color: #333; }
  .pop-scene .pop-scene-ope .tpis {
    font-size: 12px;
    color: #999; }
.pop-scene .set-save-checkbox {
  border-top: 1px solid #e3e3e3;
  padding-top: 12px; }
  .pop-scene .set-save-checkbox span {
    color: #666; }
.pop-scene .pop-scene-check {
  margin-top: 24px; }
  .pop-scene .pop-scene-check span {
    display: inline-block;
    width: 130px;
    padding-right: 1em;
    font-size: 14px;
    color: #333;
    margin-bottom: 26px; }
.pop-scene .pop-scene-btn {
  padding: 16px 0;
  text-align: right;
  font-size: 0;
  border-top: 1px solid #e3e3e3; }
  .pop-scene .pop-scene-btn .btn {
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    margin-right: 16px !important; }
.pop-scene .pop-title-tips {
  font-size: 12px;
  color: #666;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 16px; }

.pop-product-list-box {
  width: 800px; }
  .pop-product-list-box .pop-body {
    padding: 0; }
  .pop-product-list-box .cont-table table {
    table-layout: fixed; }
  .pop-product-list-box .cont-table tr:hover {
    background: #fff; }
  .pop-product-list-box .cont-table th:nth-child(1) {
    width: 90px; }
  .pop-product-list-box .cont-table td:nth-child(1) {
    padding-left: 24px; }
  .pop-product-list-box .pop-footer .cont-page {
    text-align: center; }

.pop-client-info-box {
  width: 1000px; }
  .pop-client-info-box .pop-body .pop-list-set .grid-box {
    display: grid;
    grid-template-columns: repeat(4, 230px); }
  .pop-client-info-box .pop-body .pop-list-set .text-descriptions-view .view-title {
    margin-right: 0;
    font-size: 16px;
    max-width: 145px;
    width: auto;
    font-weight: bold; }
  .pop-client-info-box .pop-body .pop-list-set .text-descriptions-view .view-main {
    font-size: 16px; }

.client-info-box {
  padding: 16px 16px 0 16px; }
  .client-info-box .grid-box {
    display: grid;
    grid-template-columns: repeat(4, 300px); }
  .client-info-box .text-descriptions-view .view-title {
    margin-right: 0;
    font-size: 14px;
    max-width: 145px;
    width: auto;
    font-weight: bold; }
  .client-info-box .text-descriptions-view .view-main {
    font-size: 14px; }

.delivery-info-box {
  display: flex;
  padding: 16px 16px 0 16px; }
  .delivery-info-box .delivery-text-descriptions-view {
    display: flex;
    align-items: center;
    margin-right: 16px; }
    .delivery-info-box .delivery-text-descriptions-view .view-title {
      margin-right: 0;
      font-size: 14px;
      max-width: 145px;
      width: auto;
      font-weight: bold; }
    .delivery-info-box .delivery-text-descriptions-view .view-main {
      font-size: 14px; }

.pop-phone-list-box {
  width: 600px; }
  .pop-phone-list-box .pop-body {
    padding: 0; }
  .pop-phone-list-box .cont-table {
    width: 600px;
    min-width: 600px; }
    .pop-phone-list-box .cont-table table {
      table-layout: fixed; }
    .pop-phone-list-box .cont-table tr:hover {
      background: #fff; }
    .pop-phone-list-box .cont-table td {
      padding-left: 10px; }
      .pop-phone-list-box .cont-table td:nth-child(1) {
        padding-left: 24px; }
  .pop-phone-list-box .pop-footer .cont-page {
    text-align: center; }

.pop-attr .pop-body {
  padding: 0; }

.pop-cont-head {
  line-height: 50px;
  height: 50px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 0;
  font-weight: 400;
  background: #ffffff;
  z-index: 2;
  position: relative; }
  .pop-cont-head .tab {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    min-width: 106px;
    color: #1a1a1a;
    border-bottom: 2px solid transparent;
    text-align: center;
    font-size: 14px;
    cursor: pointer; }
    .pop-cont-head .tab .close {
      display: none;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 4px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      background: url("../images/icon-select-close_1.png") no-repeat center/16px; }
    .pop-cont-head .tab:hover .close {
      display: block; }
  .pop-cont-head .active {
    border-color: #20ade5;
    color: #20ade5; }
  .pop-cont-head .head-tab-list {
    width: calc(100% - 32px);
    overflow: hidden;
    white-space: nowrap; }
  .pop-cont-head .tab-more {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    margin-right: 12px;
    width: 32px;
    height: 100%; }
    .pop-cont-head .tab-more:hover .tab-more-box {
      display: block; }
  .pop-cont-head .tab-more-box {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    width: 160px;
    min-height: 100px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 8px 10px;
    line-height: 1;
    z-index: 1; }
    .pop-cont-head .tab-more-box:before {
      content: "";
      width: 14px;
      height: 8px;
      display: block;
      position: absolute;
      top: -7px;
      right: 8px;
      background: url("../images/Rectangle 77.png") no-repeat center; }
    .pop-cont-head .tab-more-box .tab-list {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 16px;
      text-align: left;
      line-height: 16px;
      margin: 4px 0;
      font-size: 14px;
      color: #666;
      cursor: pointer; }
      .pop-cont-head .tab-more-box .tab-list .close {
        display: none;
        position: absolute;
        top: 0;
        right: 4px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        background: url("../images/icon-select-close_1.png") no-repeat center/16px; }
      .pop-cont-head .tab-more-box .tab-list:hover {
        color: #20ade5; }
        .pop-cont-head .tab-more-box .tab-list:hover .close {
          display: block; }

.pop-attr-body {
  position: relative;
  height: 400px; }
  .pop-attr-body .attr-card {
    min-height: 40px;
    display: block; }
  .pop-attr-body .attr-title {
    width: 120px;
    position: relative;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid transparent; }
    .pop-attr-body .attr-title:hover {
      border-bottom: 1px solid #e3e3e3; }
      .pop-attr-body .attr-title:hover .ope-box {
        display: block; }
    .pop-attr-body .attr-title input {
      padding-left: 12px;
      height: 54px;
      line-height: 54px;
      border: 0 none;
      width: 100%; }
    .pop-attr-body .attr-title .ope-box {
      display: none;
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .pop-attr-body .attr-title .ope-box .iconfont {
        cursor: pointer; }
  .pop-attr-body .attr-sign {
    width: 100%;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px;
    text-align: left; }
  .pop-attr-body .attr-body {
    width: 100%; }
  .pop-attr-body .attr-main {
    width: 100%;
    padding: 0 4px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    overflow: hidden; }
    .pop-attr-body .attr-main .active {
      border: 1px solid #20ade5;
      background-color: #fff;
      position: relative; }
      .pop-attr-body .attr-main .active:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("../images/attr-label-select.png") no-repeat center/16px;
        position: absolute;
        bottom: -1px;
        right: -1px; }
  .pop-attr-body .attr-label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    margin: 4px;
    background: #f3f3f3;
    cursor: pointer; }
    .pop-attr-body .attr-label input {
      width: 2em;
      height: 100%;
      background: none;
      border: 0 none;
      font-size: 14px; }
    .pop-attr-body .attr-label .close {
      position: absolute;
      right: 2px;
      top: 2px;
      font-size: 12px;
      text-align: center;
      color: #666;
      line-height: 1em; }
      .pop-attr-body .attr-label .close:hover {
        color: #20ade5; }
  .pop-attr-body .enter {
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    border: 0 none;
    height: 36px;
    padding-left: 1em;
    color: #333; }

.pop-label-add {
  padding-left: 24px;
  margin-bottom: 20px; }
  .pop-label-add .add {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    margin-top: 16px; }
    .pop-label-add .add .but-bd-gray {
      font-size: 12px;
      color: #333; }
      .pop-label-add .add .but-bd-gray:hover {
        color: #333; }
    .pop-label-add .add .label-txt {
      display: none;
      padding: 12px;
      background: #f3f3f3;
      border-radius: 4px;
      position: absolute;
      top: -12px;
      right: -316px;
      z-index: 1; }
      .pop-label-add .add .label-txt .tri {
        position: absolute;
        width: 0;
        height: 0;
        left: -36px;
        top: 50%;
        margin-top: -12px;
        border-style: solid;
        border-width: 12px 18px;
        border-color: transparent #f3f3f3 transparent transparent; }
      .pop-label-add .add .label-txt input {
        width: 200px;
        height: 32px;
        border: 1px solid #e3e3e3;
        border-radius: 2px;
        padding-left: 12px; }
      .pop-label-add .add .label-txt .btn {
        margin-right: 12px;
        height: 32px; }

.pop-label-list {
  padding: 24px;
  height: 501px; }
  .pop-label-list .pop-label-list-height {
    min-height: 500px; }
  .pop-label-list .grail {
    padding-left: 130px; }
  .pop-label-list .tit {
    float: left;
    width: 130px;
    margin-left: -130px;
    font-size: 14px;
    height: 32px;
    line-height: 32px; }
    .pop-label-list .tit .label-close {
      display: none;
      position: absolute;
      top: 4px;
      right: 12px;
      cursor: pointer;
      line-height: 1; }
      .pop-label-list .tit .label-close i {
        font-size: 12px; }
    .pop-label-list .tit:hover .label-close {
      display: block; }
  .pop-label-list .main {
    float: left;
    width: 100%; }
    .pop-label-list .main .label {
      position: relative;
      width: 120px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      border-radius: 4px;
      border: 1px solid #e3e3e3;
      display: inline-block;
      margin: 0 8px 10px 0;
      cursor: pointer;
      font-size: 12px;
      vertical-align: top; }
      .pop-label-list .main .label .label-close {
        display: none;
        position: absolute;
        top: 4px;
        right: 4px;
        cursor: pointer;
        line-height: 1; }
        .pop-label-list .main .label .label-close i {
          font-size: 12px; }
      .pop-label-list .main .label:hover .label-close {
        display: block; }
    .pop-label-list .main .active {
      color: #ffffff;
      background: #20ade5;
      border-color: #20ade5; }
  .pop-label-list .pop-label-add {
    padding: 0;
    display: inline-block;
    vertical-align: top; }
    .pop-label-list .pop-label-add .add {
      margin-top: 0; }
      .pop-label-list .pop-label-add .add .label-txt-box {
        top: 50px;
        left: -112px;
        display: none;
        padding: 8px;
        background: #f3f3f3;
        border-radius: 4px;
        position: absolute;
        z-index: 2;
        width: 180px; }
        .pop-label-list .pop-label-add .add .label-txt-box .txt {
          border: 0 none;
          height: 32px;
          text-align: center;
          width: 100px; }
      .pop-label-list .pop-label-add .add .label-tri {
        left: 130px;
        top: -24px;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 18px;
        border-color: transparent transparent #f3f3f3 transparent; }
    .pop-label-list .pop-label-add .btn {
      height: 32px;
      line-height: 32px; }

.footer-left {
  float: left;
  font-size: 14px; }
  .footer-left .grail {
    padding-left: 80px; }
  .footer-left .tit {
    float: left;
    width: 80px;
    margin-left: -80px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: left; }
  .footer-left .main {
    float: left;
    width: 350px;
    height: 32px;
    line-height: 32px;
    text-align: left; }
    .footer-left .main input {
      height: 100%;
      border: 1px solid #e3e3e3;
      border-radius: 4px;
      padding-left: 1em; }

.pop-lead {
  width: 700px;
  height: 360px;
  background: #FFFFFF;
  border: 1px solid #979797; }
  .pop-lead .pop-body {
    padding: 50px; }
  .pop-lead p {
    font-size: 24px;
    color: #20ade5;
    margin-top: 16px; }
  .pop-lead .btn-box {
    margin-top: 30px; }
  .pop-lead .btn {
    width: 180px;
    height: 60px;
    border-radius: 8px;
    font-size: 20px;
    vertical-align: bottom; }
  .pop-lead a {
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    padding-left: 40px;
    padding-bottom: 10px; }

.pop-multi-spec {
  overflow: hidden; }
  .pop-multi-spec .detail-labels {
    width: 100%;
    margin: 0; }
  .pop-multi-spec h2 {
    font-size: 14px;
    padding-bottom: 12px;
    color: #333; }
  .pop-multi-spec .txt {
    display: inline-block;
    width: 440px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    margin-right: 10px;
    padding-left: .8em; }

.pop-multi-body {
  max-height: 300px;
  margin-top: 16px; }

.pop-calculate-box {
  font-size: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }
  .pop-calculate-box .select-check-box .select-check-title {
    width: 60px; }
  .pop-calculate-box .select-dropdown .filtrate-footer-box .right {
    flex: 0;
    width: 10%; }
  .pop-calculate-box .select-width {
    display: inline-block;
    vertical-align: middle;
    width: 400px; }
  .pop-calculate-box .txt-equal {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 24px;
    line-height: 40px; }
  .pop-calculate-box.basic-unit .select-selection-multiple .clear-btn {
    display: none !important; }

.pop-tips-box {
  font-size: 14px;
  padding-left: 36px;
  margin-bottom: 20px; }
  .pop-tips-box .tips-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    line-height: 1; }
    .pop-tips-box .tips-box:hover .tips {
      display: block; }
    .pop-tips-box .tips-box i {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 14px;
      text-align: center;
      font-size: 16px;
      color: #d2d2d2;
      margin-left: 4px; }
    .pop-tips-box .tips-box p {
      font-size: 12px;
      color: #999;
      font-weight: 400; }
    .pop-tips-box .tips-box .tips {
      display: none;
      position: absolute;
      top: -78px;
      right: -280px;
      z-index: 2; }
      .pop-tips-box .tips-box .tips .tri-up {
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px;
        border-color: transparent #fff transparent transparent; }
      .pop-tips-box .tips-box .tips .txt {
        width: 270px;
        padding: 16px;
        background-color: #ffffff;
        color: #999;
        line-height: 1.5;
        box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
        border-radius: 2px;
        font-size: 12px;
        font-weight: 400;
        text-align: left; }

.pop-select-box {
  padding: 16px;
  font-size: 0; }
  .pop-select-box .select-check-main {
    margin-bottom: 0 !important; }
  .pop-select-box .pop-select .mb24 {
    margin-bottom: 0 !important; }
  .pop-select-box .search-size-middle {
    width: 270px; }
  .pop-select-box .search-size-max {
    height: 32px;
    line-height: 30px; }
  .pop-select-box .pop-select {
    width: 140px;
    display: inline-block;
    vertical-align: middle; }
    .pop-select-box .pop-select .select-multiple-box.search-size-max .select-selection-rendered {
      height: 32px;
      min-height: 32px; }
    .pop-select-box .pop-select .select-selection-placeholder {
      line-height: 30px; }
  .pop-select-box .txt:-ms-input-placeholder {
    text-align: left; }
  .pop-select-box .txt::-webkit-input-placeholder {
    text-align: left; }
  .pop-select-box .detail-labels {
    margin: 0;
    width: 100%; }

.footer-check-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  padding-left: 16px;
  cursor: pointer; }

.pop-client-cost {
  width: 820px; }
  .pop-client-cost .pop-body .img-box {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 200px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    position: relative; }
    .pop-client-cost .pop-body .img-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .pop-client-cost .pop-body .txt-box {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 200px);
    padding-left: 24px; }
    .pop-client-cost .pop-body .txt-box p {
      font-size: 12px;
      color: #333;
      line-height: 1em;
      margin-bottom: 10px; }
    .pop-client-cost .pop-body .txt-box .input-box {
      display: block;
      width: auto; }
      .pop-client-cost .pop-body .txt-box .input-box .box {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        margin-right: 20px; }
        .pop-client-cost .pop-body .txt-box .input-box .box .input-box {
          display: inline-block;
          vertical-align: middle;
          width: 100px; }
        .pop-client-cost .pop-body .txt-box .input-box .box span {
          display: inline-block;
          vertical-align: middle;
          padding-left: 10px; }
        .pop-client-cost .pop-body .txt-box .input-box .box .search-frame, .pop-client-cost .pop-body .txt-box .input-box .box .frame-bottom {
          display: none; }

.pop-order-del .pop-body {
  padding: 40px 0;
  min-height: auto; }
.pop-order-del p {
  font-size: 14px;
  text-align: center;
  line-height: 2; }

.pop-tips-txt {
  font-size: 14px;
  color: #333; }

.pop-confirm {
  width: 260px; }
  .pop-confirm .pop-head {
    line-height: 39px; }
  .pop-confirm .pop-tit {
    font-size: 16px; }
  .pop-confirm .pop-close {
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("../images/account_number_icon_close.png") no-repeat center/16px; }
  .pop-confirm .pop-body {
    padding: 16px;
    min-height: 60px; }
    .pop-confirm .pop-body p {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
      word-break: break-all; }
  .pop-confirm .pop-foot {
    padding: 0 16px 16px;
    border: 0 none;
    text-align: right; }
    .pop-confirm .pop-foot .btn {
      font-size: 12px;
      height: 28px;
      margin-left: 16px;
      padding: 0 16px; }

.pop-transfer-box {
  width: 710px; }
  .pop-transfer-box .pop-body {
    padding: 24px; }

.address-select-box table td {
  font-size: 12px !important;
  cursor: pointer; }
  .address-select-box table td .ope-btn {
    display: inline-block;
    vertical-align: middle;
    color: #20ade5; }
    .address-select-box table td .ope-btn:hover {
      opacity: .8; }

.notice-read-tit {
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.pop-loading-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .pop-loading-box p {
    font-size: 12px;
    color: #999;
    margin-top: 12px;
    text-align: center; }

.upload-img-box {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start; }
  .upload-img-box .title {
    width: 54px;
    font-size: 12px;
    color: #666;
    margin-right: 10px;
    text-align: right; }
  .upload-img-box .upload-box {
    flex: 1; }
    .upload-img-box .upload-box a {
      font-size: 12px;
      color: #666; }
  .upload-img-box .detail-sheet {
    border-top: 0 none; }

.ope-succeed-tips {
  padding: 50px 0 30px;
  text-align: center;
  font-size: 14px; }
  .ope-succeed-tips img {
    margin-bottom: 24px; }
  .ope-succeed-tips p {
    margin-bottom: 24px;
    color: #999; }

.pop-ope-btn-box {
  font-size: 0;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #e3e3e3; }
  .pop-ope-btn-box .opt-btn {
    position: relative;
    width: 50%;
    height: 100%;
    font-size: 14px;
    background: transparent;
    border: 0 none;
    text-align: center;
    color: #666; }
    .pop-ope-btn-box .opt-btn:first-child:after {
      content: "";
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -20px;
      height: 40px;
      width: 1px;
      background: #e3e3e3; }

.search-client-main .tips-txt {
  font-size: 12px;
  color: #999; }
.search-client-main .cont-search {
  width: 100%; }
.search-client-main .not-found-client {
  text-align: center;
  padding-top: 24px; }
  .search-client-main .not-found-client .txt {
    font-size: 12px;
    color: #666;
    margin: 16px 0 24px; }
  .search-client-main .not-found-client .btn {
    height: 24px;
    width: 142px;
    line-height: 24px;
    padding: 0 12px; }
.search-client-main .search-client-info {
  padding-top: 16px; }
  .search-client-main .search-client-info .tit {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px; }
  .search-client-main .search-client-info .search-result-box {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start; }
    .search-client-main .search-client-info .search-result-box .icon-box .svg-icon {
      width: 60px;
      height: 60px; }
    .search-client-main .search-client-info .search-result-box .main {
      flex: 1;
      font-size: 12px;
      color: #333;
      padding-left: 12px;
      line-height: 1.7; }

.cost-adjust-detail-goods-box {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  padding: 16px 24px; }
  .cost-adjust-detail-goods-box .img-box {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    position: relative; }
    .cost-adjust-detail-goods-box .img-box img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .cost-adjust-detail-goods-box .goods-info-txt {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    padding-right: 16px; }
    .cost-adjust-detail-goods-box .goods-info-txt span {
      color: #666; }

.order-detail-remark-pop-body .detail-explain {
  padding: 0;
  border: 0 none; }

.pop-picker .pop-body {
  padding: 16px 0 24px; }
.pop-picker .pop-picker-table {
  margin-top: -60px;
  height: 572px;
  overflow: hidden; }
  .pop-picker .pop-picker-table .cont-table {
    max-height: 480px; }
  .pop-picker .pop-picker-table .pop-select-box {
    padding: 2px 0 10px; }
.pop-picker .pop-picker-select {
  height: 410px; }
.pop-picker .pop-picker-result {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 0 28px;
  color: #666;
  background: whitesmoke;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3; }
.pop-picker .select-dropdown-box {
  position: relative;
  height: 420px; }
  .pop-picker .select-dropdown-box .loading-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 32px;
    color: #999;
    font-size: 12px;
    background: rgba(246, 255, 237, 0.5);
    z-index: 1; }
  .pop-picker .select-dropdown-box .success-txt {
    font-size: 12px;
    line-height: 20px;
    background: #F6FFED;
    text-align: center;
    color: rgba(0, 0, 0, 0.65); }
  .pop-picker .select-dropdown-box .list-null-txt {
    font-size: 12px;
    color: #999;
    line-height: 32px;
    padding-left: 24px; }
.pop-picker .select-dropdown-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
.pop-picker .select-dropdown-menu-item {
  position: relative;
  display: block;
  line-height: 22px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0;
  width: 100%; }
  .pop-picker .select-dropdown-menu-item span {
    width: 100%;
    height: 100%;
    padding: 5px 24px 5px 25px;
    font-size: 14px;
    white-space: nowrap !important;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start; }
    .pop-picker .select-dropdown-menu-item span .checkbox {
      margin-right: 6px; }
    .pop-picker .select-dropdown-menu-item span:hover {
      background: #f0fbff; }
      .pop-picker .select-dropdown-menu-item span:hover ul {
        background: #fff; }
  .pop-picker .select-dropdown-menu-item .active {
    background: #f0fbff; }
  .pop-picker .select-dropdown-menu-item .mult-active {
    background: #f0fbff url("../images/icon-choice-s.png") no-repeat 98% center/14px; }
    .pop-picker .select-dropdown-menu-item .mult-active:hover {
      background: #f0fbff url("../images/icon-choice-s.png") no-repeat 98% center/14px; }
  .pop-picker .select-dropdown-menu-item:first-child {
    border-radius: 4px 4px 0 0; }
  .pop-picker .select-dropdown-menu-item .more-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: url("../images/home_icon_weekly_select_time_right.png") no-repeat center/6px 10px; }
  .pop-picker .select-dropdown-menu-item .more-btn-active {
    background: url("../images/home_icon_weekly_select_time_down.png") no-repeat center/10px 6px; }
.pop-picker .select-dropdown-menu-son {
  padding-left: 24px;
  display: none; }

.pop-vouchers-head {
  font-size: 12px;
  padding: 10px 16px 0;
  position: relative;
  margin-bottom: 22px; }
  .pop-vouchers-head .pop-vouchers-head-card {
    position: absolute;
    width: 150px;
    height: 120px;
    left: 14px;
    top: 10px;
    background: url("../images/bg-voucher-n.png") no-repeat left center/150px 120px;
    color: #fff; }
    .pop-vouchers-head .pop-vouchers-head-card .price {
      font-size: 24px;
      text-align: center;
      line-height: 32px;
      margin: 22px 0 8px; }
    .pop-vouchers-head .pop-vouchers-head-card .tip {
      padding: 0 10px;
      white-space: normal; }
  .pop-vouchers-head .pop-vouchers-head-main {
    height: 120px;
    border: 1px solid #e3e3e3;
    margin-left: -1px;
    padding: 12px 12px 0 160px;
    border-left: 0 none; }
    .pop-vouchers-head .pop-vouchers-head-main .headline {
      margin-bottom: 8px; }
    .pop-vouchers-head .pop-vouchers-head-main .label {
      display: inline-block;
      width: 60px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      color: #fff;
      background: linear-gradient(317deg, #fbd249 0%, #f5a623 100%);
      border-radius: 12px;
      margin-right: 16px;
      text-align: center; }
    .pop-vouchers-head .pop-vouchers-head-main .name {
      font-size: 14px;
      color: #333; }
    .pop-vouchers-head .pop-vouchers-head-main .time {
      color: #999; }
    .pop-vouchers-head .pop-vouchers-head-main .info {
      line-height: 24px;
      color: #999; }
    .pop-vouchers-head .pop-vouchers-head-main .remark {
      line-height: 1.4;
      word-break: break-all; }

.pop-vouchers-headline {
  padding: 0 24px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 14px;
  color: #333; }

.vouchers-table th {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3; }
.vouchers-table .list-null-box {
  top: 54px; }

.pop-vouchers-select .pop-body {
  padding: 0; }
.pop-vouchers-select .vouchers-table th {
  padding-left: 24px; }

.pop-goods-sn .pop-body-scroll {
  max-height: 500px;
  margin: 16px 0; }
.pop-goods-sn .pop-body {
  min-height: 300px;
  max-height: initial;
  padding: 2px 24px; }
.pop-goods-sn .goods-sn-cont {
  position: relative;
  padding: 24px;
  font-size: 14px;
  color: #666; }
  .pop-goods-sn .goods-sn-cont h4 {
    color: #333; }
  .pop-goods-sn .goods-sn-cont .operate-box {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 24px; }
    .pop-goods-sn .goods-sn-cont .operate-box .import-btn {
      position: relative;
      display: inline-block;
      width: 80px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      background: #F8FBFC;
      border-radius: 2px;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.6); }
      .pop-goods-sn .goods-sn-cont .operate-box .import-btn .excel-file {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0; }
.pop-goods-sn .goods-sn-input {
  display: flex;
  margin: 0 24px;
  border: 1px solid #e3e3e3;
  border-radius: 2px; }
  .pop-goods-sn .goods-sn-input .select-selection-multiple .select-selection-rendered {
    border: 0 none; }
  .pop-goods-sn .goods-sn-input .select-check-main {
    margin-bottom: 0; }
  .pop-goods-sn .goods-sn-input .select-check-box {
    width: 72px; }
    .pop-goods-sn .goods-sn-input .select-check-box .select-check-title {
      display: none; }
  .pop-goods-sn .goods-sn-input .input-value-box {
    width: 815px; }
    .pop-goods-sn .goods-sn-input .input-value-box input {
      width: 100%;
      height: 40px;
      border: 0 none; }
  .pop-goods-sn .goods-sn-input .confirm-btn {
    width: 64px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    background: #20ade5;
    border: 0 none;
    border-radius: 0 2px 2px 0; }
.pop-goods-sn .null-data {
  padding: 48px 0;
  text-align: center;
  color: #666; }
  .pop-goods-sn .null-data .txt {
    font-size: 14px;
    padding-top: 12px; }
.pop-goods-sn .goods-sn-table {
  width: 100%;
  font-size: 14px; }
  .pop-goods-sn .goods-sn-table th {
    text-align: left;
    font-size: 14px;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.6);
    border-top: 1px solid #e3e3e3;
    background: rgba(0, 0, 0, 0.02); }
    .pop-goods-sn .goods-sn-table th:first-child {
      width: 216px;
      border-left: 1px solid #e3e3e3; }
    .pop-goods-sn .goods-sn-table th:last-child {
      border-right: 1px solid #e3e3e3; }
  .pop-goods-sn .goods-sn-table td {
    padding: 16px;
    vertical-align: top; }
  .pop-goods-sn .goods-sn-table td {
    padding: 16px;
    border: 1px solid #e3e3e3; }
  .pop-goods-sn .goods-sn-table .sn-input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    min-width: 4em;
    margin: 0 8px 8px 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0);
    cursor: pointer; }
    .pop-goods-sn .goods-sn-table .sn-input:not(.sn-input-empty):hover .sn-operate {
      visibility: visible;
      opacity: 1;
      transition: opacity .3s ease-in-out; }
    .pop-goods-sn .goods-sn-table .sn-input:not(.sn-input-empty):hover .value-input {
      color: #20ade5;
      border-color: #20ade5; }
    .pop-goods-sn .goods-sn-table .sn-input.sn-input-dup .value-input {
      color: #fe0000;
      border-color: #fe0000; }
      .pop-goods-sn .goods-sn-table .sn-input.sn-input-dup .value-input:hover {
        color: #fe0000;
        border-color: #fe0000; }
    .pop-goods-sn .goods-sn-table .sn-input .value-input {
      position: absolute;
      left: 0;
      top: 0;
      padding: 0 11px;
      width: 100%;
      height: 32px;
      line-height: 31px;
      font-size: 14px;
      border: 1px solid #e3e3e3;
      border-radius: 2px;
      background: whitesmoke;
      cursor: pointer; }
      .pop-goods-sn .goods-sn-table .sn-input .value-input:focus {
        border-color: #20ade5; }
        .pop-goods-sn .goods-sn-table .sn-input .value-input:focus + .sn-operate {
          visibility: hidden;
          opacity: 0; }
    .pop-goods-sn .goods-sn-table .sn-input .sn-operate {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      right: 0;
      z-index: 1;
      top: -32px;
      height: 32px;
      padding: 0 8px;
      background: white;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
      border-radius: 2px;
      white-space: nowrap; }
      .pop-goods-sn .goods-sn-table .sn-input .sn-operate .iconfont {
        padding: 0 4px;
        font-size: 16px;
        color: #333; }
        .pop-goods-sn .goods-sn-table .sn-input .sn-operate .iconfont:hover {
          color: #20ade5; }
.pop-goods-sn .sn-edit-box {
  position: relative;
  text-align: right;
  font-size: 14px;
  color: #999; }
  .pop-goods-sn .sn-edit-box .add {
    color: #20ade5;
    cursor: pointer; }
.pop-goods-sn .goods-sn-add-box {
  position: absolute;
  z-index: 1;
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); }
  .pop-goods-sn .goods-sn-add-box:after {
    content: "";
    width: 0;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    transform: rotate(45deg); }
  .pop-goods-sn .goods-sn-add-box.box-left {
    left: 100%;
    top: -20px;
    margin-left: 1em; }
    .pop-goods-sn .goods-sn-add-box.box-left:after {
      border-color: transparent transparent #fff #fff;
      left: -6px;
      top: 24px; }
  .pop-goods-sn .goods-sn-add-box.box-right {
    right: 5.6em;
    top: -20px; }
    .pop-goods-sn .goods-sn-add-box.box-right:after {
      border-color: #fff #fff transparent transparent;
      right: -6px;
      top: 24px; }
  .pop-goods-sn .goods-sn-add-box .add-box-input {
    border: 1px solid #20ade5;
    font-size: 0;
    white-space: nowrap; }
  .pop-goods-sn .goods-sn-add-box .input {
    width: 416px;
    line-height: 30px;
    padding: 0 5em 0 8px;
    border: 0 none; }
  .pop-goods-sn .goods-sn-add-box .submit {
    width: 48px;
    height: 30px;
    line-height: 30px;
    background: #20ade5;
    text-align: center;
    color: #fff;
    border: 0 none; }
    .pop-goods-sn .goods-sn-add-box .submit .icon-check {
      font-size: 24px; }

.metal-art-stone-box {
  font-size: 14px;
  color: #666; }
  .metal-art-stone-box .pop-body {
    min-height: 700px !important;
    padding: 0; }
  .metal-art-stone-box .pop-body-wrap {
    padding: 16px 16px 30px; }
    .metal-art-stone-box .pop-body-wrap .title-row, .metal-art-stone-box .pop-body-wrap .title-row_ {
      font-size: 15px;
      border-bottom: 1px solid #E0E0E1;
      padding: 10px 0 24px 70px; }
      .metal-art-stone-box .pop-body-wrap .title-row .top-item, .metal-art-stone-box .pop-body-wrap .title-row_ .top-item {
        font-weight: 700; }
      .metal-art-stone-box .pop-body-wrap .title-row .code, .metal-art-stone-box .pop-body-wrap .title-row_ .code {
        margin-right: 50px; }
    .metal-art-stone-box .pop-body-wrap .title-row_ {
      padding: 10px 0 24px 24px;
      border-bottom: none; }
      .metal-art-stone-box .pop-body-wrap .title-row_ .top-item {
        margin-bottom: 18px; }
      .metal-art-stone-box .pop-body-wrap .title-row_ .category {
        margin-right: 36px; }
      .metal-art-stone-box .pop-body-wrap .title-row_ .material-type {
        margin-right: 36px; }
      .metal-art-stone-box .pop-body-wrap .title-row_ .weight {
        margin-right: 36px; }
  .metal-art-stone-box .metal-art-stone-detail-footer {
    width: 100%;
    height: 68px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    border-top: 1px solid #e3e3e3; }
    .metal-art-stone-box .metal-art-stone-detail-footer .price-detail-box {
      flex: 1;
      display: flex; }
      .metal-art-stone-box .metal-art-stone-detail-footer .price-detail-box .price-item {
        flex: 1; }
        .metal-art-stone-box .metal-art-stone-detail-footer .price-detail-box .price-item span {
          margin-right: 52px; }
    .metal-art-stone-box .metal-art-stone-detail-footer .btn-group-box .btn {
      padding: 0 26px;
      height: 34px;
      line-height: 34px; }
    .metal-art-stone-box .metal-art-stone-detail-footer .btn-group-box .but-bd-blue {
      margin-right: 12px; }
  .metal-art-stone-box .product-format-box .head-line-box {
    display: flex;
    justify-content: space-between; }
  .metal-art-stone-box .product-format-box .format-list .item {
    display: inline-block;
    margin: 10px 10px 0 0;
    border: 1px solid #e3e5e5;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer; }
    .metal-art-stone-box .product-format-box .format-list .item.active {
      border: 1px solid #20ade5;
      color: #20ade5; }
  .metal-art-stone-box .product-format-box .format-list .select-item {
    position: relative;
    margin: 10px 16px 0 0; }
    .metal-art-stone-box .product-format-box .format-list .select-item .del {
      position: absolute;
      top: -12px;
      right: -11px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      border: 1px solid #20ade5;
      background: url("../images/account_number_icon_close.png") no-repeat center/16px 16px;
      cursor: pointer; }
  .metal-art-stone-box .metal-art-stone-input-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px; }
    .metal-art-stone-box .metal-art-stone-input-box .operate-txt {
      color: #20ade5;
      cursor: pointer;
      margin-top: -23px; }
    .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box {
      display: flex;
      justify-content: center;
      align-items: center; }
      .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .input-item {
        display: flex;
        margin-right: 26px; }
        .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .input-item .title {
          margin-right: 10px;
          line-height: 40px; }
        .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .input-item .input-area-box .tit {
          margin-bottom: 0; }
        .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .input-item .select-check-box .select-check-main {
          width: 150px; }
        .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .input-item .select-check-box .select-check-title {
          margin-bottom: 0; }
      .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .metal-stone-input-item-100 .select-check-box .select-check-main {
        width: 98px; }
      .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .metal-stone-input-item-100 .input-area-box {
        width: 98px; }
      .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .purchase-input-item .select-check-box .select-check-main {
        width: 110px; }
      .metal-art-stone-box .metal-art-stone-input-box .input-wrap-box .metal-stone-input-item {
        margin-right: 14px; }
  .metal-art-stone-box .lt-metal-art-stone-input-box .input-wrap-box .input-item .select-check-box .select-check-main {
    width: 126px; }
  .metal-art-stone-box .lt-metal-art-stone-input-box .input-wrap-box .input-item .input-area-box .search-size-max {
    width: 126px; }
  .metal-art-stone-box .lt-metal-art-stone-input-box-new .input-wrap-box .input-item .select-check-box .select-check-main {
    width: 96px; }
  .metal-art-stone-box .lt-metal-art-stone-input-box-new .input-wrap-box .input-item .input-area-box .search-size-max {
    width: 96px; }
  .metal-art-stone-box .custom-edit-metal-art-stone-input-box .input-wrap-box {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%; }
    .metal-art-stone-box .custom-edit-metal-art-stone-input-box .input-wrap-box .input-item {
      flex: 1; }
      .metal-art-stone-box .custom-edit-metal-art-stone-input-box .input-wrap-box .input-item .input-area-box {
        flex: 1; }
  .metal-art-stone-box .base-info-edit-box .info-main-card {
    max-width: 2000px; }
  .metal-art-stone-box .update-price-metal-art-stone-input-box {
    display: flex;
    align-items: center;
    margin-top: 14px; }
    .metal-art-stone-box .update-price-metal-art-stone-input-box .operate-txt {
      color: #20ade5;
      cursor: pointer;
      margin-top: -23px; }
    .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box {
      display: flex;
      justify-content: center;
      align-items: center; }
      .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .input-item {
        display: flex;
        margin-right: 16px; }
        .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .input-item .title {
          margin-right: 10px;
          line-height: 40px; }
        .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .input-item .input-area-box .tit {
          margin-bottom: 0; }
        .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .input-item .select-check-box .select-check-main {
          width: 160px; }
        .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .input-item .select-check-box .select-check-title {
          margin-bottom: 0; }
      .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .purchase-input-item .select-check-box .select-check-main {
        width: 100px; }
      .metal-art-stone-box .update-price-metal-art-stone-input-box .input-wrap-box .update-price-input-item .select-check-box .select-check-main {
        width: 80px; }
  .metal-art-stone-box .input-row-box {
    display: flex;
    align-items: center;
    margin-top: 14px; }
    .metal-art-stone-box .input-row-box .input-row-box-txt {
      width: 60px;
      font-weight: 700; }
    .metal-art-stone-box .input-row-box .input-row-wrap-box {
      display: flex;
      align-items: center;
      flex: 1; }
      .metal-art-stone-box .input-row-box .input-row-wrap-box .input-item {
        display: flex;
        margin-right: 30px; }
        .metal-art-stone-box .input-row-box .input-row-wrap-box .input-item .title {
          margin-right: 10px;
          line-height: 40px;
          width: 90px;
          text-align: right; }
        .metal-art-stone-box .input-row-box .input-row-wrap-box .input-item .input-area-box .tit {
          margin-bottom: 0; }
        .metal-art-stone-box .input-row-box .input-row-wrap-box .input-item .input-area-box .cont-search {
          margin-bottom: 0 !important; }
  .metal-art-stone-box .metal-art-stone-table-box {
    position: relative; }
    .metal-art-stone-box .metal-art-stone-table-box .cont-list-table-head .head {
      border-top: 1px solid #e3e3e3; }
    .metal-art-stone-box .metal-art-stone-table-box .cont-table {
      min-height: 118px !important;
      max-height: none !important; }
  .metal-art-stone-box .metal-art-stone-table-box-batch-edit-additional .cont-list-table-head .head {
    background-color: #e3e3e3; }
  .metal-art-stone-box .metal-art-stone-table-box-batch-edit-additional .cont-table .td-box {
    border: 1px solid #e3e3e3; }
  .metal-art-stone-box .metal-art-stone-table-box-batch-edit-additional .cont-table td {
    padding: 4px 4px 4px 4px; }
  .metal-art-stone-box .line-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px; }
    .metal-art-stone-box .line-box .title {
      font-weight: 700; }
    .metal-art-stone-box .line-box .add {
      color: #20ade5;
      cursor: pointer; }

.metal-art-stone-edit-box .pop-body {
  overflow-y: auto; }
  .metal-art-stone-edit-box .pop-body::-webkit-scrollbar {
    width: 6px; }
  .metal-art-stone-edit-box .pop-body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    /* 滑块颜色 */
    border-radius: 10px;
    /* 滑块圆角 */ }
.metal-art-stone-edit-box .pop-body-wrap {
  padding: 16px 14px 30px; }

.custom-quotation-preview-page {
  font-size: 16px; }
  .custom-quotation-preview-page .labor-cost-input-box .input-item {
    margin-bottom: 16px; }
    .custom-quotation-preview-page .labor-cost-input-box .input-item .title {
      display: inline-block;
      width: 180px; }
  .custom-quotation-preview-page .labor-cost-input-box input {
    width: 60%;
    height: 60px;
    border: 1px solid #979797;
    border-radius: 6px;
    text-align: center; }
  .custom-quotation-preview-page .flow-box {
    background-color: #fff;
    color: #54555B;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0; }
    .custom-quotation-preview-page .flow-box p i {
      font-weight: 700;
      margin-right: 12px; }
    .custom-quotation-preview-page .flow-box .flow-content {
      margin-top: 6px; }
  .custom-quotation-preview-page .content-box {
    background-color: #fff;
    border-top: 1px solid #e3e5e5;
    padding: 12px;
    color: #66697D; }
    .custom-quotation-preview-page .content-box .labor-cost-title-row i {
      margin-right: 10px; }
    .custom-quotation-preview-page .content-box .content-row {
      display: flex;
      margin-top: 20px; }
      .custom-quotation-preview-page .content-box .content-row .col1 {
        width: 22%; }
      .custom-quotation-preview-page .content-box .content-row .col2 {
        width: 78%; }
        .custom-quotation-preview-page .content-box .content-row .col2 p {
          margin-top: 8px; }
          .custom-quotation-preview-page .content-box .content-row .col2 p i {
            margin-right: 10px; }
        .custom-quotation-preview-page .content-box .content-row .col2 p:nth-child(1) {
          margin-top: 0; }
      .custom-quotation-preview-page .content-box .content-row .col3 {
        width: 28%;
        text-align: right;
        padding-right: 36px; }
    .custom-quotation-preview-page .content-box .total-row {
      display: flex;
      justify-content: space-between;
      margin-top: 10px; }
      .custom-quotation-preview-page .content-box .total-row .col2 {
        padding-right: 18px;
        font-weight: 700; }
    .custom-quotation-preview-page .content-box .content-row:nth-child(1) {
      margin-top: 0; }
    .custom-quotation-preview-page .content-box .total-row {
      display: flex;
      justify-content: space-between;
      margin-top: 20px; }
  .custom-quotation-preview-page .order-detail-content-box {
    height: 800px;
    overflow: auto;
    font-size: 28px;
    padding-bottom: 160px; }
  .custom-quotation-preview-page .detail {
    background-color: #fff;
    padding: 24px;
    color: #66697D;
    line-height: 1.5; }
  .custom-quotation-preview-page .img-box img {
    height: 100%; }

.examine-setting-pop {
  font-size: 14px; }
  .examine-setting-pop .examine-tit {
    position: relative;
    font-size: 18px;
    margin-bottom: 12px; }
    .examine-setting-pop .examine-tit .tips1 {
      position: absolute;
      left: 156px;
      top: -3px;
      font-size: 12px; }
    .examine-setting-pop .examine-tit .tips2 {
      position: absolute;
      left: 156px;
      top: 15px;
      font-size: 12px; }
  .examine-setting-pop .mr10 {
    margin-right: 10px; }
  .examine-setting-pop .ml10 {
    margin-left: 10px; }
  .examine-setting-pop .input-flex-box {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3; }
    .examine-setting-pop .input-flex-box .input-box {
      display: flex;
      align-items: center; }
      .examine-setting-pop .input-flex-box .input-box input {
        width: 140px; }
  .examine-setting-pop .check-flex-box {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3; }
    .examine-setting-pop .check-flex-box .check-box {
      display: flex;
      align-items: center; }
      .examine-setting-pop .check-flex-box .check-box .checkbox {
        font-size: 27px; }

.pop-img-box .tit {
  color: #666;
  font-size: 12px; }
.pop-img-box .home-pop-img-card-box {
  display: flex;
  padding: 12px 0; }
  .pop-img-box .home-pop-img-card-box .img-card-box {
    position: relative;
    width: 135px;
    height: 164px;
    border-radius: 6px;
    margin-right: 36px; }
    .pop-img-box .home-pop-img-card-box .img-card-box .select {
      position: absolute;
      bottom: -6px;
      right: -6px;
      width: 24px;
      height: 24px;
      background: #FFFFFF;
      border: 2px solid #EEEEEE;
      border-radius: 50%;
      cursor: pointer; }
      .pop-img-box .home-pop-img-card-box .img-card-box .select .icon-select-subject-color {
        display: none; }
      .pop-img-box .home-pop-img-card-box .img-card-box .select.active {
        background: #34ABFF;
        border: 2px solid #F1F1F1; }
        .pop-img-box .home-pop-img-card-box .img-card-box .select.active .icon-select-subject-color {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff;
          font-size: 12px; }
    .pop-img-box .home-pop-img-card-box .img-card-box img {
      width: 100%;
      height: 100%;
      border-radius: 6px; }
  .pop-img-box .home-pop-img-card-box .upload-card {
    width: 135px;
    height: 164px;
    border: 1px dashed #e3e3e3; }
    .pop-img-box .home-pop-img-card-box .upload-card .cross {
      width: 100%;
      height: 100%;
      position: relative; }
    .pop-img-box .home-pop-img-card-box .upload-card .cross::before, .pop-img-box .home-pop-img-card-box .upload-card .cross::after {
      content: '';
      position: absolute;
      background: #fff;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .pop-img-box .home-pop-img-card-box .upload-card .cross::before {
      width: 14px;
      height: 2px;
      background-color: #909090; }
    .pop-img-box .home-pop-img-card-box .upload-card .cross::after {
      width: 2px;
      height: 14px;
      background-color: #909090; }

.home-page-pop .pop-body .upload-btn-box {
  display: flex;
  align-items: center;
  color: #666;
  margin: 6px 0 16px 0; }
  .home-page-pop .pop-body .upload-btn-box .upload-btn {
    margin-right: 12px;
    padding: 6px;
    border: 1px solid #e3e3e3;
    font-size: 12px; }
    .home-page-pop .pop-body .upload-btn-box .upload-btn .iconfont {
      margin-right: 6px; }
  .home-page-pop .pop-body .upload-btn-box .upload-tips {
    font-size: 12px; }
.home-page-pop .pop-body .upload-img-box {
  width: 270px;
  height: 334px;
  border: 1px dashed #e3e3e3; }
  .home-page-pop .pop-body .upload-img-box img {
    width: 100%;
    height: 100%; }

.ys-box {
  position: absolute;
  top: 50%;
  right: 0;
  width: 380px;
  max-height: 600px;
  min-height: 480px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 24px;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px; }

.ys-login {
  text-align: center;
  padding-top: 40px; }

.ys-tab {
  margin: 20px 0 0;
  font-size: 0;
  border-bottom: 2px solid #20ade5; }

.ys-tab a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  padding: 18px 0;
  color: #20ade5;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  text-align: center; }

.ys-tab a:hover {
  color: #20ade5; }

.ys-tab .active {
  color: #20ade5;
  border-color: #20ade5; }

.ys-tab-box {
  margin-top: 20px; }

.verify-but {
  position: absolute;
  top: 12px;
  right: 0;
  background: transparent;
  border: 0 none;
  font-size: 12px;
  color: #20ade5;
  cursor: pointer; }

.ys-tab-box span {
  display: inline-block;
  width: 18%;
  font-size: 12px;
  color: #666;
  text-align: center;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.ys-tab-box li {
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 16px; }

.ys-tab-box i {
  position: absolute;
  right: -240px;
  top: 12px;
  padding-left: 42px;
  line-height: 32px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 32px 32px; }

.ys-tab-box .txt {
  position: relative;
  border: 0 none;
  line-height: 48px;
  height: 48px;
  color: #333;
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 20px 20px; }

.industry-hover {
  display: inline-block;
  width: 80%; }

.industry-hover:hover .select-industry {
  -webkit-animation: antSlideUpIn .3s;
  animation: antSlideUpIn .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1\0;
  /* ie 8/9 */
  visibility: visible\0;
  /* ie 8/9 */ }

.ys-tab-box .city-box {
  left: -354px;
  top: 50px; }
.ys-tab-box .city-box li {
  margin-top: 0;
  position: relative; }
.ys-tab-box .select-industry {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0%);
  position: absolute;
  left: 64px;
  min-width: 81%;
  font-size: 12px;
  border: 1px solid #e3e3e3;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
  border-radius: 2px;
  background: #FFFFFF;
  z-index: 1;
  max-height: 200px; }
  .ys-tab-box .select-industry li {
    padding: 0 16px;
    line-height: 40px;
    margin: 0;
    cursor: pointer; }
    .ys-tab-box .select-industry li:last-child {
      margin-bottom: 0; }
    .ys-tab-box .select-industry li:hover {
      color: #20ade5; }

@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@-ms-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    visibility: visible; }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible; } }
@-webkit-keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8); } }
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8); } }
.ys-check {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer; }

.ys-tab-foot {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px; }

.ys-tab-foot p {
  display: inline-block;
  width: 49%;
  color: #20ade5; }
  .ys-tab-foot p:last-child {
    text-align: right;
    color: #999; }

.ys-login-txt {
  padding-top: 24px;
  font-size: 12px;
  color: #999999; }
  .ys-login-txt span {
    width: 10px;
    font-size: 12px;
    color: #FE0000; }

.ys-tab-succeed {
  position: absolute;
  top: 20%;
  left: 40%;
  text-align: center; }
  .ys-tab-succeed p {
    font-size: 12px;
    color: #20ade5;
    line-height: 2; }
  .ys-tab-succeed p:last-child {
    font-size: 12px;
    color: #999; }

.img-checked {
  background: url("../images/login_icon_checked.png"); }

.img-warning {
  background: url("../images/login_icon_warning.png") no-repeat; }

.img-ban {
  background: url("../images/login_icon_ban.png") no-repeat; }

.ys-tab-box .phone {
  background-image: url("../images/login_icon_phone.png"); }

.ys-tab-box .user {
  background-image: url("../images/login_icon_user.png"); }

.ys-tab-box .passwd {
  background-image: url("../images/login_icon_password.png"); }

.ys-tab-box .verify {
  background-image: url("../images/login_icon_verify.png"); }

.ys-tab-box .invisible {
  background-image: url("../images/login_icon_invisible.png"); }

.ys-tab-box .visible {
  background-image: url("../images/login_icon_examine.png"); }

.ys-tab-box .examine {
  background-image: url("../images/login_icon_examine.png"); }

.ys-tab-box .down {
  background-image: url("../images/login_icon_down.png") no-repeat right; }

.ys-tab-box .edition {
  padding: 8px 0; }
  .ys-tab-box .edition span {
    display: none;
    width: auto;
    height: auto;
    font-size: 12px;
    color: #333;
    text-align: left; }
  .ys-tab-box .edition:hover span {
    display: block; }

.ys-login-box {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden; }

.ys-login-bg {
  width: 1920px;
  height: 950px;
  background: url("../images/login_box_bg1.png") no-repeat center/100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ys-login-head {
  padding-top: 48px;
  padding-left: 48px; }

.import-page-box {
  padding: 36px 44px; }

.import-page-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 58px; }
  .import-page-head .import-tab {
    flex: 1;
    margin-right: 18px;
    background: rgba(248, 248, 248, 0.5);
    height: 46px;
    line-height: 46px;
    text-align: center; }
    .import-page-head .import-tab .num {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      border-radius: 50%;
      background: #e3e3e3;
      color: #fff;
      font-size: 14px; }
    .import-page-head .import-tab span {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #333;
      padding-left: 8px; }
    .import-page-head .import-tab:last-child {
      margin-right: 0; }
  .import-page-head .import-tab-active {
    background: #c9e5ff; }
    .import-page-head .import-tab-active .num {
      background: #20ade5; }
    .import-page-head .import-tab-active span {
      color: #20ade5; }

.import-info-tit {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px; }

.import-info {
  margin-bottom: 20px;
  padding: 24px;
  background: rgba(248, 248, 248, 0.5); }
  .import-info .txt {
    font-size: 12px;
    margin-bottom: 12px;
    padding-left: 20px;
    color: #999;
    line-height: 1.5; }
    .import-info .txt p {
      margin-bottom: 6px; }

.import-info-main {
  margin-bottom: 10px; }
  .import-info-main .select-width {
    width: 320px; }
  .import-info-main .tit {
    width: 60px; }
  .import-info-main .search-size-max {
    height: 32px;
    line-height: 30px; }
    .import-info-main .search-size-max .select-selection-rendered {
      min-height: 32px;
      height: 32px; }
  .import-info-main .select-selection-multiple .select-selection-rendered li, .import-info-main .select-selection-multiple .select-selection-multiple li {
    height: 24px;
    line-height: 22px; }
  .import-info-main .download-txt {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    line-height: 1em;
    cursor: pointer; }
    .import-info-main .download-txt i {
      font-size: 14px; }

.import-info-select .detail-base {
  border: 0 none; }
  .import-info-select .detail-base p {
    display: inline-block;
    vertical-align: middle; }

.import-box-main {
  width: 500px;
  font-size: 0; }
  .import-box-main .txt {
    display: inline-block;
    vertical-align: middle;
    width: 380px;
    height: 36px;
    font-size: 14px;
    padding-left: 1em;
    background: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 4px 0 0 4px;
    margin: 0;
    line-height: 1em;
    color: #333; }
  .import-box-main .import-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    background: #20ade5;
    color: #fff;
    cursor: pointer; }
    .import-box-main .import-btn input[type="file"] {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }

.import-load-tips {
  text-align: center;
  font-size: 14px;
  color: #666;
  padding-top: 20px; }

.loader {
  box-sizing: border-box;
  display: flex;
  height: 100px;
  align-items: center;
  justify-content: center; }

.ball-spin-fade-loader {
  position: relative; }

.ball-spin-fade-loader > div {
  background-color: #9b9b9b;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute; }

.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
  animation: ball-spin-fade-loader 1s 0s infinite linear; }

.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.04545px;
  left: 17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
  animation: ball-spin-fade-loader 1s 0.12s infinite linear; }

.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
  animation: ball-spin-fade-loader 1s 0.24s infinite linear; }

.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.04545px;
  left: 17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
  animation: ball-spin-fade-loader 1s 0.36s infinite linear; }

.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
  animation: ball-spin-fade-loader 1s 0.48s infinite linear; }

.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.04545px;
  left: -17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
  animation: ball-spin-fade-loader 1s 0.6s infinite linear; }

.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
  animation: ball-spin-fade-loader 1s 0.72s infinite linear; }

.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.04545px;
  left: -17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
  animation: ball-spin-fade-loader 1s 0.84s infinite linear; }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.import-finish-success {
  text-align: center; }
  .import-finish-success .icon {
    display: inline-block;
    width: 60px;
    height: 60px; }
  .import-finish-success .icon-success {
    background: url("../images/lead_in_icon_ok.png") no-repeat center/60px; }
  .import-finish-success h2 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin: 20px 0; }
  .import-finish-success p {
    font-size: 16px;
    color: #333; }

.import-finish-error {
  text-align: center; }
  .import-finish-error h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 50px; }
    .import-finish-error h2 + p {
      margin-bottom: 40px; }
  .import-finish-error p {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px; }
  .import-finish-error .num {
    margin: 20px; }
  .import-finish-error .txt {
    margin-bottom: 40px; }
    .import-finish-error .txt + p {
      margin-bottom: 10px; }
  .import-finish-error button {
    width: 224px;
    height: 40px;
    border: 1px solid #20ade5;
    background: #fff;
    border-radius: 4px;
    color: #20ade5;
    cursor: pointer;
    margin: 20px 0 10px; }
  .import-finish-error .tips {
    font-size: 12px;
    color: #999; }

.import-page-body {
  position: relative;
  padding-bottom: 150px; }

.import-main-head {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }
  .import-main-head .title {
    font-size: 14px;
    margin-right: 18px; }
  .import-main-head .main {
    font-size: 14px; }
  .import-main-head .tips {
    flex: 1;
    font-size: 14px;
    color: #999;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 24px; }
    .import-main-head .tips span {
      margin-right: 100px; }

.import-main-body {
  margin-top: 20px;
  height: calc(100% - 40px); }
  .import-main-body table {
    width: 100%;
    table-layout: fixed; }
  .import-main-body th {
    height: 40px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    background: rgba(248, 248, 248, 0.5);
    text-align: left;
    padding-left: 24px;
    color: #666; }
  .import-main-body .th-width20 {
    width: 20%; }
  .import-main-body td {
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 0 12px 24px;
    font-size: 14px;
    vertical-align: middle;
    color: #666;
    word-break: break-all;
    white-space: normal; }
    .import-main-body td p {
      word-break: break-all;
      display: -webkit-flex;
      display: -webkit-box;
      overflow: hidden;
      white-space: normal !important;
      text-overflow: ellipsis;
      word-wrap: break-word;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .import-main-body td .txt-box p {
      line-height: 1em;
      color: #666;
      word-break: break-all;
      margin-bottom: 8px; }
      .import-main-body td .txt-box p:last-child {
        margin-bottom: 0; }
    .import-main-body td .price-box {
      display: inline-block; }
      .import-main-body td .price-box p {
        color: #666;
        line-height: 1em;
        margin-bottom: 8px; }
        .import-main-body td .price-box p:nth-child(2) {
          color: #20ade5;
          text-decoration: line-through;
          font-size: 12px; }

.apply-page-box {
  padding: 16px;
  display: flex;
  flex-direction: column; }
  .apply-page-box .detail-box {
    padding: 0; }
    .apply-page-box .detail-box h3 {
      width: 100%; }
      .apply-page-box .detail-box h3 span {
        float: right;
        font-size: 12px;
        color: #20ade5;
        cursor: pointer;
        font-weight: normal; }
      .apply-page-box .detail-box h3 i {
        font-size: 12px;
        color: #999;
        font-weight: normal;
        padding-left: 8px; }
    .apply-page-box .detail-box .td-box .select-box {
      margin: 12px;
      width: 140px;
      padding: 0;
      display: inline-block; }
      .apply-page-box .detail-box .td-box .select-box .select-dropdown .select-dropdown-menu-item span {
        text-align: center; }
  .apply-page-box .region-txt {
    display: inline-block;
    color: #20ade5;
    cursor: pointer; }
    .apply-page-box .region-txt:hover {
      color: #7cbeff; }
  .apply-page-box .region-default-txt {
    color: #666; }
    .apply-page-box .region-default-txt:hover {
      color: #666; }
  .apply-page-box .detail-size-table .del:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  .apply-page-box .detail-size-table .del i {
    display: inline-block;
    vertical-align: middle; }
  .apply-page-box .apply-classify-box {
    display: flex;
    align-items: center;
    font-size: 0;
    margin-bottom: 16px; }
    .apply-page-box .apply-classify-box .item {
      flex: 1;
      line-height: 32px;
      width: 120px;
      text-align: center;
      font-size: 14px;
      color: #333;
      cursor: pointer; }
      .apply-page-box .apply-classify-box .item:hover, .apply-page-box .apply-classify-box .item.active {
        color: #20ade5; }

.apply-wrap {
  flex: 1;
  height: 0; }

.apply-box {
  margin: 0 auto;
  font-size: 0;
  min-height: 600px;
  text-align: center; }
  .apply-box .apply-box-placeholder {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 1px;
    margin: 0 6px; }

.apply-card {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 288px;
  margin: 0 6px 20px;
  text-align: left;
  background: #fff;
  cursor: default;
  border: 1px #F5F5F5 solid;
  box-shadow: 0px 2px 13px 0px rgba(137, 137, 137, 0.11);
  border-radius: 4px;
  overflow: hidden; }
  .apply-card .img-box {
    width: 100%;
    height: 176px;
    line-height: 176px;
    text-align: center;
    background: #fff; }
    .apply-card .img-box .svg-icon {
      width: 40px;
      height: 40px; }
  .apply-card .null-thumbnail {
    width: 100%;
    height: 176px;
    line-height: 176px;
    font-size: 14px;
    color: #8C8C8C;
    background: url("../images/null-thumbnail.png") no-repeat center; }
  .apply-card .txt-box {
    font-size: 12px;
    padding: 8px; }
    .apply-card .txt-box h3 {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.6);
      font-weight: bold;
      line-height: 21px;
      cursor: pointer; }
    .apply-card .txt-box .txt {
      font-size: 12px;
      line-height: 21px;
      color: #999;
      height: 42px;
      margin-bottom: 12px; }
    .apply-card .txt-box .ope-box {
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: space-between; }
      .apply-card .txt-box .ope-box .btn-box {
        font-size: 14px;
        color: #8F8F8F; }
        .apply-card .txt-box .ope-box .btn-box .icon-shezhi1 {
          font-size: 16px;
          color: #797979;
          margin-right: 4px; }
        .apply-card .txt-box .ope-box .btn-box .btn-disabled-bd .icon-shezhi {
          color: #999; }
      .apply-card .txt-box .ope-box .setting-btn {
        text-align: right; }
        .apply-card .txt-box .ope-box .setting-btn img {
          cursor: pointer;
          height: 16px;
          width: auto; }
      .apply-card .txt-box .ope-box .btn-switch {
        position: relative;
        display: inline-block;
        width: 28px;
        height: 16px;
        border-radius: 14px;
        background: #999; }
        .apply-card .txt-box .ope-box .btn-switch:after {
          content: '';
          position: absolute;
          top: 2px;
          width: 12px;
          height: 12px;
          transition: all .3s ease-in-out;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.9); }
        .apply-card .txt-box .ope-box .btn-switch.btn-switch-on {
          background: #1890FF; }
          .apply-card .txt-box .ope-box .btn-switch.btn-switch-on:after {
            right: 2px; }
        .apply-card .txt-box .ope-box .btn-switch.btn-switch-off {
          background: #bbb; }
          .apply-card .txt-box .ope-box .btn-switch.btn-switch-off:after {
            left: 2px; }
      .apply-card .txt-box .ope-box .bg-gold {
        background: #F9C03D; }
      .apply-card .txt-box .ope-box span {
        margin-top: 10px;
        float: right;
        line-height: 16px;
        font-size: 14px;
        color: #999; }
        .apply-card .txt-box .ope-box span i {
          font-size: 14px;
          margin-right: 6px; }
      .apply-card .txt-box .ope-box .active {
        color: #20ade5; }
      .apply-card .txt-box .ope-box p {
        font-size: 14px;
        color: #20ade5; }
      .apply-card .txt-box .ope-box .font-txt {
        color: #8F8F8F; }

.apply-setting-box {
  padding: 10px 0 20px;
  border-bottom: 1px solid #e3e3e3; }
  .apply-setting-box .apply-type-box {
    font-size: 0;
    margin-bottom: 20px; }
    .apply-setting-box .apply-type-box p {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      color: #333;
      margin-right: 12px; }
    .apply-setting-box .apply-type-box .setting-btn {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
  .apply-setting-box .txt {
    padding-right: 24px;
    font-size: 12px;
    color: #999; }
  .apply-setting-box .fr {
    cursor: pointer; }

.decoration-list-box {
  border-bottom: 1px solid #e3e3e3;
  padding: 18px 0 26px; }
  .decoration-list-box h3 {
    font-size: 16px;
    color: #333;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: 16px; }
  .decoration-list-box .decoration-list {
    font-size: 0; }
  .decoration-list-box .list-card-bd {
    border-radius: 4px;
    border: 1px solid #e3e3e3; }
    .decoration-list-box .list-card-bd:hover {
      border-color: #20ade5; }
      .decoration-list-box .list-card-bd:hover .icon {
        display: block; }
    .decoration-list-box .list-card-bd .icon {
      display: none;
      position: absolute;
      right: 8px;
      bottom: 8px;
      color: #20ade5;
      border-radius: 50%;
      box-shadow: 0px 2px 2px 0px rgba(46, 46, 46, 0.2); }
  .decoration-list-box .list-card-active {
    border-color: #20ade5; }
    .decoration-list-box .list-card-active .icon {
      display: block; }
  .decoration-list-box .list-card {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 22px; }
    .decoration-list-box .list-card .show-box {
      position: relative;
      width: 160px;
      height: 160px;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      .decoration-list-box .list-card .show-box:hover .ope-box {
        display: block; }
      .decoration-list-box .list-card .show-box .ope-box {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.55); }
        .decoration-list-box .list-card .show-box .ope-box:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 100%;
          width: 0; }
        .decoration-list-box .list-card .show-box .ope-box button {
          display: inline-block;
          vertical-align: middle;
          width: 84px;
          height: 26px;
          background: white;
          border-radius: 13px;
          font-size: 12px;
          color: #333;
          line-height: 26px;
          text-align: center;
          border: 0 none;
          cursor: pointer; }
    .decoration-list-box .list-card p {
      font-size: 12px;
      color: #333;
      line-height: 1em;
      margin-top: 16px; }
    .decoration-list-box .list-card .tips {
      color: #999;
      font-size: 12px;
      margin-top: 10px;
      text-align: left; }

.short-msg-set-box {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e3e3e3; }
  .short-msg-set-box .head {
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3; }
    .short-msg-set-box .head p {
      font-size: 16px;
      color: #333;
      line-height: 1em; }
      .short-msg-set-box .head p span {
        vertical-align: middle; }
      .short-msg-set-box .head p:before {
        content: '';
        display: inline-block;
        height: 1em;
        background: #333;
        width: 2px;
        margin-right: 4px;
        vertical-align: middle; }
  .short-msg-set-box .content {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding-top: 16px; }
    .short-msg-set-box .content.pt50 {
      padding-top: 50px; }
  .short-msg-set-box .left {
    flex: 1; }
    .short-msg-set-box .left .msg-input-box .txt-disable {
      color: #333 !important; }
    .short-msg-set-box .left .tips-box .num {
      font-size: 24px;
      font-weight: bold;
      color: #20ade5;
      margin-bottom: 12px; }
    .short-msg-set-box .left .tips-box .title {
      font-size: 14px;
      color: #999; }
  .short-msg-set-box .right {
    flex: 1;
    padding-top: 14px;
    padding-left: 28px; }
    .short-msg-set-box .right .title {
      font-size: 14px;
      color: #333;
      margin-bottom: 30px; }
    .short-msg-set-box .right .msg-area {
      padding: 24px;
      border-radius: 4px;
      font-size: 14px;
      color: #333;
      border: 1px solid #e3e3e3;
      word-break: break-all;
      max-width: 600px;
      line-height: 1.7; }
    .short-msg-set-box .right .btn-box {
      text-align: right; }
      .short-msg-set-box .right .btn-box .btn {
        width: 100px;
        height: 42px;
        line-height: 40px;
        margin-left: 16px; }
  .short-msg-set-box .set-content {
    padding-top: 16px; }
    .short-msg-set-box .set-content table {
      width: 100%;
      border: 1px solid #e3e3e3; }
    .short-msg-set-box .set-content th {
      height: 40px;
      vertical-align: middle;
      background: #fcfcfc;
      color: #666;
      padding: 10px 24px;
      text-align: left;
      font-weight: normal;
      font-size: 14px; }
      .short-msg-set-box .set-content th .th-head-left, .short-msg-set-box .set-content th .th-head-right {
        display: inline-block;
        vertical-align: middle; }
      .short-msg-set-box .set-content th .th-head-left {
        width: 20%; }
      .short-msg-set-box .set-content th .th-head-right {
        width: 79%;
        padding: 0 24px; }
      .short-msg-set-box .set-content th:first-child {
        text-align: center; }
    .short-msg-set-box .set-content td {
      font-size: 14px;
      color: #333;
      vertical-align: middle;
      height: 40px;
      border: 1px solid #e3e3e3; }
      .short-msg-set-box .set-content td li {
        min-height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #e3e3e3;
        padding: 0 24px; }
        .short-msg-set-box .set-content td li:last-child {
          border-bottom: 0 none; }
      .short-msg-set-box .set-content td .template-name, .short-msg-set-box .set-content td .template-content {
        display: inline-block;
        vertical-align: middle; }
      .short-msg-set-box .set-content td .template-name {
        width: 20%;
        cursor: pointer; }
      .short-msg-set-box .set-content td .template-content {
        width: 79%;
        padding: 0 24px;
        border-left: 1px solid #e3e3e3; }
        .short-msg-set-box .set-content td .template-content span {
          line-height: 1.5; }
      .short-msg-set-box .set-content td:first-child {
        padding: 0 24px;
        text-align: center; }
    .short-msg-set-box .set-content .tips-txt {
      font-size: 12px;
      color: #999;
      margin-top: 24px; }
    .short-msg-set-box .set-content .msg-input-box {
      margin-top: 16px; }
      .short-msg-set-box .set-content .msg-input-box .select-width {
        max-width: 400px; }
        .short-msg-set-box .set-content .msg-input-box .select-width .select-check-title {
          width: 66px; }
  .short-msg-set-box .tips-box {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 1; }
    .short-msg-set-box .tips-box:hover .tips {
      display: block; }
    .short-msg-set-box .tips-box i {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 14px;
      text-align: center;
      font-size: 16px;
      color: #d2d2d2;
      margin-left: 4px; }
    .short-msg-set-box .tips-box .tips {
      display: none;
      position: absolute;
      top: 50%;
      right: -284px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 2;
      font-size: 14px;
      color: #333;
      line-height: 1;
      vertical-align: middle;
      cursor: pointer; }
      .short-msg-set-box .tips-box .tips .txt {
        width: 270px;
        padding: 16px;
        background-color: #ffffff;
        color: #999;
        line-height: 1.5;
        box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
        border-radius: 2px;
        font-size: 12px;
        font-weight: 400;
        text-align: left; }
    .short-msg-set-box .tips-box .tri-up {
      position: absolute;
      top: 50%;
      left: -20px;
      margin-top: -12px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px;
      border-color: transparent #fff transparent transparent; }

.sms-log-box {
  width: 800px;
  min-height: 400px; }
  .sms-log-box .pop-tit {
    padding-left: 24px; }
  .sms-log-box .pop-body {
    padding: 24px; }
  .sms-log-box table {
    width: 100%;
    border: 1px solid #e3e3e3;
    table-layout: fixed; }
  .sms-log-box th {
    height: 40px;
    vertical-align: middle;
    background: #fcfcfc;
    text-align: left;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 24px; }
  .sms-log-box td {
    padding: 10px 24px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e3e3e3; }

.sms-recharge-box {
  width: 600px; }
  .sms-recharge-box .pop-tit {
    padding-left: 24px; }
  .sms-recharge-box .pop-body {
    min-height: 300px;
    padding: 24px; }
  .sms-recharge-box .btn-box {
    text-align: right; }
  .sms-recharge-box dl {
    margin-bottom: 10px; }
  .sms-recharge-box dt {
    font-size: 12px;
    color: #999;
    margin-bottom: 12px;
    line-height: 1em; }
  .sms-recharge-box dd {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    line-height: 1em; }
  .sms-recharge-box .tips {
    margin-top: 16px;
    font-size: 18px;
    color: #999;
    margin-bottom: 40px; }

.ship-set .tips-box {
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 1; }
  .ship-set .tips-box:hover .tips {
    display: block; }
  .ship-set .tips-box i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    font-size: 16px;
    color: #d2d2d2;
    margin-left: 4px; }
  .ship-set .tips-box .tips {
    display: none;
    position: absolute;
    top: 50%;
    right: -396px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    font-size: 14px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer; }
    .ship-set .tips-box .tips .txt {
      width: 381px;
      padding: 16px;
      background-color: #ffffff;
      color: #999;
      line-height: 1.5;
      box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
      border-radius: 2px;
      font-size: 12px;
      font-weight: 400;
      text-align: left; }
  .ship-set .tips-box .tri-up {
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: transparent #fff transparent transparent; }
.ship-set .search-size-max {
  height: 32px;
  line-height: 32px; }

.report-basic-set {
  position: relative; }
  .report-basic-set .report-select-box {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 12px 16px 12px 0; }
  .report-basic-set .report-select-pop-box {
    border: 1px solid #e3e3e3;
    background: #fcfcfc;
    border-radius: 2px;
    position: relative; }
    .report-basic-set .report-select-pop-box:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border-left: 1px solid #e3e3e3;
      border-top: 1px solid #e3e3e3;
      background: #fcfcfc;
      position: absolute;
      top: -5px;
      left: 70px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .report-basic-set .report-select-pop-box .pop-title-tips {
      padding-left: 18px;
      padding-top: 12px;
      font-size: 12px;
      color: #666; }

.pop-invite-help .pop-body {
  text-align: center; }
.pop-invite-help .help-card {
  display: inline-block;
  vertical-align: top;
  padding: 0 32px; }
  .pop-invite-help .help-card h4 {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 6px; }
  .pop-invite-help .help-card p {
    font-size: 12px;
    color: #666; }

.application-explain-box {
  width: 614px;
  margin: 0 auto;
  text-align: center;
  padding-top: 50px; }
  .application-explain-box .title {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    margin-bottom: 16px; }
  .application-explain-box .main {
    margin-bottom: 172px; }
  .application-explain-box .foot {
    font-size: 14px;
    color: #333;
    line-height: 1.5; }
    .application-explain-box .foot .txt:nth-child(1) {
      padding-bottom: 10px;
      border-bottom: 1px solid #e3e3e3; }
    .application-explain-box .foot .txt:nth-child(2) {
      padding-top: 10px; }

.score-help-box {
  text-align: center;
  padding-top: 50px; }
  .score-help-box .title-box .title {
    font-size: 24px;
    color: #20ade5; }
  .score-help-box .title-box .txt {
    font-size: 14px;
    color: #333;
    margin-top: 8px; }
  .score-help-box .main-box {
    margin: 46px 0 80px;
    padding: 0 80px; }
    .score-help-box .main-box table {
      width: 100%;
      table-layout: fixed; }
    .score-help-box .main-box td {
      text-align: center; }

.setting-score-page .help-card {
  position: relative; }
  .setting-score-page .help-card:nth-child(3) {
    margin-right: 16px; }
  .setting-score-page .help-card .num {
    position: absolute;
    top: 18%;
    right: 34%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFF;
    border: 1px solid #20ade5;
    font-size: 12px;
    text-align: center;
    line-height: 20px; }

.login-setting-box {
  padding: 16px 32px;
  border-top: 1px solid #e3e3e3; }
  .login-setting-box .radio-main {
    margin-bottom: 12px; }
  .login-setting-box .link-box {
    width: 600px;
    margin-top: 28px; }
  .login-setting-box .upload-img-btn {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    cursor: pointer; }
    .login-setting-box .upload-img-btn .icon-box {
      width: 40px;
      height: 40px;
      background: #666767;
      border-radius: 50%;
      overflow: hidden;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center;
      color: #fff; }
    .login-setting-box .upload-img-btn .txt-box {
      padding-left: 16px;
      text-align: center;
      color: #333; }
      .login-setting-box .upload-img-btn .txt-box h4 {
        font-size: 20px; }
      .login-setting-box .upload-img-btn .txt-box p {
        font-size: 14px; }

.login-setting-template-box {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .login-setting-template-box .login-main-box {
    width: 430px;
    padding: 0 47px; }
    .login-setting-template-box .login-main-box .logo-box {
      padding: 54px 0;
      text-align: center; }
    .login-setting-template-box .login-main-box .input-box {
      width: 100%;
      height: 40px;
      line-height: 38px;
      border-radius: 4px;
      border: 1px solid #e3e3e3;
      margin-bottom: 16px;
      padding-left: 16px;
      color: #999; }
      .login-setting-template-box .login-main-box .input-box i {
        margin-right: 6px; }
    .login-setting-template-box .login-main-box .ope-box {
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: space-between;
      color: #999; }
      .login-setting-template-box .login-main-box .ope-box i {
        margin-right: 6px; }
    .login-setting-template-box .login-main-box .btn-box {
      width: 100%;
      height: 38px;
      background: #20ade5;
      border-radius: 4px;
      font-size: 12px;
      color: #fff;
      line-height: 38px;
      text-align: center; }

.fouce-mode-box {
  background: white;
  border-radius: 4px;
  max-width: 993px;
  height: 563px;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start; }
  .fouce-mode-box .poster-box {
    width: 563px;
    height: 100%;
    cursor: pointer; }
    .fouce-mode-box .poster-box img {
      width: 100%;
      height: 100%; }

.background-mode-box {
  width: 994px;
  height: 695px;
  position: relative; }
  .background-mode-box .login-main-box {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    padding-bottom: 40px;
    min-height: 512px;
    border: 1px solid #e3e3e3; }
    .background-mode-box .login-main-box .logo-box {
      padding: 44px 0 54px; }
  .background-mode-box .skin-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0 !important;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    zoom: 1; }

.open-setting-box {
  font-size: 14px;
  margin-top: 8px; }
  .open-setting-box .main .checkbox {
    display: inline-block;
    vertical-align: middle; }
  .open-setting-box .main .txt {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #666; }
  .open-setting-box .main .tips-txt {
    display: inline-block;
    vertical-align: middle;
    color: #999; }
  .open-setting-box .tips-main {
    font-size: 12px;
    margin-top: 6px;
    color: #999; }

.sender-list-box {
  padding-top: 16px;
  border-top: 1px solid #e3e3e3; }

.sender-list-main {
  margin-top: 16px; }
  .sender-list-main .sender-card {
    display: inline-flex;
    vertical-align: top;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    margin-right: 16px;
    margin-bottom: 10px;
    width: 280px;
    height: 168px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3; }
    .sender-list-main .sender-card .card-head {
      width: 100%;
      padding: 12px;
      font-size: 12px;
      color: #333;
      vertical-align: middle;
      border-bottom: solid 1px #e3e3e3;
      font-weight: bold;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: flex-start; }
      .sender-list-main .sender-card .card-head .txt-box {
        flex: 1; }
      .sender-list-main .sender-card .card-head .default-txt {
        width: 40px;
        text-align: right; }
    .sender-list-main .sender-card .card-main {
      width: 100%;
      flex: 1;
      padding: 12px; }
      .sender-list-main .sender-card .card-main .txt {
        display: block;
        margin-bottom: 4px;
        font-size: 12px;
        color: #666; }
    .sender-list-main .sender-card .card-footer {
      width: 100%;
      padding: 10px 12px;
      text-align: right; }
      .sender-list-main .sender-card .card-footer .txt-btn {
        display: inline-block;
        vertical-align: middle;
        padding: 0 4px;
        color: #666;
        font-size: 12px;
        cursor: pointer;
        line-height: 1; }
        .sender-list-main .sender-card .card-footer .txt-btn:first-child {
          border-right: 1px solid #e3e3e3; }

.application-setting-box {
  padding: 10px;
  border-bottom: 1px solid #e3e3e3; }
  .application-setting-box .headline {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 4px; }
    .application-setting-box .headline img {
      height: 16px;
      margin-left: 12px; }
  .application-setting-box .intro {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.4); }

.setting-application-page-box .cont-breadcrumb {
  display: none; }
.setting-application-page-box .sys-cont {
  height: calc(100vh - 232px);
  padding: 0; }

.application-list-box .apply-page-box {
  padding: 16px 0; }
.application-list-box .apply-box {
  padding: 0 16px; }

.application-introduction {
  max-width: 1200px;
  margin: 0 auto; }
  .application-introduction .application-explain-rich-text {
    position: relative;
    min-height: 200px;
    margin-top: 52px;
    padding: 40px 40px 24px;
    background: linear-gradient(180deg, #FFFFFF 0%, #EDF7FF 100%);
    border-radius: 8px; }
    .application-introduction .application-explain-rich-text .bg-img {
      position: absolute;
      left: 20px;
      top: -12px;
      width: 124px;
      height: 40px;
      background: url("../images/functional.png") no-repeat center; }

.common-function-box .common-function-row {
  padding: 24px;
  border-bottom: 1px solid #F5F7FC; }
  .common-function-box .common-function-row dt {
    font-size: 16px;
    color: #5C6075;
    margin-bottom: 12px; }
  .common-function-box .common-function-row dd {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    width: 100px;
    height: 100px;
    margin-right: 12px;
    position: relative;
    cursor: pointer; }
    .common-function-box .common-function-row dd.disabled {
      cursor: not-allowed; }
      .common-function-box .common-function-row dd.disabled .iconfont, .common-function-box .common-function-row dd.disabled .title {
        color: #E3E6EC !important; }
    .common-function-box .common-function-row dd .iconfont {
      font-size: 42px;
      color: #7A7F90; }
    .common-function-box .common-function-row dd .title {
      margin-top: 12px;
      font-size: 14px;
      color: #66697D; }
    .common-function-box .common-function-row dd .select {
      position: absolute;
      top: 14%;
      right: 26%;
      width: 24px;
      height: 24px;
      background: #FFFFFF;
      border: 2px solid #EEEEEE;
      border-radius: 50%;
      cursor: pointer; }
      .common-function-box .common-function-row dd .select .icon-select-subject-color {
        display: none; }
      .common-function-box .common-function-row dd .select.active {
        background: #34ABFF;
        border: 2px solid #F1F1F1; }
        .common-function-box .common-function-row dd .select.active .icon-select-subject-color {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff;
          font-size: 12px; }

.report-head {
  padding: 14px 24px;
  box-shadow: 0 1px 0 0 #e3e3e3;
  background: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center; }
  .report-head .search-box {
    flex: 1; }
  .report-head .cont-head-right {
    font-size: 14px;
    color: #20ade5; }
    .report-head .cont-head-right a {
      cursor: pointer; }
  .report-head .btn-group {
    margin-right: 12px;
    border-radius: 2px; }
  .report-head .select-width {
    display: inline-block;
    vertical-align: middle; }
  .report-head .range-size-middle {
    width: auto;
    line-height: normal; }
  .report-head .btn {
    height: 32px;
    line-height: 30px; }
  .report-head .select-range .sel-down, .report-head .select-range .sel-up {
    background-position: 91% center; }
  .report-head .report-head-r {
    margin-top: 8px; }

.report-head-r {
  position: relative; }
  .report-head-r .explain {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-right: 16px;
    cursor: pointer;
    vertical-align: middle; }
    .report-head-r .explain i {
      font-size: 16px; }
    .report-head-r .explain:hover .explain-hover {
      display: block; }
  .report-head-r p {
    cursor: pointer;
    display: inline-block;
    font-size: 14px; }
    .report-head-r p i {
      font-size: 14px; }
    .report-head-r p:last-child {
      margin-left: 12px; }

.region-head-tips .explain-hover .tri {
  left: 70%; }

.explain-hover {
  display: none;
  position: absolute;
  top: 40px;
  right: 18px;
  min-width: 300px;
  padding: 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #f0f0f0;
  z-index: 1;
  font-size: 12px; }
  .explain-hover li {
    margin-bottom: 12px; }
    .explain-hover li:last-child {
      margin-bottom: 0; }
  .explain-hover .tri {
    position: absolute;
    top: -30px;
    left: 72%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px;
    border-color: transparent transparent #ffffff transparent; }

.line {
  height: 12px;
  width: 100%;
  background: #EAEFF4; }

.report-tab {
  height: 50px;
  background: #f5f5f5;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3; }
  .report-tab .tab {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 100%;
    line-height: 50px;
    border-top: 2px solid transparent;
    background: transparent;
    color: #333;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #e3e3e3; }
  .report-tab .tab-active {
    border-top: 2px solid #20ade5;
    background: #fff;
    color: #20ade5; }

.report-select-box {
  padding: 16px 24px; }
  .report-select-box .select-box {
    vertical-align: middle;
    display: inline-block;
    width: 140px;
    padding: 0;
    margin: 0 12px 0 0; }
  .report-select-box .filtrate-input-box {
    position: relative;
    height: 100%;
    width: 100%; }
  .report-select-box .search-size-max {
    line-height: 32px;
    height: 32px; }
  .report-select-box .select-multiple-box.search-size-max .select-selection-rendered {
    min-height: 32px;
    height: 32px; }
  .report-select-box .select-dropdown {
    top: 32px; }

.datum-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 24px; }
  .datum-box .datum {
    flex: 1; }
  .datum-box .user-card-box {
    width: 200px; }

.datum ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }
.datum li {
  flex: 1;
  text-align: center;
  padding: 28px 0;
  height: 100px;
  display: inline-block;
  border-right: 1px solid #e3e3e3; }
  .datum li .iconfont {
    cursor: pointer;
    font-size: 12px; }
  .datum li .iconfont:hover + .explain-hover {
    display: block; }
  .datum li:first-child {
    margin: 0; }
  .datum li:last-child {
    border: 0 none; }
.datum .explain-hover {
  top: 39px;
  left: -2px;
  right: auto; }
  .datum .explain-hover .tri {
    top: -16px;
    left: 67%;
    border-width: 8px 10px; }
.datum .tit {
  position: relative;
  font-size: 12px;
  color: #666;
  line-height: 2; }
.datum p {
  font-size: 12px;
  color: #666;
  line-height: 2; }
.datum .num {
  font-size: 18px;
  line-height: 2;
  font-weight: 600;
  margin-right: 2px; }
.datum .datum-tips .explain-box-hover {
  display: inline-block;
  position: relative; }
.datum .datum-tips .explain-hover {
  top: 29px;
  left: -99px;
  right: auto; }
  .datum .datum-tips .explain-hover .tri {
    top: -16px;
    left: 79%;
    border-width: 8px 10px; }

.graph-data-box {
  padding: 16px 24px;
  background: #ffffff;
  position: relative;
  min-height: 300px; }
  .graph-data-box .list-null-box {
    top: 24px;
    min-height: 300px; }
    .graph-data-box .list-null-box .ys-empty-box {
      margin-top: 0; }
  .graph-data-box .graph-data-head {
    display: inline-block;
    margin-bottom: 18px; }
    .graph-data-box .graph-data-head .time {
      font-size: 0;
      float: right; }
      .graph-data-box .graph-data-head .time span {
        display: inline-block;
        width: 40px;
        height: 20px;
        margin-right: 10px;
        border-radius: 4px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #666;
        cursor: pointer; }
        .graph-data-box .graph-data-head .time span:hover {
          background: #7cbeff;
          color: #ffffff; }
  .graph-data-box .radio {
    display: inline-block; }
    .graph-data-box .radio .tips {
      display: inline-block; }
  .graph-data-box .cube {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #a1f0f5;
    margin-right: 16px; }
  .graph-data-box .pie-chart {
    padding: 0 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    .graph-data-box .pie-chart .ys-empty-box {
      position: absolute;
      top: 0; }
  .graph-data-box .pie-chart-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-left: 66px; }
    .graph-data-box .pie-chart-txt li {
      margin-bottom: 16px; }
      .graph-data-box .pie-chart-txt li:last-child {
        margin-bottom: 0; }
    .graph-data-box .pie-chart-txt span {
      vertical-align: middle;
      font-size: 12px;
      text-align: left;
      color: #666; }
  .graph-data-box .graph-data-txt {
    vertical-align: middle;
    display: inline-block;
    font-size: 0;
    margin-left: 24px; }
    .graph-data-box .graph-data-txt li {
      margin-bottom: 16px; }
      .graph-data-box .graph-data-txt li:last-child {
        margin-bottom: 0; }
      .graph-data-box .graph-data-txt li span {
        font-size: 12px;
        text-align: left;
        color: #666;
        margin-right: 24px;
        line-height: 20px; }
        .graph-data-box .graph-data-txt li span:last-child {
          margin-right: 0; }

.employee-report {
  padding: 0; }
  .employee-report .graph-data-table {
    margin-top: 0; }
    .employee-report .graph-data-table table {
      border: 0 none; }
    .employee-report .graph-data-table td {
      border: 0 none;
      border-bottom: 1px solid #e3e3e3; }
  .employee-report .list-null-box {
    top: 160px; }

.graph-data-table {
  width: 100%;
  min-width: 800px;
  margin-top: 34px; }
  .graph-data-table .graph-data-table-head {
    border: 1px solid #e3e3e3;
    background: #fcfcfc;
    line-height: 48px;
    font-size: 12px;
    color: #666;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px; }
    .graph-data-table .graph-data-table-head i {
      font-size: 12px;
      margin-left: 8px; }
  .graph-data-table table {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-collapse: collapse; }
  .graph-data-table tr:hover .table-hover {
    display: block; }
  .graph-data-table th {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 0 #e3e3e3;
    background: #fcfcfc;
    line-height: 48px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-align: center;
    padding: 0 10px;
    white-space: nowrap; }
    .graph-data-table th:hover {
      cursor: default; }
  .graph-data-table td {
    position: relative;
    min-height: 40px;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    border: 1px solid #e3e3e3;
    text-align: center;
    padding: 1em; }
    .graph-data-table td:first-child {
      width: 300px; }
    .graph-data-table td .info-box {
      display: flex;
      justify-content: flex-start;
      align-content: center;
      align-items: center; }
      .graph-data-table td .info-box .txt-box {
        flex: 1;
        width: 0;
        padding-left: 16px; }
        .graph-data-table td .info-box .txt-box .tit {
          margin-bottom: 8px; }
      .graph-data-table td .info-box .img-box {
        width: 48px;
        height: 48px;
        margin: 4px 0;
        position: relative;
        border: 1px solid #f5f5f5;
        overflow: hidden; }
        .graph-data-table td .info-box .img-box img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .graph-data-table td .table-hover {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      border: 0 none;
      background: #A3BBD4;
      box-shadow: none;
      text-align: center;
      cursor: pointer;
      white-space: normal;
      word-break: normal;
      width: -moz-max-content;
      width: max-content; }
      .graph-data-table td .table-hover a {
        display: inline-block;
        padding-right: 24px;
        color: #FFFFFF;
        height: 100%;
        vertical-align: middle; }
        .graph-data-table td .table-hover a:first-child {
          padding-left: 24px; }
        .graph-data-table td .table-hover a:before {
          content: "";
          display: inline-block;
          width: 0;
          height: 100%;
          vertical-align: middle; }
    .graph-data-table td .table-hover:empty {
      min-width: 0;
      width: 0;
      padding: 0; }
  .graph-data-table .packUpBtn {
    width: 46px;
    height: 46px;
    box-shadow: 0 0 5px 0 rgba(55, 61, 63, 0.19);
    border-radius: 4px;
    position: fixed;
    bottom: 48px;
    right: 48px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #e3e3e3;
    text-align: center;
    background: #fff;
    line-height: 52px; }
    .graph-data-table .packUpBtn:before {
      content: "";
      display: inline-block;
      background: url("../images/common_icon_arrow_up_1.png") no-repeat center;
      width: 12px;
      height: 6px;
      position: absolute;
      top: 6px;
      left: 50%;
      margin-left: -6px; }

.report-body {
  height: calc(100% - 78px); }

.report-body-height {
  height: 93%; }
  .report-body-height .graph-data-box {
    height: 100%; }
  .report-body-height .graph-data-table {
    min-width: auto;
    margin-top: 0;
    height: 100%; }
  .report-body-height .graph-data-table-body {
    height: calc(100% - 220px); }

.echarts-tooltip-box {
  display: inline-block;
  padding-bottom: 10px; }
  .echarts-tooltip-box .echarts-tooltip-head {
    display: block;
    background: #f5f5f5;
    color: #333;
    line-height: 32px;
    font-size: 14px;
    padding: 0 12px;
    margin-bottom: 10px; }
  .echarts-tooltip-box .echarts-tooltip-body {
    padding: 0 12px; }

.notice-page-box {
  padding: 0 16px; }

.notice-page-head {
  padding-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e3e3e3; }
  .notice-page-head .notice-title {
    font-size: 24px;
    color: #333;
    line-height: 1em;
    padding-bottom: 10px; }
  .notice-page-head .notice-time {
    font-size: 12px;
    color: #999; }

.notice-page-body {
  padding: 24px 0; }
  .notice-page-body .notice-content {
    line-height: 1.5;
    font-size: medium;
    padding-bottom: 60px;
    word-break: break-all; }
    .notice-page-body .notice-content img {
      max-width: 1000px;
      margin: 12px;
      box-shadow: 0 0 16px 0 #eaeef2; }

.notice-attachment {
  border-top: 1px solid #e3e3e3; }
  .notice-attachment .attachment-tit {
    padding: 12px 0;
    font-size: 14px; }
  .notice-attachment .attachment-list {
    margin-bottom: 12px; }
    .notice-attachment .attachment-list .attachment-img {
      display: inline-block;
      vertical-align: middle;
      width: 36px;
      height: 36px; }
      .notice-attachment .attachment-list .attachment-img .svg-icon {
        width: 100%;
        height: 100%; }
      .notice-attachment .attachment-list .attachment-img img {
        width: 100%;
        height: 100%; }
    .notice-attachment .attachment-list .attachment-name {
      padding-left: 16px;
      display: inline-block;
      vertical-align: middle;
      color: #666;
      font-size: 12px; }

.procedure-box {
  height: 84px;
  padding: 18px 0;
  border-bottom: 1px solid #e3e3e3; }
  .procedure-box .step {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
    text-align: center; }
    .procedure-box .step .iconfont {
      color: #999;
      font-size: 24px; }
    .procedure-box .step .step-active {
      color: #20ade5; }
    .procedure-box .step p {
      margin-top: 6px; }
  .procedure-box .arrow {
    display: inline-flex;
    vertical-align: middle;
    width: 6%;
    height: 8px;
    margin: -28px 10px 0;
    justify-content: flex-start;
    align-content: center;
    align-items: center; }
    .procedure-box .arrow:before {
      content: "";
      flex: 1;
      height: 0;
      border-bottom: 1px dashed #999; }
    .procedure-box .arrow:after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 8px solid #999;
      border-top: 4px solid transparent;
      border-right: 4px solid transparent;
      border-bottom: 4px solid transparent; }
  .procedure-box .on:before {
    border-bottom-color: #20ade5; }
  .procedure-box .on:after {
    border-left-color: #20ade5; }

.sys-page-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  height: 100vh; }

.sys-box {
  font-size: 0;
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  height: 100%;
  width: 0; }

.sys-right {
  width: 100%;
  background: #F5F7FC;
  flex: 1;
  height: 0; }

.sys-cont {
  position: relative;
  padding: 0 12px;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  flex-direction: column; }

.ys-header {
  position: relative;
  height: 59px;
  background: #fff !important;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3);
  z-index: 3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 0 12px;
  width: 100%; }
  .ys-header .menu-unfold {
    color: #5C6075;
    cursor: pointer;
    align-self: center; }
    .ys-header .menu-unfold i {
      font-size: 12px; }
  .ys-header .ys-header-tab {
    flex: 1;
    background: #fff; }
    .ys-header .ys-header-tab .ys-header-label {
      display: inline-block;
      padding: 0 12px;
      font-size: 0; }
      .ys-header .ys-header-tab .ys-header-label .ys-head-list {
        position: relative;
        display: inline-block;
        min-width: 100px;
        text-align: center;
        line-height: 36px;
        height: 36px;
        border-radius: 18px;
        padding: 0 24px 0 8px;
        font-size: 14px;
        color: #66697D;
        cursor: pointer;
        background: #EBEBEB;
        margin-right: 12px; }
        .ys-header .ys-header-tab .ys-header-label .ys-head-list:hover, .ys-header .ys-header-tab .ys-header-label .ys-head-list.active {
          background: #20ade5;
          color: #fff;
          position: relative;
          z-index: 1; }
        .ys-header .ys-header-tab .ys-header-label .ys-head-list:hover .ys-head-close {
          display: block; }
      .ys-header .ys-header-tab .ys-header-label .ys-head-close {
        position: absolute;
        top: 50%;
        right: 8px;
        z-index: 1;
        transform: translateY(-50%) scale(0.5);
        font-size: 12px;
        line-height: 1; }
  .ys-header .ys-header-menu-box {
    height: 100%; }
    .ys-header .ys-header-menu-box .mask {
      top: 1px;
      left: 1px;
      right: 1px;
      bottom: 1px;
      background: none; }
  .ys-header .menu-switch {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    margin-right: 10px; }
    .ys-header .menu-switch .iconfont {
      font-size: 24px; }
  .ys-header .menu-version {
    display: inline-block;
    vertical-align: middle; }
    .ys-header .menu-version .ys-img-version {
      position: relative;
      display: inline-block;
      width: 26px;
      height: 26px;
      background: url("../images/top_icon_version_updating_n.png") no-repeat center/100%; }
      .ys-header .menu-version .ys-img-version:hover {
        background: url("../images/top_icon_version_updating_s.png") no-repeat center/100%; }
  .ys-header .menu-message-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
    z-index: 5;
    cursor: pointer; }
    .ys-header .menu-message-box:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0; }
    .ys-header .menu-message-box:hover .menu-message-img {
      opacity: .8; }
    .ys-header .menu-message-box .menu-message-img {
      display: inline-block;
      vertical-align: middle;
      position: relative; }
      .ys-header .menu-message-box .menu-message-img .num {
        position: absolute;
        top: -10px;
        right: -10px;
        font-size: 12px;
        color: #fff;
        background: #FF3838;
        border-radius: 50px;
        padding: 2px 6px; }
      .ys-header .menu-message-box .menu-message-img .ys-img-message {
        display: inline-block;
        width: 26px;
        height: 26px;
        font-size: 26px;
        color: #5C6075; }
    .ys-header .menu-message-box .menu-message-list-box {
      width: 460px;
      height: 490px;
      display: block;
      position: absolute;
      top: 57px;
      right: -54px;
      background: #fff;
      box-shadow: 0 0 10px 0 #DCDCDD;
      border-radius: 2px; }
      .ys-header .menu-message-box .menu-message-list-box .menu-message-list-head {
        height: 48px;
        line-height: 48px;
        color: #333;
        font-size: 16px;
        padding: 0 16px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        border-bottom: 1px solid #e3e3e3; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-head .tab {
          flex: 1;
          text-align: center;
          cursor: pointer;
          position: relative; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-head .tab:hover {
            color: #20ade5; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-head .tab .num {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            color: #20ade5;
            border-radius: 50%;
            border: 1px solid #20ade5;
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            margin-left: 2px;
            margin-top: -4px; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-head .active {
          color: #20ade5; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-head .active:after {
            content: "";
            height: 3px;
            background: #20ade5;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0; }
      .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main {
        height: 394px;
        width: 100%;
        max-height: 394px;
        overflow: hidden; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .list-null-box {
          position: static;
          margin-top: 150px; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card {
          padding: 12px 16px;
          border-bottom: 1px solid #e3e3e3;
          cursor: pointer; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card:hover {
            background: #f0fbff; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card .title-box {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: flex-start;
            width: 100%;
            margin-bottom: 12px; }
            .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card .title-box .label {
              font-size: 12px;
              color: #fff;
              background: #F9C03D;
              border-radius: 4px;
              padding: 2px 4px; }
            .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card .title-box .main {
              flex: 1;
              width: 0;
              font-size: 14px;
              color: #666; }
            .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card .title-box .num {
              font-size: 8pt;
              color: #20ade5;
              border-radius: 50%;
              border: 1px solid #20ade5;
              padding: 2px 4px; }
            .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card .title-box .dot {
              width: 6px;
              height: 6px;
              background: #FF3838;
              border-radius: 50%; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .menu-message-card .time {
            font-size: 12px;
            color: #999; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .more {
          height: 48px;
          line-height: 48px;
          color: #999;
          font-size: 14px;
          text-align: center;
          width: 100%; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-main .ys-empty-box {
          margin-top: 32px; }
      .ys-header .menu-message-box .menu-message-list-box .menu-message-list-foot {
        height: 48px;
        color: #999;
        font-size: 14px;
        text-align: center;
        width: 100%;
        border-top: 1px solid #e3e3e3;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center; }
        .ys-header .menu-message-box .menu-message-list-box .menu-message-list-foot .opt-btn {
          flex: 1;
          font-size: 14px;
          color: #20ade5;
          text-align: center;
          cursor: pointer; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-foot .opt-btn:hover {
            color: #7cbeff; }
          .ys-header .menu-message-box .menu-message-list-box .menu-message-list-foot .opt-btn .iconfont {
            margin-right: 4px; }
  .ys-header .menu-head-img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    height: 100%;
    padding-left: 22px;
    z-index: 5; }
    .ys-header .menu-head-img:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0; }
    .ys-header .menu-head-img:hover .head-img-box {
      opacity: .8; }
    .ys-header .menu-head-img .head-img-box {
      height: 32px;
      width: 32px;
      border-radius: 50%;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle; }
      .ys-header .menu-head-img .head-img-box img {
        height: 32px;
        width: 32px; }
    .ys-header .menu-head-img .head-svg-box {
      height: 32px;
      width: 32px;
      border-radius: 50%;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle; }
      .ys-header .menu-head-img .head-svg-box .svg-icon {
        height: 32px;
        width: 32px; }
  .ys-header .menu-list {
    display: block;
    width: 250px;
    position: absolute;
    top: 58px;
    right: 0;
    background: #fff;
    box-shadow: 0 0 10px 0 #DCDCDD;
    border-radius: 2px; }
  .ys-header .menu-list-head {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #e3e3e3; }
    .ys-header .menu-list-head .img-box {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      overflow: hidden; }
      .ys-header .menu-list-head .img-box img, .ys-header .menu-list-head .img-box .svg-icon {
        width: 42px;
        height: 42px; }
    .ys-header .menu-list-head .txt-box {
      flex: 1;
      padding-left: 10px;
      background: url("../images/goods_icon_9_arrow.png") no-repeat right center/16px;
      cursor: pointer; }
      .ys-header .menu-list-head .txt-box .name {
        font-size: 16px;
        color: #333;
        line-height: 1;
        margin-bottom: 8px; }
      .ys-header .menu-list-head .txt-box .post {
        font-size: 12px;
        color: #999;
        line-height: 1; }
  .ys-header .menu-list-body {
    padding-top: 10px; }
  .ys-header .menu-card {
    padding: 10px 16px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    cursor: pointer; }
    .ys-header .menu-card:hover {
      background: #f0fbff; }
    .ys-header .menu-card .menu-icon {
      color: #333;
      font-size: 16px;
      width: 16px; }
    .ys-header .menu-card .menu-tit {
      flex: 1;
      font-size: 14px;
      line-height: 1;
      color: #333;
      padding-left: 12px; }
      .ys-header .menu-card .menu-tit .tel {
        padding-left: 10px;
        font-size: 12px;
        color: #999; }
  .ys-header .menu-list-footer {
    padding-bottom: 10px; }
  .ys-header .ys-header-loading {
    width: 28px; }

.sys-page-box-eb382f .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-eb382f .ys-header .ys-header-tab .ys-head-list.active {
  background: #eb382f; }

.sys-page-box-fb6321 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-fb6321 .ys-header .ys-header-tab .ys-head-list.active {
  background: #fb6321; }

.sys-page-box-cd5511 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-cd5511 .ys-header .ys-header-tab .ys-head-list.active {
  background: #cd5511; }

.sys-page-box-dbaf58 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-dbaf58 .ys-header .ys-header-tab .ys-head-list.active {
  background: #dbaf58; }

.sys-page-box-fab414 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-fab414 .ys-header .ys-header-tab .ys-head-list.active {
  background: #fab414; }

.sys-page-box-23982d .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-23982d .ys-header .ys-header-tab .ys-head-list.active {
  background: #23982d; }

.sys-page-box-f566d3 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-f566d3 .ys-header .ys-header-tab .ys-head-list.active {
  background: #f566d3; }

.sys-page-box-c38cfa .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-c38cfa .ys-header .ys-header-tab .ys-head-list.active {
  background: #c38cfa; }

.sys-page-box-1c69e6 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-1c69e6 .ys-header .ys-header-tab .ys-head-list.active {
  background: #1c69e6; }

.sys-page-box-20ade5 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-20ade5 .ys-header .ys-header-tab .ys-head-list.active {
  background: #20ade5; }

.sys-page-box-0ec2b9 .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-0ec2b9 .ys-header .ys-header-tab .ys-head-list.active {
  background: #0ec2b9; }

.sys-page-box-1b1b1b .ys-header .ys-header-tab .ys-head-list:hover, .sys-page-box-1b1b1b .ys-header .ys-header-tab .ys-head-list.active {
  background: #1b1b1b; }

.ys-header-logo {
  width: 100%;
  height: 59px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  background: #fff !important;
  box-shadow: 0px 0px 6px 0px rgba(72, 89, 102, 0.1); }
  .ys-header-logo .big-img {
    width: 100px;
    max-height: 57px; }
  .ys-header-logo .small-img {
    width: 40px; }

.sys-menu-box {
  width: 120px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column; }
  .sys-menu-box li {
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 0; }
    .sys-menu-box li:hover {
      background: #F0F4FC !important; }
      .sys-menu-box li:hover .menu-tit {
        color: #708891 !important; }
      .sys-menu-box li:hover .pop-menu-box {
        display: flex; }
    .sys-menu-box li:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 0;
      height: 100%; }
    .sys-menu-box li .menu-tit-box {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      width: calc(100% - 1px);
      cursor: pointer; }
      .sys-menu-box li .menu-tit-box .iconfont {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        color: #708891; }
      .sys-menu-box li .menu-tit-box .svg-box {
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px; }
        .sys-menu-box li .menu-tit-box .svg-box .svg-icon {
          width: 100%;
          height: 100%; }
      .sys-menu-box li .menu-tit-box .hover-svg {
        display: none; }
      .sys-menu-box li .menu-tit-box .menu-tit {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        color: #708891;
        padding-left: 16px; }

.menu-nfold-width {
  width: 60px !important; }
  .menu-nfold-width .pop-menu-box {
    left: 60px !important; }

.sys-menu-body-top {
  padding-top: 10px;
  flex: 1;
  width: 100%; }

.sys-menu-body-bottom {
  padding-bottom: 40px;
  width: 100%; }
  .sys-menu-body-bottom .pop-menu-box {
    top: auto;
    bottom: 0; }

.pop-menu-box {
  display: none;
  position: absolute;
  top: 0;
  left: 120px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: 1px solid #F2F2F2;
  z-index: 3;
  padding: 24px 0 8px;
  max-width: 630px;
  flex-wrap: wrap; }
  .pop-menu-box dl {
    flex: 1;
    max-width: 150px;
    padding: 0 24px;
    margin-bottom: 16px; }
    .pop-menu-box dl:not(:first-child) {
      position: relative; }
      .pop-menu-box dl:not(:first-child):before {
        content: "";
        display: inline-block;
        width: 1px;
        background: #F1F1F3;
        opacity: .69;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0; }
  .pop-menu-box dt {
    font-size: 12px;
    color: #B5B6C0;
    line-height: 20px;
    margin-bottom: 4px; }
  .pop-menu-box dd {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    font-size: 14px;
    color: #66697D;
    line-height: 24px;
    margin-bottom: 4px;
    cursor: pointer; }
    .pop-menu-box dd:hover {
      color: #20ade5; }

.notice-img-box {
  width: 960px;
  text-align: center;
  background: transparent; }
  .notice-img-box .img-body {
    height: 500px;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    cursor: pointer; }
    .notice-img-box .img-body img {
      width: 100%;
      height: 100%; }
  .notice-img-box .close {
    margin-top: 24px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden; }
    .notice-img-box .close .iconfont {
      font-size: 28px;
      color: #fff; }

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

.set-theme-box {
  position: fixed;
  top: 58px;
  right: 0;
  bottom: 0;
  width: 340px;
  background: #fff;
  z-index: 9;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  visibility: visible;
  -webkit-transform: translate3d(110%, 0, 0);
  transform: translate3d(110%, 0, 0); }
  .set-theme-box .head-box {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    position: relative; }
    .set-theme-box .head-box .close {
      position: absolute;
      top: 50%;
      right: 16px;
      color: #666;
      font-size: 14px;
      cursor: pointer;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .set-theme-box .body-box {
    width: 100%;
    flex: 1;
    padding: 0 16px;
    height: 0; }
    .set-theme-box .body-box h3 {
      font-size: 14px;
      font-weight: bold;
      color: #333;
      line-height: 1em;
      padding: 16px 0 8px; }
    .set-theme-box .body-box .theme-main-box {
      font-size: 0;
      border-bottom: 1px solid #e3e3e3;
      padding-bottom: 8px; }
      .set-theme-box .body-box .theme-main-box .theme-card {
        display: inline-block;
        vertical-align: top;
        width: 32px;
        height: 32px;
        border-radius: 2px;
        cursor: pointer;
        background: #eb382f;
        margin-right: 8px;
        margin-bottom: 8px;
        position: relative; }
        .set-theme-box .body-box .theme-main-box .theme-card i {
          display: none;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          color: #fff;
          font-size: 12px; }
        .set-theme-box .body-box .theme-main-box .theme-card.active i {
          display: block; }
      .set-theme-box .body-box .theme-main-box .theme-eb382f {
        background: #eb382f; }
        .set-theme-box .body-box .theme-main-box .theme-eb382f:hover {
          box-shadow: 0 3px 5px 0 rgba(235, 56, 47, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-fb6321 {
        background: #fb6321; }
        .set-theme-box .body-box .theme-main-box .theme-fb6321:hover {
          box-shadow: 0 3px 5px 0 rgba(251, 99, 33, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-cd5511 {
        background: #cd5511; }
        .set-theme-box .body-box .theme-main-box .theme-cd5511:hover {
          box-shadow: 0 3px 5px 0 rgba(205, 85, 17, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-dbaf58 {
        background: #dbaf58; }
        .set-theme-box .body-box .theme-main-box .theme-dbaf58:hover {
          box-shadow: 0 3px 5px 0 rgba(219, 175, 88, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-fab414 {
        background: #fab414; }
        .set-theme-box .body-box .theme-main-box .theme-fab414:hover {
          box-shadow: 0 3px 5px 0 rgba(250, 180, 20, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-23982d {
        background: #23982d; }
        .set-theme-box .body-box .theme-main-box .theme-23982d:hover {
          box-shadow: 0 3px 5px 0 rgba(35, 152, 45, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-f566d3 {
        background: #f566d3; }
        .set-theme-box .body-box .theme-main-box .theme-f566d3:hover {
          box-shadow: 0 3px 5px 0 rgba(245, 102, 211, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-c38cfa {
        background: #c38cfa; }
        .set-theme-box .body-box .theme-main-box .theme-c38cfa:hover {
          box-shadow: 0 3px 5px 0 rgba(195, 140, 250, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-1c69e6 {
        background: #1c69e6; }
        .set-theme-box .body-box .theme-main-box .theme-1c69e6:hover {
          box-shadow: 0 3px 5px 0 rgba(28, 105, 230, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-20ade5 {
        background: #20ade5; }
        .set-theme-box .body-box .theme-main-box .theme-20ade5:hover {
          box-shadow: 0 3px 5px 0 rgba(32, 173, 229, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-0ec2b9 {
        background: #0ec2b9; }
        .set-theme-box .body-box .theme-main-box .theme-0ec2b9:hover {
          box-shadow: 0 3px 5px 0 rgba(14, 194, 185, 0.5); }
      .set-theme-box .body-box .theme-main-box .theme-1b1b1b {
        background: #1b1b1b; }
        .set-theme-box .body-box .theme-main-box .theme-1b1b1b:hover {
          box-shadow: 0 3px 5px 0 rgba(27, 27, 27, 0.5); }
    .set-theme-box .body-box .logo-upload-box {
      padding-top: 8px; }
      .set-theme-box .body-box .logo-upload-box .logo-upload-card {
        margin-bottom: 10px; }
        .set-theme-box .body-box .logo-upload-box .logo-upload-card .tit {
          font-size: 12px;
          font-weight: bold;
          color: #333;
          margin-bottom: 8px; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .tit span {
            font-weight: normal;
            color: #999; }
        .set-theme-box .body-box .logo-upload-box .logo-upload-card .main {
          display: flex;
          align-items: center;
          align-content: center;
          justify-content: flex-start; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .logo-box {
            border: 1px solid #e3e3e3; }
            .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .logo-box img {
              width: 100%;
              height: 100%; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .big-logo {
            width: 100px;
            height: 40px; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .small-logo {
            width: 40px;
            height: 40px; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .btn-box {
            flex: 1;
            text-align: right; }
            .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .btn-box .btn {
              width: 72px;
              height: 24px;
              line-height: 24px;
              padding: 0;
              text-align: center;
              font-size: 12px; }
              .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .btn-box .btn + .btn {
                margin-left: 8px; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-eb382f {
            background: #eb382f; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-fb6321 {
            background: #fb6321; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-cd5511 {
            background: #cd5511; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-dbaf58 {
            background: #dbaf58; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-fab414 {
            background: #fab414; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-23982d {
            background: #23982d; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-f566d3 {
            background: #f566d3; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-c38cfa {
            background: #c38cfa; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-1c69e6 {
            background: #1c69e6; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-20ade5 {
            background: #20ade5; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-0ec2b9 {
            background: #0ec2b9; }
          .set-theme-box .body-box .logo-upload-box .logo-upload-card .main .bg-1b1b1b {
            background: #1b1b1b; }
    .set-theme-box .body-box .select-dropdown {
      width: 100%; }
  .set-theme-box .footer-box {
    width: 100%;
    padding: 10px 8px;
    border-top: 1px solid #e3e3e3;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
    .set-theme-box .footer-box .btn {
      flex: 1;
      margin: 0 8px;
      height: 40px;
      line-height: 40px; }
  .set-theme-box .area-box .detail-explain {
    border: 0 none;
    padding-top: 10px; }
    .set-theme-box .area-box .detail-explain textarea {
      height: 200px; }
  .set-theme-box .area-box .file-upload-btn-box {
    color: #999; }
  .set-theme-box .link-btn {
    font-size: 14px;
    color: #20ade5;
    cursor: pointer;
    margin-top: 16px; }

.sys-page-box-eb382f .ys-header-logo {
  background: #eb382f; }
.sys-page-box-eb382f .ys-header {
  background: #eb382f; }
.sys-page-box-eb382f .sys-menu-box li .menu-tit-box .menu-tit {
  color: #997C7A !important; }
.sys-page-box-eb382f .sys-menu-box li:hover .menu-tit {
  color: #eb382f !important; }
.sys-page-box-eb382f .pop-menu-box dd:hover {
  color: #eb382f; }
.sys-page-box-eb382f .sys-menu-box li:hover, .sys-page-box-eb382f .ys-header .menu-card:hover {
  background: rgba(235, 56, 47, 0.16); }
.sys-page-box-eb382f .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #eb382f; }

.sys-page-box-fb6321 .ys-header-logo {
  background: #fb6321; }
.sys-page-box-fb6321 .ys-header {
  background: #fb6321; }
.sys-page-box-fb6321 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #A8897B !important; }
.sys-page-box-fb6321 .sys-menu-box li:hover .menu-tit {
  color: #fb6321 !important; }
.sys-page-box-fb6321 .pop-menu-box dd:hover {
  color: #fb6321; }
.sys-page-box-fb6321 .sys-menu-box li:hover, .sys-page-box-fb6321 .ys-header .menu-card:hover {
  background: rgba(251, 99, 33, 0.16); }
.sys-page-box-fb6321 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #fb6321; }

.sys-page-box-cd5511 .ys-header-logo {
  background: #cd5511; }
.sys-page-box-cd5511 .ys-header {
  background: #cd5511; }
.sys-page-box-cd5511 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #7A6153 !important; }
.sys-page-box-cd5511 .sys-menu-box li:hover .menu-tit {
  color: #cd5511 !important; }
.sys-page-box-cd5511 .pop-menu-box dd:hover {
  color: #cd5511; }
.sys-page-box-cd5511 .sys-menu-box li:hover, .sys-page-box-cd5511 .ys-header .menu-card:hover {
  background: rgba(205, 85, 17, 0.16); }
.sys-page-box-cd5511 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #cd5511; }

.sys-page-box-dbaf58 .ys-header-logo {
  background: #dbaf58; }
.sys-page-box-dbaf58 .ys-header {
  background: #dbaf58; }
.sys-page-box-dbaf58 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #8A816E !important; }
.sys-page-box-dbaf58 .sys-menu-box li:hover .menu-tit {
  color: #dbaf58 !important; }
.sys-page-box-dbaf58 .pop-menu-box dd:hover {
  color: #dbaf58; }
.sys-page-box-dbaf58 .sys-menu-box li:hover, .sys-page-box-dbaf58 .ys-header .menu-card:hover {
  background: rgba(219, 175, 88, 0.16); }
.sys-page-box-dbaf58 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #dbaf58; }

.sys-page-box-fab414 .ys-header-logo {
  background: #fab414; }
.sys-page-box-fab414 .ys-header {
  background: #fab414; }
.sys-page-box-fab414 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #A89872 !important; }
.sys-page-box-fab414 .sys-menu-box li:hover .menu-tit {
  color: #fab414 !important; }
.sys-page-box-fab414 .pop-menu-box dd:hover {
  color: #fab414; }
.sys-page-box-fab414 .sys-menu-box li:hover, .sys-page-box-fab414 .ys-header .menu-card:hover {
  background: rgba(250, 180, 20, 0.16); }
.sys-page-box-fab414 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #fab414; }

.sys-page-box-23982d .ys-header-logo {
  background: #23982d; }
.sys-page-box-23982d .ys-header {
  background: #23982d; }
.sys-page-box-23982d .sys-menu-box li .menu-tit-box .menu-tit {
  color: #6A806C !important; }
.sys-page-box-23982d .sys-menu-box li:hover .menu-tit {
  color: #23982d !important; }
.sys-page-box-23982d .pop-menu-box dd:hover {
  color: #23982d; }
.sys-page-box-23982d .sys-menu-box li:hover, .sys-page-box-23982d .ys-header .menu-card:hover {
  background: rgba(35, 152, 45, 0.16); }
.sys-page-box-23982d .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #23982d; }

.sys-page-box-f566d3 .ys-header-logo {
  background: #f566d3; }
.sys-page-box-f566d3 .ys-header {
  background: #f566d3; }
.sys-page-box-f566d3 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #A3869C !important; }
.sys-page-box-f566d3 .sys-menu-box li:hover .menu-tit {
  color: #f566d3 !important; }
.sys-page-box-f566d3 .pop-menu-box dd:hover {
  color: #f566d3; }
.sys-page-box-f566d3 .sys-menu-box li:hover, .sys-page-box-f566d3 .ys-header .menu-card:hover {
  background: rgba(245, 102, 211, 0.16); }
.sys-page-box-f566d3 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #f566d3; }

.sys-page-box-c38cfa .ys-header-logo {
  background: #c38cfa; }
.sys-page-box-c38cfa .ys-header {
  background: #c38cfa; }
.sys-page-box-c38cfa .sys-menu-box li .menu-tit-box .menu-tit {
  color: #9D91A8 !important; }
.sys-page-box-c38cfa .sys-menu-box li:hover .menu-tit {
  color: #c38cfa !important; }
.sys-page-box-c38cfa .pop-menu-box dd:hover {
  color: #c38cfa; }
.sys-page-box-c38cfa .sys-menu-box li:hover, .sys-page-box-c38cfa .ys-header .menu-card:hover {
  background: rgba(195, 140, 250, 0.16); }
.sys-page-box-c38cfa .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #c38cfa; }

.sys-page-box-1c69e6 .ys-header-logo {
  background: #1c69e6; }
.sys-page-box-1c69e6 .ys-header {
  background: #1c69e6; }
.sys-page-box-1c69e6 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #6A7A94 !important; }
.sys-page-box-1c69e6 .sys-menu-box li:hover .menu-tit {
  color: #1c69e6 !important; }
.sys-page-box-1c69e6 .pop-menu-box dd:hover {
  color: #1c69e6; }
.sys-page-box-1c69e6 .sys-menu-box li:hover, .sys-page-box-1c69e6 .ys-header .menu-card:hover {
  background: rgba(28, 105, 230, 0.16); }
.sys-page-box-1c69e6 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #1c69e6; }

.sys-page-box-20ade5 .ys-header-logo {
  background: #20ade5; }
.sys-page-box-20ade5 .ys-header {
  background: #20ade5; }
.sys-page-box-20ade5 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #6D8994 !important; }
.sys-page-box-20ade5 .sys-menu-box li:hover .menu-tit {
  color: #20ade5 !important; }
.sys-page-box-20ade5 .pop-menu-box dd:hover {
  color: #20ade5; }
.sys-page-box-20ade5 .sys-menu-box li:hover, .sys-page-box-20ade5 .ys-header .menu-card:hover {
  background: rgba(32, 173, 229, 0.16); }
.sys-page-box-20ade5 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #20ade5; }

.sys-page-box-0ec2b9 .ys-header-logo {
  background: #0ec2b9; }
.sys-page-box-0ec2b9 .ys-header {
  background: #0ec2b9; }
.sys-page-box-0ec2b9 .sys-menu-box li .menu-tit-box .menu-tit {
  color: #4B706E !important; }
.sys-page-box-0ec2b9 .sys-menu-box li:hover .menu-tit {
  color: #0ec2b9 !important; }
.sys-page-box-0ec2b9 .pop-menu-box dd:hover {
  color: #0ec2b9; }
.sys-page-box-0ec2b9 .sys-menu-box li:hover, .sys-page-box-0ec2b9 .ys-header .menu-card:hover {
  background: rgba(14, 194, 185, 0.16); }
.sys-page-box-0ec2b9 .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #0ec2b9; }

.sys-page-box-1b1b1b .ys-header-logo {
  background: #1b1b1b; }
.sys-page-box-1b1b1b .ys-header {
  background: #1b1b1b; }
.sys-page-box-1b1b1b .sys-menu-box li .menu-tit-box .menu-tit {
  color: #888888 !important; }
.sys-page-box-1b1b1b .sys-menu-box li:hover .menu-tit {
  color: #1b1b1b !important; }
.sys-page-box-1b1b1b .pop-menu-box dd:hover {
  color: #1b1b1b; }
.sys-page-box-1b1b1b .sys-menu-box li:hover, .sys-page-box-1b1b1b .ys-header .menu-card:hover {
  background: rgba(27, 27, 27, 0.16); }
.sys-page-box-1b1b1b .retail-order-pop-max-box .retail-order-pop-max-head-box {
  background: #1b1b1b; }

.flex-box {
  display: flex; }
  .flex-box .home-chart-card-box, .flex-box .data-info-cart-box {
    width: 50%; }
  .flex-box .home-chart-card-box:nth-child(1) {
    margin-right: 12px; }
  .flex-box .data-info-cart-box:nth-child(1) {
    margin-right: 12px;
    height: 266px; }

.home-chart-card-box .chart-card-head .operate-box .select-check-main .select-multiple-box {
  min-height: 32px;
  height: 32px; }
  .home-chart-card-box .chart-card-head .operate-box .select-check-main .select-multiple-box .select-selection-multiple .select-selection-rendered {
    min-height: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #F0F1F7;
    border: none; }
.home-chart-card-box .‌summary-card-box {
  display: flex;
  padding: 16px;
  border-radius: 4px;
  background: linear-gradient(180deg, #F0F4FC 0%, rgba(240, 244, 252, 0.5) 100%);
  margin-bottom: 16px; }
  .home-chart-card-box .‌summary-card-box .‌summary-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin-right: 16px;
    position: relative;
    font-family: "PingFang SC"; }
    .home-chart-card-box .‌summary-card-box .‌summary-card .divider {
      position: absolute;
      top: 50%;
      right: -8px;
      transform: translateY(-50%);
      width: 1px;
      height: 32px;
      background-color: rgba(0, 0, 0, 0.15); }
    .home-chart-card-box .‌summary-card-box .‌summary-card .title {
      color: #66697D;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 8px; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .title i {
        color: rgba(102, 105, 125, 0.5);
        margin-left: 8px; }
    .home-chart-card-box .‌summary-card-box .‌summary-card .total {
      color: #323440;
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 16px; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .total i {
        font-size: 14px;
        font-weight: 600; }
    .home-chart-card-box .‌summary-card-box .‌summary-card .info-box {
      display: flex;
      align-items: center; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .info-box .txt {
        color: #66697D;
        font-size: 14px;
        font-weight: 400;
        margin-right: 2px; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .info-box .price {
        color: #323440;
        font-size: 14px;
        font-weight: 400;
        margin-right: 4px; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .info-box .svg-box {
        margin-right: 2px; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .info-box .percent {
        font-size: 14px;
        font-weight: 400;
        color: #FF3838; }
      .home-chart-card-box .‌summary-card-box .‌summary-card .info-box .percent-down {
        color: #2DC31D; }
  .home-chart-card-box .‌summary-card-box .‌summary-card:nth-child(6) {
    margin-right: 0; }

.home-cont-page {
  height: 100%;
  background: #EAEFF4 !important;
  padding: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }

.home-cont-left {
  height: 100%;
  flex: 1;
  margin-right: 12px;
  font-size: 0;
  width: 0; }

.home-cont-left-width {
  min-width: 730px !important; }

.data-info-cart-box {
  border-radius: 4px;
  background: #fff;
  margin-bottom: 12px;
  padding: 0 16px;
  height: 180px; }
  .data-info-cart-box .cart-head {
    height: 48px;
    line-height: 47px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start; }
    .data-info-cart-box .cart-head .title {
      flex: 1;
      color: #323440;
      font-family: "PingFang SC";
      font-size: 16px;
      font-weight: 600; }
      .data-info-cart-box .cart-head .title i {
        color: #999;
        cursor: pointer; }
  .data-info-cart-box .cart-body {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px 0 12px; }
    .data-info-cart-box .cart-body .main-box {
      flex: 1;
      text-align: center; }
      .data-info-cart-box .cart-body .main-box .num-txt {
        font-size: 24px;
        color: #4A4F52;
        font-weight: bold;
        height: 66px;
        line-height: 66px;
        margin-bottom: 12px; }
      .data-info-cart-box .cart-body .main-box .tit {
        font-size: 14px;
        color: #666;
        line-height: 1; }
    .data-info-cart-box .cart-body .backlog-box {
      display: inline-block;
      width: 66px;
      height: 66px;
      background: #f0fbff;
      border-radius: 50%;
      text-align: center;
      position: relative;
      margin-bottom: 12px; }
      .data-info-cart-box .cart-body .backlog-box:hover {
        cursor: pointer;
        background: #f0fbff; }
      .data-info-cart-box .cart-body .backlog-box:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%; }
      .data-info-cart-box .cart-body .backlog-box .svg-icon {
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: middle; }
      .data-info-cart-box .cart-body .backlog-box .num {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 1;
        font-size: 12px;
        padding: 2px 4px;
        color: #20ade5;
        background: #fff;
        border: 1px solid #20ade5;
        border-radius: 9px; }
    .data-info-cart-box .cart-body .icon-txt-num-box {
      display: flex;
      align-content: center;
      align-items: center; }
      .data-info-cart-box .cart-body .icon-txt-num-box .icon-box {
        width: 66px;
        height: 66px;
        background: #f0fbff;
        border-radius: 50%;
        text-align: center;
        line-height: 66px; }
        .data-info-cart-box .cart-body .icon-txt-num-box .icon-box .svg-icon {
          width: 36px;
          height: 36px;
          display: inline-block;
          vertical-align: middle; }
      .data-info-cart-box .cart-body .icon-txt-num-box .info-box {
        padding-left: 16px;
        flex: 1;
        text-align: left; }
        .data-info-cart-box .cart-body .icon-txt-num-box .info-box .tit {
          font-size: 14px;
          color: #999;
          line-height: 1em;
          margin-bottom: 16px; }
        .data-info-cart-box .cart-body .icon-txt-num-box .info-box .num {
          font-size: 24px;
          color: #4A4F52;
          font-weight: bold;
          line-height: 1em; }
  .data-info-cart-box .percentage-complete {
    margin-bottom: 12px; }
  .data-info-cart-box .operate-box .operate {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #9b9b9b;
    margin-left: 16px;
    cursor: pointer; }
    .data-info-cart-box .operate-box .operate i {
      font-size: 12px;
      margin-left: 4px; }
  .data-info-cart-box .grid-card-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    font-size: 14px; }
    .data-info-cart-box .grid-card-body.grid-5 {
      grid-template-columns: repeat(5, 1fr); }
      .data-info-cart-box .grid-card-body.grid-5 .main-box {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        text-align: center !important;
        background: linear-gradient(0deg, rgba(32, 173, 229, 0.06) 0%, rgba(32, 173, 229, 0.06) 100%);
        transition: all 0.5s; }
      .data-info-cart-box .grid-card-body.grid-5 .main-box:hover {
        transform: scale(1.1); }
    .data-info-cart-box .grid-card-body.grid-1 {
      grid-template-columns: repeat(1, 1fr); }
      .data-info-cart-box .grid-card-body.grid-1 .main-box {
        text-align: center !important; }
    .data-info-cart-box .grid-card-body .main-box {
      height: 48px;
      text-align: left; }
      .data-info-cart-box .grid-card-body .main-box .content-box {
        height: 100%;
        border-bottom: 1px solid #F5F7FC;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        max-width: 100%;
        min-width: 184px;
        transition: all .5s; }
        .data-info-cart-box .grid-card-body .main-box .content-box .tit {
          display: flex;
          align-content: center;
          align-items: center;
          font-size: 14px;
          color: #5C6075; }
          .data-info-cart-box .grid-card-body .main-box .content-box .tit .icon-box {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            color: #fff;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 8px; }
        .data-info-cart-box .grid-card-body .main-box .content-box .num-txt {
          padding-left: 16px;
          flex: 1;
          text-align: right;
          color: #5C6075;
          font-size: 18px;
          font-weight: 700; }
      .data-info-cart-box .grid-card-body .main-box .content-box:hover {
        transform: scale(1.1); }
    .data-info-cart-box .grid-card-body .today-situation-main-box {
      border-radius: 4px;
      height: 64px;
      padding: 8px 16px;
      background: linear-gradient(0deg, rgba(32, 173, 229, 0.06) 0%, rgba(32, 173, 229, 0.06) 100%); }
      .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box {
        height: 100%;
        border-bottom: 1px solid #F5F7FC;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        max-width: 100%;
        min-width: 184px;
        transition: all .5s; }
        .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit {
          display: flex;
          align-content: center;
          align-items: center;
          font-size: 14px;
          color: #5C6075; }
          .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit .icon-box {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            color: #fff;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 16px; }
          .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit .today-situation-info-box .num-txt {
            color: #323440;
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 4px; }
            .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit .today-situation-info-box .num-txt .percent {
              color: #5C6075;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              margin-left: 2px; }
          .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit .today-situation-info-box .text {
            color: #66697D;
            font-size: 14px;
            font-weight: 400; }
            .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit .today-situation-info-box .text .txt {
              margin-right: 2px; }
            .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box .tit .today-situation-info-box .text .unit {
              color: rgba(102, 105, 125, 0.5);
              font-size: 14px;
              font-weight: 400; }
      .data-info-cart-box .grid-card-body .today-situation-main-box .today-situation-content-box:hover {
        transform: scale(1.1); }
    .data-info-cart-box .grid-card-body .common-function-item-box {
      position: relative;
      cursor: pointer; }
      .data-info-cart-box .grid-card-body .common-function-item-box.disabled {
        cursor: not-allowed; }
        .data-info-cart-box .grid-card-body .common-function-item-box.disabled .iconfont, .data-info-cart-box .grid-card-body .common-function-item-box.disabled .title {
          color: #E3E6EC !important; }
      .data-info-cart-box .grid-card-body .common-function-item-box .dot-box {
        position: absolute;
        top: -4%;
        right: 43%;
        display: inline-block;
        min-width: 16px;
        height: 16px;
        font-size: 12px;
        color: #fff;
        background: #FF5333;
        text-align: center;
        line-height: 16px;
        border-radius: 16px;
        padding: 0 4px; }
      .data-info-cart-box .grid-card-body .common-function-item-box .iconfont {
        font-size: 42px;
        color: #7A7F90; }
      .data-info-cart-box .grid-card-body .common-function-item-box .icon-icon-function-231 {
        font-size: 39px; }
      .data-info-cart-box .grid-card-body .common-function-item-box .title {
        font-size: 14px;
        color: #66697D; }

.data-info-cart-box-width {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 4px); }

.data-info-cart-box-tow-line {
  height: auto; }
  .data-info-cart-box-tow-line .cart-body .main-box .num-txt {
    height: 30px;
    line-height: 30px; }

.home-data-date-box {
  height: 38px;
  line-height: 38px;
  background: #fff;
  font-size: 0;
  margin-bottom: 8px; }
  .home-data-date-box .date-txt {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
    cursor: pointer; }
  .home-data-date-box .active {
    color: #20ade5; }

.‌summary-info-list {
  padding: 8px 16px 8px 0; }
  .‌summary-info-list .‌summary-item {
    display: flex;
    justify-content: space-between;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    margin-bottom: 4px; }
    .‌summary-info-list .‌summary-item:hover {
      border-radius: 4px;
      background: #F0F4FC; }
    .‌summary-info-list .‌summary-item .client-box {
      display: flex;
      align-items: center; }
      .‌summary-info-list .‌summary-item .client-box .serial {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        color: #5C6075;
        font-size: 12px;
        font-weight: 600;
        margin-right: 4px;
        background: rgba(92, 96, 117, 0.15);
        border-radius: 50%; }
        .‌summary-info-list .‌summary-item .client-box .serial.active {
          background: #5C6075;
          color: #fff; }
      .‌summary-info-list .‌summary-item .client-box .name, .‌summary-info-list .‌summary-item .client-box .client-type {
        overflow: hidden;
        color: #666;
        text-overflow: ellipsis;
        font-size: 14px;
        font-weight: 400; }
    .‌summary-info-list .‌summary-item .price {
      color: #323440;
      font-size: 14px;
      font-weight: 400; }

.home-chart-card-box {
  background: #fff;
  margin-bottom: 12px;
  padding: 0 15px;
  border-radius: 4px; }
  .home-chart-card-box .chart-card-head {
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center; }
    .home-chart-card-box .chart-card-head .title {
      flex: 1;
      color: #323440;
      font-family: "PingFang SC";
      font-size: 16px;
      font-weight: 600; }
    .home-chart-card-box .chart-card-head .operate-box {
      display: flex;
      align-items: center;
      align-content: center; }
      .home-chart-card-box .chart-card-head .operate-box .operate {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #9b9b9b;
        margin-left: 16px;
        cursor: pointer; }
        .home-chart-card-box .chart-card-head .operate-box .operate i {
          font-size: 12px;
          margin-left: 4px; }
      .home-chart-card-box .chart-card-head .operate-box .select-check-main {
        margin-bottom: 0; }
  .home-chart-card-box .chart-card-body .card-head {
    padding: 16px 0;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center; }
    .home-chart-card-box .chart-card-body .card-head .sort-box {
      flex: 1; }
    .home-chart-card-box .chart-card-body .card-head .check-operate {
      font-size: 12px;
      color: #4a4a4a;
      cursor: pointer; }
      .home-chart-card-box .chart-card-body .card-head .check-operate .iconfont {
        margin-right: 6px; }
  .home-chart-card-box .chart-card-body .card-main {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start; }
    .home-chart-card-box .chart-card-body .card-main .chart-box {
      flex: 1;
      width: 0; }
    .home-chart-card-box .chart-card-body .card-main .operation-‌summary-info-box‌ {
      width: 504px;
      height: 310px;
      padding: 0 16px; }
      .home-chart-card-box .chart-card-body .card-main .operation-‌summary-info-box‌ .‌summary-info-title‌ {
        padding: 15px 0 14px 0;
        height: 48px;
        color: #323440;
        font-size: 16px;
        font-weight: 600; }
    .home-chart-card-box .chart-card-body .card-main .info-box {
      width: 160px; }
      .home-chart-card-box .chart-card-body .card-main .info-box .info-card {
        padding: 24px 16px 18px; }
        .home-chart-card-box .chart-card-body .card-main .info-box .info-card .tit {
          font-size: 12px;
          color: #999;
          margin-bottom: 8px; }
        .home-chart-card-box .chart-card-body .card-main .info-box .info-card .price {
          font-size: 24px;
          color: #66697D; }
          .home-chart-card-box .chart-card-body .card-main .info-box .info-card .price.txt {
            font-size: 20px;
            color: #66697D; }
    .home-chart-card-box .chart-card-body .card-main .list-title {
      font-size: 14px;
      color: #333;
      padding-top: 16px;
      padding-bottom: 6px; }
    .home-chart-card-box .chart-card-body .card-main .list-box {
      flex: 1;
      font-size: 0;
      width: 0; }
      .home-chart-card-box .chart-card-body .card-main .list-box ul {
        display: inline-block;
        vertical-align: top;
        width: 94%;
        font-size: 12px; }
        .home-chart-card-box .chart-card-body .card-main .list-box ul:first-child li:nth-child(1) .num, .home-chart-card-box .chart-card-body .card-main .list-box ul:first-child li:nth-child(2) .num, .home-chart-card-box .chart-card-body .card-main .list-box ul:first-child li:nth-child(3) .num {
          background: #5C6075;
          color: #fff; }
      .home-chart-card-box .chart-card-body .card-main .list-box li {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        line-height: 1em;
        margin-bottom: 18px;
        padding-right: 10px; }
        .home-chart-card-box .chart-card-body .card-main .list-box li .num {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: rgba(92, 96, 117, 0.15);
          color: #5C6075;
          font-size: 12px;
          font-weight: 600; }
        .home-chart-card-box .chart-card-body .card-main .list-box li .name {
          flex: 1;
          text-align: left;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          font-size: 14px;
          color: #666;
          padding-left: 8px;
          line-height: 1.2; }
        .home-chart-card-box .chart-card-body .card-main .list-box li .price {
          font-size: 14px;
          color: #333; }
      .home-chart-card-box .chart-card-body .card-main .list-box .hd {
        display: none; }
  .home-chart-card-box .chart-card-body .line-chart-box {
    height: 276px;
    width: calc(100% - 170px) !important; }
  .home-chart-card-box .chart-card-body .pie-chart-box {
    flex: none !important;
    width: 200px !important;
    text-align: center;
    position: relative;
    height: 206px; }

.home-contras-box {
  background: #fff;
  margin-bottom: 8px; }
  .home-contras-box h2 {
    margin: 0 16px;
    line-height: 47px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    color: #333;
    font-weight: bold; }
  .home-contras-box li {
    position: relative;
    float: left;
    width: 33%;
    min-height: 244px;
    padding: 20px 20px 0;
    text-align: center;
    font-size: 12px;
    color: #666;
    font-weight: 600;
    line-height: 2; }
    .home-contras-box li:after {
      content: "";
      position: absolute;
      right: 0;
      top: 46px;
      width: 1px;
      height: 160px;
      background: #e3e3e3; }
    .home-contras-box li:last-child:after {
      display: none; }
  .home-contras-box span {
    display: inline-block;
    padding-right: 16px;
    font-weight: 400; }
  .home-contras-box .color-g {
    color: #65D142; }
  .home-contras-box .color-r {
    color: #FF3838; }
  .home-contras-box .home-contras {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .home-contras-box .home-contras .dis-inb {
      padding: 0 24px; }
    .home-contras-box .home-contras p {
      font-size: 12px;
      color: #999999;
      line-height: 2.4;
      font-weight: 400; }
    .home-contras-box .home-contras canvas {
      cursor: default !important; }
  .home-contras-box .home-contras-a {
    width: 24px;
    height: 110px;
    margin: 0 16px; }

.home-info-box {
  margin: 0 16px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 0; }
  .home-info-box .home-info-list {
    display: inline-block;
    width: 19.99%;
    text-align: center;
    padding: 36px 0;
    cursor: pointer; }
    .home-info-box .home-info-list h1 {
      font-size: 32px;
      color: #666; }
    .home-info-box .home-info-list p {
      font-size: 16px;
      color: #999;
      padding-top: 12px; }
    .home-info-box .home-info-list:hover {
      background: #F1F8FF; }

.home-info-body {
  font-size: 0;
  margin: 0 16px; }
  .home-info-body .home-info-list {
    display: inline-block;
    width: 24.99%;
    padding: 18px 20px;
    text-align: center;
    cursor: pointer; }
    .home-info-body .home-info-list p {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      color: #999;
      padding-right: 12px; }
    .home-info-body .home-info-list h1 {
      display: inline-block;
      vertical-align: middle;
      font-size: 32px; }
    .home-info-body .home-info-list:hover {
      background: #F1F8FF; }

.home-report-box {
  background: #fff; }
  .home-report-box .home-report-head {
    border-bottom: 1px solid #e3e3e3;
    margin: 0 16px; }
  .home-report-box h2 {
    display: inline-block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 47px; }
  .home-report-box .home-report-time {
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #999999;
    float: right;
    margin-top: 20px; }
    .home-report-box .home-report-time .pull-down {
      padding-right: 18px;
      background: url("../images/home_icon_weekly_select_time_down.png") no-repeat right; }
    .home-report-box .home-report-time:hover .pull-down-time {
      display: block; }
    .home-report-box .home-report-time:hover .pull-down {
      background: url("../images/home_icon_weekly_select_time_up.png") no-repeat right; }
    .home-report-box .home-report-time .pull-down-time {
      position: absolute;
      left: 0;
      top: 14px;
      display: none;
      background: #FFFFFF;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
      text-align: center;
      width: 100%;
      z-index: 1; }
    .home-report-box .home-report-time li {
      line-height: 2; }
      .home-report-box .home-report-time li:hover {
        color: #20ade5; }
  .home-report-box .home-report {
    margin: 16px 0; }
    .home-report-box .home-report p {
      position: relative;
      width: 49%;
      display: inline-block;
      text-align: center;
      font-size: 20px;
      color: #1a1a1a;
      line-height: 1.5; }
      .home-report-box .home-report p:after {
        content: "";
        position: absolute;
        top: 10px;
        right: 0;
        display: block;
        width: 1px;
        height: 34px;
        background: #e3e3e3; }
      .home-report-box .home-report p:last-child:after {
        display: none; }
    .home-report-box .home-report span {
      display: block;
      font-size: 12px;
      color: #999; }
  .home-report-box .line-echarts {
    width: 100%;
    height: 264px; }
    .home-report-box .line-echarts canvas {
      width: 100% !important; }

.home-up {
  background: url("../images/home_icon_performance_high.png") no-repeat right; }

.home-down {
  background: url("../images/home_icon_performance_low.png") no-repeat right; }

.home-cont-right {
  height: 100%;
  width: 306px;
  overflow-x: hidden; }

.home-info-cart {
  border-radius: 4px;
  background: #fff;
  padding: 16px;
  margin-bottom: 12px; }
  .home-info-cart .cart-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center; }
    .home-info-cart .cart-title .shop-entry {
      font-size: 14px;
      border: 1px dashed #D9D9D9;
      width: 100%;
      height: 36px;
      line-height: 36px;
      text-align: center;
      color: #66697D;
      margin-top: 18px;
      cursor: pointer; }
    .home-info-cart .cart-title .tit {
      flex: 1;
      color: #323440;
      font-family: "PingFang SC";
      font-size: 16px;
      font-weight: 600; }
    .home-info-cart .cart-title .more {
      font-size: 12px;
      color: #5C6075;
      cursor: pointer; }
      .home-info-cart .cart-title .more i {
        padding-left: 4px;
        font-size: 12px; }
  .home-info-cart .cart-body {
    padding: 16px 0 0;
    position: relative; }
  .home-info-cart .home-list-null {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .home-info-cart .home-list-null img {
      width: 80%; }
    .home-info-cart .home-list-null p {
      font-size: 12px;
      margin-top: 12px;
      color: #999; }
  .home-info-cart .company-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    line-height: 1;
    margin-bottom: 12px; }
    .home-info-cart .company-title .title {
      flex: 1;
      font-size: 16px;
      color: #66697D;
      width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .home-info-cart .company-title .generalize {
      font-size: 12px;
      color: #20ade5;
      cursor: pointer; }
      .home-info-cart .company-title .generalize i {
        padding-left: 4px;
        font-size: 12px; }
  .home-info-cart .version-type {
    font-size: 14px;
    color: #66697D;
    line-height: 1;
    margin-bottom: 12px; }
    .home-info-cart .version-type img {
      width: 20px;
      height: 20px; }
  .home-info-cart .time-box {
    font-size: 14px;
    color: #66697D;
    line-height: 1;
    margin-bottom: 12px; }
  .home-info-cart .tips-box {
    font-size: 12px;
    color: #FA3815;
    line-height: 1; }
  .home-info-cart .cart-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start; }
    .home-info-cart .cart-main .shop-card-box {
      display: inline-flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      vertical-align: top;
      width: 136px;
      height: 48px;
      line-height: 46px;
      border-radius: 2px;
      border: 1px solid #F5F5F5;
      color: #9B9B9B;
      font-size: 14px;
      text-align: center;
      position: relative;
      cursor: pointer; }
      .home-info-cart .cart-main .shop-card-box .iconfont {
        color: #C0C4CC;
        font-size: 24px;
        line-height: 1;
        margin-right: 8px; }
      .home-info-cart .cart-main .shop-card-box:hover {
        border-color: #20ade5; }
        .home-info-cart .cart-main .shop-card-box:hover .qr-code-box {
          display: block; }
      .home-info-cart .cart-main .shop-card-box .qr-code-box {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 0;
        background: #fff;
        padding: 8px;
        border-radius: 6px;
        box-shadow: 0 2px 4px 0 rgba(147, 147, 147, 0.5);
        line-height: 1; }
        .home-info-cart .cart-main .shop-card-box .qr-code-box:before {
          content: "";
          display: inline-block;
          width: 10px;
          height: 10px;
          position: absolute;
          bottom: -5px;
          left: 16px;
          background: #fff;
          box-shadow: 0 2px 4px 0 rgba(147, 147, 147, 0.5);
          transform: rotate(-40deg); }
        .home-info-cart .cart-main .shop-card-box .qr-code-box:after {
          content: "";
          display: inline-block;
          height: 8px;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          border-radius: 6px;
          background: #fff; }
    .home-info-cart .cart-main .set-QRcode-box {
      width: 138px;
      height: 118px;
      border: 1px solid #f5f5f5;
      border-radius: 2px;
      cursor: pointer; }
      .home-info-cart .cart-main .set-QRcode-box:hover .img-def {
        display: none; }
      .home-info-cart .cart-main .set-QRcode-box:hover .img-hover {
        display: block; }
      .home-info-cart .cart-main .set-QRcode-box img {
        width: 136px;
        height: 116px; }
      .home-info-cart .cart-main .set-QRcode-box .img-hover {
        display: none; }
      .home-info-cart .cart-main .set-QRcode-box .qrcode-box {
        text-align: center;
        height: 100%; }
        .home-info-cart .cart-main .set-QRcode-box .qrcode-box:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 100%;
          width: 0; }
        .home-info-cart .cart-main .set-QRcode-box .qrcode-box img {
          display: inline-block;
          vertical-align: middle;
          width: 110px;
          height: 110px; }
        .home-info-cart .cart-main .set-QRcode-box .qrcode-box qrcode {
          display: inline-block;
          vertical-align: middle; }
  .home-info-cart .contact-us-box {
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #F2F4F4;
    margin-top: 16px; }
  .home-info-cart .tel-txt {
    text-align: center;
    margin-bottom: 16px; }
    .home-info-cart .tel-txt .iconfont {
      font-size: 28px;
      color: #C0C4CC; }
    .home-info-cart .tel-txt i, .home-info-cart .tel-txt span {
      display: inline-block;
      vertical-align: middle; }
    .home-info-cart .tel-txt span {
      padding-left: 18px;
      font-size: 20px;
      color: #333; }
  .home-info-cart .contact-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start; }
    .home-info-cart .contact-box .service-QQ, .home-info-cart .contact-box .service-online {
      width: 124px;
      height: 32px;
      border-radius: 2px;
      border: 1px solid #f5f5f5;
      text-align: center;
      line-height: 30px;
      cursor: pointer; }
      .home-info-cart .contact-box .service-QQ:hover .iconfont, .home-info-cart .contact-box .service-QQ:hover span, .home-info-cart .contact-box .service-online:hover .iconfont, .home-info-cart .contact-box .service-online:hover span {
        color: #20ade5; }
      .home-info-cart .contact-box .service-QQ .iconfont, .home-info-cart .contact-box .service-online .iconfont {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        color: #C0C4CC; }
      .home-info-cart .contact-box .service-QQ span, .home-info-cart .contact-box .service-online span {
        display: inline-block;
        vertical-align: middle;
        padding-left: 12px;
        font-size: 14px;
        color: #9B9B9B; }
  .home-info-cart li {
    margin-bottom: 16px; }
    .home-info-cart li:last-child {
      margin-bottom: 0; }
    .home-info-cart li h4 {
      font-size: 14px;
      color: #333;
      line-height: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: 6px; }
    .home-info-cart li p {
      line-height: 1;
      font-size: 12px;
      color: #999; }
  .home-info-cart .download-card-box {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start; }
    .home-info-cart .download-card-box .download-card {
      width: 137px;
      height: 137px;
      padding: 16px;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      border-radius: 2px;
      border: 1px solid #F5F5F5;
      position: relative; }
      .home-info-cart .download-card-box .download-card:hover .img {
        display: flex; }
      .home-info-cart .download-card-box .download-card .main {
        text-align: center;
        font-size: 12px;
        color: #333; }
        .home-info-cart .download-card-box .download-card .main i {
          font-size: 40px;
          color: #C0C4CC; }
        .home-info-cart .download-card-box .download-card .main p {
          display: block;
          margin-top: 8px; }
      .home-info-cart .download-card-box .download-card .img {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        align-content: center;
        align-items: center;
        justify-content: center;
        z-index: 1;
        background: #fff; }
        .home-info-cart .download-card-box .download-card .img img {
          width: 100%;
          height: 100%; }

.advert-home-info-cart1 {
  padding: 0;
  height: 164px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0; }

.advert-home-info-cart2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  border-radius: 0 0 4px 4px;
  font-size: 12px;
  text-align: center;
  color: #999; }

.advert-home-info-cart2:hover {
  cursor: pointer; }

.home-info-cart-contact {
  position: relative; }

.download-box .cart-main .set-QRcode-box {
  width: 136px;
  height: 136px; }
  .download-box .cart-main .set-QRcode-box img {
    width: 134px;
    height: 134px; }
  .download-box .cart-main .set-QRcode-box .qrcode-box img {
    width: 120px;
    height: 120px; }

.home-info-cart-height {
  height: 264px; }
  .home-info-cart-height .cart-body {
    height: 216px; }

.pop-home-help {
  width: 500px; }
  .pop-home-help .pop-body {
    font-size: 14px;
    color: #333; }

.sort-box {
  display: flex;
  font-size: 0;
  border-bottom: 1px solid rgba(50, 52, 64, 0.15); }
  .sort-box .sort-btn {
    margin-right: 2px;
    width: 88px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 4px 4px 0 0;
    background: rgba(240, 241, 247, 0.5);
    color: #66697D;
    font-size: 14px;
    font-weight: 400; }
    .sort-box .sort-btn.active {
      color: #323440;
      font-weight: 600;
      border-radius: 2px 0 0 2px;
      background: #F0F1F7; }
    .sort-box .sort-btn .iconfont {
      font-size: 12px; }
  .sort-box .active {
    background: #F0F1F7;
    -webkit-box-shadow: -1px 0 0 0 #F0F1F7;
    box-shadow: -1px 0 0 0 #F0F1F7;
    z-index: 1;
    font-weight: 700; }
    .sort-box .active:first-child {
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
    .sort-box .active:not(:first-child):before {
      content: "";
      display: block;
      top: 0;
      left: -1px;
      width: 1px;
      height: 100%;
      position: absolute;
      background-color: #F0F1F7; }
    .sort-box .active:before {
      background-color: #F0F1F7 !important;
      opacity: .1; }
  .sort-box .sort-icon {
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 12px; }
    .sort-box .sort-icon .iconfont {
      display: block;
      color: #999; }
      .sort-box .sort-icon .iconfont:last-child {
        margin-top: -4px; }
    .sort-box .sort-icon .icon-active {
      color: #20ade5 !important; }

@media all and (max-width: 1440px) {
  .data-info-cart-box-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .chart-card-body .card-main .list-box {
    overflow: hidden;
    position: relative;
    padding-bottom: 10px; }
    .chart-card-body .card-main .list-box .list-main {
      white-space: nowrap; }
      .chart-card-body .card-main .list-box .list-main ul {
        width: 100%; }
    .chart-card-body .card-main .list-box .hd {
      display: block !important;
      position: absolute;
      left: 50%;
      bottom: 8px;
      text-align: center;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .chart-card-body .card-main .list-box .hd ul {
        width: 100%; }
      .chart-card-body .card-main .list-box .hd li {
        display: inline-block;
        vertical-align: middle;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(179, 184, 186, 0.5);
        cursor: pointer;
        padding: 0;
        margin: 0 4px 0 0; }
        .chart-card-body .card-main .list-box .hd li.active {
          background: #B3B8BA; } }
.chart-list-null-box {
  position: relative;
  min-height: 200px; }
  .chart-list-null-box .list-null {
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.coupon-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 16px;
  border-top: 1px solid #e3e3e3; }

.coupon-body {
  flex: 1;
  max-width: 600px; }
  .coupon-body li {
    position: relative; }
  .coupon-body .txt-box {
    position: relative; }
    .coupon-body .txt-box .tit {
      font-size: 12px;
      display: block;
      vertical-align: middle;
      width: 100%;
      color: #666;
      margin-bottom: 10px;
      text-align: left; }
    .coupon-body .txt-box .main {
      width: 100%; }
      .coupon-body .txt-box .main .txt {
        display: inline-block;
        vertical-align: middle; }
      .coupon-body .txt-box .main .input-box {
        display: inline-block;
        vertical-align: middle;
        margin: 0 12px;
        width: 200px; }
        .coupon-body .txt-box .main .input-box .txt {
          height: 100%; }
  .coupon-body .textarea-wrap {
    display: block; }
    .coupon-body .textarea-wrap .tit {
      font-size: 12px;
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      color: #666;
      margin-bottom: 8px;
      text-align: left; }
    .coupon-body .textarea-wrap .main {
      width: 100%; }
      .coupon-body .textarea-wrap .main .detail-explain {
        padding: 0;
        border-top: 0 none; }
    .coupon-body .textarea-wrap .operate-txt {
      font-size: 14px; }

.coupon-preview {
  flex: 1;
  padding-left: 24px; }
  .coupon-preview .preview-box {
    width: 408px;
    height: 470px;
    background: url("../../images/img-coupon.jpg") no-repeat center/408px 470px;
    padding-top: 156px; }
    .coupon-preview .preview-box .tabs {
      height: 40px;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
      background: #fff;
      width: 351px;
      margin-left: 28px; }
      .coupon-preview .preview-box .tabs span {
        flex: 1;
        text-align: center;
        font-size: 14px;
        color: #333; }
        .coupon-preview .preview-box .tabs span:first-child i {
          line-height: 40px;
          border-bottom: 2px solid;
          display: inline-block; }
    .coupon-preview .preview-box .coupon-body {
      width: 351px;
      margin-left: 28px;
      padding: 10px 12px; }
    .coupon-preview .preview-box .coupon-card .coupon-main {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      justify-content: flex-start;
      height: 101px; }
    .coupon-preview .preview-box .coupon-card .price-box {
      width: 124px;
      height: 100%;
      background: url("../../images/bg-coupon.png") no-repeat center/124px 101px;
      padding-top: 27px; }
      .coupon-preview .preview-box .coupon-card .price-box .tit {
        display: block;
        font-size: 30px;
        color: #fff;
        text-align: center; }
        .coupon-preview .preview-box .coupon-card .price-box .tit:first-letter {
          font-size: 12px; }
      .coupon-preview .preview-box .coupon-card .price-box .txt {
        padding-top: 6px;
        display: block;
        font-size: 12px;
        text-align: center;
        color: #fff; }
    .coupon-preview .preview-box .coupon-card .coupon-info {
      flex: 1;
      height: 100%;
      background: #fff;
      padding: 10px 5px 0;
      border-radius: 0 3px 3px 0;
      border: 1px solid #e3e3e3;
      border-left: 0 none; }
      .coupon-preview .preview-box .coupon-card .coupon-info .coupon-name .label {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 15px;
        border-radius: 100px;
        background: #ff3838;
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 16px; }
      .coupon-preview .preview-box .coupon-card .coupon-info .coupon-name .name {
        padding-left: 2px;
        font-size: 12px;
        color: #4a4a4a;
        font-weight: bold; }
      .coupon-preview .preview-box .coupon-card .coupon-info .time-box {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        margin: 12px 0; }
        .coupon-preview .preview-box .coupon-card .coupon-info .time-box .time {
          flex: 1;
          font-size: 12px;
          color: #999; }
        .coupon-preview .preview-box .coupon-card .coupon-info .time-box .btn {
          width: 61px;
          height: 21px;
          line-height: 21px;
          background: transparent;
          border: 1px solid #ff3838;
          color: #ff3838;
          padding: 0;
          font-size: 12px;
          border-radius: 100px; }
      .coupon-preview .preview-box .coupon-card .coupon-info .explain-btn {
        height: 28px;
        line-height: 28px;
        border-top: 1px solid #e3e3e3;
        font-size: 12px;
        background: url("../../images/common_icon_arrow_up_1.png") no-repeat right center/12px 6px; }
    .coupon-preview .preview-box .coupon-card .coupon-explain {
      background: #fff;
      padding: 14px 12px; }
      .coupon-preview .preview-box .coupon-card .coupon-explain .tit {
        font-size: 12px;
        color: #333;
        font-weight: bold;
        margin-bottom: 4px; }
      .coupon-preview .preview-box .coupon-card .coupon-explain .explain-txt {
        font-size: 12px;
        color: #666;
        margin-bottom: 4px;
        line-height: 1.5;
        white-space: normal;
        word-break: break-all; }
      .coupon-preview .preview-box .coupon-card .coupon-explain .time {
        font-size: 12px;
        color: #666; }
  .coupon-preview .preview-phone {
    width: 257px;
    height: 533px;
    padding: 28px;
    margin: 0 auto;
    background: url("../../images/black-phone.png") no-repeat center; }
    .coupon-preview .preview-phone .time-box {
      font-size: 8px;
      color: #999;
      margin: 110px 0 4px; }
    .coupon-preview .preview-phone .msg-box {
      width: 205px;
      padding: 10px;
      max-height: 270px;
      font-size: 12px;
      word-break: break-all;
      overflow: hidden;
      background: #f3f3f3;
      border-radius: 8px;
      border: 1px solid #ececec;
      color: #333; }
  .coupon-preview .preview-des .title {
    font-size: 16px;
    color: #333; }
  .coupon-preview .preview-des .tips {
    font-size: 14px;
    color: #666; }

.coupon-send-scope {
  padding-top: 16px;
  border-top: 1px solid #e3e3e3; }
  .coupon-send-scope .new-box .title {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px; }
  .coupon-send-scope .new-box .text {
    font-size: 14px;
    color: #666;
    line-height: 1.5; }
  .coupon-send-scope .select-body .txt {
    padding-bottom: 16px;
    font-size: 14px;
    color: #333; }

.receive-page-box {
  flex: 1;
  width: 100%; }

.receive-list-box .receive-head-box {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  height: 102px;
  border-bottom: 1px solid #e3e3e3; }
  .receive-list-box .receive-head-box .head-card {
    flex: 1;
    height: 100%;
    padding-left: 35px;
    padding-top: 12px;
    border-right: 1px solid #e3e3e3; }
    .receive-list-box .receive-head-box .head-card .tit {
      font-size: 14px;
      color: #999;
      margin-top: 16px; }
    .receive-list-box .receive-head-box .head-card .num {
      font-size: 20px;
      color: #333;
      font-weight: bold; }

.promotion-set-item-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px; }
  .promotion-set-item-box.special-class {
    align-content: flex-start;
    align-items: flex-start; }
  .promotion-set-item-box.special-card {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    margin-right: 16px;
    vertical-align: top; }
    .promotion-set-item-box.special-card .tit {
      width: 100%;
      margin-bottom: 8px; }
    .promotion-set-item-box.special-card .main {
      flex: none;
      width: 100%; }
  .promotion-set-item-box .tit {
    font-size: 12px;
    color: #666;
    width: 100px; }
  .promotion-set-item-box .main {
    flex: 1;
    width: 0;
    font-size: 14px;
    color: #333; }
  .promotion-set-item-box.promotion-detail-item-box .promotion-label-box .label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    margin-right: 6px;
    border-radius: 2px;
    background: #ff3838; }
  .promotion-set-item-box.promotion-detail-item-box .promotion-label-box .order-label {
    border: 1px solid #ff3838;
    color: #ff3838;
    background: #fff; }
  .promotion-set-item-box.promotion-detail-item-box .sales-type-box li {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
  .promotion-set-item-box.promotion-detail-item-box .sales-type-box .set-sales-type {
    flex: 1;
    margin-left: 0; }
    .promotion-set-item-box.promotion-detail-item-box .sales-type-box .set-sales-type li {
      display: inline-block;
      width: 100%;
      margin-top: 0;
      margin-bottom: 12px; }
      .promotion-set-item-box.promotion-detail-item-box .sales-type-box .set-sales-type li:last-child {
        margin-bottom: 0; }
  .promotion-set-item-box .detail-labels li {
    height: auto;
    line-height: normal; }
    .promotion-set-item-box .detail-labels li .checkbox {
      margin-right: 0; }

.consign-manager-item-box .tit {
  width: 100% !important; }

.signet-label-box {
  position: absolute;
  top: 40px;
  right: 60px; }

.client-shop-page .detail-box h3 {
  width: 100%; }
  .client-shop-page .detail-box h3 .txt {
    font-size: 12px;
    color: #999; }
  .client-shop-page .detail-box h3 span {
    float: right;
    cursor: pointer;
    font-size: 12px;
    color: #20ade5;
    font-weight: normal;
    line-height: 1;
    margin-top: 8px; }

.user-info-header-box {
  padding: 16px;
  background: #f9f9f9;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin: 16px 24px; }
  .user-info-header-box .company-info {
    flex: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start; }
    .user-info-header-box .company-info .logo-box {
      width: 200px;
      height: 50px;
      position: relative;
      border: 1px solid #e3e3e3;
      overflow: hidden; }
      .user-info-header-box .company-info .logo-box img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .user-info-header-box .company-info .txt-box {
      flex: 1;
      padding-left: 12px; }
      .user-info-header-box .company-info .txt-box .name {
        font-size: 16px;
        color: #333;
        line-height: 1;
        margin-bottom: 8px; }
      .user-info-header-box .company-info .txt-box .type {
        font-size: 12px;
        color: #666; }
  .user-info-header-box .use-info-box {
    flex: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end; }
    .user-info-header-box .use-info-box .account-box {
      position: relative; }
      .user-info-header-box .use-info-box .account-box:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 40px;
        background: #e3e3e3;
        position: absolute;
        top: 0;
        right: 0; }
      .user-info-header-box .use-info-box .account-box .account-main {
        font-size: 12px;
        color: #333;
        line-height: 1; }
        .user-info-header-box .use-info-box .account-box .account-main span {
          font-size: 18px;
          font-weight: bold; }
      .user-info-header-box .use-info-box .account-box .opt-box {
        margin-top: 10px; }
        .user-info-header-box .use-info-box .account-box .opt-box .opt {
          font-size: 12px;
          color: #20ade5;
          margin-right: 32px;
          cursor: pointer; }
    .user-info-header-box .use-info-box .use-box {
      margin-left: 66px;
      margin-right: 16px; }
      .user-info-header-box .use-info-box .use-box p {
        font-size: 12px;
        color: #333;
        line-height: 1; }
        .user-info-header-box .use-info-box .use-box p:first-child {
          margin-bottom: 10px; }
        .user-info-header-box .use-info-box .use-box p span {
          font-weight: bold; }

.client-shop-list {
  min-height: 400px;
  padding: 16px 0;
  font-size: 0; }
  .client-shop-list .client-shop-card {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    overflow: hidden;
    width: 322px;
    margin-right: 16px;
    margin-bottom: 10px;
    font-size: 12px; }
    .client-shop-list .client-shop-card .card-head {
      padding: 13px 16px;
      border-bottom: 1px dashed #e3e3e3;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      align-content: center; }
      .client-shop-list .client-shop-card .card-head .title-box {
        flex: 1;
        padding-right: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 16px;
        color: #333; }
        .client-shop-list .client-shop-card .card-head .title-box .svg-icon {
          vertical-align: middle; }
        .client-shop-list .client-shop-card .card-head .title-box span {
          vertical-align: middle; }
    .client-shop-list .client-shop-card .status-box .dot {
      display: inline-block;
      vertical-align: middle;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #65D142; }
    .client-shop-list .client-shop-card .status-box span {
      font-size: 12px;
      color: #65D142;
      display: inline-block;
      vertical-align: middle; }
    .client-shop-list .client-shop-card .status-box.color-yellow .dot {
      background: #FAAD14; }
    .client-shop-list .client-shop-card .status-box.color-yellow span {
      color: #FAAD14; }
    .client-shop-list .client-shop-card .status-box.color-gray .dot {
      background: #999999; }
    .client-shop-list .client-shop-card .status-box.color-gray span {
      color: #999999; }
    .client-shop-list .client-shop-card .status-box.color-red .dot {
      background: #FF3838; }
    .client-shop-list .client-shop-card .status-box.color-red span {
      color: #FF3838; }
    .client-shop-list .client-shop-card .card-body {
      padding: 16px; }
      .client-shop-list .client-shop-card .card-body .txt-box {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        font-size: 12px;
        color: #333;
        line-height: 1;
        margin-bottom: 8px; }
        .client-shop-list .client-shop-card .card-body .txt-box .tit {
          width: 120px; }
        .client-shop-list .client-shop-card .card-body .txt-box .main {
          flex: 1; }
    .client-shop-list .client-shop-card .operation-box {
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: space-between;
      padding: 10px 0 0; }
      .client-shop-list .client-shop-card .operation-box .detail-btn {
        font-size: 12px;
        color: #999;
        line-height: 1;
        cursor: pointer; }
      .client-shop-list .client-shop-card .operation-box .opt-btn .txt-btn {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #20ade5;
        margin-left: 8px;
        cursor: pointer; }

.client-shop-help-box {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 16px; }
  .client-shop-help-box .help-card {
    position: relative;
    flex: 1;
    height: 180px;
    cursor: pointer; }
    .client-shop-help-box .help-card.bg-green {
      background: #F0FFEF; }
      .client-shop-help-box .help-card.bg-green .help-main .txt {
        color: #59B752; }
    .client-shop-help-box .help-card.bg-orange {
      background: #FFF9EF; }
      .client-shop-help-box .help-card.bg-orange .help-main .txt {
        color: #FF814A; }
    .client-shop-help-box .help-card.bg-blue {
      background: #F1F8FF; }
      .client-shop-help-box .help-card.bg-blue .help-main .txt {
        color: #20ADE5; }
    .client-shop-help-box .help-card.bg-blue1 {
      background: #DFF5FF; }
      .client-shop-help-box .help-card.bg-blue1 .help-main .txt {
        color: #20ade5; }
    .client-shop-help-box .help-card:nth-child(2) {
      margin: 0 16px; }
    .client-shop-help-box .help-card .help-main {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .client-shop-help-box .help-card .help-main .svg-icon {
        width: 70px;
        height: 70px; }
      .client-shop-help-box .help-card .help-main .txt {
        display: block;
        font-size: 14px;
        margin-top: 16px;
        text-align: center;
        margin-right: 0; }

.label-radio-box {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start; }
  .label-radio-box .label-radio-main {
    flex: 1; }
  .label-radio-box .label-radio-card {
    vertical-align: top;
    width: 154px;
    height: 56px;
    border: 1px solid #20ade5;
    border-radius: 2px;
    display: inline-flex;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
    margin-right: 20px; }
    .label-radio-box .label-radio-card .title {
      font-size: 16px;
      color: #20ade5;
      width: 50px;
      text-align: center;
      height: 54px;
      line-height: 54px;
      background: #f0fbff;
      font-weight: bold; }
    .label-radio-box .label-radio-card .main {
      flex: 1;
      height: 54px;
      line-height: 54px;
      text-align: center;
      position: relative; }
      .label-radio-box .label-radio-card .main .txt {
        font-size: 14px;
        color: #20ade5;
        font-weight: bold; }
      .label-radio-box .label-radio-card .main .tips {
        float: none;
        line-height: 1;
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 100%;
        font-size: 12px;
        color: #999;
        text-decoration: line-through; }
    .label-radio-box .label-radio-card .tag-box {
      position: absolute;
      top: -1px;
      right: -4px;
      width: 32px;
      height: 18px;
      line-height: 16px;
      font-size: 12px;
      color: #fff;
      text-align: center;
      background: url("../images/store-management-discounts.png") no-repeat center/32px 18px; }
    .label-radio-box .label-radio-card.active .title {
      background: #20ade5;
      color: #fff; }
    .label-radio-box .label-radio-card.active:after {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url("../images/store-management-select-product.png") no-repeat center/20px;
      position: absolute;
      right: 0;
      bottom: 0; }

.client-create-shop-page .import-page-box {
  padding: 24px; }
.client-create-shop-page .import-page-head {
  margin-bottom: 26px; }
.client-create-shop-page .import-page-body {
  padding: 0; }
  .client-create-shop-page .import-page-body .loading-box {
    margin-top: 130px;
    height: 60px;
    text-align: center; }
  .client-create-shop-page .import-page-body .loading-txt {
    font-size: 16px;
    color: #333;
    text-align: center; }
  .client-create-shop-page .import-page-body .apply-page-box {
    padding: 0; }
  .client-create-shop-page .import-page-body .detail-box h3 {
    border-bottom: 1px solid #e3e3e3; }
  .client-create-shop-page .import-page-body .detail-box:first-child {
    padding-top: 0; }
  .client-create-shop-page .import-page-body .import-info-main {
    padding-top: 16px; }
    .client-create-shop-page .import-page-body .import-info-main .input-list-box li {
      display: inline-block;
      vertical-align: top;
      max-width: 600px;
      width: calc(50% - 24px);
      font-size: 0;
      position: relative;
      margin-right: 24px; }
    .client-create-shop-page .import-page-body .import-info-main .input-list-box .select-width {
      width: 320px; }
    .client-create-shop-page .import-page-body .import-info-main .input-list-box .tit {
      width: auto; }
    .client-create-shop-page .import-page-body .import-info-main .input-list-box .search-size-max {
      height: 40px;
      line-height: 38px; }
      .client-create-shop-page .import-page-body .import-info-main .input-list-box .search-size-max .select-selection-rendered {
        min-height: 40px;
        height: 40px; }
    .client-create-shop-page .import-page-body .import-info-main .input-list-box .select-dropdown .select-dropdown-menu-item {
      width: 100%;
      margin: 0; }
    .client-create-shop-page .import-page-body .import-info-main .input-list-box .select-selection-multiple .select-selection-rendered li, .client-create-shop-page .import-page-body .import-info-main .input-list-box .select-selection-multiple .select-selection-multiple li {
      height: 34px;
      line-height: 32px;
      width: auto;
      margin-right: 4px;
      margin-bottom: 4px; }
  .client-create-shop-page .import-page-body .logo-box .tips-txt {
    display: inline-block;
    width: 54px;
    font-size: 12px;
    color: #666;
    vertical-align: middle;
    margin-right: 10px;
    text-align: right; }
  .client-create-shop-page .import-page-body .logo-box .img-up {
    display: inline-block;
    vertical-align: middle; }
    .client-create-shop-page .import-page-body .logo-box .img-up .logo {
      display: inline-block;
      width: 200px;
      height: 50px;
      text-align: center;
      border: 1px dashed #e3e3e3; }
      .client-create-shop-page .import-page-body .logo-box .img-up .logo img {
        width: 100%;
        height: 100%; }
    .client-create-shop-page .import-page-body .logo-box .img-up .share-log {
      width: 120px;
      height: 120px; }
  .client-create-shop-page .import-page-body .logo-box .tips {
    display: block;
    float: none;
    vertical-align: bottom;
    font-size: 12px;
    color: #999;
    padding-left: 64px;
    margin: 10px 0 0 0; }
    .client-create-shop-page .import-page-body .logo-box .tips .batch-btn-tips-box .tips-body {
      top: 35px;
      z-index: 1; }
.client-create-shop-page .template-list-tab-box {
  height: 50px;
  line-height: 48px; }
  .client-create-shop-page .template-list-tab-box .tab {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px;
    font-size: 14px;
    color: #666;
    border-bottom: 2px solid transparent;
    cursor: pointer; }
  .client-create-shop-page .template-list-tab-box .active {
    color: #20ade5;
    border-bottom: 2px solid #20ade5; }
.client-create-shop-page .template-list-card {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 24px;
  margin-bottom: 16px;
  cursor: pointer; }
  .client-create-shop-page .template-list-card .img-box {
    position: relative;
    width: 100%;
    height: 214px;
    border: 2px solid transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .client-create-shop-page .template-list-card .img-box img {
      max-width: 100%;
      max-height: 100%; }
  .client-create-shop-page .template-list-card.pc-template {
    width: 340px; }
    .client-create-shop-page .template-list-card.pc-template .img-box {
      width: 100%; }
  .client-create-shop-page .template-list-card .txt {
    display: block;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-top: 8px; }
  .client-create-shop-page .template-list-card.active .img-box {
    border-color: #20ade5; }
    .client-create-shop-page .template-list-card.active .img-box:after {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url("../images/store-management-select-product.png") no-repeat center/20px;
      position: absolute;
      right: 0;
      bottom: 0; }

.renew-client-shop .select-label-box {
  margin-bottom: 16px; }
  .renew-client-shop .select-label-box .tit {
    font-size: 12px;
    color: #333;
    margin-bottom: 8px; }

.pop-help-box {
  width: 800px; }
  .pop-help-box .pop-help-head {
    height: 50px;
    line-height: 50px;
    position: relative; }
    .pop-help-box .pop-help-head .title {
      font-size: 18px;
      color: #333;
      text-align: center; }
  .pop-help-box .pop-help-body {
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0; }
    .pop-help-box .pop-help-body li {
      width: 800px;
      height: 310px;
      display: inline-block; }
      .pop-help-box .pop-help-body li img {
        width: 100%;
        height: 100%; }
  .pop-help-box .pop-help-foot {
    padding: 24px 0; }
    .pop-help-box .pop-help-foot .help-step-box {
      padding: 0 60px;
      margin-bottom: 20px;
      position: relative; }
      .pop-help-box .pop-help-foot .help-step-box:after {
        content: "";
        display: inline-block;
        height: 2px;
        background: #c0edff;
        position: absolute;
        top: 10px;
        left: 64px;
        right: 64px; }
      .pop-help-box .pop-help-foot .help-step-box li {
        display: inline-block;
        vertical-align: top;
        margin-right: 166px;
        text-align: center;
        position: relative;
        z-index: 1; }
        .pop-help-box .pop-help-foot .help-step-box li:last-child {
          margin-right: 0; }
        .pop-help-box .pop-help-foot .help-step-box li .step-dot {
          display: inline-block;
          width: 22px;
          height: 22px;
          border: 1px solid #20ade5;
          border-radius: 50%;
          background: #fff;
          cursor: pointer; }
          .pop-help-box .pop-help-foot .help-step-box li .step-dot.on {
            background: #20ade5;
            border: 4px solid #74d7ff; }
        .pop-help-box .pop-help-foot .help-step-box li p {
          font-size: 14px;
          color: #666;
          margin-top: 8px; }
    .pop-help-box .pop-help-foot .help-btn-box {
      text-align: center; }
      .pop-help-box .pop-help-foot .help-btn-box .btn {
        width: 120px;
        height: 32px;
        line-height: 32px;
        border-radius: 100px;
        box-shadow: 0 2px 4px 0 #74d7ff; }
        .pop-help-box .pop-help-foot .help-btn-box .btn + .btn {
          margin-left: 16px; }

.scene-height-middle {
  min-height: 500px; }

.scene-manage-cont {
  padding: 24px;
  font-size: 0;
  width: 100%; }
  .scene-manage-cont li {
    position: relative;
    display: inline-block;
    width: 240px;
    height: 182px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    vertical-align: top;
    overflow: hidden; }
    .scene-manage-cont li:nth-child(4n) {
      margin-bottom: 0; }
    .scene-manage-cont li:hover .scene-manage-ope {
      display: block; }
    .scene-manage-cont li img {
      width: 240px;
      height: 182px; }
  .scene-manage-cont .scene-manage-ope {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: .6;
    padding-top: 40px;
    z-index: 1; }
    .scene-manage-cont .scene-manage-ope .scene-manage-btn {
      margin: 0 auto 6px;
      display: block;
      width: 78px;
      height: 28px;
      line-height: 26px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.6);
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 100px;
      color: #ffffff;
      font-size: 14px;
      cursor: pointer; }

.scene-head-box {
  padding: 24px 24px 0; }
  .scene-head-box .scene-select-box {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    margin-right: 12px; }
  .scene-head-box .import-btn {
    float: right;
    font-size: 16px;
    color: #20ade5;
    cursor: pointer; }
    .scene-head-box .import-btn i {
      margin-right: 4px; }

.import-images-box {
  margin: 24px;
  max-height: 380px; }

.import-images-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  margin-right: 18px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  margin-bottom: 24px; }
  .import-images-item img {
    border: 1px solid #e3e3e3; }
  .import-images-item .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url("../images/goods_icon_1_close.png") no-repeat center; }
  .import-images-item .progress {
    position: absolute;
    top: 50%;
    left: 0;
    height: 16px;
    width: 100%;
    background: #20ade5;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    margin-top: -8px; }

.import-images-tips {
  position: relative;
  margin: auto 24px;
  font-size: 12px;
  line-height: 22px;
  padding: 18px 0;
  color: #999;
  border-style: solid;
  border-width: 1px 0;
  border-color: #e3e3e3; }
  .import-images-tips .icon-check-n {
    color: #999; }
  .import-images-tips .icon-check-s {
    color: #20ade5; }
  .import-images-tips .progress {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 18px;
    text-align: center;
    color: #1a1a1a;
    z-index: 1; }
    .import-images-tips .progress span {
      display: inline-block;
      width: 100%;
      height: 12px;
      border-radius: 12px;
      border: 1px solid #20ade5;
      text-align: left; }
    .import-images-tips .progress i {
      display: inline-block;
      height: 10px;
      vertical-align: top;
      border-radius: 12px;
      background: #20ade5 no-repeat center; }
  .import-images-tips .import-select {
    line-height: 40px; }
    .import-images-tips .import-select .select-range {
      margin: 0; }
    .import-images-tips .import-select .disShow {
      display: inline-block; }
      .import-images-tips .import-select .disShow p {
        display: inline-block;
        margin-right: 12px; }

.import-images-operate {
  margin: 0 24px;
  padding: 24px 0; }
  .import-images-operate button {
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px; }
    .import-images-operate button:nth-child(1) {
      background: #fff;
      border-color: #20ade5;
      color: #20ade5;
      margin-right: 10px; }
    .import-images-operate button:nth-child(2) {
      background: #fff;
      border-color: #20ade5;
      color: #20ade5; }
    .import-images-operate button:nth-child(3) {
      float: right;
      background: #20ade5;
      border-color: #20ade5;
      color: #fff; }

.import-log {
  font-size: 14px;
  color: #2a2a2a;
  line-height: 40px;
  padding: 0 24px 24px; }
  .import-log .label {
    color: #999; }
  .import-log a {
    color: #20ade5;
    font-size: 14px; }

.setting-lighting-box .cont-breadcrumb {
  display: none; }
.setting-lighting-box .bg-main {
  height: auto;
  flex: 1; }
.setting-lighting-box .sys-cont {
  padding: 0;
  height: calc(100vh - 166px); }
.setting-lighting-box .search-select-box .range-size-middle {
  margin-bottom: 0; }

.platform-settlement-box .cont-breadcrumb {
  display: none; }
.platform-settlement-box .bg-main {
  height: auto;
  flex: 1; }
.platform-settlement-box .sys-cont {
  padding: 0;
  height: calc(100vh - 226px); }
.platform-settlement-box .search-select-box .range-size-middle {
  margin-bottom: 0; }

.analyze-client-page-box {
  padding: 0 18px; }

.filtrate-box {
  padding: 12px 0; }

.analyze-client-head {
  border-bottom: 1px solid #e3e3e3; }

.statistics-box {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 0;
  width: 100%;
  background: #fff; }
  .statistics-box .statistics-card {
    flex: 1;
    position: relative;
    padding: 24px 0;
    text-align: center; }
    .statistics-box .statistics-card:after {
      content: "";
      width: 1px;
      height: 50px;
      background: #e3e3e3;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .statistics-box .statistics-card:last-child:after {
      display: none; }
    .statistics-box .statistics-card .title {
      font-size: 12px;
      color: #666;
      margin-bottom: 8px;
      line-height: 1; }
    .statistics-box .statistics-card .num {
      font-size: 18px;
      font-weight: bold;
      color: #666;
      padding: 0 16px; }

.analyze-client-body {
  padding: 24px 0;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start; }

.analyze-list-box {
  flex: 1; }
  .analyze-list-box:nth-child(1) {
    margin-right: 16px; }
  .analyze-list-box:nth-child(2) {
    margin-left: 16px; }
  .analyze-list-box .title {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    line-height: 1;
    margin-bottom: 16px; }
  .analyze-list-box .table-box table {
    width: 100%; }
  .analyze-list-box .table-box th {
    background: #fcfcfc;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    height: 48px;
    vertical-align: middle;
    text-align: left;
    padding-left: 22px; }
  .analyze-list-box .table-box td {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    height: 48px;
    vertical-align: middle;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    padding-left: 22px; }

.comment-list-box {
  padding: 16px 24px;
  min-height: 400px; }
  .comment-list-box .comment-card {
    padding: 16px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #dcdcdd; }
  .comment-list-box .comment-card-head {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px; }
    .comment-list-box .comment-card-head .user-info-card-box {
      flex: 1;
      display: flex;
      align-content: flex-start;
      align-items: flex-start;
      justify-content: flex-start; }
      .comment-list-box .comment-card-head .user-info-card-box .img-box {
        width: 50px;
        height: 50px;
        margin-right: 8px; }
      .comment-list-box .comment-card-head .user-info-card-box .info-box {
        flex: 1; }
        .comment-list-box .comment-card-head .user-info-card-box .info-box .title {
          font-size: 14px;
          color: #333;
          font-weight: bold;
          line-height: 1;
          margin-bottom: 16px; }
        .comment-list-box .comment-card-head .user-info-card-box .info-box .info .tag-box {
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px; }
          .comment-list-box .comment-card-head .user-info-card-box .info-box .info .tag-box .tag {
            display: inline-block;
            vertical-align: middle;
            margin-right: 4px;
            font-size: 12px;
            color: #6B7274;
            height: 16px;
            padding: 0 6px;
            border-radius: 2px;
            border: 1px solid #6B7274;
            line-height: 16px; }
        .comment-list-box .comment-card-head .user-info-card-box .info-box .info .txt {
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          color: #999; }
    .comment-list-box .comment-card-head .tips-box {
      font-size: 14px;
      color: #666; }
  .comment-list-box .comment-card-main .content-box .content {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 6px;
    word-break: break-all; }
  .comment-list-box .comment-card-main .content-box .attachment {
    margin-bottom: 16px; }
    .comment-list-box .comment-card-main .content-box .attachment .img-box {
      display: inline-block;
      vertical-align: top;
      width: 90px;
      height: 90px;
      background: #f5f5f5;
      position: relative;
      text-align: center;
      line-height: 90px;
      margin-right: 8px;
      margin-bottom: 8px; }
      .comment-list-box .comment-card-main .content-box .attachment .img-box img {
        max-width: 100%;
        max-height: 100%; }
  .comment-list-box .comment-card-main .content-footer {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    font-size: 14px;
    color: #999; }
    .comment-list-box .comment-card-main .content-footer span {
      margin-right: 16px; }
      .comment-list-box .comment-card-main .content-footer span:last-child {
        margin-right: 0; }
    .comment-list-box .comment-card-main .content-footer .opt {
      color: #333; }
      .comment-list-box .comment-card-main .content-footer .opt span {
        cursor: pointer; }
        .comment-list-box .comment-card-main .content-footer .opt span:hover {
          color: #20ade5; }
  .comment-list-box .comment-card-main .comment-box {
    margin-top: 16px; }
    .comment-list-box .comment-card-main .comment-box .replay-edit-area .detail-explain {
      padding: 0;
      border: 0 none; }
    .comment-list-box .comment-card-main .comment-box .replay-edit-area .btn-box {
      text-align: right;
      padding-top: 14px; }
      .comment-list-box .comment-card-main .comment-box .replay-edit-area .btn-box .btn {
        margin-left: 16px; }
  .comment-list-box .comment-card-main .reply-box {
    margin-top: 16px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 2px;
    padding: 16px;
    position: relative;
    word-break: break-all; }
    .comment-list-box .comment-card-main .reply-box:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      transform: rotate(45deg);
      background: #f5f5f5;
      position: absolute;
      top: -5px;
      left: 6px; }
    .comment-list-box .comment-card-main .reply-box .reply {
      margin-bottom: 16px;
      font-size: 12px;
      color: #333;
      line-height: 1; }
      .comment-list-box .comment-card-main .reply-box .reply:last-child {
        margin-bottom: 0; }
      .comment-list-box .comment-card-main .reply-box .reply .name {
        margin-bottom: 8px; }
      .comment-list-box .comment-card-main .reply-box .reply .cont-txt {
        line-height: 1.4;
        margin-bottom: 8px; }
      .comment-list-box .comment-card-main .reply-box .reply .time {
        color: #999; }

.chat-pop-box {
  width: 900px; }

.chat-box {
  padding: 0;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column; }

.chat-goods-info-box {
  height: 66px;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
  width: 100%; }
  .chat-goods-info-box .img-box {
    width: 64px;
    height: 64px; }
  .chat-goods-info-box .goods-info {
    flex: 1;
    border-left: 1px solid #e3e3e3;
    padding: 12px 16px 0; }
    .chat-goods-info-box .goods-info .tit {
      font-size: 14px;
      color: #333;
      line-height: 1;
      margin-bottom: 8px; }
    .chat-goods-info-box .goods-info .txt {
      font-size: 12px;
      color: #999; }

.chat-main-box {
  height: 478px;
  background: #fff;
  padding: 16px;
  width: 100%;
  overflow: auto; }

.chat-card {
  width: 100%;
  margin-bottom: 16px; }
  .chat-card .time-box {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 1;
    margin-bottom: 8px; }
  .chat-card .info-box {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
    .chat-card .info-box .img-box {
      width: 32px;
      height: 32px;
      margin-top: 2px; }
      .chat-card .info-box .img-box img {
        width: 100%;
        height: 100%; }
      .chat-card .info-box .img-box .svg-icon {
        width: 100%;
        height: 100%; }
    .chat-card .info-box .info-main {
      width: auto;
      padding: 11px 12px;
      border-radius: 4px;
      max-width: 600px;
      line-height: 1.5;
      position: relative;
      font-size: 14px;
      color: #333;
      word-break: break-all; }
      .chat-card .info-box .info-main:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 50%;
        margin-top: -5px; }
      .chat-card .info-box .info-main .info-head {
        width: 310px;
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e3e3; }
        .chat-card .info-box .info-main .info-head .title {
          flex: 1;
          font-size: 14px;
          color: #333; }
        .chat-card .info-box .info-main .info-head .to-detail {
          font-size: 14px;
          color: #666; }
      .chat-card .info-box .info-main .goods-info {
        padding-top: 8px;
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start; }
        .chat-card .info-box .info-main .goods-info .img-box {
          width: 46px;
          height: 46px;
          position: relative; }
          .chat-card .info-box .info-main .goods-info .img-box img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .chat-card .info-box .info-main .goods-info .txt-box {
          flex: 1;
          width: 0;
          padding-left: 10px; }
          .chat-card .info-box .info-main .goods-info .txt-box p {
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .chat-card .info-box .info-main .goods-info .txt-box .goods-name {
            color: #333; }
          .chat-card .info-box .info-main .goods-info .txt-box .goods-name {
            color: #666; }

.client-chat-card .time-box {
  padding-left: 44px; }
.client-chat-card .info-main {
  background: #F5F5F5;
  margin-left: 12px; }
  .client-chat-card .info-main:after {
    left: -5px; }

.service-chat-card .time-box {
  padding-left: 44px;
  text-align: right; }
.service-chat-card .info-box {
  justify-content: flex-end; }
.service-chat-card .info-main {
  background: #f0fbff;
  margin-right: 12px; }
  .service-chat-card .info-main:after {
    right: -5px; }

.chat-input-send-box {
  width: 100%;
  padding: 12px 16px;
  border-top: 1px solid #e3e3e3; }
  .chat-input-send-box .input-box {
    display: block;
    width: 100%; }
    .chat-input-send-box .input-box .detail-explain {
      border-top: 0 none;
      padding: 0; }
    .chat-input-send-box .input-box textarea {
      width: 100%;
      height: 52px;
      padding: 12px 16px;
      color: #333;
      font-size: 12px;
      resize: none;
      border: 0 none;
      border-radius: 0; }
      .chat-input-send-box .input-box textarea:hover, .chat-input-send-box .input-box textarea:focus {
        border: 0 none; }
  .chat-input-send-box .btn-box {
    display: block; }
    .chat-input-send-box .btn-box .btn {
      width: 80px;
      height: 32px;
      line-height: 32px; }

.distribution-page {
  height: calc(100vh - 126px); }
  .distribution-page .set-list-box .num-set {
    padding-left: 0; }
  .distribution-page .set-explain-box {
    padding: 12px 16px;
    background: #fff8e9;
    border: 1px solid #ffe9b5;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    margin-bottom: 24px; }

.distribution-statistics-box {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 24px; }
  .distribution-statistics-box .statistics-card {
    flex: 1;
    margin: 0 8px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: 168px; }
    .distribution-statistics-box .statistics-card:first-child {
      margin-left: 0; }
    .distribution-statistics-box .statistics-card:last-child {
      margin-right: 0; }
  .distribution-statistics-box .title {
    font-size: 14px;
    color: #666;
    padding: 16px 16px 0; }
  .distribution-statistics-box .main {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start; }
  .distribution-statistics-box .block {
    flex: 1;
    padding: 40px 0;
    text-align: center; }
    .distribution-statistics-box .block .tit {
      font-size: 24px;
      color: #333;
      margin-bottom: 12px;
      line-height: 1; }
    .distribution-statistics-box .block .txt {
      font-size: 14px;
      color: #666;
      line-height: 1; }
  .distribution-statistics-box .icon-block {
    flex: 1;
    text-align: center;
    padding: 16px 0 24px; }
    .distribution-statistics-box .icon-block .icon-box {
      position: relative;
      display: inline-block;
      width: 66px;
      height: 60px;
      background: rgba(218, 245, 255, 0.24);
      border-radius: 50%;
      margin-bottom: 12px; }
      .distribution-statistics-box .icon-block .icon-box .svg-icon {
        width: 66px;
        height: 60px; }
      .distribution-statistics-box .icon-block .icon-box .num {
        font-size: 12px;
        color: #20ade5;
        border-radius: 50%;
        border: 1px solid #20ade5;
        background: #fff;
        position: absolute;
        top: -10px;
        right: 0;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 22px; }
    .distribution-statistics-box .icon-block .tit {
      font-size: 14px;
      color: #666;
      line-height: 1; }

.captions-box {
  padding: 0 24px; }

.FAQ-box {
  border-top: 1px solid #e3e3e3;
  padding-top: 16px; }
  .FAQ-box dl {
    margin-bottom: 32px; }
  .FAQ-box dt {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: #333; }
  .FAQ-box dd {
    font-size: 14px;
    line-height: 22px;
    color: #666; }
  .FAQ-box .font-hint {
    color: #F74D2D; }

.generalize-module-box {
  margin-bottom: 24px; }

.generalize-module-card {
  display: inline-block;
  vertical-align: top;
  margin-right: 50px; }
  .generalize-module-card .title {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px; }
  .generalize-module-card .tips {
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 8px;
    cursor: default !important; }
  .generalize-module-card .btn-box {
    text-align: center; }
    .generalize-module-card .btn-box .btn {
      width: 102px;
      height: 32px; }
  .generalize-module-card .poster-box {
    width: 300px;
    height: 342px;
    padding: 10px 10px 14px;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px; }
    .generalize-module-card .poster-box .img-box {
      width: 100%;
      height: 218px;
      background: #F2F2F2 url("../images/img-distribution-set-1.png") no-repeat center/130px 94px; }
      .generalize-module-card .poster-box .img-box img {
        width: 100%;
        height: 100%; }
    .generalize-module-card .poster-box .foot-box {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      justify-content: flex-start;
      padding-top: 14px; }
    .generalize-module-card .poster-box .head-box {
      flex: 1; }
      .generalize-module-card .poster-box .head-box .svg-icon {
        width: 54px;
        height: 54px; }
      .generalize-module-card .poster-box .head-box p {
        width: 54px;
        text-align: center;
        margin-top: 6px;
        font-size: 12px;
        color: #666; }
    .generalize-module-card .poster-box .qrcode-box {
      width: 86px;
      height: 86px; }
  .generalize-module-card .invite-card-box {
    width: 300px;
    height: 342px;
    padding: 24px 24px;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    text-align: center; }
    .generalize-module-card .invite-card-box .title-box {
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 20px; }
      .generalize-module-card .invite-card-box .title-box:before, .generalize-module-card .invite-card-box .title-box:after {
        content: "";
        flex: 1;
        border-bottom: 1px dashed #fff; }
      .generalize-module-card .invite-card-box .title-box span {
        padding: 0 10px;
        font-size: 18px;
        color: #fff; }
    .generalize-module-card .invite-card-box .head-box {
      display: inline-block; }
      .generalize-module-card .invite-card-box .head-box .svg-icon {
        width: 60px;
        height: 60px; }
      .generalize-module-card .invite-card-box .head-box p {
        width: 60px;
        text-align: center;
        font-size: 12px;
        color: #fff; }
    .generalize-module-card .invite-card-box .txt {
      font-size: 12px;
      color: #fff;
      text-align: center;
      margin-bottom: 10px;
      margin-top: 22px; }
    .generalize-module-card .invite-card-box .qrcode-box {
      display: inline-block; }
  .generalize-module-card .join-box {
    width: 300px;
    height: 300px;
    border-radius: 4px;
    border: 1px solid #dcdcdd; }
    .generalize-module-card .join-box .img-box {
      width: 100%;
      height: 100%;
      background: #F2F2F2 url("../images/img-distribution-set-1.png") no-repeat center/130px 94px;
      overflow: hidden; }
      .generalize-module-card .join-box .img-box img {
        width: 100%;
        background: #fff; }

.permission-setting-box {
  border-top: 1px solid #e3e3e3;
  padding-top: 16px; }

.permission-setting-card {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 12px; }
  .permission-setting-card .title {
    width: 100px;
    line-height: 1;
    color: #333;
    font-weight: 600; }
    .permission-setting-card .title .tips-txt {
      color: #d2d2d2;
      vertical-align: text-bottom; }
      .permission-setting-card .title .tips-txt[data-title]:hover:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: calc(100% + 2px);
        top: 50%;
        margin-left: 0;
        margin-top: -5px; }
      .permission-setting-card .title .tips-txt[data-title]:hover:after {
        left: calc(100% + 7px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: normal; }
      .permission-setting-card .title .tips-txt .iconfont {
        font-size: 16px;
        margin-top: -4px; }
  .permission-setting-card .main {
    flex: 1;
    height: 32px; }
    .permission-setting-card .main:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 32px;
      width: 0; }
    .permission-setting-card .main.role-name-box {
      height: auto; }
      .permission-setting-card .main.role-name-box:after {
        display: none; }
  .permission-setting-card .select-checkbox {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px; }
    .permission-setting-card .select-checkbox .checkbox {
      padding-right: 0; }
    .permission-setting-card .select-checkbox .txt {
      font-size: 12px;
      color: #666; }
  .permission-setting-card .rich-select-box {
    display: inline-block;
    vertical-align: middle;
    width: 500px; }

.weChat-setting-page {
  padding: 16px 24px; }
  .weChat-setting-page h2 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px; }
  .weChat-setting-page .switch-setting-box {
    display: inline-block;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    margin-bottom: 16px; }
    .weChat-setting-page .switch-setting-box a {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      cursor: pointer;
      color: #20ade5; }

.weChat-setting-main .setting-card {
  margin-bottom: 10px; }
  .weChat-setting-main .setting-card h3 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 16px; }
  .weChat-setting-main .setting-card .setting-wrap {
    width: 100%;
    max-width: 600px; }
  .weChat-setting-main .setting-card .txt-box {
    font-size: 14px;
    margin-bottom: 8px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start; }
    .weChat-setting-main .setting-card .txt-box .tit {
      width: 54px;
      font-size: 12px;
      color: #666;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .weChat-setting-main .setting-card .txt-box .main {
      flex: 1; }
      .weChat-setting-main .setting-card .txt-box .main b {
        color: #333; }
      .weChat-setting-main .setting-card .txt-box .main span {
        color: #20ade5;
        cursor: pointer;
        margin-left: 8px; }
  .weChat-setting-main .setting-card .check-box-select-box {
    font-size: 14px;
    color: #333; }
    .weChat-setting-main .setting-card .check-box-select-box .check-box-select-item-box {
      margin-bottom: 8px; }
      .weChat-setting-main .setting-card .check-box-select-box .check-box-select-item-box:hover .move-btn {
        display: inline-block; }
      .weChat-setting-main .setting-card .check-box-select-box .check-box-select-item-box .move-btn {
        display: none;
        font-size: 12px;
        color: #20ade5;
        cursor: pointer; }
.weChat-setting-main .template-setting-card {
  font-size: 12px;
  width: 300px;
  margin-bottom: 24px; }
  .weChat-setting-main .template-setting-card .title-box {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: bold; }
  .weChat-setting-main .template-setting-card .half-title-box {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold; }
    .weChat-setting-main .template-setting-card .half-title-box .txt-btn {
      font-weight: normal;
      float: right; }
  .weChat-setting-main .template-setting-card .setting-content-card {
    background: #fff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden; }
    .weChat-setting-main .template-setting-card .setting-content-card .content-card {
      padding: 16px; }
      .weChat-setting-main .template-setting-card .setting-content-card .content-card .header-box {
        font-size: 14px;
        font-weight: bold; }
      .weChat-setting-main .template-setting-card .setting-content-card .content-card .body-box {
        margin-top: 16px; }
        .weChat-setting-main .template-setting-card .setting-content-card .content-card .body-box table {
          width: 100%; }
        .weChat-setting-main .template-setting-card .setting-content-card .content-card .body-box td {
          height: 24px;
          vertical-align: middle; }
          .weChat-setting-main .template-setting-card .setting-content-card .content-card .body-box td:first-child {
            color: #999; }
            .weChat-setting-main .template-setting-card .setting-content-card .content-card .body-box td:first-child:not([colspan]) {
              width: 70px; }
          .weChat-setting-main .template-setting-card .setting-content-card .content-card .body-box td:last-child {
            width: 40px;
            text-align: right; }
  .weChat-setting-main .template-setting-card .footer-box {
    padding: 14px;
    border-top: 1px solid #e3e3e3;
    font-size: 12px;
    background: url("../images/goods_icon_9_arrow.png") no-repeat 96% center/12px 12px; }

.setting-card-explain {
  display: inline-block;
  vertical-align: text-bottom;
  position: relative; }
  .setting-card-explain:hover .explain-hover {
    display: block; }
  .setting-card-explain .iconfont {
    color: #666; }
  .setting-card-explain .explain-hover {
    top: -40px;
    left: 26px;
    right: auto;
    border-radius: 4px;
    width: 400px; }
    .setting-card-explain .explain-hover:before {
      content: "";
      display: inline-block;
      width: 14px;
      height: 14px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #fff;
      position: absolute;
      top: 40px;
      left: -7px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    .setting-card-explain .explain-hover dt {
      font-size: 14px;
      margin-bottom: 8px; }
    .setting-card-explain .explain-hover dd {
      font-size: 12px;
      font-weight: normal;
      color: #666;
      margin-bottom: 6px; }
    .setting-card-explain .explain-hover .tips {
      font-size: 12px;
      font-weight: normal; }

.wechat-corporate-box {
  text-align: center;
  padding: 24px; }
  .wechat-corporate-box .main-box {
    padding-bottom: 24px;
    border-bottom: 1px solid #e3e3e3; }
  .wechat-corporate-box .btn-box {
    padding-top: 16px; }
    .wechat-corporate-box .btn-box .btn {
      width: 384px;
      height: 40px;
      line-height: 40px;
      color: #fff !important;
      margin-bottom: 16px; }
    .wechat-corporate-box .btn-box .btn-primary {
      color: #20ade5 !important; }
  .wechat-corporate-box .not-allowed-btn {
    cursor: not-allowed;
    opacity: .5; }
    .wechat-corporate-box .not-allowed-btn:hover {
      opacity: .5; }

.icon-statistics-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start; }
  .icon-statistics-box .icon-statistics-card {
    flex: 1;
    padding: 24px 12px 24px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center; }
    .icon-statistics-box .icon-statistics-card .icon-box .svg-icon {
      width: 66px;
      height: 66px; }
    .icon-statistics-box .icon-statistics-card .info-box {
      flex: 1;
      padding-left: 8px; }
      .icon-statistics-box .icon-statistics-card .info-box .title {
        font-size: 12px;
        color: #999;
        margin-bottom: 4px; }
      .icon-statistics-box .icon-statistics-card .info-box .number {
        font-size: 18px;
        font-weight: bold;
        color: #666; }

.joint-page-home-box .joint-page-home-head {
  padding: 24px 24px 0; }
  .joint-page-home-box .joint-page-home-head .filtrate-head-box {
    padding-bottom: 16px; }
    .joint-page-home-box .joint-page-home-head .filtrate-head-box .select-box {
      display: inline-block;
      vertical-align: middle;
      padding: 0;
      margin: 0 16px 0 0;
      width: 160px; }
      .joint-page-home-box .joint-page-home-head .filtrate-head-box .select-box .select-check-main {
        margin-bottom: 0 !important; }
      .joint-page-home-box .joint-page-home-head .filtrate-head-box .select-box .select-selection-multiple .select-selection-rendered li {
        margin-top: 0;
        height: 24px;
        line-height: 24px; }
      .joint-page-home-box .joint-page-home-head .filtrate-head-box .select-box .select-dropdown {
        top: 32px; }
      .joint-page-home-box .joint-page-home-head .filtrate-head-box .select-box .search-size-max {
        height: 32px;
        line-height: 32px; }
        .joint-page-home-box .joint-page-home-head .filtrate-head-box .select-box .search-size-max .select-selection-rendered {
          height: 32px;
          min-height: 32px; }
.joint-page-home-box .joint-page-home-body {
  padding: 24px; }
.joint-page-home-box .joint-statistics-box {
  display: flex;
  margin-bottom: 20px; }
.joint-page-home-box .joint-statistics-card {
  flex: 1;
  padding: 26px 24px;
  min-height: 100px;
  border: 1px solid #f5f5f5; }
  .joint-page-home-box .joint-statistics-card:nth-child(2n) {
    margin-left: 20px; }
  .joint-page-home-box .joint-statistics-card .joint-statistics-title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 16px; }
  .joint-page-home-box .joint-statistics-card .joint-statistics-body {
    display: flex; }
    .joint-page-home-box .joint-statistics-card .joint-statistics-body .statistics-card {
      flex: 1;
      cursor: pointer; }
      .joint-page-home-box .joint-statistics-card .joint-statistics-body .statistics-card .title {
        font-size: 12px;
        color: #999;
        line-height: 1em;
        margin-bottom: 8px; }
      .joint-page-home-box .joint-statistics-card .joint-statistics-body .statistics-card .number {
        font-size: 18px;
        font-weight: bold;
        color: #666;
        line-height: 1em; }

.merchantJointInfo-main-card {
  padding: 24px;
  background: white;
  border: 1px solid #f5f5f5;
  margin-bottom: 16px; }
  .merchantJointInfo-main-card .merchantJointInfo-main-card-head {
    margin-bottom: 8px; }
    .merchantJointInfo-main-card .merchantJointInfo-main-card-head .logo {
      display: inline-block;
      vertical-align: middle;
      width: 128px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      margin-right: 16px; }
    .merchantJointInfo-main-card .merchantJointInfo-main-card-head .name {
      display: inline-block;
      vertical-align: middle;
      line-height: 20px;
      font-size: 14px;
      color: #333; }
  .merchantJointInfo-main-card .merchantJointInfo-main-card-nav {
    display: flex;
    border-bottom: 1px dashed #e3e3e3; }
    .merchantJointInfo-main-card .merchantJointInfo-main-card-nav .merchantJointInfo-nav-card {
      flex: 1;
      padding: 16px;
      text-align: center;
      cursor: pointer; }
      .merchantJointInfo-main-card .merchantJointInfo-main-card-nav .merchantJointInfo-nav-card .svg-icon {
        width: 70px;
        height: 70px; }
      .merchantJointInfo-main-card .merchantJointInfo-main-card-nav .merchantJointInfo-nav-card .tit {
        margin-top: 8px;
        font-size: 14px;
        color: #666; }
  .merchantJointInfo-main-card .merchantJointInfo-main-card-statistics {
    padding-top: 32px;
    display: flex; }
    .merchantJointInfo-main-card .merchantJointInfo-main-card-statistics .merchantJointInfo-statistics-card {
      flex: 1;
      text-align: center; }
      .merchantJointInfo-main-card .merchantJointInfo-main-card-statistics .merchantJointInfo-statistics-card .title {
        font-size: 14px;
        color: #999;
        line-height: 1em;
        margin-bottom: 8px; }
      .merchantJointInfo-main-card .merchantJointInfo-main-card-statistics .merchantJointInfo-statistics-card .number {
        font-size: 24px;
        line-height: 1em;
        color: #333; }

.calculator-box .result {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  margin-right: 10px; }
.calculator-box .calculator-input {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  margin-right: 10px; }
  .calculator-box .calculator-input:last-child {
    width: 140px; }

.that-prompted-box {
  padding: 16px;
  background: #FFEDC5;
  font-size: 14px;
  color: #FA3815; }

.analyze-statistics-card {
  padding: 0 24px;
  margin-bottom: 16px; }
  .analyze-statistics-card .analyze-statistics-card-title {
    padding: 10px 0 10px 6px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    line-height: 1em; }
    .analyze-statistics-card .analyze-statistics-card-title:before {
      content: "";
      width: 2px;
      height: 16px;
      background: #333;
      position: absolute;
      top: 9px;
      left: 0; }
    .analyze-statistics-card .analyze-statistics-card-title .explain:hover .explain-hover {
      display: block; }
      .analyze-statistics-card .analyze-statistics-card-title .explain:hover .explain-hover .tri {
        left: 91%; }
  .analyze-statistics-card .analyze-statistics-card-head {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3; }
  .analyze-statistics-card .analyze-statistics-card-body {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    padding: 10px 0; }
    .analyze-statistics-card .analyze-statistics-card-body .statistics-card {
      flex: 1;
      border-right: 1px solid #e3e3e3;
      padding: 24px 0 24px 32px; }
      .analyze-statistics-card .analyze-statistics-card-body .statistics-card:last-child {
        border-right: 0 none; }
      .analyze-statistics-card .analyze-statistics-card-body .statistics-card .tit {
        font-size: 12px;
        color: #999;
        line-height: 1em;
        margin-bottom: 8px; }
      .analyze-statistics-card .analyze-statistics-card-body .statistics-card .number {
        font-size: 18px;
        color: #666;
        font-weight: bold; }

.anchorBL {
  display: none !important; }

.map-page-box img {
  max-width: inherit; }
.map-page-box a {
  display: inline-block; }
.map-page-box .ui_city_change {
  height: 32px !important; }
.map-page-box .ui_city_change_top .ui_city_change_inner:hover, .map-page-box .ui_city_change_bottom .ui_city_change_inner:hover {
  color: #20ade5; }
.map-page-box .ui_city_change_top .ui_city_change_inner, .map-page-box .ui_city_change_bottom .ui_city_change_inner {
  height: 32px;
  line-height: 32px;
  border-color: #e3e3e3;
  width: 120px; }
.map-page-box .ui_city_change_top .ui_city_change_inner .cur_city_name {
  display: inline-block;
  width: 85px; }
.map-page-box .citylist_popup_main .city_content_top {
  height: 44px; }
.map-page-box .anchorBL {
  z-index: 0; }

.map-page-cont {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start; }
  .map-page-cont .map-main-box {
    flex: 1;
    height: 100%; }

.map-page-head {
  width: 100%;
  height: 60px;
  background: #fff;
  position: relative;
  z-index: 2 !important;
  line-height: 60px;
  padding: 0 24px; }
  .map-page-head .rich-select-box .select-check-main, .map-page-head .rich-select-box .select-range {
    margin-bottom: 0 !important; }

.map-page-results-box {
  width: 364px;
  height: 100%;
  border-radius: 2px;
  background: #fff; }
  .map-page-results-box .map-page-results-head {
    padding: 19px 16px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #e3e3e3; }
    .map-page-results-box .map-page-results-head .cont-search {
      width: 100%; }
    .map-page-results-box .map-page-results-head .check-box {
      font-size: 12px;
      color: #333;
      cursor: pointer; }
      .map-page-results-box .map-page-results-head .check-box i {
        font-size: 14px;
        color: #999;
        margin-right: 4px; }
        .map-page-results-box .map-page-results-head .check-box i:hover {
          color: #20ade5; }
      .map-page-results-box .map-page-results-head .check-box .icon-check-s {
        color: #20ade5; }
  .map-page-results-box .map-page-results-select-box {
    padding: 16px 16px 0 16px;
    display: flex;
    align-content: center;
    justify-content: space-between; }
    .map-page-results-box .map-page-results-select-box .check-box {
      flex: 1;
      margin-top: 2px;
      margin-right: 10px;
      font-size: 14px;
      color: #333; }
      .map-page-results-box .map-page-results-select-box .check-box span {
        padding: 0 4px; }
      .map-page-results-box .map-page-results-select-box .check-box:hover .iconfont {
        color: #20ade5; }
      .map-page-results-box .map-page-results-select-box .check-box .iconfont {
        color: #999;
        font-size: 14px;
        cursor: pointer;
        margin-right: 8px; }
      .map-page-results-box .map-page-results-select-box .check-box .icon-check-s {
        color: #20ade5; }
  .map-page-results-box .map-page-results-body {
    padding: 16px;
    width: 100%;
    height: calc(100% - 199px); }
    .map-page-results-box .map-page-results-body .local-result-card {
      display: flex;
      justify-content: flex-start;
      align-content: flex-start;
      margin-bottom: 8px; }
    .map-page-results-box .map-page-results-body .check-box {
      margin-top: 2px;
      margin-right: 10px;
      color: #999;
      cursor: pointer; }
      .map-page-results-box .map-page-results-body .check-box:hover {
        color: #20ade5; }
      .map-page-results-box .map-page-results-body .check-box .iconfont {
        font-size: 14px; }
      .map-page-results-box .map-page-results-body .check-box .icon-check-s {
        color: #20ade5; }
    .map-page-results-box .map-page-results-body .check-box-disable {
      cursor: not-allowed !important; }
      .map-page-results-box .map-page-results-body .check-box-disable .icon-check-s {
        color: #d2d2d2 !important; }
    .map-page-results-box .map-page-results-body .local-info-box {
      flex: 1;
      cursor: pointer; }
      .map-page-results-box .map-page-results-body .local-info-box .local-title {
        display: flex;
        justify-content: flex-start;
        align-content: center;
        line-height: 1;
        margin-bottom: 8px; }
        .map-page-results-box .map-page-results-body .local-info-box .local-title .num {
          width: 16px;
          height: 20px;
          position: relative;
          text-align: center;
          font-size: 12px;
          background: url("../../images/bg-badge-address.png") no-repeat center/16px 20px;
          color: #fff;
          padding-top: 2px; }
        .map-page-results-box .map-page-results-body .local-info-box .local-title .tit {
          flex: 1;
          font-size: 14px;
          font-weight: bold;
          padding: 0 8px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 0; }
        .map-page-results-box .map-page-results-body .local-info-box .local-title .import-status {
          font-size: 12px;
          color: #999; }
      .map-page-results-box .map-page-results-body .local-info-box .local-add, .map-page-results-box .map-page-results-body .local-info-box .local-phone {
        line-height: 1.2;
        font-size: 12px;
        color: #666;
        margin-bottom: 8px; }
  .map-page-results-box .map-page-results-foot {
    border-top: 1px solid #e3e3e3;
    text-align: center;
    line-height: 50px; }
    .map-page-results-box .map-page-results-foot .pagination-card {
      display: inline-block;
      padding: 4px;
      border: 1px solid #e3e3e3;
      margin-right: 4px;
      line-height: 1;
      cursor: pointer; }
      .map-page-results-box .map-page-results-foot .pagination-card:hover, .map-page-results-box .map-page-results-foot .pagination-card.active {
        border-color: #20ade5;
        color: #20ade5; }

.map-page-search-box {
  padding: 12px 0;
  border-bottom: 1px solid #e3e3e3; }

.map-box {
  width: 100%;
  height: 300px; }
  .map-box img {
    max-width: inherit; }

.business-list-box {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 364px;
  background: white;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 2; }
  .business-list-box .business-list-head {
    padding: 14px 16px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    line-height: 22px; }
    .business-list-box .business-list-head .close {
      float: right;
      cursor: pointer;
      font-weight: normal;
      color: #999; }
      .business-list-box .business-list-head .close .iconfont {
        font-size: 14px; }
  .business-list-box .business-list-opt-box {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px 16px 0; }
    .business-list-box .business-list-opt-box .number {
      flex: 1;
      font-size: 14px;
      color: #333; }
  .business-list-box .business-list-main {
    padding: 16px;
    height: calc(100% - 96px); }
  .business-list-box .business-card {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    cursor: pointer; }
    .business-list-box .business-card .img-box {
      width: 50px;
      height: 50px;
      margin-right: 8px; }
      .business-list-box .business-card .img-box img {
        width: 100%;
        height: 100%; }
    .business-list-box .business-card .info-box {
      flex: 1;
      line-height: 1; }
      .business-list-box .business-card .info-box .title {
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 8px; }
        .business-list-box .business-card .info-box .title .tit {
          flex: 1;
          width: 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 14px;
          color: #333;
          font-weight: bold; }
        .business-list-box .business-card .info-box .title .status {
          font-size: 12px;
          color: #FF3838; }
      .business-list-box .business-card .info-box .text {
        font-size: 12px;
        color: #999;
        margin-bottom: 8px; }
        .business-list-box .business-card .info-box .text:last-child {
          margin-bottom: 0; }

.warm-prompt-box {
  position: absolute;
  top: 76px;
  right: 25px;
  width: 443px;
  height: 36px;
  background: #ecf9ed;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  border: 1px solid #d8f2da;
  padding: 0 10px;
  line-height: 36px;
  z-index: 1;
  font-size: 12px;
  color: #333; }
  .warm-prompt-box img {
    display: inline-block;
    vertical-align: middle; }

.business-client-box-main {
  padding: 16px;
  height: calc(100% - 51px); }
  .business-client-box-main .base-info-box {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 8px; }
    .business-client-box-main .base-info-box .img-box {
      width: 100px;
      height: 100px;
      margin-right: 8px; }
      .business-client-box-main .base-info-box .img-box img {
        width: 100%;
        height: 100%; }
    .business-client-box-main .base-info-box .info-box {
      flex: 1;
      line-height: 1;
      font-size: 14px;
      width: 0; }
      .business-client-box-main .base-info-box .info-box .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
        color: #333;
        margin-bottom: 8px; }
      .business-client-box-main .base-info-box .info-box .text {
        color: #666;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .business-client-box-main .base-info-box .info-box .tag-box .tag {
        display: inline-block;
        vertical-align: top;
        margin-right: 8px;
        height: 16px;
        line-height: 16px;
        padding: 0 6px;
        font-size: 12px;
        color: #6B7274;
        border: 1px solid #6B7274;
        border-radius: 2px; }
  .business-client-box-main .address-info-box {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    color: #999;
    margin-bottom: 12px; }
    .business-client-box-main .address-info-box .add {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .business-client-box-main .address-info-box .add .iconfont {
        font-size: 14px;
        margin-right: 4px; }
    .business-client-box-main .address-info-box .distance i {
      color: #20ade5; }
  .business-client-box-main .follow-up-records-box {
    font-size: 14px;
    color: #666;
    margin-bottom: 12px; }
    .business-client-box-main .follow-up-records-box .title {
      font-weight: bold;
      color: #333;
      line-height: 1;
      margin-bottom: 8px; }
    .business-client-box-main .follow-up-records-box .time-box {
      line-height: 1;
      margin-bottom: 8px;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .business-client-box-main .follow-up-records-box .content {
      line-height: 1.5;
      word-break: break-all; }

.cont {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  width: 100%; }

.goods-detail-cont {
  bottom: 0; }

.cont-box {
  padding: 0 24px; }

.cont-hear {
  width: 100%;
  padding: 14px 24px 4px;
  background: #ffffff;
  border-bottom: 1px solid #e3e3e3; }

.cont-breadcrumb {
  width: 100%;
  height: 50px;
  line-height: 48px;
  padding: 0 20px 0 24px; }
  .cont-breadcrumb .breadcrumb-left {
    float: left; }
    .cont-breadcrumb .breadcrumb-left .breadcrumb-cont {
      display: inline-block;
      vertical-align: middle; }
      .cont-breadcrumb .breadcrumb-left .breadcrumb-cont .tit {
        display: inline-block;
        vertical-align: middle;
        color: #999; }
        .cont-breadcrumb .breadcrumb-left .breadcrumb-cont .tit:hover {
          color: #20ade5; }
        .cont-breadcrumb .breadcrumb-left .breadcrumb-cont .tit:last-child {
          color: #333; }
          .cont-breadcrumb .breadcrumb-left .breadcrumb-cont .tit:last-child .tit-next {
            display: none; }
      .cont-breadcrumb .breadcrumb-left .breadcrumb-cont .tit-txt {
        vertical-align: middle;
        font-size: 14px;
        padding-right: 12px; }
      .cont-breadcrumb .breadcrumb-left .breadcrumb-cont .tit-next {
        vertical-align: middle;
        padding-right: 12px;
        font-size: 14px; }
  .cont-breadcrumb .tips-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    line-height: 1; }
    .cont-breadcrumb .tips-box:hover .tips {
      display: block; }
    .cont-breadcrumb .tips-box i {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 14px;
      text-align: center;
      font-size: 16px;
      color: #d2d2d2;
      margin-left: 4px; }
    .cont-breadcrumb .tips-box p {
      font-size: 12px;
      color: #999;
      font-weight: 400; }
    .cont-breadcrumb .tips-box .tips {
      display: none;
      position: absolute;
      top: -10px;
      right: -298px;
      z-index: 2; }
      .cont-breadcrumb .tips-box .tips .tri-up {
        position: absolute;
        top: 50%;
        left: -20px;
        margin-top: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px;
        border-color: transparent #fff transparent transparent; }
      .cont-breadcrumb .tips-box .tips .txt {
        width: 286px;
        padding: 10px;
        background-color: #ffffff;
        color: #999;
        line-height: 1.5;
        box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
        border-radius: 2px;
        font-size: 12px;
        font-weight: 400;
        text-align: left; }
  .cont-breadcrumb .breadcrumb-right {
    float: right;
    padding-top: 10px;
    line-height: 1; }
    .cont-breadcrumb .breadcrumb-right .refresh {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 10px;
      cursor: pointer;
      background: url("../images/common_icon_refresh_n.png") no-repeat center/24px; }
      .cont-breadcrumb .breadcrumb-right .refresh:hover {
        background: url("../images/common_icon_refresh_h.png") no-repeat center/24px; }

.cont-head {
  position: relative;
  min-height: 51px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 24px;
  font-size: 0;
  font-weight: 400;
  background: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  width: 100%; }
  .cont-head .head-tab-box {
    flex: 1; }
  .cont-head a:hover {
    color: #7cbeff; }
  .cont-head a {
    height: 50px;
    line-height: 50px; }
  .cont-head .tab {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    min-width: 106px;
    color: #999;
    border-bottom: 2px solid transparent;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px; }
    .cont-head .tab:hover {
      color: #20ade5; }

.cont-active-line {
  display: block;
  width: 24px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #20ade5;
  transform: translateX(41px); }

.cont-head .active {
  color: #20ade5;
  font-weight: 600; }
  .cont-head .active:hover {
    color: #20ade5; }

.left0-w-max {
  left: 0;
  width: 100%;
  top: 0; }
  .left0-w-max .cont-action {
    flex: 1; }

.cont-action > .btn {
  margin-left: 16px; }
.cont-action .tips {
  display: inline-block;
  font-size: 12px;
  color: #999 !important;
  float: left;
  line-height: 50px !important;
  padding-left: 16px; }
.cont-action .neaten-btn-box {
  font-size: 14px;
  width: 120px;
  line-height: 50px;
  text-align: center;
  color: #666;
  cursor: pointer; }
  .cont-action .neaten-btn-box:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 6px;
    background: url("../images/common_icon_arrow_down_1.png") no-repeat center/10px 6px; }
  .cont-action .neaten-btn-box.active:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 6px;
    background: url("../images/common_icon_arrow_up_1.png") no-repeat center/10px 6px; }
.cont-action .hint-box {
  position: relative; }
  .cont-action .hint-box:hover .iconfont {
    color: #20ade5; }
  .cont-action .hint-box:hover .hint {
    display: block; }
  .cont-action .hint-box .iconfont {
    font-size: 26px;
    color: #999; }
  .cont-action .hint-box .hint {
    display: none;
    font-size: 12px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 46px;
    left: -134px;
    width: 180px;
    z-index: 2;
    text-align: center;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22); }
    .cont-action .hint-box .hint:before {
      content: "";
      position: absolute;
      top: -8px;
      right: 24px;
      width: 14px;
      height: 8px;
      background-color: transparent;
      background-image: url(../images/arrow_pull_down.png);
      background-repeat: no-repeat;
      background-size: 14px 8px; }

.cont-action a {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  color: #20ade5;
  cursor: pointer; }
  .cont-action a:hover {
    color: #20ade5; }
  .cont-action a .icon-img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    width: 16px;
    height: 16px;
    background: url("../images/top-icon-menu-save.png") no-repeat center; }

.rk-red {
  color: #FF3838 !important; }

.rk-orange {
  color: #FF781E !important; }

.rk-yellow {
  color: #FFCA1A !important; }

.cont-hear-left {
  position: relative;
  height: 40px;
  width: 100%; }
  .cont-hear-left .text {
    font-size: 12px;
    color: #666;
    vertical-align: middle; }
  .cont-hear-left .unfold {
    display: none;
    margin-bottom: 10px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border: 0 none;
    background: url("../images/home_icon_affiche_unfold.png") no-repeat center; }
  .cont-hear-left .shrink {
    background: url("../images/home_icon_affiche_pack_up.png") no-repeat center; }
  .cont-hear-left .search-size-middle {
    width: 240px; }
  .cont-hear-left .select-check-box .select-check-main {
    margin-right: 0; }
  .cont-hear-left .select-check-box .select-multiple-box {
    height: 32px;
    line-height: 32px; }
    .cont-hear-left .select-check-box .select-multiple-box .select-selection-rendered {
      min-height: 32px;
      height: 32px; }
      .cont-hear-left .select-check-box .select-multiple-box .select-selection-rendered li {
        height: 24px;
        line-height: 22px; }
  .cont-hear-left .select-check-box .select-dropdown {
    min-width: 100%;
    width: auto;
    top: 32px; }
  .cont-hear-left .select-check-box .select-check-main {
    margin-right: 0; }
  .cont-hear-left .select-check-box .select-multiple-box {
    height: 32px;
    line-height: 32px; }
    .cont-hear-left .select-check-box .select-multiple-box .select-selection-rendered {
      min-height: 32px;
      height: 32px; }
      .cont-hear-left .select-check-box .select-multiple-box .select-selection-rendered li {
        height: 24px;
        line-height: 22px; }
  .cont-hear-left .select-check-box .select-dropdown {
    min-width: 100%;
    width: auto;
    top: 32px; }
  .cont-hear-left .client-price-head {
    width: 116px; }
    .cont-hear-left .client-price-head .range-size-middle {
      width: 116px !important; }
  .cont-hear-left .select-range .sel-down, .cont-hear-left .select-range .sel-up {
    background-position: 91% center; }
  .cont-hear-left .select-width {
    width: 130px; }
  .cont-hear-left .detail-labels {
    width: 100%; }

.autoHeight {
  height: auto; }

.unfold-box {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  position: absolute;
  top: 0;
  right: 0; }

.cont-hear-right {
  font-size: 0;
  color: #666;
  line-height: 32px; }
  .cont-hear-right .btn.import-btn-box {
    padding: 0;
    margin: 0;
    margin-left: 16px;
    background: none !important;
    opacity: 1 !important;
    position: relative;
    z-index: 2; }
    .cont-hear-right .btn.import-btn-box:hover .import-select {
      display: block; }
    .cont-hear-right .btn.import-btn-box .import-select {
      display: none;
      top: 31px;
      position: absolute;
      right: 0;
      min-width: 160px; }
  .cont-hear-right a {
    display: inline-block;
    padding: 0 8px;
    text-align: center;
    color: #20ade5;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1.5; }
  .cont-hear-right i {
    margin-right: 4px;
    vertical-align: middle; }
  .cont-hear-right .explain {
    display: inline-block;
    font-size: 16px;
    color: #666;
    margin-right: 12px;
    cursor: pointer; }
    .cont-hear-right .explain i {
      font-size: 16px; }
    .cont-hear-right .explain .explain-hover {
      right: 70px;
      width: 300px;
      line-height: 1.7; }
    .cont-hear-right .explain.sale-explain .explain-hover {
      right: -20px; }
      .cont-hear-right .explain.sale-explain .explain-hover .tri {
        left: 85%; }
    .cont-hear-right .explain:hover .explain-hover {
      display: block; }

.import-btn-box {
  position: relative;
  padding-right: 16px;
  margin-right: 8px;
  background: url("../images/menu_icon_down.png") no-repeat right center/10px 6px; }
  .import-btn-box:hover {
    background: url("../images/menu_icon_up.png") no-repeat right center/10px 6px; }
    .import-btn-box:hover .import-select-wrap {
      display: block; }
  .import-btn-box .import-select-wrap {
    display: none;
    position: absolute;
    z-index: 3;
    top: 1em;
    left: -50px;
    width: 150px;
    padding-top: 12px; }
  .import-btn-box .import-select {
    background: #fff;
    border: 1px solid #f5f5f5;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.1);
    line-height: 1.0em; }
    .import-btn-box .import-select span {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      text-align: left;
      color: #333;
      padding-left: 16px;
      border-bottom: 1px solid #f5f5f5;
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .import-btn-box .import-select span:hover {
        background: #F1F8FF;
        color: #20ade5; }
      .import-btn-box .import-select span:last-child {
        border-bottom: 0 none; }

.select-btn-box {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0 18px !important;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  margin-right: 0 !important;
  background: #20ade5 url("../images/menu_icon_down-1.png") no-repeat 90% center/10px 6px !important;
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: relative;
  z-index: 1; }
  .select-btn-box:hover {
    background: #20ade5 url("../images/menu_icon_up-1.png") no-repeat 90% center/10px 6px !important; }
  .select-btn-box i {
    font-size: 14px !important;
    color: #fff !important;
    margin-right: 0 !important; }
  .select-btn-box .import-select {
    top: 30px !important; }

.unfold {
  background: url("../images/home_icon_affiche_unfold.png") no-repeat center; }

.up {
  background: url("../images/home_icon_affiche_pack_up") no-repeat center; }

.hear-drop {
  display: none; }

.blank {
  height: 60px; }

.footer {
  width: 100%;
  background-color: #FFFFFF;
  border-top: 1px solid #e3e3e3; }

.cont-foot {
  border-top: 1px solid #e3e3e3;
  background: #ffffff; }

.pop-mess-unread {
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 14px;
  height: 14px;
  background: #20ade5;
  border-radius: 50%;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
  color: #FFFFFF; }

.mess-close {
  background: url("../images/close.png") no-repeat; }

.top-16 {
  top: 16px; }

.right-16 {
  right: 16px; }

.pos-tl0 {
  top: 0;
  left: 0; }

.pos-tr0 {
  top: 0;
  right: 0; }

.top0-left156 {
  top: -8px;
  left: 86%; }

.bottom0-left156 {
  bottom: -2px;
  left: 86%; }

.b19-l24 {
  bottom: 19px;
  left: -24px; }

.top24-left-24 {
  top: 24px;
  left: -24px; }

.top44-left-28 {
  top: 40px;
  left: -28px; }

.top70-right490 {
  top: 70px;
  right: 490px; }

.detail-box {
  font-size: 12px;
  padding: 24px 24px 6px;
  background: #ffffff;
  margin-top: 16px; }
  .detail-box:last-child {
    padding-bottom: 60px; }
  .detail-box:first-child {
    padding-top: 12px;
    padding-bottom: 24px; }
  .detail-box .list-title {
    padding-bottom: 6px;
    margin-bottom: 12px; }
    .detail-box .list-title .select-check-main {
      margin-bottom: 0; }
    .detail-box .list-title .select-box {
      float: right;
      display: inline-block;
      padding: 0;
      margin: 0;
      width: 200px; }
      .detail-box .list-title .select-box .box-wrap {
        display: inline-block;
        width: 68%;
        vertical-align: middle; }
      .detail-box .list-title .select-box .select-check-main {
        margin-bottom: 0 !important; }
      .detail-box .list-title .select-box .select-multiple-box {
        height: 30px;
        line-height: 30px; }
      .detail-box .list-title .select-box .select-selection-multiple {
        border: 0 none;
        min-height: 28px; }
      .detail-box .list-title .select-box .select-multiple-box.search-size-max .select-selection-rendered {
        min-height: 30px;
        height: 30px;
        border: 0 none; }
      .detail-box .list-title .select-box .select-check-box .select-check-title {
        width: 60px; }
  .detail-box h3 {
    position: relative;
    display: inline-block;
    color: #333;
    padding: 0 10px 10px 6px;
    font-weight: 600;
    font-size: 16px;
    vertical-align: middle; }
    .detail-box h3:before {
      content: "";
      width: 2px;
      height: 16px;
      background: #333;
      position: absolute;
      top: 10%;
      left: 0; }
    .detail-box h3 .tips-box {
      display: inline-block;
      position: relative;
      cursor: pointer;
      line-height: 1; }
      .detail-box h3 .tips-box:hover .tips {
        display: block; }
      .detail-box h3 .tips-box i {
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 14px;
        text-align: center;
        font-size: 16px;
        color: #d2d2d2;
        margin-left: 4px; }
      .detail-box h3 .tips-box p {
        font-size: 12px;
        color: #999;
        font-weight: 400; }
      .detail-box h3 .tips-box .tips {
        display: none;
        position: absolute;
        top: -24px;
        right: -282px;
        z-index: 2; }
        .detail-box h3 .tips-box .tips .tri-up {
          position: absolute;
          top: 50%;
          left: -20px;
          margin-top: -12px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px;
          border-color: transparent #fff transparent transparent; }
        .detail-box h3 .tips-box .tips .txt {
          width: 270px;
          padding: 16px;
          background-color: #ffffff;
          color: #999;
          line-height: 1.5;
          box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
          border-radius: 2px;
          font-size: 12px;
          font-weight: 400;
          text-align: left; }
  .detail-box p {
    display: inline-block;
    vertical-align: middle; }
  .detail-box .detail-tips-txt {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    color: #999;
    margin-right: 12px; }
  .detail-box .upload {
    padding: 12px 0; }
    .detail-box .upload .detail-sheet {
      border: 0 none; }
    .detail-box .upload .link p {
      font-size: 12px;
      color: #999;
      width: auto; }
  .detail-box .upload-img {
    margin-top: 16px;
    font-size: 0; }
    .detail-box .upload-img img {
      width: 100px;
      height: 100px;
      border: 1px solid #e3e3e3;
      margin-right: 12px; }
  .detail-box .link {
    display: inline-block;
    font-size: 14px;
    color: #666666; }
  .detail-box .num {
    display: inline-block;
    position: relative;
    color: #20ade5; }
    .detail-box .num p {
      font-size: 12px;
      padding-bottom: 2px; }
  .detail-box .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #20ade5;
    border-radius: 2px; }
  .detail-box .draft-txt {
    overflow: hidden;
    padding: 12px 0 12px 100px;
    font-size: 12px;
    border-bottom: 1px solid #e3e3e3; }
    .detail-box .draft-txt .aside {
      padding: 10px 0;
      float: left;
      width: 100px;
      margin-left: -100%;
      position: relative;
      left: -96px;
      _left: 0;
      color: #666; }
    .detail-box .draft-txt .main {
      padding: 10px 0;
      float: left;
      width: 100%;
      color: #333; }
  .detail-box .bt {
    border-top: 1px solid #e3e3e3; }
  .detail-box .add {
    overflow: hidden;
    padding-left: 210px;
    padding-top: 16px;
    padding-bottom: 12px;
    border-top: 1px solid #e3e3e3; }
    .detail-box .add p {
      color: #666; }
    .detail-box .add .main {
      float: left;
      width: 100%; }
      .detail-box .add .main span {
        padding-left: 24px; }
        .detail-box .add .main span i {
          font-size: 12px;
          color: #999;
          cursor: pointer; }
    .detail-box .add .aside1 {
      float: left;
      width: 80px;
      margin-left: -100%;
      position: relative;
      left: -210px;
      _left: 0; }
    .detail-box .add .aside2 {
      float: left;
      width: 120px;
      margin-left: -100%;
      position: relative;
      left: -130px;
      _left: 130px; }
  .detail-box .address {
    margin-top: 16px; }
    .detail-box .address h3 {
      border: 0 none;
      padding-left: 2px;
      font-size: 12px;
      padding-bottom: 8px; }
      .detail-box .address h3:before {
        display: none; }
      .detail-box .address h3 span {
        margin-left: 66px; }
        .detail-box .address h3 span:last-child {
          margin-left: 24px; }
      .detail-box .address h3 .txt {
        color: #999;
        font-size: 12px;
        cursor: pointer; }
        .detail-box .address h3 .txt:hover {
          color: #666; }
    .detail-box .address .detail-mess {
      border: 0 none;
      line-height: 2; }
      .detail-box .address .detail-mess .main {
        padding: 0; }
      .detail-box .address .detail-mess .tit {
        padding: 0; }
  .detail-box .tips {
    float: right; }
    .detail-box .tips i {
      font-size: 16px;
      color: #666;
      vertical-align: middle;
      margin-right: 14px; }
    .detail-box .tips .dis-inb {
      vertical-align: middle; }
  .detail-box .user-head .img-up .logo {
    width: 100px;
    height: 100px; }
  .detail-box .import-btn-box {
    font-size: 16px;
    color: #666;
    opacity: 1 !important;
    position: relative;
    z-index: 2; }
    .detail-box .import-btn-box:hover .import-select {
      display: block; }
    .detail-box .import-btn-box .import-select {
      display: none;
      top: 21px;
      position: absolute;
      right: 0;
      min-width: 100%; }
  .detail-box .import-btn-box {
    background: url(../images/common_icon_arrow_down_1.png) no-repeat right 10px/10px 6px; }
    .detail-box .import-btn-box:hover {
      background: url(../images/common_icon_arrow_up_1.png) no-repeat right 10px/10px 6px; }
  .detail-box .ship-ope-box {
    float: right;
    margin-top: -10px; }
  .detail-box .ship-way-box {
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px; }
    .detail-box .ship-way-box .select-range {
      height: 30px;
      line-height: 30px; }
  .detail-box .textarea-wrap .detail-explain {
    padding-top: 0;
    border-top: 0; }
  .detail-box.table-box-special .detail-size-table .table-box .tr-box:first-child {
    display: none; }
  .detail-box.table-box-special .detail-size-table .table-box .th-box {
    display: none; }
  .detail-box.table-box-special .detail-size-table .table-box .detail-size-txt {
    height: 32px;
    text-align: right;
    color: #333;
    font-weight: normal;
    font-size: 12px; }
    .detail-box.table-box-special .detail-size-table .table-box .detail-size-txt a {
      right: 12px;
      margin-left: 0;
      height: 32px;
      line-height: 32px; }
  .detail-box.table-box-special-size-txt .detail-size-table .table-box .detail-size-txt {
    height: 32px;
    text-align: right;
    color: #333;
    font-weight: normal;
    font-size: 12px; }
    .detail-box.table-box-special-size-txt .detail-size-table .table-box .detail-size-txt a {
      right: 12px;
      margin-left: 0;
      height: 32px;
      line-height: 32px; }

.change .detail-list li:nth-child(2n + 1) {
  margin-right: 190px; }
.change .detail-list li {
  display: inline-block;
  width: 600px;
  font-size: 0;
  margin-left: 42px; }
.change .detail-base {
  border: 0 none; }

.detail .detail-box {
  margin-top: 12px; }
  .detail .detail-box:first-child {
    margin-top: 22px; }

.detail-base {
  border-top: 1px solid #e3e3e3;
  padding-top: 14px;
  text-align: left;
  font-size: 0; }
  .detail-base li {
    display: inline-block;
    vertical-align: top;
    max-width: 600px;
    width: calc(50% - 24px);
    font-size: 0;
    position: relative;
    margin-right: 24px; }
    .detail-base li .tips {
      margin-left: 106px;
      margin-top: 20px; }
    .detail-base li .detail-labels {
      vertical-align: top; }
    .detail-base li .input-width {
      width: calc(100% - 50px);
      display: inline-block;
      vertical-align: middle; }
    .detail-base li .tips-body {
      top: 31px;
      z-index: 1; }
    .detail-base li .tips-wrap {
      position: absolute;
      top: 42px;
      right: 12px;
      font-size: 12px;
      color: #999; }
  .detail-base .logo-box .tips {
    vertical-align: bottom;
    font-size: 12px;
    color: #999;
    float: none;
    padding-left: 64px;
    margin: 10px 0 0 0; }
    .detail-base .logo-box .tips i {
      color: #999; }
  .detail-base .mess {
    margin-bottom: 12px; }
    .detail-base .mess:last-child {
      margin-bottom: 0; }
    .detail-base .mess .img-up {
      display: inline-block;
      border: 1px dashed #e3e3e3; }
      .detail-base .mess .img-up:hover {
        border-color: #20ade5; }
    .detail-base .mess .logo-box .tips-txt {
      width: 54px;
      font-size: 12px;
      color: #666;
      vertical-align: middle;
      margin-right: 10px;
      text-align: right; }
    .detail-base .mess .logo {
      display: inline-block;
      width: 200px;
      height: 50px;
      text-align: center; }
      .detail-base .mess .logo img {
        width: 100%;
        height: 100%; }
    .detail-base .mess .text-area-box {
      display: flex;
      justify-content: flex-start;
      align-content: center;
      align-items: center; }
      .detail-base .mess .text-area-box p {
        text-align: right;
        width: 54px;
        font-size: 12px;
        color: #666;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px; }
    .detail-base .mess .detail-explain {
      border-top: 0 none;
      padding-top: 0; }
    .detail-base .mess .wechat-img .logo {
      display: inline-block;
      width: 120px;
      height: 120px;
      text-align: center; }
      .detail-base .mess .wechat-img .logo img {
        width: 100%;
        height: 100%; }
  .detail-base.img-upload-box {
    border-top: 0 none; }
  .detail-base .num-set {
    overflow: hidden;
    padding-left: 100px;
    font-size: 12px; }
    .detail-base .num-set .aside {
      float: left;
      width: 100px;
      margin-left: -100%;
      position: relative;
      left: -96px;
      _left: 0;
      color: #333;
      font-weight: 600; }
    .detail-base .num-set .main {
      float: left;
      width: 100%;
      color: #666; }
  .detail-base .search-filtrate-drop-box {
    width: 100%;
    margin-right: 13px; }
  .detail-base .filtrate-main {
    margin: 0; }
  .detail-base .txt-disable {
    color: #333 !important; }
  .detail-base .attr-card {
    min-height: 40px;
    display: block; }
  .detail-base .attr-title {
    width: 120px;
    position: relative;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid transparent; }
    .detail-base .attr-title:hover {
      border-bottom: 1px solid #e3e3e3; }
      .detail-base .attr-title:hover .ope-box {
        display: block; }
    .detail-base .attr-title input {
      padding-left: 12px;
      height: 54px;
      line-height: 54px;
      border: 0 none;
      width: 100%; }
    .detail-base .attr-title .ope-box {
      display: none;
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .detail-base .attr-title .ope-box .iconfont {
        cursor: pointer; }
  .detail-base .attr-sign {
    width: 100%;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px;
    text-align: left; }
  .detail-base .attr-body {
    width: 100%; }
  .detail-base .attr-main {
    width: 100%;
    padding: 0 4px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    max-height: 60px;
    overflow: auto; }
    .detail-base .attr-main .active {
      border: 1px solid #20ade5;
      background-color: #fff;
      position: relative; }
      .detail-base .attr-main .active:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("../images/attr-label-select.png") no-repeat center/16px;
        position: absolute;
        bottom: -1px;
        right: -1px; }
  .detail-base .attr-label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    margin: 4px;
    background: #f3f3f3;
    cursor: pointer; }
    .detail-base .attr-label input {
      width: 2em;
      height: 100%;
      background: none;
      border: 0 none;
      font-size: 14px; }
    .detail-base .attr-label .close {
      position: absolute;
      right: 2px;
      top: 2px;
      font-size: 12px;
      text-align: center;
      color: #666;
      line-height: 1em; }
      .detail-base .attr-label .close:hover {
        color: #20ade5; }
  .detail-base .enter {
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    border: 0 none;
    height: 36px;
    padding-left: 1em;
    color: #333; }

.seo-detail-box .detail-base li {
  margin-right: 0; }

.goods-edit-detail-base li {
  max-width: 400px;
  width: calc(25% - 24px); }

.seo-detail-box .goods-edit-detail-base li {
  max-width: 1000px;
  width: calc(25% - 24px); }

.detail-base-delivery li {
  max-width: 408px;
  width: calc(25% - 24px); }

.info li {
  margin: 0; }
  .info li .mess:last-child {
    margin: 0; }
  .info li .logo-box {
    margin-left: 110px; }

.detail-labels {
  display: inline-block;
  width: calc(92% - 74px);
  vertical-align: middle; }
  .detail-labels li {
    float: left;
    width: auto;
    height: 40px;
    line-height: 39px;
    margin-bottom: 0;
    margin-right: 24px;
    text-align: center;
    cursor: pointer; }
    .detail-labels li:last-child {
      margin-right: 0; }
  .detail-labels a {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #666;
    margin-bottom: 8px; }
  .detail-labels .table-check {
    margin-top: 0 !important; }
  .detail-labels .check-txt {
    color: #666 !important; }

.txt-warn-box {
  display: none;
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 2;
  font-size: 12px;
  color: #999999; }
  .txt-warn-box .txt-warn {
    width: 236px;
    height: 32px;
    background: #FFFFFF;
    line-height: 32px;
    text-align: center;
    border: 1px solid #E3E3E3;
    box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.22);
    border-radius: 4px; }
    .txt-warn-box .txt-warn img {
      width: 24px;
      height: 24px; }

.l242 {
  left: 242px; }

.txt-grayb3 {
  color: #B3B3B3; }

.txt-gray9 {
  color: #999 !important; }

.through {
  text-decoration: line-through; }

.point {
  display: block;
  color: inherit;
  background-image: url("../images/goods_icon_9_arrow.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 20px 20px;
  cursor: pointer; }

.detail-size {
  border-top: 1px solid #e3e3e3; }
  .detail-size .select-multiple-box {
    height: 32px;
    line-height: 30px; }
    .detail-size .select-multiple-box.search-size-max .select-selection-rendered {
      min-height: 32px;
      height: 32px; }
  .detail-size .select-dropdown {
    top: 32px; }

.detail-sheet {
  position: relative;
  border-top: 1px solid #e3e3e3;
  padding-top: 16px; }
  .detail-sheet .sheet-list-box {
    width: calc(100% - 100px);
    display: inline-block; }
  .detail-sheet ul {
    width: 100%; }
  .detail-sheet li {
    position: relative;
    float: left;
    text-align: center;
    border: 1px solid #e3e3e3;
    margin-right: 10px;
    margin-bottom: 16px; }
    .detail-sheet li:hover .sheet-close {
      display: block; }
    .detail-sheet li a {
      width: 100px;
      height: 100px;
      position: relative;
      overflow: hidden; }
      .detail-sheet li a .svg-icon {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .detail-sheet li img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      vertical-align: middle;
      text-align: center;
      margin: 0 auto; }
  .detail-sheet .img-up {
    width: 98px;
    height: 100px;
    border: 1px dashed #e3e3e3;
    text-align: center;
    line-height: 99px;
    z-index: 1; }
    .detail-sheet .img-up:hover {
      opacity: .8;
      border: 1px dashed #20ade5; }
      .detail-sheet .img-up:hover i {
        color: #20ade5; }
    .detail-sheet .img-up:hover .sheet-close {
      display: block; }
    .detail-sheet .img-up i {
      font-size: 24px;
      color: #999; }
  .detail-sheet .shield {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100px;
    height: 102px;
    z-index: 3;
    background: #FFFFFF; }
  .detail-sheet .sheet-close {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: url("../images/icon-select-close.png") no-repeat; }

.goto {
  background: url("../images/goods_icon_9_down.png") no-repeat 99% center; }

.detail-explain {
  position: relative;
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid #e3e3e3; }
  .detail-explain .det-exp.txt {
    border: 1px solid #e3e3e3; }
  .detail-explain textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    background: #FFFFFF;
    padding: 12px 0 0 12px;
    resize: none;
    font-size: 12px; }
    .detail-explain textarea:hover {
      border: 1px solid #7cbeff; }
    .detail-explain textarea:focus {
      outline-offset: 0;
      outline: -webkit-focus-ring-color auto 0;
      border: 1px solid #7cbeff; }
  .detail-explain span {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 20px;
    color: #e3e3e3; }

.detail-receive {
  border-top: 1px solid #e3e3e3;
  padding-top: 16px; }
  .detail-receive .txt {
    font-size: 12px;
    text-align: left;
    color: #999;
    border: 0 none;
    width: 100%;
    margin-bottom: 12px; }

.detail-footer {
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: inset 0 1px 0 0 #E3E3E3;
  padding: 10px 24px;
  min-height: 52px;
  font-size: 16px;
  font-weight: 400;
  text-align: right; }
  .detail-footer i {
    padding-right: 6px; }
  .detail-footer p {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px; }
  .detail-footer .btn-with-loading + .btn-with-loading {
    margin-left: 16px; }
  .detail-footer .btn-with-loading + .btn {
    margin-left: 16px; }
  .detail-footer .relevance-order-box {
    display: inline-block;
    float: left;
    line-height: 30px; }
    .detail-footer .relevance-order-box span {
      display: inline-block;
      font-size: 12px;
      color: #333; }
    .detail-footer .relevance-order-box .detail-btn {
      color: #20ade5;
      cursor: pointer;
      padding-left: 16px; }

.goods-detail-box {
  width: 1200px;
  margin: 0 auto;
  font-size: 0;
  padding: 0 12px; }

.goods-detail-left, .goods-detail-right {
  display: inline-block;
  vertical-align: top;
  padding-top: 12px;
  font-size: 12px; }

.goods-detail-left {
  width: 474px;
  position: relative; }
  .goods-detail-left .play-video-btn {
    position: absolute;
    left: 16px;
    bottom: 156px;
    width: 90px;
    height: 24px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 100px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 12px; }
    .goods-detail-left .play-video-btn .iconfont {
      font-size: 12px;
      margin-right: 4px; }

.video-pop-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6; }
  .video-pop-box:hover .video-close, .video-pop-box:hover .video-play-box, .video-pop-box:hover .video-pause-box {
    display: block; }
  .video-pop-box .video-close {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    text-align: right;
    padding: 0 16px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2; }
    .video-pop-box .video-close i {
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%);
      font-size: 14px;
      color: #fff;
      cursor: pointer; }
  .video-pop-box .time-display-box {
    position: absolute;
    left: 24px;
    bottom: 24px;
    font-size: 14px;
    color: #fff;
    z-index: 3;
    padding: 4px 8px;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.4); }
  .video-pop-box .video-play-box, .video-pop-box .video-pause-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    .video-pop-box .video-play-box img, .video-pop-box .video-pause-box img {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.goods-detail-tips {
  padding-top: 16px; }
  .goods-detail-tips .collect-txt {
    font-size: 14px;
    line-height: 16px;
    color: #333; }
    .goods-detail-tips .collect-txt i {
      color: #20ade5;
      margin-right: 4px; }
  .goods-detail-tips .share-btn {
    font-size: 14px;
    line-height: 18px;
    color: #333;
    padding-left: 24px;
    cursor: pointer; }
    .goods-detail-tips .share-btn i {
      font-size: 18px;
      color: #20ade5;
      margin-right: 4px; }

.carousel {
  position: relative;
  overflow: hidden; }
  .carousel .bigImg {
    height: 474px;
    width: 474px;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 16px;
    margin-left: 0;
    border: 1px solid #f5f5f5;
    vertical-align: middle; }
    .carousel .bigImg li {
      position: relative;
      float: left;
      height: 474px;
      overflow: hidden; }
    .carousel .bigImg img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      vertical-align: middle;
      text-align: center;
      margin: 0 auto; }

.smallScroll {
  height: 86px;
  width: 100%; }
  .smallScroll .smallImg {
    overflow: hidden;
    display: inline;
    float: left;
    width: calc(100% - 90px);
    height: 86px;
    box-sizing: content-box; }
    .smallScroll .smallImg li {
      display: inline;
      cursor: pointer;
      float: left;
      text-align: center;
      width: 84px;
      height: 84px;
      box-sizing: content-box;
      margin-right: 12px;
      border: 1px solid #e3e3e3;
      position: relative; }
    .smallScroll .smallImg img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      vertical-align: middle;
      text-align: center;
      margin: 0 auto; }
    .smallScroll .smallImg .on {
      border: 1px dashed #20ade5; }

.carousel-btn {
  float: left;
  display: inline-block;
  width: 30px;
  height: 86px;
  border: 1px solid #f5f5f5;
  background-color: #fcfcfc;
  background-repeat: no-repeat;
  background-position: center; }

.carousel-btn-prev {
  margin-right: 15px;
  background-image: url("../images/goods_icon_8_arrow.png"); }

.carousel-btn-next {
  margin-left: 15px;
  background-image: url("../images/goods_icon_9_arrow.png"); }

.tip {
  display: inline-block;
  vertical-align: middle; }

.round-label {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 6px;
  border-radius: 2px;
  text-align: center;
  margin-right: 6px;
  font-size: 0; }
  .round-label .round-table {
    display: table;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center; }
    .round-label .round-table p {
      display: table-cell;
      padding: 0 !important;
      font-size: 12px;
      line-height: 14px;
      color: #FFFFFF;
      vertical-align: middle; }

.orange {
  background-color: rgba(255, 99, 19, 0.9); }

.putaway {
  background: rgba(255, 159, 19, 0.9); }

.unshelve {
  background: rgba(0, 0, 0, 0.7); }

.hot {
  background-color: rgba(255, 99, 80, 0.9); }

.clearance {
  background-color: rgba(241, 49, 49, 0.9); }

.goods-detail-right {
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.5;
  width: calc(100% - 480px); }
  .goods-detail-right dt {
    width: 100%;
    color: #333; }
  .goods-detail-right dd {
    color: #FF3838; }
  .goods-detail-right .goods-detail-num {
    margin: 10px 0 16px;
    font-size: 14px;
    line-height: 1em;
    color: #999; }
    .goods-detail-right .goods-detail-num span {
      margin-right: 14px; }
  .goods-detail-right .goods-cost-list ul:first-child li {
    padding-top: 0; }
  .goods-detail-right .goods-cost-list li {
    position: relative;
    padding: 8px 16px 0;
    display: inline-block;
    text-align: center;
    line-height: 1.4; }
    .goods-detail-right .goods-cost-list li:first-child {
      padding-left: 0; }
    .goods-detail-right .goods-cost-list li:after {
      content: "";
      display: block;
      width: 1px;
      height: 26px;
      background: #e3e3e3;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -13px; }
    .goods-detail-right .goods-cost-list li:last-child:after {
      display: none; }
  .goods-detail-right .goods-cost-list span {
    font-size: 12px;
    color: #b3b3b3; }
  .goods-detail-right .goods-cost-list p {
    font-size: 14px;
    color: #666; }
  .goods-detail-right .shop-goods-cost {
    padding: 12px;
    background-color: #f5f5f5;
    background-image: url(../images/goods_bg_details_price.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    margin-bottom: 8px; }
  .goods-detail-right .price-info {
    overflow: hidden;
    padding-left: 100px;
    line-height: 1;
    margin: 16px 0; }
    .goods-detail-right .price-info .main {
      float: left;
      width: 100%;
      font-size: 14px;
      color: #333; }
      .goods-detail-right .price-info .main .promotion {
        display: inline-block;
        width: 38px;
        height: 18px;
        background: #ff5511;
        color: #ffffff;
        text-align: center;
        line-height: 18px;
        margin-right: 6px; }
    .goods-detail-right .price-info .tit {
      float: left;
      width: 100px;
      margin-left: -100px;
      font-size: 14px;
      text-align: left;
      color: #666; }
    .goods-detail-right .price-info .line-th {
      text-decoration: line-through; }
    .goods-detail-right .price-info .txt-set {
      font-size: 24px;
      font-weight: 600;
      color: #FF3838; }
  .goods-detail-right .norms {
    padding: 8px 12px;
    border-bottom: 1px dashed #e3e3e3;
    border-top: 1px dashed #e3e3e3;
    max-height: 350px; }
    .goods-detail-right .norms .price-info {
      margin: 8px 0; }
    .goods-detail-right .norms .tit {
      height: 40px;
      line-height: 40px; }
    .goods-detail-right .norms .specifications {
      display: inline-block;
      position: relative;
      padding: 6px 12px 8px;
      min-width: 74px;
      margin-bottom: 8px;
      margin-right: 8px;
      text-align: center;
      border: 1px solid #b3b3b3;
      cursor: pointer;
      color: #333;
      font-size: 12px;
      background: #fff; }
      .goods-detail-right .norms .specifications:hover, .goods-detail-right .norms .specifications:active {
        border: 1px solid #20ade5; }
        .goods-detail-right .norms .specifications:hover img, .goods-detail-right .norms .specifications:active img {
          display: block; }
      .goods-detail-right .norms .specifications img {
        display: none;
        position: absolute;
        bottom: 0;
        right: 0; }
      .goods-detail-right .norms .specifications:hover, .goods-detail-right .norms .specifications:active {
        border: 1px solid #20ade5;
        color: #20ade5; }
        .goods-detail-right .norms .specifications:hover img, .goods-detail-right .norms .specifications:active img {
          display: block; }
    .goods-detail-right .norms .specifications-disabled {
      color: #d2d2d2;
      border-color: #d2d2d2;
      cursor: not-allowed; }
      .goods-detail-right .norms .specifications-disabled:hover {
        border: 1px solid #d2d2d2;
        color: #d2d2d2; }
    .goods-detail-right .norms .active {
      border: 1px solid #20ade5;
      color: #20ade5; }
      .goods-detail-right .norms .active img {
        display: block; }
    .goods-detail-right .norms .price-info:last-child {
      margin-bottom: 0; }
  .goods-detail-right .units-select-box {
    height: 50px;
    background: #f5f5f5;
    font-size: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center; }
    .goods-detail-right .units-select-box .left, .goods-detail-right .units-select-box .right {
      display: inline-block;
      vertical-align: middle; }
    .goods-detail-right .units-select-box .left {
      flex: 1;
      height: 100%; }
      .goods-detail-right .units-select-box .left:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%; }
      .goods-detail-right .units-select-box .left .txt {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        line-height: 1.5;
        padding: 0 12px; }
        .goods-detail-right .units-select-box .left .txt span:after {
          content: "；";
          display: inline-block; }
        .goods-detail-right .units-select-box .left .txt span:last-child:after {
          display: none; }
    .goods-detail-right .units-select-box .right {
      position: relative;
      padding: 0 16px; }
      .goods-detail-right .units-select-box .right:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 30px;
        background: #e3e3e3;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .goods-detail-right .units-select-box .right .unit-tab {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
        line-height: 48px;
        font-size: 12px;
        cursor: pointer;
        text-align: center;
        border-bottom: 2px solid transparent; }
        .goods-detail-right .units-select-box .right .unit-tab i {
          color: #999; }
      .goods-detail-right .units-select-box .right .active {
        border-color: #20ade5;
        color: #20ade5; }
        .goods-detail-right .units-select-box .right .active i {
          color: #20ade5; }
  .goods-detail-right .num-box {
    padding: 20px 0 20px 50px;
    border-bottom: 1px dotted #e3e3e3; }
    .goods-detail-right .num-box p {
      margin-left: 50px;
      display: inline-block;
      font-size: 14px;
      color: #333333; }
  .goods-detail-right .buy-num {
    background: #f5f5f5;
    width: 564px;
    height: 50px;
    line-height: 50px; }
    .goods-detail-right .buy-num p {
      position: relative;
      padding: 0 24px;
      display: inline-block;
      font-size: 14px;
      color: #ff3838; }
      .goods-detail-right .buy-num p span {
        font-size: 20px; }
      .goods-detail-right .buy-num p:first-child {
        margin-left: 78px; }
        .goods-detail-right .buy-num p:first-child:after {
          content: "";
          display: block;
          width: 1px;
          height: 24px;
          background: #e3e3e3;
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: -12px; }
    .goods-detail-right .buy-num .buy-list {
      float: right;
      cursor: pointer;
      position: relative;
      margin-right: 24px; }
      .goods-detail-right .buy-num .buy-list p {
        margin: 0;
        color: #333333;
        background: url(../images/goods_icon_down_arrow.png) no-repeat 100% center/12px;
        padding: 0 18px; }
        .goods-detail-right .buy-num .buy-list p:after {
          display: none; }
      .goods-detail-right .buy-num .buy-list .active {
        background: url(../images/goods_icon_top_arrow.png) no-repeat 100% center/12px; }
    .goods-detail-right .buy-num .list-info {
      display: none;
      position: absolute;
      bottom: 50px;
      right: -24px;
      width: 564px;
      box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.2);
      line-height: 1;
      z-index: 2;
      font-size: 14px; }
      .goods-detail-right .buy-num .list-info table {
        width: 100%;
        table-layout: fixed;
        background: #ffffff; }
      .goods-detail-right .buy-num .list-info td {
        padding: 0 12px;
        border: 1px solid #e3e3e3;
        color: #666666;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .goods-detail-right .buy-num .list-info td:nth-child(1) {
          color: #333333; }
        .goods-detail-right .buy-num .list-info td:nth-child(2) {
          width: 130px; }
        .goods-detail-right .buy-num .list-info td .import-num {
          line-height: 1;
          margin-top: 8px; }
  .goods-detail-right .pitc-mt70mb24 {
    margin: 70px 0 24px; }
  .goods-detail-right .btn-box {
    display: inline-block;
    vertical-align: middle;
    padding: 0 18px;
    font-size: 0; }
    .goods-detail-right .btn-box .shop-buy {
      width: 150px;
      height: 50px;
      background-color: #fff4eb;
      border: 2px solid #ff7809;
      font-size: 16px;
      font-weight: 600;
      color: #ff7809;
      margin-right: 24px;
      cursor: pointer; }
      .goods-detail-right .btn-box .shop-buy:hover {
        background: #ffffff; }
    .goods-detail-right .btn-box .shop-cart {
      width: 150px;
      height: 50px;
      background-color: #ff7809;
      border: 0 none;
      font-size: 16px;
      font-weight: 600;
      color: #ffffff;
      cursor: pointer; }
      .goods-detail-right .btn-box .shop-cart:hover {
        background: #ff9e4d; }
  .goods-detail-right .collect {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../images/icon-default-collection.png"); }
    .goods-detail-right .collect:hover {
      color: #ff9e4d;
      background-image: url("../images/icon-suspension-collection.png"); }
  .goods-detail-right .collect-active {
    color: #ff9e4d;
    background-image: url("../images/icon-selected-collection.png"); }
    .goods-detail-right .collect-active:hover {
      background-image: url("../images/icon-selected-collection.png"); }
  .goods-detail-right .mess {
    padding: 8px 12px; }
    .goods-detail-right .mess .price-info {
      margin: 0;
      display: inline-block;
      width: 48.8%; }

.goods-info-detail-box {
  min-width: 800px;
  max-width: 1200px;
  padding-top: 24px;
  margin: 0 auto;
  padding-bottom: 100px; }
  .goods-info-detail-box .detail-box-tab {
    padding-left: 22px;
    background: #FAFAFA;
    box-shadow: 0 1px 0 0 #e3e3e3; }
    .goods-info-detail-box .detail-box-tab span {
      display: inline-block;
      padding: 24px 0 12px;
      margin-right: 48px;
      border-bottom: 2px solid transparent;
      font-size: 14px;
      color: #333;
      cursor: pointer; }
    .goods-info-detail-box .detail-box-tab .active {
      color: #20ade5;
      border-color: #20ade5; }
  .goods-info-detail-box .goods_detail {
    min-height: 200px; }
  .goods-info-detail-box .det-info-null {
    padding-top: 50px;
    text-align: center; }
    .goods-info-detail-box .det-info-null img {
      width: 110px;
      height: 88px; }
    .goods-info-detail-box .det-info-null p {
      display: block;
      width: auto;
      padding-top: 12px;
      font-size: 12px;
      color: #666; }

.bgf-p24 {
  background: #ffffff;
  padding: 0 24px; }

.set-list-box, .sale-quotatio-order {
  border-bottom: 1px solid #e3e3e3;
  padding: 1px 1px;
  background: #ffffff; }
  .set-list-box .title-box, .sale-quotatio-order .title-box {
    display: flex;
    align-items: center; }
  .set-list-box .pay-default, .sale-quotatio-order .pay-default {
    color: #20ade5 !important; }
  .set-list-box h2, .sale-quotatio-order h2 {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1;
    margin: 16px 0 16px; }
    .set-list-box h2 .setting-shop-txt, .sale-quotatio-order h2 .setting-shop-txt {
      padding-left: 14px;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      cursor: pointer;
      font-weight: normal;
      color: #999; }
    .set-list-box h2 .add, .sale-quotatio-order h2 .add {
      font-weight: 500;
      font-size: 14px;
      margin-left: 20px;
      color: #50BCEA; }
      .set-list-box h2 .add:hover, .sale-quotatio-order h2 .add:hover {
        cursor: pointer; }
  .set-list-box .mb0, .sale-quotatio-order .mb0 {
    margin-bottom: 0 !important; }
  .set-list-box .cont-search .txt, .sale-quotatio-order .cont-search .txt {
    color: #333; }
  .set-list-box .tips, .sale-quotatio-order .tips {
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
    margin-bottom: 16px;
    cursor: pointer; }
    .set-list-box .tips:hover .set-def, .sale-quotatio-order .tips:hover .set-def {
      display: inline-block; }
    .set-list-box .tips .input-box, .sale-quotatio-order .tips .input-box {
      width: 100px;
      margin: 0 8px; }
      .set-list-box .tips .input-box .cont-search, .sale-quotatio-order .tips .input-box .cont-search {
        margin-bottom: 0; }
    .set-list-box .tips .tips-txt, .sale-quotatio-order .tips .tips-txt {
      display: inline-block;
      vertical-align: bottom;
      font-size: 12px;
      color: #999;
      padding-left: 8px;
      font-weight: normal; }
    .set-list-box .tips span, .sale-quotatio-order .tips span {
      color: #999;
      font-size: 12px; }
      .set-list-box .tips span .set-def, .sale-quotatio-order .tips span .set-def {
        display: none;
        padding-left: 10px;
        color: #333; }
    .set-list-box .tips i, .sale-quotatio-order .tips i {
      margin-top: -2px; }
    .set-list-box .tips .text-tit, .sale-quotatio-order .tips .text-tit {
      display: inline-block;
      font-size: 14px;
      color: #333;
      font-weight: 400;
      text-align: left; }
    .set-list-box .tips .prompt, .sale-quotatio-order .tips .prompt {
      background-color: #ffffff;
      box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22); }
  .set-list-box .client-type .label .box, .sale-quotatio-order .client-type .label .box {
    width: auto;
    padding: 0 10px; }
  .set-list-box .num-set, .sale-quotatio-order .num-set {
    overflow: hidden;
    padding-left: 100px;
    margin: 12px 0; }
    .set-list-box .num-set .aside, .sale-quotatio-order .num-set .aside {
      float: left;
      width: 100px;
      margin-left: -100%;
      position: relative;
      left: -96px;
      _left: 0;
      font-size: 12px; }
    .set-list-box .num-set .main, .sale-quotatio-order .num-set .main {
      float: left;
      width: 100%; }
      .set-list-box .num-set .main span, .sale-quotatio-order .num-set .main span {
        vertical-align: middle;
        display: inline-block;
        height: 24px;
        line-height: 24px !important;
        padding-right: 16px; }
        .set-list-box .num-set .main span .checkbox .iconfont .icon-btn-n, .sale-quotatio-order .num-set .main span .checkbox .iconfont .icon-btn-n {
          line-height: 24px; }
  .set-list-box .label, .sale-quotatio-order .label {
    position: relative;
    margin-top: 16px; }
    .set-list-box .label li, .sale-quotatio-order .label li {
      float: left;
      margin: 0 10px 10px 0;
      position: relative; }
      .set-list-box .label li .label-hover:hover .alter, .sale-quotatio-order .label li .label-hover:hover .alter {
        display: block; }
    .set-list-box .label .label-hover, .sale-quotatio-order .label .label-hover {
      display: inline-block;
      border: 1px solid #e3e3e3;
      vertical-align: middle;
      position: relative; }
    .set-list-box .label .label-focus, .sale-quotatio-order .label .label-focus {
      display: inline-block;
      vertical-align: middle;
      position: relative; }
      .set-list-box .label .label-focus .alter, .sale-quotatio-order .label .label-focus .alter {
        display: block; }
    .set-list-box .label .box, .sale-quotatio-order .label .box {
      display: inline-block;
      line-height: 30px;
      width: 144px;
      vertical-align: middle;
      text-align: center;
      font-size: 12px;
      cursor: pointer;
      margin-right: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #666;
      min-width: 100px; }
    .set-list-box .label .btn, .sale-quotatio-order .label .btn {
      margin-right: 12px; }
    .set-list-box .label .alter, .sale-quotatio-order .label .alter {
      display: none;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      font-size: 0;
      margin-top: 0;
      height: 100%;
      line-height: normal;
      cursor: pointer; }
      .set-list-box .label .alter:empty, .sale-quotatio-order .label .alter:empty {
        display: none !important; }
      .set-list-box .label .alter i, .sale-quotatio-order .label .alter i {
        display: inline-block;
        background: rgba(245, 245, 245, 0.8);
        color: #666;
        margin-right: 0;
        margin-top: 0;
        height: 100%;
        font-size: 12px;
        padding: 10px 8px; }
        .set-list-box .label .alter i:hover, .sale-quotatio-order .label .alter i:hover {
          background: rgba(227, 227, 227, 0.8); }
  .set-list-box .label-box, .sale-quotatio-order .label-box {
    padding-top: 16px; }
    .set-list-box .label-box .label, .sale-quotatio-order .label-box .label {
      display: inline-block;
      margin: 0 16px 16px 0;
      padding: 0 12px;
      width: 108px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      border-radius: 4px;
      color: #fff; }
      .set-list-box .label-box .label:hover, .sale-quotatio-order .label-box .label:hover {
        cursor: default; }
        .set-list-box .label-box .label:hover .alter, .sale-quotatio-order .label-box .label:hover .alter {
          display: block; }
    .set-list-box .label-box .label-default:hover, .sale-quotatio-order .label-box .label-default:hover {
      cursor: not-allowed !important; }
      .set-list-box .label-box .label-default:hover .alter, .sale-quotatio-order .label-box .label-default:hover .alter {
        display: none; }
  .set-list-box .add, .sale-quotatio-order .add {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #666; }
    .set-list-box .add .but-bd-gray, .sale-quotatio-order .add .but-bd-gray {
      font-size: 12px;
      color: #333; }
      .set-list-box .add .but-bd-gray:hover, .sale-quotatio-order .add .but-bd-gray:hover {
        color: #333; }
  .set-list-box .label-txt, .sale-quotatio-order .label-txt {
    display: none;
    padding: 12px;
    background: #f3f3f3;
    border-radius: 4px;
    position: absolute;
    top: -12px;
    right: -316px;
    z-index: 2;
    min-width: 306px;
    white-space: nowrap; }
    .set-list-box .label-txt .tri, .sale-quotatio-order .label-txt .tri {
      position: absolute;
      width: 0;
      height: 0;
      left: -36px;
      top: 50%;
      margin-top: -12px;
      border-style: solid;
      border-width: 12px 18px;
      border-color: transparent #f3f3f3 transparent transparent; }
    .set-list-box .label-txt .btn, .sale-quotatio-order .label-txt .btn {
      height: 32px; }
    .set-list-box .label-txt .cont-search, .sale-quotatio-order .label-txt .cont-search {
      margin-bottom: 0; }
  .set-list-box .txt, .sale-quotatio-order .txt {
    font-size: 12px;
    text-align: left;
    color: #b3b3b3; }
  .set-list-box .finance-mess, .sale-quotatio-order .finance-mess {
    padding-bottom: 24px; }
    .set-list-box .finance-mess li, .sale-quotatio-order .finance-mess li {
      position: relative;
      float: left;
      margin-right: 24px;
      margin-bottom: 24px;
      width: 312px;
      height: 172px;
      background-color: #FBFBFB;
      box-shadow: 0px 2px 7px 0px #EAEAEA;
      border-radius: 6px;
      font-size: 0; }
      .set-list-box .finance-mess li:last-child, .sale-quotatio-order .finance-mess li:last-child {
        margin-right: 0; }
      .set-list-box .finance-mess li:hover .finance-hover, .sale-quotatio-order .finance-mess li:hover .finance-hover {
        display: block; }
      .set-list-box .finance-mess li:hover .bg-img, .sale-quotatio-order .finance-mess li:hover .bg-img {
        display: none; }
    .set-list-box .finance-mess h2, .sale-quotatio-order .finance-mess h2 {
      margin: 0;
      padding: 16px 16px 12px;
      font-size: 16px;
      color: #333;
      vertical-align: middle;
      border-bottom: solid 8px #e3e3e3;
      font-weight: 400; }
      .set-list-box .finance-mess h2 img, .sale-quotatio-order .finance-mess h2 img {
        display: inline-block;
        vertical-align: middle; }
      .set-list-box .finance-mess h2 span, .sale-quotatio-order .finance-mess h2 span {
        display: inline-block;
        vertical-align: middle; }
      .set-list-box .finance-mess h2 .tit, .sale-quotatio-order .finance-mess h2 .tit {
        width: calc(100% - 72px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .set-list-box .finance-mess .num, .sale-quotatio-order .finance-mess .num {
      margin-top: 6px;
      float: right;
      font-size: 14px;
      color: #666666;
      vertical-align: middle;
      font-weight: 400; }
    .set-list-box .finance-mess .acc, .sale-quotatio-order .finance-mess .acc {
      padding: 10px 16px;
      font-size: 14px;
      color: #666;
      line-height: 1.5; }
      .set-list-box .finance-mess .acc p, .sale-quotatio-order .finance-mess .acc p {
        word-break: break-all; }
      .set-list-box .finance-mess .acc p:first-child, .sale-quotatio-order .finance-mess .acc p:first-child {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px; }
      .set-list-box .finance-mess .acc p:nth-child(2), .sale-quotatio-order .finance-mess .acc p:nth-child(2) {
        line-height: 20px;
        margin: 8px 0; }
      .set-list-box .finance-mess .acc img, .sale-quotatio-order .finance-mess .acc img {
        float: right; }
    .set-list-box .finance-mess .bg-img, .sale-quotatio-order .finance-mess .bg-img {
      position: absolute;
      right: 12px;
      bottom: 12px; }
    .set-list-box .finance-mess .finance-hover, .sale-quotatio-order .finance-mess .finance-hover {
      display: none;
      position: absolute;
      right: 12px;
      bottom: 12px;
      float: right;
      font-size: 12px;
      color: #666; }
      .set-list-box .finance-mess .finance-hover p, .sale-quotatio-order .finance-mess .finance-hover p {
        position: relative;
        padding: 0 8px;
        display: inline-block;
        cursor: pointer; }
        .set-list-box .finance-mess .finance-hover p:after, .sale-quotatio-order .finance-mess .finance-hover p:after {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background: #666;
          position: absolute;
          top: 0;
          right: 0; }
        .set-list-box .finance-mess .finance-hover p:last-child:after, .sale-quotatio-order .finance-mess .finance-hover p:last-child:after {
          display: none; }
  .set-list-box .pay-mode, .sale-quotatio-order .pay-mode {
    padding-bottom: 24px; }
    .set-list-box .pay-mode li, .sale-quotatio-order .pay-mode li {
      float: left;
      margin: 0 24px 12px 0;
      width: 348px;
      height: 178px;
      border-radius: 6px;
      background-color: #ffffff;
      font-size: 0; }
      .set-list-box .pay-mode li:last-child, .sale-quotatio-order .pay-mode li:last-child {
        margin-right: 0; }
      .set-list-box .pay-mode li.alipay, .sale-quotatio-order .pay-mode li.alipay {
        background-color: #F1F8FF; }
      .set-list-box .pay-mode li.wechat_pay, .sale-quotatio-order .pay-mode li.wechat_pay {
        background-color: #F0FFEF; }
      .set-list-box .pay-mode li.jd_pay, .sale-quotatio-order .pay-mode li.jd_pay {
        background-color: #FFF1F1; }
      .set-list-box .pay-mode li.yisheng_pay, .sale-quotatio-order .pay-mode li.yisheng_pay {
        background-color: #FFF4EF; }
      .set-list-box .pay-mode li.coming-soon, .sale-quotatio-order .pay-mode li.coming-soon {
        background-color: #F9F9F9; }
        .set-list-box .pay-mode li.coming-soon h2, .sale-quotatio-order .pay-mode li.coming-soon h2 {
          padding: 9px 0px 0px 0px;
          text-align: center; }
        .set-list-box .pay-mode li.coming-soon .tips-mess, .sale-quotatio-order .pay-mode li.coming-soon .tips-mess {
          padding: 0; }
          .set-list-box .pay-mode li.coming-soon .tips-mess div, .sale-quotatio-order .pay-mode li.coming-soon .tips-mess div {
            text-align: center; }
          .set-list-box .pay-mode li.coming-soon .tips-mess .mess-title, .sale-quotatio-order .pay-mode li.coming-soon .tips-mess .mess-title {
            font-size: 12px; }
          .set-list-box .pay-mode li.coming-soon .tips-mess .mess-content, .sale-quotatio-order .pay-mode li.coming-soon .tips-mess .mess-content {
            font-size: 10px;
            transform: scale(1, 0.8); }
    .set-list-box .pay-mode h2, .sale-quotatio-order .pay-mode h2 {
      margin: 0;
      padding: 16px 16px 12px;
      font-size: 16px;
      color: #333;
      vertical-align: middle;
      font-weight: 400; }
      .set-list-box .pay-mode h2 span, .sale-quotatio-order .pay-mode h2 span {
        display: inline-block; }
    .set-list-box .pay-mode .not-open, .sale-quotatio-order .pay-mode .not-open {
      float: right;
      margin-top: 6px;
      font-size: 14px;
      color: #999; }
    .set-list-box .pay-mode .tips-mess, .sale-quotatio-order .pay-mode .tips-mess {
      padding: 10px 16px;
      font-size: 12px;
      color: #666; }
      .set-list-box .pay-mode .tips-mess p, .sale-quotatio-order .pay-mode .tips-mess p {
        min-height: 54px; }
      .set-list-box .pay-mode .tips-mess a, .sale-quotatio-order .pay-mode .tips-mess a {
        display: inline-block;
        height: 26px;
        line-height: 26px;
        vertical-align: middle;
        text-decoration: underline; }
      .set-list-box .pay-mode .tips-mess .btn, .sale-quotatio-order .pay-mode .tips-mess .btn {
        float: right;
        height: 28px;
        line-height: 28px;
        padding: 0 12px;
        background-color: #fff;
        color: #666;
        border-radius: 14px;
        font-size: 12px;
        border: 1px solid #666; }
      .set-list-box .pay-mode .tips-mess .rate, .sale-quotatio-order .pay-mode .tips-mess .rate {
        display: block;
        color: #50BCEA;
        font-size: 14px; }
  .set-list-box .tree, .sale-quotatio-order .tree {
    margin-top: 16px;
    margin-bottom: 48px; }
    .set-list-box .tree .txt, .sale-quotatio-order .tree .txt {
      color: #333; }
  .set-list-box .discount-ratio-box li, .sale-quotatio-order .discount-ratio-box li {
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    border-bottom: 1px solid #e3e3e3; }
    .set-list-box .discount-ratio-box li:last-child, .sale-quotatio-order .discount-ratio-box li:last-child {
      border-bottom: 0 none; }
    .set-list-box .discount-ratio-box li .tit, .set-list-box .discount-ratio-box li .txt-btn, .sale-quotatio-order .discount-ratio-box li .tit, .sale-quotatio-order .discount-ratio-box li .txt-btn {
      font-size: 12px;
      display: inline-block;
      vertical-align: middle;
      width: 50%; }
      .set-list-box .discount-ratio-box li .tit span:first-child, .set-list-box .discount-ratio-box li .txt-btn span:first-child, .sale-quotatio-order .discount-ratio-box li .tit span:first-child, .sale-quotatio-order .discount-ratio-box li .txt-btn span:first-child {
        margin-right: 16px; }
    .set-list-box .discount-ratio-box li .txt-btn, .sale-quotatio-order .discount-ratio-box li .txt-btn {
      text-align: right; }
      .set-list-box .discount-ratio-box li .txt-btn span, .sale-quotatio-order .discount-ratio-box li .txt-btn span {
        cursor: pointer; }
  .set-list-box .tips-box, .sale-quotatio-order .tips-box {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 1; }
    .set-list-box .tips-box:hover .tips, .sale-quotatio-order .tips-box:hover .tips {
      display: block; }
    .set-list-box .tips-box i, .sale-quotatio-order .tips-box i {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 14px;
      text-align: center;
      font-size: 16px;
      color: #d2d2d2;
      margin-left: 4px; }
    .set-list-box .tips-box p, .sale-quotatio-order .tips-box p {
      font-size: 12px;
      color: #999;
      font-weight: 400; }
    .set-list-box .tips-box .tips, .sale-quotatio-order .tips-box .tips {
      display: none;
      position: absolute;
      top: -24px;
      right: -296px;
      z-index: 2; }
      .set-list-box .tips-box .tips .tri-up, .sale-quotatio-order .tips-box .tips .tri-up {
        position: absolute;
        top: 50%;
        left: -12px;
        margin-top: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px;
        border-color: transparent #fff transparent transparent; }
      .set-list-box .tips-box .tips .txt, .sale-quotatio-order .tips-box .tips .txt {
        width: 270px;
        padding: 16px;
        background-color: #ffffff;
        color: #999;
        line-height: 1.5;
        box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
        border-radius: 2px;
        font-size: 12px;
        font-weight: 400;
        text-align: left; }
  .set-list-box .sale-quotatio-order .tips-box .tips .txt, .sale-quotatio-order .sale-quotatio-order .tips-box .tips .txt {
    padding: 12px 12px 12px 16px; }
    .set-list-box .sale-quotatio-order .tips-box .tips .txt p, .sale-quotatio-order .sale-quotatio-order .tips-box .tips .txt p {
      line-height: 1.8; }
  .set-list-box .text-box, .sale-quotatio-order .text-box {
    font-size: 14px;
    color: #333;
    line-height: 1.7; }
  .set-list-box dl dt, .sale-quotatio-order dl dt {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px; }
  .set-list-box dl dd, .sale-quotatio-order dl dd {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    align-content: center; }
    .set-list-box dl dd .default, .sale-quotatio-order dl dd .default {
      color: #20ade5; }
    .set-list-box dl dd .set-default, .sale-quotatio-order dl dd .set-default {
      display: none;
      padding-left: 10px;
      color: #333;
      font-size: 12px; }
      .set-list-box dl dd .set-default:hover, .sale-quotatio-order dl dd .set-default:hover {
        color: #20ade5; }
    .set-list-box dl dd:hover .set-default, .sale-quotatio-order dl dd:hover .set-default {
      display: block; }

.sale-quotatio-order {
  border-bottom: none; }
  .sale-quotatio-order .tips-box i {
    color: #999; }
  .sale-quotatio-order .tips-box .tips {
    display: none;
    position: absolute;
    top: -90px;
    right: -272px;
    z-index: 2; }

.table-check {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding-left: 20px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 12px;
  background-image: url("../images/goods_icon_12.png");
  background-repeat: no-repeat;
  background-position: left center; }
  .table-check:hover {
    background-image: url("../images/goods_icon_hover_12.png"); }

.table-check2 {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding-left: 20px;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
  background-size: 14px;
  background-image: url("../images/goods_icon_12.png");
  background-repeat: no-repeat;
  background-position: left center; }
  .table-check2:hover {
    background-image: url("../images/goods_icon_hover_12.png"); }

.table-check2 + .table-check2 {
  margin-left: 10px; }

.table-check-active {
  background-image: url("../images/goods_icon_12_s.png"); }
  .table-check-active:hover {
    background-image: url("../images/goods_icon_12_s.png"); }

.tint-check-active {
  background-image: url("../images/common-icon-select-s.png"); }
  .tint-check-active:hover {
    background-image: url("../images/common-icon-select-s.png"); }

.not-selected {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding-left: 20px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../images/common-icon-select-details-2.png"); }

.on-selected {
  background-image: url("../images/common-icon-select-details.png"); }

.checkbox {
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
  font-size: 16px;
  cursor: pointer;
  color: #b3b3b3; }
  .checkbox:hover {
    color: #20ade5; }
  .checkbox + span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1em; }

.icon-check-s {
  color: #20ade5; }

.checkbox-disabled {
  opacity: .5;
  cursor: not-allowed !important; }

.icon-btn-s {
  color: #20ade5 !important; }

.icon-check-n[disabled],
.icon-btn-n[disabled] {
  color: #ececec;
  cursor: not-allowed; }

.icon-check-s[disabled]
.icon-goods_icon_s[disabled] {
  color: #74d7ff; }

.round {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d2d2d2;
  border-radius: 50%;
  margin: 0 10px 2px 0; }

.detail-list {
  border-top: 1px solid #e3e3e3;
  padding-top: 14px;
  text-align: left;
  padding-bottom: 8px; }
  .detail-list li {
    display: inline-block;
    width: calc(50% - 32px);
    font-size: 0;
    vertical-align: top; }
    .detail-list li:nth-child(2n + 1) {
      margin-right: 60px; }
  .detail-list .mess {
    padding: 12px 0; }
    .detail-list .mess .img-up {
      display: inline-block;
      text-align: center; }
    .detail-list .mess .logo {
      display: inline-block;
      width: 200px;
      height: 50px;
      text-align: center; }
      .detail-list .mess .logo img {
        width: 100%;
        height: 100%; }
    .detail-list .mess .tips-txt {
      display: inline-block;
      width: 130px;
      font-weight: 400;
      color: #666;
      margin: 10px 0 4px 0;
      text-align: left;
      font-size: 12px; }
  .detail-list .input-width {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle; }
  .detail-list .tips-body {
    top: 31px;
    z-index: 1; }
  .detail-list.img-upload-box {
    border-top: 0 none;
    padding-top: 6px; }
    .detail-list.img-upload-box .mess {
      border-bottom: 1px solid #e3e3e3; }
      .detail-list.img-upload-box .mess .wechat-img .logo {
        display: inline-block;
        width: 50px;
        height: 50px;
        text-align: center; }
        .detail-list.img-upload-box .mess .wechat-img .logo img {
          width: 100%;
          height: 100%; }

.id-card-box {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 126px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 12px;
  cursor: pointer;
  border: 1px dashed #e3e3e3; }
  .id-card-box a, .id-card-box img {
    width: 100%;
    height: 100%; }

.property-list .detail-mess {
  border-bottom: 0 none; }
.property-list li {
  width: 20%;
  margin-right: 60px;
  min-width: 300px; }

.bd-no {
  border: 0 none; }

.detail-mess {
  overflow: hidden;
  padding-left: 130px;
  border-bottom: 1px solid #f5f5f5; }
  .detail-mess .tit {
    float: left;
    width: 130px;
    margin-left: -100%;
    position: relative;
    left: -130px;
    _left: 0;
    padding: 13px 24px 13px 0;
    text-align: left;
    font-size: 12px;
    color: #666; }
  .detail-mess .main {
    padding: 14px 0;
    float: left;
    width: 100%;
    font-size: 12px;
    color: #333;
    min-height: 20px;
    word-break: break-all; }
    .detail-mess .main .reset {
      border: 0 none;
      color: #20ade5;
      background: transparent;
      float: right;
      font-size: 12px;
      cursor: pointer; }
    .detail-mess .main .passwd {
      border: 0 none; }
  .detail-mess .input-box {
    border: 0 none; }

.bd-no {
  border: 0 none; }

.tree > li {
  width: 100%; }

.flow-box {
  padding: 26px;
  margin-bottom: 12px;
  background: #ffffff; }
  .flow-box h4 {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a; }
  .flow-box span {
    position: absolute;
    top: 26%;
    left: 35%;
    font-size: 12px;
    font-weight: 400; }

.flow {
  margin-top: 24px; }
  .flow .tips-box {
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    line-height: 1; }
    .flow .tips-box:hover .tips {
      display: block; }
    .flow .tips-box i {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 14px;
      text-align: center;
      font-size: 16px;
      color: #d2d2d2;
      margin-left: 4px; }
    .flow .tips-box p {
      font-size: 12px;
      color: #999;
      font-weight: 400; }
  .flow .tips {
    display: none;
    position: absolute;
    top: 38px;
    right: -122px;
    z-index: 2; }
    .flow .tips .tri-up {
      position: absolute;
      top: -30px;
      left: 50%;
      margin-left: -6px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 10px;
      border-color: transparent transparent #FFFFFF transparent; }
    .flow .tips .txt {
      width: 270px;
      padding: 16px;
      background-color: #ffffff;
      color: #999;
      line-height: 1.5;
      box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
      border-radius: 2px;
      font-size: 12px;
      font-weight: 400;
      text-align: left; }
  .flow .tips-one .tips {
    right: -204px; }
  .flow .tips-one .tri-up {
    left: 47px;
    margin-left: 0; }

.set-label {
  padding: 26px;
  font-size: 14px;
  color: #b3b3b3;
  border-bottom: 1px solid #e3e3e3; }
  .set-label h4 {
    margin-bottom: 16px; }
  .set-label li {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 40px; }
    .set-label li span {
      display: inline-block;
      height: 24px;
      line-height: 24px;
      vertical-align: middle; }
    .set-label li i {
      vertical-align: middle;
      margin-right: 8px; }
  .set-label .oval-def {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    border-radius: 50%;
    border: 2px solid #20ade5;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18); }
  .set-label .oval-select {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: #20ade5;
    color: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18), inset 0 3px 1px 0 rgba(73, 203, 255, 0.8); }
  .set-label .oval-disable {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: #20ade5;
    background-image: url("../images/set_lock_1.png");
    background-size: 12px 14px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18), inset 0 3px 1px 0 rgba(73, 203, 255, 0.8); }

.price .input-area-box p {
  width: 72px;
  height: 34px;
  line-height: 32px;
  text-align: right;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 0; }

.price input {
  width: 100% !important;
  height: 100%;
  font-size: 12px;
  background: transparent;
  border-radius: 2px;
  padding-left: 12px;
  vertical-align: middle; }

.price .sel-close:hover {
  border: 0 none; }

.price .cont-search {
  width: 140px;
  margin-bottom: 0;
  height: 32px; }

.price1 .detail-mess {
  padding-left: 82px; }
.price1 .main {
  padding: 4px 0 8px 12px;
  font-size: 18px; }
.price1 .tit {
  width: 82px;
  left: -82px;
  padding: 8px 10px 8px 0;
  text-align: right; }
.price1:nth-child(3) {
  color: #FF3838; }

.price2 .main {
  padding: 4px 0 8px 12px;
  font-size: 18px; }
.price2 .tit {
  width: 82px;
  left: -82px;
  padding: 8px 10px 8px 0;
  text-align: right; }
.price2:nth-child(3) {
  color: #FF3838; }

.round-no .price1 .main {
  color: #FF3838; }

.round-no .round {
  display: none !important; }

.round-no .detail-mess {
  border: 0 none; }

.bd-hover:hover {
  border: 1px solid #7cbeff !important; }

.details-box {
  padding: 0 24px;
  position: relative; }
  .details-box .address {
    padding: 6px 0;
    width: 240px; }
    .details-box .address h3 {
      border: 0 none;
      padding-left: 2px;
      font-size: 12px;
      padding-bottom: 12px; }
      .details-box .address h3:before {
        display: none; }
  .details-box .address .detail-mess {
    border: 0 none;
    line-height: 2;
    padding-left: 76px; }
    .details-box .address .detail-mess .main {
      padding: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .details-box .address .detail-mess .tit {
      padding: 0;
      width: 76px;
      left: -76px; }
  .details-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: url("../images/sell-icon-output-details-division.png") repeat-x center;
    position: absolute;
    bottom: -10px;
    left: 0; }
  .details-box .details-wrap-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: url("../images/sell-icon-output-details-division.png") repeat-x center;
    bottom: -10px;
    left: 0; }

.log-box {
  padding: 24px;
  font-size: 12px;
  background: #FFFFFF; }
  .log-box li {
    padding: 14px 0; }
    .log-box li:last-child .log-img:after {
      display: none; }
  .log-box .log-time {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 24px;
    color: #666666; }
  .log-box .log-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px;
    z-index: 1; }
    .log-box .log-img:after {
      content: "";
      position: absolute;
      top: 20px;
      left: 50%;
      bottom: -60px;
      width: 1px;
      background: #20ade5;
      z-index: -1; }
  .log-box .log-name {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 24px;
    color: #333333;
    width: 50px; }
  .log-box .log-txt {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 24px;
    color: #333333;
    font-weight: 600; }
    .log-box .log-txt .remark {
      padding: 12px 0;
      color: #666666;
      line-height: 1.43;
      font-weight: 400; }
  .log-box table {
    width: 100%; }
  .log-box th {
    height: 40px;
    vertical-align: middle;
    text-align: left;
    padding: 0 24px;
    background: #fcfcfc;
    font-weight: normal;
    border-bottom: 1px solid #e3e3e3; }
    .log-box th:nth-child(1) {
      width: 15%; }
    .log-box th:nth-child(2) {
      width: 15%; }
    .log-box th:nth-child(4) {
      width: 25%; }
  .log-box td {
    vertical-align: middle;
    text-align: left;
    padding: 10px 24px;
    border-bottom: 1px solid #e3e3e3;
    color: #666; }

.track-box {
  max-height: 410px;
  padding: 24px 24px 60px; }
  .track-box .track-time {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    margin-bottom: 28px;
    font-size: 12px;
    color: #666; }
  .track-box .track-img {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    margin-bottom: 28px;
    position: relative; }
    .track-box .track-img:after {
      content: "";
      display: block;
      border-left: 1px dashed #e3e3e3;
      height: 80px;
      position: absolute;
      left: 50%;
      margin-left: -1px; }
  .track-box .track-txt {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 28px;
    font-size: 12px;
    color: #333;
    width: 67%; }
  .track-box .null-tips {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 36px; }

.example {
  padding: 16px 0;
  background: #ffffff; }
  .example .tips {
    padding-bottom: 16px;
    margin: 0 24px;
    font-size: 12px;
    color: #b3b3b3;
    border-bottom: 1px solid #e3e3e3;
    line-height: 1.5; }
    .example .tips p {
      text-indent: 2.5em; }
      .example .tips p:first-child {
        text-indent: 0; }
  .example .ope-box {
    padding: 16px 0;
    margin: 0 24px;
    font-size: 12px;
    color: #333; }
    .example .ope-box h4 {
      padding: 0 0 16px;
      font-size: 16px;
      font-weight: 600;
      color: #1a1a1a; }
    .example .ope-box p {
      font-size: 12px;
      color: #333;
      line-height: 1em; }
    .example .ope-box:last-child .select-range-op {
      bottom: 30px; }
  .example .ope {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin: 16px 50px 10px 0; }

.load-box {
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 2px;
  background: #fff; }

.expand {
  width: 0;
  height: 2px;
  background: #2545FE;
  position: absolute;
  transition: width .4s ease-in; }

.expand30 {
  width: 30%;
  height: 2px;
  background: #2545FE;
  position: absolute;
  -moz-animation: fullexpand 2s ease-out;
  -webkit-animation: fullexpand 2s ease-out;
  animation-fill-mode: forwards; }

.expand70 {
  width: 100%;
  -moz-animation: fullexpand-1 3s ease-out;
  -webkit-animation: fullexpand-1 3s ease-out;
  animation-fill-mode: forwards; }

@-moz-keyframes fullexpand {
  0% {
    width: 0; }
  30% {
    width: 30%; } }
@-webkit-keyframes fullexpand {
  0% {
    width: 0; }
  30% {
    width: 30%; } }
@-moz-keyframes fullexpand-1 {
  30% {
    width: 30%; }
  100% {
    width: 100%; } }
@-webkit-keyframes fullexpand-1 {
  30% {
    width: 30%; }
  100% {
    width: 100%; } }
.pw64 p {
  width: 64px; }

.account {
  display: block !important;
  font-size: 12px;
  color: #999; }
  .account .radio-box .detail-labels {
    width: auto; }
  .account .batch-btn-tips-box {
    margin-top: -4px; }
  .account li {
    width: auto;
    margin-right: 10px !important; }
  .account span {
    display: inline-block;
    vertical-align: middle; }
  .account .tips-body {
    top: 31px;
    z-index: 1; }

.pass {
  position: absolute;
  right: 0;
  display: inline-block;
  font-size: 16px;
  color: #999;
  width: 40px;
  height: 38px;
  text-align: center;
  line-height: 38px; }

.perm-box {
  border-top: 1px solid #e3e3e3;
  padding: 16px 0; }
  .perm-box .num-set {
    display: inline-block;
    overflow: hidden;
    padding-left: 100px;
    font-size: 12px;
    width: 88%; }
    .perm-box .num-set .aside {
      float: left;
      width: 100px;
      margin-left: -100%;
      position: relative;
      left: -100px;
      _left: 0;
      color: #333;
      font-weight: 600; }
      .perm-box .num-set .aside .tips-box {
        display: inline-block;
        position: relative;
        cursor: pointer;
        line-height: 1; }
        .perm-box .num-set .aside .tips-box:hover .tips {
          display: block; }
        .perm-box .num-set .aside .tips-box i {
          display: inline-block;
          width: 16px;
          height: 16px;
          line-height: 14px;
          text-align: center;
          font-size: 16px;
          color: #d2d2d2;
          margin-left: 4px; }
        .perm-box .num-set .aside .tips-box p {
          font-size: 12px;
          color: #999;
          font-weight: 400; }
        .perm-box .num-set .aside .tips-box .tips {
          display: none;
          position: absolute;
          top: -24px;
          right: -282px;
          z-index: 2; }
          .perm-box .num-set .aside .tips-box .tips .tri-up {
            position: absolute;
            top: 50%;
            left: -20px;
            margin-top: -12px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px;
            border-color: transparent #fff transparent transparent; }
          .perm-box .num-set .aside .tips-box .tips .txt {
            width: 270px;
            padding: 16px;
            background-color: #ffffff;
            color: #999;
            line-height: 1.5;
            box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
            border-radius: 2px;
            font-size: 12px;
            font-weight: 400;
            text-align: left; }
    .perm-box .num-set .main {
      float: left;
      width: 100%;
      color: #666; }
      .perm-box .num-set .main span {
        display: inline-block;
        margin-right: 12px;
        margin-bottom: 12px;
        padding-bottom: 0;
        vertical-align: top; }
    .perm-box .num-set .select-txt {
      display: inline-block; }
      .perm-box .num-set .select-txt span {
        vertical-align: middle;
        margin: 0; }
    .perm-box .num-set .user-detail-txt .txt {
      border: 0 none;
      width: calc(100% - 400px);
      padding-left: 16px; }
    .perm-box .num-set.num-set1 span {
      padding-left: 0;
      margin: 0 12px 0 0;
      line-height: 40px; }
    .perm-box .num-set.num-set1 .aside, .perm-box .num-set.num-set1 .main {
      line-height: 40px; }
    .perm-box .num-set .detail-labels {
      width: auto; }
  .perm-box .btn {
    padding: 0; }
  .perm-box .perm {
    margin-top: 16px;
    padding: 24px 0 0;
    border-top: 1px dashed #e3e3e3; }
  .perm-box .perm-list {
    width: 19%;
    display: inline-block;
    text-align: left;
    vertical-align: top; }
    .perm-box .perm-list li {
      margin-bottom: 8px; }
    .perm-box .perm-list i {
      color: #20ade5;
      font-size: 24px;
      vertical-align: middle; }
  .perm-box .perm-none {
    margin: 0;
    border: 0 none; }
    .perm-box .perm-none .perm-list li {
      padding: 4px 0; }
    .perm-box .perm-none .perm-list i {
      font-size: 12px;
      color: #666; }

.goods-derail-box {
  background: #ffffff;
  padding-bottom: 10px; }

.correct {
  background: url("../images/icon_correct.png") no-repeat center; }

.error {
  background: url("../images/icon_error.png") no-repeat center; }

.txt-hover:hover {
  color: #20ade5 !important;
  cursor: pointer; }

.explain-box {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer; }
  .explain-box p {
    font-size: 12px;
    color: #666; }
  .explain-box .explain-hover {
    top: 56px;
    right: 120px;
    z-index: 2;
    box-shadow: 0 4px 24px 6px rgba(0, 0, 0, 0.2); }
    .explain-box .explain-hover .tri {
      top: -30px;
      left: 95%; }
    .explain-box .explain-hover li {
      font-size: 12px;
      color: #666; }
      .explain-box .explain-hover li:hover {
        color: #20ade5; }
  .explain-box:hover .explain-hover {
    display: block; }

.new-sales-cont {
  padding: 12px 24px;
  background: #ffffff; }
  .new-sales-cont .select-txt .select-range-op {
    bottom: 40px;
    transform: translateY(100%);
    box-shadow: 0 -5px 14px 0 rgba(0, 0, 0, 0.22); }
  .new-sales-cont .w300 {
    width: 300px; }
  .new-sales-cont .tree-select-box .tit {
    width: 97px; }

.select-box {
  position: relative;
  padding-left: 100px;
  margin: 12px 16px 12px 0; }
  .select-box .main {
    float: left;
    width: 100%;
    vertical-align: middle;
    font-size: 12px; }
    .select-box .main .search-size-max {
      width: 100%; }
  .select-box .tit {
    float: left;
    width: 100px;
    margin-left: -100%;
    position: relative;
    left: -100px;
    _left: 0;
    vertical-align: middle;
    font-size: 12px;
    color: #666; }

.sales-type-box li {
  margin-bottom: 18px; }
  .sales-type-box li:last-child {
    margin-bottom: 0; }

.set-sales-type {
  margin-left: 24px;
  font-size: 0; }
  .set-sales-type li {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px; }
    .set-sales-type li:first-child {
      margin-top: 10px; }
    .set-sales-type li .select-box {
      vertical-align: middle;
      display: inline-block;
      width: 130px;
      padding: 0;
      margin: 0 6px; }
    .set-sales-type li .txt {
      color: #999999; }
  .set-sales-type a {
    display: inline-block;
    color: #20ade5; }
  .set-sales-type input {
    width: 100px;
    border: 0 none;
    border-bottom: 1px solid #e3e3e3;
    text-align: center; }
    .set-sales-type input:hover, .set-sales-type input:focus {
      border-color: #7cbeff; }

.adver-img-box {
  border-top: 1px solid #e3e3e3;
  padding-top: 14px;
  margin-bottom: 24px; }
  .adver-img-box .adver-img {
    position: relative;
    width: 706px;
    height: 394px;
    margin-left: 100px;
    border: 1px dashed #e3e3e3;
    text-align: center; }
    .adver-img-box .adver-img:hover .img-close {
      display: block; }
    .adver-img-box .adver-img p {
      margin: 0; }
    .adver-img-box .adver-img .adver-box {
      width: 100%;
      height: 100%; }
    .adver-img-box .adver-img .adver {
      width: 100%;
      height: 100%; }
    .adver-img-box .adver-img .img-close {
      display: none;
      position: absolute;
      top: 16px;
      right: 16px;
      cursor: pointer; }
  .adver-img-box .add-img-up {
    margin-top: 150px; }
  .adver-img-box p {
    display: block;
    margin-top: 14px;
    margin-left: 100px;
    font-size: 12px;
    color: #999; }

.textarea-box textarea {
  width: 700px;
  height: 366px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e3e3e3;
  padding: 12px 0 0 12px;
  resize: none; }
  .textarea-box textarea:hover, .textarea-box textarea:focus {
    border-color: #7cbeff;
    outline-offset: 0;
    outline: -webkit-focus-ring-color auto 0; }
.textarea-box .link {
  display: inline-block;
  font-size: 12px;
  color: #666666; }
  .textarea-box .link:hover {
    color: #20ade5; }
.textarea-box .num {
  display: inline-block;
  position: relative;
  color: #74d7ff; }
  .textarea-box .num p {
    font-size: 12px;
    padding-bottom: 2px; }
.textarea-box .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #20ade5;
  border-radius: 2px; }

.checkstand-box {
  width: 100%;
  min-height: 100%;
  background: #F3F7FA; }

.checkstand-head {
  overflow: hidden;
  height: 60px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  line-height: 60px; }
  .checkstand-head .txt {
    padding-left: 4px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 3.5; }
    .checkstand-head .txt:before {
      content: "";
      display: block;
      width: 1px;
      height: 34px;
      background: #e3e3e3;
      position: absolute;
      left: 0;
      top: 0;
      vertical-align: bottom; }

.trade-info {
  position: relative;
  padding: 32px 24px;
  border-bottom: 3px solid #B3B3B3; }
  .trade-info p {
    font-size: 12px;
    margin-bottom: 18px; }
  .trade-info h4 {
    font-size: 12px;
    font-weight: 600; }
    .trade-info h4 span {
      display: inline-block;
      width: 170px;
      margin-left: 20px;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom; }
  .trade-info .cost {
    position: relative;
    font-size: 12px;
    float: right;
    margin-right: 20px; }
    .trade-info .cost span {
      font-size: 18px;
      font-weight: 600;
      color: #ff670d; }
  .trade-info .line-item {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 70px;
    height: 24px;
    border-radius: 2px 2px 0 0;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    background: #B3B3B3;
    cursor: pointer; }

.goods_detail p {
  width: 288px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-top: 16px; }
.goods_detail .tit {
  font-size: 14px;
  text-align: left;
  color: #666666;
  padding-right: 16px;
  width: 100px; }
.goods_detail .main {
  flex: 1;
  width: 0;
  font-size: 14px;
  color: #333333;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .goods_detail .main i {
    display: inline-block; }
    .goods_detail .main i:after {
      content: "、";
      display: inline-block; }
    .goods_detail .main i:last-child:after {
      display: none; }
.goods_detail .shield-box {
  width: auto;
  word-break: break-all; }
  .goods_detail .shield-box .main {
    word-break: break-all;
    white-space: normal; }
  .goods_detail .shield-box:last-child {
    padding-bottom: 40px; }

.det-info {
  margin: 10px auto 0;
  width: 800px;
  font-size: 12px;
  word-break: break-all;
  white-space: normal; }
  .det-info img {
    width: 800px; }

.tree-box {
  min-height: calc(100vh - 120px); }
  .tree-box .list-null-box {
    top: 96px;
    left: 0; }

.bd-box .cont-head {
  border: 0 none; }

.filter-item {
  margin-bottom: 10px; }

#searchBox {
  margin-bottom: 10px; }

.type-gg {
  width: 100% !important; }

.new-logistics .pop-list-set p {
  width: 54px;
  font-size: 12px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

@media all and (max-width: 1199px) {
  .ys-side {
    width: auto;
    height: calc(100vh - 50px); }
    .ys-side li a {
      height: 32px;
      line-height: 32px;
      font-size: 14px;
      padding: 0 16px; }
    .ys-side li i {
      display: none; }

  .cont-hear, .cont-head {
    padding: 10px 10px 0; }

  .pt60 {
    padding-top: 50px; }

  .top0-left156 {
    top: -16px; }

  .dialog-little {
    width: 242px; }

  .dialog .dialog-home-list {
    padding: 0 16px 14px;
    text-align: left; }
    .dialog .dialog-home-list a {
      width: 104px;
      height: 32px;
      font-size: 12px;
      line-height: 32px; }

  .dialog-middle {
    min-width: auto; }

  .ys-side .ys-side-bottom .dialog-home-list {
    width: 320px; }

  .left0-w-max {
    left: 0;
    width: 100%;
    top: 0; }

  .bottom0-left156 {
    top: auto !important;
    bottom: -12px; }

  .pt50 {
    padding-top: 60px; }

  .detail-base li {
    width: 46%; }
    .detail-base li .detail-labels {
      width: calc(92% - 83px); }
      .detail-base li .detail-labels li {
        width: auto; }
    .detail-base li .pos {
      right: 16px; }

  .goods-edit-cont-table, .order-list-cont {
    min-width: auto; }

  .details-box .address {
    width: auto; }

  .list-null-box {
    top: 192px;
    left: 78px; }

  .description-box .detail-explain {
    width: calc(100% - 300px); }

  .description-box-main .editor-box {
    display: inline-block;
    width: calc(100% - 300px);
    vertical-align: top; }

  .select-range .detail-warning li .txt {
    height: 30px;
    line-height: 30px; }

  .select-range .detail-warning li a {
    line-height: 1; }
    .select-range .detail-warning li a:hover {
      overflow: hidden; }

  .pop .cont-table {
    height: 0; }

  .height-max {
    height: calc(100vh - 156px); }

  .height-middle {
    height: calc(100vh - 204px); }

  .pop-minh650 {
    min-height: 590px; }

  .pop-maxh720 {
    max-height: 590px; }

  .pop-body {
    max-height: 500px; }

  .goods-detail-box {
    width: auto; }

  .carousel .bigImg {
    height: 400px; }

  .carousel .bigImg img {
    width: 400px; }

  .goods-detail-right dt {
    width: auto; }

  .goods-detail-right .shop-goods-cost .price-info {
    padding-left: 60px; }
    .goods-detail-right .shop-goods-cost .price-info .tit {
      width: 60px;
      margin-left: -60px; }

  .goods-detail-right .goods-cost-list {
    padding-left: 60px; }

  .goods-detail-right .buy-num {
    width: auto; }

  .goods-detail-right .buy-num .list-info {
    width: 430px; }

  .goods-detail-right .norms .specifications {
    padding: 2px 12px; }

  .pop-attr-body {
    height: 200px; }

  .select-multiple-box {
    height: 32px;
    line-height: 32px; }
    .select-multiple-box .select-selection-multiple .select-selection-rendered {
      min-height: 32px; }
      .select-multiple-box .select-selection-multiple .select-selection-rendered li {
        height: 24px;
        line-height: 22px; } }
@media all and (max-width: 1366px) {
  .list-null-box {
    top: 60px; }

  .no-por {
    position: relative;
    top: auto !important;
    left: 0 !important; }

  .pop-body .tree-box {
    min-height: 200px;
    max-height: 400px;
    height: auto; }

  .pop-head {
    line-height: 52px; }

  .pop-body {
    max-height: 540px; }

  .cont-page {
    padding: 10px 0; } }
.zIndex3 {
  z-index: 3 !important; }

.pop-head .txt {
  text-align: left !important; }
.pop-head .txt:-ms-input-placeholder {
  text-align: left; }
.pop-head .txt::-webkit-input-placeholder {
  text-align: left; }
.pop-head .txt[readonly]:hover + .frame {
  display: block !important; }
.pop-head .txt[readonly]:focus + .frame {
  display: block !important; }

.pop-experience {
  height: 484px; }
  .pop-experience .pop-tit {
    padding: 27px 20px 15px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 18px;
    display: block;
    height: auto;
    line-height: normal; }
  .pop-experience .pop-body {
    padding: 24px 24px 24px; }
    .pop-experience .pop-body .txt {
      height: 40px;
      background: #FFFFFF;
      border: 1px solid #E3E3E3;
      border-radius: 2px;
      padding-left: 12px;
      font-size: 18px; }
    .pop-experience .pop-body .name {
      margin-top: 26px; }
      .pop-experience .pop-body .name p {
        font-size: 14px;
        color: #9B9B9B;
        padding-bottom: 8px; }
      .pop-experience .pop-body .name .txt {
        width: 168px;
        vertical-align: bottom; }
      .pop-experience .pop-body .name .sex {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 24px; }
        .pop-experience .pop-body .name .sex .man {
          display: inline-block;
          width: 60px;
          height: 22px;
          line-height: 22px;
          padding-left: 30px;
          background-image: url("../images/experience_icon_sir_n.png");
          background-position: left center;
          background-repeat: no-repeat;
          background-size: 22px;
          margin-right: 28px; }
        .pop-experience .pop-body .name .sex .woman {
          display: inline-block;
          width: 60px;
          height: 22px;
          line-height: 22px;
          padding-left: 30px;
          background-image: url("../images/experience_icon_ms_n.png");
          background-position: left center;
          background-repeat: no-repeat;
          background-size: 22px; }
        .pop-experience .pop-body .name .sex .active-man {
          background-image: url("../images/experience_icon_sir_s.png"); }
        .pop-experience .pop-body .name .sex .active-woman {
          background-image: url("../images/experience_icon_ms_s.png"); }
    .pop-experience .pop-body .phone {
      margin-top: 22px; }
      .pop-experience .pop-body .phone p {
        font-size: 14px;
        padding-bottom: 8px;
        color: #9B9B9B; }
    .pop-experience .pop-body .pop-btn-box {
      padding-top: 84px;
      padding-bottom: 24px;
      text-align: right; }
    .pop-experience .pop-body dl {
      padding: 24px 0; }
    .pop-experience .pop-body dd {
      font-size: 14px;
      color: #333;
      line-height: 1.5; }
    .pop-experience .pop-body .text {
      font-size: 14px;
      color: #999;
      line-height: 2; }
    .pop-experience .pop-body .register-go {
      font-size: 14px;
      color: #20ade5;
      text-decoration: underline;
      line-height: 2; }
    .pop-experience .pop-body .tel {
      font-size: 18px;
      color: #333;
      line-height: 2; }

.discount-tips {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -8px; }

.discount-list-set {
  position: relative; }
  .discount-list-set .txt {
    width: 86px;
    height: 38px;
    line-height: 37px;
    border: 1px solid #e3e3e3;
    background: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    margin-top: 10px; }

.experience-tips .pop-btn-box {
  padding-top: 84px;
  padding-bottom: 24px;
  text-align: right; }
.experience-tips dl {
  padding: 24px 0; }
.experience-tips dd {
  font-size: 14px;
  color: #333;
  line-height: 1.5; }
.experience-tips .text {
  font-size: 14px;
  color: #999;
  line-height: 2; }
.experience-tips .register-go {
  font-size: 14px;
  color: #20ade5;
  text-decoration: underline;
  line-height: 2; }
.experience-tips .tel {
  font-size: 18px;
  color: #333;
  line-height: 2; }

.unit-btn-box {
  display: inline-flex !important;
  align-content: center;
  align-items: center; }
  .unit-btn-box .select-dropdown .filtrate-footer-box .right {
    flex: 0;
    width: 10%; }
  .unit-btn-box span {
    vertical-align: middle;
    font-size: 14px;
    margin-left: 6px; }
  .unit-btn-box .txt-disable {
    color: #333 !important; }

.account-num-head {
  height: 60px;
  line-height: 60px;
  background: #20ade5;
  padding: 0 24px;
  font-size: 0; }
  .account-num-head .account-num-head-logo-box {
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
  .account-num-head img {
    display: inline-block;
    vertical-align: middle; }
  .account-num-head .account-num-head-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    padding-top: 14px;
    padding-left: 14px; }
  .account-num-head .head-ope {
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: 0;
    vertical-align: middle; }
    .account-num-head .head-ope p {
      display: inline-block;
      font-size: 14px;
      color: #ffffff;
      vertical-align: middle;
      padding-right: 16px; }
    .account-num-head .head-ope .ope-btn img, .account-num-head .head-ope .ope-btn span, .account-num-head .head-ope .back img, .account-num-head .head-ope .back span {
      display: inline-block;
      vertical-align: middle; }
    .account-num-head .head-ope .ope-btn span {
      padding-left: 6px; }
    .account-num-head .head-ope .back span {
      padding-right: 6px; }

.account-num-box {
  width: 100%;
  height: calc(100vh - 60px);
  background: #f5f5f5; }

.account-num-body {
  width: 1000px;
  margin: 0 auto; }
  .account-num-body h3 {
    font-size: 18px;
    padding: 24px 0 16px; }
  .account-num-body .account-num-card {
    height: 152px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3;
    padding: 24px;
    font-size: 0;
    margin-bottom: 16px; }
  .account-num-body .left-box {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left; }
    .account-num-body .left-box .img-box {
      position: relative;
      width: 100px;
      height: 100px;
      display: inline-block;
      vertical-align: middle; }
      .account-num-body .left-box .img-box .txt {
        position: absolute;
        left: 50%;
        bottom: 18px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 12px;
        color: #ffffff; }
    .account-num-body .left-box .txt-box {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      padding-left: 24px; }
      .account-num-body .left-box .txt-box p {
        margin-bottom: 10px; }
  .account-num-body .right-box {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: right; }
    .account-num-body .right-box p {
      margin-top: 16px;
      font-size: 14px;
      color: #666; }
      .account-num-body .right-box p img, .account-num-body .right-box p span {
        display: inline-block;
        vertical-align: middle; }

.setting-shop {
  border: 0 none; }
  .setting-shop li {
    display: block;
    width: 100%;
    max-width: 100%; }
    .setting-shop li .select-range-op {
      bottom: 40px;
      box-shadow: 0 -5px 14px 0 rgba(0, 0, 0, 0.22); }
    .setting-shop li .select-animation {
      -webkit-animation: antSlideUpIn1 .3s;
      animation: antSlideUpIn1 .3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    .setting-shop li .cont-search {
      width: 416px; }
    .setting-shop li .select-range {
      width: 170px; }
    .setting-shop li p {
      text-align: left; }
    .setting-shop li .dis-i {
      display: inline-block;
      vertical-align: middle; }
  .setting-shop .setting-shop-txt {
    padding-left: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
    color: #999; }
  .setting-shop .select-range .sel-down, .setting-shop .select-range .sel-up {
    background-position: 91% center; }

.initialize-detail-box {
  width: 700px; }
  .initialize-detail-box .pop-body {
    padding: 16px 24px; }
  .initialize-detail-box h4 {
    font-size: 16px;
    padding-bottom: 28px; }
  .initialize-detail-box table {
    width: 100%; }
  .initialize-detail-box th {
    font-size: 16px;
    color: #666;
    height: 50px;
    background: #f5f5f5;
    vertical-align: middle;
    border: 1px solid #e3e3e3;
    padding-left: 40px; }
    .initialize-detail-box th:first-child {
      padding-left: 0;
      text-align: center;
      width: 180px; }
  .initialize-detail-box td {
    font-size: 16px;
    color: #666;
    height: 50px;
    vertical-align: middle;
    border: 1px solid #e3e3e3;
    padding-left: 40px; }
    .initialize-detail-box td:first-child {
      padding-left: 0;
      text-align: center;
      width: 180px; }
  .initialize-detail-box .btn-box {
    padding: 12px 16px;
    text-align: right;
    border-top: 1px solid #e3e3e3; }
    .initialize-detail-box .btn-box .btn {
      width: 130px;
      height: 32px;
      line-height: 32px;
      background: #fff;
      border: 1px solid #20ade5;
      color: #20ade5; }

.pop-important-note .pop-body {
  padding: 24px; }
  .pop-important-note .pop-body h4 {
    font-size: 14px;
    color: #333;
    padding-bottom: 50px; }
  .pop-important-note .pop-body .enter-pwd-box {
    font-size: 0; }
    .pop-important-note .pop-body .enter-pwd-box p {
      display: inline-block;
      vertical-align: middle;
      width: 90px;
      font-size: 14px;
      color: #666; }
    .pop-important-note .pop-body .enter-pwd-box .input-box {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 90px);
      height: 40px;
      line-height: 40px; }
    .pop-important-note .pop-body .enter-pwd-box .pwd {
      width: 100%;
      border: 1px solid #e3e3e3;
      border-radius: 4px;
      font-size: 14px;
      padding-left: 1em;
      height: 100%; }
    .pop-important-note .pop-body .enter-pwd-box .time {
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background: transparent;
      border: 0 none;
      color: #20ade5; }
.pop-important-note .pop-foot {
  padding: 16px 0;
  border-top: 1px solid #e3e3e3;
  text-align: right; }
  .pop-important-note .pop-foot button {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #20ade5;
    color: #20ade5;
    background: #fff;
    margin-right: 16px;
    cursor: pointer; }
    .pop-important-note .pop-foot button:last-child {
      color: #fff;
      background: #20ade5; }

.head-checked {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 2;
  font-size: 0;
  height: 60px;
  line-height: 60px;
  padding: 0 18px; }
  .head-checked .check-num, .head-checked .check-ope {
    display: inline-block;
    vertical-align: middle; }
  .head-checked .check-num {
    position: relative;
    width: 200px; }
    .head-checked .check-num .close {
      cursor: pointer;
      width: 20px;
      height: 20px;
      display: inline-block;
      vertical-align: middle;
      background: url("../images/close.png") no-repeat center/16px; }
    .head-checked .check-num .checked-box {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      padding-left: 20px; }
      .head-checked .check-num .checked-box span {
        color: #20ade5; }
  .head-checked .check-ope {
    width: calc(100% - 200px); }
    .head-checked .check-ope ul {
      padding: 0 30px;
      display: inline-block; }
    .head-checked .check-ope li {
      position: relative;
      font-size: 14px;
      display: inline-block;
      color: #333;
      padding: 0 12px;
      cursor: pointer; }
      .head-checked .check-ope li:hover {
        color: #20ade5; }
      .head-checked .check-ope li:first-child:before {
        content: "";
        display: inline-block;
        position: absolute;
        height: 30px;
        width: 1px;
        background: #e3e3e3;
        top: 50%;
        margin-top: -15px;
        left: 0; }
      .head-checked .check-ope li .tips-box {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        cursor: pointer;
        line-height: 1; }
        .head-checked .check-ope li .tips-box:hover .tips {
          display: block; }
        .head-checked .check-ope li .tips-box i {
          display: inline-block;
          width: 16px;
          height: 16px;
          line-height: 14px;
          text-align: center;
          font-size: 16px;
          color: #d2d2d2;
          margin-left: 4px; }
        .head-checked .check-ope li .tips-box p {
          font-size: 12px;
          color: #999;
          font-weight: 400;
          margin-bottom: 8px; }
        .head-checked .check-ope li .tips-box .tips {
          display: none;
          position: absolute;
          top: 28px;
          left: -48px;
          z-index: 2; }
          .head-checked .check-ope li .tips-box .tips .tri-up {
            position: absolute;
            top: -20px;
            left: 50px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px;
            border-color: transparent transparent #fff transparent; }
          .head-checked .check-ope li .tips-box .tips .txt {
            width: 380px;
            padding: 10px 16px;
            background-color: #ffffff;
            color: #999;
            line-height: 1.5;
            box-shadow: 0 -6px 30px 0 rgba(0, 0, 0, 0.22);
            border-radius: 2px;
            font-size: 12px;
            font-weight: 400;
            text-align: left; }
    .head-checked .check-ope .head-checked-right {
      display: inline-block;
      font-size: 16px;
      color: #20ade5;
      float: right; }
      .head-checked .check-ope .head-checked-right i {
        margin-right: 8px; }

.layui-layer-btn {
  *zoom: 1; }
  .layui-layer-btn:after {
    clear: both;
    content: "";
    display: table; }

.layui-layer-btn0 {
  float: right;
  border-color: #20ade5 !important;
  background-color: #20ade5 !important; }

.layui-layer-title {
  text-align: center;
  padding: 0 24px !important; }

.merge-box .address {
  width: auto; }

.batch-out-box {
  width: 100%; }
  .batch-out-box:after {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    background: #EAEFF4; }

.outhouse {
  padding-top: 12px;
  background: #fff; }
  .outhouse .detail .detail-box:first-child {
    margin-top: 12px; }

.set-tab.active {
  position: relative; }
  .set-tab.active:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #20ade5;
    border-radius: 2px; }

.theme-box {
  padding: 16px 24px; }
  .theme-box h4 {
    font-size: 16px;
    color: #333;
    line-height: 2em; }
  .theme-box .theme-body {
    padding-top: 16px; }
  .theme-box .theme-color-box {
    font-size: 0;
    text-align: left; }
  .theme-box .theme-color-card {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: solid 2px transparent;
    transition: all .5s;
    cursor: pointer; }
    .theme-box .theme-color-card:hover {
      transform: translateY(-4%); }
  .theme-box .active:after {
    content: "";
    position: absolute;
    bottom: -6px;
    right: -4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/set_icon_skin_select.png") no-repeat center/20px; }
  .theme-box .color-f72626 {
    background: #f72626;
    border: solid 2px #ffafb2; }
    .theme-box .color-f72626:hover {
      -webkit-box-shadow: 0 6px 6px 0 #f69d9d;
      -moz-box-shadow: 0 6px 6px 0 #f69d9d;
      -ms-box-shadow: 0 6px 6px 0 #f69d9d;
      -o-box-shadow: 0 6px 6px 0 #f69d9d;
      box-shadow: 0 6px 6px 0 #f69d9d; }
  .theme-box .theme-color-f72626 .theme-preview-pc .head-box {
    border-color: #f72626; }
    .theme-box .theme-color-f72626 .theme-preview-pc .head-box span {
      background: #f72626; }
  .theme-box .theme-color-f72626 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #f72626; }
    .theme-box .theme-color-f72626 .theme-preview-pc .nav-box .nav {
      background: #f72626; }
    .theme-box .theme-color-f72626 .theme-preview-pc .nav-box .home-icon {
      color: #f72626; }
  .theme-box .theme-color-f72626 .theme-preview-web .head-box {
    background: #f72626; }
  .theme-box .theme-color-f72626 .theme-preview-web .nav-box i {
    background: #f72626; }
  .theme-box .theme-color-f72626 .theme-preview-web .foot-box i {
    color: #f72626; }
  .theme-box .color-f814aa {
    background-color: #f814aa;
    border: solid 2px #ff7ad2; }
    .theme-box .color-f814aa:hover {
      -webkit-box-shadow: 0 6px 6px 0 #f5a1d8;
      -moz-box-shadow: 0 6px 6px 0 #f5a1d8;
      -ms-box-shadow: 0 6px 6px 0 #f5a1d8;
      -o-box-shadow: 0 6px 6px 0 #f5a1d8;
      box-shadow: 0 6px 6px 0 #f5a1d8; }
  .theme-box .theme-color-f814aa .theme-preview-pc .head-box {
    border-color: #f814aa; }
    .theme-box .theme-color-f814aa .theme-preview-pc .head-box span {
      background: #f814aa; }
  .theme-box .theme-color-f814aa .theme-preview-pc .nav-box {
    border-bottom: 1px solid #f814aa; }
    .theme-box .theme-color-f814aa .theme-preview-pc .nav-box .nav {
      background: #f814aa; }
    .theme-box .theme-color-f814aa .theme-preview-pc .nav-box .home-icon {
      color: #f814aa; }
  .theme-box .theme-color-f814aa .theme-preview-web .head-box {
    background: #f814aa; }
  .theme-box .theme-color-f814aa .theme-preview-web .nav-box i {
    background: #f814aa; }
  .theme-box .theme-color-f814aa .theme-preview-web .foot-box i {
    color: #f814aa; }
  .theme-box .color-ee11ff {
    background-color: #ee11ff;
    border: solid 2px #f578ff; }
    .theme-box .color-ee11ff:hover {
      -webkit-box-shadow: 0 6px 6px 0 #d9a2dd;
      -moz-box-shadow: 0 6px 6px 0 #d9a2dd;
      -ms-box-shadow: 0 6px 6px 0 #d9a2dd;
      -o-box-shadow: 0 6px 6px 0 #d9a2dd;
      box-shadow: 0 6px 6px 0 #d9a2dd; }
  .theme-box .theme-color-ee11ff .theme-preview-pc .head-box {
    border-color: #ee11ff; }
    .theme-box .theme-color-ee11ff .theme-preview-pc .head-box span {
      background: #ee11ff; }
  .theme-box .theme-color-ee11ff .theme-preview-pc .nav-box {
    border-bottom: 1px solid #ee11ff; }
    .theme-box .theme-color-ee11ff .theme-preview-pc .nav-box .nav {
      background: #ee11ff; }
    .theme-box .theme-color-ee11ff .theme-preview-pc .nav-box .home-icon {
      color: #ee11ff; }
  .theme-box .theme-color-ee11ff .theme-preview-web .head-box {
    background: #ee11ff; }
  .theme-box .theme-color-ee11ff .theme-preview-web .nav-box i {
    background: #ee11ff; }
  .theme-box .theme-color-ee11ff .theme-preview-web .foot-box i {
    color: #ee11ff; }
  .theme-box .color-1a79ff {
    background-color: #1a79ff;
    border: solid 2px #72acfe; }
    .theme-box .color-1a79ff:hover {
      -webkit-box-shadow: 0 6px 6px 0 #9bbeef;
      -moz-box-shadow: 0 6px 6px 0 #9bbeef;
      -ms-box-shadow: 0 6px 6px 0 #9bbeef;
      -o-box-shadow: 0 6px 6px 0 #9bbeef;
      box-shadow: 0 6px 6px 0 #9bbeef; }
  .theme-box .theme-color-1a79ff .theme-preview-pc .head-box {
    border-color: #1a79ff; }
    .theme-box .theme-color-1a79ff .theme-preview-pc .head-box span {
      background: #1a79ff; }
  .theme-box .theme-color-1a79ff .theme-preview-pc .nav-box {
    border-bottom: 1px solid #1a79ff; }
    .theme-box .theme-color-1a79ff .theme-preview-pc .nav-box .nav {
      background: #1a79ff; }
    .theme-box .theme-color-1a79ff .theme-preview-pc .nav-box .home-icon {
      color: #1a79ff; }
  .theme-box .theme-color-1a79ff .theme-preview-web .head-box {
    background: #1a79ff; }
  .theme-box .theme-color-1a79ff .theme-preview-web .nav-box i {
    background: #1a79ff; }
  .theme-box .theme-color-1a79ff .theme-preview-web .foot-box i {
    color: #1a79ff; }
  .theme-box .color-20ade5 {
    background-color: #20ade5;
    border: solid 2px #71d7ff; }
    .theme-box .color-20ade5:hover {
      -webkit-box-shadow: 0 6px 6px 0 #87c9e4;
      -moz-box-shadow: 0 6px 6px 0 #87c9e4;
      -ms-box-shadow: 0 6px 6px 0 #87c9e4;
      -o-box-shadow: 0 6px 6px 0 #87c9e4;
      box-shadow: 0 6px 6px 0 #87c9e4; }
  .theme-box .theme-color-20ade5 .theme-preview-pc .head-box {
    border-color: #20ade5; }
    .theme-box .theme-color-20ade5 .theme-preview-pc .head-box span {
      background: #20ade5; }
  .theme-box .theme-color-20ade5 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #20ade5; }
    .theme-box .theme-color-20ade5 .theme-preview-pc .nav-box .nav {
      background: #20ade5; }
    .theme-box .theme-color-20ade5 .theme-preview-pc .nav-box .home-icon {
      color: #20ade5; }
  .theme-box .theme-color-20ade5 .theme-preview-web .head-box {
    background: #20ade5; }
  .theme-box .theme-color-20ade5 .theme-preview-web .nav-box i {
    background: #20ade5; }
  .theme-box .theme-color-20ade5 .theme-preview-web .foot-box i {
    color: #20ade5; }
  .theme-box .color-0ec2b9 {
    background-color: #0EC2B9;
    border: solid 2px #10D8CE; }
    .theme-box .color-0ec2b9:hover {
      -webkit-box-shadow: 0 6px 6px 0 #8ae0da;
      -moz-box-shadow: 0 6px 6px 0 #8ae0da;
      -ms-box-shadow: 0 6px 6px 0 #8ae0da;
      -o-box-shadow: 0 6px 6px 0 #8ae0da;
      box-shadow: 0 6px 6px 0 #8ae0da; }
  .theme-box .theme-color-0ec2b9 .theme-preview-pc .head-box {
    border-color: #0ee4d5; }
    .theme-box .theme-color-0ec2b9 .theme-preview-pc .head-box span {
      background: #0ee4d5; }
  .theme-box .theme-color-0ec2b9 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #0ee4d5; }
    .theme-box .theme-color-0ec2b9 .theme-preview-pc .nav-box .nav {
      background: #0ee4d5; }
    .theme-box .theme-color-0ec2b9 .theme-preview-pc .nav-box .home-icon {
      color: #0ee4d5; }
  .theme-box .theme-color-0ec2b9 .theme-preview-web .head-box {
    background: #0ee4d5; }
  .theme-box .theme-color-0ec2b9 .theme-preview-web .nav-box i {
    background: #0ee4d5; }
  .theme-box .theme-color-0ec2b9 .theme-preview-web .foot-box i {
    color: #0ee4d5; }
  .theme-box .color-ed0342 {
    background-color: #ed0342;
    border: solid 2px #fb5f89; }
    .theme-box .color-ed0342:hover {
      -webkit-box-shadow: 0 6px 6px 0 #f28faa;
      -moz-box-shadow: 0 6px 6px 0 #f28faa;
      -ms-box-shadow: 0 6px 6px 0 #f28faa;
      -o-box-shadow: 0 6px 6px 0 #f28faa;
      box-shadow: 0 6px 6px 0 #f28faa; }
  .theme-box .theme-color-ed0342 .theme-preview-pc .head-box {
    border-color: #ed0342; }
    .theme-box .theme-color-ed0342 .theme-preview-pc .head-box span {
      background: #ed0342; }
  .theme-box .theme-color-ed0342 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #ed0342; }
    .theme-box .theme-color-ed0342 .theme-preview-pc .nav-box .nav {
      background: #ed0342; }
    .theme-box .theme-color-ed0342 .theme-preview-pc .nav-box .home-icon {
      color: #ed0342; }
  .theme-box .theme-color-ed0342 .theme-preview-web .head-box {
    background: #ed0342; }
  .theme-box .theme-color-ed0342 .theme-preview-web .nav-box i {
    background: #ed0342; }
  .theme-box .theme-color-ed0342 .theme-preview-web .foot-box i {
    color: #ed0342; }
  .theme-box .color-ebc870 {
    background-color: #ebc870;
    border: solid 2px #edd8a4; }
    .theme-box .color-ebc870:hover {
      -webkit-box-shadow: 0 6px 6px 0 #e1c98e;
      -moz-box-shadow: 0 6px 6px 0 #e1c98e;
      -ms-box-shadow: 0 6px 6px 0 #e1c98e;
      -o-box-shadow: 0 6px 6px 0 #e1c98e;
      box-shadow: 0 6px 6px 0 #e1c98e; }
  .theme-box .theme-color-ebc870 .theme-preview-pc .head-box {
    border-color: #ebc870; }
    .theme-box .theme-color-ebc870 .theme-preview-pc .head-box span {
      background: #ebc870; }
  .theme-box .theme-color-ebc870 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #ebc870; }
    .theme-box .theme-color-ebc870 .theme-preview-pc .nav-box .nav {
      background: #ebc870; }
    .theme-box .theme-color-ebc870 .theme-preview-pc .nav-box .home-icon {
      color: #ebc870; }
  .theme-box .theme-color-ebc870 .theme-preview-web .head-box {
    background: #ebc870; }
  .theme-box .theme-color-ebc870 .theme-preview-web .nav-box i {
    background: #ebc870; }
  .theme-box .theme-color-ebc870 .theme-preview-web .foot-box i {
    color: #ebc870; }
  .theme-box .color-ddc852 {
    background-color: #ddc852;
    border: solid 2px #e8db97; }
    .theme-box .color-ddc852:hover {
      -webkit-box-shadow: 0 6px 6px 0 #d3c682;
      -moz-box-shadow: 0 6px 6px 0 #d3c682;
      -ms-box-shadow: 0 6px 6px 0 #d3c682;
      -o-box-shadow: 0 6px 6px 0 #d3c682;
      box-shadow: 0 6px 6px 0 #d3c682; }
  .theme-box .theme-color-ddc852 .theme-preview-pc .head-box {
    border-color: #ddc852; }
    .theme-box .theme-color-ddc852 .theme-preview-pc .head-box span {
      background: #ddc852; }
  .theme-box .theme-color-ddc852 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #ddc852; }
    .theme-box .theme-color-ddc852 .theme-preview-pc .nav-box .nav {
      background: #ddc852; }
    .theme-box .theme-color-ddc852 .theme-preview-pc .nav-box .home-icon {
      color: #ddc852; }
  .theme-box .theme-color-ddc852 .theme-preview-web .head-box {
    background: #ddc852; }
  .theme-box .theme-color-ddc852 .theme-preview-web .nav-box i {
    background: #ddc852; }
  .theme-box .theme-color-ddc852 .theme-preview-web .foot-box i {
    color: #ddc852; }
  .theme-box .color-23982d {
    background-color: #23982d;
    border: solid 2px #52c15b; }
    .theme-box .color-23982d:hover {
      -webkit-box-shadow: 0 6px 6px 0 #90c995;
      -moz-box-shadow: 0 6px 6px 0 #90c995;
      -ms-box-shadow: 0 6px 6px 0 #90c995;
      -o-box-shadow: 0 6px 6px 0 #90c995;
      box-shadow: 0 6px 6px 0 #90c995; }
  .theme-box .theme-color-23982d .theme-preview-pc .head-box {
    border-color: #23982d; }
    .theme-box .theme-color-23982d .theme-preview-pc .head-box span {
      background: #23982d; }
  .theme-box .theme-color-23982d .theme-preview-pc .nav-box {
    border-bottom: 1px solid #23982d; }
    .theme-box .theme-color-23982d .theme-preview-pc .nav-box .nav {
      background: #23982d; }
    .theme-box .theme-color-23982d .theme-preview-pc .nav-box .home-icon {
      color: #23982d; }
  .theme-box .theme-color-23982d .theme-preview-web .head-box {
    background: #23982d; }
  .theme-box .theme-color-23982d .theme-preview-web .nav-box i {
    background: #23982d; }
  .theme-box .theme-color-23982d .theme-preview-web .foot-box i {
    color: #23982d; }
  .theme-box .color-fb6321 {
    background-color: #fb6321;
    border: solid 2px #ffa984; }
    .theme-box .color-fb6321:hover {
      -webkit-box-shadow: 0 6px 6px 0 #ed9f7e;
      -moz-box-shadow: 0 6px 6px 0 #ed9f7e;
      -ms-box-shadow: 0 6px 6px 0 #ed9f7e;
      -o-box-shadow: 0 6px 6px 0 #ed9f7e;
      box-shadow: 0 6px 6px 0 #ed9f7e; }
  .theme-box .theme-color-fb6321 .theme-preview-pc .head-box {
    border-color: #fb6321; }
    .theme-box .theme-color-fb6321 .theme-preview-pc .head-box span {
      background: #fb6321; }
  .theme-box .theme-color-fb6321 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #fb6321; }
    .theme-box .theme-color-fb6321 .theme-preview-pc .nav-box .nav {
      background: #fb6321; }
    .theme-box .theme-color-fb6321 .theme-preview-pc .nav-box .home-icon {
      color: #fb6321; }
  .theme-box .theme-color-fb6321 .theme-preview-web .head-box {
    background: #fb6321; }
  .theme-box .theme-color-fb6321 .theme-preview-web .nav-box i {
    background: #fb6321; }
  .theme-box .theme-color-fb6321 .theme-preview-web .foot-box i {
    color: #fb6321; }
  .theme-box .color-f9c03d {
    background-color: #f9c03d;
    border: solid 2px #ffe5af; }
    .theme-box .color-f9c03d:hover {
      -webkit-box-shadow: 0 6px 6px 0 #eacc86;
      -moz-box-shadow: 0 6px 6px 0 #eacc86;
      -ms-box-shadow: 0 6px 6px 0 #eacc86;
      -o-box-shadow: 0 6px 6px 0 #eacc86;
      box-shadow: 0 6px 6px 0 #eacc86; }
  .theme-box .theme-color-f9c03d .theme-preview-pc .head-box {
    border-color: #f9c03d; }
    .theme-box .theme-color-f9c03d .theme-preview-pc .head-box span {
      background: #f9c03d; }
  .theme-box .theme-color-f9c03d .theme-preview-pc .nav-box {
    border-bottom: 1px solid #f9c03d; }
    .theme-box .theme-color-f9c03d .theme-preview-pc .nav-box .nav {
      background: #f9c03d; }
    .theme-box .theme-color-f9c03d .theme-preview-pc .nav-box .home-icon {
      color: #f9c03d; }
  .theme-box .theme-color-f9c03d .theme-preview-web .head-box {
    background: #f9c03d; }
  .theme-box .theme-color-f9c03d .theme-preview-web .nav-box i {
    background: #f9c03d; }
  .theme-box .theme-color-f9c03d .theme-preview-web .foot-box i {
    color: #f9c03d; }
  .theme-box .color-f9e101 {
    background-color: #f9e101;
    border: solid 2px #f8ea6a; }
    .theme-box .color-f9e101:hover {
      -webkit-box-shadow: 0 6px 6px 0 #e6da65;
      -moz-box-shadow: 0 6px 6px 0 #e6da65;
      -ms-box-shadow: 0 6px 6px 0 #e6da65;
      -o-box-shadow: 0 6px 6px 0 #e6da65;
      box-shadow: 0 6px 6px 0 #e6da65; }
  .theme-box .theme-color-f9e101 .theme-preview-pc .head-box {
    border-color: #f9e101; }
    .theme-box .theme-color-f9e101 .theme-preview-pc .head-box span {
      background: #f9e101; }
  .theme-box .theme-color-f9e101 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #f9e101; }
    .theme-box .theme-color-f9e101 .theme-preview-pc .nav-box .nav {
      background: #f9e101; }
    .theme-box .theme-color-f9e101 .theme-preview-pc .nav-box .home-icon {
      color: #f9e101; }
  .theme-box .theme-color-f9e101 .theme-preview-web .head-box {
    background: #f9e101; }
  .theme-box .theme-color-f9e101 .theme-preview-web .nav-box i {
    background: #f9e101; }
  .theme-box .theme-color-f9e101 .theme-preview-web .foot-box i {
    color: #f9e101; }
  .theme-box .color-393fff {
    background-color: #393fff;
    border: solid 2px #5f64ff; }
    .theme-box .color-393fff:hover {
      -webkit-box-shadow: 0 6px 6px 0 #aaace0;
      -moz-box-shadow: 0 6px 6px 0 #aaace0;
      -ms-box-shadow: 0 6px 6px 0 #aaace0;
      -o-box-shadow: 0 6px 6px 0 #aaace0;
      box-shadow: 0 6px 6px 0 #aaace0; }
  .theme-box .theme-color-393fff .theme-preview-pc .head-box {
    border-color: #393fff; }
    .theme-box .theme-color-393fff .theme-preview-pc .head-box span {
      background: #393fff; }
  .theme-box .theme-color-393fff .theme-preview-pc .nav-box {
    border-bottom: 1px solid #393fff; }
    .theme-box .theme-color-393fff .theme-preview-pc .nav-box .nav {
      background: #393fff; }
    .theme-box .theme-color-393fff .theme-preview-pc .nav-box .home-icon {
      color: #393fff; }
  .theme-box .theme-color-393fff .theme-preview-web .head-box {
    background: #393fff; }
  .theme-box .theme-color-393fff .theme-preview-web .nav-box i {
    background: #393fff; }
  .theme-box .theme-color-393fff .theme-preview-web .foot-box i {
    color: #393fff; }
  .theme-box .color-5c6bc0 {
    background-color: #5c6bc0;
    border: solid 2px #8794e0; }
    .theme-box .color-5c6bc0:hover {
      -webkit-box-shadow: 0 6px 6px 0 #99a2d1;
      -moz-box-shadow: 0 6px 6px 0 #99a2d1;
      -ms-box-shadow: 0 6px 6px 0 #99a2d1;
      -o-box-shadow: 0 6px 6px 0 #99a2d1;
      box-shadow: 0 6px 6px 0 #99a2d1; }
  .theme-box .theme-color-5c6bc0 .theme-preview-pc .head-box {
    border-color: #5c6bc0; }
    .theme-box .theme-color-5c6bc0 .theme-preview-pc .head-box span {
      background: #5c6bc0; }
  .theme-box .theme-color-5c6bc0 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #5c6bc0; }
    .theme-box .theme-color-5c6bc0 .theme-preview-pc .nav-box .nav {
      background: #5c6bc0; }
    .theme-box .theme-color-5c6bc0 .theme-preview-pc .nav-box .home-icon {
      color: #5c6bc0; }
  .theme-box .theme-color-5c6bc0 .theme-preview-web .head-box {
    background: #5c6bc0; }
  .theme-box .theme-color-5c6bc0 .theme-preview-web .nav-box i {
    background: #5c6bc0; }
  .theme-box .theme-color-5c6bc0 .theme-preview-web .foot-box i {
    color: #5c6bc0; }
  .theme-box .color-31c193 {
    background-color: #31c193;
    border: solid 2px #6bd2b1; }
    .theme-box .color-31c193:hover {
      -webkit-box-shadow: 0 6px 6px 0 #8ac4b1;
      -moz-box-shadow: 0 6px 6px 0 #8ac4b1;
      -ms-box-shadow: 0 6px 6px 0 #8ac4b1;
      -o-box-shadow: 0 6px 6px 0 #8ac4b1;
      box-shadow: 0 6px 6px 0 #8ac4b1; }
  .theme-box .theme-color-31c193 .theme-preview-pc .head-box {
    border-color: #31c193; }
    .theme-box .theme-color-31c193 .theme-preview-pc .head-box span {
      background: #31c193; }
  .theme-box .theme-color-31c193 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #31c193; }
    .theme-box .theme-color-31c193 .theme-preview-pc .nav-box .nav {
      background: #31c193; }
    .theme-box .theme-color-31c193 .theme-preview-pc .nav-box .home-icon {
      color: #31c193; }
  .theme-box .theme-color-31c193 .theme-preview-web .head-box {
    background: #31c193; }
  .theme-box .theme-color-31c193 .theme-preview-web .nav-box i {
    background: #31c193; }
  .theme-box .theme-color-31c193 .theme-preview-web .foot-box i {
    color: #31c193; }
  .theme-box .color-cd5511 {
    background-color: #cd5511;
    border: solid 2px #e99463; }
    .theme-box .color-cd5511:hover {
      -webkit-box-shadow: 0 6px 6px 0 #dcaa8e;
      -moz-box-shadow: 0 6px 6px 0 #dcaa8e;
      -ms-box-shadow: 0 6px 6px 0 #dcaa8e;
      -o-box-shadow: 0 6px 6px 0 #dcaa8e;
      box-shadow: 0 6px 6px 0 #dcaa8e; }
  .theme-box .theme-color-cd5511 .theme-preview-pc .head-box {
    border-color: #cd5511; }
    .theme-box .theme-color-cd5511 .theme-preview-pc .head-box span {
      background: #cd5511; }
  .theme-box .theme-color-cd5511 .theme-preview-pc .nav-box {
    border-bottom: 1px solid #cd5511; }
    .theme-box .theme-color-cd5511 .theme-preview-pc .nav-box .nav {
      background: #cd5511; }
    .theme-box .theme-color-cd5511 .theme-preview-pc .nav-box .home-icon {
      color: #cd5511; }
  .theme-box .theme-color-cd5511 .theme-preview-web .head-box {
    background: #cd5511; }
  .theme-box .theme-color-cd5511 .theme-preview-web .nav-box i {
    background: #cd5511; }
  .theme-box .theme-color-cd5511 .theme-preview-web .foot-box i {
    color: #cd5511; }
  .theme-box .color-e19a3c {
    background-color: #e19a3c;
    border: solid 2px #eeaf5b; }
    .theme-box .color-e19a3c:hover {
      -webkit-box-shadow: 0 6px 6px 0 #ddb57f;
      -moz-box-shadow: 0 6px 6px 0 #ddb57f;
      -ms-box-shadow: 0 6px 6px 0 #ddb57f;
      -o-box-shadow: 0 6px 6px 0 #ddb57f;
      box-shadow: 0 6px 6px 0 #ddb57f; }
  .theme-box .theme-color-e19a3c .theme-preview-pc .head-box {
    border-color: #e19a3c; }
    .theme-box .theme-color-e19a3c .theme-preview-pc .head-box span {
      background: #e19a3c; }
  .theme-box .theme-color-e19a3c .theme-preview-pc .nav-box {
    border-bottom: 1px solid #e19a3c; }
    .theme-box .theme-color-e19a3c .theme-preview-pc .nav-box .nav {
      background: #e19a3c; }
    .theme-box .theme-color-e19a3c .theme-preview-pc .nav-box .home-icon {
      color: #e19a3c; }
  .theme-box .theme-color-e19a3c .theme-preview-web .head-box {
    background: #e19a3c; }
  .theme-box .theme-color-e19a3c .theme-preview-web .nav-box i {
    background: #e19a3c; }
  .theme-box .theme-color-e19a3c .theme-preview-web .foot-box i {
    color: #e19a3c; }
  .theme-box .color-ffffff {
    background-color: #ffffff;
    border: solid 2px #efefef; }
    .theme-box .color-ffffff:hover {
      -webkit-box-shadow: 0 6px 6px 0 rgba(189, 189, 189, 0.5);
      -moz-box-shadow: 0 6px 6px 0 rgba(189, 189, 189, 0.5);
      -ms-box-shadow: 0 6px 6px 0 rgba(189, 189, 189, 0.5);
      -o-box-shadow: 0 6px 6px 0 rgba(189, 189, 189, 0.5);
      box-shadow: 0 6px 6px 0 rgba(189, 189, 189, 0.5); }
  .theme-box .theme-color-ffffff .theme-preview-pc .head-box {
    border-color: #e53935; }
    .theme-box .theme-color-ffffff .theme-preview-pc .head-box span {
      background: #e53935; }
  .theme-box .theme-color-ffffff .theme-preview-pc .nav-box {
    border-bottom: 1px solid #e53935; }
    .theme-box .theme-color-ffffff .theme-preview-pc .nav-box .nav {
      background: #e53935; }
    .theme-box .theme-color-ffffff .theme-preview-pc .nav-box .home-icon {
      color: #e53935; }
  .theme-box .theme-color-ffffff .theme-preview-web .head-box {
    background: #fff; }
    .theme-box .theme-color-ffffff .theme-preview-web .head-box .title, .theme-box .theme-color-ffffff .theme-preview-web .head-box .tips {
      color: #333; }
  .theme-box .theme-color-ffffff .theme-preview-web .nav-box i {
    background: #e53935; }
  .theme-box .theme-color-ffffff .theme-preview-web .foot-box i {
    color: #e53935; }
  .theme-box .color-1b1b1b {
    background-color: #1b1b1b;
    border: solid 2px #525252; }
    .theme-box .color-1b1b1b:hover {
      -webkit-box-shadow: 0 6px 6px 0 rgba(81, 80, 80, 0.5);
      -moz-box-shadow: 0 6px 6px 0 rgba(81, 80, 80, 0.5);
      -ms-box-shadow: 0 6px 6px 0 rgba(81, 80, 80, 0.5);
      -o-box-shadow: 0 6px 6px 0 rgba(81, 80, 80, 0.5);
      box-shadow: 0 6px 6px 0 rgba(81, 80, 80, 0.5); }
  .theme-box .theme-color-1b1b1b .theme-preview-pc .head-box {
    border-color: #1b1b1b; }
    .theme-box .theme-color-1b1b1b .theme-preview-pc .head-box span {
      background: #1b1b1b; }
  .theme-box .theme-color-1b1b1b .theme-preview-pc .nav-box {
    border-bottom: 1px solid #1b1b1b; }
    .theme-box .theme-color-1b1b1b .theme-preview-pc .nav-box .nav {
      background: #1b1b1b; }
    .theme-box .theme-color-1b1b1b .theme-preview-pc .nav-box .home-icon {
      color: #1b1b1b; }
  .theme-box .theme-color-1b1b1b .theme-preview-web .head-box {
    background: #1b1b1b; }
  .theme-box .theme-color-1b1b1b .theme-preview-web .nav-box i {
    background: #1b1b1b; }
  .theme-box .theme-color-1b1b1b .theme-preview-web .foot-box i {
    color: #1b1b1b; }

.theme-preview {
  padding-top: 16px; }

.theme-preview-pc {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 588px;
  height: 516px;
  background: url("../images/set_bg_skin_1.png") no-repeat center bottom/100%;
  margin-right: 24px;
  padding: 34px 32px;
  cursor: pointer; }
  .theme-preview-pc .theme-preview-btn {
    position: absolute;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #999;
    cursor: pointer;
    font-size: 12px; }
    .theme-preview-pc .theme-preview-btn i {
      font-size: 12px;
      margin-right: 4px; }
  .theme-preview-pc .pc-box {
    position: relative;
    width: 100%;
    height: 100%; }
  .theme-preview-pc .logo-box {
    position: absolute;
    top: 11px;
    left: 6px;
    width: 90px;
    height: 22px;
    background: #ffffff; }
    .theme-preview-pc .logo-box img {
      width: 90px;
      height: 22px; }
  .theme-preview-pc .head-box {
    position: absolute;
    top: 11px;
    right: 48px;
    width: 174px;
    height: 16px;
    line-height: 16px;
    padding-left: 6px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid; }
    .theme-preview-pc .head-box i {
      font-size: 30px;
      color: #999; }
    .theme-preview-pc .head-box span {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 24px;
      height: 100%;
      text-align: center; }
      .theme-preview-pc .head-box span i {
        font-size: 12px;
        color: #fff; }
  .theme-preview-pc .nav-box {
    position: absolute;
    top: 40px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 18px; }
    .theme-preview-pc .nav-box .nav {
      position: absolute;
      left: 5px;
      width: 90px;
      height: 18px;
      line-height: 18px;
      padding: 0 4px; }
      .theme-preview-pc .nav-box .nav i {
        font-size: 12px;
        color: #fff; }
    .theme-preview-pc .nav-box .home-icon {
      position: absolute;
      left: 126px;
      top: 1px;
      font-size: 12px; }

.theme-preview-web {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 234px;
  height: 476px;
  padding: 32px 16px 56px 18px;
  background: url("../images/set_bg_skin_2.png") no-repeat center bottom/100%;
  cursor: pointer; }
  .theme-preview-web .theme-preview-btn {
    position: absolute;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #999;
    cursor: pointer;
    font-size: 12px; }
    .theme-preview-web .theme-preview-btn i {
      font-size: 12px;
      margin-right: 4px; }
  .theme-preview-web .web-box {
    width: 100%;
    height: 100%;
    position: relative; }
  .theme-preview-web .head-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 34px; }
  .theme-preview-web .tips {
    display: block;
    height: 10px;
    color: #fff;
    padding: 0 6px;
    font-size: 0; }
    .theme-preview-web .tips i {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      width: 33.33%; }
      .theme-preview-web .tips i:nth-child(1) {
        text-align: left; }
      .theme-preview-web .tips i:nth-child(2) {
        text-align: center; }
      .theme-preview-web .tips i:nth-child(3) {
        text-align: right; }
  .theme-preview-web .title {
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    color: #fff; }
  .theme-preview-web .nav-box {
    position: absolute;
    left: 0;
    top: 155px;
    width: 100%;
    height: 16px; }
    .theme-preview-web .nav-box span {
      display: inline-block;
      width: 25%;
      vertical-align: middle;
      text-align: center; }
    .theme-preview-web .nav-box i {
      display: inline-block;
      width: 16px;
      height: 16px;
      overflow: hidden;
      border-radius: 5px; }
    .theme-preview-web .nav-box img {
      width: 16px;
      height: 16px; }
  .theme-preview-web .foot-box {
    position: absolute;
    left: 14px;
    bottom: 0; }
    .theme-preview-web .foot-box i {
      font-size: 20px; }

.theme-preview-box {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center; }
  .theme-preview-box:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle; }
  .theme-preview-box .qrcode-box {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 150px;
    background: #fff;
    overflow: hidden;
    padding: 10px; }
  .theme-preview-box canvas {
    width: 100%;
    height: 100%; }

.pop-set-cost {
  width: 820px; }
  .pop-set-cost .pop-body {
    min-height: 430px;
    padding: 0 16px; }
    .pop-set-cost .pop-body .pop-head-select-box {
      padding: 12px 0;
      font-size: 0; }
      .pop-set-cost .pop-body .pop-head-select-box .tit-box, .pop-set-cost .pop-body .pop-head-select-box .btn-box {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        font-size: 12px; }
      .pop-set-cost .pop-body .pop-head-select-box .tit-box span {
        margin-right: 10px; }
      .pop-set-cost .pop-body .pop-head-select-box .btn-box {
        text-align: right; }
      .pop-set-cost .pop-body .pop-head-select-box .client-text-box {
        font-size: 14px;
        color: #333;
        margin-bottom: 12px; }
  .pop-set-cost .set-cost-list {
    width: 100%;
    max-height: 400px;
    height: 334px; }
    .pop-set-cost .set-cost-list table {
      width: 100%;
      border-right: 1px solid #e3e3e3;
      border-left: 1px solid #e3e3e3; }
    .pop-set-cost .set-cost-list th {
      height: 40px;
      background-color: #fcfcfc;
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3;
      vertical-align: middle;
      padding-left: 24px;
      font-size: 14px; }
      .pop-set-cost .set-cost-list th:last-child {
        padding-right: 24px; }
    .pop-set-cost .set-cost-list td {
      height: 40px;
      border-bottom: 1px solid #e3e3e3;
      vertical-align: middle;
      padding-left: 24px;
      font-size: 14px; }
      .pop-set-cost .set-cost-list td:last-child {
        padding-right: 24px; }
      .pop-set-cost .set-cost-list td .ope-btn {
        margin-right: 8px; }
        .pop-set-cost .set-cost-list td .ope-btn:last-child {
          margin-right: 0; }
      .pop-set-cost .set-cost-list td .default-txt {
        background: #FFCA1A;
        color: #fff;
        border-radius: 4px;
        padding: 3px 6px; }
        .pop-set-cost .set-cost-list td .default-txt:hover {
          color: #fff; }
    .pop-set-cost .set-cost-list .txt-box {
      width: 80px;
      height: 32px;
      border-radius: 2px;
      background-color: #ffffff;
      position: relative;
      overflow: hidden; }
      .pop-set-cost .set-cost-list .txt-box:hover .close-btn {
        display: block; }
      .pop-set-cost .set-cost-list .txt-box.text-red .txt {
        color: #FF3838 !important; }
    .pop-set-cost .set-cost-list .search-size-max {
      height: 28px;
      line-height: 28px; }
    .pop-set-cost .set-cost-list .det-info-null {
      padding-top: 40px;
      text-align: center;
      font-size: 12px; }
      .pop-set-cost .set-cost-list .det-info-null p {
        padding-top: 12px;
        color: #999; }
  .pop-set-cost .in-house-detail-cost-list {
    width: 100%;
    height: 600px; }
    .pop-set-cost .in-house-detail-cost-list table {
      width: 100%;
      border-right: 1px solid #e3e3e3;
      border-left: 1px solid #e3e3e3; }
    .pop-set-cost .in-house-detail-cost-list th {
      height: 40px;
      background-color: #fcfcfc;
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3;
      vertical-align: middle;
      padding-left: 24px;
      font-size: 14px; }
      .pop-set-cost .in-house-detail-cost-list th:last-child {
        padding-right: 24px; }
    .pop-set-cost .in-house-detail-cost-list td {
      height: 40px;
      border-bottom: 1px solid #e3e3e3;
      vertical-align: middle;
      padding-left: 24px;
      font-size: 14px; }
      .pop-set-cost .in-house-detail-cost-list td:last-child {
        padding-right: 24px; }
      .pop-set-cost .in-house-detail-cost-list td .ope-btn {
        margin-right: 8px; }
        .pop-set-cost .in-house-detail-cost-list td .ope-btn:last-child {
          margin-right: 0; }
      .pop-set-cost .in-house-detail-cost-list td .default-txt {
        background: #FFCA1A;
        color: #fff;
        border-radius: 4px;
        padding: 3px 6px; }
        .pop-set-cost .in-house-detail-cost-list td .default-txt:hover {
          color: #fff; }
    .pop-set-cost .in-house-detail-cost-list .txt-box {
      width: 80px;
      height: 32px;
      border-radius: 2px;
      background-color: #ffffff;
      position: relative;
      overflow: hidden; }
      .pop-set-cost .in-house-detail-cost-list .txt-box:hover .close-btn {
        display: block; }
      .pop-set-cost .in-house-detail-cost-list .txt-box.text-red .txt {
        color: #FF3838 !important; }
    .pop-set-cost .in-house-detail-cost-list .search-size-max {
      height: 28px;
      line-height: 28px; }
    .pop-set-cost .in-house-detail-cost-list .det-info-null {
      padding-top: 40px;
      text-align: center;
      font-size: 12px; }
      .pop-set-cost .in-house-detail-cost-list .det-info-null p {
        padding-top: 12px;
        color: #999; }

.pop-count-cost {
  width: 820px; }
  .pop-count-cost .pop-body {
    padding: 24px;
    min-height: 430px; }
  .pop-count-cost .count-cost-box .range-size-middle, .pop-count-cost .count-cost-box .search-size-max {
    height: 32px;
    line-height: 32px;
    width: 130px; }
  .pop-count-cost .count-cost-box .search-size-max .txt {
    height: 32px;
    line-height: 32px; }
  .pop-count-cost .count-cost--tips {
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 10px; }
    .pop-count-cost .count-cost--tips h4 {
      color: #666; }
    .pop-count-cost .count-cost--tips p {
      color: #999; }

.user-head-box .logo {
  width: 100px !important;
  height: 100px !important; }

.goods-list .table-min-height {
  min-height: 500px; }
.goods-list .td-img, .goods-list .td-tit {
  cursor: pointer; }

.select-txt {
  width: 50%;
  margin-bottom: 16px; }

.goods-detail-sale {
  position: relative; }
  .goods-detail-sale .cont-breadcrumb {
    display: none; }
  .goods-detail-sale .bg-main {
    height: calc(100vh - 162px); }
  .goods-detail-sale .sys-cont {
    padding: 0;
    height: calc(100vh - 170px); }
  .goods-detail-sale .cont-hear {
    display: none; }
  .goods-detail-sale .pt60 {
    padding-top: 0; }
  .goods-detail-sale .cont-list-table-head {
    top: 0; }
  .goods-detail-sale .height-common {
    height: calc(100vh - 232px); }

.goods-detail-head {
  height: 50px;
  line-height: 50px; }

.switcher-box {
  position: fixed;
  left: 50%;
  bottom: 12px;
  width: 540px;
  height: 60px;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(104, 104, 104, 0.86);
  box-shadow: 0 0 8px 0 rgba(123, 123, 123, 0.5);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 44px;
  color: #fff;
  border-radius: 100px; }
  .switcher-box .close-btn {
    position: absolute;
    left: 16px;
    cursor: pointer; }
  .switcher-box h2 {
    font-size: 16px; }
  .switcher-box .btn-box {
    font-size: 0;
    flex: 1;
    text-align: right; }
  .switcher-box .switch-btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: rgba(249, 192, 61, 0.86);
    border-radius: 100px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 0 none;
    margin-right: 24px;
    cursor: pointer; }
    .switcher-box .switch-btn:nth-child(2) {
      background: #ff6d6d;
      margin-right: 10px; }
    .switcher-box .switch-btn .iconfont {
      font-size: 14px;
      padding-right: 8px; }

.switcher-right-box {
  position: fixed;
  right: 0;
  bottom: 36px;
  z-index: 3;
  background: rgba(104, 104, 104, 0.86);
  box-shadow: 0 0 8px 0 rgba(123, 123, 123, 0.5);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  color: #fff;
  padding: 16px 12px 16px 14px;
  border-radius: 26px 0 0 26px; }
  .switcher-right-box .close-btn {
    display: none; }
  .switcher-right-box h2 {
    display: none; }
  .switcher-right-box .btn-box {
    font-size: 0;
    text-align: right; }
  .switcher-right-box .switch-btn {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgba(249, 192, 61, 0.86);
    border-radius: 50%;
    font-size: 0;
    color: #fff;
    text-align: center;
    border: 0 none;
    cursor: pointer;
    margin-bottom: 18px; }
    .switcher-right-box .switch-btn:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #A1A1A1;
      position: absolute;
      left: 0;
      bottom: -7px; }
    .switcher-right-box .switch-btn:nth-child(1) {
      background: rgba(0, 0, 0, 0.2); }
    .switcher-right-box .switch-btn:nth-child(3) {
      background: #ff6d6d;
      margin-bottom: 0; }
      .switcher-right-box .switch-btn:nth-child(3):after {
        display: none; }
    .switcher-right-box .switch-btn .iconfont {
      font-size: 14px; }

.pop-experience-tips {
  padding: 16px 26px 24px;
  text-align: left; }
  .pop-experience-tips p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px; }
    .pop-experience-tips p .iconfont {
      margin-right: 6px; }
  .pop-experience-tips .btn {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-top: 10px; }

.detail-size-table .select-range .tree .txt {
  height: 40px;
  line-height: 40px; }

.multi-spec-box {
  border-top: 1px solid #e3e3e3;
  padding-top: 16px;
  margin-bottom: 16px; }

.multi-spec-head {
  height: 50px;
  line-height: 50px;
  margin-bottom: -1px;
  border: 1px solid #e3e3e3;
  background: #fcfcfc;
  color: #666; }
  .multi-spec-head .checkbox {
    margin-left: 24px; }

.multi-spec-body {
  border: 1px solid #e3e3e3;
  margin: -1px 0;
  padding: 12px 24px 0; }
  .multi-spec-body .search-size-max {
    width: 200px;
    height: 38px;
    line-height: 36px; }

.multi-spec-opt {
  margin-bottom: 12px; }
  .multi-spec-opt .operate-box {
    display: inline-block;
    vertical-align: top;
    position: relative; }
  .multi-spec-opt .operate-cont {
    position: absolute;
    left: 120px;
    top: -8px;
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    white-space: nowrap;
    background: #fff; }
    .multi-spec-opt .operate-cont:before {
      content: "";
      position: absolute;
      left: -24px;
      top: 50%;
      width: 0;
      margin-top: -10px;
      border-width: 10px 12px;
      border-style: solid;
      border-color: transparent #e3e3e3 transparent transparent; }
    .multi-spec-opt .operate-cont:after {
      content: "";
      position: absolute;
      left: -23px;
      top: 50%;
      width: 0;
      margin-top: -10px;
      border-width: 10px 12px;
      border-style: solid;
      border-color: transparent #fff transparent transparent; }
    .multi-spec-opt .operate-cont .enter {
      height: 32px;
      padding-left: 1em;
      border: 1px solid #e3e3e3;
      border-radius: 2px;
      margin-right: 8px; }
  .multi-spec-opt .operate {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    width: 114px;
    margin-left: 12px;
    border: 1px solid #e3e3e3;
    color: #666;
    background: none;
    cursor: pointer; }
    .multi-spec-opt .operate:hover {
      color: #333;
      border-color: #20ade5; }
  .multi-spec-opt .select-width {
    display: inline-block;
    vertical-align: top;
    width: 400px; }
    .multi-spec-opt .select-width .select-selection-multiple {
      min-height: 38px; }
    .multi-spec-opt .select-width .select-selection-rendered {
      min-height: 38px;
      line-height: 36px; }

.multi-spec-item .label {
  position: relative;
  display: inline-block;
  padding: 0 1.2em;
  margin: 0 8px 12px 0;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  background: #f5f5f5; }
  .multi-spec-item .label .close {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
    color: #666; }
    .multi-spec-item .label .close:hover {
      color: #20ade5; }

.multi-spec-foot {
  border: 1px solid #e3e3e3; }
  .multi-spec-foot .new {
    padding: 0 12px;
    line-height: 60px;
    color: #20ade5;
    font-size: 14px;
    cursor: pointer; }

.multi-spec-price .detail-base {
  border-top: 0;
  padding-top: 0; }
  .multi-spec-price .detail-base li {
    width: calc(33.3333% - 24px); }

.order-edit-footer-save {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-left: 12px;
  position: relative; }

.footer-save-tips-box {
  position: absolute;
  right: 0;
  bottom: 60px;
  background: #fff;
  max-height: 200px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  width: 400px;
  z-index: 4;
  border-radius: 6px;
  font-size: 0;
  padding: 24px; }
  .footer-save-tips-box:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    right: 60px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e3e3e3; }
  .footer-save-tips-box .img-box {
    display: inline-block;
    vertical-align: top; }
  .footer-save-tips-box .txt-box {
    display: inline-block;
    vertical-align: top;
    padding-left: 12px;
    width: calc(100% - 40px);
    text-align: left; }
    .footer-save-tips-box .txt-box h2 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1em;
      margin-bottom: 10px; }
    .footer-save-tips-box .txt-box p {
      font-size: 12px;
      line-height: 1.5;
      text-align: left;
      margin-bottom: 6px;
      height: auto; }
    .footer-save-tips-box .txt-box .check-box {
      font-size: 14px;
      color: #20ade5;
      cursor: pointer; }
    .footer-save-tips-box .txt-box .checkbox {
      color: #20ade5; }
  .footer-save-tips-box .close {
    position: absolute;
    top: 12px;
    right: 24px;
    width: 16px;
    height: 16px;
    background: url("../images/account_number_icon_close.png") no-repeat center/16px;
    cursor: pointer; }
  .footer-save-tips-box .footer-btn-box {
    margin-top: 20px; }
    .footer-save-tips-box .footer-btn-box .btn + .btn {
      margin-left: 16px; }

.temp-card-box {
  width: 100%;
  padding: 24px; }

.temp-card {
  display: inline-block;
  vertical-align: top;
  width: calc(20% - 10px);
  background: #fff;
  border: 1px solid #e3e3e3;
  margin: 0 10px;
  min-height: 200px; }
  .temp-card .card-img {
    height: 180px;
    overflow: hidden; }
    .temp-card .card-img img {
      width: 100%;
      height: 100%; }
  .temp-card .card-txt {
    padding: 12px; }
    .temp-card .card-txt p {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 24px; }
    .temp-card .card-txt .ope-box {
      font-size: 0; }
      .temp-card .card-txt .ope-box span {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        font-size: 14px; }
        .temp-card .card-txt .ope-box span:last-child {
          text-align: right; }

.select-head-tips {
  float: right;
  margin-top: 10px;
  color: #999; }

.head-checkbox .detail-labels {
  width: auto; }

.save-confirm-box {
  position: absolute;
  right: 12px;
  bottom: 66px;
  width: 420px;
  padding: 24px;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  box-shadow: 1px 0 3px 0 #C7CDD2; }
  .save-confirm-box:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    border-width: 1px 1px 0 0;
    border-color: #e3e3e3;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 44px;
    bottom: -8px; }
  .save-confirm-box .img-box {
    width: 40px;
    height: 40px; }
  .save-confirm-box .txt-box {
    flex: 1;
    padding-left: 24px;
    text-align: left;
    line-height: 1.5; }
    .save-confirm-box .txt-box h3 {
      font-size: 16px; }
    .save-confirm-box .txt-box p {
      font-size: 12px;
      height: auto;
      line-height: 1.5;
      color: #333;
      text-align: left; }
    .save-confirm-box .txt-box .confirm-btn-box {
      margin-top: 40px;
      text-align: right; }

.save-clear-confirm-box {
  left: 53%;
  top: 46%;
  width: 420px;
  padding: 24px;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  box-shadow: 1px 0 3px 0 #C7CDD2;
  position: fixed;
  -webkit-transform: translate(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 8; }
  .save-clear-confirm-box:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    border-width: 1px 1px 0 0;
    border-color: #e3e3e3;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 44px;
    bottom: -8px; }
  .save-clear-confirm-box .img-box {
    width: 40px;
    height: 40px; }
  .save-clear-confirm-box .txt-box {
    flex: 1;
    padding-left: 24px;
    text-align: left;
    line-height: 1.5; }
    .save-clear-confirm-box .txt-box h3 {
      font-size: 16px; }
    .save-clear-confirm-box .txt-box p {
      font-size: 12px;
      height: auto;
      line-height: 1.5;
      color: #333;
      text-align: left; }
    .save-clear-confirm-box .txt-box .confirm-btn-box {
      margin-top: 40px;
      text-align: right; }

.setting-client .cont-head {
  min-height: auto; }
  .setting-client .cont-head .cont-action .neaten-btn-box {
    line-height: 1em; }
  .setting-client .cont-head .cont-action .tips {
    line-height: 1em !important;
    margin-bottom: 0; }
  .setting-client .cont-head .cont-action a {
    height: auto;
    line-height: 1em; }

.setting-decorate-box .cont-table td .label-box {
  display: inline-block;
  width: auto;
  border-radius: 4px;
  padding: 2px 8px;
  background: #f9c03d;
  font-size: 12px;
  color: #fff;
  vertical-align: middle;
  margin-right: 12px; }

.batch-out-list {
  background: #EAEFF4;
  padding-bottom: 180px; }

.client-bath-box {
  min-height: calc(100vh - 180px); }
  .client-bath-box .detail-size-table {
    border-top: 1px solid #e3e3e3; }
    .client-bath-box .detail-size-table .txt {
      height: 32px;
      line-height: 32px; }
  .client-bath-box .detail-mess {
    border: 0 none; }
  .client-bath-box .detail-list li {
    padding: 12px 0;
    border-bottom: 1px solid #e3e3e3; }
  .client-bath-box .detail-list .input-txt {
    border: 0 none; }
    .client-bath-box .detail-list .input-txt p {
      font-size: 12px;
      width: 130px;
      color: #666;
      padding-left: 10px;
      margin-right: 0; }
    .client-bath-box .detail-list .input-txt .search-size-max {
      width: calc(100% - 140px); }
  .client-bath-box .detail-box {
    margin: 0; }
    .client-bath-box .detail-box:nth-child(1) {
      margin-top: 12px; }
    .client-bath-box .detail-box:nth-child(2) {
      padding-top: 0; }
  .client-bath-box .build-box .detail-mess {
    border-bottom: 1px solid #e3e3e3;
    padding-left: 110px; }
    .client-bath-box .build-box .detail-mess .tit {
      text-align: right;
      width: 110px;
      left: -110px;
      padding-right: 16px; }
  .client-bath-box .LoadFinish-box {
    text-align: center;
    padding: 12px 0; }
  .client-bath-box .null-box {
    text-align: center;
    padding-top: 24px; }
    .client-bath-box .null-box .null-data {
      display: inline-block; }
    .client-bath-box .null-box p {
      display: block;
      color: #999; }

.client-batch-in-come {
  position: relative; }
  .client-batch-in-come .import-finish-success {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .client-batch-in-come .import-finish-success p {
      margin-bottom: 12px; }
    .client-batch-in-come .import-finish-success .num {
      margin-bottom: 42px; }
    .client-batch-in-come .import-finish-success .btn + .btn {
      margin-left: 24px;
      margin-right: 0; }

.setting-props-box .pop-attr-body .attr-label input {
  cursor: pointer; }

.register-set-box {
  border-top: 12px;
  border-top: 1px solid #e3e3e3; }

.register-table-box {
  font-size: 0;
  margin-top: 24px;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3; }
  .register-table-box .register-table-left {
    width: 60%;
    display: inline-block;
    vertical-align: top; }
  .register-table-box .register-table-right {
    width: 40%;
    display: inline-block;
    vertical-align: top; }
    .register-table-box .register-table-right .table-head .head {
      width: 100%; }
    .register-table-box .register-table-right .table-body {
      height: 360px; }
    .register-table-box .register-table-right .body-box {
      height: 100%;
      line-height: normal;
      border-bottom: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3; }
      .register-table-box .register-table-right .body-box:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0; }
      .register-table-box .register-table-right .body-box .body {
        width: 100%;
        line-height: 1.7;
        height: auto;
        border: 0 none;
        vertical-align: middle; }
  .register-table-box .table-head {
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    border-bottom: 1px solid #e3e3e3; }
    .register-table-box .table-head .head {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      width: 33.333%;
      height: 100%;
      padding-left: 16px; }
      .register-table-box .table-head .head:first-child {
        padding-left: 28px; }
  .register-table-box .body-box {
    height: 40px;
    line-height: 40px;
    width: 100%; }
    .register-table-box .body-box .body {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      width: 33.333%;
      height: 100%;
      border-bottom: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3;
      padding-left: 16px; }
      .register-table-box .body-box .body:first-child {
        padding-left: 28px; }

.join-set-box {
  margin-top: 20px; }
  .join-set-box .join-set-btn {
    margin-bottom: 10px; }
  .join-set-box .detail-explain {
    border: 0 none;
    padding-top: 0; }

.register-basic-set .register-set-box {
  border-top: 12px;
  border-top: 1px solid #e3e3e3; }
.register-basic-set .register-table-box {
  font-size: 0;
  margin-top: 24px;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3; }
  .register-basic-set .register-table-box .register-table-left {
    width: 60%;
    display: inline-block;
    vertical-align: top; }
  .register-basic-set .register-table-box .register-table-right {
    width: 40%;
    display: inline-block;
    vertical-align: top; }
    .register-basic-set .register-table-box .register-table-right .table-head .head {
      width: 100%; }
    .register-basic-set .register-table-box .register-table-right .table-body {
      height: 360px; }
    .register-basic-set .register-table-box .register-table-right .body-box {
      height: 100%;
      line-height: normal;
      border-bottom: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3; }
      .register-basic-set .register-table-box .register-table-right .body-box:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0; }
      .register-basic-set .register-table-box .register-table-right .body-box .body {
        width: 100%;
        line-height: 1.7;
        height: auto;
        border: 0 none;
        vertical-align: middle; }
  .register-basic-set .register-table-box .table-head {
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    border-bottom: 1px solid #e3e3e3; }
    .register-basic-set .register-table-box .table-head .head {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      width: 33.333%;
      height: 100%;
      padding-left: 16px; }
      .register-basic-set .register-table-box .table-head .head:first-child {
        padding-left: 28px; }
  .register-basic-set .register-table-box .body-box {
    height: 40px;
    line-height: 40px;
    width: 100%; }
    .register-basic-set .register-table-box .body-box .body {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #666;
      width: 33.333%;
      height: 100%;
      border-bottom: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3;
      padding-left: 16px; }
      .register-basic-set .register-table-box .body-box .body:first-child {
        padding-left: 28px; }
.register-basic-set .join-set-box {
  margin-top: 20px; }
  .register-basic-set .join-set-box .join-set-btn {
    margin-bottom: 10px; }
  .register-basic-set .join-set-box .detail-explain {
    border: 0 none;
    padding-top: 0; }
.register-basic-set .set-list-box {
  border-bottom: 0;
  border-top: 1px solid #e3e3e3; }
  .register-basic-set .set-list-box .tips {
    float: none; }
  .register-basic-set .set-list-box .txt {
    color: #333; }
.register-basic-set .setting-shop li .select-range-op {
  bottom: auto;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22); }
.register-basic-set .setting-shop li .select-animation {
  -webkit-animation: antSlideUpIn .3s;
  animation: antSlideUpIn .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.work-report-box .tips-txt {
  display: block;
  padding-top: 16px;
  font-size: 12px;
  color: #999; }
  .work-report-box .tips-txt span {
    color: #20ade5;
    cursor: pointer; }
.work-report-box .register-table-box .table-head .head:nth-child(1) {
  width: 10%; }
.work-report-box .register-table-box .table-head .head:nth-child(2) {
  width: 30%; }
.work-report-box .register-table-box .table-head .head:nth-child(3) {
  width: 60%; }
.work-report-box .register-table-box .body-box {
  height: 60px;
  line-height: normal; }
  .work-report-box .register-table-box .body-box .body {
    padding: 10px 16px; }
    .work-report-box .register-table-box .body-box .body:after {
      content: "";
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle; }
    .work-report-box .register-table-box .body-box .body:nth-child(1) {
      width: 10%;
      padding-left: 28px; }
    .work-report-box .register-table-box .body-box .body:nth-child(2) {
      width: 30%; }
    .work-report-box .register-table-box .body-box .body:nth-child(3) {
      width: 60%; }
    .work-report-box .register-table-box .body-box .body .img-box {
      display: inline-block;
      vertical-align: middle; }
    .work-report-box .register-table-box .body-box .body .txt-box {
      display: inline-block;
      vertical-align: middle; }

.prestore-detail-head {
  border-bottom: 1px solid #e3e3e3; }
  .prestore-detail-head .client-type {
    padding: 10px 24px; }
    .prestore-detail-head .client-type .img {
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden; }
      .prestore-detail-head .client-type .img img {
        width: 40px;
        height: 40px; }
    .prestore-detail-head .client-type .msg {
      display: inline-block;
      vertical-align: middle;
      padding-left: 8px; }
      .prestore-detail-head .client-type .msg p {
        font-size: 14px;
        color: #333;
        line-height: 1.5; }
  .prestore-detail-head .capital-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start; }
    .prestore-detail-head .capital-box .recharge-card {
      padding: 40px 30px;
      position: relative;
      flex: 1;
      text-align: left; }
      .prestore-detail-head .capital-box .recharge-card:before {
        content: "";
        display: inline-block;
        height: 6px;
        width: 100%;
        background: #FFB8B8;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        position: absolute;
        top: 0;
        left: 0; }
      .prestore-detail-head .capital-box .recharge-card:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 60px;
        background: #e3e3e3;
        position: absolute;
        top: 50%;
        margin-top: -30px;
        right: -2px; }
      .prestore-detail-head .capital-box .recharge-card .money {
        font-size: 24px;
        margin-bottom: 8px;
        font-weight: bold; }
      .prestore-detail-head .capital-box .recharge-card .tit {
        font-size: 14px;
        color: #666;
        position: relative; }
      .prestore-detail-head .capital-box .recharge-card .tips-box {
        display: inline-block;
        position: relative;
        cursor: pointer;
        line-height: 1; }
        .prestore-detail-head .capital-box .recharge-card .tips-box:hover .tips {
          display: block; }
        .prestore-detail-head .capital-box .recharge-card .tips-box i {
          display: inline-block;
          width: 16px;
          height: 16px;
          line-height: 14px;
          text-align: center;
          font-size: 16px;
          color: #d2d2d2;
          margin-left: 4px; }
        .prestore-detail-head .capital-box .recharge-card .tips-box .tips {
          display: none;
          position: absolute;
          top: 24px;
          right: -168px;
          z-index: 2;
          font-size: 14px;
          color: #333;
          background: #fff;
          border: 1px solid #e3e3e3;
          border-radius: 2px;
          padding: 10px;
          width: 270px; }
          .prestore-detail-head .capital-box .recharge-card .tips-box .tips:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 88px;
            width: 10px;
            height: 10px;
            transform: rotate(-45deg);
            background: #fff;
            border-width: 1px 1px 0 0;
            border-style: solid;
            border-color: #e3e3e3; }
        .prestore-detail-head .capital-box .recharge-card .tips-box .txt {
          color: #999;
          line-height: 2;
          font-size: 12px;
          font-weight: 400;
          text-align: left; }
    .prestore-detail-head .capital-box .recharge-green:before {
      background: #5AB688; }
    .prestore-detail-head .capital-box .recharge-green .money {
      color: #5AB688; }
    .prestore-detail-head .capital-box .recharge-blue:before {
      background: #20ADE5; }
    .prestore-detail-head .capital-box .recharge-blue .money {
      color: #20ADE5; }
    .prestore-detail-head .capital-box .recharge-yellow:before {
      background: #F9C03D; }
    .prestore-detail-head .capital-box .recharge-yellow .money {
      color: #F9C03D; }

.prestore-detail-body {
  position: relative; }
  .prestore-detail-body .table-min-height {
    padding-bottom: 24px; }
  .prestore-detail-body .cont-breadcrumb {
    display: none; }
  .prestore-detail-body .sys-cont {
    padding: 0; }
  .prestore-detail-body .cont-hear {
    display: none; }
  .prestore-detail-body .pt60 {
    padding: 0; }
  .prestore-detail-body .cont-list-table-head {
    top: 0; }
  .prestore-detail-body .cont-table td .td-img {
    width: auto;
    height: auto;
    margin: 10px 0; }
    .prestore-detail-body .cont-table td .td-img img {
      width: auto;
      height: auto;
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      display: block;
      vertical-align: middle;
      text-align: center;
      margin: 0 auto; }

.filter-result-box {
  flex: 1;
  height: 44px;
  background: #fff;
  padding: 0 18px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center; }
  .filter-result-box .title {
    width: 150px;
    font-size: 16px;
    color: #333;
    position: relative;
    height: 100%;
    line-height: 44px; }
    .filter-result-box .title:after {
      content: "";
      display: block;
      width: 1px;
      height: 30px;
      background: #e3e3e3;
      position: absolute;
      top: 10px;
      right: 0; }
  .filter-result-box .ope-box {
    flex: 1;
    font-size: 16px; }
    .filter-result-box .ope-box span {
      padding-left: 24px;
      cursor: pointer; }
      .filter-result-box .ope-box span i {
        margin-right: 4px; }

.filter-label-box {
  border-top: 1px solid #e3e3e3;
  padding: 10px 24px; }
  .filter-label-box .label-box {
    display: inline-block;
    vertical-align: middle;
    max-width: 300px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 24px 0 10px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
    border: 1px solid #e3e3e3;
    margin-right: 12px;
    color: #666;
    position: relative; }
    .filter-label-box .label-box .close {
      display: inline-block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url("../images/close.png") no-repeat center/16px;
      cursor: pointer; }

.list-page-cont {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  height: calc(100vh - 112px);
  width: 100%; }
  .list-page-cont .cont-head-box {
    position: relative;
    width: 100%;
    left: 0; }
  .list-page-cont .cont {
    flex: 1; }
    .list-page-cont .cont .cont-table {
      max-height: 100%;
      height: auto;
      min-height: 100%; }
      .list-page-cont .cont .cont-table .table-min-height {
        min-height: calc(100vh - 287px); }
  .list-page-cont .cont-list-table-head {
    top: 0; }

.fnAccountLog-list .cont-table td:first-child span {
  padding: 0; }

.w-e-toolbar, .w-e-text-container {
  font-size: 12px; }

.editor-box {
  display: block;
  padding-right: 24px;
  position: relative; }
  .editor-box .tit {
    width: 100%;
    font-size: 12px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 8px; }
  .editor-box .editor-body {
    width: 100%;
    word-break: break-all;
    border: 1px solid #e3e3e3;
    position: relative; }

.share-set-box {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }
  .share-set-box .share-logo-box, .share-set-box .share-intro-box {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start; }
    .share-set-box .share-logo-box .txt, .share-set-box .share-intro-box .txt {
      width: 60px;
      margin-right: 10px;
      color: #666; }
  .share-set-box .share-logo-body {
    flex: 1; }
    .share-set-box .share-logo-body .img-up {
      width: 80px;
      height: 80px;
      border: 1px dashed #e3e3e3; }
      .share-set-box .share-logo-body .img-up .logo {
        width: 100%;
        height: 100%; }
        .share-set-box .share-logo-body .img-up .logo img {
          width: 100%;
          height: 100%; }
    .share-set-box .share-logo-body .tips {
      margin-top: 10px;
      color: #999; }
    .share-set-box .share-logo-body .batch-btn-tips-box .tips-body {
      top: 34px; }
  .share-set-box .intro-box {
    flex: 1; }
    .share-set-box .intro-box .detail-explain {
      border: 0 none;
      padding: 0; }
      .share-set-box .intro-box .detail-explain .txt {
        width: 100%;
        margin: 0; }
  .share-set-box .share-intro-box .intro-tips {
    font-size: 12px;
    color: #999;
    padding-top: 8px; }

.sale-order-edit .detail-mess {
  border: 0 none; }
.sale-order-edit .price-set-box {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start; }
  .sale-order-edit .price-set-box .tit-box {
    flex: 1;
    text-align: right;
    padding-right: 16px; }
    .sale-order-edit .price-set-box .tit-box li {
      height: 32px;
      line-height: 32px;
      margin-bottom: 10px; }
      .sale-order-edit .price-set-box .tit-box li span {
        color: #999; }
      .sale-order-edit .price-set-box .tit-box li .txt-select:hover {
        color: #333; }
  .sale-order-edit .price-set-box .main-box {
    text-align: right; }
    .sale-order-edit .price-set-box .main-box li {
      height: 32px;
      line-height: 32px;
      margin-bottom: 10px; }
      .sale-order-edit .price-set-box .main-box li span {
        padding-right: 12px; }
      .sale-order-edit .price-set-box .main-box li .input-body {
        width: 140px;
        position: relative; }
        .sale-order-edit .price-set-box .main-box li .input-body i {
          position: absolute;
          left: 2px;
          top: 2px; }
      .sale-order-edit .price-set-box .main-box li .cont-search {
        height: 32px;
        line-height: 32px; }
        .sale-order-edit .price-set-box .main-box li .cont-search.txt-red .txt {
          color: #FF3838 !important;
          font-size: 14px; }
        .sale-order-edit .price-set-box .main-box li .cont-search .txt {
          height: 100%;
          text-align: right; }
          .sale-order-edit .price-set-box .main-box li .cont-search .txt:-moz-placeholder, .sale-order-edit .price-set-box .main-box li .cont-search .txt::-webkit-input-placeholder {
            text-align: right;
            font-size: 14px; }
  .sale-order-edit .price-set-box .fs18 {
    font-size: 18px !important; }

.sale-detail-price-box {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  padding: 16px;
  font-size: 14px; }
  .sale-detail-price-box .tit-box {
    flex: 1;
    text-align: right;
    padding-right: 16px; }
    .sale-detail-price-box .tit-box li {
      height: 22px;
      line-height: 22px;
      margin-bottom: 4px; }
      .sale-detail-price-box .tit-box li span {
        color: #999; }
  .sale-detail-price-box .main-box {
    text-align: right; }
    .sale-detail-price-box .main-box li {
      height: 22px;
      line-height: 22px;
      margin-bottom: 4px; }
      .sale-detail-price-box .main-box li span {
        padding-right: 12px; }

.detail-bill-box {
  border-top: 1px solid #e3e3e3;
  padding-top: 16px; }
  .detail-bill-box li {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: 12px; }
    .detail-bill-box li .tit {
      font-size: 12px;
      color: #999;
      width: 72px; }
    .detail-bill-box li .txt {
      flex: 1;
      font-size: 12px;
      color: #666;
      padding-left: 24px; }

.index-goods-page-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .index-goods-page-tips p {
    font-size: 12px;
    color: #333;
    line-height: 1.7; }
  .index-goods-page-tips .btn {
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin-top: 14px; }

.to-help {
  font-weight: normal;
  color: #20ade5 !important;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px; }

.order-detail-promotion-box {
  flex: 1; }

.sale-detail-promotion-list {
  padding: 16px; }
  .sale-detail-promotion-list .list-box {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    cursor: pointer;
    margin-bottom: 10px; }
    .sale-detail-promotion-list .list-box.list-box-routine .title {
      background: #fff;
      border-radius: 0;
      border: 0 none;
      color: #666; }
    .sale-detail-promotion-list .list-box.list-box-routine .main {
      color: #333; }
    .sale-detail-promotion-list .list-box .title {
      width: 60px;
      height: 18px;
      line-height: 18px;
      background: rgba(255, 56, 56, 0.1);
      border-radius: 2px;
      border: 1px solid #ff3838;
      margin-right: 8px;
      text-align: center;
      font-size: 12px;
      color: #ff3838; }
    .sale-detail-promotion-list .list-box .main {
      flex: 1;
      color: #666;
      font-size: 12px; }

.order-detail-other-info {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #e3e3e3; }

.purchaseSmart-box .select-dropdown .select-dropdown-box {
  height: 320px !important; }
.purchaseSmart-box .cont-table td .select-box.label-more-up .select-dropdown {
  top: auto !important;
  bottom: 40px; }
.purchaseSmart-box .select-dropdown .select-dropdown-menu-item span {
  width: 100%;
  height: 100%;
  padding: 5px 24px 5px 25px;
  font-size: 14px;
  white-space: nowrap !important;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column; }
.purchaseSmart-box .select-dropdown .select-dropdown-menu-item span i {
  text-align: left;
  font-size: 12px;
  color: #999;
  border-bottom: 1px #f1f1f1 solid;
  width: 100%; }
.purchaseSmart-box .select-dropdown .select-dropdown-menu-item span i:first-child {
  flex: 1;
  text-align: left;
  font-size: 14px;
  color: #333;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0; }
.purchaseSmart-box .cont-table td .select-box {
  width: 100%; }

.order-synchro-status {
  padding: 42px 72px;
  text-align: center; }
  .order-synchro-status .status-box .svg-icon {
    width: 44px;
    height: 44px; }
  .order-synchro-status .status-box .txt {
    display: block;
    font-size: 18px;
    color: #333;
    margin-top: 12px; }
  .order-synchro-status .status-box .tips {
    display: block;
    font-size: 14px;
    color: #333;
    margin-top: 16px;
    line-height: 1.5; }
  .order-synchro-status .btn-box {
    margin-top: 60px; }

.order-synchro-log-box .log-head {
  padding: 24px 24px 12px;
  border-bottom: 1px solid #e3e3e3; }
  .order-synchro-log-box .log-head span {
    padding-left: 8px;
    position: relative;
    font-size: 14px;
    color: #333; }
    .order-synchro-log-box .log-head span:before {
      content: "";
      display: inline-block;
      height: 14px;
      width: 2px;
      background: #333;
      position: absolute;
      top: 0;
      left: 0; }
.order-synchro-log-box .log-body {
  padding: 14px 0; }
  .order-synchro-log-box .log-body li {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px; }
    .order-synchro-log-box .log-body li .time {
      width: 86px; }
    .order-synchro-log-box .log-body li .txt {
      flex: 1; }
      .order-synchro-log-box .log-body li .txt.txt-error {
        color: #D52B1D; }

.client-select-box .invite-btn {
  float: right;
  font-size: 12px;
  color: #20ade5;
  cursor: pointer;
  margin-bottom: 12px;
  position: relative;
  z-index: 1; }

.order-remark-box {
  overflow: hidden;
  align-items: flex-start !important;
  align-content: flex-start !important; }
  .order-remark-box .icon-box, .order-remark-box .txt {
    vertical-align: top !important; }
  .order-remark-box .more-remark {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #20ade5;
    cursor: pointer; }
    .order-remark-box .more-remark i {
      font-size: 12px; }

.empty-head-box .cont-breadcrumb {
  display: none; }
.empty-head-box .cont-head-box {
  display: none; }
.empty-head-box .sys-cont {
  padding: 0; }

.none-head-box {
  color: red; }
  .none-head-box .cont-head-box {
    display: none !important; }

.w-e-text {
  word-break: break-all;
  white-space: normal;
  min-height: 200px; }

.switch-icon {
  display: inline-block;
  width: 44px;
  height: 22px;
  cursor: pointer;
  vertical-align: middle; }

.switch-icon-on {
  background: url("../images/switch_on.png") no-repeat center; }

.switch-icon-off {
  background: url("../images/switch_off.png") no-repeat center; }

.set-list-main {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px; }
  .set-list-main .search-size-max .txt {
    height: 40px; }
  .set-list-main .select-multiple-box {
    height: 40px;
    line-height: 40px; }
  .set-list-main .select-multiple-box.search-size-max .select-selection-rendered {
    min-height: 40px; }
  .set-list-main .fake-select {
    height: 40px;
    line-height: 40px; }
  .set-list-main .tit {
    width: 56px;
    font-size: 12px;
    color: #666;
    margin-right: 10px; }
  .set-list-main .main {
    flex: 1; }
    .set-list-main .main .tips {
      margin: 0;
      float: none;
      font-size: 12px;
      margin-bottom: 8px;
      color: #666; }
      .set-list-main .main .tips i {
        margin: 0; }
    .set-list-main .main .input-box {
      display: inline-block;
      vertical-align: middle;
      width: 160px; }

.fake-select {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: 100%; }
  .fake-select input {
    width: 100%;
    height: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding-left: 12px;
    font-size: 12px;
    cursor: not-allowed; }
    .fake-select input.goto {
      background: url("../../images/common_icon_arrow_down_1.png") no-repeat 88% center/10px 6px; }

.w-e-toolbar {
  background-color: #fff !important; }

.w-e-text-container {
  height: 300px;
  max-height: 300px !important;
  min-height: 200px !important; }

.goods-image-page-box .select-check-main {
  margin-bottom: 0 !important; }

.setting-purchase .cont .purchase-input-box {
  display: flex;
  justify-content: space-between;
  width: 680px;
  height: 68px; }
.setting-purchase .cont .search-size-max {
  height: 31px;
  line-height: 31px; }
  .setting-purchase .cont .search-size-max .txt {
    width: 300px; }

.jd-pay-open-box {
  width: 625px !important;
  height: 618px !important; }
  .jd-pay-open-box .close {
    position: absolute;
    transform: rotate(45deg);
    right: 5px;
    top: 15px;
    background-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 20px; }
    .jd-pay-open-box .close:hover {
      cursor: pointer; }
  .jd-pay-open-box .btn-open {
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    width: 112px;
    height: 40px;
    background: linear-gradient(99deg, #78C4FF 0%, #4391FF 100%);
    border-radius: 27px;
    border: none;
    font-size: 16px;
    color: #fff; }
    .jd-pay-open-box .btn-open:hover {
      cursor: pointer; }
  .jd-pay-open-box .tips {
    position: absolute;
    width: 100%;
    top: 50px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8); }
    .jd-pay-open-box .tips div {
      width: 100%;
      text-align: center;
      line-height: 16px; }
    .jd-pay-open-box .tips .fw-700 {
      font-weight: 700; }

.mercado-pop {
  width: 460px !important; }

.mercado-pop-body {
  padding: 16px 16px 80px !important; }

.mercado-pop-box {
  font-size: 16px;
  padding: 25px;
  margin: 0 12px;
  background: #fff; }

.share-head-logo {
  text-align: center; }
  .share-head-logo .mercado-img img {
    width: 86px;
    height: 25px; }

.share-payment-price {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 26px;
  font-size: 15px;
  color: #333; }
  .share-payment-price .price {
    display: inline-block;
    font-size: 30px;
    color: #353B42; }
    .share-payment-price .price:first-letter {
      font-size: 20px; }

.share-payment-target {
  padding: 16px 0 0;
  margin: 16px 0 -9px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #666;
  border-top: 1px solid #DDDDDD; }

.share-code {
  width: 225px;
  height: 225px;
  padding: 8px;
  margin: 25px auto 0;
  border: 1px solid #f6f7f7; }

.share-tips {
  text-align: center;
  font-size: 15px;
  color: #969EA1;
  line-height: 1;
  padding: 12px 0; }

.purchase-order-flex-box {
  position: relative;
  display: flex;
  align-items: center; }
  .purchase-order-flex-box .flex-item {
    position: absolute;
    top: 50%;
    right: 56px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.earned-profit-report-table {
  height: calc(100vh - 180px); }
  .earned-profit-report-table .td-box {
    text-align: left;
    padding: 0 12px; }

.assembly-sys-cont .mCSB_container {
  overflow: visible !important; }

.accessory-box .item {
  margin-right: 50px; }

.cadSmallImg .svg-icon {
  width: 100px;
  height: 100px; }

.packageSmallImg .svg-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.package-upload-file-name {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
  font-size: 12px;
  color: #666;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .package-upload-file-name:hover {
    -webkit-line-clamp: inherit; }

.smallScroll .packageSmallImg {
  overflow: visible; }

.detail-sheet li .package-a-tag {
  overflow: visible; }

.customer-service-center-pop {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  width: 1008px;
  height: 720px;
  padding: 24px 24px 16px 24px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(11, 158, 217, 0.15) 0%, rgba(11, 158, 217, 0.05) 100%), #FFF; }
  .customer-service-center-pop .title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px; }
    .customer-service-center-pop .title-box .title {
      color: rgba(0, 0, 0, 0.85);
      font-family: "PingFang SC";
      font-size: 24px;
      font-weight: 600; }
    .customer-service-center-pop .title-box .close-box {
      display: flex;
      width: 24px;
      height: 24px;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.05); }
  .customer-service-center-pop .customer-service-center-body {
    display: flex;
    height: calc(100% - 47px);
    overflow: hidden;
    border-radius: 8px; }
    .customer-service-center-pop .customer-service-center-body .user-list-box {
      display: flex;
      flex-direction: column;
      width: 320px; }
      .customer-service-center-pop .customer-service-center-body .user-list-box .user-list-tab-box {
        display: flex;
        padding: 16px;
        align-items: center;
        background-color: #fff; }
        .customer-service-center-pop .customer-service-center-body .user-list-box .user-list-tab-box .tab {
          display: flex;
          height: 32px;
          padding: 0 8px;
          justify-content: center;
          align-items: center;
          color: rgba(0, 0, 0, 0.65);
          font-size: 14px;
          font-weight: 400;
          border-radius: 4px;
          background: rgba(0, 0, 0, 0.05);
          margin-right: 8px; }
        .customer-service-center-pop .customer-service-center-body .user-list-box .user-list-tab-box .active {
          color: rgba(0, 0, 0, 0.85);
          font-weight: 600; }
      .customer-service-center-pop .customer-service-center-body .user-list-box .user-list {
        background-color: #fff;
        padding: 16px;
        flex: 1;
        overflow: auto;
        /* 隐藏滚动条 */
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .customer-service-center-pop .customer-service-center-body .user-list-box .user-list::-webkit-scrollbar {
          display: none; }
        .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box {
          display: flex;
          padding: 4px 8px;
          margin-bottom: 8px; }
          .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box.active {
            border-radius: 4px;
            background-color: rgba(11, 158, 217, 0.08); }
          .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .img-box {
            width: 44px;
            height: 44px;
            margin-right: 8px; }
            .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .img-box img {
              width: 100%;
              height: 100%; }
          .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box {
            flex: 1; }
            .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box .user-name-box {
              display: flex;
              justify-content: space-between;
              align-items: center;
              height: 22px;
              font-family: "PingFang SC"; }
              .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box .user-name-box .name {
                color: #000;
                font-size: 14px;
                font-weight: 600; }
              .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box .user-name-box .time {
                color: rgba(0, 0, 0, 0.35);
                font-size: 12px;
                font-weight: 400; }
            .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box .message-box {
              display: flex;
              align-items: center;
              height: 22px; }
              .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box .message-box .message {
                flex: 1;
                overflow: hidden;
                color: rgba(0, 0, 0, 0.45);
                text-overflow: ellipsis;
                font-family: "PingFang SC";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                display: inline-block;
                max-width: 200px;
                white-space: nowrap; }
              .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box .info-box .message-box .count {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background-color: #F53B3E;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                color: rgba(255, 255, 255, 0.9); }
        .customer-service-center-pop .customer-service-center-body .user-list-box .user-list .user-card-box:nth-last-child(1) {
          margin-bottom: 0; }
    .customer-service-center-pop .customer-service-center-body .chat-box {
      flex: 1;
      background-color: #f5f5f5;
      border-left: 1px solid #e5e5e5; }
      .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: calc(100% - 112px); }
        .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .user-img-box {
          display: flex;
          align-items: center;
          height: 64px;
          padding: 0 16px;
          background-color: #fff; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .user-img-box .img-box {
            width: 44px;
            height: 44px;
            margin-right: 8px; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .user-img-box .img-box img {
              width: 100%;
              height: 100%; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .user-img-box .user-name {
            color: #000;
            font-size: 14px;
            font-weight: 600; }
        .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box {
          flex: 1;
          padding: 16px;
          overflow: auto; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .message-time {
            text-align: center;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 14px;
            font-weight: 400;
            margin-bottom: 12px; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .message-time .date-txt {
              margin-right: 8px; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .client-message-box {
            margin-bottom: 12px; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .client-message-box .client-message-wrap {
              display: flex;
              justify-content: flex-start;
              margin-bottom: 24px; }
              .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .client-message-box .client-message-wrap .client-message {
                display: flex;
                max-width: 280px;
                min-height: 40px;
                padding: 11px 8px;
                justify-content: center;
                align-items: flex-start;
                border-radius: 2px;
                background-color: #fff;
                color: rgba(0, 0, 0, 0.85);
                font-size: 14px;
                font-weight: 400;
                margin-bottom: 24px;
                word-wrap: break-word;
                word-break: break-all; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .service-message-box {
            margin-bottom: 12px; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .service-message-box .service-message-wrap {
              display: flex;
              justify-content: flex-end;
              margin-bottom: 24px; }
              .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .service-message-box .service-message-wrap .service-message {
                position: relative;
                display: flex;
                max-width: 280px;
                min-height: 40px;
                padding: 11px 8px;
                justify-content: center;
                align-items: flex-start;
                border-radius: 2px;
                background: linear-gradient(0deg, rgba(11, 158, 217, 0.15) 0%, rgba(11, 158, 217, 0.15) 100%), #FFF;
                color: rgba(0, 0, 0, 0.85);
                font-size: 14px;
                font-weight: 400;
                word-wrap: break-word;
                word-break: break-all; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .service-message-box .service-message-wrap .service-message .is-read-box {
                  position: absolute;
                  left: -33px;
                  bottom: 0;
                  display: flex;
                  width: 28px;
                  height: 14px;
                  justify-content: center;
                  align-items: center;
                  color: rgba(0, 0, 0, 0.45);
                  font-size: 14px;
                  font-weight: 400; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .service-message-box .message-time {
              display: flex;
              justify-content: center;
              align-items: center;
              color: rgba(0, 0, 0, 0.45);
              font-size: 14px;
              font-weight: 400; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box {
            margin-bottom: 12px; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box .goods-card-box {
              display: flex;
              padding: 8px;
              border-radius: 4px;
              background: #FFF;
              width: 280px;
              margin-bottom: 24px; }
              .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box .goods-card-box .img-box {
                width: 48px;
                height: 48px;
                margin-right: 8px;
                border-radius: 4px;
                overflow: hidden; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box .goods-card-box .img-box img {
                  width: 100%;
                  height: 100%; }
              .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box .goods-card-box .info-box {
                flex: 1; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box .goods-card-box .info-box .name {
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  color: #000;
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 18px;
                  margin-bottom: 4px; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .goods-card-message-box .goods-card-box .info-box .price {
                  color: #EA3812;
                  font-size: 16px;
                  font-weight: 600; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box {
            margin-bottom: 24px; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card {
              display: flex;
              flex-direction: column;
              width: 280px;
              padding: 8px;
              border-radius: 4px;
              background: #FFF; }
              .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box {
                display: flex;
                margin-bottom: 8px; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .img-box {
                  width: 48px;
                  height: 48px;
                  border-radius: 4px;
                  overflow: hidden;
                  margin-right: 4px; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .img-box img {
                    width: 100%;
                    height: 100%; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box {
                  flex: 1; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box .goods-name-box {
                    margin-bottom: 6px; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box .flex-box {
                    display: flex;
                    justify-content: space-between;
                    align-items: center; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box .goods-name {
                    width: 208px;
                    color: #000;
                    font-size: 14px;
                    font-weight: 600; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box .format {
                    color: rgba(0, 0, 0, 0.45);
                    font-size: 14px; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box-wrap {
                  display: flex;
                  flex: 1; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box-wrap .img-card-list {
                    display: flex; }
                    .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box-wrap .img-card-list .img-box {
                      width: 48px;
                      height: 48px;
                      border-radius: 4px;
                      overflow: hidden;
                      margin-right: 4px; }
                      .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box-wrap .img-card-list .img-box img {
                        width: 100%;
                        height: 100%; }
                    .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box-wrap .img-card-list .img-total {
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      width: 48px;
                      height: 48px;
                      border-radius: 2px;
                      background-color: #f5f5f5;
                      color: rgba(0, 0, 0, 0.45);
                      font-size: 12px;
                      font-weight: 400; }
                      .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-card-goods-info-box .info-box-wrap .img-card-list .img-total i {
                        color: rgba(0, 0, 0, 0.85);
                        font-size: 14px;
                        font-weight: 600;
                        padding: 0 2px; }
              .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-info-box {
                display: flex; }
                .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-info-box .info-box {
                  color: rgba(0, 0, 0, 0.45);
                  font-size: 14px;
                  font-weight: 400; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-info-box .info-box .order-code {
                    margin-bottom: 4px; }
                  .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-info-box .info-box .order-price-box {
                    display: flex;
                    align-items: center; }
                    .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-info-box .info-box .order-price-box .price {
                      border-right: 1px solid #d9d9d9;
                      padding-right: 8px;
                      margin-right: 8px; }
                    .customer-service-center-pop .customer-service-center-body .chat-box .chat-card-box .chat-message-box .order-card-message-box .order-message-card .order-info-box .info-box .order-price-box .total .num {
                      padding: 0 2px; }
      .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box {
        width: 100%;
        height: 112px;
        background-color: #fff;
        padding: 8px 16px 16px 16px; }
        .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box {
          display: block;
          width: 100%; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box .txt {
            padding-left: 0; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box .detail-explain {
            border-top: 0 none;
            padding: 0; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box textarea {
            width: 100%;
            height: 56px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            resize: none;
            border: 0 none;
            border-radius: 0;
            font-weight: 400;
            padding: 0; }
            .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box textarea:hover, .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box textarea:focus {
              border: 0 none; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .input-box textarea::placeholder {
            color: rgba(0, 0, 0, 0.45); }
        .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .btn-box {
          display: block; }
          .customer-service-center-pop .customer-service-center-body .chat-box .chat-input-box .btn-box .btn {
            width: 64px;
            height: 32px;
            line-height: 32px; }

.red-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FF3839;
  animation: blink 1s infinite;
  box-shadow: 0 0 5px rgba(255, 56, 57, 0.5); }

.retail-order-page-box {
  padding: 16px; }
  .retail-order-page-box .ope-box {
    padding-bottom: 16px;
    text-align: right; }
    .retail-order-page-box .ope-box span {
      font-size: 14px;
      color: #20ade5;
      cursor: pointer; }
  .retail-order-page-box .statistics-box-wrap .statistics-box-head-wrap {
    padding: 12px;
    border: 1px solid #e3e3e3; }
  .retail-order-page-box .statistics-box-wrap .statistics-box-body-wrap {
    padding: 12px;
    border: 1px solid #e3e3e3;
    border-top: 0 none; }
  .retail-order-page-box .statistics-box-wrap .statistics-box-body-head-wrap .select-box {
    width: 160px;
    padding: 0; }
  .retail-order-page-box .statistics-box-wrap .statistics-box-body-main-wrap {
    display: flex;
    padding: 16px 0; }
    .retail-order-page-box .statistics-box-wrap .statistics-box-body-main-wrap .statistics-item-box {
      flex: 1;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center; }
      .retail-order-page-box .statistics-box-wrap .statistics-box-body-main-wrap .statistics-item-box .main-box {
        cursor: pointer;
        text-align: center; }
        .retail-order-page-box .statistics-box-wrap .statistics-box-body-main-wrap .statistics-item-box .main-box .num {
          font-size: 28px;
          font-weight: bold;
          margin-bottom: 16px; }
        .retail-order-page-box .statistics-box-wrap .statistics-box-body-main-wrap .statistics-item-box .main-box .title {
          font-size: 12px;
          color: #999; }
  .retail-order-page-box .statistics-box-wrap .statistics-box-foot-wrap {
    padding-top: 28px;
    text-align: center; }

.retail-order-pop-max-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  display: flex;
  flex-direction: column;
  z-index: 10; }
  .retail-order-pop-max-box .retail-order-pop-max-head-box {
    height: 52px;
    line-height: 50px;
    background: #20ade5;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    padding: 0 24px;
    color: #fff; }
    .retail-order-pop-max-box .retail-order-pop-max-head-box .tilte-box {
      display: inline-block; }
      .retail-order-pop-max-box .retail-order-pop-max-head-box .tilte-box h2 {
        font-size: 18px;
        color: #fff; }
    .retail-order-pop-max-box .retail-order-pop-max-head-box .close-box {
      cursor: pointer; }
      .retail-order-pop-max-box .retail-order-pop-max-head-box .close-box .iconfont {
        font-size: 20px;
        color: #fff; }
  .retail-order-pop-max-box .retail-order-pop-max-body-box {
    flex: 1;
    height: 0;
    width: 100%; }
    .retail-order-pop-max-box .retail-order-pop-max-body-box .base-info-edit-box {
      background: #f5f5f5;
      padding: 12px 0;
      margin-bottom: 16px; }
      .retail-order-pop-max-box .retail-order-pop-max-body-box .base-info-edit-box .edit-card-select-box {
        max-width: 444px; }
  .retail-order-pop-max-box .retail-order-pop-max-foot-box {
    width: 100%;
    min-height: 88px;
    border-top: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 0 16px; }
    .retail-order-pop-max-box .retail-order-pop-max-foot-box .page-list {
      align-self: center; }
    .retail-order-pop-max-box .retail-order-pop-max-foot-box .left {
      padding-right: 24px;
      border-right: 1px solid #e3e3e3; }
      .retail-order-pop-max-box .retail-order-pop-max-foot-box .left dt {
        font-size: 14px;
        color: #333; }
      .retail-order-pop-max-box .retail-order-pop-max-foot-box .left dd {
        font-size: 20px;
        color: #fe0000; }
    .retail-order-pop-max-box .retail-order-pop-max-foot-box .main {
      padding: 0 24px;
      flex: 1; }
      .retail-order-pop-max-box .retail-order-pop-max-foot-box .main .btn {
        position: relative; }
        .retail-order-pop-max-box .retail-order-pop-max-foot-box .main .btn .txt {
          position: absolute;
          top: -12px;
          right: -12px;
          border-radius: 50%;
          width: 24px;
          height: 24px;
          background: #fe0000;
          color: #fff;
          font-size: 12px;
          text-align: center;
          line-height: 24px; }
  .retail-order-pop-max-box .retail-order-pop-max-search-box {
    padding: 16px 24px;
    border-bottom: 1px solid #e3e3e3; }
    .retail-order-pop-max-box .retail-order-pop-max-search-box .tips-text {
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      color: #666;
      margin-left: 24px; }
      .retail-order-pop-max-box .retail-order-pop-max-search-box .tips-text i {
        margin-right: 24px; }
  .retail-order-pop-max-box .pop-pay, .retail-order-pop-max-box .pop-pay-success {
    width: 500px;
    height: 380px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    border-radius: 4px; }
    .retail-order-pop-max-box .pop-pay .result-wrap, .retail-order-pop-max-box .pop-pay-success .result-wrap {
      text-align: center;
      border-bottom: 1px solid #e3e3e3;
      padding-bottom: 16px; }
      .retail-order-pop-max-box .pop-pay .result-wrap p, .retail-order-pop-max-box .pop-pay-success .result-wrap p {
        font-size: 16px;
        color: #333;
        margin-top: 8px; }
    .retail-order-pop-max-box .pop-pay .result-info, .retail-order-pop-max-box .pop-pay-success .result-info {
      padding: 16px 0;
      flex: 1;
      line-height: 1.5; }
      .retail-order-pop-max-box .pop-pay .result-info .item, .retail-order-pop-max-box .pop-pay-success .result-info .item {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        color: #333; }
    .retail-order-pop-max-box .pop-pay .pay-btn-box, .retail-order-pop-max-box .pop-pay-success .pay-btn-box {
      font-size: 0; }
  .retail-order-pop-max-box .pop-account-box {
    display: block;
    width: 700px;
    font-size: 12px; }
    .retail-order-pop-max-box .pop-account-box .title-box {
      font-size: 16px; }
    .retail-order-pop-max-box .pop-account-box .tips-box {
      font-size: 14px; }
      .retail-order-pop-max-box .pop-account-box .tips-box span {
        color: #fe0000; }
    .retail-order-pop-max-box .pop-account-box .account-list-box {
      padding-top: 16px;
      padding-bottom: 8px;
      display: flex;
      flex-wrap: wrap; }
      .retail-order-pop-max-box .pop-account-box .account-list-box .account-item {
        width: 200px;
        height: 100px;
        padding: 12px;
        line-height: 1.5;
        background: #f5f5f5;
        margin-right: 8px;
        margin-bottom: 8px;
        border-radius: 4px;
        cursor: pointer; }
        .retail-order-pop-max-box .pop-account-box .account-list-box .account-item:hover, .retail-order-pop-max-box .pop-account-box .account-list-box .account-item.active {
          background: #fff;
          border: 1px solid #20ade5; }
        .retail-order-pop-max-box .pop-account-box .account-list-box .account-item dt {
          font-size: 16px;
          color: #333; }
        .retail-order-pop-max-box .pop-account-box .account-list-box .account-item dd {
          font-size: 12px;
          color: #333; }
  .retail-order-pop-max-box .pop-wechat-pay-box {
    display: block; }
    .retail-order-pop-max-box .pop-wechat-pay-box .pop-body {
      padding: 0; }
    .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body {
      width: 1000px; }
      .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-head {
        padding: 24px;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        border-bottom: 2px solid #e3e3e3; }
        .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-head .info-box {
          font-size: 14px;
          line-height: 2; }
        .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-head .logo-box .txt {
          display: inline-block;
          vertical-align: middle;
          font-size: 16px;
          color: #333;
          position: relative;
          padding-left: 12px;
          margin-left: 12px; }
        .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-head .logo-box:before {
          content: "";
          display: inline-block;
          width: 1px;
          height: 40px;
          position: absolute;
          top: 50%;
          left: 0;
          background: #e3e3e3; }
      .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-main {
        height: 400px;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center; }
        .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-main .main-box {
          text-align: center; }
          .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-main .main-box .tit {
            font-size: 12px;
            margin-bottom: 12px; }
          .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-main .main-box .price {
            font-size: 16px;
            color: #fe0000;
            margin-bottom: 12px; }
          .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-main .main-box .qrcode-box {
            display: inline-block;
            border: 1px solid #e3e3e3;
            width: 160px;
            height: 160px;
            padding: 8px;
            margin-bottom: 8px; }
            .retail-order-pop-max-box .pop-wechat-pay-box .wechat-pay-body .wechat-pay-body-main .main-box .qrcode-box .img {
              width: 100%;
              height: 100%; }
  .retail-order-pop-max-box .retail-order-list-box {
    min-height: 500px; }
  .retail-order-pop-max-box .retail-order-row-card {
    padding: 24px;
    border-bottom: 1px solid #e3e3e3; }
    .retail-order-pop-max-box .retail-order-row-card .retail-order-row-head {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      color: #333; }
    .retail-order-pop-max-box .retail-order-row-card .retail-order-row-body {
      display: flex;
      justify-content: space-between;
      align-content: flex-end;
      align-items: flex-end;
      margin-top: 16px; }
      .retail-order-pop-max-box .retail-order-row-card .retail-order-row-body .goods-list-box {
        flex: 1;
        margin-right: 32px;
        font-size: 0; }
        .retail-order-pop-max-box .retail-order-row-card .retail-order-row-body .goods-list-box .goods-card {
          display: inline-block;
          vertical-align: top;
          margin-right: 12px;
          width: 200px;
          height: 100px;
          background: #f5f5f5;
          padding: 12px; }
          .retail-order-pop-max-box .retail-order-row-card .retail-order-row-body .goods-list-box .goods-card:last-child {
            margin-right: 0; }
          .retail-order-pop-max-box .retail-order-row-card .retail-order-row-body .goods-list-box .goods-card dt {
            font-size: 16px;
            font-weight: bold; }
          .retail-order-pop-max-box .retail-order-row-card .retail-order-row-body .goods-list-box .goods-card dd {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #666;
            margin-top: 12px; }
  .retail-order-pop-max-box .pop-alipay-pay-box {
    overflow: hidden; }
    .retail-order-pop-max-box .pop-alipay-pay-box .alipay-pay-iframe-box {
      overflow: hidden; }
      .retail-order-pop-max-box .pop-alipay-pay-box .alipay-pay-iframe-box iframe {
        margin-top: -115px;
        overflow: hidden; }

.not-setting-tips-box {
  height: 300px;
  line-height: 300px;
  font-size: 16px;
  color: #666;
  text-align: center; }

/*# sourceMappingURL=theme-20ade5.css.map */