@charset "UTF-8";
@import '@alicloud/console-components/dist/wind.css';
.lp-app-layout {
  position: relative;
}
.lp-app-layout .layout-silder-nav {
  padding-top: 50px;
  height: 100vh;
}
.lp-app-layout .layout-only-silder-content {
  padding: 0px 24px 24px 24px !important;
  margin: 0px !important;
  height: 100vh;
  overflow: auto;
  flex-grow: 1;
}
.lp-app-layout .layout-silder-content {
  padding: 50px 24px 24px 24px !important;
  margin: 0px !important;
  height: 100vh;
  overflow: auto;
}
.lp-app-layout .lp-page {
  margin: 0px 24px 24px 24px;
  padding: 0;
  background: #fff;
}
.lp-app-layout .lp-page .lp-page-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.lp-app-layout .lp-page .lp-page-extra {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.lp-app-layout .lp-page .lp-page-header {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.lp-app-layout .lp-page .lp-page-content {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  overflow: auto;
}

.lp-container {
  padding: 16px 24px;
}
.lp-container-content {
  background-color: white;
}
.lp-container-leftTabs .next-tabs-left > .next-tabs-content {
  overflow: hidden;
  font-size: 12px;
  padding: 16px 0px 14px 16px;
}
.lp-container .next-tabs-content {
  overflow: unset;
  font-size: 12px;
  padding: 16px 0px 14px 0px;
}
.lp-container .next-tabs-wrapped.next-tabs.next-medium .next-tabs-tab-inner {
  line-height: 20px;
}

.lp-nest-container {
  background-color: white;
  padding: 0px;
  margin: 0px;
  padding-bottom: 24px;
}
.lp-nest-container .next-tabs-content {
  overflow: unset;
  font-size: 12px;
  padding: 16px 0px;
}
.lp-nest-container .next-tabs-wrapped.next-tabs-left > .next-tabs-bar {
  float: left;
  width: 180px;
}
.lp-nest-container .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab {
  float: none;
  margin-bottom: 4px;
  border: 0px;
  border-right: 1px solid #dedede;
  border-radius: 0;
  margin-right: 0px;
}
.lp-nest-container .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:before {
  left: 100%;
}
.lp-nest-container .next-tabs-nav {
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  list-style: none;
  padding: 0;
  margin: 0;
  border-right: 0px solid #dedede;
}
.lp-nest-container .next-tabs-content .next-tabs-nav {
  border-right: 0px;
}

.lp-panel {
  padding: 24px;
  background-color: #FFFFFF;
}
.lp-panel-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #373d41;
  height: 32px;
}
.lp-panel-tips-icon {
  color: #cccccc;
  margin-left: 8px;
  vertical-align: bottom;
  line-height: 20px;
}
.lp-panel-subtitle {
  font-size: 12px;
  color: #c3c5c6;
  font-weight: lighter;
  display: inline-block;
  margin-left: 8px;
}
.lp-panel-right {
  flex: 1;
  text-align: right;
  font-weight: lighter;
}
.lp-panel-right-button {
  margin-left: 8px !important;
}
.lp-panel-right-extra {
  display: inline-block;
  margin-left: 8px;
}

.lp-nest-panel {
  margin: 0px;
  padding: 0px;
  padding-bottom: 24px;
}

.ml8 {
  margin-left: 8px;
}

.mt8 {
  margin-top: 8px;
}

.lp-topbar {
  background-color: #373d41;
  height: 50px;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}
.lp-topbar-logo {
  float: left;
}
.lp-topbar-logo img {
  width: 80px;
  height: 20px;
  margin-top: 15px;
  margin-left: 20px;
}
.lp-topbar-title-wrap {
  float: left;
  color: white;
  height: 50px;
  padding: 0 20px 0 20px;
  vertical-align: middle;
}
.lp-topbar-title-wrap span {
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
  font-size: 14px;
}

.lp-left {
  position: absolute;
  float: left;
  margin-top: 0px;
  width: 180px;
  height: 100%;
}

.lp-main {
  position: absolute;
  float: left;
  left: 180px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: #f5f7f9;
}

.lp-breadcrumb {
  padding: 14px 0px;
}
.lp-breadcrumb .lp-breadcrumb-single {
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 20px;
  font-weight: bold;
  border-left: 4px solid #0070CC;
}
.lp-breadcrumb .next-breadcrumb {
  display: block;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
}
.lp-breadcrumb .next-breadcrumb-item {
  height: 20px;
}
.lp-breadcrumb .next-breadcrumb-item .lp-breadcrumb-item {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  height: 20px;
}
.lp-breadcrumb .next-breadcrumb-item .lp-breadcrumb-item:hover {
  color: #0070CC;
}
.lp-breadcrumb .next-breadcrumb-item .lp-breadcrumb-item.activated {
  color: #888888;
}
.lp-breadcrumb .next-breadcrumb-item .next-breadcrumb-separator {
  cursor: default;
  margin: 0 12px;
  line-height: 20px;
  height: 20px;
}
.lp-breadcrumb .next-breadcrumb-item .next-breadcrumb-separator .next-icon:before {
  color: #555555;
  font-weight: lighter;
}
.lp-breadcrumb span.next-breadcrumb-text.lp-breadcrumb-item {
  cursor: default;
}

.lp-breadcrumb-line {
  border-bottom: 1px solid #C9C9C9;
}

.lp-card-containrt {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.lp-card-containrt .next-card, .next-card.wind-enhanced-card-has-border {
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}

.lp-card-containrt .lp-card-footer {
  height: 54px;
  padding: 16px 24px;
  box-shadow: 0 -1px 4px -1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -1px 4px -1px rgba(0, 0, 0, 0.1);
}

.lp-card-footer .lp-footer-left {
  float: left;
  font-size: 12px;
  color: #73777A;
  line-height: 22px;
}

.lp-card-footer .lp-footer-right {
  float: right;
  font-size: 12px;
  color: #373D41;
  line-height: 22px;
  margin-left: 24px;
}

.lp-cards {
  width: 100%;
  font-family: PingFang SC;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
}

.lp-card.next-card {
  padding: 0px;
}

.lp-card.next-card .next-card-body .next-card-content {
  margin-bottom: 0px;
}

.lp-card.next-card-show-divider .next-card-extra {
  position: absolute;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #333;
  right: 24px;
  top: 16px;
}

.lp-card.next-card-show-divider .next-card-head {
  border-bottom: 0px solid #dedede;
  padding-left: 0px;
  padding-right: 0px;
}

.lp-card.next-card-show-divider .next-card-body {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  margin-bottom: 0px;
}

.lp-card .next-card-head-main {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 54px;
  padding: 16px 24px 16px 24px;
  line-height: 24px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.1);
}

.lp-card.next-card-hide-divider .next-card-extra {
  position: absolute;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #333;
  right: 24px;
  top: 16px;
}

.lp-card.next-card-hide-divider .next-card-head {
  border-bottom: 0px solid #dedede;
  padding-left: 0px;
  padding-right: 0px;
}

.lp-card.next-card-hide-divider .next-card-head-main {
  box-shadow: 0 0px 0px 0 white;
  -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
  padding: 16px 24px;
}

.lp-card.next-card-hide-divider .next-card-body {
  padding-top: 0px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  margin-bottom: 0px;
}

.lp-card .next-card-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
  line-height: 22px;
  color: #333;
  height: 22px;
  font-size: 14px;
}

