.buttonConfig .el-dialog__body {
  padding: 10px 20px;
}
.buttonConfig .pagination-class {
  padding: 10px;
}
.buttonConfig .pagination-class .pagination-container {
    padding: 0 !important;
    margin: 0;
}

.selectForm {
  height: 80vh;
}
.selectForm .el-dialog__header {
    padding: 12px;
}
.selectForm .left-aside .el-card, .selectForm .left-aside .el-card__body {
    height: 100%;
}
.selectForm .el-radio__label {
    display: none;
}
.selectForm .el-dialog__body {
    height: calc(100% - 100px);
    padding: 10px 0 10px 10px;
}
.selectForm .el-dialog__body > .el-container {
      height: 100%;
}
.selectForm .right-aside {
    text-align: center;
}
.selectForm .right-aside .el-button-group {
      width: 60px;
      height: 170px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
}
.selectForm .right-aside .el-button-group .el-button {
        margin: 8px 0;
}
.selectForm .right-aside, .selectForm .select-aside {
    border-left: 1px solid #eee;
}
.selectForm .select-header {
    border-bottom: 1px solid #eee;
    height: 52px !important;
}
.selectForm .select-header > span {
      padding: 10px 0;
      font-size: 14px;
      line-height: 53px;
}
.selectForm .pagination-class {
    padding: 10px;
}
.selectForm .pagination-class .pagination-container {
      padding: 0 !important;
      margin: 0;
}
.selectForm .el-scrollbar__wrap {
    overflow: auto;
    overflow-x: hidden;
}

.itemConfig .el-main {
  padding: 0 15px 15px;
}
.itemConfig .el-table__expanded-cell {
  padding: 10px;
}
.itemConfig .el-form-item {
  margin-bottom: 10px;
}
.itemConfig .el-form-item .el-input {
    width: 70%;
}
.itemConfig .el-dialog__body {
  padding: 10px 20px;
}

.multiInstance .el-main {
  padding: 0 15px 15px;
}
.multiInstance .el-form-item {
  margin-bottom: 10px;
}
.multiInstance .el-dialog__body {
  height: 35vh;
  padding: 5%;
}

.selectTemplate .el-radio__label {
  display: none;
}
.selectTemplate .el-dialog__body {
  padding: 10px 20px;
}
.selectTemplate .pagination-class {
  padding: 10px;
}
.selectTemplate .pagination-class .pagination-container {
    padding: 0 !important;
    margin: 0;
}

.choseUser {
  height: 80vh;
}
.choseUser .el-dialog__header {
    padding: 12px;
}
.choseUser .el-dialog__body {
    height: calc(100% - 100px);
    padding: 10px 0 10px 10px;
}
.choseUser .el-dialog__body > .el-container {
      height: 100%;
}
.choseUser .left-aside {
    height: 100%;
}
.choseUser .left-aside .box-card {
      height: 100%;
}
.choseUser .left-aside .box-card .el-card__body {
        height: 100%;
        padding: 5px;
}
.choseUser .right-aside {
    text-align: center;
}
.choseUser .right-aside .el-button-group {
      width: 60px;
      height: 170px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
}
.choseUser .right-aside .el-button-group .el-button {
        margin: 8px 0;
}
.choseUser .right-aside, .choseUser .select-aside {
    border-left: 1px solid #eee;
}
.choseUser .select-header {
    border-bottom: 1px solid #eee;
    height: 52px !important;
}
.choseUser .select-header > span {
      padding: 10px 0;
      font-size: 14px;
      line-height: 53px;
}
.choseUser .cell .el-tag {
    margin: 3px;
}
.choseUser .pagination-class {
    padding: 10px;
}
.choseUser .pagination-class .pagination-container {
      padding: 0 !important;
      margin: 0;
}
.choseUser .el-scrollbar__wrap {
    overflow-x: hidden;
}

.submitConfig .el-main {
  padding: 0 15px 15px;
}
.submitConfig .el-dialog__body {
  height: 35vh;
  padding: 30px 20px;
}

.selectPost {
  height: 80vh;
}
.selectPost .el-dialog__header {
    padding: 12px;
}
.selectPost .el-dialog__body {
    height: calc(100% - 100px);
    padding: 10px 0 10px 10px;
}
.selectPost .el-dialog__body > .el-container {
      height: 100%;
}
.selectPost .right-aside {
    text-align: center;
}
.selectPost .right-aside .el-button-group {
      width: 60px;
      height: 170px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
}
.selectPost .right-aside .el-button-group .el-button {
        margin: 8px 0;
}
.selectPost .right-aside, .selectPost .select-aside {
    border-left: 1px solid #eee;
}
.selectPost .select-header {
    border-bottom: 1px solid #eee;
    height: 52px !important;
}
.selectPost .select-header > span {
      padding: 10px 0;
      font-size: 14px;
      line-height: 53px;
}
.selectPost .pagination-class {
    padding: 10px;
}
.selectPost .pagination-class .pagination-container {
      padding: 0 !important;
      margin: 0;
}

.selectRole {
  height: 80vh;
}
.selectRole .el-dialog__header {
    padding: 12px;
}
.selectRole .el-dialog__body {
    height: calc(100% - 100px);
    padding: 10px 0 10px 10px;
}
.selectRole .el-dialog__body > .el-container {
      height: 100%;
}
.selectRole .right-aside {
    text-align: center;
}
.selectRole .right-aside .el-button-group {
      width: 60px;
      height: 170px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
}
.selectRole .right-aside .el-button-group .el-button {
        margin: 8px 0;
}
.selectRole .right-aside, .selectRole .select-aside {
    border-left: 1px solid #eee;
}
.selectRole .select-header {
    border-bottom: 1px solid #eee;
    height: 52px !important;
}
.selectRole .select-header > span {
      padding: 10px 0;
      font-size: 14px;
      line-height: 53px;
}
.selectRole .pagination-class {
    padding: 10px;
}
.selectRole .pagination-class .pagination-container {
      padding: 0 !important;
      margin: 0;
}

.userConfig {
  max-width: 820px;
}
.userConfig .el-dialog__header {
    padding: 15px;
}
.userConfig .el-dialog__body {
    padding: 10px;
}
.userConfig .el-dialog__footer {
    padding: 10px;
}
.userConfig .hidden {
    display: none;
}
.userConfig .pagination-class {
    padding: 10px;
}
.userConfig .pagination-class .pagination-container {
      padding: 0 !important;
      margin: 0;
}
.userConfig .config-table .el-select {
    width: 100%;
}
.userConfig .config-table .el-button {
    padding: 7px 10px;
}

.addBtn .el-input-number__decrease, .addBtn .el-input-number__increase {
  background-color: #f5f7fa;
}

.addBtn .el-row[data-v-c254205a] {
  width: 100%;
}
.addBtn .el-input-number[data-v-c254205a], .addBtn .el-select[data-v-c254205a] {
  width: 100%;
}
.addBtn .tip[data-v-c254205a] {
  padding: 5px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 10px 0;
}

.addLimit .el-input-number__decrease, .addLimit .el-input-number__increase {
  background-color: #f5f7fa;
}

.addLimit .el-row[data-v-2288291c] {
  width: 100%;
}
.addLimit .el-input-number[data-v-2288291c], .addLimit .el-select[data-v-2288291c] {
  width: 100%;
}
.addLimit .tip[data-v-2288291c] {
  padding: 5px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 10px 0;
}

.addNotice .el-input-number__decrease, .addNotice .el-input-number__increase {
  background-color: #f5f7fa;
}

.addNotice .el-row[data-v-58fdb517] {
  width: 100%;
}
.addNotice .el-input-number[data-v-58fdb517], .addNotice .el-select[data-v-58fdb517] {
  width: 100%;
}
.addNotice .tip[data-v-58fdb517] {
  padding: 5px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 10px 0;
}

.appForm .el-input-number__decrease, .appForm .el-input-number__increase {
  background-color: #f5f7fa;
}
.appForm .el-dialog__body {
  min-height: 150px;
}

.appForm .el-row[data-v-ddf4d41a] {
  width: 100%;
}
.appForm .el-input-number[data-v-ddf4d41a], .appForm .el-select[data-v-ddf4d41a] {
  width: 100%;
}
.appForm .tip[data-v-ddf4d41a] {
  padding: 5px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 10px 0;
}

.appForm .el-input-number__decrease, .appForm .el-input-number__increase {
  background-color: #f5f7fa;
}
.appForm .el-dialog__body {
  min-height: 150px;
}

.appForm .el-row[data-v-8e66ebd8] {
  width: 100%;
}
.appForm .el-input-number[data-v-8e66ebd8], .appForm .el-select[data-v-8e66ebd8] {
  width: 100%;
}
.appForm .tip[data-v-8e66ebd8] {
  padding: 5px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 10px 0;
}


.json-editor[data-v-b286fc80]{
  height: 100%;
  margin-bottom: 10px;
}
.json-editor[data-v-b286fc80] .CodeMirror {
  font-size: 14px;
  overflow-y:auto;
  font-weight:normal
}
.json-editor[data-v-b286fc80] .CodeMirror-scroll{
}
.json-editor[data-v-b286fc80] .cm-s-rubyblue span.cm-string {
  color: #F08047;
}

.authorityForm {
  max-width: 700px;
  height: 68vh;
}
.authorityForm .el-dialog__header {
    padding: 15px;
}
.authorityForm .el-dialog__body {
    padding: 15px 20px 0;
    height: calc(100% - 112px);
    overflow: auto;
}
.authorityForm .el-dialog__body .el-form .el-form-item {
      margin-bottom: 12px;
}
.authorityForm .el-dialog__body .el-form .el-form-item .el-form-item__label {
        line-height: 25px;
        padding: 0 0 10px 0;
}
.authorityForm .el-dialog__body .el-form .el-form-item.dataRange .el-form-item__label {
        padding-bottom: 5px;
}
.authorityForm .el-dialog__body .el-form .el-form-item .el-checkbox-group {
        line-height: 20px;
}
.authorityForm .el-dialog__body .el-table .el-table__header-wrapper th {
      line-height: 20px;
}
.authorityForm .el-form .el-select {
    width: 100%;
}
.authorityForm .el-dialog__footer {
    padding: 10px;
}
.filter-popover {
  padding: 10px 10px 5px;
}

