@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* Element Chalk Variables */
/*
 * PICC 设计规范
 * PICC 设计规范自定义主题 变量
*/
/*
 *
 ===================== PICC 颜色分类 ==========================
 *
*/
/*
 * 按照element ui的设计风格来说，Alert部分背景颜色和文字颜色选用 100和500;
 *
=================== PICC  辅助色 ================== */
/*
   *
   ===================== PICC Font family ==========================
   *
  */
/*
 *
 ===================== PICC Notice -> Message ==========================
 *
*/
/*
 *
 ===================== PICC Notice -> Message ==========================
 *
*/
/*
 *
 ===================== PICC Notice -> MessageBox ==========================
 *
*/
/*
 *
 ===================== PICC Result Page ==========================
 *
*/
/*
 *
 ===================== PICC padding vairables ==========================
 *
*/
/* Transition
-------------------------- */
/*
 *
 ===================== PICC Notice -> MessageBox ==========================
 *
*/
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/*disabled*/
/*$--color-text-regular*/
/*$--border-radius-small*/
/*$--border-color-base*/
/*#edf2fc*/
/*$--color-text-placeholder*/
/*$--border-color-extra-light*/
/*$--border-color-base*/
/*$--color-text-placeholder*/
/*$--color-primary*/
/*$--color-primary*/
/*$--color-primary*/
/*$--color-primary*/
/* Radio
-------------------------- */
/*disabled*/
/*$--color-text-regular*/
/*14px*/
/*14px*/
/*$--border-base*/
/*$--border-color-base*/
/*$--disabled-border-base*/
/*$--disabled-fill-base*/
/*$--disabled-fill-base*/
/*$--disabled-border-base 渐变色需覆盖*/
/*$--disabled-fill-base*/
/*$--color-text-placeholder*/
/*$--color-primary*/
/*$--color-primary*/
/*$--color-primary*/
/*$--color-primary*/
/* Select
-------------------------- */
/*$--border-color-hover*/
/*$--disabled-border-base*/
/*$--color-text-placeholder*/
/*$--color-primary*/
/*$--color-text-regular*/
/*$--background-color-base*/
/*$--color-primary*/
/*$--background-color-base*/
/*274px*/
/*
 * PICC Notice -> Alert
*/
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* $--color-text-regular: #606266 !default; */
/* 40px */
/* $--border-base */
/* $--border-color-base */
/* $--border-color-hover */
/*$--color-text-placeholder*/
/*$--color-text-placeholder*/
/*$--border-color-hover*/
/*$--color-text-secondary*/
/*$--color-primary*/
/*$--disabled-fill-base*/
/*$--disabled-border-base*/
/*$--disabled-color-base*/
/*$--color-text-placeholder*/
/* Cascader
-------------------------- */
/*$--color-text-regular*/
/*$--color-primary*/
/*$--border-color-light*/
/* $--cascader-node-background-hover 需要加0.1透明度 */
/*$--background-color-base*/
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/*$--color-text-regular*/
/*$--color-text-placeholder*/
/*$--color-text-regular*/
/*$--color-text-primary*/
/*$--color-primary*/
/*$--color-primary*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
:export {
  menuText: #bfcbd9;
  menuActiveText: #409EFF;
  subMenuActiveText: #f4f4f5;
  menuBg: #304156;
  menuHover: #263445;
  subMenuBg: #1f2d3d;
  subMenuHover: #001528;
  sideBarWidth: 142px; }

/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s; }

.fade-enter,
.fade-leave-active {
  opacity: 0; }

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s; }

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px); }

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px); }

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all .5s; }

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px); }

.breadcrumb-move {
  transition: all .5s; }

.breadcrumb-leave-active {
  position: absolute; }

/* --------------------------------------------------- 校验错误指令样式 --------------------------------------------------- */
.picc-input-error-tooltip {
  position: absolute;
  z-index: 3000;
  padding: 16px 20px 16px 40px;
  background: #303133;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  font-size: 12px;
  min-width: 156px;
  max-width: 336px; }
  .picc-input-error-tooltip .tooltip--msg {
    padding: 0px;
    line-height: 20px; }
  .picc-input-error-tooltip .tooltip--icon {
    position: absolute;
    left: 12px;
    top: 16px;
    text-align: center;
    color: #DC402B;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block; }
  .picc-input-error-tooltip .tooltip--arrow {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; }

.picc-inline-textarea .picc-div-editable {
  position: absolute;
  min-height: 32px;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  line-height: 16px;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 12px; }

.picc-inline-textarea.is-error .picc-div-editable {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #FFE4E0;
  border-color: #FFE4E0; }

.picc-inline-textarea:not(.is-error) .picc-div-editable:hover {
  border: 1px solid #234DCC; }

.picc-inline-textarea:not(.is-error) .picc-div-editable.active {
  border: 1px solid #234DCC; }

button.el-button.el-button--primary {
  min-width: 104px;
  height: 32px;
  font-weight: 400;
  padding: 0px 24px;
  border: none;
  background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%); }
  button.el-button.el-button--primary.el-transfer__button {
    line-height: 32px; }
  button.el-button.el-button--primary:not(.el-transfer__button) {
    line-height: 16px; }
  button.el-button.el-button--primary.el-button--mini {
    min-width: 88px;
    height: 28px;
    padding: 0px 16px;
    border: none;
    color: #fff; }
  button.el-button.el-button--primary.is-disabled {
    background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%);
    opacity: .5; }
  button.el-button.el-button--primary:hover:not(.is-disabled) {
    background: linear-gradient(59deg, #38429B 0%, #214CAC 100%); }
  button.el-button.el-button--primary:hover.is-disabled {
    background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%);
    opacity: .5; }
    button.el-button.el-button--primary:hover.is-disabled.is-plain {
      background: none;
      color: #1c61fc;
      border: 1px solid #234DCC; }
  button.el-button.el-button--primary:active:not(.is-disabled) {
    background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%); }
  button.el-button.el-button--primary.is-plain {
    color: #1c61fc;
    background: none;
    border: 1px solid #234DCC; }
    button.el-button.el-button--primary.is-plain:hover:not(.is-disabled) {
      background: linear-gradient(59deg, #eceefd 0%, #eaeffe 100%); }
    button.el-button.el-button--primary.is-plain:active:not(.is-disabled) {
      background: none; }

button.el-button.picc-button-bottom {
  border-radius: 0;
  min-width: 104px;
  height: 56px; }

button.el-button.el-button--default.picc-button--icon {
  border: none;
  color: #1c61fc;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent; }
  button.el-button.el-button--default.picc-button--icon i {
    font-size: 14px; }
  button.el-button.el-button--default.picc-button--icon.is-disabled {
    color: #c1c2ca; }
  button.el-button.el-button--default.picc-button--icon:not(.is-disabled):hover {
    background-color: transparent;
    color: #2f377f; }
  button.el-button.el-button--default.picc-button--icon:not(.is-disabled):active, button.el-button.el-button--default.picc-button--icon:not(.is-disabled):focus {
    color: #1c61fc; }

button.el-button.el-button--text {
  padding: 0;
  line-height: 16px;
  color: #1c61fc;
  border: 0; }
  button.el-button.el-button--text:not(.is-disabled):hover {
    color: #2a47a5; }
  button.el-button.el-button--text:not(.is-disabled):active, button.el-button.el-button--text:not(.is-disabled):focus {
    color: #1c61fc; }
  button.el-button.el-button--text.is-disabled {
    color: #909199; }

/*
  =================== PICC Table列表样式 ==================
*/
.picc-table.el-table--border.picc-table-readonly {
  border-color: #e2e2e2;
  border-bottom: 1px solid #e2e2e2; }
  .picc-table.el-table--border.picc-table-readonly:after {
    background-color: #e2e2e2; }
  .picc-table.el-table--border.picc-table-readonly:before {
    background-color: inherit; }
  .picc-table.el-table--border.picc-table-readonly th {
    border-top: 0; }

.picc-table.el-table--border.picc-table-selectable {
  border-color: #e2e2e2;
  border-bottom: 1px solid #e2e2e2; }
  .picc-table.el-table--border.picc-table-selectable:after {
    background-color: #e2e2e2; }
  .picc-table.el-table--border.picc-table-selectable:before {
    background-color: inherit; }
  .picc-table.el-table--border.picc-table-selectable th {
    border-top: 0; }

.picc-table.el-table--border.picc-table-card-mode.el-table--enable-row-transition {
  border: 0; }
  .picc-table.el-table--border.picc-table-card-mode.el-table--enable-row-transition:before {
    background-color: inherit; }
  .picc-table.el-table--border.picc-table-card-mode.el-table--enable-row-transition::after {
    background-color: initial; }

.picc-table.el-table--border.picc-table-card-mode:not(.el-table--enable-row-transition) {
  border: 0; }
  .picc-table.el-table--border.picc-table-card-mode:not(.el-table--enable-row-transition) th:first-child {
    border-top-left-radius: 4px; }
  .picc-table.el-table--border.picc-table-card-mode:not(.el-table--enable-row-transition) th:nth-last-child(2) {
    border-top-right-radius: 4px; }
  .picc-table.el-table--border.picc-table-card-mode:not(.el-table--enable-row-transition)::before {
    background-color: initial; }
  .picc-table.el-table--border.picc-table-card-mode:not(.el-table--enable-row-transition)::after {
    background-color: initial; }
  .picc-table.el-table--border.picc-table-card-mode:not(.el-table--enable-row-transition) .el-table__empty-block {
    border: 1px solid #cdcdcd;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.picc-table.el-table--border.picc-table-1st-col-icon {
  border-color: #e2e2e2;
  border-bottom: 1px solid #e2e2e2; }
  .picc-table.el-table--border.picc-table-1st-col-icon:after {
    background-color: #e2e2e2; }
  .picc-table.el-table--border.picc-table-1st-col-icon:before {
    background-color: inherit; }
  .picc-table.el-table--border.picc-table-1st-col-icon th {
    border-top: 0; }

.picc-table:not(.el-table--border).picc-table-readonly:before {
  background-color: #e2e2e2; }

.picc-table:not(.el-table--border).picc-table-readonly th {
  border-top: 1px solid #e2e2e2; }

.picc-table:not(.el-table--border).picc-table-selectable:before {
  background-color: inherit; }

.picc-table:not(.el-table--border).picc-table-selectable.el-table--enable-row-transition tr:last-child td {
  border-bottom: 2px solid #e2e2e2; }

.picc-table:not(.el-table--border).picc-table-card-mode:before {
  background-color: inherit; }

.picc-table:not(.el-table--border).picc-table-1st-col-icon:before {
  background-color: #e2e2e2; }

.picc-table:not(.el-table--border).picc-table-1st-col-icon th {
  border-top: 1px solid #e2e2e2; }

.picc-table .cell {
  color: #292b34;
  padding: 0 10px 0 16px; }

.picc-table .picc-table-rate i {
  margin-right: 0;
  font-size: 16px; }

.picc-table.picc-table-normal td, .picc-table.picc-table-normal th {
  border-bottom: 1px dashed rgba(41, 43, 52, 0.2);
  background-color: #fafafa; }

.picc-table.picc-table-normal th {
  border-top: 1px solid #e2e2e2;
  font-size: 12px;
  padding: 12px 0; }
  .picc-table.picc-table-normal th .cell {
    line-height: 12px; }

.picc-table.picc-table-normal tr:last-child td {
  border-bottom: 0; }

.picc-table.picc-table-selectable tr .cell {
  padding: 0; }

.picc-table.picc-table-selectable tr th .el-checkbox__inner, .picc-table.picc-table-selectable tr td .el-checkbox__inner {
  width: 16px;
  height: 16px; }

.picc-table.picc-table-selectable tr th:first-child .cell, .picc-table.picc-table-selectable tr td:first-child .cell {
  padding: 0 16px 0 24px; }
  .picc-table.picc-table-selectable tr th:first-child .cell .el-checkbox, .picc-table.picc-table-selectable tr td:first-child .cell .el-checkbox {
    padding-left: 0; }

.picc-table.picc-table-selectable tr td:first-child i {
  font-size: 20px;
  vertical-align: text-bottom;
  margin-right: 4px;
  margin-left: -24px; }

.picc-table.picc-table-1st-col-icon tr .cell {
  padding: 0; }

.picc-table.picc-table-1st-col-icon tr th:first-child .cell {
  padding-left: 40px; }

.picc-table.picc-table-1st-col-icon tr td:first-child {
  padding-left: 40px; }
  .picc-table.picc-table-1st-col-icon tr td:first-child .cell {
    overflow: inherit; }
  .picc-table.picc-table-1st-col-icon tr td:first-child i {
    font-size: 20px;
    vertical-align: text-bottom;
    margin-right: 4px;
    margin-left: -24px; }

.picc-table.picc-table-readonly td {
  border-bottom: 1px dashed rgba(41, 43, 52, 0.2); }
  .picc-table.picc-table-readonly td .cell {
    line-height: 20px; }
  .picc-table.picc-table-readonly td p {
    margin: 0; }

.picc-table.picc-table-readonly th {
  background-color: #fafafa;
  border: none; }

.picc-table.picc-table-readonly tr:hover td {
  background: #fff !important; }

.picc-table.picc-table-card-mode tr:not(:last-child) td {
  border-bottom: 1px dashed rgba(41, 43, 52, 0.2); }

.picc-table.picc-table-card-mode tr th {
  background-color: #fafafa;
  border: none;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cdcdcd; }
  .picc-table.picc-table-card-mode tr th:first-child {
    border-top-left-radius: 4px;
    border-left: 1px solid #cdcdcd; }
  .picc-table.picc-table-card-mode tr th:nth-last-child(2) {
    border-top-right-radius: 4px;
    border-right: 1px solid #cdcdcd; }

.picc-table.picc-table-card-mode tr td:first-child {
  border-left: 1px solid #cdcdcd; }

.picc-table.picc-table-card-mode tr td:nth-last-child(1) {
  border-right: 1px solid #cdcdcd; }

.picc-table.picc-table-card-mode tr:last-child td {
  border-bottom: 2px solid #cdcdcd; }
  .picc-table.picc-table-card-mode tr:last-child td:first-child {
    border-bottom-left-radius: 4px; }
  .picc-table.picc-table-card-mode tr:last-child td:nth-last-child(1) {
    border-bottom-right-radius: 4px; }

.picc-table.picc-table-card-mode tr:hover td {
  background: #fff !important; }

.picc-table .picc-table-operation i {
  font-size: 20px;
  vertical-align: middle;
  color: #292b34;
  margin-right: 12px; }

.picc-table .picc-table-operation .el-link {
  font-size: 12px; }

/*标题折行效果*/
/*文本省略 - 多行*/
body {
  margin: 0; }

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

.app-main {
  background: #FAFAFA; }

.picc-container-box {
  padding: 0 24px; }

.picc-container {
  background: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 4px; }

.picc-el-form {
  padding: 12px 2px; }

/*选择支付方式*/
.picc-choose-pay-way {
  width: 100%;
  height: 154px;
  min-height: 154px;
  padding: 15px 0 15px 24px;
  margin: 0; }
  .picc-choose-pay-way li {
    width: 124px;
    height: 124px;
    padding: 24px 0;
    text-align: center;
    margin-right: 16px;
    float: left;
    cursor: pointer; }
    .picc-choose-pay-way li i {
      width: 48px;
      height: 48px;
      display: inline-block;
      margin-bottom: 8px;
      /*margin-bottom: 12px;*/ }
    .picc-choose-pay-way li .el-radio {
      display: block; }

/*内页卡片外标题栏*/
.picc-card-outside-titleBar {
  height: 52px;
  background: #fff;
  font-size: 14px;
  color: #292B34;
  padding: 20px 24px 12px;
  position: relative;
  margin-bottom: 8px; }
  .picc-card-outside-titleBar.changeBg {
    background: rgba(0, 26, 255, 0.3); }
  .picc-card-outside-titleBar .picc-title-area {
    height: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: Microsoft Yahei; }
    .picc-card-outside-titleBar .picc-title-area i {
      width: 4px;
      height: 20px;
      vertical-align: middle;
      display: inline-block;
      margin-right: 8px;
      background: #dc402b; }
    .picc-card-outside-titleBar .picc-title-area span {
      vertical-align: middle;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle; }
  .picc-card-outside-titleBar .picc-operation-area {
    height: 100%;
    padding: 20px 24px 12px 0;
    position: absolute;
    right: 0;
    top: 0; }
    .picc-card-outside-titleBar .picc-operation-area span {
      height: 20px;
      line-height: 20px;
      vertical-align: middle;
      min-width: 0px;
      display: inline-block;
      margin-right: 12px;
      color: #909199;
      cursor: pointer; }
      .picc-card-outside-titleBar .picc-operation-area span.picc-operation-primary {
        color: #1C61FC; }
      .picc-card-outside-titleBar .picc-operation-area span.picc-operation-superior i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
        text-align: center; }

/*内页卡片内标题栏*/
.picc-card-inside-titleBar {
  height: 44px;
  background: #EDEEF0;
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  color: #292B34;
  padding: 12px 16px;
  position: relative; }
  .picc-card-inside-titleBar .picc-title-area {
    height: 20px;
    line-height: 20px;
    font-family: Microsoft Yahei; }
  .picc-card-inside-titleBar .picc-operation-area {
    height: 100%;
    line-height: 20px;
    padding: 12px 16px 12px 0;
    position: absolute;
    right: 0;
    top: 0; }
    .picc-card-inside-titleBar .picc-operation-area span {
      height: 20px;
      line-height: 20px;
      vertical-align: middle;
      min-width: 0px;
      display: inline-block;
      margin-left: 12px;
      color: #909199;
      cursor: pointer; }
      .picc-card-inside-titleBar .picc-operation-area span.picc-operation-primary {
        color: #1C61FC; }
      .picc-card-inside-titleBar .picc-operation-area span.picc-operation-superior i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
        text-align: center; }

/*动态增减表单项1：添加卡片*/
.picc-form-card--add {
  margin-top: 12px;
  border: 1px dotted rgba(41, 43, 52, 0.7);
  border-radius: 4px;
  font-size: 14px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  cursor: pointer;
  background: #fff; }
  .picc-form-card--add i {
    color: #234dcc;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    font-weight: 700; }
  .picc-form-card--add span {
    color: #1C61FC; }

/*隐藏显示输入项*/
.picc-form-area-unfold {
  margin-top: -4px;
  position: relative; }
  .picc-form-area-unfold .picc-form-area-unfold--border {
    width: calc(100% - 24px);
    height: 1px;
    position: absolute;
    top: 0;
    left: 12px;
    border-top: 1px dotted rgba(41, 43, 52, 0.4); }
  .picc-form-area-unfold .picc-form-area-unfold--formbox {
    padding: 12px 2px;
    background: #f7f8fe; }
  .picc-form-area-unfold .picc-form-area-unfold--switch {
    height: 36px;
    text-align: center; }

.picc-form-tip {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%; }

/* ---------------------------------------------------------- form 表单 ----------------------------------------------------------- */
.el-form .el-row .el-col {
  padding: 0 6px; }

/* -------------------------- 右侧图标 start-------------------------- */
span.el-input__suffix {
  height: 20px;
  width: 20px;
  line-height: 16px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  margin: 6px 0;
  background: transparent; }
  span.el-input__suffix .el-input__suffix-inner {
    line-height: 16px;
    height: 20px;
    background: transparent; }
    span.el-input__suffix .el-input__suffix-inner .el-input__icon {
      background: transparent;
      line-height: 16px;
      width: 20px;
      opacity: 0.5;
      border-radius: 1px;
      padding: 2px 0; }
      span.el-input__suffix .el-input__suffix-inner .el-input__icon.is-reverse {
        transform: translateY(-2px); }
      span.el-input__suffix .el-input__suffix-inner .el-input__icon.el-icon-arrow-up:before {
        content: "\e78f";
        font-size: 16px; }

.el-select .el-input:not(.is-disabled) .el-input__inner:hover + span.el-input__suffix .el-input__icon, .el-select .el-input:not(.is-disabled) .el-input__inner:focus + span.el-input__suffix .el-input__icon, .el-cascader .el-input:not(.is-disabled) .el-input__inner:hover + span.el-input__suffix .el-input__icon, .el-cascader .el-input:not(.is-disabled) .el-input__inner:focus + span.el-input__suffix .el-input__icon {
  color: #234DCC;
  opacity: 1; }

.el-select .el-input:not(.is-disabled) span.el-input__suffix:hover .el-input__icon, .el-cascader .el-input:not(.is-disabled) span.el-input__suffix:hover .el-input__icon {
  color: #234dcc;
  opacity: 1; }

:not(.el-select):not(.el-cascader) .el-input:not(.is-disabled) .el-input__inner:focus + span.el-input__suffix .el-input__icon {
  color: #234DCC;
  opacity: 1; }

/* -------------------------- 右侧图标 end  -------------------------- */
.el-form-item {
  /* ----------------------------------------- el-form-item 默认的form ----------------------------------------- */
  padding: 10px 8px;
  /* ---------------------------------------- 标题文本 <=6 ---------------------------------------- */
  /* ---------------- form校验-error start     ---------------- */
  /* ---------------- form校验-error end       ---------------- */
  /* ---------------- radio ----------------  */
  /* ---------------- radio ----------------  */
  /* ---------------- 标题折行效果 ---------------- */
  /* ---------------- 带提示说明输入框 ---------------- */ }
  .el-form-item label.el-form-item__label {
    line-height: 16px;
    position: relative;
    padding: 8px 24px 8px 12px;
    color: #292B34;
    font-weight: 400;
    font-family: Microsoft Yahei; }
    .el-form-item label.el-form-item__label:before {
      width: 20px;
      height: 20px;
      line-height: 25px;
      display: inline-block;
      font-size: 14px;
      text-align: center;
      position: absolute;
      right: 0px;
      top: 6px;
      font-weight: 700; }
  .el-form-item:not(.is-error) {
    margin-bottom: 0;
    /* --------------------------------- 输入框 --------------------------------- */ }
    .el-form-item:not(.is-error) .el-form-item__content {
      min-height: 32px;
      line-height: 32px;
      /* el-input--medium 边框渐变以及图标  start */
      /* el-input--medium 边框渐变以及图标  end   */ }
      .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled) {
        /*  popover 弹出框 - start */
        /*  popover 弹出框 - end  */ }
        .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner {
          cursor: pointer; }
          .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner[readonly='readonly']:focus, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner[readonly='readonly']:hover {
            color: #1C61FC;
            border-color: #234dcc; }
            .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner[readonly='readonly']:focus::-webkit-input-placeholder, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner[readonly='readonly']:hover::-webkit-input-placeholder {
              color: #1C61FC; }
            .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner[readonly='readonly']:focus:-ms-input-placeholder, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled).el-popover__reference .el-input__inner[readonly='readonly']:hover:-ms-input-placeholder {
              color: #1C61FC; }
        .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled) .el-input__inner {
          padding: 0 12px;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled) .el-input__inner span.el-input__suffix {
            /*右侧图标*/ }
            .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled) .el-input__inner span.el-input__suffix .el-input__suffix-inner .el-input__icon {
              cursor: pointer; }
        .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):hover.el-popover__reference .el-input__inner[readonly='readonly'], .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):active.el-popover__reference .el-input__inner[readonly='readonly'], .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):focus.el-popover__reference .el-input__inner[readonly='readonly'] {
          color: #1C61FC;
          border-color: #234dcc; }
          .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):hover.el-popover__reference .el-input__inner[readonly='readonly']::-webkit-input-placeholder, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):active.el-popover__reference .el-input__inner[readonly='readonly']::-webkit-input-placeholder, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):focus.el-popover__reference .el-input__inner[readonly='readonly']::-webkit-input-placeholder {
            color: #1C61FC; }
          .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):hover.el-popover__reference .el-input__inner[readonly='readonly']:-ms-input-placeholder, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):active.el-popover__reference .el-input__inner[readonly='readonly']:-ms-input-placeholder, .el-form-item:not(.is-error) .el-form-item__content .el-input:not(.is-disabled):focus.el-popover__reference .el-input__inner[readonly='readonly']:-ms-input-placeholder {
            color: #1C61FC; }
      .el-form-item:not(.is-error) .el-form-item__content .el-input.is-disabled span.el-input__suffix {
        /*右侧图标*/
        background: #DDDDDD; }
        .el-form-item:not(.is-error) .el-form-item__content .el-input.is-disabled span.el-input__suffix .el-input__suffix-inner {
          background: #DDDDDD; }
          .el-form-item:not(.is-error) .el-form-item__content .el-input.is-disabled span.el-input__suffix .el-input__suffix-inner .el-input__icon {
            background: #DDDDDD; }
          .el-form-item:not(.is-error) .el-form-item__content .el-input.is-disabled span.el-input__suffix .el-input__suffix-inner:hover .el-input__icon {
            color: #65677A;
            opacity: 0.5; }
      .el-form-item:not(.is-error) .el-form-item__content .picc-textarea-puretext--slidebar:not(.is-disabled):hover {
        border-color: #234DCC !important;
        background: #fff !important; }
  .el-form-item.is-error {
    margin-bottom: 24px;
    /* 错误信息展示的高度 */ }
    .el-form-item.is-error .el-form-item__content {
      min-height: 32px;
      line-height: 32px; }
      .el-form-item.is-error .el-form-item__content .el-input .el-input__inner {
        padding: 0 12px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #FFE4E0;
        border-color: #FFE4E0; }
        .el-form-item.is-error .el-form-item__content .el-input .el-input__inner:focus {
          border-color: #234DCC;
          background: #fff; }
      .el-form-item.is-error .el-form-item__content .el-form-item__error {
        line-height: 20px;
        height: 20px;
        padding-top: 0;
        top: calc(100% + 10px);
        display: flex;
        width: 100%; }
        .el-form-item.is-error .el-form-item__content .el-form-item__error i {
          cursor: pointer;
          font-size: 12px;
          width: 20px;
          height: 20px;
          display: inline-block;
          line-height: 20px;
          text-align: center; }
        .el-form-item.is-error .el-form-item__content .el-form-item__error span {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          flex: 1;
          font-family: Microsoft Yahei; }
      .el-form-item.is-error .el-form-item__content .el-textarea__inner {
        background: #FFE4E0;
        border-color: #FFE4E0; }
        .el-form-item.is-error .el-form-item__content .el-textarea__inner:focus {
          border-color: #234DCC;
          background: #fff; }
      .el-form-item.is-error .el-form-item__content .picc-textarea-puretext--slidebar {
        background: #FFE4E0 !important;
        border: 1px solid #FFE4E0 !important; }
        .el-form-item.is-error .el-form-item__content .picc-textarea-puretext--slidebar:focus {
          border-color: #234DCC;
          background: #fff; }
        .el-form-item.is-error .el-form-item__content .picc-textarea-puretext--slidebar:hover {
          background: #FFE4E0;
          border-color: #FFE4E0; }
      .el-form-item.is-error .el-form-item__content .picc-btn-input .el-input__inner:not([disabled="disabled"]):hover {
        border-color: #FFE4E0 !important; }
        .el-form-item.is-error .el-form-item__content .picc-btn-input .el-input__inner:not([disabled="disabled"]):hover::-ms-input-placeholder {
          color: #909199; }
        .el-form-item.is-error .el-form-item__content .picc-btn-input .el-input__inner:not([disabled="disabled"]):hover::-webkit-input-placeholder {
          color: #909199; }
    .el-form-item.is-error .el-select .el-input:not(.is-disabled) .el-input__inner:hover + span.el-input__suffix .el-input__icon, .el-form-item.is-error .el-select .el-input:not(.is-disabled) .el-input__inner:focus + span.el-input__suffix .el-input__icon, .el-form-item.is-error .el-cascader .el-input:not(.is-disabled) .el-input__inner:hover + span.el-input__suffix .el-input__icon, .el-form-item.is-error .el-cascader .el-input:not(.is-disabled) .el-input__inner:focus + span.el-input__suffix .el-input__icon {
      color: #65677A;
      opacity: 0.5; }
    .el-form-item.is-error .el-select .el-input:not(.is-disabled) span.el-input__suffix:hover .el-input__icon, .el-form-item.is-error .el-cascader .el-input:not(.is-disabled) span.el-input__suffix:hover .el-input__icon {
      color: #65677A;
      opacity: 0.5; }
    .el-form-item.is-error .el-date-editor .el-input__inner:hover {
      border-color: #FFE4E0 !important; }
    .el-form-item.is-error .el-date-editor.el-input__inner {
      border-color: #FFE4E0;
      background: #FFE4E0; }
      .el-form-item.is-error .el-date-editor.el-input__inner .el-range-input {
        background: #FFE4E0; }
  .el-form-item.is-success {
    margin-bottom: 0px;
    /* 错误信息展示的高度 */ }
    .el-form-item.is-success .picc-textarea-puretext--slidebar:hover {
      border-color: #234DCC !important;
      background: #fff !important; }
  .el-form-item .el-radio-group .el-radio {
    padding-left: 8px; }
  .el-form-item.picc-form-label-linefeed.picc-linefeed--short {
    /* 标题文本 >6 & <=8 */ }
    .el-form-item.picc-form-label-linefeed.picc-linefeed--short label.el-form-item__label {
      padding-left: 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /*行数*/
      font-size: 12px; }
  .el-form-item.picc-form-label-linefeed.picc-linefeed--medium {
    /* 标题文本 >8 & <=12 */ }
    .el-form-item.picc-form-label-linefeed.picc-linefeed--medium label.el-form-item__label {
      padding: 0 24px 0 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /*行数*/
      font-size: 12px; }
  .el-form-item.picc-form-label-linefeed.picc-linefeed--long {
    /* 标题文本 >12 & <=16 */ }
    .el-form-item.picc-form-label-linefeed.picc-linefeed--long label.el-form-item__label {
      padding: 0 24px 0 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /*行数*/
      font-size: 12px; }
  .el-form-item.picc-form-label-tipInfo-icon label.el-form-item__label:after {
    background: pink;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    content: '1';
    position: absolute;
    top: 6px;
    left: 1px; }

/* ---------------- picc-form-inputgroup 下拉选择器与输入框结合 ---------------------- */
.picc-form-inputgroup {
  width: 100%; }
  .picc-form-inputgroup .picc-form-inputgroup-select {
    width: 216px;
    float: left; }
    .picc-form-inputgroup .picc-form-inputgroup-select .el-form-item__content .el-select {
      width: 88px; }
      .picc-form-inputgroup .picc-form-inputgroup-select .el-form-item__content .el-select .el-input {
        width: 100%; }
    .picc-form-inputgroup .picc-form-inputgroup-select.picc-form-inputgroup--addstar .el-form-item__label:before {
      width: 20px;
      height: 20px;
      line-height: 25px;
      display: inline-block;
      font-size: 14px;
      text-align: center;
      position: absolute;
      right: 0px;
      top: 6px;
      font-weight: 700;
      content: '*';
      color: #DC402B;
      margin-right: 4px; }
  .picc-form-inputgroup .picc-form-inputgroup-input {
    width: calc( 100% - 216px);
    float: left; }
    .picc-form-inputgroup .picc-form-inputgroup-input .el-form-item__content {
      margin-left: 0 !important; }
      .picc-form-inputgroup .picc-form-inputgroup-input .el-form-item__content .el-input {
        width: 100%; }
    .picc-form-inputgroup .picc-form-inputgroup-input.picc-form-inputgroup-input--only .el-input {
      margin-left: 8px;
      width: calc(100% - 8px); }

.input-with-select .el-input-group__prepend {
  width: 88px; }
  .input-with-select .el-input-group__prepend .el-select {
    width: 88px; }

/* --------------------------------------- radio 单选样式 --------------------------------------------------------------- */
.el-radio .el-radio__input:hover {
  border-color: #234DCC; }

.el-radio .el-radio__label {
  padding-left: 8px;
  font-size: 14px; }

.el-radio.is-checked .el-radio__input.is-checked .el-radio__inner {
  border-color: #1c61fc; }
  .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner::after {
    background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1.7);
    transform: translate(-50%, -50%) scale(1.7); }

.el-radio.is-checked.is-disabled .el-radio__input.is-checked.is-disabled .el-radio__inner {
  border-color: rgba(28, 97, 252, 0.5); }
  .el-radio.is-checked.is-disabled .el-radio__input.is-checked.is-disabled .el-radio__inner::after {
    background: linear-gradient(59deg, rgba(66, 81, 224, 0.5) 0%, rgba(28, 97, 252, 0.5) 100%);
    border-radius: 100%; }

.el-radio.is-checked.is-disabled .el-radio__label {
  color: #292B34; }

.el-radio:not(.is-checked).is-disabled .el-radio__label {
  color: rgba(41, 43, 52, 0.5); }

:not(.is-focus):not(.is-disabled):not(:active).el-radio:focus .el-radio__inner {
  box-shadow: none; }

/* --------------------------------------- checkbox 复选样式 ------------------------------------------------------------ */
.el-checkbox {
  padding-left: 8px; }
  .el-checkbox .el-checkbox__input .el-checkbox__inner::after {
    left: 5px;
    top: 2px; }
  .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
    background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%); }
  .el-checkbox .el-checkbox__input.is-checked.is-disabled .el-checkbox__inner {
    background: linear-gradient(59deg, rgba(66, 81, 224, 0.5) 0%, rgba(28, 97, 252, 0.5) 100%); }
    .el-checkbox .el-checkbox__input.is-checked.is-disabled .el-checkbox__inner::after {
      border-color: #fff; }
  .el-checkbox .el-checkbox__input.is-disabled.is-checked + span.el-checkbox__label {
    color: #292B34; }
  .el-checkbox .el-checkbox__input.is-disabled:not(.is-checked) + span.el-checkbox__label {
    color: rgba(41, 43, 52, 0.5); }

/* --------------------------------------- inputNumber 计数器 ----------------------------------------------------------- */
.el-input-number.el-input-number {
  width: 144px; }
  .el-input-number.el-input-number .el-input-number__increase, .el-input-number.el-input-number .el-input-number__decrease {
    width: 36px; }
  .el-input-number.el-input-number .el-input {
    width: 144px; }

.el-input-number .el-input-number__decrease {
  border-right: none; }
  .el-input-number .el-input-number__decrease:after {
    content: '';
    width: 1px;
    height: 16px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 7px; }

.el-input-number .el-input-number__increase {
  border-left: none; }
  .el-input-number .el-input-number__increase:after {
    content: '';
    width: 1px;
    height: 16px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 7px; }

.el-input-number.is-disabled .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number.is-disabled .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #E0E0E0; }

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
  background: #fff; }

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
  color: #DDDDDD; }
  .el-input-number.is-disabled .el-input-number__decrease .el-icon-minus:before, .el-input-number.is-disabled .el-input-number__increase .el-icon-minus:before {
    font-weight: 900; }

.el-input-number.is-disabled .el-input .el-input__inner {
  font-family: arial;
  font-size: 16px;
  background: #fff;
  color: rgba(144, 145, 153, 0.7); }

.el-input-number:not(.is-disabled) .el-input-number__decrease, .el-input-number:not(.is-disabled) .el-input-number__increase {
  background: #fff; }

.el-input-number:not(.is-disabled) .el-input-number__decrease.is-disabled {
  color: #DDDDDD; }
  .el-input-number:not(.is-disabled) .el-input-number__decrease.is-disabled .el-icon-minus:before {
    font-weight: 900; }

.el-input-number:not(.is-disabled) .el-input-number__decrease:not(.is-disabled) {
  color: #3556E9; }
  .el-input-number:not(.is-disabled) .el-input-number__decrease:not(.is-disabled) .el-icon-minus:before {
    font-weight: 900; }

.el-input-number:not(.is-disabled) .el-input-number__increase.is-disabled {
  color: #DDDDDD; }
  .el-input-number:not(.is-disabled) .el-input-number__increase.is-disabled .el-icon-plus:before {
    font-weight: 900; }

.el-input-number:not(.is-disabled) .el-input-number__increase:not(.is-disabled) {
  color: #3556E9; }
  .el-input-number:not(.is-disabled) .el-input-number__increase:not(.is-disabled) .el-icon-plus:before {
    font-weight: 900; }

.el-input-number:not(.is-disabled) .el-input__inner {
  font-family: arial;
  font-size: 16px;
  color: #292b34; }

/* --------------------------------------- pureTextInput 纯文本输入框 --------------------------------------------------- */
.picc-input--puretext {
  padding: 24px 8px 24px 24px;
  background: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  color: #292B34;
  font-size: 14px;
  line-height: 20px;
  width: 20%; }
  .picc-input--puretext .el-scrollbar__wrap {
    margin-bottom: 0 !important;
    overflow-x: hidden; }
  .picc-input--puretext .el-scrollbar__bar.is-vertical {
    opacity: 1;
    width: 4px; }
    .picc-input--puretext .el-scrollbar__bar.is-vertical .el-scrollbar__thumb {
      background-color: rgba(41, 43, 52, 0.1); }
  .picc-input--puretext .content {
    padding-right: 16px;
    height: auto;
    min-height: 20px; }

textarea::-ms-input-placeholder {
  color: #909199;
  font-size: 14px; }

textarea::-webkit-input-placeholder {
  color: #909199;
  font-size: 14px; }

.picc-textarea-puretext.el-textarea textarea::-webkit-scrollbar {
  width: 4px; }

.picc-textarea-puretext.el-textarea textarea::-webkit-scrollbar-track {
  background: transparent; }

.picc-textarea-puretext.el-textarea textarea::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(41, 43, 52, 0.1); }

.picc-textarea-puretext.el-textarea textarea::-webkit-scrollbar-button {
  height: 0; }

.picc-textarea-puretext.el-textarea textarea.el-textarea__inner {
  line-height: 20px;
  font-family: Microsoft YaHei, Arial; }

.picc-textarea-puretext.el-textarea.picc-textarea-puretext--autosize .el-textarea__inner {
  padding: 16px;
  overflow: hidden; }

.picc-textarea-puretext.el-textarea.picc-textarea-puretext--slidebar {
  padding: 16px 8px 16px 16px;
  border-radius: 4px; }
  .picc-textarea-puretext.el-textarea.picc-textarea-puretext--slidebar .el-textarea__inner {
    overflow: auto;
    border: 0;
    padding: 0 4px 0 0; }
  .picc-textarea-puretext.el-textarea.picc-textarea-puretext--slidebar:not(.is-disabled) {
    background: #fff;
    border: 1px solid #CDCDCD; }
    .picc-textarea-puretext.el-textarea.picc-textarea-puretext--slidebar:not(.is-disabled).picc-textarea-error--hover:hover {
      border-color: #234DCC !important;
      background: #fff !important; }
  .picc-textarea-puretext.el-textarea.picc-textarea-puretext--slidebar.is-disabled {
    background: #dddddd;
    border: 1px solid #dddddd;
    cursor: not-allowed; }

/* --------------------------------------- input 输入框 ----------------------------------------------------------------- */
.el-input.picc-icon-btn-input .el-input__inner:not([disabled="disabled"]) + span .el-input__icon {
  cursor: pointer; }

.el-input.picc-icon-btn-input .el-input__inner:not([disabled="disabled"]):focus + span .el-input__icon {
  color: #234DCC; }

.el-input.picc-btn-input .el-input__inner:not([disabled="disabled"]) {
  cursor: pointer; }
  .el-input.picc-btn-input .el-input__inner:not([disabled="disabled"]):hover {
    color: #1C61FC !important;
    border-color: #234dcc !important; }
    .el-input.picc-btn-input .el-input__inner:not([disabled="disabled"]):hover::-ms-input-placeholder {
      color: #1C61FC; }
    .el-input.picc-btn-input .el-input__inner:not([disabled="disabled"]):hover::-webkit-input-placeholder {
      color: #1C61FC; }

/* --------------------------------------- select 下拉选择框 ------------------------------------------------------------ */
.el-select {
  width: 100%; }

.el-select-dropdown {
  max-width: 880px;
  box-shadow: 0 0 16px 0 rgba(41, 43, 52, 0.24); }
  .el-select-dropdown .el-select-dropdown__item.hover, .el-select-dropdown .el-select-dropdown__item:hover {
    background: linear-gradient(59deg, rgba(66, 81, 224, 0.1) 0%, rgba(28, 97, 252, 0.1) 100%); }
  .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
    height: 40px;
    line-height: 40px; }
  .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap {
    padding: 12px 24px; }
    .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap:hover {
      background: linear-gradient(59deg, rgba(66, 81, 224, 0.1) 0%, rgba(28, 97, 252, 0.1) 100%); }
    .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap:not(:last-of-type)::after {
      display: none; }
    .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap .el-select-group__title {
      font-size: 14px;
      color: #292B34;
      line-height: 16px;
      padding: 0;
      margin-bottom: 8px;
      font-weight: 700; }
    .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap .el-select-group .el-select-dropdown__item {
      height: 16px;
      line-height: 16px;
      font-size: 12px;
      color: #65677A;
      padding: 0px;
      display: inline-block;
      padding-right: 16px;
      position: relative; }
      .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap .el-select-group .el-select-dropdown__item:not(:last-child):before {
        position: absolute;
        right: 8px;
        top: 0;
        content: '';
        width: 1px;
        height: 16px;
        background: #EFEBEA; }
      .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap .el-select-group .el-select-dropdown__item.hover, .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap .el-select-group .el-select-dropdown__item:hover {
        background: transparent; }
      .el-select-dropdown .el-select-dropdown__list .el-select-group__wrap .el-select-group .el-select-dropdown__item span {
        display: inline-block;
        height: 16px;
        line-height: 16px;
        font-size: 12px; }
  .el-select-dropdown .popper__arrow {
    display: none; }
  .el-select-dropdown .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
    background: transparent; }
  .el-select-dropdown .el-scrollbar__bar.is-vertical .el-scrollbar__thumb {
    overflow: auto; }

/* --------------------------------------- switch 开关 ----------------------------------------------------------------- */
.el-switch .el-switch__core {
  width: 44px !important;
  border-color: #CDCDCD;
  background: #fff; }
  .el-switch .el-switch__core:after {
    background: #CDCDCD; }

.el-switch.is-checked .el-switch__core {
  border-color: #234DCC;
  background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%); }
  .el-switch.is-checked .el-switch__core:after {
    background: #fff; }

/* --------------------------------------- cascade 级联选择器 ----------------------------------------------------------- */
.el-cascader.el-cascader {
  width: 100%; }

.el-cascader .el-input__suffix .el-icon-arrow-down {
  font-size: 4px; }
  .el-cascader .el-input__suffix .el-icon-arrow-down:before {
    content: "\e790";
    font-size: 16px; }

/* --------------------------------------- popover 弹出框 -------------------------------------------------------------- */
.el-popover[x-placement^="bottom"] {
  box-shadow: 0 0 16px 0 rgba(41, 43, 52, 0.24); }

/* --------------------------------------- 自定义气泡 —— 下拉选择器不可用状态提示语 ---------- */
.picc-popover-custom {
  background: #282B34;
  padding: 8px 12px; }
  .picc-popover-custom span {
    color: #C0C0C3;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px; }
    .picc-popover-custom span i {
      width: 20px;
      height: 20px;
      vertical-align: top;
      margin-right: 8px; }
  .picc-popover-custom.el-popper[x-placement^="top"] .popper__arrow::after {
    border-top-color: #282B34; }
  .picc-popover-custom.el-popper[x-placement^="bottom"] .popper__arrow::after {
    border-top-color: #282B34; }

/* --------------------------------------- upload 上传  ---------------------------------------------------------------- */
.picc-upload .el-upload.el-upload--picture-card {
  position: relative;
  border-color: rgba(41, 43, 52, 0.5);
  /*upload 区域大小*/
  width: 156px;
  height: 96px; }
  .picc-upload .el-upload.el-upload--picture-card:before {
    content: "";
    width: 154px;
    height: 94px;
    border-radius: 6px;
    display: none; }
  .picc-upload .el-upload.el-upload--picture-card:hover:before {
    display: inline-block;
    filter: blur(3px);
    /*背景图模糊*/
    -webkit-filter: blur(3px); }
  .picc-upload .el-upload.el-upload--picture-card:hover .el-icon-upload {
    border-radius: 6px;
    border: 1px solid #234dcc;
    display: block;
    background: linear-gradient(59deg, rgba(66, 81, 224, 0.1) 0%, rgba(28, 97, 252, 0.1) 100%); }
  .picc-upload .el-upload.el-upload--picture-card .el-icon-upload {
    /*upload 区域大小*/
    width: 156px;
    height: 96px;
    padding: 40px 0;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    font-size: 14px;
    color: #1C61FC;
    display: none;
    position: absolute;
    top: -1px;
    left: -1px; }
    .picc-upload .el-upload.el-upload--picture-card .el-icon-upload:before {
      width: 20px;
      height: 20px;
      margin-right: 5px; }

.picc-upload.picc-upload-IDcard .el-upload.el-upload--picture-card {
  background-image: url(picc-sprite.png);
  display: inline-block;
  background-position: -156px 0px;
  width: 156px;
  height: 96px; }
  .picc-upload.picc-upload-IDcard .el-upload.el-upload--picture-card:before {
    background-image: url(picc-sprite.png);
    display: inline-block;
    background-position: -156px 0px;
    width: 154px;
    height: 94px; }

.picc-upload.picc-upload-IDcard--back .el-upload.el-upload--picture-card {
  background-image: url(picc-sprite.png);
  display: inline-block;
  background-position: 0px -96px;
  width: 156px;
  height: 96px; }
  .picc-upload.picc-upload-IDcard--back .el-upload.el-upload--picture-card:before {
    background-image: url(picc-sprite.png);
    display: inline-block;
    background-position: 0px -96px;
    width: 154px;
    height: 94px; }

.picc-upload.picc-upload-video .el-upload.el-upload--picture-card {
  background-image: url(picc-sprite.png);
  display: inline-block;
  background-position: -156px -96px;
  width: 156px;
  height: 96px; }
  .picc-upload.picc-upload-video .el-upload.el-upload--picture-card:before {
    background-image: url(picc-sprite.png);
    display: inline-block;
    background-position: -156px -96px;
    width: 154px;
    height: 94px; }

.picc-upload.picc-upload-word .el-upload.el-upload--picture-card {
  background-image: url(picc-sprite.png);
  display: inline-block;
  background-position: 0px 0px;
  width: 156px;
  height: 96px; }
  .picc-upload.picc-upload-word .el-upload.el-upload--picture-card:before {
    background-image: url(picc-sprite.png);
    display: inline-block;
    background-position: 0px 0px;
    width: 154px;
    height: 94px; }

.picc-upload .el-upload-list.el-upload-list--picture-card {
  /*upload 区域大小*/
  width: 156px;
  height: 96px; }
  .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item {
    border-radius: 4px; }
    .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-ready {
      /*upload 区域大小*/
      width: 156px;
      height: 96px; }
    .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-success {
      /*upload 区域大小*/
      width: 156px;
      height: 96px;
      border-color: #1AC88E; }
      .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-success .el-upload-list__item-status-label {
        border-radius: 100%;
        width: 16px;
        height: 16px;
        right: 6px;
        top: 4px;
        background: #1AC88E; }
        .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-success .el-upload-list__item-status-label .el-icon-upload-success {
          margin-top: 0;
          position: relative;
          top: -6px;
          right: 0px; }
    .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-uploading {
      /*upload 区域大小*/
      width: 156px;
      height: 96px;
      border: none; }
      .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-uploading .el-progress.el-progress--circle {
        /*upload 区域大小*/
        width: 156px;
        height: 96px;
        background: rgba(0, 0, 0, 0.1); }
        .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-uploading .el-progress.el-progress--circle .el-progress-circle {
          /*upload 区域大小*/
          width: 156px;
          height: 96px;
          display: none; }
          .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-uploading .el-progress.el-progress--circle .el-progress-circle svg {
            display: none;
            width: 0;
            height: 0; }
        .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-uploading .el-progress.el-progress--circle .el-progress__text {
          color: transparent;
          height: 32px;
          width: 32px;
          text-align: center;
          margin: 0 auto; }
          .picc-upload .el-upload-list.el-upload-list--picture-card .el-upload-list__item.is-uploading .el-progress.el-progress--circle .el-progress__text i {
            font-size: 32px;
            color: #fff; }

/* --------------------------------------- 及时反馈样式 ------------------------------------ */
.picc-form-tipmessage {
  height: 20px;
  line-height: 20px;
  width: 100%; }
  .picc-form-tipmessage i {
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    float: left;
    cursor: pointer; }
  .picc-form-tipmessage strong {
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    width: calc(100% - 24px);
    font-size: 12px;
    display: inline-block;
    margin-left: 4px; }
    .picc-form-tipmessage strong em {
      font-style: normal;
      font-family: Microsoft Yahei; }
      .picc-form-tipmessage strong em.picc-tipMessage-info, .picc-form-tipmessage strong em.picc-tipMessage-success {
        padding: 0 2px; }
      .picc-form-tipmessage strong em.picc-tipMessage-error {
        color: #292b34; }
  .picc-form-tipmessage.picc-form-tipmessage--textellipsis strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .picc-form-tipmessage.picc-form-tipmessage--info strong, .picc-form-tipmessage.picc-form-tipmessage--info i {
    color: #65677A; }
  .picc-form-tipmessage.picc-form-tipmessage--success strong {
    color: #292b34; }
  .picc-form-tipmessage.picc-form-tipmessage--success i {
    color: #1AC88E; }
  .picc-form-tipmessage.picc-form-tipmessage--error strong, .picc-form-tipmessage.picc-form-tipmessage--error i {
    color: #DC402B;
    font-family: Microsoft Yahei; }
  .picc-form-tipmessage.picc-form-tipmessage--error .el-button--text span {
    font-size: 12px; }

.picc-form-item--cancel {
  padding: 0 8px !important; }
  .picc-form-item--cancel .el-form-item__content {
    height: 20px !important;
    line-height: 20px !important; }

/* --------------------------------------- upload 批量上传自定义样式 ----------------------- */
.picc-form-uploadBox .el-form-item__content {
  margin-left: 0 !important; }
  .picc-form-uploadBox .el-form-item__content div {
    width: auto;
    display: inline-block; }
    .picc-form-uploadBox .el-form-item__content div .el-upload-list {
      display: none; }
  .picc-form-uploadBox .el-form-item__content .picc-form-upload-downloadTemplate {
    margin-left: 8px;
    padding: 0 24px;
    height: 32px;
    display: inline-block;
    color: #1C61FC;
    cursor: pointer; }

/* --------------------------------------- el-date-editor 日期选择器 ---------------------------------------------------- */
/* --------------------------------------- 日期选择器-------------------------------------- */
.el-date-editor .el-range-separator {
  /*至*/
  width: 24px;
  color: #292B34;
  display: inline-block; }

.el-date-editor.el-input, .el-date-editor.el-range-editor {
  width: 100%;
  /* --------------------------------------- 日期范围选择器 --------------------------------------- */ }
  .el-date-editor.el-input:not(.is-disabled), .el-date-editor.el-range-editor:not(.is-disabled) {
    cursor: pointer; }
    .el-date-editor.el-input:not(.is-disabled) .el-input__inner, .el-date-editor.el-range-editor:not(.is-disabled) .el-input__inner {
      cursor: pointer; }
      .el-date-editor.el-input:not(.is-disabled) .el-input__inner:hover, .el-date-editor.el-input:not(.is-disabled) .el-input__inner:focus, .el-date-editor.el-range-editor:not(.is-disabled) .el-input__inner:hover, .el-date-editor.el-range-editor:not(.is-disabled) .el-input__inner:focus {
        border-color: #234DCC; }
    .el-date-editor.el-input:not(.is-disabled) .el-range-input, .el-date-editor.el-range-editor:not(.is-disabled) .el-range-input {
      cursor: pointer; }
  .el-date-editor.el-input.is-disabled, .el-date-editor.el-range-editor.is-disabled {
    cursor: not-allowed; }
    .el-date-editor.el-input.is-disabled .el-input__inner, .el-date-editor.el-range-editor.is-disabled .el-input__inner {
      cursor: not-allowed; }
      .el-date-editor.el-input.is-disabled .el-input__inner:hover, .el-date-editor.el-input.is-disabled .el-input__inner:focus, .el-date-editor.el-range-editor.is-disabled .el-input__inner:hover, .el-date-editor.el-range-editor.is-disabled .el-input__inner:focus {
        border-color: #dddddd; }
  .el-date-editor.el-input.is-active:not(.is-disabled), .el-date-editor.el-range-editor.is-active:not(.is-disabled) {
    border-color: #234DCC;
    background: #fff; }
    .el-date-editor.el-input.is-active:not(.is-disabled) .el-range-input, .el-date-editor.el-range-editor.is-active:not(.is-disabled) .el-range-input {
      background: #fff; }
    .el-date-editor.el-input.is-active:not(.is-disabled):hover, .el-date-editor.el-range-editor.is-active:not(.is-disabled):hover {
      border-color: #234DCC; }
  .el-date-editor.el-input .el-input__inner, .el-date-editor.el-range-editor .el-input__inner {
    line-height: 16px; }
    .el-date-editor.el-input .el-input__inner::-webkit-input-placeholder, .el-date-editor.el-range-editor .el-input__inner::-webkit-input-placeholder {
      color: #909199;
      font-size: 14px; }
    .el-date-editor.el-input .el-input__inner:-ms-input-placeholder, .el-date-editor.el-range-editor .el-input__inner:-ms-input-placeholder {
      color: #909199;
      font-size: 14px; }
  .el-date-editor.el-input .el-input__prefix, .el-date-editor.el-range-editor .el-input__prefix {
    height: 20px;
    width: 20px;
    line-height: 16px;
    padding: 2px 0;
    margin: 6px 0;
    z-index: 99; }
    .el-date-editor.el-input .el-input__prefix .el-input__icon, .el-date-editor.el-range-editor .el-input__prefix .el-input__icon {
      width: 20px;
      line-height: 16px; }
      .el-date-editor.el-input .el-input__prefix .el-input__icon.el-icon-date:before, .el-date-editor.el-range-editor .el-input__prefix .el-input__icon.el-icon-date:before {
        color: #292B34; }
      .el-date-editor.el-input .el-input__prefix .el-input__icon.el-icon-time:before, .el-date-editor.el-range-editor .el-input__prefix .el-input__icon.el-icon-time:before {
        content: "\E78E";
        color: #292B34; }
  .el-date-editor.el-input.el-range-editor, .el-date-editor.el-range-editor.el-range-editor {
    line-height: 16px; }
    .el-date-editor.el-input.el-range-editor::-webkit-input-placeholder, .el-date-editor.el-range-editor.el-range-editor::-webkit-input-placeholder {
      color: #909199;
      font-size: 14px; }
    .el-date-editor.el-input.el-range-editor:-ms-input-placeholder, .el-date-editor.el-range-editor.el-range-editor:-ms-input-placeholder {
      color: #909199;
      font-size: 14px; }
    .el-date-editor.el-input.el-range-editor .el-range__icon, .el-date-editor.el-range-editor.el-range-editor .el-range__icon {
      height: 20px;
      width: 20px;
      line-height: 16px;
      padding: 2px 0;
      position: absolute;
      top: 5px; }
      .el-date-editor.el-input.el-range-editor .el-range__icon:before, .el-date-editor.el-range-editor.el-range-editor .el-range__icon:before {
        color: #292B34; }
    .el-date-editor.el-input.el-range-editor .el-range-input, .el-date-editor.el-range-editor.el-range-editor .el-range-input {
      font-size: 12px;
      color: #292B34;
      width: 44%; }
      .el-date-editor.el-input.el-range-editor .el-range-input::-webkit-input-placeholder, .el-date-editor.el-range-editor.el-range-editor .el-range-input::-webkit-input-placeholder {
        color: #909199;
        font-size: 14px; }
      .el-date-editor.el-input.el-range-editor .el-range-input:-ms-input-placeholder, .el-date-editor.el-range-editor.el-range-editor .el-range-input:-ms-input-placeholder {
        color: #909199;
        font-size: 14px; }
      .el-date-editor.el-input.el-range-editor .el-range-input[placeholder="开始日期"], .el-date-editor.el-range-editor.el-range-editor .el-range-input[placeholder="开始日期"] {
        text-align: left;
        color: #909199;
        font-size: 14px; }
      .el-date-editor.el-input.el-range-editor .el-range-input[placeholder="结束日期"], .el-date-editor.el-range-editor.el-range-editor .el-range-input[placeholder="结束日期"] {
        text-align: right;
        color: #909199;
        font-size: 14px; }
      .el-date-editor.el-input.el-range-editor .el-range-input[disabled='disabled'], .el-date-editor.el-range-editor.el-range-editor .el-range-input[disabled='disabled'] {
        color: #9B9B9B; }
    .el-date-editor.el-input.el-range-editor .el-range-separator, .el-date-editor.el-range-editor.el-range-editor .el-range-separator {
      width: 24px;
      line-height: 16px;
      color: #292B34; }
    .el-date-editor.el-input.el-range-editor .el-range__close-icon, .el-date-editor.el-range-editor.el-range-editor .el-range__close-icon {
      line-height: 16px; }
  .el-date-editor.el-input.picc-isclearable, .el-date-editor.el-range-editor.picc-isclearable {
    /* --------------------------------------- 日期范围选择器 --------------------------------------- */ }
    .el-date-editor.el-input.picc-isclearable .el-input__inner, .el-date-editor.el-range-editor.picc-isclearable .el-input__inner {
      padding: 7px 8px 7px 26px !important; }
    .el-date-editor.el-input.picc-isclearable.el-range-editor, .el-date-editor.el-range-editor.picc-isclearable.el-range-editor {
      padding: 7px 2px 7px 26px; }
      .el-date-editor.el-input.picc-isclearable.el-range-editor .el-range__icon, .el-date-editor.el-range-editor.picc-isclearable.el-range-editor .el-range__icon {
        left: 9px; }
  .el-date-editor.el-input:not(.picc-isclearable), .el-date-editor.el-range-editor:not(.picc-isclearable) {
    /* --------------------------------------- 日期范围选择器 --------------------------------------- */ }
    .el-date-editor.el-input:not(.picc-isclearable) .el-input__inner, .el-date-editor.el-range-editor:not(.picc-isclearable) .el-input__inner {
      padding: 7px 8px 7px 12px; }
    .el-date-editor.el-input:not(.picc-isclearable) .el-input__prefix, .el-date-editor.el-range-editor:not(.picc-isclearable) .el-input__prefix {
      left: calc( 100% - 28px); }
    .el-date-editor.el-input:not(.picc-isclearable).el-range-editor, .el-date-editor.el-range-editor:not(.picc-isclearable).el-range-editor {
      padding: 7px 8px 7px 12px; }
      .el-date-editor.el-input:not(.picc-isclearable).el-range-editor .el-range__icon, .el-date-editor.el-range-editor:not(.picc-isclearable).el-range-editor .el-range__icon {
        right: 7px; }

/* --------------------------------------- 日期选择器 弹框 -------------------------------- */
.el-picker-panel .el-date-table td.today:not(.current):not(.start-date):not(.end-date) span {
  color: #1C61FC; }

.el-picker-panel .el-date-table td.today .current span {
  color: #fff; }

.el-picker-panel .el-date-picker__editor-wrap .el-input {
  min-width: 0px; }
  .el-picker-panel .el-date-picker__editor-wrap .el-input .el-input__inner {
    padding: 0 12px;
    font-size: 12px; }
    .el-picker-panel .el-date-picker__editor-wrap .el-input .el-input__inner::-webkit-input-placeholder {
      color: #909199;
      font-size: 12px; }
    .el-picker-panel .el-date-picker__editor-wrap .el-input .el-input__inner:-ms-input-placeholder {
      color: #909199;
      font-size: 12px; }
    .el-picker-panel .el-date-picker__editor-wrap .el-input .el-input__inner:hover, .el-picker-panel .el-date-picker__editor-wrap .el-input .el-input__inner:focus {
      border-color: #1C61FC; }

.el-picker-panel .el-time-panel__btn.confirm {
  font-weight: 400; }

.el-picker-panel .el-picker-panel__footer button.el-button--mini {
  min-width: auto; }

.el-picker-panel .el-picker-panel__footer button.el-button {
  font-size: 12px; }
  .el-picker-panel .el-picker-panel__footer button.el-button.el-button--text {
    color: #1C61FC;
    font-size: 12px; }
    .el-picker-panel .el-picker-panel__footer button.el-button.el-button--text:hover, .el-picker-panel .el-picker-panel__footer button.el-button.el-button--text:focus {
      color: #1C61FC; }
  .el-picker-panel .el-picker-panel__footer button.el-button.el-button--default span {
    font-size: 12px; }

.el-picker-panel .popper__arrow {
  display: none; }

.el-button, .el-button--text, .el-input__inner {
  font-family: Microsoft Yahei; }

/* --------------------------------------- disabled 状态 ---------------------------------------------------------------- */
/*
错误示例❌
.is-disabled{
  cursor: url('./customTheme/cursordisabled.jpg'),auto;
}
正确示例✔
.el-radio__input.is-disabled+span.el-radio__label{
  cursor: url('./customTheme/cursordisabled.jpg'),auto;
}
*/
/*
  =================== Steps 步骤条 ==================
*/
.el-steps.picc-steps-simple.el-steps--simple {
  background: none;
  display: block; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step {
    display: inline-block; }
    .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__head, .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__main {
      display: inline-block;
      vertical-align: middle;
      height: 16px;
      line-height: 16px; }
      .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__head .el-step__title, .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__main .el-step__title {
        max-width: inherit;
        word-break: normal; }
      .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__head .el-step__arrow, .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__main .el-step__arrow {
        width: 32px;
        vertical-align: inherit; }
    .el-steps.picc-steps-simple.el-steps--simple .el-step .el-step__main > div {
      display: inline-block; }
    .el-steps.picc-steps-simple.el-steps--simple .el-step.is-simple:last-child .el-step__arrow {
      display: none; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step__arrow {
    height: 2px;
    border-bottom: 1px dotted rgba(41, 43, 52, 0.3);
    margin: 0 8px; }
    .el-steps.picc-steps-simple.el-steps--simple .el-step__arrow:before, .el-steps.picc-steps-simple.el-steps--simple .el-step__arrow:after {
      display: none; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step__main {
    align-items: center; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step__head .el-step__icon {
    border-width: 1px; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step__head.is-process {
    border: #cdcdcd; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step__head.is-wait .el-step__icon {
    border: none; }
    .el-steps.picc-steps-simple.el-steps--simple .el-step__head.is-wait .el-step__icon:after {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #dddddd;
      content: ""; }
  .el-steps.picc-steps-simple.el-steps--simple .el-step__title {
    font-size: 12px;
    line-height: 12px;
    color: #292b34; }
    .el-steps.picc-steps-simple.el-steps--simple .el-step__title.is-process {
      font-weight: bold; }

/*
 * 该部分因为使用了github Panjiachen的模板，该模板基于element ui的导航做了样式调整
 * 所以我们基于现有样式做的调整，并没有修改element ui 默认的导航菜单
  =================== NavMenu 导航菜单 ==================
*/
.picc .navbar {
  height: 56px !important;
  overflow: hidden;
  position: relative;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); }
  .picc .navbar .hamburger-container {
    line-height: 56px !important;
    height: 100%;
    float: left;
    cursor: pointer;
    transition: background .3s;
    -webkit-tap-highlight-color: transparent; }
    .picc .navbar .hamburger-container:hover {
      background: rgba(0, 0, 0, 0.025); }
  .picc .navbar .breadcrumb-container {
    float: left;
    line-height: 56px !important;
    margin-left: 3px !important; }
    .picc .navbar .breadcrumb-container.app-breadcrumb.el-breadcrumb {
      font-size: 12px; }
    .picc .navbar .breadcrumb-container .el-breadcrumb__separator {
      margin: 0; }
    .picc .navbar .breadcrumb-container .el-breadcrumb__item:first-child a {
      color: #909199; }
    .picc .navbar .breadcrumb-container .el-breadcrumb__item a {
      color: inherit; }
    .picc .navbar .breadcrumb-container .el-breadcrumb__item .no-redirect {
      color: inherit; }
    .picc .navbar .breadcrumb-container .el-breadcrumb__inner, .picc .navbar .breadcrumb-container .el-breadcrumb__inner a {
      color: #292b34; }
  .picc .navbar .errLog-container {
    display: inline-block;
    vertical-align: top; }
  .picc .navbar .right-menu {
    float: right;
    height: 100%;
    line-height: 50px; }
    .picc .navbar .right-menu:focus {
      outline: none; }
    .picc .navbar .right-menu .right-menu-item {
      display: inline-block;
      padding: 0 !important;
      height: 100%;
      font-size: 18px;
      color: #5a5e66;
      vertical-align: text-bottom; }
      .picc .navbar .right-menu .right-menu-item.hover-effect {
        width: 20px;
        height: 56px;
        cursor: pointer;
        margin-left: 8px !important;
        box-sizing: content-box;
        margin-right: 24px; }
    .picc .navbar .right-menu .avatar-container {
      margin-right: 30px; }
      .picc .navbar .right-menu .avatar-container .avatar-wrapper {
        margin-top: 0 !important;
        position: relative;
        width: inherit;
        height: inherit; }
        .picc .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar {
          cursor: pointer;
          width: 40px;
          height: 40px;
          border-radius: 10px; }
        .picc .navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom {
          cursor: pointer;
          position: absolute;
          right: 0 !important;
          top: 0 !important;
          left: 0;
          bottom: 0;
          margin: auto;
          font-size: 12px;
          width: 20px;
          text-align: center;
          height: 20px;
          line-height: 20px !important; }
  .picc .navbar .navbar-role-switch {
    display: inline-block;
    margin-left: 3px; }
    .picc .navbar .navbar-role-switch .el-radio-group {
      display: inline-block;
      line-height: 56px; }
      .picc .navbar .navbar-role-switch .el-radio-group .el-radio-button {
        font-size: 12px; }
      .picc .navbar .navbar-role-switch .el-radio-group .el-radio-button__inner {
        padding: 0;
        font-size: 12px;
        padding: 8px 16px;
        min-width: 80px;
        border: 1px solid #292b34; }
      .picc .navbar .navbar-role-switch .el-radio-group .el-radio-button:not(.is-active) .el-radio-button__inner {
        color: #292b34; }
        .picc .navbar .navbar-role-switch .el-radio-group .el-radio-button:not(.is-active) .el-radio-button__inner:hover {
          color: #292b34; }

.picc .navbar-search {
  min-width: 380px;
  line-height: 56px; }
  .picc .navbar-search .el-icon-search {
    font-size: 20px; }
  .picc .navbar-search .el-input__prefix {
    left: 8px; }
    .picc .navbar-search .el-input__prefix .el-input__icon {
      line-height: 56px; }
  .picc .navbar-search .el-input__inner {
    padding-left: 38px;
    font-size: 12px;
    height: 32px; }
    .picc .navbar-search .el-input__inner::-webkit-input-placeholder, .picc .navbar-search .el-input__inner::-moz-input-placeholder, .picc .navbar-search .el-input__inner::-ms-input-placeholder {
      color: rgba(41, 43, 52, 0.6);
      font-size: 12px; }

.picc .navbar-operation {
  font-size: 20px; }
  .picc .navbar-operation i {
    vertical-align: middle;
    margin: 0 16px 0 40px; }

.picc .navbar-brief-info, .picc .navbar-operation, .picc .navbar-search {
  display: inline-block;
  height: 56px;
  vertical-align: text-bottom; }

.picc .navbar-brief-info {
  height: 56px;
  line-height: 56px; }
  .picc .navbar-brief-info img {
    width: 28px;
    vertical-align: middle;
    border-radius: 50%; }
  .picc .navbar-brief-info span {
    font-size: 12px;
    padding: 0 0 0 8px; }

/*
  =================== Tabs 标签切换 ==================
*/
.picc-tabs.el-tabs--top .el-tabs__nav-wrap:after {
  display: none; }

.picc-tabs.el-tabs--top .el-tabs__active-bar {
  display: none; }

.picc-tabs.el-tabs--top .el-tabs__item {
  padding: 0;
  margin-left: 40px;
  height: 52px;
  line-height: 60px;
  color: #292b34; }
  .picc-tabs.el-tabs--top .el-tabs__item#tab-first {
    margin-left: 0; }
  .picc-tabs.el-tabs--top .el-tabs__item.is-active {
    font-weight: bold; }
    .picc-tabs.el-tabs--top .el-tabs__item.is-active:before {
      width: 32px;
      height: 4px;
      box-sizing: border-box !important;
      border-bottom: #F05B50 4px solid;
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 4px; }

.picc-tabs.el-tabs--top .el-tabs__content {
  font-size: 14px; }

-300px
.el-loading-mask .el-loading-text {
  display: inline-block;
  margin-left: 16px;
  color: #FFFFFF; }

-300px
.el-loading-mask .el-loading-spinner i {
  color: #FFFFFF;
  font-size: 30px;
  vertical-align: middle; }

/*
  =================== Message 提示 ==================
*/
.el-message {
  border: 0;
  background: #292B34;
  display: flex;
  align-items: flex-start;
  max-width: 356px;
  /*
   *
   picc-icon.picc-icon-success-sm
   picc-icon.picc-icon-warning-sm

  */ }
  .el-message .el-message__icon:before {
    content: "";
    background-image: url(picc-sprite.png);
    display: inline-block; }
  .el-message .el-icon-success:before {
    background-position: -260px -472px;
    width: 20px;
    height: 20px; }
  .el-message .el-icon-warning:before {
    background-position: -60px -492px;
    width: 20px;
    height: 20px; }
  .el-message .el-icon-error:before {
    background-position: -40px -452px;
    width: 20px;
    height: 20px; }
  .el-message .el-message__icon {
    margin-right: 8px; }
  .el-message .el-message__content {
    line-height: 22px; }

/*
  =================== MessageBox 弹框 ==================
*/
.picc-message-box.el-message-box--center {
  padding-bottom: 24px; }
  .picc-message-box.el-message-box--center .el-message-box__title {
    justify-content: flex-start;
    font-weight: bold; }
    .picc-message-box.el-message-box--center .el-message-box__title .el-message-box__status {
      padding-right: 20px;
      line-height: 16px; }
      .picc-message-box.el-message-box--center .el-message-box__title .el-message-box__status:before {
        padding-left: 0;
        background-image: url(picc-sprite.png);
        display: inline-block;
        content: ""; }
      .picc-message-box.el-message-box--center .el-message-box__title .el-message-box__status.el-icon-error:before {
        background-position: -40px -452px;
        width: 20px;
        height: 20px; }
      .picc-message-box.el-message-box--center .el-message-box__title .el-message-box__status.el-icon-success:before {
        background-position: -260px -472px;
        width: 20px;
        height: 20px; }
      .picc-message-box.el-message-box--center .el-message-box__title .el-message-box__status.el-icon-warning:before {
        background-position: -60px -492px;
        width: 20px;
        height: 20px; }
  .picc-message-box.el-message-box--center .el-message-box__header {
    padding: 38px 24px 18px 24px; }
  .picc-message-box.el-message-box--center .el-message-box__content {
    padding: 0 28px;
    text-align: left; }
    .picc-message-box.el-message-box--center .el-message-box__content .el-message-box__message {
      padding-left: 38px;
      color: #292b34; }
      .picc-message-box.el-message-box--center .el-message-box__content .el-message-box__message p {
        line-height: 20px; }
  .picc-message-box.el-message-box--center .el-message-box__btns {
    padding: 30px 24px 0;
    text-align: right; }
    .picc-message-box.el-message-box--center .el-message-box__btns button {
      padding: 0; }
      .picc-message-box.el-message-box--center .el-message-box__btns button.el-button--small {
        min-width: 88px;
        height: 28px;
        padding: 0px 16px;
        color: #1c61fc;
        background: none;
        border: 1px solid #234DCC; }
        .picc-message-box.el-message-box--center .el-message-box__btns button.el-button--small.el-button--primary {
          border: none;
          color: #fff;
          background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%); }
        .picc-message-box.el-message-box--center .el-message-box__btns button.el-button--small:hover:not(.is-disabled) {
          background: linear-gradient(59deg, #eceefd 0%, #eaeffe 100%); }
          .picc-message-box.el-message-box--center .el-message-box__btns button.el-button--small:hover:not(.is-disabled).el-button--primary {
            background: linear-gradient(59deg, #38429B 0%, #214CAC 100%); }
        .picc-message-box.el-message-box--center .el-message-box__btns button.el-button--small:active:not(.is-disabled) {
          background: none; }
          .picc-message-box.el-message-box--center .el-message-box__btns button.el-button--small:active:not(.is-disabled).el-button--primary {
            background: linear-gradient(59deg, #4251E0 0%, #1C61FC 100%); }
      .picc-message-box.el-message-box--center .el-message-box__btns button:nth-child(2) {
        margin-left: 16px; }

/*
  =================== Alert PICC自定义样式 ==================
*/
.picc-alert.el-alert {
  width: auto;
  min-width: 126px;
  max-width: 464px;
  padding: 12px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(41, 43, 52, 0.24); }
  .picc-alert.el-alert span {
    color: #292b34; }
  .picc-alert.el-alert .el-alert__content {
    padding: 0 36px 0 12px; }
  .picc-alert.el-alert .el-alert__description {
    margin-top: 0;
    font-size: 14px;
    color: #292b34;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
    .picc-alert.el-alert .el-alert__description a {
      color: #1c61fc;
      padding: 0 8px 0 28px; }
    .picc-alert.el-alert .el-alert__description > div {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 364px; }
  .picc-alert.el-alert .is-big {
    font-size: 20px;
    width: 20px; }
  .picc-alert.el-alert .el-alert__closebtn {
    font-size: 20px; }
  .picc-alert.el-alert.el-alert--error .el-alert__description {
    color: #DC402B; }
  .picc-alert.el-alert .el-alert__icon:before {
    background-image: url(picc-sprite.png);
    display: inline-block;
    content: ""; }
  .picc-alert.el-alert .el-alert__icon.el-icon-warning:before {
    background-position: -60px -492px;
    width: 20px;
    height: 20px; }
  .picc-alert.el-alert .el-alert__icon.el-icon-success:before {
    background-position: -260px -472px;
    width: 20px;
    height: 20px; }
  .picc-alert.el-alert .el-alert__icon.el-icon-info:before {
    background-position: -200px -452px;
    width: 20px;
    height: 20px; }
  .picc-alert.el-alert .el-alert__icon.el-icon-error:before {
    background-position: -40px -452px;
    width: 20px;
    height: 20px; }

.picc-alert.picc-alert-loading {
  justify-content: center; }
  .picc-alert.picc-alert-loading .el-alert__icon {
    display: none; }
  .picc-alert.picc-alert-loading .el-alert__content {
    padding: 0;
    display: inline-block; }
    .picc-alert.picc-alert-loading .el-alert__content i {
      margin-right: 12px; }

/*
    Author: 韩万慧
    Description: 该文件主要是针对PICC设计规范对element ui 的组件样式进行整改
                此处为Notice组件下的所有的样式
*/
/*
  =================== Dialog  ==========================
*/
.el-dialog {
  width: auto;
  max-width: 880px; }
  .el-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #292b34; }

/*
  =================== Dialog QR Code  ==================
*/
.el-dialog.picc-dialog-payment {
  width: 280px; }
  .el-dialog.picc-dialog-payment .el-dialog__headerbtn {
    top: 16px;
    right: 16px;
    font-size: 20px; }
  .el-dialog.picc-dialog-payment .el-dialog__body {
    text-align: center;
    padding-top: 26px;
    padding-bottom: 56px; }
    .el-dialog.picc-dialog-payment .el-dialog__body .picc-qr-payment-img {
      padding: 16px 0; }
      .el-dialog.picc-dialog-payment .el-dialog__body .picc-qr-payment-img img {
        width: 128px;
        height: 128px; }
    .el-dialog.picc-dialog-payment .el-dialog__body h2 {
      margin: 0;
      font-size: 14px;
      font-weight: normal;
      color: #2B2D36; }
      .el-dialog.picc-dialog-payment .el-dialog__body h2.picc-qr-payment-expired-time {
        font-size: 20px;
        color: #dc402b; }
    .el-dialog.picc-dialog-payment .el-dialog__body b {
      display: block;
      text-align: center;
      font-weight: normal;
      font-size: 12px; }
      .el-dialog.picc-dialog-payment .el-dialog__body b.picc-qr-payment-fee {
        font-weight: normal;
        font-size: 28px;
        padding: 12px 0 8px;
        font-family: arial Nenu;
        letter-spacing: -2px;
        color: #292b34; }
      .el-dialog.picc-dialog-payment .el-dialog__body b.picc-qr-payment-fee-type {
        font-weight: normal;
        color: #65677a; }
      .el-dialog.picc-dialog-payment .el-dialog__body b.picc-qr-payment-expired-tit {
        padding: 8px 0 16px;
        color: #65677a; }
      .el-dialog.picc-dialog-payment .el-dialog__body b.picc-qr-payment-order-num {
        margin-bottom: 32px;
        color: #65677a; }
        .el-dialog.picc-dialog-payment .el-dialog__body b.picc-qr-payment-order-num > span {
          padding-right: 16px;
          font-family: arial Nenu; }

.el-dialog.picc-dialog-table .el-dialog__body {
  padding: 16px 24px 0; }

.el-dialog.picc-dialog-table .el-dialog__header {
  padding: 26px 24px;
  border-bottom: 1px solid #e2e2e2; }
  .el-dialog.picc-dialog-table .el-dialog__header .el-dialog__title {
    font-size: 16px; }
  .el-dialog.picc-dialog-table .el-dialog__header .el-dialog__headerbtn {
    font-size: 20px;
    top: 26px; }

.el-dialog.picc-dialog-table .picc-dialog-table-footer {
  text-align: center;
  padding: 24px 0;
  border-top: 1px solid #e2e2e2; }

/*
  =================== Time Line  ==================
*/
/*
  =================== Tooltip 文字提示 PICC ==================
*/
.el-tooltip__popper .picc-tooltip-content {
  min-width: 156px;
  max-width: 336px;
  line-height: 20px;
  display: flex;
  align-items: top; }
  .el-tooltip__popper .picc-tooltip-content p {
    margin: 0;
    padding-left: 8px;
    color: rgba(255, 255, 255, 0.9); }
  .el-tooltip__popper .picc-tooltip-content:before {
    background-image: url(picc-sprite.png);
    display: inline-block; }
  .el-tooltip__popper .picc-tooltip-content.picc-tooltip-success:before {
    content: "";
    background-position: -220px -472px;
    width: 20px;
    height: 20px; }
  .el-tooltip__popper .picc-tooltip-content.picc-tooltip-info:before {
    content: "";
    background-position: -180px -452px;
    width: 20px;
    height: 20px; }
  .el-tooltip__popper .picc-tooltip-content.picc-tooltip-warning:before {
    content: "";
    background-position: -20px -492px;
    width: 20px;
    height: 20px; }

/*
  =================== 纵向步骤式导航 ==================
*/
.picc-steps-vertical.el-timeline {
  padding: 0; }
  .picc-steps-vertical.el-timeline .el-timeline-item {
    padding-bottom: 0; }
    .picc-steps-vertical.el-timeline .el-timeline-item:not(:first-child) .el-timeline-item__content {
      border-top: 1px dashed #e2e2e2; }
    .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__wrapper {
      padding-left: 30px; }
      .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content {
        padding-bottom: 16px; }
        .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content h4 {
          margin: 16px 0 8px;
          font-size: 14px;
          color: #292b34;
          padding-right: 16px; }
        .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content p {
          margin: 0;
          color: #65677a; }
          .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content p span:first-child {
            padding-right: 48px; }
        .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content > div > div {
          display: flex;
          flex-wrap: nowrap;
          align-items: baseline; }
    .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__node {
      width: 20px;
      height: 20px;
      background-color: inherit;
      top: 13px; }
    .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__tail {
      left: 8px;
      border-left: 1px dashed #e2e2e2;
      top: 18px; }
    .picc-steps-vertical.el-timeline .el-timeline-item .el-timeline-item__timestamp {
      padding-top: 6px; }
  .picc-steps-vertical.el-timeline .el-timeline-item__icon {
    color: unset;
    font-size: inherit; }

.picc-todo-list {
  width: 276px;
  height: 276px;
  padding: 0 8px 0 24px;
  box-sizing: border-box;
  background: #fafafa;
  color: #292b34;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2; }
  .picc-todo-list .picc-todo-list_body {
    list-style: none;
    margin: 0;
    padding: 0; }
    .picc-todo-list .picc-todo-list_body dl, .picc-todo-list .picc-todo-list_body dt, .picc-todo-list .picc-todo-list_body dd {
      margin: 0; }
    .picc-todo-list .picc-todo-list_body > li {
      padding-left: 16px;
      position: relative;
      height: 52px; }
      .picc-todo-list .picc-todo-list_body > li:before {
        width: 8px;
        height: 8px;
        background: #e2e2e2;
        border-radius: 8px;
        position: absolute;
        left: 0;
        top: 4px;
        content: ""; }
      .picc-todo-list .picc-todo-list_body > li dt {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 4px; }
      .picc-todo-list .picc-todo-list_body > li dd {
        font-size: 12px;
        line-height: 14px;
        color: #65677a;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 170px; }
      .picc-todo-list .picc-todo-list_body > li.picc-todo-list_item.selected i {
        color: #1ac88e;
        border: none; }
      .picc-todo-list .picc-todo-list_body > li.picc-todo-list_item.emergency:before {
        background: #DC402B; }
      .picc-todo-list .picc-todo-list_body > li.picc-todo-list_item.meeting:before {
        background: #4F6AFF; }
      .picc-todo-list .picc-todo-list_body > li i {
        position: absolute;
        right: 16px;
        top: 0;
        width: 16px;
        height: 16px;
        border: 1px solid #dddddd;
        border-radius: 50%;
        box-sizing: border-box; }
  .picc-todo-list .picc-todo-list_head h2 {
    margin: 0;
    font-size: 14px;
    padding: 20px 0 18px 0;
    color: inherit; }

.picc-result {
  width: 560px;
  text-align: center; }
  .picc-result i {
    font-size: 60px; }
  .picc-result .picc-result-box {
    padding-top: 64px;
    border: 1px solid #f1f2f4;
    min-height: 320px;
    background: #f1f2f4; }
  .picc-result .picc-result-msg {
    padding: 16px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #292b34; }
  .picc-result .picc-result-body {
    color: #292b34;
    font-size: 12px; }
  .picc-result .picc-result-btm {
    padding-top: 40px; }
    .picc-result .picc-result-btm .el-button {
      margin-left: 32px;
      min-width: 146px; }
      .picc-result .picc-result-btm .el-button:first-child {
        margin-left: 0; }
  .picc-result.picc-result-success i {
    color: #1ac88e; }
  .picc-result.picc-result-error i {
    color: #DC402B; }
  .picc-result.picc-result-warning i {
    color: #ffc528; }

/*
  =================== PICC 自定义全局加载 ==================
*/
.picc-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5); }
  .picc-loading.picc-loading_bar {
    min-width: 320px; }
    .picc-loading.picc-loading_bar .el-progress--line {
      min-width: 320px; }
      .picc-loading.picc-loading_bar .el-progress--line .el-progress-bar .el-progress-bar__outer {
        background-color: rgba(255, 255, 255, 0.2); }
      .picc-loading.picc-loading_bar .el-progress--line .el-progress-bar .el-progress-bar__inner {
        background-color: #ffffff; }
  .picc-loading.picc-loading_text {
    color: #ffffff;
    font-size: 16px; }
    .picc-loading.picc-loading_text i {
      font-size: 48px;
      vertical-align: middle;
      margin-right: 16px; }
  .picc-loading .el-progress__text {
    font-size: 14px;
    color: #ffffff; }
  .picc-loading .el-progress--circle .el-progress__text {
    font-size: 24px !important; }

.el-pagination {
  color: blue; }
  .el-pagination.is-background .el-pager li {
    margin: 0 8px 0 0;
    padding: 0;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 10px;
    height: 24px;
    line-height: 22px;
    min-width: 24px;
    color: #292b34;
    border: 1px solid #ddd; }
    .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #FFFFFF;
      color: #DC402B;
      border: 1px solid #DC402B; }
    .el-pagination.is-background .el-pager li:not(.disabled):hover {
      color: #DC402B; }
  .el-pagination.is-background .el-pager .more:before {
    line-height: 20px;
    color: #DC402B; }
  .el-pagination.is-background .btn-prev {
    margin: 0 8px; }
  .el-pagination.is-background .btn-next {
    margin-left: 0; }
  .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next {
    background-color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    min-width: 24px; }
  .el-pagination.is-background .el-pagination__jump {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 0 8px 0 19px; }
    .el-pagination.is-background .el-pagination__jump .el-pagination__editor {
      line-height: inherit;
      height: auto;
      padding: 0;
      margin: 0 4px 0 8px;
      width: 36px; }
      .el-pagination.is-background .el-pagination__jump .el-pagination__editor .el-input__inner {
        line-height: inherit;
        height: 24px;
        font-size: 12px;
        margin-right: 4px;
        border-radius: 2px; }

.picc-sidebar {
  min-width: 142px;
  transition: min-width .1s ease-in; }
  .picc-sidebar.is-shrink {
    min-width: 70px;
    transition: min-width .1s ease-in; }
    .picc-sidebar.is-shrink .picc-sidebar-item span {
      width: 0;
      transition: width .1s ease-in;
      opacity: 0;
      font-size: 0;
      transition: opacity .1s ease-in; }
    .picc-sidebar.is-shrink .picc-sidebar-logo {
      width: 44px;
      position: relative;
      margin: 0 auto; }
      .picc-sidebar.is-shrink .picc-sidebar-logo img {
        width: 44px;
        transition: width .1s ease-in; }
      .picc-sidebar.is-shrink .picc-sidebar-logo span {
        opacity: 0; }
  .picc-sidebar .picc-sidebar-logo {
    padding: 44px 0 48px;
    text-align: center;
    box-sizing: content-box;
    height: 65px;
    font-size: 0; }
    .picc-sidebar .picc-sidebar-logo img {
      display: block;
      width: 72px;
      margin: 0 auto; }
    .picc-sidebar .picc-sidebar-logo span {
      font-size: 10px;
      opacity: 1;
      padding-top: 8px; }
  .picc-sidebar .picc-sidebar-item {
    height: 56px;
    line-height: 56px;
    padding-left: 24px;
    box-sizing: border-box; }
    .picc-sidebar .picc-sidebar-item > a {
      font-size: 14px;
      color: #292b34; }
      .picc-sidebar .picc-sidebar-item > a svg {
        margin-right: 10px;
        color: #65677A; }
      .picc-sidebar .picc-sidebar-item > a span {
        width: 56px;
        display: inline-block; }
    .picc-sidebar .picc-sidebar-item > div {
      opacity: 0;
      left: -9999px;
      position: fixed;
      transition: opacity .1s ease-in-out;
      top: 0;
      background: #fff;
      box-shadow: 0px 0 6px 1px rgba(41, 43, 52, 0.24);
      height: 100vh;
      min-width: 288px;
      box-sizing: border-box;
      display: flex;
      flex-wrap: nowrap; }
    .picc-sidebar .picc-sidebar-item:hover > div {
      opacity: 1;
      transition: opacity .2s ease-in;
      transition-delay: .1s;
      left: 142px;
      z-index: 9999; }
    .picc-sidebar .picc-sidebar-item:hover > a {
      color: #E7390E;
      font-weight: bold; }
      .picc-sidebar .picc-sidebar-item:hover > a svg {
        color: #E7390E; }
  .picc-sidebar .picc-sidebar-sub {
    width: 288px;
    padding: 100px 32px 0;
    box-sizing: border-box; }
    .picc-sidebar .picc-sidebar-sub:not(:first-child) {
      box-shadow: -7px 0 9px rgba(200, 200, 205, 0.1); }
    .picc-sidebar .picc-sidebar-sub .picc-sidebar-sub--item, .picc-sidebar .picc-sidebar-sub .has-sub-title > div {
      padding: 7px 0;
      box-sizing: border-box;
      line-height: 14px;
      font-size: 14px; }
      .picc-sidebar .picc-sidebar-sub .picc-sidebar-sub--item a, .picc-sidebar .picc-sidebar-sub .has-sub-title > div a {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 124px;
        line-height: 16px;
        color: #292b34; }
        .picc-sidebar .picc-sidebar-sub .picc-sidebar-sub--item a:hover, .picc-sidebar .picc-sidebar-sub .has-sub-title > div a:hover {
          color: #E7390E; }
      .picc-sidebar .picc-sidebar-sub .picc-sidebar-sub--item .has-sub-title h2, .picc-sidebar .picc-sidebar-sub .has-sub-title > div .has-sub-title h2 {
        color: #292b34;
        margin: 0;
        margin-bottom: 4px;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid #a9aaae;
        padding-bottom: 12px;
        text-overflow: ellipsis;
        word-break: keep-all;
        overflow: hidden; }

.el-aside {
  overflow: hidden; }

@media screen and (min-width: 1920px) {
  .picc-sidebar {
    min-width: 184px; }
    .picc-sidebar .picc-sidebar-item {
      padding: 0 33px;
      box-sizing: unset; }
    .picc-sidebar.is-shrink {
      padding: 0 5px;
      box-sizing: unset; }
    .picc-sidebar .picc-sidebar-item:hover > div {
      left: 184px; } }

.picc-menu-side {
  padding: 0px !important;
  background-color: transparent;
  border-right: 1px solid #E2E2E2 !important; }

.toolbar_container {
  background: #FAFAFA;
  box-shadow: inset 1px 0 0 0 #E2E2E2; }

.picc-main {
  padding: 0px;
  margin-top: 30px; }

.picc-header {
  padding: 0px; }

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: anti  aliased;
  text-rendering: optimizeLegibility;
  font-family: Microsoft YaHei, Arial;
  background: #f5f5f5; }

label {
  font-weight: 700; }

html {
  height: 100%;
  box-sizing: border-box; }

#app {
  height: 100%; }

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

.no-padding {
  padding: 0px !important; }

.padding-content {
  padding: 4px 0; }

a:focus,
a:active {
  outline: none; }

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }

div:focus {
  outline: none; }

.fr {
  float: right; }

.fl {
  float: left; }

.pr-5 {
  padding-right: 5px; }

.pl-5 {
  padding-left: 5px; }

.block {
  display: block; }

.pointer {
  cursor: pointer; }

.inlineBlock {
  display: block; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

aside {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  aside a {
    color: #337ab7;
    cursor: pointer; }
    aside a:hover {
      color: #20a0ff; }

.app-container {
  padding: 20px; }

.components-container {
  margin: 30px 50px;
  position: relative; }

.pagination-container {
  margin-top: 30px; }

.text-center {
  text-align: center; }

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%); }
  .sub-navbar .subtitle {
    font-size: 20px;
    color: #fff; }
  .sub-navbar.draft {
    background: #d0d0d0; }
  .sub-navbar.deleted {
    background: #d0d0d0; }

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer; }
  .link-type:hover,
  .link-type:focus:hover {
    color: #20a0ff; }

.filter-container {
  padding-bottom: 10px; }
  .filter-container .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px; }

.multiselect {
  line-height: 16px; }

.multiselect--active {
  z-index: 1000 !important; }

.el-button, .el-button--text {
  font-family: Microsoft Yahei; }