.main-menu {
  /* tabs + 二级菜单样式*/
  /*三级菜单的样式*/
}
.main-menu .ivu-shrinkable-menu {
  height: 100%;
  width: 100%;
}
.main-menu li {
  list-style: none !important;
}
.main-menu .tab-menus {
  background-color: #fff;
  border-top: 1px solid #eee;
}
.main-menu .tab-menus .menu-tabs {
  width: 60px;
  float: left;
  background-color: #fff;
  border-right: 1px solid #eee;
}
.main-menu .tab-menus .menu-tabs li {
  height: 60px;
  padding-top: 12px;
  text-align: center;
  color: #666;
  cursor: pointer;
  font-size: 12px;
}
.main-menu .tab-menus .menu-tabs li i {
  font-size: 20px;
}
.main-menu .tab-menus .menu-tabs li:hover {
  background-color: rgba(52, 141, 237, 0.3);
}
.main-menu .tab-menus .menu-tabs li.curr,
.main-menu .tab-menus .menu-tabs li.curr:hover {
  color: #348ded;
}
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-item,
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-submenu-title {
  padding: 13px 8px;
}
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-item,
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-item {
  padding: 11px 0;
}
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
  padding-left: 25px !important;
}
.main-menu .tab-menus .ivu-menu.ivu-menu-vertical {
  width: 130px !important;
  float: left;
}
.main-menu .tab-menus .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title-icon {
  right: 15px;
}
.main-menu .tab-menus .ivu-menu-opened .ivu-menu-submenu-title-icon {
  font-weight: bold;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
  background: transparent;
  color: #303030;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-item:hover {
  background-color: rgba(52, 141, 237, 0.3) !important;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-item.ivu-menu-item-active:hover {
  background-color: #348ded !important;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  color: #fff;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title {
  color: #303030;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover {
  background-color: transparent;
}
.main-menu .tab-menus .ivu-menu-item.init-selected {
  background-color: #348ded;
  color: #fff !important;
}
.main-menu .tree-menus {
  /*二级菜单小箭头*/
  /*二级菜单背景色*/
}
.main-menu .tree-menus .ivu-menu-submenu > .ivu-menu-submenu-title > .ivu-menu-submenu-title-icon {
  transform: none;
}
.main-menu .tree-menus .ivu-menu-submenu.ivu-menu-opened > .ivu-menu-submenu-title > .ivu-menu-submenu-title-icon {
  transform: rotate(180deg);
}
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu .ivu-menu-submenu-title {
  background: #080808;
}
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background: #495060 !important;
}
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active .ivu-menu-item-active,
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active .ivu-menu-item-active:hover {
  border-right: none;
  color: #fff;
  background: #2d8cf0 !important;
}

.main-menu {
  /* tabs + 二级菜单样式*/
  /*三级菜单的样式*/
}
.main-menu .ivu-shrinkable-menu {
  height: 100%;
  width: 100%;
}
.main-menu li {
  list-style: none !important;
}
.main-menu .tab-menus {
  background-color: #fff;
  border-top: 1px solid #eee;
}
.main-menu .tab-menus .menu-tabs {
  width: 60px;
  float: left;
  background-color: #fff;
  border-right: 1px solid #eee;
}
.main-menu .tab-menus .menu-tabs li {
  height: 60px;
  padding-top: 12px;
  text-align: center;
  color: #666;
  cursor: pointer;
  font-size: 12px;
}
.main-menu .tab-menus .menu-tabs li i {
  font-size: 20px;
}
.main-menu .tab-menus .menu-tabs li:hover {
  background-color: rgba(52, 141, 237, 0.3);
}
.main-menu .tab-menus .menu-tabs li.curr,
.main-menu .tab-menus .menu-tabs li.curr:hover {
  color: #348ded;
}
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-item,
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-submenu-title {
  padding: 13px 8px;
}
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-item,
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-item {
  padding: 11px 0;
}
.main-menu .tab-menus .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
  padding-left: 25px !important;
}
.main-menu .tab-menus .ivu-menu.ivu-menu-vertical {
  width: 130px !important;
  float: left;
}
.main-menu .tab-menus .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title-icon {
  right: 15px;
}
.main-menu .tab-menus .ivu-menu-opened .ivu-menu-submenu-title-icon {
  font-weight: bold;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
  background: transparent;
  color: #303030;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-item:hover {
  background-color: rgba(52, 141, 237, 0.3) !important;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-item.ivu-menu-item-active:hover {
  background-color: #348ded !important;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  color: #fff;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title {
  color: #303030;
}
.main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover {
  background-color: transparent;
}
.main-menu .tab-menus .ivu-menu-item.init-selected {
  background-color: #348ded;
  color: #fff !important;
}
.main-menu .tree-menus {
  /*二级菜单小箭头*/
  /*二级菜单背景色*/
}
.main-menu .tree-menus .ivu-menu-submenu > .ivu-menu-submenu-title > .ivu-menu-submenu-title-icon {
  transform: none;
}
.main-menu .tree-menus .ivu-menu-submenu.ivu-menu-opened > .ivu-menu-submenu-title > .ivu-menu-submenu-title-icon {
  transform: rotate(180deg);
}
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu .ivu-menu-submenu-title {
  background: #080808;
}
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background: #495060 !important;
}
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active .ivu-menu-item-active,
.main-menu .tree-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active .ivu-menu-item-active:hover {
  border-right: none;
  color: #fff;
  background: #2d8cf0 !important;
}