.filter-popover .search-empty[data-v-674fccc9] {
  text-align: center;
  height: 32px;
  line-height: 32px;
  color: #91A1B7;
}
.filter-popover .field-list[data-v-674fccc9] {
  max-height: 200px;
  margin: 5px 0 0 0;
  padding: 0;
  overflow: auto;
}
.filter-popover .field-list .field[data-v-674fccc9]:not(.disabled):hover {
    background: #eef0ff;
}
.filter-popover .field-list .field .menu-item[data-v-674fccc9] {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #606266;
    padding: 0 6px;
    display: block;
    height: 32px;
    line-height: 32px;
}
.filter-popover .field-list .field .menu-item span[data-v-674fccc9] {
      margin-left: 5px;
}
.filter-popover .field-list .field.disabled .menu-item[data-v-674fccc9] {
    cursor: default;
    color: #C3CDDA;
}
.authorityForm .el-form .filter[data-v-674fccc9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.authorityForm .el-form .filter .el-select[data-v-674fccc9] {
    width: 70px;
    margin: 0 5px;
}
.authorityForm .el-form .addFilter[data-v-674fccc9] {
  margin: 10px 0 0;
}
.authorityForm .el-form .filter-list[data-v-674fccc9] {
  margin-top: 10px;
}
.authorityForm .el-form .filter-list .filter-cell[data-v-674fccc9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    padding: 6px 0;
}
.authorityForm .el-form .filter-list .filter-cell .filter-name[data-v-674fccc9] {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      padding-right: 10px;
      max-width: 50%;
}
.authorityForm .el-form .filter-list .filter-cell .filter-method[data-v-674fccc9] {
      -webkit-box-flex: .4;
          -ms-flex: .4;
              flex: .4;
      min-width: 70px;
      padding-right: 10px;
}
.authorityForm .el-form .filter-list .filter-cell .filter-widget[data-v-674fccc9] {
      -webkit-box-flex: .6;
          -ms-flex: .6;
              flex: .6;
      min-width: 70px;
      padding-right: 10px;
}
.authorityForm .el-form .filter-list .filter-cell .filter-btn i[data-v-674fccc9] {
      color: red;
      font-size: 16px;
}
.authorityForm .el-form .filter-list .filter-cell .filter-btn i[data-v-674fccc9]:hover {
        cursor: pointer;
}

.authorityList .el-radio__label {
  display: none;
}
.authorityList .middle-header {
  padding: 0;
  height: auto !important;
}
.authorityList .el-dialog__body {
  padding: 10px 20px;
}
.authorityList .pagination-class {
  padding: 10px;
}
.authorityList .pagination-class .pagination-container {
    padding: 0 !important;
    margin: 0;
}

.currNode_wrapper .currNode .el-form-item__label {
  font-size: 15px;
}
.currNode_wrapper .currNode .el-avatar i {
  font-size: 32px;
  line-height: inherit;
}
.currNode_wrapper .nextNode .node_desc .el-form-item__content {
  font-size: 18px;
}
.currNode_wrapper .nextNode .node_desc .el-avatar {
  margin-right: 20px;
}
.currNode_wrapper .nextNode .node_desc .el-avatar i {
    font-size: 28px;
    line-height: inherit;
}
.currNode_wrapper .nextNode .startFlow {
  margin-top: 10px;
}
.currNode_wrapper .nextNode .startFlow .el-form-item__content {
    max-height: 10vh;
    overflow: auto !important;
    text-overflow: initial !important;
    word-break: initial !important;
}
.currNode_wrapper .nextNode .startFlow .el-form-item__content .el-tag {
      margin: 0 5px 5px 0;
}

.currNode_wrapper[data-v-6bf2d7d2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.currNode_wrapper .el-card[data-v-6bf2d7d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    border: 5px solid #eb6840;
    -webkit-box-shadow: 0 2px 15px 0 rgba(243, 75, 75, 0.48);
            box-shadow: 0 2px 15px 0 rgba(243, 75, 75, 0.48);
}
.currNode_wrapper .el-card.finish[data-v-6bf2d7d2] {
      border: 5px solid #80c269;
      -webkit-box-shadow: 0 2px 15px 0 rgba(66, 173, 89, 0.48);
              box-shadow: 0 2px 15px 0 rgba(66, 173, 89, 0.48);
      -webkit-transition: all 1s;
      transition: all 1s;
}
.currNode_wrapper .el-card .node_desc[data-v-6bf2d7d2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.currNode_wrapper .el-card .node_desc .el-avatar[data-v-6bf2d7d2] {
        margin-right: 15px;
}
.currNode_wrapper .el-card .node_desc .el-form-item[data-v-6bf2d7d2] {
        margin-bottom: 0;
}
.currNode_wrapper .el-card .node_desc .el-form-item .el-input[data-v-6bf2d7d2] {
          font-size: 16px;
}
.currNode_wrapper .currNode[data-v-6bf2d7d2] {
    width: 30vw;
    height: 33vh;
}
.currNode_wrapper .currNode .node_desc[data-v-6bf2d7d2] {
      margin-bottom: 30px;
}
.currNode_wrapper .currNode .node_desc .el-form-item[data-v-6bf2d7d2] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.currNode_wrapper .arrow[data-v-6bf2d7d2] {
    width: 9vw;
    padding: 0 10px;
    text-align: center;
}
.currNode_wrapper .nextNode[data-v-6bf2d7d2] {
    width: 17vw;
    min-width: 250px;
    height: 20vh;
    min-height: 100px;
}
.currNode_wrapper .nextNode .el-card__body[data-v-6bf2d7d2] {
      padding: 10px;
}

.finish_wrapper .currNode .el-form-item__label {
  font-size: 15px;
}
.finish_wrapper .currNode .el-avatar i {
  font-size: 32px;
  line-height: inherit;
}
.finish_wrapper .latestNode .el-form-item__content, .finish_wrapper .nextNode .el-form-item__content {
  font-size: 18px;
}
.finish_wrapper .latestNode .el-avatar i, .finish_wrapper .nextNode .el-avatar i {
  font-size: 24px;
  line-height: inherit;
}

.finish_wrapper[data-v-c04a0ed4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.finish_wrapper .el-card[data-v-c04a0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    border: 5px solid #eb6840;
    -webkit-box-shadow: 0 2px 15px 0 rgba(243, 75, 75, 0.48);
            box-shadow: 0 2px 15px 0 rgba(243, 75, 75, 0.48);
}
.finish_wrapper .el-card.finish[data-v-c04a0ed4] {
      border: 5px solid #80c269;
      -webkit-box-shadow: 0 2px 15px 0 rgba(66, 173, 89, 0.48);
              box-shadow: 0 2px 15px 0 rgba(66, 173, 89, 0.48);
}
.finish_wrapper .el-card .node_desc[data-v-c04a0ed4] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.finish_wrapper .el-card .node_desc .el-avatar[data-v-c04a0ed4] {
        margin-right: 15px;
}
.finish_wrapper .el-card .node_desc .el-avatar i[data-v-c04a0ed4] {
          font-size: 28px;
          line-height: inherit;
}
.finish_wrapper .el-card .node_desc .el-form-item[data-v-c04a0ed4] {
        margin-bottom: 0;
}
.finish_wrapper .el-card .node_desc .el-form-item .el-input[data-v-c04a0ed4] {
          font-size: 16px;
}
.finish_wrapper .latestNode[data-v-c04a0ed4], .finish_wrapper .nextNode[data-v-c04a0ed4] {
    width: 15vw;
    height: 18vh;
    min-height: 115px;
}
.finish_wrapper .latestNode[data-v-c04a0ed4] {
    position: relative;
}
.finish_wrapper .latestNode .startCheck[data-v-c04a0ed4] {
      position: absolute;
      top: 10px;
      right: 10px;
}
.finish_wrapper .currNode[data-v-c04a0ed4] {
    width: 29vw;
    height: 34vh;
}
.finish_wrapper .currNode .node_desc[data-v-c04a0ed4] {
      margin-bottom: 30px;
}
.finish_wrapper .currNode .node_desc .el-form-item[data-v-c04a0ed4] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.finish_wrapper .currNode .node_desc .el-form-item .el-input[data-v-c04a0ed4] {
          font-size: 16px;
}
.finish_wrapper .arrow[data-v-c04a0ed4] {
    width: 8vw;
    padding: 0 10px;
    text-align: center;
}

.itemConfig .outFormKey .el-input__inner {
  border: none;
}

.itemConfig[data-v-c9ad2490] {
  height: 100%;
}
.itemConfig .btnGroup[data-v-c9ad2490] {
    margin: 15px 0 10px;
}
.itemConfig .el-main[data-v-c9ad2490] {
    padding: 0;
}
.itemConfig .el-table__expanded-cell[data-v-c9ad2490] {
    padding: 10px;
}
.itemConfig .el-form-item[data-v-c9ad2490] {
    margin-bottom: 5px;
}
.itemConfig .el-form-item .el-input[data-v-c9ad2490] {
      width: 70%;
}
.itemConfig .el-dialog__body[data-v-c9ad2490] {
    padding: 10px 20px;
}

.latestNode_wrapper .latestNode .el-form-item__label, .latestNode_wrapper .currNode .el-form-item__label {
  font-size: 14px;
}
.latestNode_wrapper .latestNode .el-avatar, .latestNode_wrapper .currNode .el-avatar {
  margin-right: 15px;
}
.latestNode_wrapper .latestNode .el-avatar i, .latestNode_wrapper .currNode .el-avatar i {
    font-size: 32px;
    line-height: inherit;
}
.latestNode_wrapper .nextNode .el-form-item__content {
  font-size: 16px;
}
.latestNode_wrapper .nextNode .el-avatar {
  margin-right: 15px;
}
.latestNode_wrapper .nextNode .el-avatar i {
    font-size: 24px;
    line-height: inherit;
}

.latestNode_wrapper[data-v-38944ca8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.latestNode_wrapper .el-card[data-v-38944ca8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    border: 5px solid #eb6840;
    -webkit-box-shadow: 0 2px 15px 0 rgba(243, 75, 75, 0.48);
            box-shadow: 0 2px 15px 0 rgba(243, 75, 75, 0.48);
}
.latestNode_wrapper .el-card.finish[data-v-38944ca8] {
      border: 5px solid #80c269;
      -webkit-box-shadow: 0 2px 15px 0 rgba(66, 173, 89, 0.48);
              box-shadow: 0 2px 15px 0 rgba(66, 173, 89, 0.48);
}
.latestNode_wrapper .el-card .node_desc[data-v-38944ca8] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.latestNode_wrapper .el-card .node_desc .el-avatar[data-v-38944ca8] {
        margin-right: 15px;
}
.latestNode_wrapper .el-card .node_desc .el-form-item[data-v-38944ca8] {
        margin-bottom: 0;
}
.latestNode_wrapper .el-card .node_desc .el-form-item .el-input[data-v-38944ca8] {
          font-size: 16px;
}
.latestNode_wrapper .latestNode[data-v-38944ca8] {
    position: relative;
    width: 27vw;
    height: 33vh;
}
.latestNode_wrapper .latestNode .startCheck[data-v-38944ca8] {
      position: absolute;
      top: 15px;
      right: 15px;
}
.latestNode_wrapper .latestNode .node_desc[data-v-38944ca8] {
      margin-bottom: 30px;
}
.latestNode_wrapper .latestNode .node_desc .el-form-item[data-v-38944ca8] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.latestNode_wrapper .currNode[data-v-38944ca8] {
    width: 21vw;
    height: 26vh;
}
.latestNode_wrapper .currNode .node_desc[data-v-38944ca8] {
      margin-bottom: 20px;
}
.latestNode_wrapper .currNode .node_desc .el-form-item[data-v-38944ca8] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.latestNode_wrapper .arrow[data-v-38944ca8] {
    width: 8vw;
    padding: 0 10px;
    text-align: center;
}
.latestNode_wrapper .nextNode[data-v-38944ca8] {
    width: 11vw;
    height: 15vh;
    min-height: 95px;
}

.multiInstance .el-form-item .el-form-item__content {
  line-height: 27px;
}

.multiInstance .el-form-item[data-v-59f8718a] {
  margin-bottom: 5px;
}

.roleConfig[data-v-721c535b] {
  height: 100%;
}
.roleConfig .btnGroup[data-v-721c535b] {
    margin-bottom: 10px;
}
.roleConfig .el-dialog__body[data-v-721c535b] {
    padding: 10px 20px;
}
.roleConfig .hidden[data-v-721c535b] {
    display: none;
}
.roleConfig .pagination-class[data-v-721c535b] {
    padding: 10px;
}
.roleConfig .pagination-class .pagination-container[data-v-721c535b] {
      padding: 0 !important;
      margin: 0;
}
.roleConfig .config-table .el-select[data-v-721c535b] {
    width: 100%;
}
.roleConfig .config-table .el-button[data-v-721c535b] {
    padding: 7px 10px;
}


.slide-verify[data-v-6b012f83] {
    position: relative;
    width: 310px;
    overflow: hidden;
}
.slide-verify-block[data-v-6b012f83] {
    position: absolute;
    left: 0;
    top: 0;
}
.iconClass[data-v-6b012f83]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    top: 0px;
}
.slide-verify-refresh-icon[data-v-6b012f83] {

    width: 34px;
    height: 34px;
    cursor: pointer;
    content: '\5237\65B0';
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
    color: #3fdeae;
    /* background: url("../../assets/move/icon_light.png") 0 -437px; */
    background-size: 34px 471px;
}
.slide-verify-refresh-icon[data-v-6b012f83]:hover {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.slide-verify-slider[data-v-6b012f83] {
    position: relative;
    text-align: center;
    width: 310px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background: #f7f9fa;
    color: #45494c;
    border: 1px solid #e4e7eb;
}
.slide-verify-slider-mask[data-v-6b012f83] {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #1991fa;
    background: #d1e9fe;
}
.slide-verify-info[data-v-6b012f83] {
    position: absolute;
    top: 170px;
    left: 0;
    height: 30px;
    width: 350px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background-color: #52ccba;
    opacity: 0;
}
.slide-verify-info.fail[data-v-6b012f83] {
    background-color: #f57a7a;
}
.slide-verify-info.show[data-v-6b012f83] {
    -webkit-animation: hide-data-v-6b012f83 1s ease;
            animation: hide-data-v-6b012f83 1s ease;
}
@-webkit-keyframes hide-data-v-6b012f83 {
0% {opacity: 0;}
100% {opacity: 0.9;}
}
@keyframes hide-data-v-6b012f83 {
0% {opacity: 0;}
100% {opacity: 0.9;}
}
.slide-verify-slider-mask-item[data-v-6b012f83] {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.slide-verify-slider-mask-item[data-v-6b012f83]:hover {
    background: #1991fa;
}
.slide-verify-slider-mask-item:hover .slide-verify-slider-mask-item-icon[data-v-6b012f83] {
    background-position: 0 -13px;
}
.slide-verify-slider-mask-item-icon[data-v-6b012f83] {
    position: absolute;
    top: 9px;
    left: 7px;
    width: 14px;
    height: 12px;
    content: '\6CD5\5E01';
    font-size: 22px;
    color: #ddd;
    /* text-align: center;
    line-height: 12px; */
    /* background: url("../../assets/move/icon_light.png") 0 -26px; */
    /* background-size: 34px 471px; */
}
.container-active .slide-verify-slider-mask-item[data-v-6b012f83] {
    height: 38px;
    top: -1px;
    border: 1px solid #1991fa;
}
.container-active .slide-verify-slider-mask[data-v-6b012f83] {
    height: 38px;
    border-width: 1px;
}
.container-success .slide-verify-slider-mask-item[data-v-6b012f83] {
    height: 38px;
    top: -1px;
    border: 1px solid #52ccba;
    background-color: #52ccba !important;
}
.container-success .slide-verify-slider-mask[data-v-6b012f83] {
    height: 38px;
    border: 1px solid #52ccba;
    background-color: #d2f4ef;
}
.container-success .slide-verify-slider-mask-item-icon[data-v-6b012f83] {
    background-position: 0 0 !important;
}
.container-fail .slide-verify-slider-mask-item[data-v-6b012f83] {
    height: 38px;
    top: -1px;
    border: 1px solid #f57a7a;
    background-color: #f57a7a !important;
}
.container-fail .slide-verify-slider-mask[data-v-6b012f83] {
    height: 38px;
    border: 1px solid #f57a7a;
    background-color: #fce1e1;
}
.container-fail .slide-verify-slider-mask-item-icon[data-v-6b012f83] {
    top: 14px;
    background-position: 0 -82px !important;
}
.container-active .slide-verify-slider-text[data-v-6b012f83],
.container-success .slide-verify-slider-text[data-v-6b012f83],
.container-fail .slide-verify-slider-text[data-v-6b012f83] {
    display: none;
}

.wrap[data-v-f18652cc] {
  overflow-y: auto;
}

.col_area[data-v-0be1c9a7] {
  margin: 10px 0;
}
.col_area .c_item span[data-v-0be1c9a7] {
    padding-right: 10px;
}
.col_area .c_item .m_split[data-v-0be1c9a7] {
    padding-left: 20px;
    padding-right: 20px;
}
.col_area .c_item .del_btn[data-v-0be1c9a7] {
    margin-left: 20px;
}

.col_area[data-v-1963fd7c] {
  margin: 10px 0;
}
.col_area .c_item span[data-v-1963fd7c] {
    padding-right: 10px;
}
.col_area .c_item .m_split[data-v-1963fd7c] {
    padding-left: 20px;
    padding-right: 20px;
}
.col_area .c_item .del_btn[data-v-1963fd7c] {
    margin-left: 20px;
}

.col_area[data-v-1947ce7a] {
  margin: 10px 0;
}
.col_area .c_item span[data-v-1947ce7a] {
    padding-right: 10px;
}
.col_area .c_item .m_split[data-v-1947ce7a] {
    padding-left: 20px;
    padding-right: 20px;
}
.col_area .c_item .del_btn[data-v-1947ce7a] {
    margin-left: 20px;
}

.ql-toolbar.ql-snow {
  padding: 0px;
  background: white;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 0px;
}
.setBg .ql-blank {
  background: #f5f7fa !important;
}

.selectUser .el-dialog__body {
  padding: 10px 20px;
}
.selectUser .right-aside {
  text-align: center;
}
.selectUser .right-aside .el-button-group {
    width: 60px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.selectUser .right-aside .el-button-group .el-button {
      margin: 8px 0;
}
.selectUser .right-aside, .selectUser .select-aside {
  border-left: 1px solid #eee;
}
.selectUser .select-header {
  border-bottom: 1px solid #eee;
  height: 52px !important;
}
.selectUser .select-header > span {
    padding: 10px 0;
    font-size: 14px;
    line-height: 53px;
}
.selectUser .pagination-class {
  padding: 10px;
}
.selectUser .pagination-class .pagination-container {
    padding: 0;
}

.selectPost .el-dialog__body {
  padding: 10px 20px;
}
.selectPost .right-aside {
  text-align: center;
}
.selectPost .right-aside .el-button-group {
    width: 60px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.selectPost .right-aside .el-button-group .el-button {
      margin: 8px 0;
}
.selectPost .right-aside, .selectPost .select-aside {
  border-left: 1px solid #eee;
}
.selectPost .select-header {
  border-bottom: 1px solid #eee;
  height: 52px !important;
}
.selectPost .select-header > span {
    padding: 10px 0;
    font-size: 14px;
    line-height: 53px;
}
.selectPost .pagination-class {
  padding: 10px;
}
.selectPost .pagination-class .pagination-container {
    padding: 0;
}

.selectRole .el-dialog__body {
  padding: 10px 20px;
}
.selectRole .right-aside {
  text-align: center;
}
.selectRole .right-aside .el-button-group {
    width: 60px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.selectRole .right-aside .el-button-group .el-button {
      margin: 8px 0;
}
.selectRole .right-aside, .selectRole .select-aside {
  border-left: 1px solid #eee;
}
.selectRole .select-header {
  border-bottom: 1px solid #eee;
  height: 52px !important;
}
.selectRole .select-header > span {
    padding: 10px 0;
    font-size: 14px;
    line-height: 53px;
}
.selectRole .pagination-class {
  padding: 10px;
}
.selectRole .pagination-class .pagination-container {
    padding: 0;
}

.userConfig .el-dialog__body {
  padding: 10px 20px;
}
.userConfig .hidden {
  display: none;
}
.userConfig .pagination-class {
  padding: 10px;
}
.userConfig .pagination-class .pagination-container {
    padding: 0;
}
.userConfig .config-table .el-select {
  width: 100%;
}
.userConfig .config-table .el-button {
  padding: 7px 10px;
}


.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-91534110]{
  height: auto;
  max-height: 274px;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
[data-v-91534110]::-webkit-scrollbar {
  width:5px;
  background-color: #f3f3f3;
}

/* 滚动槽 */
[data-v-91534110]::-webkit-scrollbar-track {
  border-radius:10px;
}

/* 滚动条滑块 */
[data-v-91534110]::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:#1AA094;
}
.el-select-dropdown__item.selected[data-v-91534110]{
  font-weight: normal;
}
ul li[data-v-91534110] .el-tree .el-tree-node__content{
  height:auto;
  padding: 0 20px;
}
.el-tree-node__label[data-v-91534110]{
  font-weight: normal;
}
.el-tree[data-v-91534110] .is-current .el-tree-node__label{
  color: #409EFF;
  font-weight: 700;
}
.el-tree[data-v-91534110] .is-current .el-tree-node__children .el-tree-node__label{
  color:#606266;
  font-weight: normal;
}

.selectBtn .el-dialog__body {
  padding: 10px 20px;
}
.selectBtn .pagination-class {
  padding: 10px;
}
.selectBtn .pagination-class .pagination-container {
    padding: 0;
}

.selectForm {
  height: 80vh;
}
.selectForm .el-dialog__body {
    height: calc(100% - 110px);
    padding: 10px 0 10px 10px;
}
.selectForm .el-dialog__body > .el-container {
      height: 100%;
}
.selectForm .left-aside .el-card, .selectForm .left-aside .el-card__body {
    height: 100%;
}
.selectForm .right-aside {
    text-align: center;
}
.selectForm .right-aside .el-button-group {
      width: 60px;
      height: 170px;
      margin: 0 auto;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
}
.selectForm .right-aside .el-button-group .el-button {
        margin: 8px 0;
}
.selectForm .right-aside, .selectForm .select-aside {
    border-left: 1px solid #eee;
}
.selectForm .select-header {
    border-bottom: 1px solid #eee;
    height: 52px !important;
}
.selectForm .select-header > span {
      padding: 10px 0;
      font-size: 14px;
      line-height: 53px;
}
.selectForm .pagination-class {
    padding: 10px;
}
.selectForm .pagination-class .pagination-container {
      padding: 0;
}
.selectForm .el-scrollbar__wrap {
    overflow: auto;
    overflow-x: hidden;
}

.checkBoxXcjh .el-checkbox {
  width: 120px;
}

.sysForm .el-input-number__decrease, .sysForm .el-input-number__increase {
  background-color: #f5f7fa;
}
.sysForm .el-dialog__body {
  min-height: 150px;
}

.sysForm .el-row[data-v-0e0f6ffc] {
  width: 100%;
}
.sysForm .el-input-number[data-v-0e0f6ffc], .sysForm .el-select[data-v-0e0f6ffc] {
  width: 100%;
}
.sysForm .tip[data-v-0e0f6ffc] {
  padding: 5px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 10px 0;
}


.editor {
  line-height: normal !important;
  height: 500px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "\8BF7\8F93\5165\94FE\63A5\5730\5740:";
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: '\4FDD\5B58';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "\8BF7\8F93\5165\89C6\9891\5730\5740:";
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '14px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: '10px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: '32px';
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: '\6587\672C';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: '\6807\9898  1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: '\6807\9898  2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: '\6807\9898  3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: '\6807\9898  4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: '\6807\9898  5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: '\6807\9898  6';
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: '\6807\51C6\5B57\4F53';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: '\886C\7EBF\5B57\4F53';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: '\7B49\5BBD\5B57\4F53';
}

.news-home[data-v-79b503c6] {
  background-color: #FFFFFF;
  width: 100%;
  margin: auto;
}
.news-main[data-v-79b503c6] {
  width: 100%;
  margin: auto;
}
.news-content[data-v-79b503c6] {
  background-color: #acadae;
  width: 100%;
  position: relative;
}
.news-content-title[data-v-79b503c6] {
  display: inline-block;
  font-size: 12px;
  color: #FFFFFF;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: black;
  width: 98%;
  padding: 1%;
  opacity: 0.65;
  white-space: normal;
  -webkit-box-sizing: unset !important;
          box-sizing: unset !important;
}
.news-main-item[data-v-79b503c6] {
  background-color: #FFFFFF;
  padding: 5px 0px;
  border-top: 1px solid #eaeaea;
}
.news-content-item[data-v-79b503c6] {
  position: relative;
}
.news-content-item-title[data-v-79b503c6] {
  display: inline-block;
  font-size: 10px;
  width: 70%;
  margin-left: 1%;
  white-space: normal;
}
.news-content-item-img[data-v-79b503c6] {
  display: inline-block;
  width: 25%;
  background-color: #acadae;
  margin-right: 1%;
}
.material-img[data-v-79b503c6] {
  width: 100%;
}

@charset "UTF-8";
/*瀑布流样式*/
.waterfall[data-v-1f8891cd] {
  width: 100%;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
  margin: 0 auto;
}
.waterfall-item[data-v-1f8891cd] {
  padding: 10px;
  margin-bottom: 10px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  border: 1px solid #eaeaea;
}
.material-img[data-v-1f8891cd] {
  width: 100%;
}
p[data-v-1f8891cd] {
  line-height: 30px;
}
@media (min-width: 992px) and (max-width: 1300px) {
.waterfall[data-v-1f8891cd] {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
p[data-v-1f8891cd] {
    color: red;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.waterfall[data-v-1f8891cd] {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
p[data-v-1f8891cd] {
    color: orange;
}
}
@media (max-width: 767px) {
.waterfall[data-v-1f8891cd] {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
}

/*瀑布流样式*/

.wx-voice-div[data-v-b62a054e] {
  padding: 5px;
  background-color: #eaeaea;
  border-radius: 10px;
}
.amr-duration[data-v-b62a054e] {
  font-size: 11px;
  margin-left: 5px;
}

.public-account-management .el-input[data-v-785ea490] {
  width: 70%;
  margin-right: 2%;
}
.pagination[data-v-785ea490] {
  text-align: right;
  margin-right: 25px;
}
.select-item[data-v-785ea490] {
  width: 280px;
  padding: 10px;
  margin: 0 auto 10px auto;
  border: 1px solid #eaeaea;
}
.select-item2[data-v-785ea490] {
  padding: 10px;
  margin: 0 auto 10px auto;
  border: 1px solid #eaeaea;
}
.ope-row[data-v-785ea490] {
  padding-top: 10px;
  text-align: center;
}
.item-name[data-v-785ea490] {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.el-form-item__content[data-v-785ea490] {
  line-height: unset !important;
}
.col-select[data-v-785ea490] {
  border: 1px solid #eaeaea;
  padding: 50px 0px;
  height: 160px;
  width: 49.5%;
}
.col-select2[data-v-785ea490] {
  border: 1px solid #eaeaea;
  padding: 50px 0px;
  height: 160px;
}
.col-add[data-v-785ea490] {
  border: 1px solid #eaeaea;
  padding: 50px 0px;
  height: 160px;
  width: 49.5%;
  float: right;
}
.avatar-uploader-icon[data-v-785ea490] {
  border: 1px solid #d9d9d9;
  font-size: 28px;
  color: #8c939d;
  width: 100px !important;
  height: 100px !important;
  line-height: 100px !important;
  text-align: center;
}
.material-img[data-v-785ea490] {
  width: 100%;
}
.thumb-div[data-v-785ea490] {
  display: inline-block;
  text-align: center;
}
.item-infos[data-v-785ea490] {
  width: 30%;
  margin: auto;
}

.msg-main[data-v-19d5c127] {
  margin-top: -30px;
  padding: 10px;
}
.msg-div[data-v-19d5c127] {
  height: 50vh;
  overflow: auto;
  background-color: #eaeaea;
}
.msg-send[data-v-19d5c127] {
  padding: 10px;
}
.avue-comment__main[data-v-19d5c127] {
  -webkit-box-flex: unset !important;
      -ms-flex: unset !important;
          flex: unset !important;
  border-radius: 5px !important;
  margin: 0 8px !important;
}
.avue-comment__header[data-v-19d5c127] {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.avue-comment__body[data-v-19d5c127] {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.avatar-div[data-v-19d5c127] {
  text-align: center;
  width: 80px;
}
.send-but[data-v-19d5c127] {
  float: right;
  margin-top: 8px !important;
}

.login-copyright {
  color: #999;
  width: 100%;
  position: fixed;
  bottom: 30px;
  text-align: center;
}
.login-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 160px;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  min-height: 850px;
  min-width: 1600px;
}
.login-tip {
  color: #409eff;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
}
.login-logo {
  overflow: hidden;
  width: 110px;
  height: 110px;
  margin: -50px auto 20px auto;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.07);
  padding: 10px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
.login-logo img {
    width: 100%;
}
.login-weaper {
  position: relative;
  margin: 0 auto;
  width: 380px;
  height: 438px;
  padding: 40px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
          box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 10px;
  z-index: 999;
}
.login-left,
.login-border {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #409eff;
  color: #fff;
  float: left;
  width: 50%;
  position: relative;
}
.login-left .img {
  width: 140px;
}
.login-left .title {
  margin-top: 60px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: 25px;
}
.login-border {
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  background-color: #fff;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-main {
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-main > h3 {
  margin-bottom: 20px;
}
.login-main > p {
  color: #76838f;
}
.login-title {
  color: #333;
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  letter-spacing: 4px;
}
.login-select input {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  border: none;
  text-align: center;
}
.login-menu {
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
.login-menu a {
    color: #409eff;
    font-weight: 700;
    font-size: 12px;
    margin: 0px 8px;
}
.login-submit {
  width: 100%;
  height: 45px;
  font-size: 18px;
  letter-spacing: 5px;
  text-indent: 5px;
  font-weight: 300;
  font-weight: 600;
  cursor: pointer;
  margin-top: 30px;
  font-family: "neo";
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.login-form {
  margin: 10px 0;
}
.login-form i {
    color: #409eff;
}
.login-form .el-form-item__content {
    width: 100%;
}
.login-form .el-form-item {
    margin-bottom: 14px;
}
.login-form .el-input input {
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: 15px;
    background: transparent;
    color: #333;
    border-bottom: 1px solid #ebedf2;
}
.login-form .el-input .el-input__prefix i {
    padding: 0 5px;
    font-weight: 600;
    font-size: 18px !important;
}
.login-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 0 0 10px;
}
.login-code-img {
  margin-top: 2px;
  width: 100px;
  height: 38px;
  background-color: #fdfdfd;
  border: 1px solid #f0f0f0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 38px;
  text-indent: 5px;
  text-align: center;
}

.login-container[data-v-09d81d40] {
  background: url(../img/bg.f09caacd.png);
  background-size: 100% 100%;
}
.login-container .leftLogin[data-v-09d81d40] {
    position: absolute;
    top: 30px;
    left: 45px;
    width: 418px;
}
.login-container .el-login-footer[data-v-09d81d40] {
    height: 330px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 1px;
}

/*001 Warm Flame*/
.warm_flame{
    background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

/*002 Night Fade*/
.night_fade{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a18cd1), to(#fbc2eb));
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}

/*003 Spring Warmth*/
.spring_warmth{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fad0c4), color-stop(1%, #fad0c4), to(#ffd1ff));
    background-image: linear-gradient(to top, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%);
}

/*004 Juicy Peach*/
.juicy_peach{
    background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f));
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}

/*005 Young Passion*/
.young_passion{
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
    background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
}

/*006 Lady Lips*/
.lady_lips{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}

/*007 Sunny Morning*/
.sunny_morning{
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

/*008 Rainy Ashville*/
.rainy_ashville{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a6c1ee));
    background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}

/*009 Frozen Dreams*/
.frozen_dreams{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fdcbf1), color-stop(1%, #fdcbf1), to(#e6dee9));
    background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
}

/*010 Winter Neva*/
.winter_neva{
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

/*011 Dusty Grass*/
.dusty_grass{
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

/*012 Tempting Azure*/
.tempting_azure{
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}

/*013 Heavy Rain*/
.heavy_rain{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

/*014 Amy Crisp*/
.amy_crisp{
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
}

/*015 Mean Fruit*/
.mean_fruit{
    background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
}

/*016 Deep Blue*/
.deep_blue{
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

/*017 Ripe Malinka*/
.ripe_malinka{
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}

/*018 Cloudy Knoxville*/
.cloudy_knoxville{
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

/*019 Malibu Beach*/
.malibu_beach{
    background-image: -webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f2fe));
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

/*020 New Life*/
.new_life{
    background-image: -webkit-gradient(linear, left top, right top, from(#43e97b), to(#38f9d7));
    background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
}

/*021 True Sunset*/
.true_sunset{
    background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

/*022 Morpheus Den*/
.morpheus_den{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

/*023 Rare Wind*/
.rare_wind{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}

/*024 Near Moon*/
.near_moon{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

/*025 Wild Apple*/
.wild_apple{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d299c2), to(#fef9d7));
    background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);
}

/*026 Saint Petersburg*/
.saint_petersburg{
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/*027 Arielle's Smile*/
.arielles_smile{
    background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
}

/*028 Plum Plate*/
.plum_plate{
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/*029 Everlasting Sky*/
.everlasting_sky{
    background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
}

/*030 Happy Fisher*/
.happy_fisher{
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}

/*031 Blessing*/
.blessing{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fddb92), to(#d1fdff));
    background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
}

/*032 Sharpeye Eagle*/
.sharpeye_eagle{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9890e3), to(#b1f4cf));
    background-image: linear-gradient(to top, #9890e3 0%, #b1f4cf 100%);
}

/*033 Ladoga Bottom*/
.ladoga_bottom{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ebc0fd), to(#d9ded8));
    background-image: linear-gradient(to top, #ebc0fd 0%, #d9ded8 100%);
}

/*034 Lemon Gate*/
.lemon_gate{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#96fbc4), to(#f9f586));
    background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);
}

/*035 Itmeo Branding*/
.itmeo_branding{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2af598), to(#009efd));
    background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
}

/*036 Zeus Miracle*/
.zeus_miracle{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cd9cf2), to(#f6f3ff));
    background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);
}

/*037 Old Hat*/
.old_hat{
    background-image: -webkit-gradient(linear, left top, right top, from(#e4afcb), color-stop(0%, #b8cbb8), color-stop(0%, #b8cbb8), color-stop(30%, #e2c58b), color-stop(64%, #c2ce9c), to(#7edbdc));
    background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);
}

/*038 Star Wine*/
.star_wine{
    background-image: -webkit-gradient(linear, left top, right top, from(#b8cbb8), color-stop(0%, #b8cbb8), color-stop(0%, #b465da), color-stop(33%, #cf6cc9), color-stop(66%, #ee609c), to(#ee609c));
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}

/*039 Deep Blue*/
.deep_blue{
    background-image: -webkit-gradient(linear, left top, right top, from(#6a11cb), to(#2575fc));
    background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
}

/*040 Coup de Grace*/
.coup_de_grace{
    background: #DCD9D4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.50)), to(rgba(0, 0, 0, 0.50))), radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.10) 0%, rgba(0, 0, 0, 0.50) 50%);
    background: #DCD9D4 linear-gradient(to bottom, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), radial-gradient(at 50% 0%, rgba(255, 255, 255, 0.10) 0%, rgba(0, 0, 0, 0.50) 50%);
    background-blend-mode: soft-light,screen;
}

/*041 Happy Acid*/
.happy_acid{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#37ecba), to(#72afd3));
    background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
}

/*042 Awesome Pine*/
.awesome_pine{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ebbba7), to(#cfc7f8));
    background-image: linear-gradient(to top, #ebbba7 0%, #cfc7f8 100%);
}

/*043 New York*/
.new_york{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff1eb), to(#ace0f9));
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}

/*044 Shy Rainbow*/
.shy_rainbow{
    background-image: -webkit-gradient(linear, left top, right top, from(#eea2a2), color-stop(19%, #bbc1bf), color-stop(42%, #57c6e1), color-stop(79%, #b49fda), to(#7ac5d8));
    background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
}

/*045 Loon Crest*/
.loon_crest{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.15)), to(rgba(0,0,0,0.15))), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
    background-blend-mode: multiply,multiply;
}

/*046 Mixed Hopes*/
.mixed_hopes{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c471f5), to(#fa71cd));
    background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
}

/*047 Fly High*/
.fly_high{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#48c6ef), to(#6f86d6));
    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
}

/*048 Strong Bliss*/
.strong_bliss{
    background-image: -webkit-gradient(linear, left top, right top, from(#f78ca0), color-stop(19%, #f9748f), color-stop(60%, #fd868c), to(#fe9a8b));
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

/*049 Fresh Milk*/
.fresh_milk{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#feada6), to(#f5efef));
    background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);
}

/*050 Snow Again*/
.snow_again{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e6e9f0), to(#eef1f5));
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}

/*051 February Ink*/
.february_ink{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#accbee), to(#e7f0fd));
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
}

/*052 Kind Steel*/
.kind_steel{
    background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}

/*053 Soft Grass*/
.soft_grass{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c1dfc4), to(#deecdd));
    background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
}

/*054 Grown Early*/
.grown_early{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0ba360), to(#3cba92));
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}

/*055 Sharp Blues*/
.sharp_blues{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00c6fb), to(#005bea));
    background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
}

/*056 Shady Water*/
.shady_water{
    background-image: -webkit-gradient(linear, left top, right top, from(#74ebd5), to(#9face6));
    background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
}

/*057 Dirty Beauty*/
.dirty_beauty{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#6a85b6), to(#bac8e0));
    background-image: linear-gradient(to top, #6a85b6 0%, #bac8e0 100%);
}

/*058 Great Whale*/
.great_whale{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a3bded), to(#6991c7));
    background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%);
}

/*059 Teen Notebook*/
.teen_notebook{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9795f0), to(#fbc8d4));
    background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
}

/*060 Polite Rumors*/
.polite_rumors{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a7a6cb), color-stop(52%, #8989ba), to(#8989ba));
    background-image: linear-gradient(to top, #a7a6cb 0%, #8989ba 52%, #8989ba 100%);
}

/*061 Sweet Period*/
.sweet_period{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3f51b1), color-stop(13%, #5a55ae), color-stop(25%, #7b5fac), color-stop(38%, #8f6aae), color-stop(50%, #a86aa4), color-stop(62%, #cc6b8e), color-stop(75%, #f18271), color-stop(87%, #f3a469), to(#f7c978));
    background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);
}

/*062 Wide Matrix*/
.wide_matrix{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fcc5e4), color-stop(15%, #fda34b), color-stop(35%, #ff7882), color-stop(52%, #c8699e), color-stop(71%, #7046aa), color-stop(87%, #0c1db8), to(#020f75));
    background-image: linear-gradient(to top, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%);
}

/*063 Soft Cherish*/
.soft_cherish{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#dbdcd7), color-stop(24%, #dddcd7), color-stop(30%, #e2c9cc), color-stop(46%, #e7627d), color-stop(59%, #b8235a), color-stop(71%, #801357), color-stop(84%, #3d1635), to(#1c1a27));
    background-image: linear-gradient(to top, #dbdcd7 0%, #dddcd7 24%, #e2c9cc 30%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%);
}

/*064 Red Salvation*/
.red_salvation{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f43b47), to(#453a94));
    background-image: linear-gradient(to top, #f43b47 0%, #453a94 100%);
}

/*065 Burning Spring*/
.burning_spring{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#4fb576), color-stop(30%, #44c489), color-stop(46%, #28a9ae), color-stop(59%, #28a2b7), color-stop(71%, #4c7788), color-stop(86%, #6c4f63), to(#432c39));
    background-image: linear-gradient(to top, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);
}

/*066 Night Party*/
.night_party{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0250c5), to(#d43f8d));
    background-image: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);
}

/*067 Sky Glider*/
.sky_glider{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#88d3ce), to(#6e45e2));
    background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%);
}

/*068 Heaven Peach*/
.heaven_peach{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d9afd9), to(#97d9e1));
    background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%);
}

/*069 Purple Division*/
.purple_division{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#7028e4), to(#e5b2ca));
    background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);
}

/*070 Aqua Splash*/
.aqua_splash{
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}

/*071 Above Clouds*/
.above_clouds{
    background-image: -webkit-gradient(linear, right top, left top, from(#BDBBBE), to(#9D9EA3)), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    background-blend-mode: normal, lighten, soft-light;
}

/*072 Spiky Naga*/
.spiky_naga{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#505285), color-stop(12%, #585e92), color-stop(25%, #65689f), color-stop(37%, #7474b0), color-stop(50%, #7e7ebb), color-stop(62%, #8389c7), color-stop(75%, #9795d4), color-stop(87%, #a2a1dc), to(#b5aee4));
    background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);
}

/*073 Love Kiss*/
.love_kiss{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0844), to(#ffb199));
    background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
}

/*074 Sharp Glass*/
.sharp_glass{
    background: #C9CCD3 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.50)), to(rgba(0, 0, 0, 0.50)));
    background: #C9CCD3 linear-gradient(-180deg, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    background-blend-mode: lighten;
}

/*075 Clean Mirror*/
.clean_mirror{
    background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
}

/*076 Premium Dark*/
.premium_dark{
    background-image: -webkit-gradient(linear, left top, right top, from(#434343), to(black));
    background-image: linear-gradient(to right, #434343 0%, black 100%);
}

/*077 Cold Evening*/
.cold_evening{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0c3483), color-stop(100%, #a2b6df), color-stop(100%, #6b8cce), to(#a2b6df));
    background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
}

/*078 Cochiti Lake*/
.cochiti_lake{
    background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
}

/*079 Summer Games*/
.summer_games{
    background-image: -webkit-gradient(linear, left top, right top, from(#92fe9d), to(#00c9ff));
    background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%);
}

/*080 Passionate Bed*/
.passionate_bed{
    background-image: -webkit-gradient(linear, left top, right top, from(#ff758c), to(#ff7eb3));
    background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
}

/*081 Mountain Rock*/
.mountain_rock{
    background-image: -webkit-gradient(linear, left top, right top, from(#868f96), to(#596164));
    background-image: linear-gradient(to right, #868f96 0%, #596164 100%);
}

/*082 Desert Hump*/
.desert_hump{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c79081), to(#dfa579));
    background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);
}

/*083 Jungle Day*/
.jungle_day{
    background-image: linear-gradient(45deg, #8baaaa 0%, #ae8b9c 100%);
}

/*084 Phoenix Start*/
.phoenix_start{
    background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
    background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}

/*085 October Silence*/
.october_silence{
    background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}

/*086 Faraway River*/
.faraway_river{
    background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);
}

/*087 Alchemist Lab*/
.alchemist_lab{
    background-image: linear-gradient(-20deg, #d558c8 0%, #24d292 100%);
}

/*088 Over Sun*/
.over_sun{
    background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
}

/*089 Premium White*/
.premium_white{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d5d4d0), color-stop(1%, #d5d4d0), color-stop(31%, #eeeeec), color-stop(75%, #efeeec), to(#e9e9e7));
    background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);
}

/*090 Mars Party*/
.mars_party{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5f72bd), to(#9b23ea));
    background-image: linear-gradient(to top, #5f72bd 0%, #9b23ea 100%);
}

/*091 Eternal Constance*/
.eternal_constance{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#09203f), to(#537895));
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}

/*092 Japan Blush*/
.japan_blush{
    background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);
}

/*093 Smiling Rain*/
.smiling_rain{
    background-image: linear-gradient(-20deg, #dcb0ed 0%, #99c99c 100%);
}

/*094 Cloudy Apple*/
.cloudy_apple{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f3e7e9), color-stop(99%, #e3eeff), to(#e3eeff));
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

/*095 Big Mango*/
.big_mango{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c71d6f), to(#d09693));
    background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);
}

/*096 Healthy Water*/
.healthy_water{
    background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);
}

/*097 Amour Amour*/
.amour_amour{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f77062), to(#fe5196));
    background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
}

/*098 Risky Concrete*/
.risky_concrete{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c4c5c7), color-stop(52%, #dcdddf), to(#ebebeb));
    background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
}

/*099 Strong Stick*/
.strong_stick{
    background-image: -webkit-gradient(linear, left top, right top, from(#a8caba), to(#5d4157));
    background-image: linear-gradient(to right, #a8caba 0%, #5d4157 100%);
}

/*100 Vicious Stance*/
.vicious_stance{
    background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
}

/*101 Palo Alto*/
.palo_alto{
    background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);
}

/*102 Happy Memories*/
.happy_memories{
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}

/*103 Midnight Bloom*/
.midnight_bloom{
    background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
}

/*104 Crystalline*/
.crystalline{
    background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);
}

/*105 Raccoon Back*/
.raccoon_back{
    background: -webkit-gradient(linear, left top, left bottom, from(#BCC5CE), color-stop(98%, #929EAD)), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
    background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
    background-blend-mode: screen;
}

/*106 Party Bliss*/
.party_bliss{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#4481eb), to(#04befe));
    background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}

/*107 Confident Cloud*/
.confident_cloud{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#dad4ec), color-stop(1%, #dad4ec), to(#f3e7e9));
    background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
}

/*108 Le Cocktail*/
.le_cocktail{
    background-image: linear-gradient(45deg, #874da2 0%, #c43a30 100%);
}

/*109 River City*/
.river_city{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#4481eb), to(#04befe));
    background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}

/*110 Frozen Berry*/
.frozen_berry{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e8198b), to(#c7eafd));
    background-image: linear-gradient(to top, #e8198b 0%, #c7eafd 100%);
}

/*111 Elegance*/
.elegance{
    background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
    background-blend-mode: screen;
}

/*112 Child Care*/
.child_care{
    background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);
}

/*113 Flying Lemon*/
.flying_lemon{
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
}

/*114 New Retrowave*/
.new_retrowave{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3b41c5), color-stop(49%, #a981bb), to(#ffc8a9));
    background-image: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);
}

/*115 Hidden Jaguar*/
.hidden_jaguar{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0fd850), to(#f9f047));
    background-image: linear-gradient(to top, #0fd850 0%, #f9f047 100%);
}

/*116 Above The Sky*/
.above_the_sky{
    background-image: -webkit-gradient(linear, left bottom, left top, from(lightgrey), color-stop(1%, lightgrey), color-stop(26%, #e0e0e0), color-stop(48%, #efefef), color-stop(75%, #d9d9d9), to(#bcbcbc));
    background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);
}

/*117 Nega*/
.nega{
    background-image: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);
}

/*118 Dense Water*/
.dense_water{
    background-image: -webkit-gradient(linear, left top, right top, from(#3ab5b0), color-stop(31%, #3d99be), to(#56317a));
    background-image: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);
}

/*119 Chemic Aqua*/
.chemic_aqua{
    background: #CDDCDC radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(0, 0, 0, 0.25)));
    background: #CDDCDC radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
    background-blend-mode: screen, overlay;
}

/*120 Seashore*/
.seashore{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#209cff), to(#68e0cf));
    background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);
}

/*121 Marble Wall*/
.marble_wall{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#bdc2e8), color-stop(1%, #bdc2e8), to(#e6dee9));
    background-image: linear-gradient(to top, #bdc2e8 0%, #bdc2e8 1%, #e6dee9 100%);
}

/*122 Cheerful Caramel*/
.cheerful_caramel{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e6b980), to(#eacda3));
    background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
}

/*123 Night Sky*/
.night_sky{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1e3c72), color-stop(1%, #1e3c72), to(#2a5298));
    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
}

/*124 Magic Lake*/
.magic_lake{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d5dee7), color-stop(0%, #ffafbd), to(#c9ffbf));
    background-image: linear-gradient(to top, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);
}

/*125 Young Grass*/
.young_grass{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9be15d), to(#00e3ae));
    background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
}

/*126 Colorful Peach*/
.colorful_peach{
    background-image: -webkit-gradient(linear, left top, right top, from(#ed6ea0), to(#ec8c69));
    background-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%);
}

/*127 Gentle Care*/
.gentle_care{
    background-image: -webkit-gradient(linear, left top, right top, from(#ffc3a0), to(#ffafbd));
    background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);
}

/*128 Plum Bath*/
.plum_bath{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cc208e), to(#6713d2));
    background-image: linear-gradient(to top, #cc208e 0%, #6713d2 100%);
}

/*129 Happy Unicorn*/
.happy_unicorn{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#b3ffab), to(#12fff7));
    background-image: linear-gradient(to top, #b3ffab 0%, #12fff7 100%);
}

/*130 Full Metal*/
.full_metal{
    background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
    background-blend-mode: normal,color-burn;
}

/*131 African Field*/
.african_field{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#65bd60), color-stop(25%, #5ac1a8), color-stop(50%, #3ec6ed), color-stop(75%, #b7ddb7), to(#fef381));
    background-image: linear-gradient(to top, #65bd60 0%, #5ac1a8 25%, #3ec6ed 50%, #b7ddb7 75%, #fef381 100%);
}

/*132 Solid Stone*/
.solid_stone{
    background-image: -webkit-gradient(linear, left top, right top, from(#243949), to(#517fa4));
    background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);
}

/*133 Orange Juice*/
.orange_juice{
    background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);
}

/*134 Glass Water*/
.glass_water{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#dfe9f3), to(white));
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
}

/*135 Slick Carbon*/
.slick_carbon{
    background: -webkit-gradient(linear, left top, left bottom, from(#323232), color-stop(40%, #3F3F3F), color-stop(150%, #1C1C1C)), -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.40)), color-stop(200%, rgba(0,0,0,0.25)));
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
    background-blend-mode: multiply;
}

/*136 North Miracle*/
.north_miracle{
    background-image: -webkit-gradient(linear, left top, right top, from(#00dbde), to(#fc00ff));
    background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
}

/*137 Fruit Blend*/
.fruit_blend{
    background-image: -webkit-gradient(linear, left top, right top, from(#f9d423), to(#ff4e50));
    background-image: linear-gradient(to right, #f9d423 0%, #ff4e50 100%);
}

/*138 Millennium Pine*/
.millennium_pine{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#50cc7f), to(#f5d100));
    background-image: linear-gradient(to top, #50cc7f 0%, #f5d100 100%);
}

/*139 High Flight*/
.high_flight{
    background-image: -webkit-gradient(linear, left top, right top, from(#0acffe), to(#495aff));
    background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);
}

/*140 Mole Hall*/
.mole_hall{
    background-image: linear-gradient(-20deg, #616161 0%, #9bc5c3 100%);
}

/*141 Earl Gray*/
.earl_gray{
    background: #E4E4E1 radial-gradient(at top center, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(143, 152, 157, 0.60)));
    background: #E4E4E1 radial-gradient(at top center, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(143, 152, 157, 0.60) 100%);
    background-blend-mode: normal, multiply;
}

/*142 Space Shift*/
.space_shift{
    background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
}

/*143 Forest Inei*/
.forest_inei{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#df89b5), to(#bfd9fe));
    background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);
}

/*144 Royal Garden*/
.royal_garden{
    background-image: -webkit-gradient(linear, left top, right top, from(#ed6ea0), to(#ec8c69));
    background-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%);
}

/*145 Rich Metal*/
.rich_metal{
    background-image: -webkit-gradient(linear, left top, right top, from(#d7d2cc), to(#304352));
    background-image: linear-gradient(to right, #d7d2cc 0%, #304352 100%);
}

/*146 Juicy Cake*/
.juicy_cake{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e14fad), to(#f9d423));
    background-image: linear-gradient(to top, #e14fad 0%, #f9d423 100%);
}

/*147 Smart Indigo*/
.smart_indigo{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#b224ef), to(#7579ff));
    background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);
}

/*148 Sand Strike*/
.sand_strike{
    background-image: -webkit-gradient(linear, left top, right top, from(#c1c161), color-stop(0%, #c1c161), to(#d4d4b1));
    background-image: linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);
}

/*149 Norse Beauty*/
.norse_beauty{
    background-image: -webkit-gradient(linear, left top, right top, from(#ec77ab), to(#7873f5));
    background-image: linear-gradient(to right, #ec77ab 0%, #7873f5 100%);
}

/*150 Aqua Guidance*/
.aqua_guidance{
    background-image: -webkit-gradient(linear, left bottom, left top, from(#007adf), to(#00ecbc));
    background-image: linear-gradient(to top, #007adf 0%, #00ecbc 100%);
}

/*151 Sun Veggie*/
.sun_veggie{
    background-image: linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);
}

/*152 Sea Lord*/
.sea_lord{
    background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
}

/*153 Black Sea*/
.black_sea{
    background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);
}

/*154 Grass Shampoo*/
.grass_shampoo{
    background-image: linear-gradient(-225deg, #DFFFCD 0%, #90F9C4 48%, #39F3BB 100%);
}

/*155 Landing Aircraft*/
.landing_aircraft{
    background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
}

/*156 Witch Dance*/
.witch_dance{
    background-image: linear-gradient(-225deg, #A8BFFF 0%, #884D80 100%);
}

/*157 Sleepless Night*/
.sleepless_night{
    background-image: linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%);
}

/*158 Angel Care*/
.angel_care{
    background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
}

/*159 Crystal River*/
.crystal_river{
    background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
}

/*160 Soft Lipstick*/
.soft_lipstick{
    background-image: linear-gradient(-225deg, #B6CEE8 0%, #F578DC 100%);
}

/*161 Salt Mountain*/
.salt_mountain{
    background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
}

/*162 Perfect White*/
.perfect_white{
    background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
}

/*163 Fresh Oasis*/
.fresh_oasis{
    background-image: linear-gradient(-225deg, #7DE2FC 0%, #B9B6E5 100%);
}

/*164 Strict November*/
.strict_november{
    background-image: linear-gradient(-225deg, #CBBACC 0%, #2580B3 100%);
}

/*165 Morning Salad*/
.morning_salad{
    background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);
}

/*166 Deep Relief*/
.deep_relief{
    background-image: linear-gradient(-225deg, #7085B6 0%, #87A7D9 50%, #DEF3F8 100%);
}

/*167 Sea Strike*/
.sea_strike{
    background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%);
}

/*168 Night Call*/
.night_call{
    background-image: linear-gradient(-225deg, #AC32E4 0%, #7918F2 48%, #4801FF 100%);
}

/*169 Supreme Sky*/
.supreme_sky{
    background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%);
}

/*170 Light Blue*/
.light_blue{
    background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);
}

/*171 Mind Crawl*/
.mind_crawl{
    background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
}

/*172 Lily Meadow*/
.lily_meadow{
    background-image: linear-gradient(-225deg, #65379B 0%, #886AEA 53%, #6457C6 100%);
}

/*173 Sugar Lollipop*/
.sugar_lollipop{
    background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);
}

/*174 Sweet Dessert*/
.sweet_dessert{
    background-image: linear-gradient(-225deg, #7742B2 0%, #F180FF 52%, #FD8BD9 100%);
}

/*175 Magic Ray*/
.magic_ray{
    background-image: linear-gradient(-225deg, #FF3CAC 0%, #562B7C 52%, #2B86C5 100%);
}

/*176 Teen Party*/
.teen_party{
    background-image: linear-gradient(-225deg, #FF057C 0%, #8D0B93 50%, #321575 100%);
}

/*177 Frozen Heat*/
.frozen_heat{
    background-image: linear-gradient(-225deg, #FF057C 0%, #7C64D5 48%, #4CC3FF 100%);
}

/*178 Gagarin View*/
.gagarin_view{
    background-image: linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);
}

/*179 Fabled Sunset*/
.fabled_sunset{
    background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
}

/*180 Perfect Blue*/
.perfect_blue{
    background-image: linear-gradient(-225deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%);
}

#application[data-v-58c262a2] {
  width: 100%;
  height: 100%;
  background: #f3f4f6;
}
#application .content[data-v-58c262a2] {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #fff;
    color: #fff;
    min-height: calc(100vh - 160px);
}
#application .content .header[data-v-58c262a2] {
      position: relative;
      margin-bottom: 25px;
      background: #fff;
      overflow: hidden;
      z-index: 9;
}
#application .content .header .list[data-v-58c262a2] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0;
        padding: 0;
        text-align: center;
        list-style: none;
}
#application .content .header .list li[data-v-58c262a2] {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          padding: 30px;
          border-radius: 5px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
}
#application .content .header .list li[data-v-58c262a2]:not(:last-child) {
            margin-right: 20px;
}
#application .content .header .list li[data-v-58c262a2]:hover {
            -webkit-filter: saturate(2);
                    filter: saturate(2);
}
#application .content .header .list li .tit i[data-v-58c262a2] {
            font-size: 50px;
}
#application .content .header .list li .desc[data-v-58c262a2] {
            margin-top: 20px;
            line-height: 26px;
            cursor: pointer;
}
#application .content .header .list li .desc a[data-v-58c262a2] {
              font-size: 18px;
}
#application .content .header .list li .desc em[data-v-58c262a2] {
              font-style: normal;
}
#application .content .orangeToYellowBg[data-v-58c262a2] {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fda606), to(#ffbe08));
      background-image: linear-gradient(180deg, #fda606, #ffbe08);
}
#application .content .blueToPurpleBg[data-v-58c262a2] {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#8c90f1), to(#5694e5));
      background-image: linear-gradient(180deg, #8c90f1, #5694e5);
}
#application .content .add-app[data-v-58c262a2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #fff;
      border-radius: 10px;
      border: 2px dashed #dbdbdb;
      width: 100%;
      min-height: 120px;
      overflow: hidden;
      margin-bottom: 10px;
      cursor: pointer;
}
#application .content .add-app i[data-v-58c262a2] {
        color: #cdcdcd;
        font-size: 55px;
}
#application .content .picec[data-v-58c262a2] {
      background: #fff;
      border-radius: 10px;
      border: 1px solid #eee;
      -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
      width: 100%;
      min-height: 120px;
      overflow: hidden;
      margin-bottom: 10px;
      margin-right: 20px;
}
#application .content .picec[data-v-58c262a2]:hover {
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
        -webkit-transition: 600ms ease all;
        transition: 600ms ease all;
        -webkit-box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.2);
}
#application .content .picec .picecTop[data-v-58c262a2] {
        min-height: 88px;
        padding: 12px 10px 2px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
#application .content .picec .picecTop .picecTopIcon[data-v-58c262a2] {
          width: 60px;
          height: 60px;
          border-radius: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
#application .content .picec .picecTop .picecTopIcon i[data-v-58c262a2] {
            font-size: 36px;
            -webkit-filter: drop-shadow(0px 0px 4px #f9f9f9);
                    filter: drop-shadow(0px 0px 4px #f9f9f9);
}
#application .content .picec .picecTop .picecTopMain[data-v-58c262a2] {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          height: 66px;
          padding: 0 10px;
          color: #212121;
          font-size: 14px;
          font-weight: 600;
          text-indent: 10px;
}
#application .content .picec .picecTop .picecTopMain p[data-v-58c262a2] {
            font-size: 18px;
            font-weight: 700;
}
#application .content .picec .picecTop .picecTopStatus[data-v-58c262a2] {
          width: 30px;
          text-align: right;
}
#application .content .picec .picecBottom[data-v-58c262a2] {
        background: #f9fafc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 32px;
        padding: 6px 18px;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-flow: row-reverse;
                flex-flow: row-reverse;
}
#application .content .picec .picecBottom i[data-v-58c262a2] {
          font-size: 16px;
          width: 16px;
          color: #bbb;
          cursor: pointer;
}
#application .content .picec .picecBottom .iconShowOrNone[data-v-58c262a2] {
          -webkit-transition: 800ms ease all;
          transition: 800ms ease all;
          -webkit-transform: scale(0, 0);
                  transform: scale(0, 0);
}
#application .content .picec .picecBottom .iconShowOrNone[data-v-58c262a2]:hover {
          display: block;
}
#application .content .picec .picecBottom:hover .iconShowOrNone[data-v-58c262a2] {
          display: block;
          -webkit-transition: 800ms ease all;
          transition: 800ms ease all;
          -webkit-transform: scale(1, 1);
                  transform: scale(1, 1);
}
#application .topNumBox[data-v-58c262a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#application .topNumBox .box[data-v-58c262a2] {
      width: calc(50% - 20px);
      padding: 10px 20px;
      border-radius: 8px;
      min-height: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
#application .topNumBox .box img[data-v-58c262a2] {
        width: 48px;
        height: 48px;
        margin-top: 16px;
}
#application .topNumBox .leftBox[data-v-58c262a2] {
      background: radial-gradient(circle at 75% 50%, #3f65e0, #5677F8);
}
#application .topNumBox .rightBox[data-v-58c262a2] {
      background: radial-gradient(circle at 58% 50%, #19d9b4, #33e8c4);
}
#application .topNumBox .iTitle[data-v-58c262a2] {
      margin: 12px 0 16px;
      font-size: 16px;
}
#application .topNumBox .iNum[data-v-58c262a2] {
      margin: 0;
      font-size: 20px;
      font-weight: 600;
}
#application .mainBox[data-v-58c262a2] {
    padding: 20px 0;
}
#application .mainBox .mainHeader[data-v-58c262a2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
#application .mainBox .mainHeader .headerTitle[data-v-58c262a2] {
        width: 50%;
        color: #212121;
        font-size: 16px;
        margin-bottom: 16px;
}
#application .mainBox .mainHeader .headerTitle i[data-v-58c262a2] {
          margin-left: 10px;
          cursor: pointer;
}
#application .mainBox .mainHeader .headerTitle i.el-icon-edit[data-v-58c262a2] {
            color: #409EFF;
}
#application .mainBox .mainHeader .headerTitle i.el-icon-delete[data-v-58c262a2] {
            color: red;
}
#application .mainBox .mainHeader .headerSearch[data-v-58c262a2] {
        width: 30%;
        margin-bottom: 16px;
}
#application .mainBox .mayApplication[data-v-58c262a2] {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#application .mainBox .mayApplication .applicationItem[data-v-58c262a2] {
        width: 100px;
        height: 80px;
        border-radius: 8px;
        color: #212121;
        margin-top: 12px;
}
#application .mainBox .mayApplication .applicationItem[data-v-58c262a2]:hover {
        -webkit-box-shadow: 0 1px 2px 2px 2px #ccc;
                box-shadow: 0 1px 2px 2px 2px #ccc;
}
#application .mainBox .mayApplication .itemLogo[data-v-58c262a2] {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        margin: 10px auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}

#flow .main > .el-card {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
#flow .main > .el-card:hover {
    border: 1px solid #6fabff !important;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
#flow .main > .el-card > .el-card__header {
    text-align: center;
}
#flow .main > .el-card > .el-card__body {
    padding: 20px 10px;
}

@charset "UTF-8";
#flow[data-v-648b2fdf] {
  width: 100%;
  min-height: calc(100vh - 110px);
}
#flow .header[data-v-648b2fdf] {
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    z-index: 9;
}
#flow .header .list[data-v-648b2fdf] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      padding: 0;
      text-align: center;
      list-style: none;
}
#flow .header .list li[data-v-648b2fdf] {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        padding: 30px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
#flow .header .list li[data-v-648b2fdf]:not(:last-child) {
          margin-right: 20px;
}
#flow .header .list li[data-v-648b2fdf]:hover {
          -webkit-filter: saturate(2);
                  filter: saturate(2);
}
#flow .header .list li .tit i[data-v-648b2fdf] {
          font-size: 50px;
}
#flow .header .list li .desc[data-v-648b2fdf] {
          margin-top: 20px;
          line-height: 26px;
          cursor: pointer;
}
#flow .header .list li .desc a[data-v-648b2fdf] {
            font-size: 18px;
}
#flow .header .list li .desc em[data-v-648b2fdf] {
            font-style: normal;
}
#flow .main[data-v-648b2fdf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#flow .main .el-card[data-v-648b2fdf] {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}
#flow .main .el-card[data-v-648b2fdf]:not(:last-child) {
        margin-right: 20px;
}
#flow .main .el-card .el-card__body .item[data-v-648b2fdf] {
        padding: 0;
        margin: 0;
        list-style: none;
}
#flow .main .el-card .el-card__body .item li[data-v-648b2fdf] {
          width: 100%;
          line-height: 24px;
          padding: 6px 10px;
          word-wrap: break-word;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background: #eff7fb;
          border-radius: 4px;
          white-space: nowrap;
}
#flow .main .el-card .el-card__body .item li[data-v-648b2fdf]:hover {
            cursor: pointer;
            color: #3380f1;
}
#flow .main .el-card .el-card__body .item li[data-v-648b2fdf]::before {
            display: inline-block;
            content: "\25CF";
            padding-right: 6px;
            color: #666;
            font-size: 6px;
}
#flow .main .el-card .el-card__body .item li[data-v-648b2fdf]:not(:last-child) {
            margin-bottom: 12px;
}
#flow .main .el-card .el-card__body .item li i[data-v-648b2fdf] {
            float: right;
            color: #52e20b;
            margin-left: 6px;
            font-size: 18px;
            font-weight: bold;
}

#resource .main > .el-card {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
#resource .main > .el-card:hover {
    border: 1px solid #6fabff !important;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
#resource .main > .el-card > .el-card__header {
    text-align: center;
}
#resource .main > .el-card > .el-card__body {
    padding: 20px 10px;
}

@charset "UTF-8";
#resource[data-v-1ff14e3f] {
  width: 100%;
  min-height: calc(100vh - 110px);
}
#resource .header[data-v-1ff14e3f] {
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    z-index: 9;
}
#resource .header .list[data-v-1ff14e3f] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      padding: 0;
      text-align: center;
      list-style: none;
}
#resource .header .list li[data-v-1ff14e3f] {
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
        padding: 30px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
#resource .header .list li[data-v-1ff14e3f]:not(:last-child) {
          margin-right: 20px;
}
#resource .header .list li[data-v-1ff14e3f]:hover {
          -webkit-filter: saturate(2);
                  filter: saturate(2);
}
#resource .header .list li .tit i[data-v-1ff14e3f] {
          font-size: 50px;
}
#resource .header .list li .desc[data-v-1ff14e3f] {
          margin-top: 20px;
          line-height: 26px;
          cursor: pointer;
}
#resource .header .list li .desc a[data-v-1ff14e3f] {
            font-size: 18px;
}
#resource .header .list li .desc em[data-v-1ff14e3f] {
            font-style: normal;
}
#resource .main[data-v-1ff14e3f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#resource .main .el-card[data-v-1ff14e3f] {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}
#resource .main .el-card[data-v-1ff14e3f]:not(:last-child) {
        margin-right: 20px;
}
#resource .main .el-card .el-card__body .item[data-v-1ff14e3f] {
        padding: 0;
        margin: 0;
        list-style: none;
}
#resource .main .el-card .el-card__body .item li[data-v-1ff14e3f] {
          width: 100%;
          line-height: 24px;
          padding: 6px 10px;
          word-wrap: break-word;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background: #eff7fb;
          border-radius: 4px;
}
#resource .main .el-card .el-card__body .item li[data-v-1ff14e3f]:hover {
            cursor: pointer;
            color: #3380f1;
}
#resource .main .el-card .el-card__body .item li[data-v-1ff14e3f]::before {
            display: inline-block;
            content: "\25CF";
            padding-right: 6px;
            color: #666;
            font-size: 6px;
}
#resource .main .el-card .el-card__body .item li[data-v-1ff14e3f]:not(:last-child) {
            margin-bottom: 12px;
}
#resource .main .el-card .el-card__body .item li i[data-v-1ff14e3f] {
            float: right;
            color: #52e20b;
            margin-left: 6px;
            font-size: 18px;
            font-weight: bold;
}

#role .tree-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
}
#role .tree-wrapper .zm-tree-org {
    padding: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+) repeat !important;
}
#role .tree-wrapper .zm-tree-org .zm-draggable {
      width: 100%;
      height: 100%;
}
#role .tree-wrapper .zm-tree-org .zm-draggable .tree-org {
        width: 100%;
        height: 100%;
}
#role .tree-wrapper .zm-tree-org .zm-draggable .tree-org .tree-org-node__children {
          width: 100%;
}
#role .main {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
}
#role .main > .el-card {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
#role .main > .el-card:hover {
      border: 1px solid #6fabff !important;
      -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
