@charset "UTF-8";
input:disabled,
select:disabled,
textarea:disabled {
  background-color: #f5f7fa !important;
  border-color: #e4e7ed !important;
  color: #c0c4cc;
  cursor: not-allowed !important; }

.checkbox-inline input[type="checkbox"] {
  margin-left: 0 !important; }

.checkbox input[type="checkbox"] {
  position: static;
  opacity: 1 !important; }

.acol img {
  opacity: 0; }

.checkbox input.selectAllBox {
  margin-left: -16px !important;
  margin-top: 5px !important; }

button:disabled {
  cursor: not-allowed;
  background-image: none; }

.canNotEidt {
  background-color: #f5f7fa !important;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed; }

.k-calendar-container .k-state-selected {
  color: #fff;
  background-color: #5AACA5;
  border-color: #5AACA5; }

.k-calendar-container .k-calendar td.k-state-selected.k-state-hover {
  background: #5AACA5; }

.k-picker-wrap.k-state-disabled {
  border-radius: 5px; }
  .k-picker-wrap.k-state-disabled input {
    background-color: #f5f7fa !important; }
  .k-picker-wrap.k-state-disabled .k-select {
    background-color: #f5f7fa !important; }

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

.mb-10 {
  margin-bottom: 10px; }

.mr-10 {
  margin-right: 10px; }

.ml-10 {
  margin-left: 10px; }

input::-webkit-input-placeholder {
  color: #cfcfcf;
  /* placeholder颜色  */ }

textarea::-webkit-input-placeholder {
  color: #cfcfcf;
  /* placeholder颜色  */ }

.public-title {
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
  background: #f4f4f4; }
  .public-title-operate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    color: #333;
    font-size: 16px;
    font-weight: 500; }
    .public-title-operate button {
      margin-right: 10px; }

.public-card__header-title {
  padding-left: 0;
  line-height: 28px;
  font-size: 16px;
  color: #333333; }

.public-card__header-btn {
  display: flex;
  justify-content: flex-end; }
  .public-card__header-btn button {
    margin-left: 10px; }
  .public-card__header-btn .ibox-tools {
    line-height: 30px; }

.public-card__search-condition {
  display: flex;
  justify-content: space-between; }
  .public-card__search-condition > div:first-child {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }

.ww-public-input {
  margin-bottom: 10px;
  position: relative; }
  .ww-public-input .k-datepicker,
  .ww-public-input .k-datetimepicker {
    width: 100%;
    height: 32px;
    display: inline-block; }
  .ww-public-input .k-picker-wrap.k-state-default {
    border-color: #e6e6e6;
    border-radius: 5px; }
  .ww-public-input .k-picker-wrap {
    border-width: 1px; }
  .ww-public-input .k-picker-wrap .k-input {
    border-width: 1px;
    position: relative;
    left: 2px; }
    .ww-public-input .k-picker-wrap .k-input ::-moz-placeholder {
      padding-left: 2px; }
    .ww-public-input .k-picker-wrap .k-input ::-webkit-input-placeholder {
      padding-left: 2px; }
    .ww-public-input .k-picker-wrap .k-input :-ms-input-placeholder {
      padding-left: 2px; }
  .ww-public-input .k-picker-wrap.k-state-focused {
    box-shadow: none;
    background-color: #fff;
    border-color: #409eff; }
  .ww-public-input .k-picker-wrap.k-state-hover {
    box-shadow: none;
    border-color: #c0c4cc;
    transition: ease .5s; }
  .ww-public-input__label {
    float: left;
    display: inline-block;
    width: 140px;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    color: #606266;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    font-weight: normal; }
    .ww-public-input__label i {
      font-style: normal;
      color: #fe0903; }
  .ww-public-input__input {
    margin-left: 140px; }
    .ww-public-input__input > input {
      width: 100%;
      height: 32px;
      padding-left: 12px;
      border: 1px solid #dcdfe6;
      border-radius: 2px;
      font-size: 13px; }
      .ww-public-input__input > input:hover {
        border-color: #c0c4cc;
        transition: ease .5s; }
      .ww-public-input__input > input:focus {
        border-color: #409eff;
        transition: ease .5s; }
  .ww-public-input__select {
    margin-left: 140px; }
    .ww-public-input__select select {
      width: 100%;
      height: 32px;
      padding-left: 12px;
      padding-right: 20px;
      border: 1px solid #dcdfe6;
      border-radius: 5px;
      font-size: 13px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: url("../img/index/icon-select.png");
      background-position: calc(100% - 6px) center;
      background-repeat: no-repeat;
      background-color: #fff; }
      .ww-public-input__select select::-ms-expand {
        display: none; }
      .ww-public-input__select select:hover {
        border-color: #c0c4cc;
        transition: ease .5s; }
      .ww-public-input__select select:focus {
        border-color: #409eff;
        transition: ease .5s; }
    .ww-public-input__select > input {
      width: 100%;
      height: 32px;
      padding-left: 12px;
      border: 1px solid #dcdfe6;
      border-radius: 5px;
      font-size: 13px; }
      .ww-public-input__select > input:hover {
        border-color: #c0c4cc;
        transition: ease .5s; }
      .ww-public-input__select > input:focus {
        border-color: #409eff;
        transition: ease .5s; }
  .ww-public-input__textarea {
    width: 100%;
    margin-left: 140px; }
    .ww-public-input__textarea textarea {
      width: 99%; }
  .ww-public-input > .pic-upload {
    display: flex;
    display: -webkit-flex;
    margin-left: 140px; }
    .ww-public-input > .pic-upload .upload {
      height: 34px; }
    .ww-public-input > .pic-upload .add-img {
      transform: scale(0.6);
      position: relative;
      top: -8px;
      border: 1px solid #ccc; }
      .ww-public-input > .pic-upload .add-img:hover {
        cursor: pointer; }

.public-input {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative; }
  .public-input > span {
    display: inline-block;
    width: 90px;
    color: #333;
    text-align: right;
    font-size: 14px;
    padding-right: 12px; }
    .public-input > span i {
      font-style: normal;
      color: #fe0903; }
  .public-input > input {
    width: 190px;
    height: 32px;
    padding-left: 7px;
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    font-size: 13px; }
    .public-input > input:hover {
      border-color: #c0c4cc;
      transition: ease .5s; }
    .public-input > input:focus {
      border-color: #409eff;
      transition: ease .5s; }
  .public-input select {
    width: 190px;
    height: 32px;
    padding-left: 7px;
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/index/icon-select.png");
    background-position: calc(100% - 6px) center;
    background-repeat: no-repeat;
    background-color: #fff; }
    .public-input select::-ms-expand {
      display: none; }
    .public-input select:hover {
      border-color: #c0c4cc;
      transition: ease .5s; }
    .public-input select:focus {
      border-color: #409eff;
      transition: ease .5s; }
  .public-input > .pic-upload {
    display: flex;
    display: -webkit-flex; }
    .public-input > .pic-upload .upload {
      height: 34px; }
    .public-input > .pic-upload .add-img {
      transform: scale(0.6);
      position: relative;
      top: -8px;
      border: 1px solid #ccc; }
      .public-input > .pic-upload .add-img:hover {
        cursor: pointer; }

.public-date {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .public-date-title {
    display: inline-block;
    width: 100px;
    color: #333;
    text-align: right;
    font-size: 14px;
    padding-right: 5px; }
    .public-date-title i {
      color: #fe0903; }
  .public-date-search {
    width: 90px; }
  .public-date .k-datepicker {
    width: 190px;
    display: inline-block;
    height: 34px; }
  .public-date .k-picker-wrap.k-state-default {
    border-color: #e6e6e6; }

.public-textarea {
  height: 80px;
  padding: 5px 12px;
  border: 1px solid #e3e3e3;
  resize: none;
  border-radius: 5px; }

.public-add {
  width: 58px;
  height: 34px;
  color: #333333;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #e3e3e3;
  border-radius: 1px; }

.public-btn {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px; }
  .public-btn.btn-small {
    font-size: 14px; }
  .public-btn:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
  .public-btn + .public-btn {
    margin-left: 5px; }
  .public-btn.green {
    background: #5AACA5;
    color: #FFFFFF;
    border: none; }
  .public-btn.danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c; }
    .public-btn.danger:hover {
      background: #f78989;
      border-color: #f78989;
      color: #fff; }
  .public-btn.primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff; }
    .public-btn.primary:hover {
      background: #66b1ff;
      border-color: #66b1ff;
      color: #fff; }
    .public-btn.primary:disabled {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff;
      cursor: not-allowed; }
  .public-btn.info {
    color: #fff;
    background-color: #909399;
    border-color: #909399; }
    .public-btn.info:hover {
      background: #a6a9ad;
      border-color: #a6a9ad;
      color: #fff; }

.layui-layer-btn.layui-layer-btn- > .layui-layer-btn0 {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  border-radius: 3px;
  font-size: 12px; }
  .layui-layer-btn.layui-layer-btn- > .layui-layer-btn0:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff; }

.layui-layer-btn.layui-layer-btn- > .layui-layer-btn1 {
  font-size: 12px;
  border-radius: 3px; }
  .layui-layer-btn.layui-layer-btn- > .layui-layer-btn1:hover {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #dedede;
    color: #666; }

.public-table {
  position: relative; }
  .public-table .table-head thead {
    background-color: #fff !important; }
  .public-table .table-head th {
    padding: 5px;
    padding-right: 15px;
    padding-left: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 1.9;
    color: #666;
    outline: none; }
  .public-table tbody tr:nth-of-type(2n) {
    background: #fafafa; }
  .public-table tbody td {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #606266; }
    .public-table tbody td a {
      color: #58ACEA;
      margin: 0 8px; }

.table-hover > tbody > tr:hover {
  background-color: #f5f7fa; }

.public-add__header {
  height: 52px;
  padding: 0 12px;
  border-bottom: 1px solid #eeeeee;
  background: #fff;
  display: flex;
  justify-content: space-between; }
  .public-add__header-title {
    line-height: 52px;
    font-size: 16px;
    color: #333333; }
  .public-add__header-btn {
    display: flex;
    align-items: center; }
    .public-add__header-btn .public-btn {
      margin-left: 12px; }

.public-twolines {
  padding: 12px 21px 25px 12px;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #e7eaec; }
  .public-twolines__tree {
    max-height: 730px;
    overflow-y: auto;
    width: 200px;
    padding-right: 10px;
    margin-right: 20px;
    border-right: 1px dashed #DDE1E5; }
  .public-twolines__content {
    width: calc(100% - 200px); }
  .public-twolines .no-border {
    border: none; }

.icon-global {
  display: inline-block;
  background: url(../img/index/iconlist-isales.png) no-repeat;
  position: relative; }

.icon-logout {
  width: 13px;
  height: 15px;
  top: 2px;
  margin-right: 8px;
  background-position: -248px 0; }

.icon-closed {
  width: 9px;
  height: 9px;
  background-position: -235px 0;
  left: 35px;
  top: -10px; }

.icon-arrow {
  width: 10px;
  height: 5px;
  background-position: -235px  -20px; }

.icon-scale {
  width: 21px;
  height: 16px;
  background-position: -210px 0; }

.icon-chevron-up {
  width: 16px;
  height: 12px;
  background-position: -263px 0;
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  transition: all .2s; }

.icon-chevron-down {
  width: 16px;
  height: 12px;
  background-position: -263px -20px;
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  transition: all .2s; }

.expand {
  width: 21px;
  height: 16px;
  background-position: -210px -20px; }

.icon-terminal-file {
  top: 2px;
  width: 18px;
  height: 15px;
  background-position: 0 0; }

.icon-terminal-file-active {
  top: 2px;
  width: 18px;
  height: 15px;
  background-position: 0 -20px; }

.icon-customer-management {
  top: 2px;
  width: 18px;
  height: 17px;
  background-position: -24px 0; }

.icon-customer-management-active {
  top: 2px;
  width: 18px;
  height: 17px;
  background-position: -24px -20px; }

.icon-district-management {
  top: 2px;
  width: 18px;
  height: 18px;
  background-position: -47px 0; }

.icon-district-management-active {
  top: 2px;
  width: 18px;
  height: 18px;
  background-position: -47px -20px; }

.icon-grade-management {
  top: 4px;
  width: 18px;
  height: 18px;
  background-position: -70px 0; }

.icon-grade-management-active {
  top: 4px;
  width: 18px;
  height: 18px;
  background-position: -70px -20px; }

.icon-terminal-dev {
  top: 2px;
  width: 18px;
  height: 18px;
  background-position: -94px 0; }

.icon-terminal-dev-active {
  top: 2px;
  width: 18px;
  height: 18px;
  background-position: -94px -20px; }

.icon-promotion-management {
  top: 2px;
  width: 17px;
  height: 16px;
  background-position: -118px 0; }

.icon-promotion-management-active {
  top: 2px;
  width: 17px;
  height: 16px;
  background-position: -118px -20px; }

.icon-terminal-rebate {
  top: 2px;
  width: 18px;
  height: 16px;
  background-position: -140px 0; }

.icon-terminal-rebate-active {
  top: 2px;
  width: 18px;
  height: 16px;
  background-position: -140px -20px; }

.icon-achievement {
  top: 2px;
  width: 17px;
  height: 15px;
  background-position: -164px 0; }

.icon-achievement-active {
  top: 2px;
  width: 17px;
  height: 15px;
  background-position: -164px -20px; }

.icon-target-management {
  top: 2px;
  width: 18px;
  height: 17px;
  background-position: -187px 0; }

.icon-target-management-active {
  top: 2px;
  width: 18px;
  height: 17px;
  background-position: -187px -20px; }

i.iconfont {
  font-size: 18px; }

i.iconzhibiao {
  position: relative;
  top: -1px;
  left: -2px;
  font-size: 22px; }

i.iconzhibiao + span {
  margin-left: 11px !important; }

i.iconanalysis {
  position: relative;
  left: 1px;
  font-size: 17px; }

i.iconanalysis + span {
  margin-left: 16px !important; }

i.iconhome {
  position: relative;
  font-size: 20px;
  left: -1px; }

i.iconhome + span {
  margin-left: 12px !important; }

i.icondengji {
  position: relative;
  font-size: 20px;
  left: -1px;
  top: -1px; }

i.icondangan {
  position: relative;
  top: -2px; }

i.iconquyuxinxi {
  position: relative;
  left: -1px;
  font-size: 20px; }

i.iconditu + span {
  margin-left: 14px !important; }

i.iconquyuxinxi + span {
  margin-left: 13px !important; }

i.icondangan + span,
i.icondengji + span {
  margin-left: 13px !important; }

i.iconbaobiao {
  font-size: 20px;
  top: -1px;
  left: -2px; }

i.iconbaobiao + span {
  margin-left: 12px !important; }

.indexInput {
  width: 70px; }

.select-dropdown {
  position: relative; }
  .select-dropdown > div input {
    width: 100%;
    height: 32px;
    padding-left: 12px;
    border: 1px solid #e3e3e3;
    border-radius: 5px; }
  .select-dropdown .select-search-ul {
    padding: 0;
    border: 1px solid #5897fb;
    margin: 0;
    border-top: none;
    display: none;
    position: absolute;
    top: 34px;
    background: #fff;
    z-index: 1000;
    width: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .select-dropdown .select-search-ul > li {
      width: 100% !important;
      padding: 5px;
      cursor: pointer;
      margin-bottom: 5px !important; }
      .select-dropdown .select-search-ul > li:hover {
        background: #1E9FFF;
        color: #fff; }
    .select-dropdown .select-search-ul .select-input-parent > input {
      width: 100%;
      height: 34px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

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

input[type="radio"] {
  outline: none;
  width: 16px;
  height: 16px;
  margin: 0;
  -webkit-appearance: none;
  /*清除复选框默认样式*/
  background: url("../img/index/radio-unchecked.png");
  /*复选框的背景图，就是上图*/
  vertical-align: middle;
  border: none; }

input[type="radio"]:checked {
  outline: none;
  background: url("../img/index/radio-checked.png"); }

input[type="radio"]:focus {
  outline: none; }

input[type="radio"]:hover {
  cursor: pointer; }

.unit {
  position: absolute;
  right: 10px;
  top: 9px; }

.disvisiblity {
  visibility: hidden; }

input[type='button'] {
  background-color: #fff; }
  input[type='button']:hover {
    background-color: #ddd; }

.multiSelect .multiSelectItem {
  outline: none; }

.checkBoxContainer {
  height: 165px;
  overflow-y: auto; }

md-tabs .md-tab.md-active {
  color: #58ACEA; }

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
  background-color: #58ACEA; }

md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
  margin-right: 35px;
  padding: 12px 2px; }

.nav-pills > li > a {
  padding: 10px 25px 10px 15px; }

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  top: -7px;
  left: 3px; }

.checkbox input[type="checkbox"].selectAllBox:checked + label::after {
  top: -7px; }

.checkbox label::before {
  width: 15px !important;
  height: 15px !important; }

.no-data {
  position: absolute;
  top: 30%;
  left: 40%; }
  .no-data p:first-child {
    text-align: center;
    position: relative;
    top: 30%; }
  .no-data p.text {
    position: relative;
    text-align: center;
    top: 30%;
    color: #999; }

.table-input {
  border: 1px solid #ccc; }

.ww-hidden {
  display: none !important; }

.ww-display {
  display: block; }

.iconfont {
  outline: none;
  vertical-align: middle;
  position: relative;
  top: -2px; }

.iconshezhi {
  vertical-align: middle;
  /* margin: 0 10px; */
  cursor: pointer;
  font-size: 20px;
  margin-left: 10px;
  padding-top: 8px;
  margin-right: 5px;
  border: 2px solid transparent; }

.color-red {
  color: red; }

.checkbox.checkbox-info.checkbox-inline label:before {
  position: relative;
  top: 3px; }

.checkbox.checkbox-info.checkbox-inline label[for]:after {
  top: 0;
  left: 9px; }

.icon-person {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url("../img/index/person.png") no-repeat;
  position: absolute;
  right: 10px;
  top: 8px; }

.pdr-30 {
  padding-right: 30px; }

.font-red {
  color: red; }