@font-face {
    font-family: 'iconfont';
    /* project id 1565580 */
    src: url('//at.alicdn.com/t/font_1565580_opltik5yjr.eot');
    src: url('//at.alicdn.com/t/font_1565580_opltik5yjr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1565580_opltik5yjr.woff2') format('woff2'), url('//at.alicdn.com/t/font_1565580_opltik5yjr.woff') format('woff'), url('//at.alicdn.com/t/font_1565580_opltik5yjr.ttf') format('truetype'), url('//at.alicdn.com/t/font_1565580_opltik5yjr.svg#iconfont') format('svg');
  }
  @font-face {
    font-family: "UUS";
    src: url(/css/UUS-Bold.ttf);
  }
  * {
    margin: 0;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  a:hover {
    text-decoration: none;
    color: #07c160;
  }
  p {
    margin-bottom: 0;
  }
  .icon {
    font-family: "iconfont" !important;
    font-size: 22px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
  }
  .hot::before {
    content: "\E65F";
    color: #f40;
    position: absolute;
    left: 7px;
    font-size: 14px;
  }
  .icon-picture::before {
    content: "\E68A";
  }
  .icon-search::before {
    content: "\E650";
    color: #aaa;
  }
  .icon-split::before {
    content: "\E65B";
  }
  .icon-notice::before {
    content: "\E66B";
    color: #ff6c00;
  }
  .icon-notice2::before {
    content: "\E64B";
  }
  .icon-money::before {
    content: "\E626";
  }
  .icon-myAccount::before {
    content: '\E628';
  }
  .icon-single::before {
    content: "\E62B";
  }
  .icon-wechat::before {
    content: "\E615" !important;
    color: #07c160;
  }
  .icon-kefu::before {
    content: "\E640" !important;
    color: #409eff;
  }
  .icon-paylist::before {
    content: "\E64A";
    font-weight: 600;
  }
  .icon-tuijian::before {
    content: "\E643";
  }
  .icon-system::before {
    content: "\E63A" !important;
  }
  .icon-home::before {
    content: "\E6D1" !important;
  }
  .icon-setting::before {
    content: "\E65E" !important;
  }
  .icon-yingyong::before {
    content: "\E6D2" !important;
  }
  .icon-nopass::before {
    content: "\E631";
    color: #f77814;
  }
  .icon-pass:before {
    content: "\E62C";
    color: #25af96;
  }
  .icon-miniprogram::before {
    content: "\E63C";
  }
  .icon-pic::before {
    content: "\E70A";
  }
  .icon-pictext::before {
    content: "\E658";
  }
  .icon-close::before {
    content: "\E6D0";
  }
  .icon-write::before {
    content: "\E6C3" !important;
  }
  .icon-power::before {
    content: "\E6D4" !important;
    color: red;
  }
  .icon-user::before {
    content: "\E6D3" !important;
  }
  .icon-active::before {
    content: "\E6C7" !important;
  }
  .icon-male::before {
    content: "\E6D6" !important;
    color: #409eff;
    font-size: 28px;
  }
  .icon-female::before {
    content: "\E6D5" !important;
    color: #de33bc;
    font-size: 28px;
  }
  .icon-zhedie::before {
    content: "\E6D7" !important;
    font-size: 16px;
    vertical-align: middle;
    color: #ccc;
  }
  .icon-black::before {
    content: "\E6DA" !important;
  }
  .icon-deblack::before {
    content: "\E6DA" !important;
    color: #FF4F64;
  }
  .icon-detail::before {
    content: "\E6D8" !important;
  }
  .icon-guiji::before {
    content: "\E6DB" !important;
  }
  .icon-account::before {
    content: "\E603" !important;
  }
  .icon-shopCar::before {
    content: "\E6DC" !important;
  }
  .icon-data::before {
    content: "\E7EE" !important;
  }
  .icon-paused::before {
    content: "\E645" !important;
  }
  .icon-stop::before {
    content: "\E6DE" !important;
  }
  .icon-copy::before {
    content: "\E61F" !important;
  }
  .icon-del::before {
    content: "\E613" !important;
  }
  .icon-warning::before {
    content: "\E622" !important;
    color: #ff2c4d;
  }
  .icon-message::before {
    content: "\E743" !important;
  }
  .icon-app::before {
    content: "" !important;
    background-image: url("{{env('APP_URL')}}/images/icon-app.png");
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
  }
  .icon-haoyou::before {
    content: "\E675" !important;
  }
  .icon-wenhao::before {
    content: "\E6C6" !important;
    color: #999;
    font-size: 18px;
  }
  .icon-offical::before {
    content: "\E7BB" !important;
  }
  .icon-help::before {
    content: "\E6C6" !important;
  }
  .icon-tongzhi::before {
    content: "\E62D" !important;
  }
  .icon-layout::before {
    content: "\E6D4" !important;
    color: red;
  }
  .icon-addfriend::before {
    content: "\E7AA" !important;
  }
  .icon-back::before {
    content: "\E610" !important;
  }
  .icon-check2::before {
    content: "\E62A" !important;
  }
  .icon-guanli::before {
    content: "\E60F" !important;
  }
  .icon-unbind::before {
    content: "\E612" !important;
  }
  .icon-off::before {
    content: "\E655" !important;
  }
  .icon-prev::before {
    content: "\E601" !important;
  }
  .icon-next::before {
    content: "\E6BD" !important;
  }
  .icon-empty::before {
    content: "\E695" !important;
  }
  .icon-mobile-me::before {
    content: "\E632";
    color: #c5c5d1;
  }
  .icon-mobile-kf::before {
    content: "\E682";
    color: #c5c5d1;
  }
  .icon-mobile-order::before {
    content: "\E692";
    color: #c5c5d1;
  }
  .icon-officialCount::before {
    content: "\E68D";
    color: #07c160;
  }
  .icon-star::before{
    content:"\e673";
    color:#e6c23a;
  }
  .icon-weixin2::before{
    content:"\e660"
  }
  .icon-yingxiao::before {
    color: #07c160;
    content: "\E65B";
  }
  .icon-hot::before {
    content: "\E657";
    border-radius: 3px;
    overflow: hidden;
    color: #f40;
    background: #fff;
  }
  @font-face {
    font-family: "helvetica-light";
    src: url("/css/helvetica-light.otf");
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: url("/css/HelveticaNeueMed.ttf");
  }
  @font-face {
    font-family: "din";
    src: url("/css/DIN1451.ttf");
  }
  html,
  body {
    width: 100%;
    margin: 0;
    font-size: 14px;
    min-width: 1400px;
    color: #353535;
    /* font-family:Helvetica,,"Arial","helvetica-light", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB","宋体", "Microsoft YaHei UI", "Microsoft YaHei", "Arial", "sans-serif" !important; */
    font-family: Helvetica, Tahoma, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif !important;
  }
  ul,
  ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  button {
    outline: none;
    cursor: pointer;
  }




  .pointer {
    cursor: pointer;
  }
  
  /* .el-message-box__content{
                  padding:10px 0;
              } */
  .el-message-box__btns {
    text-align: center;
  }


  .toOffical {
    display: block;
    height: 40px;
    width: 160px;
    border: 1px solid #ddd;
    margin-left: 50%;
    text-align: center;
    transform: translateX(-50%);
    line-height: 40px;
    margin-bottom: 50px;
    border-radius: 3px;
    color: #999;
  }
  .tip-title {
    border-bottom: 1px solid #e7e7eb;
    height: 40px;
    line-height: 40px;
    font-weight: bolder;
    font-size: 16px;
  }
  .tip-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 30px;
    text-align: center;
  }
  #menu .el-dialog__header {
    border-bottom: 1px solid #E7e7eb;
  }
  .fr {
    float: right;
  }
  .ml30 {
    margin-left: 30px;
  }
  .fs24 {
    font-size: 24px !important;
  }
  .fs14 {
    font-size: 14px;
  }
  .mr30 {
    margin-right: 30px;
  }
  .mr10 {
    margin-right: 10px;
  }
  .flex1 {
    flex: 1;
  }
  .text-right {
    text-align: right;
  }
  .fs12 {
    font-size: 12px;
  }
  .fs18 {
    font-size: 18px;
  }
  .tl {
    text-align: left;
  }
  .grey {
    color: #999;
  }
  .tabCheck {
    color: #07c160;
    position: relative;
  }
  .tabCheck::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #07c160;
  }
  .flex {
    display: flex !important;
  }
  .text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tab {
    margin-top: 20px;
    border-bottom: 1px solid #e7e7eb;
    height: 30px;
    padding-left: 0;
    font-size: 18px;
  }
  .tab li {
    float: left;
    margin-right: 30px;
    height: 100%;
    cursor: pointer;
  }
  .tab li a {
    color: inherit;
  }
  .tab li a:hover {
    color: #07c160;
  }
  h3 {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: normal;
  }
  [v-cloak] {
    display: none !important;
  }
  .tabCheck {
    color: #07c160;
    position: relative;
  }
  .tabCheck::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #07c160;
  }
  .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-column {
    flex-direction: column;
  }
  .icon-tips::before {
    content: "\E60B" !important;
    vertical-align: text-bottom;
    font-size: 20px;
  }
  .icon-edit::before {
    content: "\E638" !important;
  }
  .icon-employ::before {
    content: "\E602" !important;
  }
  .icon-create::before {
    content: "\E62E" !important;
  }
  .icon-coupon::before {
    content: "\E62F" !important;
  }
  .icon-accountinfo::before {
    content: "\E6E8" !important;
  }
  .icon-readme::before {
    content: "\E619" !important;
  }
  .userInfo .icon {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 22px;
    color: #999;
  }
  .userInfo > li {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .userInfo li:first-of-type:hover {
    box-shadow: 0 -5px 10px -3px #444;
  }
  .svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
  .appSvgIcon {
    height: 22px;
    width: 22px;
    position: absolute;
    left: 50px;
    top: 8px;
  }
  .myapp {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
  }
  .pagination {
    display: flex;
    min-width: 300px;
    align-items: center;
    height: 36px;
  }
  .pagination .prevPage,
  .pagination .nextPage {
    width: 36px;
    height: 36px;
    border: 1px solid #e7e7eb;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    cursor: pointer;
    margin: 0 10px;
  }
  .pagination .inputPage {
    width: 60px;
    overflow: hidden;
    text-align: center;
    border: none;
    height: 36px;
    bordeR: 1px solid #e7e7eb;
    border-radius: 3px;
    margin: 0 10px;
    /* 火狐 */
    -moz-appearance: textfield;
  }
  /* 谷歌 */
  .pagination .inputPage::-webkit-outer-spin-button,
  .pagination .inputPage::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
  }
  .pagination .changePage {
    height: 36px;
    padding: 0 20px;
    border: none;
    border: 1px solid #e7e7eb;
    border-radius: 3px;
  }
  .pageActive:hover {
    color: #444;
  }
  .mt20 {
    margin-top: 20px;
  }
  .white {
    color: #fff;
  }
  .white:hover {
    color: #fff;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  /*自动填入后的背景颜色*/
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
  }
  input:-internal-autofill-selected {
    background: none !important;
  }
  .blue {
    color: #409eff;
  }
  .renew {
    display: inline-block;
    /* background: red; */
    color: #409eff;
    width: 40px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    text-align: center;
  }
  /*确认操作的弹框*/
  .confirm-operate {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e7e7eb;
  }
  .text-indent {
    text-indent: 10px;
  }
  /*图片上传模块*/
  .uploadImageBox {
    width: 160px;
    height: 160px;
    position: relative;
  }
  .headerImg {
    width: 160px;
    height: 160px;
    -o-object-fit: contain;
       object-fit: contain;
    bordeR: 1px solid #e7e7eb;
  }
  .haspic:hover .pic-mask {
    display: flex;
  }
  .pic-mask {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    color: #fff;
    justify-content: center;
  }
  .pic-mask span {
    cursor: pointer;
  }
  .nopic {
    width: 160px;
    height: 160px;
    border: 1px dashed #e7e7eb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #999;
    cursor: pointer;
  }
  .nopic .ten span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #999;
    position: absolute;
  }
  .nopic .ten span {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .nopic .ten span:first-of-type {
    transform: translate(-50%, 0) rotateZ(90deg);
  }
  .nopic .tip p {
    height: 25px;
  }
  .simditor-body * {
    font-size: 14px;
  }
  /*elTab下划线*/
  .el-tabs__nav-wrap::after {
    height: 1px;
  }
  /*el-tab文字加粗取消*/
  .el-tabs__item {
    font-weight: normal !important;
  }
  /*面包屑去除下划线*/
  .common-page-breadcrumb .el-breadcrumb {
    border-bottom: none !important;
  }
  /*面包屑文字颜色*/
  .el-breadcrumb__inner a {
    color: #07c160 !important;
  }
  .browser-warn {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff0f0;
    border-top: 1px solid #ff6666;
    border-bottom: 1px solid #ff6666;
    color: #ff0000;
    z-index: 999;
  }
  .browser-warn .close-warn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 100px;
    top: 3px;
    cursor: pointer;
  }
  
  body > .content-wrapper {
    flex: 1;
    padding-top: 0;
    display: flex;
    background: #f6f8f9;
    box-sizing: border-box;
    height:calc(100vh - 80px);
    overflow:hidden;
    display:flex;
  }
  body > .content-wrapper .content {
    /* margin-top: 30px; */
    /* margin-left: 30px; */
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
    /* padding-right: 30px; */
    padding:30px;
    flex: 1;
  }
  .content::-webkit-scrollbar {
    display: none;
  }
  .tabCheck::after {
    height: 2px !important;
  }
  .app-popver {
    -webkit-animation: popverShow 0.2s ease-out;
            animation: popverShow 0.2s ease-out;
  }
  @-webkit-keyframes popverShow {
    0% {
      opacity: 0;
      transform: scale(0.9);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes popverShow {
    0% {
      opacity: 0;
      transform: scale(0.9);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  .app-popver > dt {
    border-bottom: 1px solid #e7e7eb;
    height: 40px;
    line-height: 40px;
    display: flex;
    font-weight: normal;
    /* margin-bottom:10px; */
    color: #aaa;
  }
  .app-popver dd {
    height: 40px;
    line-height: 40px;
    display: flex;
    margin: 0;
  }
  .simditor-body p:empty {
    line-height: 22px;
    height: 22px;
  }
  .simditor-toolbar {
    width: 100% !important;
  }
.status-dot::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #07c160;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.status-dot.red::before {
  background: #F26D6D;
}

.status-dot.blue::before {
  background: #409eff;
}

.status-dot.info::before {
  background: #9CA3AF;
}

.status-dot.orange::before {
  background: #F99B16;
}

.pad {
  position: relative;
  padding: 0 15px;
}

.dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #07c160;
  position: absolute;
  left: -10px;
  top: 6px;
}
  .simditor-body{
    min-height: 160px !important;
    overflow-y:scroll;
  }