#role .main > .el-card > .el-card__header {
      text-align: center;
}
#role .main > .el-card > .el-card__body {
      padding: 20px 10px;
}

@charset "UTF-8";
#role[data-v-48a069b2] {
  width: 100%;
  height: calc(100vh - 110px);
}
#role .header[data-v-48a069b2] {
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    z-index: 9;
}
#role .header .list[data-v-48a069b2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      padding: 0;
      text-align: center;
      list-style: none;
}
#role .header .list li[data-v-48a069b2] {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        padding: 30px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
#role .header .list li[data-v-48a069b2]:not(:last-child) {
          margin-right: 20px;
}
#role .header .list li[data-v-48a069b2]:hover {
          -webkit-filter: saturate(2);
                  filter: saturate(2);
}
#role .header .list li .tit i[data-v-48a069b2] {
          font-size: 50px;
}
#role .header .list li .desc[data-v-48a069b2] {
          margin-top: 20px;
          line-height: 26px;
          cursor: pointer;
}
#role .header .list li .desc a[data-v-48a069b2] {
            font-size: 18px;
}
#role .header .list li .desc em[data-v-48a069b2] {
            font-style: normal;
}
#role .main[data-v-48a069b2] {
    /* display: flex;
    justify-content: space-between;*/
}
#role .main .el-card[data-v-48a069b2] {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}
#role .main .el-card[data-v-48a069b2]:not(:last-child) {
        margin-right: 20px;
}
#role .main .el-card .el-card__body .item[data-v-48a069b2] {
        padding: 0;
        margin: 0;
        list-style: none;
}
#role .main .el-card .el-card__body .item li[data-v-48a069b2] {
          width: 100%;
          line-height: 24px;
          padding: 6px 10px;
          word-wrap: break-word;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background: #eff7fb;
          border-radius: 4px;
}
#role .main .el-card .el-card__body .item li[data-v-48a069b2]:hover {
            cursor: pointer;
            color: #3380f1;
}
#role .main .el-card .el-card__body .item li[data-v-48a069b2]::before {
            display: inline-block;
            content: "\25CF";
            padding-right: 6px;
            color: #666;
            font-size: 6px;
}
#role .main .el-card .el-card__body .item li[data-v-48a069b2]:not(:last-child) {
            margin-bottom: 15px;
}
#role .main .el-card .el-card__body .item li i[data-v-48a069b2] {
            float: right;
            color: #52e20b;
            margin-left: 6px;
            font-size: 18px;
            font-weight: bold;
}