/*
*   覆盖iview UI组件的默认不符合需求的样式
*/
.ivu-cascader .ivu-cascader-label {
  padding-right: 15px;
}
.ivu-select-multiple .ivu-select-dropdown-list .ivu-select-item-selected {
  padding-right: 30px;
}
.main {
  position: absolute;
  width: 100%;
  height: 100%;
  /*主框架的加载提示*/
  /*后台 黑色主题*/
}
.main .unlock-con {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 11000;
}
.main .sidebar-menu-con {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  transition: width 0.3s;
  overflow: hidden !important;
}
.main .sidebar-menu-con.edit {
  overflow: visible !important;
}
.main .layout-text {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  font-size: 13px;
}
.main .main-hide-text .layout-text {
  display: none;
}
.main-content-container {
  position: relative;
}
.main-header-con {
  box-sizing: border-box;
  position: fixed;
  display: block;
  padding-left: 190px;
  width: 100%;
  height: 100px;
  z-index: 20;
  transition: padding 0.3s;
  height: 55px;
  box-shadow: none;
}
.main-breadcrumb {
  padding-right: 8px;
  padding-left: 35px;
}
.main-menu-left {
  background: #464c5b;
  height: 100%;
}
.main .tags-con {
  height: 37px;
  z-index: -1;
  overflow: hidden;
  background: #fff;
  border-left: 2px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.main .tags-con .left-btn {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
  width: 20px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  cursor: pointer;
  box-shadow: -3px 0 15px 3px rgba(0, 0, 0, 0.1);
}
.main .tags-con .right-btn {
  position: absolute;
  right: 35px;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
  width: 25px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  cursor: pointer;
}
.main .tags-con .tags-outer-scroll-con {
  position: relative;
  box-sizing: border-box;
  padding-right: 45px;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.main .tags-con .tags-outer-scroll-con .tags-inner-scroll-body {
  position: absolute;
  padding: 2px 10px 2px 30px;
  overflow: visible;
  white-space: nowrap;
  transition: left 0.3s ease;
}
.main .tags-con .tags-outer-scroll-con .close-all-tag-con {
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
  width: 35px;
  height: 100%;
  background: white;
  box-shadow: -3px 0 15px 3px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.main-header {
  height: 56px;
  background: #fff;
  /*box-shadow: 0 2px 1px 1px rgba(100,100,100,.1);*/
  position: relative;
  z-index: 11;
  border-bottom: 1px solid #eee;
}
.main-header .faqIcon {
  margin-left: 4px;
  cursor: pointer;
}
.main-header .navicon-con {
  margin: 6px;
  display: inline-block;
}
.main-header .header-middle-con {
  padding: 10px;
  overflow: hidden;
  display: flex;
}
.main-header .header-middle-con .list-btn {
  line-height: 2.4;
  cursor: pointer;
}
.main-header .header-middle-con .product-service-pointer {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #4f5c69;
}
.main-header .header-middle-buttons {
  position: absolute;
  right: 320px;
  top: 12px;
}
.main-header .header-avator-con {
  height: 100%;
  padding-right: 20px;
}
.main-header .header-avator-con .switch-theme-con {
  display: inline-block;
  width: 40px;
  height: 100%;
}
.main-header .header-avator-con .message-con {
  display: inline-block;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .message-con i {
  vertical-align: middle;
}
.main-header .header-avator-con .change-skin {
  font-size: 14px;
  font-weight: 500;
  padding-right: 5px;
}
.main-header .header-avator-con .switch-theme {
  height: 100%;
}
.main-header .header-avator-con .user-dropdown-menu-con {
  width: 150px;
  height: 100%;
}
.main-header .header-avator-con .user-dropdown-menu-con .main-user-name {
  display: inline-block;
  width: 80px;
  word-break: keep-all;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.main-header .header-avator-con .user-dropdown-innercon {
  height: 100%;
  padding-right: 14px;
}
.main-header .header-avator-con .full-screen-btn-con {
  display: inline-block;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .full-screen-btn-con i {
  vertical-align: middle;
}
.main-header .header-avator-con .lock-screen-btn-con {
  display: inline-block;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .lock-screen-btn-con i {
  vertical-align: middle;
}
.main .single-page-con {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #F0F0F0;
  z-index: 1;
  transition: left 0.3s;
}
.main .single-page-con .single-page {
  margin: 10px;
  min-height: calc(100vh - 80px);
  background-color: #fff;
}
.main .single-page-con .single-page > div {
  transition: all 0.2s ease-in-out;
}
.main .single-page-con .single-main-box:after {
  clear: both;
  content: '';
  visibility: hidden;
  display: block;
}
.main .single-page-con .single-page-box {
  height: 100%;
  position: absolute;
  overflow-x: hidden;
}
.main .single-page-con .faq-side-box {
  position: absolute;
  right: 0;
  background: #fff;
  height: 100%;
  border-left: 1px solid #eee;
  z-index: 10;
}
.main .single-page-con .faq-side-box .faq-side {
  min-width: 200px;
}
.main .single-page-con .faq-side-box .faq-side .ivu-card-bordered {
  border: 0;
}
.main .single-page-con .faq-side-box .faq-side .ivu-card-bordered:hover {
  box-shadow: none;
}
.main .single-page-con .right-side-box {
  position: absolute;
  right: 0;
  background: #fff;
  height: 100%;
  border-left: 1px solid #eee;
}
.main .single-page-con .right-side-box .right-side .ivu-card-bordered {
  border: 0;
}
.main .single-page-con .right-side-box .right-side .ivu-card-bordered:hover {
  box-shadow: none;
}
.main-copy {
  text-align: center;
  padding: 10px 0 20px;
  color: #9ea7b4;
}
.main .logo-con {
  padding: 6px 0 6px 8px;
  text-align: left;
  background: #fff;
  height: 55px;
  display: flex;
  /*
        img{
            height: 32px;
            width: auto;
            margin-top:5px;
            border-radius: 3px;
        }*/
}
.main .logo-con .logo-bg {
  height: 38px;
  margin-top: 1px;
  margin-left: 5px;
  width: 38px;
  border-radius: 100%;
  background: center center no-repeat #fff;
  background-size: auto 100%;
  border: 1px solid #fff;
}
.main .logo-con .brandTxt0 {
  font-size: 16px;
  line-height: 45px;
  margin-left: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 115px;
}
.main .logo-con .brandTxt {
  font-size: 18px;
  line-height: 45px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 170px;
}
.main .spin-icon-load {
  -webkit-animation: ani-demo-spin 1s linear infinite;
          animation: ani-demo-spin 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin {
from {
    transform: rotate(0deg);
}
50% {
    transform: rotate(180deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes ani-demo-spin {
from {
    transform: rotate(0deg);
}
50% {
    transform: rotate(180deg);
}
to {
    transform: rotate(360deg);
}
}
.main.black .main-header {
  background-color: #1E2E3D;
  color: #fff;
  min-width: 900px;
}
.main.black .logo-con {
  background-color: #1E2E3D;
  color: #fff;
}
.main.black .logo-con .logo-bg {
  background-color: #1E2E3D;
}
.main.black .ivu-breadcrumb {
  color: #fff;
}
.main.black .ivu-breadcrumb a {
  color: #fff;
}
.main.black .ivu-breadcrumb > span:last-child {
  color: #fff;
}
.main.black .ivu-dropdown-rel a {
  color: #fff;
}
.main.black .main-menu .tab-menus {
  border-top: 0 none;
}
.main.black .main-menu .tab-menus .menu-tabs {
  background-color: #1E2E3D;
  border-right: 1px solid #fff;
}
.main.black .main-menu .tab-menus .menu-tabs li {
  color: #c8c9cc;
}
.main.black .main-menu .tab-menus .menu-tabs li.curr {
  background-color: #fff;
  color: #303030;
}
.main.black .main-menu .tab-menus .ivu-menu-item.init-selected {
  background-color: transparent;
  color: #303030 !important;
}
.main.black .main-menu .tab-menus .ivu-menu-item.init-selected .layout-text {
  background-color: #eee;
  padding: 4px 8px;
  border-radius: 3px;
  left: 29px;
  top: 8px;
}
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background-color: transparent !important;
  color: #303030 !important;
  /*选中的菜单*/
}
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active .layout-text,
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover .layout-text {
  background-color: #eee;
  padding: 4px 16px;
  border-radius: 3px;
  left: 15px;
  top: 8px;
}
.main.black .main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main.black .main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background-color: transparent !important;
}
.main.black .main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-item:hover {
  background-color: transparent !important;
  color: #2d8cf0;
}
.fadex-enter {
  opacity: 1;
}
.fadex-enter-active {
  opacity: 0;
  transform: translate3d(-80px, 0, 0);
}
.fadex-leave {
  opacity: 1;
}
.fadex-leave-active {
  transform: translate3d(80px, 0, 0);
  opacity: 0;
}
.faqx-enter {
  transform: translate3d(200px, 0, 0);
}
.faqx-enter-active,
.faqx-leave-active {
  transition: all 0.3s ease;
}
.trans-50 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.W100 {
  width: 100%;
}
.H100 {
  height: 100%;
}
/**
 * 对左侧栏菜单的样式进行全局的调整
 */
body {
  font-family: '微软雅黑', '宋体', Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif !important;
}
.lock-screen-back {
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0 0 0 0 #667aa6 inset;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 3s;
}
.taglist-moving-animation-move {
  transition: transform 0.3s;
}
.login-box .ivu-modal-body {
  margin: 0;
  padding: 0;
}
.ivu-menu-dark {
  background: transparent !important;
}
.tag-can-edit-inlist {
  cursor: pointer;
}
.tag-can-edit-inlist:hover {
  border: 1px solid #2d8cf0 !important;
  background: #efefef !important;
}
/*card 头*/
.icard-header {
  display: flex;
  align-items: center;
}
.icard-header .card-back {
  cursor: pointer;
  margin-right: 10px;
  font-size: 28px;
}
/* 主菜单，弹出菜单 */
.ivu-select-dropdown {
  max-height: 600px;
}
/*主菜单底色*/
.sidebar-menu-con {
  background-color: #fff;
}
/*修正*/
.tags-inner-scroll-body .ivu-tag-blue {
  line-height: 32px;
}
.navicon-con .ivu-btn-text:focus {
  box-shadow: none;
}
.navicon-con .ivu-btn-text:hover {
  background: transparent;
}
.ivu-dropdown .ivu-btn-text:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-color: hsla(0, 0%, 100%, 0.2);
}
div.ivu-tag-dot {
  line-height: 32px;
}
/*全局通用，清楚浮动*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.oh {
  overflow: hidden;
}
/*一行省略号*/
.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/*两行省略号*/
.clamp2,
.clamp3,
.text-clamp3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.clamp2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.clamp3,
.text-clamp3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
/*flex 布局*/
.uflex {
  display: flex;
  flex-direction: row;
}
/*table 里面的操作按钮*/
.table-handle-button {
  margin-right: 5px;
  cursor: pointer;
  color: #2b85e4;
}
.table-pager-footer {
  margin: 10px 10px 0 10px;
  overflow: hidden;
}
/*表单底部按钮*/
.form-footer-button-box {
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 10px;
}
.note,
.strong_tips {
  font-size: 12px;
  color: #a0a0a0;
}
.image-box {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 1px solid #eee;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background: center center no-repeat;
  background-size: contain;
}
.image-box .ivu-icon {
  line-height: 80px;
}
.img_list_wrap {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 5px 0px;
  overflow: hidden;
}
.img_list_wrap .img_fixed {
  height: 60px;
  width: 60px;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
  margin: 8px 5px 8px 0;
  overflow: hidden;
  flex-shrink: 0;
}
.img_list_wrap .img_fixed img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img_list_wrap .name {
  max-width: 240px;
}
.content-box_edit {
  padding: 10px 0;
  text-align: left;
}
.content-box_edit .desc {
  margin-left: 5px;
  font-size: 12px;
  margin-bottom: 5px;
  width: 100%;
}
.list_page {
  margin: 10px 10px 0 10px;
  overflow: hidden;
  text-align: right;
}
.list_page.left {
  text-align: left;
}
.list_page.right {
  text-align: right;
}
.basic_cascader {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}
.basic_select,
.basic_input {
  display: inline-block;
  width: 100%;
  max-width: 220px;
}
.base_select,
.base_input {
  width: 200px;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.small_font {
  font-size: 12px;
}
/*覆盖UI*/
.statistics-page .ivu-divider-horizontal.ivu-divider-with-text-left:before {
  position: static;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-left: 4px solid #FE8337;
  width: 0px;
  height: 16px;
  margin-right: 10px;
  margin-top: -2px;
  transform: translate(0, 0);
}
.ivu-divider[custom].ivu-divider-horizontal.ivu-divider-with-text-left:before {
  position: static;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  border-left: 4px solid #FE8337;
  width: 0px;
  height: 16px;
  margin-right: 10px;
  margin-top: -2px;
  transform: translate(0, 0);
}
.echart_formatter {
  width: auto;
  font-size: 0px;
}
.echart_formatter ul {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  list-style: none;
}
.echart_formatter ul li {
  padding: 5px 10px;
}
.echart_formatter .val {
  font-size: 16px;
}
.statistics-page .data-chart {
  width: 100%;
  height: 350px;
}
.statistics-page .model-area {
  border: 1px solid #efefef;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.statistics-page .model-area .total-item {
  flex: 1;
}
.statistics-page .model-area .total-box-scroll {
  width: 100%;
  overflow-x: scroll;
  display: flex;
  flex-wrap: nowrap;
}
.statistics-page .model-area .total-box-scroll .total-item {
  margin-right: 10px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.statistics-page .model-area .total-box-scroll .total-item:last-child {
  margin-right: 0;
}
.statistics-page .model-area .total-box-scroll .total-name {
  text-wrap: nowrap;
}
.statistics-page .model-area .total-name {
  font-size: 12px;
  margin-bottom: 10px;
}
.statistics-page .model-area .total-val {
  font-weight: bold;
  font-size: 18px;
}
.statistics-page .model-area .total-percen {
  font-size: 12px;
}
.bold {
  font-weight: bold;
}
.inline-b,
.inline-block {
  display: inline-block;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.span-parent {
  position: relative;
}
.space-nowrap {
  white-space: nowrap;
}
.space-wrap,
.text-wrap {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.m-5 {
  margin: 5px;
}
.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-15 {
  margin-bottom: 15px;
}
.m-bottom-20 {
  margin-bottom: 20px;
}
.m-bottom-25 {
  margin-bottom: 25px;
}
.m-right-5 {
  margin-right: 5px;
}
.m-right-10 {
  margin-right: 10px;
}
.m-right-15 {
  margin-right: 15px;
}
.m-right-20 {
  margin-right: 20px;
}
.m-left-5 {
  margin-left: 5px;
}
.m-left-10 {
  margin-left: 10px;
}
.m-left-15 {
  margin-left: 15px;
}
.m-left-20 {
  margin-left: 20px;
}
.m-left-30 {
  margin-left: 30px;
}
.m-top-5 {
  margin-top: 5px;
}
.m-top-10 {
  margin-top: 10px;
}
.m-top-15 {
  margin-top: 15px;
}
.m-bottom-5 {
  margin-bottom: 5px;
}
.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-15 {
  margin-bottom: 15px;
}
.p-top-5 {
  padding-top: 5px;
}
.p-top-10 {
  padding-top: 10px;
}
.p-top-15 {
  padding-top: 15px;
}
.p-top-20 {
  padding-top: 20px;
}
.p-bottom-5 {
  padding-bottom: 5px;
}
.p-bottom-10 {
  padding-bottom: 10px;
}
.p-bottom-15 {
  padding-bottom: 15px;
}
.p-bottom-20 {
  padding-bottom: 20px;
}
.p-left-5 {
  padding-left: 5px;
}
.p-left-10 {
  padding-left: 10px;
}
.p-left-15 {
  padding-left: 15px;
}
.p-left-20 {
  padding-left: 20px;
}
.p-right-5 {
  padding-right: 5px;
}
.p-right-10 {
  padding-right: 10px;
}
.p-right-15 {
  padding-right: 15px;
}
.p-right-20 {
  padding-right: 20px;
}
.p-15 {
  padding: 15px;
}
.border-t {
  border-top: 1px solid #efefef;
}
.inline-block {
  display: inline-block;
}
.flex-100 {
  width: 100%;
}
._flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.flex1,
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-d-col,
.flex-col {
  flex-direction: column;
}
.flex-s-s {
  display: flex;
}
.flex-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-s-c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-c-s {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flex-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-e-c {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-b-s {
  display: flex;
  justify-content: space-between;
}
.f-just-end {
  justify-content: flex-end;
}
.f-just-around {
  justify-content: space-around;
}
.f-just-between {
  justify-content: space-between;
}
.f-just-center {
  justify-content: center;
}
.f-align-center {
  align-items: center;
}
.f-align-end {
  align-items: flex-end;
}
.f-shrink0,
.flex-s-0 {
  flex-shrink: 0;
}
.i-flex {
  display: inline-block;
}
.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}
.text-l {
  text-align: left;
}
.under-line {
  text-decoration: underline;
}
.under-line:hover {
  text-decoration: underline;
}
div .fixed-w {
  width: 400px;
  max-width: 400px;
}
.search-form .ivu-form-item {
  margin-bottom: 10px;
}
/**/
.ivu-radio-group-button[btn-type=primary] .ivu-radio-wrapper-checked {
  color: #fff;
  background-color: #2d8cf0;
}
.ivu-input-with-search .ivu-input-icon-clear {
  right: 50px;
}
.right0 .ivu-input-with-search .ivu-input-icon-clear {
  right: 0px;
}
/*智能营销*/
.fs-0 {
  font-size: 0px;
}
.fs-12 {
  font-size: 12px;
  line-height: 20px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fw-bold {
  font-weight: bold;
}
.v-lines .v-line {
  color: #b2b2b2;
}
.v-lines .v-line:nth-last-of-type(1) {
  display: none;
}
.v-align-t {
  vertical-align: top;
}
.notice {
  color: #DA242A;
}
.s-notice {
  color: #DA242A;
  font-size: 12px;
}
.invalid {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #959595;
}
.s-invalid {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #959595;
  font-size: 12px;
}
.notice-blue {
  color: #2D8CF0;
}
.form-style .ivu-form-item .ivu-form-item-label {
  color: #9F9F9F;
}
.page-divider {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.page-divider:before {
  content: "";
  width: 6px;
  height: 25px;
  background-color: #FD8238;
  display: inline-block;
  margin-right: 10px;
}
.upload-img-area {
  width: 100px;
  height: 100px;
  position: relative;
  border: 1px dashed #d2d2d2;
  color: #ababab;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}
.upload-img-area .add-img-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.upload-img-area:hover {
  border-color: #656565;
  color: #656565;
}
.no-data {
  width: 100%;
  color: #7f7f7f;
  text-align: center;
  padding: 100px 0px;
}
.ghost {
  opacity: 0.5;
  background: #eee;
}
.pointer {
  cursor: pointer;
}
.red {
  color: red;
}
.C_7f {
  color: #7f7f7f;
}
.C_df {
  color: #dfdfdf;
}
.C_fff {
  color: #fff;
}
.C_17 {
  color: #171717;
}
.C_primary {
  color: #2d8cf0;
}
.C_red {
  color: red;
}
.C_8a {
  color: #8a8a8a;
}
.cursor-p {
  cursor: pointer;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.p-t-5 {
  padding-top: 5px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-b-5 {
  padding-bottom: 5px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-b-15 {
  padding-bottom: 15px;
}
.p-b-20 {
  padding-bottom: 20px;
}
.p-b-30 {
  padding-bottom: 30px;
}
.p-l-5 {
  padding-left: 5px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-r-20 {
  padding-right: 20px;
}

.layout-setting .ivu-color-picker-picker-panel {
  display: none;
}
.layout-setting .ivu-color-picker-picker-colors {
  min-width: 200px;
}
.layout-setting .ivu-color-picker-picker-colors .ivu-color-picker-picker-colors-wrapper,
.layout-setting .ivu-color-picker-picker-colors .ivu-color-picker-picker-colors-wrapper-color {
  width: 25px;
  height: 20px;
  margin: 5px;
}
.layout-setting .ivu-color-picker-confirm .ivu-color-picker-confirm-color,
.layout-setting .ivu-color-picker-confirm .ivu-btn-default {
  display: none;
}

.body-card {
  margin: 5px 10px;
}
.body-card .body-content .content-box {
  padding: 10px;
  overflow: hidden;
}
.body-card .goods-desc-image {
  cursor: pointer;
}

.doc-modal .ivu-modal-body {
  padding: 0;
}

.faq-box .faq-content {
  margin-bottom: 10px;
}
.faq-box .faq-list .item {
  cursor: pointer;
  margin-bottom: 12px;
  list-style: none;
}
.faq-box .faq-list .item .txt:hover {
  color: #2d8cf0;
}

.login-by-qrcode {
  /* 可以设置不同的进入和离开动画 */
  /* 设置持续时间和动画函数 */
}
.login-by-qrcode .login-switch {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.login-by-qrcode .login-switch .icon {
  height: 50px;
  width: 50px;
  background: no-repeat center center / 80% auto;
}
.login-by-qrcode .login-switch .icon.qrcode {
  background-image: url(/dist/resources/images/login-qrcode.png);
}
.login-by-qrcode .login-switch .icon.pwd {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFfUExURUxpcZmZmZiYmJiYmJiYmJubm5iYmJmZmZiYmJmZmZmZmZmZmZycnJqampaWlpycnJmZmZmZmZubm5iYmJiYmJiYmJubm5WVlZubm5mZmZeXl5ycnJqampqampaWlpycnJmZmYCAgJeXl5mZmZiYmKqqqpmZmZiYmICAgJKSkpiYmJmZmZmZmZSUlJiYmJiYmJiYmJqampmZmZOTk5ycnJqampmZmZeXl5ycnJmZmZqampaWlpmZmZeXl5mZmZiYmJ6enpCQkJmZmZWVlZeXl5mZmZqampubm5mZmZeXl5aWlpqampqampqamp2dnZaWlpubm4iIiJiYmJeXl5qampeXl5SUlJmZmZmZmZaWlpmZmZeXl5iYmJqampmZmZiYmJubm5iYmJmZmZmZmZiYmJmZmZeXl5ycnJqamp2dnZmZmZqampubm52dnZ6enp+fn5ycnKCgoKSkpKKioqGhod6gjRwAAABqdFJOUwD16Ui9FypznzIFz/xHaxLka/ByakrmHf2YdvBJcku/owSEcNoDmdMGDm/loitZY7Arzhr58iNA/TzxSUaboOf1F44YcemhPdZscLuV/P5E/A8vkPSFJt7IEfpYbeoZRefQ7ehX525IVv1CYQ+9AAAByElEQVRYw+3Y91PCMBQH8KeIWwGR5WSJe++999577yZtg/r/nymKeni2oX3nL/D9hbte+dzLS0JDAXh87iiRTIVE3T74SIPbq5hUuKN43Q2aEoqpVLIQqsZCnImoRLIUorYAzM7zWmTFdGRJYpPTMMc/yXhtgcnUzvB65Ags8SHRQTCdfP590ghaY6jNPFOU6CxIWeZ/mar6PKHUV+kywRdZKC9BXaZQFdtHamEmMNoPHwITXqcYDFSWUgwGXH4Zg4HlDQ8GAyubKAw04TCQZTKUaXtDYcYqGAYDNSMMgwGPUD2GDNSIOMYMjAo4AgzUVTMMhjsy0U98QoABjzdHP1MBEQZ87fm66e4VYtI+mGSZvxhimdnRTumHBjfZL+wGueSMsm/AnF6d5+rm9oYXs3dgVPMZY1Q/khTfNR57eanBfz8SX92G9Bz2+2irbi04hObi2zlpLEnJ9dHaouicJh3aai9OSVM6a6PSn1iq1HlsbY25EvVQpwMQHOuMdl7FYLQ+YzB8XDIGA+XP9xgMPLQ2YzDwdPdYloxt2LzZwuTkxmasZ8B8n/3f+/Q1YGnev57jXVbWYd/nWyMy1GGlz2HlQ+nv/HHxHTrjJgyHIBRiAAAAAElFTkSuQmCC);
}
.login-by-qrcode .login-switch .ivu-poptip-popper {
  min-width: 100px;
}
.login-by-qrcode .form-con {
  padding: 10px 0 30px 0;
  text-align: center;
}
.login-by-qrcode .select-user-box {
  background-color: #fff;
  text-align: left;
}
.login-by-qrcode .tran-qrcode-enter-active {
  transition: all 0.3s ease;
}
.login-by-qrcode .tran-qrcode-leave-active {
  transition: all 0s ease;
}
.login-by-qrcode .tran-qrcode-enter {
  opacity: 0;
}

.login {
  background: #50a3a2;
  background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
  opacity: 0.8;
}
.login .ivu-card {
  background: rgba(255, 255, 255, 0.3);
}
.login .ivu-card-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
/*动态背景样式*/
.login-tx .bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.login-tx .bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  transition-timing-function: linear;
}
.login-tx .bg-bubbles li:nth-child(1) {
  left: 10%;
}
.login-tx .bg-bubbles li:nth-child(2) {
  left: 20%;
  bottom: 70%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 17s;
  animation-duration: 17s;
}
.login-tx .bg-bubbles li:nth-child(3) {
  left: 25%;
  bottom: 25%;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.login-tx .bg-bubbles li:nth-child(4) {
  left: 40%;
  bottom: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
  animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.login-tx .bg-bubbles li:nth-child(5) {
  left: 70%;
  bottom: 65%;
}
.login-tx .bg-bubbles li:nth-child(6) {
  left: 80%;
  bottom: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.login-tx .bg-bubbles li:nth-child(7) {
  left: 32%;
  bottom: 15%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
.login-tx .bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
}
.login-tx .bg-bubbles li:nth-child(9) {
  left: 25%;
  bottom: 50%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.login-tx .bg-bubbles li:nth-child(10) {
  left: 90%;
  bottom: 17%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}
.login-tx .bg-bubbles li:nth-child(11) {
  left: 90%;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.login-tx .bg-bubbles li:nth-child(12) {
  left: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.login-tx .bg-bubbles li:nth-child(13) {
  left: 45%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 17s;
  animation-delay: 17s;
}
.login-tx .bg-bubbles li:nth-child(14) {
  left: 55%;
  top: 30%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.login-tx .bg-bubbles li:nth-child(15) {
  left: 56%;
  bottom: 10%;
  width: 220px;
  height: 220px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.login-tx .bg-bubbles li:nth-child(16) {
  left: 25%;
  width: 65px;
  height: 65px;
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
}
@-webkit-keyframes square {
0% {
    transform: translateY(50px);
}
100% {
    transform: translateY(-900px) rotate(600deg);
}
}
@keyframes square {
0% {
    transform: translateY(50px);
}
100% {
    transform: translateY(-900px) rotate(600deg);
}
}

.circle-animate-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.circle-animate {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
  background: #55b9f3;
  transform: translate(-50%, -50%);
  -webkit-animation: blow 4s linear infinite;
          animation: blow 4s linear infinite;
  opacity: 0.6;
}
@-webkit-keyframes blow {
0% {
    transform: translate(-50%, -50%);
    opacity: 0.6;
    filter: hue-rotate(0deg);
}
100% {
    transform: translate(-50%, -1000%);
    opacity: 0;
    filter: hue-rotate(720deg);
}
}
@keyframes blow {
0% {
    transform: translate(-50%, -50%);
    opacity: 0.6;
    filter: hue-rotate(0deg);
}
100% {
    transform: translate(-50%, -1000%);
    opacity: 0;
    filter: hue-rotate(720deg);
}
}

body {
  font-family: '微软雅黑', '宋体', Arial, sans-serif !important;
}
.login {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  position: relative;
}
.login .login-con-box {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3;
}
.login .login-con-box .login-con {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login .login-con-box .login-con-header {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 30px 0;
}
.login .login-con-box .login-con .login-card {
  width: 350px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.1);
}
.login .login-con-box .login-con .form-con {
  padding: 10px 0 0;
}
.login .login-con-box .login-con .ext-txt {
  color: #555;
  font-size: 12px;
  margin-top: 20px;
  text-align: center;
  cursor: pointer;
}
.login .login-con-box .login-con .ext-txt span:hover {
  color: #0077AA;
}
.login .ivu-form-item-content {
  line-height: 20px;
}
.login .footer-box {
  text-align: center;
  color: #fff;
  position: fixed;
  width: 100%;
  bottom: 20px;
}
/*登录框模式*/
.loginBox .ext-txt {
  color: #c3c3c3;
  font-size: 12px;
  margin-top: 20px;
  text-align: center;
  cursor: pointer;
}
.loginBox .ext-txt span:hover {
  color: #0077AA;
}

.product-service .menu-list-item {
  line-height: 40px;
  border-right: 1px solid #ddd;
  text-align: center;
  display: inline-block;
  padding: 0px 10px;
  transition: top 0.35s;
  transition: left 0.35s;
  -moz-transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -o-transition: left 0.35s;
  vertical-align: top;
}
.product-service .menu-list-item .m-l-title {
  font-weight: bold;
  width: 142px;
}
.product-service .menu-list-item .m-l-cont {
  background: #efefef;
  margin-top: 10px;
}
.product-service .menu-list-item .m-l-cont .m-item-title {
  width: 142px;
  background: #e4e4e4;
  color: #a6a7a7;
}
.product-service .menu-list-item .m-l-cont .m-item-cont {
  display: block;
  width: 142px;
  color: #333;
  cursor: pointer;
}
.product-service .menu-list-item .m-l-cont .m-item-cont:hover {
  background-color: #eaeaea;
}
.product-service .no-product-service {
  width: 100%;
  text-align: center;
  padding: 100px 0px;
}
.product-service-modal .ivu-modal-body {
  background-color: #F6F6F6;
  position: relative;
}

/*
*   覆盖iview UI组件的默认不符合需求的样式
*/
.ivu-cascader .ivu-cascader-label {
  padding-right: 15px;
}
.ivu-select-multiple .ivu-select-dropdown-list .ivu-select-item-selected {
  padding-right: 30px;
}
.main {
  position: absolute;
  width: 100%;
  height: 100%;
  /*主框架的加载提示*/
  /*后台 黑色主题*/
}
.main .unlock-con {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 11000;
}
.main .sidebar-menu-con {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  transition: width 0.3s;
  overflow: hidden !important;
}
.main .sidebar-menu-con.edit {
  overflow: visible !important;
}
.main .layout-text {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  font-size: 13px;
}
.main .main-hide-text .layout-text {
  display: none;
}
.main-content-container {
  position: relative;
}
.main-header-con {
  box-sizing: border-box;
  position: fixed;
  display: block;
  padding-left: 190px;
  width: 100%;
  height: 100px;
  z-index: 20;
  transition: padding 0.3s;
  height: 55px;
  box-shadow: none;
}
.main-breadcrumb {
  padding-right: 8px;
  padding-left: 35px;
}
.main-menu-left {
  background: #464c5b;
  height: 100%;
}
.main .tags-con {
  height: 37px;
  z-index: -1;
  overflow: hidden;
  background: #fff;
  border-left: 2px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.main .tags-con .left-btn {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
  width: 20px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  cursor: pointer;
  box-shadow: -3px 0 15px 3px rgba(0, 0, 0, 0.1);
}
.main .tags-con .right-btn {
  position: absolute;
  right: 35px;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
  width: 25px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  cursor: pointer;
}
.main .tags-con .tags-outer-scroll-con {
  position: relative;
  box-sizing: border-box;
  padding-right: 45px;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.main .tags-con .tags-outer-scroll-con .tags-inner-scroll-body {
  position: absolute;
  padding: 2px 10px 2px 30px;
  overflow: visible;
  white-space: nowrap;
  transition: left 0.3s ease;
}
.main .tags-con .tags-outer-scroll-con .close-all-tag-con {
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
  width: 35px;
  height: 100%;
  background: white;
  box-shadow: -3px 0 15px 3px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.main-header {
  height: 56px;
  background: #fff;
  /*box-shadow: 0 2px 1px 1px rgba(100,100,100,.1);*/
  position: relative;
  z-index: 11;
  border-bottom: 1px solid #eee;
}
.main-header .faqIcon {
  margin-left: 4px;
  cursor: pointer;
}
.main-header .navicon-con {
  margin: 6px;
  display: inline-block;
}
.main-header .header-middle-con {
  padding: 10px;
  overflow: hidden;
  display: flex;
}
.main-header .header-middle-con .list-btn {
  line-height: 2.4;
  cursor: pointer;
}
.main-header .header-middle-con .product-service-pointer {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #4f5c69;
}
.main-header .header-middle-buttons {
  position: absolute;
  right: 320px;
  top: 12px;
}
.main-header .header-avator-con {
  height: 100%;
  padding-right: 20px;
}
.main-header .header-avator-con .switch-theme-con {
  display: inline-block;
  width: 40px;
  height: 100%;
}
.main-header .header-avator-con .message-con {
  display: inline-block;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .message-con i {
  vertical-align: middle;
}
.main-header .header-avator-con .change-skin {
  font-size: 14px;
  font-weight: 500;
  padding-right: 5px;
}
.main-header .header-avator-con .switch-theme {
  height: 100%;
}
.main-header .header-avator-con .user-dropdown-menu-con {
  width: 150px;
  height: 100%;
}
.main-header .header-avator-con .user-dropdown-menu-con .main-user-name {
  display: inline-block;
  width: 80px;
  word-break: keep-all;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.main-header .header-avator-con .user-dropdown-innercon {
  height: 100%;
  padding-right: 14px;
}
.main-header .header-avator-con .full-screen-btn-con {
  display: inline-block;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .full-screen-btn-con i {
  vertical-align: middle;
}
.main-header .header-avator-con .lock-screen-btn-con {
  display: inline-block;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .lock-screen-btn-con i {
  vertical-align: middle;
}
.main .single-page-con {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #F0F0F0;
  z-index: 1;
  transition: left 0.3s;
}
.main .single-page-con .single-page {
  margin: 10px;
  min-height: calc(100vh - 80px);
  background-color: #fff;
}
.main .single-page-con .single-page > div {
  transition: all 0.2s ease-in-out;
}
.main .single-page-con .single-main-box:after {
  clear: both;
  content: '';
  visibility: hidden;
  display: block;
}
.main .single-page-con .single-page-box {
  height: 100%;
  position: absolute;
  overflow-x: hidden;
}
.main .single-page-con .faq-side-box {
  position: absolute;
  right: 0;
  background: #fff;
  height: 100%;
  border-left: 1px solid #eee;
  z-index: 10;
}
.main .single-page-con .faq-side-box .faq-side {
  min-width: 200px;
}
.main .single-page-con .faq-side-box .faq-side .ivu-card-bordered {
  border: 0;
}
.main .single-page-con .faq-side-box .faq-side .ivu-card-bordered:hover {
  box-shadow: none;
}
.main .single-page-con .right-side-box {
  position: absolute;
  right: 0;
  background: #fff;
  height: 100%;
  border-left: 1px solid #eee;
}
.main .single-page-con .right-side-box .right-side .ivu-card-bordered {
  border: 0;
}
.main .single-page-con .right-side-box .right-side .ivu-card-bordered:hover {
  box-shadow: none;
}
.main-copy {
  text-align: center;
  padding: 10px 0 20px;
  color: #9ea7b4;
}
.main .logo-con {
  padding: 6px 0 6px 8px;
  text-align: left;
  background: #fff;
  height: 55px;
  display: flex;
  /*
        img{
            height: 32px;
            width: auto;
            margin-top:5px;
            border-radius: 3px;
        }*/
}
.main .logo-con .logo-bg {
  height: 38px;
  margin-top: 1px;
  margin-left: 5px;
  width: 38px;
  border-radius: 100%;
  background: center center no-repeat #fff;
  background-size: auto 100%;
  border: 1px solid #fff;
}
.main .logo-con .brandTxt0 {
  font-size: 16px;
  line-height: 45px;
  margin-left: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 115px;
}
.main .logo-con .brandTxt {
  font-size: 18px;
  line-height: 45px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 170px;
}
.main .spin-icon-load {
  -webkit-animation: ani-demo-spin 1s linear infinite;
          animation: ani-demo-spin 1s linear infinite;
}
@-webkit-keyframes ani-demo-spin {
from {
    transform: rotate(0deg);
}
50% {
    transform: rotate(180deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes ani-demo-spin {
from {
    transform: rotate(0deg);
}
50% {
    transform: rotate(180deg);
}
to {
    transform: rotate(360deg);
}
}
.main.black .main-header {
  background-color: #1E2E3D;
  color: #fff;
  min-width: 900px;
}
.main.black .logo-con {
  background-color: #1E2E3D;
  color: #fff;
}
.main.black .logo-con .logo-bg {
  background-color: #1E2E3D;
}
.main.black .ivu-breadcrumb {
  color: #fff;
}
.main.black .ivu-breadcrumb a {
  color: #fff;
}
.main.black .ivu-breadcrumb > span:last-child {
  color: #fff;
}
.main.black .ivu-dropdown-rel a {
  color: #fff;
}
.main.black .main-menu .tab-menus {
  border-top: 0 none;
}
.main.black .main-menu .tab-menus .menu-tabs {
  background-color: #1E2E3D;
  border-right: 1px solid #fff;
}
.main.black .main-menu .tab-menus .menu-tabs li {
  color: #c8c9cc;
}
.main.black .main-menu .tab-menus .menu-tabs li.curr {
  background-color: #fff;
  color: #303030;
}
.main.black .main-menu .tab-menus .ivu-menu-item.init-selected {
  background-color: transparent;
  color: #303030 !important;
}
.main.black .main-menu .tab-menus .ivu-menu-item.init-selected .layout-text {
  background-color: #eee;
  padding: 4px 8px;
  border-radius: 3px;
  left: 29px;
  top: 8px;
}
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background-color: transparent !important;
  color: #303030 !important;
  /*选中的菜单*/
}
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active .layout-text,
.main.black .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover .layout-text {
  background-color: #eee;
  padding: 4px 16px;
  border-radius: 3px;
  left: 15px;
  top: 8px;
}
.main.black .main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.main.black .main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background-color: transparent !important;
}
.main.black .main-menu .tab-menus .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-item:hover {
  background-color: transparent !important;
  color: #2d8cf0;
}
.fadex-enter {
  opacity: 1;
}
.fadex-enter-active {
  opacity: 0;
  transform: translate3d(-80px, 0, 0);
}
.fadex-leave {
  opacity: 1;
}
.fadex-leave-active {
  transform: translate3d(80px, 0, 0);
  opacity: 0;
}
.faqx-enter {
  transform: translate3d(200px, 0, 0);
}
.faqx-enter-active,
.faqx-leave-active {
  transition: all 0.3s ease;
}
.trans-50 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.W100 {
  width: 100%;
}
.H100 {
  height: 100%;
}
/**
 * 对左侧栏菜单的样式进行全局的调整
 */
body {
  font-family: '微软雅黑', '宋体', Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif !important;
}
.lock-screen-back {
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0 0 0 0 #667aa6 inset;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 3s;
}
.taglist-moving-animation-move {
  transition: transform 0.3s;
}
.login-box .ivu-modal-body {
  margin: 0;
  padding: 0;
}
.ivu-menu-dark {
  background: transparent !important;
}
.tag-can-edit-inlist {
  cursor: pointer;
}
.tag-can-edit-inlist:hover {
  border: 1px solid #2d8cf0 !important;
  background: #efefef !important;
}
/*card 头*/
.icard-header {
  display: flex;
  align-items: center;
}
.icard-header .card-back {
  cursor: pointer;
  margin-right: 10px;
  font-size: 28px;
}
/* 主菜单，弹出菜单 */
.ivu-select-dropdown {
  max-height: 600px;
}
/*主菜单底色*/
.sidebar-menu-con {
  background-color: #fff;
}
/*修正*/
.tags-inner-scroll-body .ivu-tag-blue {
  line-height: 32px;
}
.navicon-con .ivu-btn-text:focus {
  box-shadow: none;
}
.navicon-con .ivu-btn-text:hover {
  background: transparent;
}
.ivu-dropdown .ivu-btn-text:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-color: hsla(0, 0%, 100%, 0.2);
}
div.ivu-tag-dot {
  line-height: 32px;
}
/*全局通用，清楚浮动*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.oh {
  overflow: hidden;
}
/*一行省略号*/
.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/*两行省略号*/
.clamp2,
.clamp3,
.text-clamp3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.clamp2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.clamp3,
.text-clamp3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
/*flex 布局*/
.uflex {
  display: flex;
  flex-direction: row;
}
/*table 里面的操作按钮*/
.table-handle-button {
  margin-right: 5px;
  cursor: pointer;
  color: #2b85e4;
}
.table-pager-footer {
  margin: 10px 10px 0 10px;
  overflow: hidden;
}
/*表单底部按钮*/
.form-footer-button-box {
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 10px;
}
.note,
.strong_tips {
  font-size: 12px;
  color: #a0a0a0;
}
.image-box {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 1px solid #eee;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background: center center no-repeat;
  background-size: contain;
}
.image-box .ivu-icon {
  line-height: 80px;
}
.img_list_wrap {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 5px 0px;
  overflow: hidden;
}
.img_list_wrap .img_fixed {
  height: 60px;
  width: 60px;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
  margin: 8px 5px 8px 0;
  overflow: hidden;
  flex-shrink: 0;
}
.img_list_wrap .img_fixed img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img_list_wrap .name {
  max-width: 240px;
}
.content-box_edit {
  padding: 10px 0;
  text-align: left;
}
.content-box_edit .desc {
  margin-left: 5px;
  font-size: 12px;
  margin-bottom: 5px;
  width: 100%;
}
.list_page {
  margin: 10px 10px 0 10px;
  overflow: hidden;
  text-align: right;
}
.list_page.left {
  text-align: left;
}
.list_page.right {
  text-align: right;
}
.basic_cascader {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}
.basic_select,
.basic_input {
  display: inline-block;
  width: 100%;
  max-width: 220px;
}
.base_select,
.base_input {
  width: 200px;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.small_font {
  font-size: 12px;
}
/*覆盖UI*/
.statistics-page .ivu-divider-horizontal.ivu-divider-with-text-left:before {
  position: static;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-left: 4px solid #FE8337;
  width: 0px;
  height: 16px;
  margin-right: 10px;
  margin-top: -2px;
  transform: translate(0, 0);
}
.ivu-divider[custom].ivu-divider-horizontal.ivu-divider-with-text-left:before {
  position: static;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  border-left: 4px solid #FE8337;
  width: 0px;
  height: 16px;
  margin-right: 10px;
  margin-top: -2px;
  transform: translate(0, 0);
}
.echart_formatter {
  width: auto;
  font-size: 0px;
}
.echart_formatter ul {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  list-style: none;
}
.echart_formatter ul li {
  padding: 5px 10px;
}
.echart_formatter .val {
  font-size: 16px;
}
.statistics-page .data-chart {
  width: 100%;
  height: 350px;
}
.statistics-page .model-area {
  border: 1px solid #efefef;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.statistics-page .model-area .total-item {
  flex: 1;
}
.statistics-page .model-area .total-box-scroll {
  width: 100%;
  overflow-x: scroll;
  display: flex;
  flex-wrap: nowrap;
}
.statistics-page .model-area .total-box-scroll .total-item {
  margin-right: 10px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.statistics-page .model-area .total-box-scroll .total-item:last-child {
  margin-right: 0;
}
.statistics-page .model-area .total-box-scroll .total-name {
  text-wrap: nowrap;
}
.statistics-page .model-area .total-name {
  font-size: 12px;
  margin-bottom: 10px;
}
.statistics-page .model-area .total-val {
  font-weight: bold;
  font-size: 18px;
}
.statistics-page .model-area .total-percen {
  font-size: 12px;
}
.bold {
  font-weight: bold;
}
.inline-b,
.inline-block {
  display: inline-block;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.span-parent {
  position: relative;
}
.space-nowrap {
  white-space: nowrap;
}
.space-wrap,
.text-wrap {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.m-5 {
  margin: 5px;
}
.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-15 {
  margin-bottom: 15px;
}
.m-bottom-20 {
  margin-bottom: 20px;
}
.m-bottom-25 {
  margin-bottom: 25px;
}
.m-right-5 {
  margin-right: 5px;
}
.m-right-10 {
  margin-right: 10px;
}
.m-right-15 {
  margin-right: 15px;
}
.m-right-20 {
  margin-right: 20px;
}
.m-left-5 {
  margin-left: 5px;
}
.m-left-10 {
  margin-left: 10px;
}
.m-left-15 {
  margin-left: 15px;
}
.m-left-20 {
  margin-left: 20px;
}
.m-left-30 {
  margin-left: 30px;
}
.m-top-5 {
  margin-top: 5px;
}
.m-top-10 {
  margin-top: 10px;
}
.m-top-15 {
  margin-top: 15px;
}
.m-bottom-5 {
  margin-bottom: 5px;
}
.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-15 {
  margin-bottom: 15px;
}
.p-top-5 {
  padding-top: 5px;
}
.p-top-10 {
  padding-top: 10px;
}
.p-top-15 {
  padding-top: 15px;
}
.p-top-20 {
  padding-top: 20px;
}
.p-bottom-5 {
  padding-bottom: 5px;
}
.p-bottom-10 {
  padding-bottom: 10px;
}
.p-bottom-15 {
  padding-bottom: 15px;
}
.p-bottom-20 {
  padding-bottom: 20px;
}
.p-left-5 {
  padding-left: 5px;
}
.p-left-10 {
  padding-left: 10px;
}
.p-left-15 {
  padding-left: 15px;
}
.p-left-20 {
  padding-left: 20px;
}
.p-right-5 {
  padding-right: 5px;
}
.p-right-10 {
  padding-right: 10px;
}
.p-right-15 {
  padding-right: 15px;
}
.p-right-20 {
  padding-right: 20px;
}
.p-15 {
  padding: 15px;
}
.border-t {
  border-top: 1px solid #efefef;
}
.inline-block {
  display: inline-block;
}
.flex-100 {
  width: 100%;
}
._flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.flex1,
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-d-col,
.flex-col {
  flex-direction: column;
}
.flex-s-s {
  display: flex;
}
.flex-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-s-c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-c-s {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flex-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-e-c {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-b-s {
  display: flex;
  justify-content: space-between;
}
.f-just-end {
  justify-content: flex-end;
}
.f-just-around {
  justify-content: space-around;
}
.f-just-between {
  justify-content: space-between;
}
.f-just-center {
  justify-content: center;
}
.f-align-center {
  align-items: center;
}
.f-align-end {
  align-items: flex-end;
}
.f-shrink0,
.flex-s-0 {
  flex-shrink: 0;
}
.i-flex {
  display: inline-block;
}
.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}
.text-l {
  text-align: left;
}
.under-line {
  text-decoration: underline;
}
.under-line:hover {
  text-decoration: underline;
}
div .fixed-w {
  width: 400px;
  max-width: 400px;
}
.search-form .ivu-form-item {
  margin-bottom: 10px;
}
/**/
.ivu-radio-group-button[btn-type=primary] .ivu-radio-wrapper-checked {
  color: #fff;
  background-color: #2d8cf0;
}
.ivu-input-with-search .ivu-input-icon-clear {
  right: 50px;
}
.right0 .ivu-input-with-search .ivu-input-icon-clear {
  right: 0px;
}
/*智能营销*/
.fs-0 {
  font-size: 0px;
}
.fs-12 {
  font-size: 12px;
  line-height: 20px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fw-bold {
  font-weight: bold;
}
.v-lines .v-line {
  color: #b2b2b2;
}
.v-lines .v-line:nth-last-of-type(1) {
  display: none;
}
.v-align-t {
  vertical-align: top;
}
.notice {
  color: #DA242A;
}
.s-notice {
  color: #DA242A;
  font-size: 12px;
}
.invalid {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #959595;
}
.s-invalid {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: #959595;
  font-size: 12px;
}
.notice-blue {
  color: #2D8CF0;
}
.form-style .ivu-form-item .ivu-form-item-label {
  color: #9F9F9F;
}
.page-divider {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.page-divider:before {
  content: "";
  width: 6px;
  height: 25px;
  background-color: #FD8238;
  display: inline-block;
  margin-right: 10px;
}
.upload-img-area {
  width: 100px;
  height: 100px;
  position: relative;
  border: 1px dashed #d2d2d2;
  color: #ababab;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}
.upload-img-area .add-img-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.upload-img-area:hover {
  border-color: #656565;
  color: #656565;
}
.no-data {
  width: 100%;
  color: #7f7f7f;
  text-align: center;
  padding: 100px 0px;
}
.ghost {
  opacity: 0.5;
  background: #eee;
}
.pointer {
  cursor: pointer;
}
.red {
  color: red;
}
.C_7f {
  color: #7f7f7f;
}
.C_df {
  color: #dfdfdf;
}
.C_fff {
  color: #fff;
}
.C_17 {
  color: #171717;
}
.C_primary {
  color: #2d8cf0;
}
.C_red {
  color: red;
}
.C_8a {
  color: #8a8a8a;
}
.cursor-p {
  cursor: pointer;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.p-t-5 {
  padding-top: 5px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-b-5 {
  padding-bottom: 5px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-b-15 {
  padding-bottom: 15px;
}
.p-b-20 {
  padding-bottom: 20px;
}
.p-b-30 {
  padding-bottom: 30px;
}
.p-l-5 {
  padding-left: 5px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-r-20 {
  padding-right: 20px;
}
/*导入自定义的图标(icon在这里作为全局导入，其它地方就不用再引入了)*/
/**
 * 这个文件来自 www.iconfont.cn iview 项目，iconfont.css 文件修改
 */
@font-face {
  font-family: "iconfont";
  src: url(/dist/resources/fonts/iconfont.eot);
  /* IE9 */
  src: url(/dist/resources/fonts/iconfont.eot#iefix) format('embedded-opentype'),  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(/dist/resources/fonts/iconfont.woff) format('woff'), url(/dist/resources/fonts/iconfont.ttf) format('truetype'),  url(/dist/resources/fonts/iconfont.svg#iconfont) format('svg');
  /* iOS 4.1- */
}
.ionmy {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*二维码*/
.ion-my-qrcode:before {
  content: "\e692";
}
/*微信logo*/
.ion-my-weixin:before {
  content: "\e7e5";
}
/*企业用户*/
.ion-my-enterprise-user:before {
  content: "\e61c";
}
/*个人用户*/
.ion-my-personal-user:before {
  content: "\e625";
}
/*选中的勾*/
.ion-my-checked:before {
  content: "\e8b7";
}
/*底部栏*/
.ion-my-bottom-bar:before {
  content: "\e74c";
}
/*右侧栏*/
.ion-my-right-bar:before {
  content: "\e74d";
}
/*手机导航栏*/
.ion-my-phone-bottom-bar:before {
  content: "\e617";
}
/*门店*/
.ion-my-store:before {
  content: "\e619";
}
/*大转盘*/
.ion-my-turntable:before {
  content: "\e616";
}
/*活动*/
.ion-my-activity:before {
  content: "\e609";
}
/*组件*/
.ion-my-component:before {
  content: "\e60c";
}
/*社区*/
.ion-my-user-home:before {
  content: "\e62f";
}
/*人脸识别*/
.ion-my-scan-face:before {
  content: "\e65a";
}
/*网络错误*/
.ion-my-network-error:before {
  content: "\e62c";
}
/*扶梯*/
.ion-my-escalator:before {
  content: "\e66e";
}
/*电梯*/
.ion-my-lift:before {
  content: "\e60a";
}
/*缩小*/
.ion-my-reduce:before {
  content: "\e611";
}
/*放大*/
.ion-my-add:before {
  content: "\e601";
}
/*餐厅*/
.ion-my-restaurant:before {
  content: "\e61a";
}
/*铅笔记录*/
.ion-my-cycle-pancle:before {
  content: "\e632";
}
/*￥元*/
.ion-my-cycle-yuan:before {
  content: "\e633";
}
/*购物篮*/
.ion-my-shopping-basket:before {
  content: "\e621";
}
/*ATM*/
.ion-my-atm:before {
  content: "\e8f7";
}
/*警报*/
.ion-my-alarm:before {
  content: "\e611";
}
/*出口*/
.ion-my-exit:before {
  content: "\e602";
}
/*娱乐*/
.ion-my-mic:before {
  content: "\e7f1";
}
/*洗手间*/
.ion-my-wc:before {
  content: "\e6e4";
}
/*404*/
.ion-my-404:before {
  content: "\e60f";
}
/*过滤*/
.ion-my-filter:before {
  content: "\e75e";
}
/*加关注*/
.ion-my-fav:before {
  content: "\e65e";
}
/*朋友圈*/
.ion-my-pengyouquan:before {
  content: "\e61b";
}
/*大图列表*/
.ion-my-datulie:before {
  content: "\e639";
}
/*小图列表*/
.ion-my-xiaotulie:before {
  content: "\e624";
}
/*播放*/
.ion-my-play:before {
  content: "\e6c8";
}
/*客服*/
.ion-my-kefu:before {
  content: "\e62d";
}
/*客服(细图标)*/
.ion-my-kefu2:before {
  content: "\e610";
}
/*word文档*/
.ion-my-word:before {
  content: "\edd5";
  color: #2a5699;
}
/*excel文档*/
.ion-my-excel:before {
  content: "\e604";
  color: #1f7246;
}
/*PPT文档*/
.ion-my-ppt:before {
  content: "\e63a";
  color: #d04626;
}
/*PDF文档*/
.ion-my-pdf:before {
  content: "\e740";
  color: #ee0013;
}
/*zip文件*/
.ion-my-zip:before {
  content: "\e634";
  color: #3cabf1;
}
/*rar文件*/
.ion-my-rar:before {
  content: "\e620";
  color: #3cabf1;
}
/*学士帽*/
.ion-my-course:before {
  content: "\e64d";
}
/*小程序*/
.ion-my-xiaochengxu:before {
  content: "\e73f";
}
/*小程序2*/
.ion-my-xiaochengxu-full:before {
  content: "\e63b";
}
/*分销*/
.ion-my-fenxiao:before {
  content: "\e783";
}
/*鼠标指针*/
.ion-my-pointer:before {
  content: "\e781";
}
/*鼠标指针*/
.ion-my-pen:before {
  content: "\e603";
}
/*橡皮擦*/
.ion-my-eraser:before {
  content: "\e605";
}
/*商品购物袋*/
.ion-my-goods:before {
  content: "\e641";
}
/*富文本*/
.ion-my-text:before {
  content: "\e600";
}
/*卡片选择*/
.ion-my-cards:before {
  content: "\e618";
}
/*多张图片*/
.ion-my-images:before {
  content: "\e6d3";
}
/*页面*/
.ion-my-pages:before {
  content: "\e61f";
}
/*隐藏列*/
.ion-my-hide-list:before {
  content: "\e727";
}
/*显示列*/
.ion-my-show-list:before {
  content: "\e728";
}

html,
body {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  overflow: hidden;
}
.app-main {
  width: 100%;
  height: 100%;
}

.item[data-v-4f15e142] {
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.04);
  width: 120px;
  height: 160px;
  margin: 10px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}
.item.select_item[data-v-4f15e142] {
  border: 2px solid red;
}
.item.disabled[data-v-4f15e142] {
  cursor: not-allowed;
}
.item.select_item[data-v-4f15e142]::before {
  content: '\2713';
  position: absolute;
  bottom: -3px;
  right: 1px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  z-index: 3;
}
.item.select_item[data-v-4f15e142]::after {
  content: '';
  position: absolute;
  bottom: -16px;
  right: -16px;
  width: 0;
  height: 0;
  border-width: 16px;
  border-color: transparent transparent transparent red;
  border-style: solid;
  transform: rotate(45deg);
}
.item .content .img_wrapper[data-v-4f15e142] {
  position: relative;
  height: 120px;
}
.item .content .img_wrapper .img_mask[data-v-4f15e142] {
  position: absolute;
  width: 100%;
  height: 120px;
  left: 0;
  top: 0;
  background: transparent;
  z-index: 2;
}
.item .content .img_wrapper .img[data-v-4f15e142] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 116px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
.item .content .img_wrapper .video_default[data-v-4f15e142] {
  background: #000;
}
.item .content .edit_remark_wrapper[data-v-4f15e142] {
  text-align: center;
  padding: 4px;
  height: 30px;
  line-height: 30px;
}
.item .content .edit_remark_wrapper .create_remark_tip[data-v-4f15e142] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .content .edit_remark_wrapper .edit_remark[data-v-4f15e142] {
  display: flex;
}
.item .mask[data-v-4f15e142] {
  position: absolute;
  top: -10px;
  right: -12px;
  display: flex;
  flex-direction: column;
  z-index: 3;
}
.item .mask .close[data-v-4f15e142] {
  cursor: pointer;
  display: none;
  font-size: 24px;
  color: orangered;
  background: #fff;
  border-radius: 100%;
  margin-bottom: 10px;
}
.item .mask .view[data-v-4f15e142],
.item .mask .play[data-v-4f15e142] {
  cursor: pointer;
  display: none;
  font-size: 24px;
  color: #2d8cf0;
  background: #fff;
  border-radius: 100%;
}
.item .mask .checked-icon[data-v-4f15e142] {
  color: #ddd;
  display: block;
}
.item:hover .close[data-v-4f15e142] {
  display: inline-block;
}
.item:hover .view[data-v-4f15e142] {
  display: inline-block;
}
.item:hover .play[data-v-4f15e142] {
  display: inline-block;
}
.item[data-v-4f15e142]:hover {
  box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.05);
}

.item .common_btn {
  padding: 0;
}
.item .ivu-tooltip-rel {
  display: inline-block;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item .ivu-icon-md-create {
  padding-bottom: 8px;
}
.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.material-list .material-header[data-v-abc82064] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.material-list .material-header .search[data-v-abc82064] {
  width: 200px;
}
.material-list .common_divider[data-v-abc82064] {
  margin: 10px 0;
}
.material-list .material-content .material-sort[data-v-abc82064] {
  text-align: left;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
}
.material-list .material-content .material-sort .material-sort_item[data-v-abc82064],
.material-list .material-content .material-sort .create-cat[data-v-abc82064] {
  font-size: 14px;
  margin: 10px 10px 5px 0;
  padding: 8px 20px 8px 10px;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  background: #efefef;
}
.material-list .material-content .material-sort .material-sort_item.current[data-v-abc82064],
.material-list .material-content .material-sort .create-cat.current[data-v-abc82064] {
  color: #fff;
  background: #2d8cf0;
}
.material-list .material-content .material-sort .material-sort_item .edit-box[data-v-abc82064],
.material-list .material-content .material-sort .create-cat .edit-box[data-v-abc82064] {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translateY(-50%);
  flex-direction: column;
}
.material-list .material-content .material-sort .material-sort_item .edit-box .ivu-icon[data-v-abc82064],
.material-list .material-content .material-sort .create-cat .edit-box .ivu-icon[data-v-abc82064] {
  border: 1px solid #fff;
  border-radius: 100%;
  background-color: #fff;
}
.material-list .material-content .material-sort .material-sort_item .edit-cat-icon[data-v-abc82064],
.material-list .material-content .material-sort .create-cat .edit-cat-icon[data-v-abc82064] {
  margin: 1px 0px;
}
.material-list .material-content .material-sort .material-sort_item .remove-cat-icon[data-v-abc82064],
.material-list .material-content .material-sort .create-cat .remove-cat-icon[data-v-abc82064] {
  margin: 1px 0px;
}
.material-list .material-content .material-sort .material-sort_item .add-cat-icon[data-v-abc82064],
.material-list .material-content .material-sort .create-cat .add-cat-icon[data-v-abc82064] {
  margin: 1px 0px;
}
.material-list .material-content .material-sort .material-sort_item[data-v-abc82064]:hover {
  box-shadow: 2px 2px 5px #ccc;
}
.material-list .material-content .material-sort .material-sort_item:hover .edit-box[data-v-abc82064] {
  display: block;
  color: #50596D;
}
.material-list .material-content .material-sort .material-sort_item:hover .edit-box .ivu-icon[data-v-abc82064] {
  box-shadow: 0px 0px 3px #ccc;
}
.material-list .material-content .material-sort .sub-sort-item[data-v-abc82064] {
  font-size: 14px;
  margin: 10px 10px 5px 0;
  margin-left: 20px;
  padding: 8px 20px 8px 10px;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  background: #efefef;
}
.material-list .material-content .material-sort .sub-sort-item.current[data-v-abc82064] {
  color: #fff;
  background: #2d8cf0;
}
.material-list .material-content .material-sort .sub-sort-item .edit-box[data-v-abc82064] {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translateY(-50%);
  flex-direction: column;
}
.material-list .material-content .material-sort .sub-sort-item .edit-box .ivu-icon[data-v-abc82064] {
  background-color: #fff;
}
.material-list .material-content .material-sort .sub-sort-item .edit-cat-icon[data-v-abc82064] {
  margin: 1px 0px;
}
.material-list .material-content .material-sort .sub-sort-item .remove-cat-icon[data-v-abc82064] {
  margin: 1px 0px;
}
.material-list .material-content .material-sort .sub-sort-item .add-cat-icon[data-v-abc82064] {
  margin: 1px 0px;
}
.material-list .material-content .material-sort .sub-sort-item[data-v-abc82064]:hover {
  box-shadow: 2px 2px 5px #ccc;
}
.material-list .material-content .material-sort .sub-sort-item:hover .edit-box[data-v-abc82064] {
  display: block;
  color: #50596D;
}
.material-list .material-content .material-sort .sub-sort-item:hover .edit-box .ivu-icon[data-v-abc82064] {
  background-color: #fff;
}
.material-list .material-content .material-sort .sub-sort-item[data-v-abc82064]:before {
  content: '';
  display: block;
  border: 1px solid #ccc;
  position: absolute;
  top: -5px;
  left: -10px;
  width: 100%;
  height: calc(100% + 10px);
  border-top: 0 none;
  border-right: 0 none;
  transform: translateY(-50%);
  z-index: -1;
}
.material-list .material-content .material-sort .create-cat[data-v-abc82064] {
  background: #2d8cf0;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
}
.material-list .material-content .material-sort .create-cat-content[data-v-abc82064] {
  padding: 5px;
}
.material-list .material-content .material-details[data-v-abc82064] {
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  border: 1px solid #eee;
}
.material-list .material-content .material-details .material-inner .list[data-v-abc82064] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.material-list .material-content .material-details .material-inner .list .progress-bg[data-v-abc82064] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: 2px solid rgba(0, 0, 0, 0.04);
  width: 120px;
  height: 160px;
  margin: 10px;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}
@media screen and (max-width: 1400px) {
.material-list .material-content .material-sort[data-v-abc82064] {
    height: 300px;
}
.material-list .material-content .material-details[data-v-abc82064] {
    height: 300px;
}
}
.cat-tree-area .ivu-tree-title[data-v-abc82064] {
  width: 100%;
  padding: 5px 10px;
  background-color: #efefef;
}
.cat-tree-area .ivu-tree-title-selected[data-v-abc82064] {
  background-color: #2F8CEE;
}

.material-list .ivu-input-icon {
  right: 50px;
}

.optional-area {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #efefef;
  margin-bottom: 10px;
  margin-right: 10px;
}
.optional-area .optional-tip {
  border-radius: 100px;
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
}
.optional-area .optional-content {
  padding: 18px 10px;
  padding-bottom: 0px;
}
.optional-area .ivu-form-item .ivu-form-item-content {
  line-height: 25px;
}

.optional-item-area {
  padding: 5px;
}
.optional-item-area .optional-item-cont {
  display: flex;
}
.optional-item-area .optional-item-cont .optional-item {
  flex: 1;
}
.optional-item-area .optional-item-detail {
  margin: 0px 20px;
  border: 1px solid #dcdee2;
  padding: 10px;
  padding-bottom: 0px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.optional-item-area .optional-item-detail .optional-item-title {
  margin-bottom: 10px;
  font-size: 12px;
}
.optional-item-area .optional-item-detail .optional-detail-cont {
  transform: scale(0.9);
  transform-origin: left center;
}
.optional-item-area .optional-item-detail .optional-detail-cont.clear {
  transform: unset;
  transform-origin: unset;
}
.optional-item-area .optional-item-detail .optional-detail-cont .ivu-form-item-label {
  color: #333;
  font-weight: bold;
}

.data-select-area .full-select {
  width: 100%;
  max-width: unset;
}


.custom-input-box .showWordLimitClass .ivu-input {
  padding-right: 46px;
}
.custom-input-box .clearableClass .ivu-input {
  padding-right: 25px;
}
.custom-input-box textarea.ivu-input {
  height: 100%;
}

.custom-form-item.right .ivu-form-item-error-tip {
  position: absolute;
  top: 50%;
  left: 100%;
  line-height: 1;
  color: #ed4014;
  word-break: break-all;
  white-space: nowrap;
  transform: translateY(-50%);
  padding-top: 0;
}

.date-picker-box .date-picker[data-v-c5d81c22] {
  width: 220px;
}
.date-picker-box .date-picker.daterange[data-v-c5d81c22],
.date-picker-box .date-picker.datetimerange[data-v-c5d81c22] {
  width: 334px;
}

.date_select[data-v-3a97715c] {
  display: flex;
  align-items: center;
}
.date_select .split[data-v-3a97715c] {
  display: inline-block;
  margin: 0 10px;
}
.date_select .basic_select[data-v-3a97715c] {
  width: 210px;
}
.date_select .btn-group[data-v-3a97715c] {
  margin-left: 5px;
  display: flex;
}

.edit-select.ellipsis[data-v-c3a25438] {
  max-height: 500px;
  overflow-y: scroll;
  display: block !important;
}

.custom-search-form .ivu-input-group .ivu-input-group-prepend {
  width: auto;
}
.custom-search-form .ivu-select-selection {
  padding: 0 5px;
}