.lp-card .lp-card-filterArea {
  padding-bottom: 16px;
}

.lp-card-more:hover {
  background-color: #F2F2F2;
  cursor: pointer;
}

.lp-datagrid.lp-datagrid-baseEmpty .next-table-empty {
  color: #333;
  padding: 0;
  text-align: center;
}

.lp-datagrid {
  position: relative;
}
.lp-datagrid .next-loading-tip {
  display: block;
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lp-datagrid .next-table.only-bottom-border th {
  border-width: 1px 0 1px 0;
}
.lp-datagrid .next-table-selection .next-table-cell-wrapper {
  padding: 8px 0px 8px 16px;
}
.lp-datagrid .next-table {
  color: #373d41;
}
.lp-datagrid .next-table .next-table-empty {
  line-height: unset;
  height: auto;
}
.lp-datagrid .next-table td {
  vertical-align: middle;
  height: 52px;
  line-height: 20px;
  font-size: 12px;
}
.lp-datagrid .next-table th {
  color: #73777a;
  height: 36px;
  line-height: 20px;
  font-size: 12px;
}
.lp-datagrid .next-table .next-table-sort {
  position: relative;
  width: 16px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-top: 3px;
}
.lp-datagrid .next-table .lp-datagrid-th {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  float: left;
}
.lp-datagrid .next-table .lp-datagrid-th i {
  line-height: initial;
  margin: 0 5px 0 5px;
  color: #ccc;
}
.lp-datagrid .next-table .lp-datagrid-th i::before {
  font-size: 16px;
  line-height: 16px;
  margin-top: 0px;
}
.lp-datagrid .next-table .lp-datagrid-th > .next-form-item {
  margin: 0;
}
.lp-datagrid .next-table .lp-datagrid-th > .next-form-item > .next-form-item-label {
  padding: 0;
}
.lp-datagrid .next-table .next-icon {
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-datagrid .next-table .next-menu-item-inner .next-icon {
  width: auto;
  height: auto;
}
.lp-datagrid .next-table .next-icon:focus {
  outline: #0070cc;
  outline-color: #0070cc;
  outline-style: auto;
  outline-width: 0px;
}
.lp-datagrid .next-table .next-icon.next-icon-add::before {
  display: none;
}
.lp-datagrid .next-table .next-icon.next-icon-minus::before {
  display: none;
}
.lp-datagrid .next-table .next-icon.next-icon-add {
  background-image: url(https://img.alicdn.com/tfs/TB1jPLdE9zqK1RjSZPxXXc4tVXa-28-28.png);
}
.lp-datagrid .next-table .next-icon.next-icon-minus {
  background-image: url(https://img.alicdn.com/tfs/TB1eybgE6TpK1RjSZKPXXa3UpXa-28-28.png);
}
.lp-datagrid .next-table .next-table-cell-wrapper img {
  width: 40px;
  height: 40px;
  float: left;
}
.lp-datagrid .next-table .next-table-cell-wrapper .media-content {
  cursor: pointer;
  line-height: 40px;
  width: calc(100% - 50px);
  margin-left: 50px;
}
.lp-datagrid .next-table .next-table-loading {
  min-height: 120px;
}
.lp-datagrid .next-table .next-table-loading .next-icon {
  top: calc((100% - 50px) / 2 + 45px);
}
.lp-datagrid .next-table.next-table-fixed .next-table-body td {
  border-bottom-width: 1px;
}
.lp-datagrid .lp-datagrid-pagination {
  padding: 0;
  padding-top: 8px;
  border-top: none;
  display: flex;
  justify-content: space-between;
}
.lp-datagrid .lp-datagrid-pagination .lp-datagrid-pagination-btn {
  flex-shrink: 0;
}
.lp-datagrid .lp-datagrid-pagination .lp-datagrid-pagination-btn button {
  margin-right: 8px;
  margin-left: 0px;
}
.lp-datagrid .lp-datagrid-pagination .lp-datagrid-pagination-btn .lp-diyBatchActionContent {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  margin-left: 0px;
  cursor: pointer;
}
.lp-datagrid .lp-datagrid-pagination .next-checkbox-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}
.lp-datagrid .lp-datagrid-pagination .next-checkbox-wrapper.focused.disabled .next-checkbox-inner {
  border-color: #dedede;
  background: #ebebeb;
}
.lp-datagrid .lp-datagrid-pagination .lp-datagrid-pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp-datagrid .lp-datagrid-pagination .lp-datagrid-pagination-wrap .lp-datagrid-pagination-total {
  margin-right: 8px;
  font-size: 12px;
  color: #888888;
}
.lp-datagrid .lp-datagrid-pagination .lp-datagrid-pagination-wrap .next-menu-item-inner {
  height: 32px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  text-align: left;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination-size-selector {
  margin-right: 8px;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination.next-medium .next-pagination-size-selector-title {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 8px;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination.next-small .next-pagination-total {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  vertical-align: middle;
  color: #888;
  margin-right: 0px;
  float: left;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination.next-medium .next-pagination-total {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  vertical-align: middle;
  color: #888;
  margin-right: 0px;
  float: left;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination.next-large .next-pagination-total {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  vertical-align: middle;
  color: #888;
  margin-right: 0px;
  float: left;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination.hide {
  display: none;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination-pages .next-pagination-jump .next-input {
  margin: 0 8px;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination-pages .next-pagination-jump .next-input input {
  padding: 0;
  text-align: center;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination-display {
  color: #999999;
}
.lp-datagrid .lp-datagrid-pagination .next-pagination.start .next-pagination-size-selector {
  float: right;
  margin-right: 0;
}
.lp-datagrid .table-empty {
  padding: 56px 0;
}
.lp-datagrid .table-empty .next-icon {
  color: #0070CC;
}
.lp-datagrid .table-empty .empty-msg {
  margin-left: 4px;
  font-size: 16px;
  color: #888888;
}

.lp-datagrid-actions {
  cursor: pointer;
  margin-right: 8px;
  color: #0070CC;
  display: inline-block;
  border-right: 1px solid #D8D8D8;
  padding-right: 8px;
  line-height: 12px;
}
.lp-datagrid-actions:hover {
  color: #003A6A;
}
.lp-datagrid-actions-arrow {
  margin-left: 2px !important;
}
.lp-datagrid-actions-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.lp-datagrid-actions-disabled:hover {
  color: #ccc;
}

.lp-datagrid-actions:last-child {
  border-right: 0px;
}

.next-dialog.theme-variable-value {
  font-size: 28px;
  color: #555555;
  min-width: 360px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
.next-dialog.theme-variable-value .next-dialog-header {
  padding: 0;
}
.next-dialog.theme-variable-value .next-dialog-body {
  padding: 0;
}
.next-dialog.theme-variable-value .next-dialog-footer {
  padding: 0px 24px;
}
.next-dialog.theme-variable-value .alert-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 48px;
  padding: 0px 24px 8px 24px;
  max-height: 275px;
  overflow: auto;
}
.next-dialog.theme-variable-value .alert-warp .icon-warp {
  margin-right: 16px;
  line-height: 24px;
}
.next-dialog.theme-variable-value .alert-warp .icon-warp .next-icon {
  color: #fd8a25;
}
.next-dialog.theme-variable-value .alert-warp .icon-warp .next-icon:before {
  margin-top: -1px;
}
.next-dialog.theme-variable-value .alert-warp .alert-bd {
  -ms-flex: 0 1 auto;
}
.next-dialog.theme-variable-value .alert-warp .alert-bd .alert-title {
  color: #111111;
  margin-bottom: 8px;
  font-weight: 400;
  word-break: break-all;
  line-height: 28px;
  font-size: 18px;
}
.next-dialog.theme-variable-value .alert-warp .alert-bd .alert-content {
  color: #333;
  word-break: break-all;
  line-height: 18px;
  font-size: 14px;
}
.next-dialog.theme-variable-value .next-dialog-close {
  right: 24px;
  top: 16px;
}
.next-dialog.theme-variable-value .next-dialog-footer .next-btn:first-child {
  margin: 16px 0px;
}
.next-dialog.theme-variable-value .next-dialog-footer .next-btn {
  margin: 16px 0px 16px 8px;
}
.next-dialog.right {
  float: none;
}

.next-dialog.theme-variable-value {
  font-size: 28px;
  color: #555555;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
.next-dialog.theme-variable-value .next-dialog-header {
  padding: 0;
}
.next-dialog.theme-variable-value .next-dialog-body {
  padding: 0;
}
.next-dialog.theme-variable-value .next-dialog-footer {
  padding: 0px 24px;
}
.next-dialog.theme-variable-value .confirm-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 48px;
  padding: 0px 24px 8px 24px;
  max-height: 275px;
  overflow: auto;
}
.next-dialog.theme-variable-value .confirm-warp .icon-warp {
  margin-right: 16px;
  line-height: 24px;
}
.next-dialog.theme-variable-value .confirm-warp .icon-warp .next-icon {
  color: #fd8a25;
}
.next-dialog.theme-variable-value .confirm-warp .icon-warp .next-icon:before {
  margin-top: -1px;
}
.next-dialog.theme-variable-value .confirm-warp .confirm-bd {
  -ms-flex: 0 1 auto;
}
.next-dialog.theme-variable-value .confirm-warp .confirm-bd .confirm-title {
  color: #111111;
  margin-bottom: 8px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 400;
  word-break: break-all;
}
.next-dialog.theme-variable-value .confirm-warp .confirm-bd .confirm-content {
  color: #333333;
  line-height: 18px;
  font-size: 14px;
  word-break: break-all;
}
.next-dialog.right {
  float: none;
}

.lp-normal-dialog-full {
  border-radius: 0 !important;
}
.lp-normal-dialog-full .next-dialog-body {
  max-height: unset !important;
}

.lp-normal-dialog {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}
.lp-normal-dialog .next-dialog-header {
  color: #111111;
  padding: 16px 16px;
  border-bottom: 0px solid #DEDEDE;
  padding-right: 40px;
  line-height: 24px;
  padding-left: 24px;
  font-weight: 500;
}
.lp-normal-dialog .next-dialog-body {
  padding: 0px 24px 8px 24px;
  height: calc(100% - (50px + 65px));
  overflow-y: auto;
}
.lp-normal-dialog .next-dialog-footer {
  border-top: 0px solid #DEDEDE;
  padding: 16px 24px;
}
.lp-normal-dialog.next-dialog.right {
  float: none;
}

.lp-normal-dialog.lp-nest-dialog .next-dialog-body {
  padding: 0px;
  height: calc(100% - (50px + 65px));
  overflow-y: auto;
}

.next-dialog.right .next-dialog-footer .next-btn:last-child {
  margin-left: 8px;
}

.lp-editor_ .ace_cursor {
  display: none;
}

.lp-example {
  font-size: 12px;
}
.lp-example ul {
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.lp-example li {
  display: block;
  padding: 0 51px 0 7px;
  white-space: nowrap;
  line-height: 32px;
  background: #fff;
  cursor: pointer;
}
.lp-example li.selected, .lp-example li:hover {
  background: #eff8ff;
}
.lp-example .button {
  margin: 0 0 0 30px;
  height: 20px;
  padding: 0 11px;
  line-height: 16px;
  min-width: 46px;
  border: 1px solid transparent;
  position: relative;
  display: inline-block;
  font-style: normal;
  font-family: inherit;
  background: transparent;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  box-shadow: 0 0 0 #fff;
  border-radius: 2px;
  text-align: center;
}
.lp-example .button.hasArrow {
  padding-right: 0;
}
.lp-example .button.yellow {
  background: #ffa033;
  color: #fff;
}
.lp-example .button.white {
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #666;
}
.lp-example .button.blue {
  background: #52aae9;
  color: #fff;
}
.lp-example .theme-variable-value {
  margin: 20px 0;
  padding: 20px;
  font-size: 28px;
  color: #555555;
  border: 1px solid #0070CC;
  background-color: #F7F7F7;
  border-radius: 2px;
}

.columns .column:nth-child(1) {
  display: flex;
  justify-content: center;
}
.columns .field {
  width: 150px;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.columns .field p {
  margin-bottom: 12px;
}
.columns .field label {
  margin-right: 20px;
}

.noSplitLine .ace_print-margin {
  display: none;
}

.lp-filter-form {
  min-height: 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.lp-filter-form .lp-filter-input-search {
  cursor: pointer;
  margin-right: 8px;
  color: #555;
}
.lp-filter-form .lp-filter-input-search:hover {
  cursor: pointer;
  color: black;
}
.lp-filter-form .next-disabled .lp-filter-input-search:hover {
  cursor: not-allowed;
  color: #C1C1C1;
}
.lp-filter-form .right {
  display: flex;
}
.lp-filter-form .next-form.next-inline .next-form-item {
  margin-right: 8px;
  margin-bottom: 8px;
}
.lp-filter-form .next-btn-text.next-medium {
  color: #0070cc;
  line-height: 32px;
  height: 32px;
}
.lp-filter-form .lp-filter-form-btn {
  width: 100%;
  float: left;
}
.lp-filter-form .lp-filter-form-btn button {
  margin-right: 10px;
}
.lp-filter-form .iconBox {
  width: 30px;
  height: 30px;
  padding: 4px 0px 0px 5px;
  background: #f7f7f782;
  border: 1px solid #DEDEDE;
  margin-left: 8px;
  cursor: pointer;
}

.lp-form {
  color: #333333;
  position: relative;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 16px;
}
.lp-form .formGridRow {
  display: inline-block;
  width: 100%;
}
.lp-form .formGridRow .GridCol {
  float: left;
  margin-left: 80px;
}
.lp-form .formGridRow .GridCol:first-child {
  margin-left: 0px;
}
.lp-form .lastOne .next-form-item {
  margin-bottom: 0px;
}
.lp-form .next-form-item-help {
  width: 100%;
}
.lp-form .next-radio-group.vertical > label {
  width: 100%;
}
.lp-form .next-checkbox-group.vertical > label {
  width: 100%;
  margin-left: 0px !important;
}
.lp-form .next-checkbox-wrapper:first-child {
  margin-left: 8px !important;
}
.lp-form .next-form-item {
  margin-bottom: 16px;
}
.lp-form .footer {
  border-top: 1px solid #dedede;
  padding: 8px 0px;
  margin-top: 8px;
}
.lp-form .footer button {
  margin-right: 8px;
}
.lp-form .next-form-item-label {
  position: relative;
  line-height: 20px;
  height: 20px;
  margin-bottom: 4px;
}
.lp-form .next-form-item-label label[required]:before {
  margin-right: 4px;
  content: "*";
  color: #f15533;
}
.lp-form .next-form-item :last-of-type {
  padding-bottom: 0;
}
.lp-form input::-webkit-input-placeholder,
.lp-form textarea::-webkit-input-placeholder {
  color: #999;
}
.lp-form input:-moz-placeholder,
.lp-form textarea:-moz-placeholder {
  color: #999;
}
.lp-form input::-moz-placeholder,
.lp-form textarea::-moz-placeholder {
  color: #999;
}
.lp-form input:-ms-input-placeholder,
.lp-form textarea:-ms-input-placeholder {
  color: #999;
}
.lp-form .next-form-item .next-form-item-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lp-form .next-form-item .next-form-item-control > :first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.lp-form .next-form-item :last-child {
  margin-bottom: 0;
}
.lp-form .next-form-item .next-comobobox {
  padding-left: 0;
  cursor: text;
}
.lp-form .next-form-item .next-comobobox .next-select-inner .next-select-inner-item:first-of-type {
  margin-left: 4px;
}
.lp-form-extra-icon {
  position: absolute;
  top: -1px;
  right: -10px;
}
.lp-form-item-explain {
  width: 100%;
}
.lp-form-tip-icon {
  cursor: pointer;
  color: #cccccc;
  margin-left: 4px;
}
.lp-form .next-radio-group > label {
  margin-right: 28px;
}
.lp-form .next-checkbox-group > label {
  margin-right: 28px;
}
.lp-form .next-select-placeholder {
  color: #999;
}
.lp-form .next-comobobox.multiple .next-select-inner {
  position: relative;
}
.lp-form .next-comobobox.multiple .next-select-inner > .next-select-placeholder {
  margin-left: -10px;
  left: 8px;
}
.lp-form .next-comobobox.multiple .next-select-inner > input {
  float: left;
  margin: 8px 0 0 8px;
}
.lp-form .next-comobobox.multiple.focused .next-select-placeholder {
  display: none;
}

.lp-form-nest {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.lp-form-nest .next-row {
  padding: 0px 24px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.lp-form-nest .lp-form-footer-nest {
  border-top: 1px solid #dedede;
  padding: 8px 0px 8px 24px !important;
  height: 48px;
}
.lp-form-nest .lp-form-footer-nest button {
  margin-right: 0px;
  margin-left: 8px;
  float: right;
}

.lp-footer-noLine {
  border-top: 0px !important;
}

.lp-form-nest .lp-form-footer-left.lp-form-footer-nest button {
  margin-right: 8px;
  margin-left: 0px;
  float: left;
}

.lp-form-nest .lp-form-footer-left.lp-form-footer-nest button:first-child {
  margin-left: -24px;
}

.lp-grid {
  border-bottom: 1px solid #ecedee;
  border-right: 1px solid #ecedee;
}
.lp-grid .next-row.next-row-wrap {
  height: 100%;
}

.lp-grid-row {
  margin: 0px !important;
  padding: 0px !important;
}
.lp-grid-row .next-col {
  border-top: 1px solid #ecedee;
  overflow: hidden;
}

.lp-grid-col.next-row.next-row-wrap {
  display: flex;
  flex-flow: nowrap;
}
.lp-grid-col-left {
  background-color: #fbfbfc;
  border-right: 1px solid #ecedee;
  border-left: 1px solid #ecedee;
  color: #73777a;
  padding: 14px 12px;
  flex-shrink: 0;
  position: relative;
  line-height: 20px;
  word-break: break-word;
  hyphens: auto;
  display: flex;
  align-items: center;
}
.lp-grid-col-left .lp-margin-right {
  margin-right: 20px;
}
.lp-grid-col-right {
  color: #373d41;
  position: relative;
  padding: 14px 12px;
  flex: 1;
  line-height: 20px;
  word-break: break-word;
  hyphens: auto;
  display: flex;
  align-items: center;
}

.lp-info {
  padding: 16px 24px 8px 24px;
}
.lp-info-header {
  position: relative;
}
.lp-info-header-left {
  width: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
}
.lp-info-header-left-name {
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}
.lp-info-header-left-status {
  display: inline-block;
  margin-left: 16px;
  vertical-align: top;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-align-self: center;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}
.lp-info-header-right {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-bottom: 8px;
}
.lp-info-header-right-button {
  margin-left: 8px !important;
}
.lp-info-header-right-extra {
  display: inline-block;
  margin-left: 8px;
}
.lp-info-content {
  width: 100%;
  display: contents;
}
.lp-info-content-attribute {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: normal;
  font-size: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 8px;
  line-height: 20px;
}
.lp-info-content-attribute .attribute-name {
  color: #888888;
  margin-right: 22px;
  min-width: 100px;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lp-info-content-attribute .attribute-value {
  color: #555555;
  margin-right: 8px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.lp-info-content-attribute .attribute-value .next-input {
  vertical-align: middle;
  display: inline-table;
  border-collapse: separate;
  font-size: 0;
  line-height: 1;
  width: auto;
  border-spacing: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid #dedede;
  background-color: #fff;
}
.lp-info-content-attribute .attribute-all-value {
  color: #555555;
}
.lp-info-content-attribute .attribute-copy,
.lp-info-content-attribute .attribute-toggle {
  margin-right: 8px;
  color: #0070CC;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.lp-info-content-attribute .attribute-copy:hover,
.lp-info-content-attribute .attribute-toggle:hover {
  color: #003A6A;
}
.lp-info-content-attribute .attribute-tips {
  margin-right: 8px;
}
.lp-info-content .lp-text-overflow {
  text-overflow: ellipsis;
}
.lp-info .clickable {
  cursor: pointer;
}
.lp-info p {
  margin: 0;
  padding: 0;
}
.lp-info .col1 {
  width: 100%;
}
.lp-info .col2 {
  width: 50%;
}
.lp-info .col3 {
  width: 33.33%;
}
.lp-info .col4 {
  width: 25%;
}
.lp-info .col5 {
  width: 20%;
}
.lp-info .customArea .next-btn-text.next-medium.lp-collapse-btn {
  position: absolute;
  bottom: 7px;
  right: 0px;
}

.lp-nest-info {
  padding: 0px 0px 16px 0px;
}

.lp-balloon-container {
  display: flex;
  align-items: center;
  position: relative;
}

.lp-balloon-confirm {
  padding: 20px 24px;
  max-width: inherit;
}
.lp-balloon-confirm .lp-balloon-confirm-content {
  min-width: 250px;
}
.lp-balloon-confirm .lp-balloon-confirm-content .title {
  font-weight: bolder;
  margin: 0 0 8px 0;
  font-size: 18px;
}
.lp-balloon-confirm .lp-balloon-confirm-content .title .icon {
  margin-right: 8px;
  position: absolute;
}
.lp-balloon-confirm .lp-balloon-confirm-content .title .text {
  display: inline-block;
  line-height: 20px;
  margin-left: 24px;
  color: #333333;
  font-size: 14px;
}
.lp-balloon-confirm .lp-balloon-confirm-content .desc {
  color: #666666;
  margin: 0 0 16px 24px;
}
.lp-balloon-confirm .lp-balloon-confirm-content .footer {
  text-align: right;
}

.lp-margin-right {
  margin-right: 8px;
  white-space: nowrap;
}

.lp-text-overflow {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  text-overflow: ellipsis;
}

.lp-line-clamp-1 {
  -webkit-line-clamp: 1;
}

.lp-line-clamp-2 {
  -webkit-line-clamp: 2;
}

.lp-line-clamp-3 {
  -webkit-line-clamp: 3;
}

.lp-line-clamp-4 {
  -webkit-line-clamp: 4;
}

.lp-line-clamp-5 {
  -webkit-line-clamp: 5;
}

.lp-line-clamp-6 {
  -webkit-line-clamp: 6;
}

.lp-line-clamp-7 {
  -webkit-line-clamp: 7;
}

.lp-line-clamp-8 {
  -webkit-line-clamp: 8;
}

.lp-line-clamp-9 {
  -webkit-line-clamp: 9;
}

.lp-line-clamp-10 {
  -webkit-line-clamp: 10;
}

.lp-balloon-trigger {
  cursor: pointer;
}

.lp-tree .lp-tree-search {
  position: relative;
  margin-bottom: 12px;
}
.lp-tree .lp-tree-search .lp-tree-input {
  width: 100%;
}
.lp-tree .lp-tree-search .lp-tree-icon {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -8px;
  color: #C9C9C9;
}
.lp-tree .lp-tree-empty-list {
  margin-top: 32px;
  width: 100%;
  color: #999;
  text-align: center;
}
.lp-tree .next-tree-node-label {
  height: auto;
  line-height: 20px;
  padding: 0 4px;
  border-radius: 0px;
  font-size: 12px;
}
.lp-tree .next-tree.next-node-indent .next-tree-node-inner.next-selected label.next-checkbox-wrapper + .next-tree-node-label-wrapper > .next-tree-node-label-selectable {
  color: #333333 !important;
}
.lp-tree .lp-tree-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  outline: none;
  border-radius: 3px;
}
.lp-tree .lp-tree-item.lp-disabled {
  color: #C1C1C1;
}
.lp-tree .lp-tree-item .next-overlay-wrapper {
  width: 0px;
}
.lp-tree .lp-tree-item .lp-tree-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
.lp-tree .lp-tree-item .lp-tree-highlight {
  color: #D93026;
  font-weight: bold;
}
.lp-tree .lp-tree-item .lp-tree-icon {
  margin-left: 8px;
  width: 16px;
}
.lp-tree .lp-tree-item .lp-tree-icon:before {
  color: #ff000000;
}
.lp-tree .lp-tree-item:hover .lp-tree-icon:before {
  color: inherit;
}

.tree-drop-menu .next-menu-item {
  font-size: 12px;
}

.lp-header {
  width: 100%;
  padding: 0px 24px;
  position: relative;
}
.lp-header-title {
  font-weight: 700;
  color: #373d41;
  vertical-align: bottom;
  font-size: 28px;
  line-height: 40px;
  display: inline-block;
}
.lp-header .titleContent {
  position: relative;
}
.lp-header-instruction {
  margin-top: 14px;
}
.lp-header-goback {
  font-size: 28px;
  line-height: 40px;
  height: 40px;
  margin-top: -1px;
  display: inline-block;
  font-weight: 700;
  color: #333;
  vertical-align: bottom;
  margin-right: 16px;
  cursor: pointer;
}
.lp-header-goback:hover {
  color: #0070cc;
}
.lp-header-status-undefined {
  display: none;
}
.lp-header-status {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 15px;
  margin-left: 8px;
  display: inline-block;
  line-height: 20px;
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
}
.lp-header .lp-status-succeed {
  color: #1E8E3E;
  background: #EDFCF1;
}
.lp-header .lp-status-green {
  color: #1E8E3E;
  background: #EDFCF1;
}
.lp-header .lp-status-warning {
  background: #FFF7DB;
  color: #FFC440;
}
.lp-header .lp-status-yellow {
  color: #FFC440;
  background: #FFF7DB;
}
.lp-header .lp-status-error {
  background: #FCEFEE;
  color: #D93026;
}
.lp-header .lp-status-red {
  color: #D93026;
  background: #FCEFEE;
}
.lp-header .lp-status-online {
  background: #EDFCF1;
  color: #1E8E3E;
}
.lp-header .lp-status-offline {
  background-color: #FCEFEE;
  color: #D93026;
}
.lp-header .lp-status-unactive {
  background-color: #F7F7F7;
  color: #888888;
}
.lp-header .lp-status-gray {
  color: #888888;
  background-color: #F7F7F7;
}
.lp-header .lp-status-disable {
  background-color: #FFF7DB;
  color: #f68300;
}
.lp-header .lp-status-orange {
  color: #f68300;
  background-color: #FFF7DB;
}
.lp-header-titleArea {
  position: relative;
  padding-top: 0px;
  margin-bottom: 16px;
}
.lp-header-titleArea.hadback {
  margin-bottom: 14px;
}
.lp-header-subTitle {
  font-size: 12px;
  color: #999999;
  line-height: 40px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 8px;
  font-weight: 400;
}
.lp-header-breadcrumb {
  padding-left: 20px;
}
.lp-header-breadcrumb .next-breadcrumb-item,
.lp-header-breadcrumb .lp-breadcrumb-item {
  font-size: 14px !important;
}
.lp-header-breadcrumb .next-icon:before {
  font-weight: 400 !important;
}
.lp-header-right {
  float: right;
}
.lp-header-right-button {
  float: right;
  margin-left: 8px !important;
  margin-top: 4px;
}
.lp-header .next-btn-text.next-medium.lp-collapse-btn {
  position: absolute;
  bottom: 1px;
  right: 0px;
}
.lp-header .lp-info-content .next-btn-text.next-medium.lp-collapse-btn {
  position: absolute;
  bottom: 7px;
  right: 0px;
}
.lp-header .col1 {
  width: 100%;
}
.lp-header .col2 {
  width: 50%;
}
.lp-header .col3 {
  width: 33.33%;
}
.lp-header .col4 {
  width: 25%;
}
.lp-header .col5 {
  width: 20%;
}

.lp-nest-header {
  padding: 0px;
}

.next-switch:after {
  content: " ";
  -webkit-transition: all 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.next-switch-medium,
.next-switch-medium:after {
  border: 1px solid transparent;
  border-radius: 20px;
}

.next-switch-medium:after {
  position: absolute;
  left: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.next-switch-off:after {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-color: transparent;
}

.next-switch {
  outline: none;
  text-align: left;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  overflow: hidden;
  cursor: pointer;
}

.next-switch,
.next-switch *,
.next-switch :after,
.next-switch :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.next-switch-medium {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
}

.next-switch-medium,
.next-switch-medium:after {
  border: 1px solid transparent;
  border-radius: 20px;
}

.next-switch-off {
  background-color: #fff;
  border-color: #c4c6cf;
}

.next-switch {
  margin-right: 20px;
}

.large-width {
  width: 100px;
}

.next-switch-medium > .next-switch-children {
  font-size: 12px;
  position: absolute;
  height: 20px;
  line-height: 20px;
}

.next-switch-off > .next-switch-children {
  right: 10px;
  color: #999;
}

.next-switch-on > .next-switch-children {
  left: 10px;
  color: #fff;
}

.next-switch-off:focus,
.next-switch-off:hover {
  background-color: #f2f3f7;
  border-color: #c4c6cf;
}

.next-switch-on.next-switch-small .next-icon.next-icon-loading.next-small {
  margin-left: -6px;
}
.next-switch-on.next-switch-small span {
  margin-top: 1px;
  display: block;
}

.next-switch-off.next-switch-small .next-icon.next-icon-loading.next-small {
  margin-right: -5px;
}
.next-switch-off.next-switch-small span {
  margin-top: 1px;
  display: block;
}

.next-switch-small .next-switch-children div {
  margin-top: -2px;
}
.next-switch-small .next-switch-children div .next-icon.next-small:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-switch-on.next-switch-medium .next-icon.next-icon-loading.next-small {
  margin-left: -6px;
}

.next-switch-off.next-switch-medium .next-icon.next-icon-loading.next-small {
  margin-right: -5px;
}

.next-switch-medium .next-icon.next-small:before {
  width: 14px;
  font-size: 14px;
  line-height: inherit;
}

.next-table-empty .lp-result-page .lp-result-page-content {
  margin-top: 38px;
  margin-bottom: 38px;
}

.lp-result-page {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
  margin: 0 auto;
}
.lp-result-page .lp-result-page-content {
  margin-top: 70px;
  margin-bottom: 70px;
}
.lp-result-page .lp-result-page-content .icon-area {
  float: left;
}
.lp-result-page .lp-result-page-content .icon-area img {
  width: 72px;
  margin-right: 12px;
}
.lp-result-page .lp-result-page-content .icon-area .next-icon:before {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}
.lp-result-page .lp-result-page-content .icon-area_ img {
  width: 72px;
}
.lp-result-page .lp-result-page-content .show-area_ {
  max-width: 400px;
  margin-top: 8px;
}
.lp-result-page .lp-result-page-content .show-area_ h2 {
  color: #333;
  margin: 0px;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  font: -webkit-control;
}
.lp-result-page .lp-result-page-content .show-area_ p {
  color: #555;
  margin-top: 8px;
  margin-bottom: 0px;
  line-height: 20px;
}
.lp-result-page .lp-result-page-content .show-area {
  max-width: 400px;
  float: left;
}
.lp-result-page .lp-result-page-content .show-area h2 {
  color: #333;
  margin: 0px;
  font-size: 16px;
  line-height: 24px;
}
.lp-result-page .lp-result-page-content .show-area p {
  color: #555;
  margin-top: 8px;
  margin-bottom: 0px;
}
.lp-result-page .lp-result-page-content .only_one-button-area {
  text-align: center;
}
.lp-result-page .lp-result-page-content .button-area {
  margin-top: 24px;
}
.lp-result-page .lp-result-page-content .button-area button {
  margin-right: 8px;
}

.lp-collapse {
  line-height: 20px;
}
.lp-collapse .lp-collapse-flex {
  display: flex;
  flex-wrap: nowrap;
}
.lp-collapse .lp-button {
  margin-top: -2px;
  margin-left: 4px;
  font-size: unset;
}
.lp-collapse .lp-button-area {
  align-self: flex-end;
}
.lp-collapse .lp-button-area .lp-button {
  margin-top: -3px;
  margin-left: 4px;
  font-size: unset;
}
.lp-collapse .icon-collapse-caret-up {
  margin-left: 1px;
  position: absolute;
  bottom: 0px;
  color: #0070cc;
}
.lp-collapse .icon-collapse-caret-down {
  margin-left: 1px;
  position: absolute;
  right: -12px;
  bottom: 0px;
  color: #0070cc;
}
.lp-collapse .next-icon-caret-up::before {
  content: "";
}
.lp-collapse .next-icon-caret-down::before {
  content: "";
}
.lp-collapse .lp-text-overflow {
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  text-overflow: ellipsis;
  display: "-webkit-inline-box";
}
.lp-collapse .lp-line-clamp-1 {
  -webkit-line-clamp: 1;
}
.lp-collapse .lp-line-clamp-2 {
  -webkit-line-clamp: 2;
}
.lp-collapse .lp-line-clamp-3 {
  -webkit-line-clamp: 3;
}
.lp-collapse .lp-line-clamp-4 {
  -webkit-line-clamp: 4;
}
.lp-collapse .lp-line-clamp-5 {
  -webkit-line-clamp: 5;
}
.lp-collapse .lp-line-clamp-6 {
  -webkit-line-clamp: 6;
}
.lp-collapse .lp-line-clamp-7 {
  -webkit-line-clamp: 7;
}
.lp-collapse .lp-line-clamp-8 {
  -webkit-line-clamp: 8;
}
.lp-collapse .lp-line-clamp-9 {
  -webkit-line-clamp: 9;
}
.lp-collapse .lp-line-clamp-10 {
  -webkit-line-clamp: 10;
}

.lp-select-loadMore {
  width: 100%;
  position: absolute;
  margin-left: -24px;
  padding-left: 24px;
}

.xterm {
  font-feature-settings: "liga" 0;
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
  outline: none;
}

.xterm .xterm-helpers {
  position: absolute;
  top: 0;
  z-index: 10;
}

.xterm .xterm-helper-textarea {
  position: absolute;
  opacity: 0;
  left: -9999em;
  top: 0;
  width: 0;
  height: 0;
  z-index: -10;
  white-space: nowrap;
  overflow: hidden;
  resize: none;
}

.xterm .composition-view {
  background: #000;
  color: #FFF;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

.xterm .composition-view.active {
  display: block;
}

.xterm .xterm-viewport {
  background-color: #000;
  overflow-y: scroll;
  cursor: default;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.xterm .xterm-screen {
  position: relative;
}

.xterm .xterm-screen canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.xterm .xterm-scroll-area {
  visibility: hidden;
}

.xterm-char-measure-element {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -9999em;
  line-height: normal;
}

.xterm {
  cursor: text;
}

.xterm.enable-mouse-events {
  cursor: default;
}

.xterm.xterm-cursor-pointer {
  cursor: pointer;
}

.xterm.column-select.focus {
  cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  color: transparent;
}

.xterm .live-region {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.xterm-dim {
  opacity: 0.5;
}

.xterm-underline {
  text-decoration: underline;
}

.xterm.fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  z-index: 255;
}

.lp-cascader-select {
  position: relative;
}
.lp-cascader-select > span {
  display: block;
}

.hidden-input {
  position: absolute !important;
  top: 0;
  opacity: 0;
}

.next-cascader-menu li .next-menu-icon-selected.next-icon {
  position: absolute;
  top: 0;
  margin-left: -14px;
  right: auto;
}

.lp-cascader-select-over .next-cascader-inner {
  display: flex;
}
.lp-cascader-select-over .lp-list-Item {
  flex-shrink: 1;
  flex-grow: 1;
  transition: all 0.3s;
}
.lp-cascader-select-over .lp-list-Item .next-cascader-menu-icon-right {
  right: 4px;
}
.lp-cascader-select-over .lp-list-Item:hover {
  flex-shrink: 0;
}

.next-transfer .lp-tree-search {
  position: relative;
  margin-bottom: 0;
}
.next-transfer .lp-tree-title {
  width: 100%;
}
.next-transfer .lp-tree-title .lp-tree-path {
  width: 100%;
  margin-top: 0;
  line-height: 1;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
}
.next-transfer .lp-tree-title p {
  margin-bottom: 0;
  margin-top: 0;
}
.next-transfer .next-tree-node-label-wrapper {
  margin: 0;
}
.next-transfer .next-tree-switcher.next-noop-noline {
  width: 0;
  height: 0;
}

.lp-transfer-box .next-transfer-panel-list {
  width: 100%;
}
.lp-transfer-box .lp-tree-search {
  margin: 8px 8px;
}
.lp-transfer-box .next-transfer-operations {
  margin: 0 8px;
}
.lp-transfer-box .lp-tree-right .next-tree-node-label-wrapper {
  display: block;
}
.lp-transfer-box .lp-tree-title {
  padding: 3px 0;
}

/* flexbox */
.lp-flexbox {
  text-align: left;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.lp-flexbox.next-dir-row {
  flex-direction: row;
}
.lp-flexbox.next-dir-row-reverse {
  flex-direction: row-reverse;
}
.lp-flexbox.next-dir-column {
  flex-direction: column;
}
.lp-flexbox.next-dir-column .next--item {
  margin-left: 0;
}
.lp-flexbox.next-dir-column-reverse {
  flex-direction: column-reverse;
}
.lp-flexbox.next-dir-column-reverse .next--item {
  margin-left: 0;
}
.lp-flexbox.next-nowrap {
  flex-wrap: nowrap;
}
.lp-flexbox.next-wrap {
  flex-wrap: wrap;
}
.lp-flexbox.next-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.lp-flexbox.next-justify-start {
  justify-content: flex-start;
}
.lp-flexbox.next-justify-end {
  justify-content: flex-end;
}
.lp-flexbox.next-justify-center {
  justify-content: center;
}
.lp-flexbox.next-justify-between {
  justify-content: space-between;
}
.lp-flexbox.next-justify-around {
  justify-content: space-around;
}
.lp-flexbox.next-align-start {
  align-items: flex-start;
}
.lp-flexbox.next-align-end {
  align-items: flex-end;
}
.lp-flexbox.next-align-center {
  align-items: center;
}
.lp-flexbox.next-align-stretch {
  align-items: stretch;
}
.lp-flexbox.next-align-baseline {
  align-items: baseline;
}
.lp-flexbox.next-align-content-start {
  align-content: flex-start;
}
.lp-flexbox.next-align-content-end {
  align-content: flex-end;
}
.lp-flexbox.next-align-content-center {
  align-content: center;
}
.lp-flexbox.next-align-content-between {
  align-content: space-between;
}
.lp-flexbox.next-align-content-around {
  align-content: space-around;
}
.lp-flexbox.next-align-content-stretch {
  align-content: stretch;
}
.lp-flexbox .next-item {
  box-sizing: border-box;
  flex: 1;
  margin-left: 8px;
  min-width: 10px;
}
.lp-flexbox .next-item:first-child {
  margin-left: 0;
}

.flex-box {
  margin: 20px 0;
}

.flex-container {
  margin: 0 15px;
}

.flex-container .inline {
  width: 80px !important;
  margin: 9px 9px 9px 0;
}

.flex-container .small {
  height: 20px !important;
  line-height: 20px !important;
}

.placeholder {
  background-color: #ebebef;
  color: #666;
  text-align: center;
  height: 30px;
  line-height: 30px;
  width: 100%;
}

.lp-space {
  display: inline-flex;
}
.lp-space .next-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lp-space .next-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.lp-space .next-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.lp-space .next-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.lp-space .next-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.space-align-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.space-align-block {
  margin: 8px 4px;
  border: 1px solid #40a9ff;
  padding: 4px;
  flex: none;
}

.space-align-block .mock-block {
  display: inline-block;
  padding: 32px 8px 16px;
  background: rgba(150, 150, 150, 0.2);
}

.lp-silder-nav-container {
  position: relative;
  float: left;
}
.lp-silder-nav-container .lp-silder-nav {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  place-content: flex-start;
  align-items: flex-start;
  -webkit-font-smoothing: antialiased;
  height: 100vh;
  width: 100%;
  transition: width 0.3s ease-in-out 0s, min-width 0.3s ease-in-out 0s;
}
.lp-silder-nav-container .lp-silder-nav.hide {
  width: 0px !important;
}
.lp-silder-nav-container .lp-silder-nav.top {
  position: absolute;
  z-index: 1101;
  transition: inherit;
  width: 100vw;
}
.lp-silder-nav-container .lp-silder-nav .main_nav {
  order: 0;
  flex: 0 1 auto;
  height: 100%;
  background-color: whitesmoke;
  overflow: hidden auto;
  width: 210px;
  min-width: 210px;
  transition: width 0.3s ease-in-out 0s, min-width 0.3s ease-in-out 0s;
  position: relative;
  z-index: 100;
  flex-grow: 0;
}
.lp-silder-nav-container .lp-silder-nav .main_nav .nav-childen-wrapper {
  width: inherit;
  min-width: 208px;
  position: relative;
  left: 0px;
  transition: left 0.3s ease-in-out;
}
.lp-silder-nav-container .lp-silder-nav .main_nav.hide {
  overflow-x: hidden;
  width: 0px !important;
  min-width: 0px;
}
.lp-silder-nav-container .lp-silder-nav .main_nav.hide .nav-childen-wrapper {
  width: inherit;
  min-width: 208px;
  position: relative;
  left: -208px;
  transition: left 0.3s ease-in-out;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper {
  order: 0;
  flex: 0 1 auto;
  height: 100%;
  width: 0px;
  position: relative;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper .nav-collapse-trigger-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  height: 100px;
  cursor: pointer;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper .nav-collapse-trigger-container:hover .nav-collapse-trigger {
  border-left: 18px solid #ebebeb;
  border-left-color: #dedede;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper .nav-collapse-trigger-container:hover .nav-collapse-trigger .nav-collapse-trigger-icon {
  color: #888888;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper .nav-collapse-trigger-container .nav-collapse-trigger {
  width: 0;
  height: 66px;
  position: absolute;
  top: calc(50% - 33px);
  left: 0;
  z-index: 99;
  line-height: 48px;
  border: 8px solid transparent;
  border-left: 16px solid #ebebeb;
  cursor: pointer;
  color: #bfbfbf;
  transition: left 0.1s ease-in-out, border 0.1s ease;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper .nav-collapse-trigger-container .nav-collapse-trigger .nav-collapse-trigger-icon {
  width: 12px;
  position: relative;
  left: -14px;
  color: #c1c1c1;
  transform: rotate(0deg);
  transition: transform 0.5s ease-in-out, left 0.1s ease-in-out;
}
.lp-silder-nav-container .lp-silder-nav .nav-collapse-trigger-wrapper .nav-collapse-trigger-container .nav-collapse-trigger.hide .nav-collapse-trigger-icon {
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out, left 0.1s ease-in-out;
}
.lp-silder-nav-container .lp-silder-nav .lp-silder-nav-mask {
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  flex-grow: 1;
}

.next-nav.next-normal.lp-primary-menu {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  box-shadow: none !important;
  background-color: whitesmoke !important;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item {
  color: #555555;
  background-color: #f5f5f5;
  padding: 0 16px;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item:hover {
  background-color: #ebebeb;
  color: #111111;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item a {
  color: #555555;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item a:hover {
  text-decoration: none;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item.next-nav-item.next-menu-item.next-selected.next-selected {
  background-color: #dedede;
  color: #333333;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item > .next-menu-item > .next-menu-item-inner {
  padding-right: 28px;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item.next-nav-item.next-menu-item.next-disabled {
  color: #c1c1c1;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item.next-nav-item.next-menu-item.next-disabled a {
  background-color: #f5f5f5;
}
.next-nav.next-normal.lp-primary-menu .next-menu-item.next-nav-item.next-nav-item.next-menu-item.next-disabled:hover {
  background-color: #f5f5f5;
  color: #c1c1c1;
}

.next-nav.next-ver.lp-sencondary-menu .lp-menu-header {
  padding: 0px 16px 0px 0px;
}
.next-nav.next-ver.lp-sencondary-menu .next-menu-item.next-nav-item {
  padding: 0px 24px 0px 0px;
}

.next-menu-header {
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0px 14px;
}

.lp-menu-header {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  padding: 0 16px;
  margin: 0;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
}
.lp-menu-header .header-select {
  margin-left: 16px;
}
.lp-menu-header .trigger-wrap {
  width: 16px;
  height: 16px;
  line-height: 16px;
  cursor: pointer;
}
.lp-menu-header .trigger-wrap:hover {
  background: #d6d6d6;
}
.lp-menu-header .trigger-wrap:hover .trigger-icon {
  color: #262626;
}
.lp-menu-header .trigger-icon {
  cursor: pointer;
  color: #757575;
}
.lp-menu-header .icon-up {
  color: #262626;
}
.lp-menu-header .drop-menu {
  min-width: 100%;
}

.lp-top-nav {
  display: flex;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 999;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px;
  background-color: white;
  height: 50px;
  justify-content: space-between;
}
.lp-top-nav.absolute {
  position: absolute;
}
.lp-top-nav .top-left {
  display: flex;
}
.lp-top-nav .top-left .left-more-button {
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  outline: medium;
  background: none #ff6a00;
  line-height: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  border: none;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  color: #555555;
  white-space: nowrap;
  padding: 14px;
  color: white;
}
.lp-top-nav .top-left .product-icon {
  margin-left: 8px;
}
.lp-top-nav .top-left .product-icon img {
  border-style: none;
  height: 48px;
}
.lp-top-nav .top-right {
  display: flex;
  align-items: center;
}
.lp-top-nav .top-right .lp-search-input {
  margin-right: 12px;
  width: 240px;
}
.lp-top-nav .top-right .right-menu {
  cursor: pointer;
  display: inline-block;
  border: 1px solid transparent;
  overflow: hidden;
  text-align: center;
  padding: 0px 12px;
  height: 32px;
  line-height: 30px;
  color: #333333;
}
.lp-top-nav .top-right .userIcon {
  display: inline-block;
  border-radius: 50%;
  background-color: #f7f7f7;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin: 0px 12px;
}

.lp-overlay-search {
  min-width: 300px;
  min-height: 100px;
  padding: 10px;
  border: 1px solid #99999966;
  background: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}

.lp-pop-context {
  min-width: 100px;
  padding: 8px;
  list-style: none;
  border: 1px solid #EBEBEB;
  border-radius: 0px;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.13);
  background: #FFFFFF;
  line-height: 32px;
  font-size: 12px;
  animation-duration: 300ms;
  animation-timing-function: ease;
}

:focus {
  outline: 0px !important;
}