#visual .header[data-v-fb4a0a9e] {
  max-width: 1200px;
  height: 310px;
  margin: 60px auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#visual .header .child[data-v-fb4a0a9e] {
    max-height: 310px;
    padding-bottom: 110px;
    width: 335px;
    background: #fff;
    margin-right: 60px;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
#visual .header .child[data-v-fb4a0a9e]:hover {
      background: #468cff;
      margin-bottom: 10px;
      -webkit-box-shadow: 0 0 8px 2px #468cff;
              box-shadow: 0 0 8px 2px #468cff;
}
#visual .header .child:hover .title[data-v-fb4a0a9e], #visual .header .child:hover .desc[data-v-fb4a0a9e] {
        color: #fff;
}
#visual .header .child:hover .btn[data-v-fb4a0a9e] {
        background: #fff;
        width: 220px;
}
#visual .header .child:hover .btn a[data-v-fb4a0a9e] {
          color: #468cff;
}
#visual .header .child .icon[data-v-fb4a0a9e] {
      position: absolute;
      top: -53px;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      height: 114px;
      width: 120px;
}
#visual .header .child .title[data-v-fb4a0a9e] {
      margin-top: 70px;
      font-size: 20px;
      font-weight: 700;
}
#visual .header .child .desc[data-v-fb4a0a9e] {
      font-size: 14px;
      color: #999;
      line-height: 24px;
      padding: 0 46px;
      margin-top: 12px;
}
#visual .header .child .btn[data-v-fb4a0a9e] {
      position: absolute;
      bottom: 40px;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      height: 40px;
      width: 200px;
      background: #468cff;
      line-height: 40px;
      text-align: center;
      cursor: pointer;
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
}
#visual .header .child .btn a[data-v-fb4a0a9e] {
        color: #fff;
        display: block;
}
#visual .header .child .arrow[data-v-fb4a0a9e] {
      position: absolute;
      top: 50%;
      right: -50px;
      width: 45px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
}

[data-v-6a761c9c] .el-dialog__footer {
  text-align: right !important;
}

[data-v-f8506acc] .el-dialog__footer {
  text-align: right !important;
}

.menuDialog .el-dialog__header, .menuDialog .el-dialog__footer {
  padding: 15px;
}
.menuDialog .el-dialog__body {
  padding: 10px 20px;
  height: 70vh;
  overflow: auto;
}

div.jsoneditor-contextmenu div.jsoneditor-icon {
  position: relative;
}

.syspostForm .inputWidth[data-v-b29de774] {
  width: 215px !important;
}
.pepoleSearch[data-v-b29de774] {
  text-align: center;
  margin-bottom: 20px;
}

.syspostForm .el-transfer__buttons {
  padding-top: 110px;
}

[data-v-b29de774] .el-dialog__footer {
  text-align: right !important;
}

.el-popover {
  min-width: 90px !important;
  padding: 0px !important;
}

[data-v-1e8358e0] .el-dialog__footer {
  text-align: right !important;
}

.dataDialog .el-dialog__header, .dataDialog .el-dialog__footer {
  padding: 15px;
}
.dataDialog .el-dialog__body {
  padding: 15px;
  height: 60vh;
  overflow: auto;
}
.dataDialog .el-dialog__body .el-form-item .el-select, .dataDialog .el-dialog__body .el-form-item .el-input-number {
    width: 100%;
}
.dataDialog .el-dialog__body .el-form-item .el-input-number .el-input__inner {
    text-align: left;
}

.dataViewDialog .el-dialog__header, .dataViewDialog .el-dialog__footer {
  padding: 15px;
}
.dataViewDialog .el-dialog__body {
  padding: 15px;
  height: 60vh;
  overflow: auto;
}
.dataViewDialog .el-dialog__body .el-form-item {
    margin-bottom: 12px;
}
.dataViewDialog .el-dialog__body .el-form-item .el-select, .dataViewDialog .el-dialog__body .el-form-item .el-input-number {
      width: 100%;
}
.dataViewDialog .el-dialog__body .el-form-item .el-input-number .el-input__inner {
      text-align: left;
}

#datasource .pagination-container[data-v-141942fe] {
  padding: 15px 15px 0;
}

.genDesignDialog .basic-container {
  padding: 0;
  height: 100%;
}
.genDesignDialog .basic-container .el-card {
    height: 100%;
}
.genDesignDialog .basic-container .el-card .el-card__body {
      padding: 15px;
      height: 100%;
}
.genDesignDialog div.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.genDesignDialog .el-dialog__header {
  padding: 5px 20px;
  border-bottom: 1px solid #e0e0e0;
}
.genDesignDialog .el-page-header .el-input__inner {
  color: #333;
  max-width: 450px;
  font-size: 16px;
  padding-left: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-style: dashed;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.genDesignDialog .el-page-header .el-input__inner[readonly], .genDesignDialog .el-page-header .el-input__inner[disabled] {
    border: none;
    color: #303133;
}
.genDesignDialog .el-page-header i {
  font-size: 20px;
  color: #5469FF;
}
.genDesignDialog .el-page-header i:hover {
    cursor: pointer;
}
.genDesignDialog .el-page-header, .genDesignDialog .el-page-header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.genDesignDialog .el-page-header__left {
  cursor: pointer;
  margin-right: 40px;
  position: relative;
}
.genDesignDialog .el-page-header__left .el-icon-back {
  font-size: 18px;
  margin-right: 6px;
  -ms-flex-item-align: center;
  align-self: center;
}
.genDesignDialog .el-page-header__title {
  font-size: 14px;
  font-weight: 500;
}
.genDesignDialog .el-page-header__content {
  font-size: 18px;
  color: #303133;
}
.genDesignDialog .el-dialog__body {
  height: calc(100% - 51px);
  overflow: hidden;
  font-size: 12px;
  padding: 15px;
}
.webapp {
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}
.webapp .form-designer .widget-config-container .el-tabs__header {
    position: relative;
}

.tree-position[data-v-c30db6ea] {
  margin: 12px 20px 0 0;
}

@charset "UTF-8";
.tree-position[data-v-a3616f66] {
  margin: 12px 20px 0 0;
}
.pagination[data-v-a3616f66] {
  float: right;
  margin-right: 25px;
}
.add_but[data-v-a3616f66] {
  padding: 10px;
}
.ope-row[data-v-a3616f66] {
  margin-top: 5px;
  text-align: center;
  border-top: 1px solid #eaeaea;
  padding-top: 5px;
}
.item-name[data-v-a3616f66] {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.el-upload__tip[data-v-a3616f66] {
  margin-left: 5px;
}

/*新增图文*/
.left[data-v-a3616f66] {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  margin-top: 200px;
}
.right[data-v-a3616f66] {
  display: inline-block;
  width: 60%;
  margin-top: -40px;
}
.avatar-uploader[data-v-a3616f66] {
  width: 20%;
  display: inline-block;
}
.avatar-uploader .el-upload[data-v-a3616f66] {
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-align: unset !important;
}
.avatar-uploader .el-upload[data-v-a3616f66]:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon[data-v-a3616f66] {
  border: 1px solid #d9d9d9;
  font-size: 28px;
  color: #8c939d;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
}
.avatar[data-v-a3616f66] {
  width: 230px;
  height: 120px;
}
.avatar1[data-v-a3616f66] {
  width: 120px;
  height: 120px;
}
.digest[data-v-a3616f66] {
  width: 60%;
  display: inline-block;
  vertical-align: top;
}

/*新增图文*/
/*瀑布流样式*/
.waterfall[data-v-a3616f66] {
  width: 100%;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
  margin: 0 auto;
}
.waterfall-item[data-v-a3616f66] {
  padding: 10px;
  margin-bottom: 10px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  border: 1px solid #eaeaea;
}
p[data-v-a3616f66] {
  line-height: 30px;
}
@media (min-width: 992px) and (max-width: 1300px) {
.waterfall[data-v-a3616f66] {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
p[data-v-a3616f66] {
    color: red;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.waterfall[data-v-a3616f66] {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
p[data-v-a3616f66] {
    color: orange;
}
}
@media (max-width: 767px) {
.waterfall[data-v-a3616f66] {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
}

/*瀑布流样式*/
.news-main[data-v-a3616f66] {
  background-color: #FFFFFF;
  width: 100%;
  margin: auto;
  height: 120px;
}
.news-content[data-v-a3616f66] {
  background-color: #acadae;
  width: 100%;
  height: 120px;
  position: relative;
}
.news-content-title[data-v-a3616f66] {
  display: inline-block;
  font-size: 15px;
  color: #FFFFFF;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: black;
  width: 98%;
  padding: 1%;
  opacity: 0.65;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 25px;
}
.news-main-item[data-v-a3616f66] {
  background-color: #FFFFFF;
  padding: 5px 0px;
  border-top: 1px solid #eaeaea;
  width: 100%;
  margin: auto;
}
.news-content-item[data-v-a3616f66] {
  position: relative;
  margin-left: -3px;
}
.news-content-item-title[data-v-a3616f66] {
  display: inline-block;
  font-size: 12px;
  width: 70%;
}
.news-content-item-img[data-v-a3616f66] {
  display: inline-block;
  width: 25%;
  background-color: #acadae;
}
.input-tt[data-v-a3616f66] {
  padding: 5px;
}
.activeAddNews[data-v-a3616f66] {
  border: 5px solid #2bb673;
}
.news-main-plus[data-v-a3616f66] {
  width: 280px;
  text-align: center;
  margin: auto;
  height: 50px;
}
.icon-plus[data-v-a3616f66] {
  margin: 10px;
  font-size: 25px;
}
.select-item[data-v-a3616f66] {
  width: 60%;
  padding: 10px;
  margin: 0 auto 10px auto;
  border: 1px solid #eaeaea;
}
.father .child[data-v-a3616f66] {
  display: none;
  text-align: center;
  position: relative;
  bottom: 25px;
}
.father:hover .child[data-v-a3616f66] {
  display: block;
}
.thumb-div[data-v-a3616f66] {
  display: inline-block;
  width: 30%;
  text-align: center;
}
.thumb-but[data-v-a3616f66] {
  margin: 5px;
}
.material-img[data-v-a3616f66] {
  width: 100%;
  height: 100%;
}

.public-account-management .el-input[data-v-0df83005] {
  width: 70%;
  margin-right: 2%;
}
.tree-position[data-v-0df83005] {
  margin: 12px 20px 0 0;
}
/* 公共颜色变量 */
.clearfix[data-v-0df83005] {
  *zoom: 1;
}
.clearfix[data-v-0df83005]::after {
  content: "";
  display: table;
  clear: both;
}
div[data-v-0df83005] {
  text-align: left;
}
.weixin-hd[data-v-0df83005] {
  color: #fff;
  text-align: center;
  position: relative;
  bottom: 426px;
  left: 0px;
  width: 300px;
  height: 64px;
  background: transparent url(../img/menu_head.1c931282.png) no-repeat 0 0;
  background-position: 0 0;
  background-size: 100%;
}
.weixin-title[data-v-0df83005] {
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 33px;
  left: 0px;
}
.weixin-menu[data-v-0df83005] {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAyCAIAAACib5WDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1NEJCMUE0NzZGNDExRTVBOTBBQTZFOEFEMjc4NTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1NEJCMUE1NzZGNDExRTVBOTBBQTZFOEFEMjc4NTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTU0QkIxQTI3NkY0MTFFNUE5MEFBNkU4QUQyNzg1OTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTU0QkIxQTM3NkY0MTFFNUE5MEFBNkU4QUQyNzg1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yWLBJAAABuklEQVR42uzcu0ocURzA4XWxMIWiQhJwtVhxMW0wEkWj+AwWgm9gJfgggpVPoElEUwUCKRNFJaQWsygWXvAKXlBZGw8KIiIJmWFnGPg+pjiryMIffpxzRLemUqnkUlUul0ulUg74f3kjAAEDAgYEDAIGBAwIGBAwCBgQMCBgEHAMlZub8BglJK825s/vHxzOfl4Ii9GR4devXhooZGYHPjo+mfk0f3l5FZ6wCC8NFDKzA+fz+aHB/scvDRQyE3BzU2N4DBEyeYQGBAxU5wi9sbm1+ut3W2shznucnp296Sx1tBeNGxINeG39z+jIcPy3+Tj3RcCQ9BG6ob7+fjE5NR2eaOugtdBi1pD0Dvzg6vo68hpIOeAXdXWR10CV1Pz9c6F/LC4P9PfGf5ufSysf+nqe/ZbPhYZq3YGfiHD7BdI/Qrv9QuYDdvsFd2B3YEjjDgxk+Aidu/sd1T9vueEUPTE+ZrhgBwai7sA7u3tPvhJtaz0/vzBrSDrg7ndvv377/vAX0dFs7+y+7+4ya0g64I72ov8iAndgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGBAwCBhIy60AAwBiy5esmSYLKgAAAABJRU5ErkJggg==) no-repeat 0 0;
  padding-left: 43px;
  font-size: 12px;
}
.menu_option[data-v-0df83005] {
  width: 70% !important;
}
.public-account-management[data-v-0df83005] {
  min-width: 1200px;
  width: 1200px;
  margin: 0 auto;
  /*右边菜单内容*/
}
.public-account-management .left[data-v-0df83005] {
  float: left;
  display: inline-block;
  width: 350px;
  height: 715px;
  background: url(../img/iphone_backImg.8f7788a1.png) no-repeat;
  background-size: 100% auto;
  padding: 518px 25px 88px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*第一级菜单*/
}
.public-account-management .left .menu_main[data-v-0df83005] {
  /*第二级菜单*/
}
.public-account-management .left .menu_main .menu_bottom[data-v-0df83005] {
  position: relative;
  float: left;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 85.5px;
  text-align: center;
  border: 1px solid #ebedee;
  background-color: #fff;
  cursor: pointer;
}
.public-account-management .left .menu_main .menu_bottom.menu_addicon[data-v-0df83005] {
  height: 46px;
  line-height: 46px;
}
.public-account-management .left .menu_main .menu_bottom .menu_item[data-v-0df83005] {
  height: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.public-account-management .left .menu_main .menu_bottom .menu_item.active[data-v-0df83005] {
  border: 1px solid #2bb673;
}
.public-account-management .left .menu_main .menu_bottom .menu_subItem[data-v-0df83005] {
  height: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.public-account-management .left .menu_main .menu_bottom .menu_subItem.active[data-v-0df83005] {
  border: 1px solid #2bb673;
}
.public-account-management .left .menu_main i[data-v-0df83005] {
  color: #2bb673;
}
.public-account-management .left .menu_main .submenu[data-v-0df83005] {
  position: absolute;
  width: 85.5px;
  bottom: 45px;
}
.public-account-management .left .menu_main .submenu .subtitle[data-v-0df83005] {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.public-account-management .left .save_div[data-v-0df83005] {
  margin-top: 15px;
  text-align: center;
}
.public-account-management .left .save_div .save_btn[data-v-0df83005] {
  bottom: 20px;
  left: 100px;
}
.public-account-management .right[data-v-0df83005] {
  float: left;
  width: 50%;
  background-color: #e8e7e7;
  padding: 20px;
  margin-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.public-account-management .right .configure_page .delete_btn[data-v-0df83005] {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 20px;
}
.public-account-management .right .configure_page .menu_content[data-v-0df83005] {
  margin-top: 20px;
}
.public-account-management .right .configure_page .configur_content[data-v-0df83005] {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 5px;
}
.public-account-management .right .configure_page .blue[data-v-0df83005] {
  color: #29b6f6;
  margin-top: 10px;
}
.public-account-management .right .configure_page .applet[data-v-0df83005] {
  margin-bottom: 20px;
}
.public-account-management .right .configure_page .applet span[data-v-0df83005] {
  width: 20%;
}
.public-account-management .right .configure_page .material .input_width[data-v-0df83005] {
  width: 20%;
}
.public-account-management .right .configure_page .material .el-textarea[data-v-0df83005] {
  width: 60%;
}

.pagination[data-v-0df83005] {
  text-align: right;
  margin-right: 25px;
}
.select-item[data-v-0df83005] {
  width: 280px;
  padding: 10px;
  margin: 0 auto 10px auto;
  border: 1px solid #eaeaea;
}
.select-item2[data-v-0df83005] {
  padding: 10px;
  margin: 0 auto 10px auto;
  border: 1px solid #eaeaea;
}
.ope-row[data-v-0df83005] {
  padding-top: 10px;
  text-align: center;
}
.item-name[data-v-0df83005] {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}


.input_width[data-v-78cc7aee] {
  width: 80%;
}

@charset "UTF-8";
.printForm[data-v-7cb401f2] {
  width: 600px;
  margin: 0 auto;
  border: 1px solid;
  padding: 20px;
}
.printForm .cPrint[data-v-7cb401f2] {
    color: #006699;
    font-size: 40px;
    font-family: "\534E\6587\884C\6977", "\534E\6587\65B0\9B4F", "\534E\6587\5F69\4E91", "\6977\4F53_GB2312";
    text-align: center;
}
.printForm .shuoming[data-v-7cb401f2] {
    color: #336699;
    font-size: 18px;
    font-family: "\6977\4F53_GB2312";
    font-weight: bold;
    margin: 0;
}
.fontEight[data-v-7cb401f2] {
  font-size: 8px !important;
}

#multiListPanel .info .el-collapse {
  border: none;
  padding: 0 15px;
}
#multiListPanel .info .el-collapse .el-collapse-item__header {
    font-size: 14px;
}
#multiListPanel .info .el-collapse .el-collapse-item__content {
    padding-bottom: 0;
}
#multiListPanel .info .footer .el-button {
  padding: 10px;
}
#multiListPanel .pagination-container {
  position: fixed;
  left: 190px;
  bottom: 0;
  padding: 0 !important;
  margin: 0;
  height: 42px;
}
#multiListPanel .pagination-container .el-pagination {
    position: initial;
}

#multiListPanel[data-v-22fd8553] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
#multiListPanel .main[data-v-22fd8553] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 20px;
    overflow: auto;
}
#multiListPanel .main > ul[data-v-22fd8553] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0;
      padding: 0;
}
#multiListPanel .main > ul > li[data-v-22fd8553] {
        width: 130px;
        padding: 10px;
        margin: 10px;
        text-align: center;
        cursor: pointer;
}
#multiListPanel .main > ul > li[data-v-22fd8553]:hover {
          background: #e0e4ff;
}
#multiListPanel .main > ul > li.active[data-v-22fd8553] {
          border: 1px solid #cad0fd;
          background: #e0e4ff;
}
#multiListPanel .main > ul > li .icon[data-v-22fd8553] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 80px;
          height: 80px;
          margin: auto;
          overflow: hidden;
          pointer-events: all;
}
#multiListPanel .main > ul > li .icon img[data-v-22fd8553] {
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: fill;
               object-fit: fill;
}
#multiListPanel .main > ul > li .title[data-v-22fd8553] {
          font-size: 16px;
          margin-top: 12px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-all;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
}
#multiListPanel .info[data-v-22fd8553] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 350px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
#multiListPanel .info h4[data-v-22fd8553] {
      margin: 0;
      padding: 15px 15px 10px;
}
#multiListPanel .info .wrap[data-v-22fd8553] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: auto;
}
#multiListPanel .info .wrap > ul[data-v-22fd8553] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0;
        padding: 0 15px;
        overflow: auto;
}
#multiListPanel .info .wrap > ul > li[data-v-22fd8553] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          font-size: 14px;
          padding: 13px 0;
          line-height: 20px;
          border-bottom: 1px solid #E5E5E5;
}
#multiListPanel .info .wrap > ul > li label[data-v-22fd8553] {
            color: #323233;
            margin-right: 8px;
            font-weight: normal;
}
#multiListPanel .info .wrap > ul > li span[data-v-22fd8553] {
            color: #7c8695;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: right;
            vertical-align: middle;
}
#multiListPanel .info .wrap .timeline .el-timeline-item[data-v-22fd8553] {
        padding-bottom: 5px;
}
#multiListPanel .info .wrap .timeline .timeline-name[data-v-22fd8553] {
        margin: 0 0 5px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.7);
}
#multiListPanel .info .wrap .timeline .timeline-content[data-v-22fd8553] {
        color: #909090;
        margin: 2px 0;
}
#multiListPanel .info .wrap .timeline .timeline-content .timeline-content__idea[data-v-22fd8553] {
          margin-left: 5px;
          line-height: 22px;
          color: rgba(0, 0, 0, 0.7);
}
#multiListPanel .info .footer[data-v-22fd8553] {
      padding: 15px;
      width: 100%;
      text-align: center;
}

#officeListPanel .info .el-collapse {
  border: none;
  padding: 0 15px;
}
#officeListPanel .info .el-collapse .el-collapse-item__header {
    font-size: 14px;
}
#officeListPanel .info .el-collapse .el-collapse-item__content {
    padding-bottom: 0;
}
#officeListPanel .info .footer .el-button {
  padding: 10px;
}
#officeListPanel .pagination-container {
  position: fixed;
  left: 190px;
  bottom: 0;
  padding: 0 !important;
  margin: 0;
  height: 42px;
}
#officeListPanel .pagination-container .el-pagination {
    position: initial;
}

#officeListPanel[data-v-603e72ce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
#officeListPanel .main[data-v-603e72ce] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 20px;
    overflow: auto;
}
#officeListPanel .main > ul[data-v-603e72ce] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0;
      padding: 0;
}
#officeListPanel .main > ul > li[data-v-603e72ce] {
        width: 130px;
        padding: 10px;
        margin: 10px;
        text-align: center;
        cursor: pointer;
}
#officeListPanel .main > ul > li[data-v-603e72ce]:hover {
          background: #e0e4ff;
}
#officeListPanel .main > ul > li.active[data-v-603e72ce] {
          border: 1px solid #cad0fd;
          background: #e0e4ff;
}
#officeListPanel .main > ul > li .icon[data-v-603e72ce] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 80px;
          height: 80px;
          margin: auto;
          overflow: hidden;
          pointer-events: all;
}
#officeListPanel .main > ul > li .icon img[data-v-603e72ce] {
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: fill;
               object-fit: fill;
}
#officeListPanel .main > ul > li .title[data-v-603e72ce] {
          font-size: 16px;
          margin-top: 12px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-all;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
}
#officeListPanel .info[data-v-603e72ce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 350px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
#officeListPanel .info h4[data-v-603e72ce] {
      margin: 0;
      padding: 15px 15px 10px;
}
#officeListPanel .info .wrap[data-v-603e72ce] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: auto;
}
#officeListPanel .info .wrap > ul[data-v-603e72ce] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0;
        padding: 0 15px;
        overflow: auto;
}
#officeListPanel .info .wrap > ul > li[data-v-603e72ce] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          font-size: 14px;
          padding: 13px 0;
          line-height: 20px;
          border-bottom: 1px solid #E5E5E5;
}
#officeListPanel .info .wrap > ul > li label[data-v-603e72ce] {
            color: #323233;
            margin-right: 8px;
            font-weight: normal;
}
#officeListPanel .info .wrap > ul > li span[data-v-603e72ce] {
            color: #7c8695;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: right;
            vertical-align: middle;
}
#officeListPanel .info .wrap .timeline .el-timeline-item[data-v-603e72ce] {
        padding-bottom: 5px;
}
#officeListPanel .info .wrap .timeline .timeline-name[data-v-603e72ce] {
        margin: 0 0 5px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.7);
}
#officeListPanel .info .wrap .timeline .timeline-content[data-v-603e72ce] {
        color: #909090;
        margin: 2px 0;
}
#officeListPanel .info .wrap .timeline .timeline-content .timeline-content__idea[data-v-603e72ce] {
          margin-left: 5px;
          line-height: 22px;
          color: rgba(0, 0, 0, 0.7);
}
#officeListPanel .info .footer[data-v-603e72ce] {
      padding: 15px;
      width: 100%;
      text-align: center;
}

#receiveListPanel .info .el-collapse {
  border: none;
  padding: 0 15px;
}
#receiveListPanel .info .el-collapse .el-collapse-item__header {
    font-size: 14px;
}
#receiveListPanel .info .el-collapse .el-collapse-item__content {
    padding-bottom: 0;
}
#receiveListPanel .info .footer .el-button {
  padding: 10px;
}
#receiveListPanel .pagination-container {
  position: fixed;
  left: 190px;
  bottom: 0;
  padding: 0 !important;
  margin: 0;
  height: 42px;
}
#receiveListPanel .pagination-container .el-pagination {
    position: initial;
}

#receiveListPanel[data-v-4664b7fd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
#receiveListPanel .main[data-v-4664b7fd] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 20px;
    overflow: auto;
}
#receiveListPanel .main > ul[data-v-4664b7fd] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0;
      padding: 0;
}
#receiveListPanel .main > ul > li[data-v-4664b7fd] {
        width: 130px;
        padding: 10px;
        margin: 10px;
        text-align: center;
        cursor: pointer;
}
#receiveListPanel .main > ul > li[data-v-4664b7fd]:hover {
          background: #e0e4ff;
}
#receiveListPanel .main > ul > li.active[data-v-4664b7fd] {
          border: 1px solid #cad0fd;
          background: #e0e4ff;
}
#receiveListPanel .main > ul > li .icon[data-v-4664b7fd] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 80px;
          height: 80px;
          margin: auto;
          overflow: hidden;
          pointer-events: all;
}
#receiveListPanel .main > ul > li .icon img[data-v-4664b7fd] {
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: fill;
               object-fit: fill;
}
#receiveListPanel .main > ul > li .title[data-v-4664b7fd] {
          font-size: 16px;
          margin-top: 12px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-all;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
}
#receiveListPanel .info[data-v-4664b7fd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 350px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
#receiveListPanel .info h4[data-v-4664b7fd] {
      margin: 0;
      padding: 15px 15px 10px;
}
#receiveListPanel .info .wrap[data-v-4664b7fd] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      overflow: auto;
}
#receiveListPanel .info .wrap > ul[data-v-4664b7fd] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0;
        padding: 0 15px;
        overflow: auto;
}
#receiveListPanel .info .wrap > ul > li[data-v-4664b7fd] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          font-size: 14px;
          padding: 13px 0;
          line-height: 20px;
          border-bottom: 1px solid #E5E5E5;
}
#receiveListPanel .info .wrap > ul > li label[data-v-4664b7fd] {
            color: #323233;
            margin-right: 8px;
            font-weight: normal;
}
#receiveListPanel .info .wrap > ul > li span[data-v-4664b7fd] {
            color: #7c8695;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: right;
            vertical-align: middle;
}
#receiveListPanel .info .wrap .timeline .el-timeline-item[data-v-4664b7fd] {
        padding-bottom: 5px;
}
#receiveListPanel .info .wrap .timeline .timeline-name[data-v-4664b7fd] {
        margin: 0 0 5px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.7);
}
#receiveListPanel .info .wrap .timeline .timeline-content[data-v-4664b7fd] {
        color: #909090;
        margin: 2px 0;
}
#receiveListPanel .info .wrap .timeline .timeline-content .timeline-content__idea[data-v-4664b7fd] {
          margin-left: 5px;
          line-height: 22px;
          color: rgba(0, 0, 0, 0.7);
}
#receiveListPanel .info .footer[data-v-4664b7fd] {
      padding: 15px;
      width: 100%;
      text-align: center;
}