/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/element-plus.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400;
  color: #999999;
}
.el-breadcrumb__inner:hover,
.el-breadcrumb__inner a:hover {
  color: #AE0F0A;
}

.el-tooltip.el-popper {
  font-size: 16px !important;
}

.el-upload input[type=file] {
  display: none !important;
}

.el-upload__input {
  display: none;
}

.cell .el-tag {
  margin-right: 0px;
}

.small-padding .cell {
  padding-left: 5px;
  padding-right: 5px;
}

.fixed-width .el-button--mini {
  padding: 7px 10px;
  min-width: 60px;
}

.status-col .cell {
  padding: 0 10px;
  text-align: center;
}
.status-col .cell .el-tag {
  margin-right: 0px;
}

.el-input--medium .el-input__icon {
  line-height: 45px;
}

.el-select .el-tag {
  font-size: 16px;
}

.upload-container .el-upload {
  width: 100%;
}
.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-range-editor.el-input__inner {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.el-range-separator {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #CCCCCC;
}

.el-icon--right {
  margin-left: 4px;
}

.el-submenu__title i {
  color: #ffffff;
}

.el-tabs__nav-wrap::after {
  height: 0;
}

.el-drawer__header {
  margin-bottom: 0;
}

:focus-visible {
  outline: none;
}

.el-input--medium,
.el-input--default {
  font-size: 16px;
}

.el-input--medium .el-input__inner,
.el-input--default .el-input__inner {
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 0 15px;
}

.el-input__inner {
  color: #333333;
}

.el-input__wrapper,
.el-select__wrapper {
  font-size: 16px;
  min-height: 45px;
  border-radius: 10px;
  padding: 0 15px;
  -webkit-box-shadow: 0 0 0 1px #DDDDDD inset;
          box-shadow: 0 0 0 1px #DDDDDD inset;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focus {
  -webkit-box-shadow: 0 0 0 1px #AE0F0A inset;
          box-shadow: 0 0 0 1px #AE0F0A inset;
}

.el-date-editor.el-input__inner {
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
}

.el-select.el-select--medium .el-input .el-input__inner,
.el-select.el-select--default .el-input .el-input__inner {
  color: #333333;
  padding-right: 30px;
}

.el-select .el-input.el-input--suffix {
  overflow: hidden;
}

.el-table {
  font-size: 16px;
}

.el-table--medium th,
.el-table--default th {
  padding: 18px 0;
}

.el-table--medium td,
.el-table--default td {
  padding: 18px 0;
}

.el-table thead tr th:first-child {
  border-radius: 15px 0 0 0;
}

.el-table thead tr th:nth-last-child(1) {
  border-radius: 0 15px 0 0;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  color: #AE0F0A;
}

.el-table thead .el-checkbox__inner, .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #E6B7B6 !important;
  background-color: transparent !important;
}

.el-table .el-table__empty-text {
  width: 100%;
  cursor: default;
}

.el-table .el-table__row .el-checkbox {
  padding: 3px;
}

.el-table th > .cell .el-checkbox {
  padding-left: 7px;
}

.el-table tbody td.operator-cell {
  padding: 0;
}
.el-table tbody td.operator-cell .operator-container {
  padding: 18px 0;
  cursor: pointer;
}

.el-table .cell {
  text-overflow: unset;
}

.el-table th.el-table__cell {
  background-color: #AE0F0A !important;
  color: #fff !important;
}

/*dialog*/
.v-modal {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.el-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.el-overlay-dialog,
.el-dialog__wrapper {
  text-align: center;
}
.el-overlay-dialog:after,
.el-dialog__wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-dialog {
  -webkit-transform: none;
          transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  border-radius: 15px;
  padding: unset;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

.el-dialog .el-dialog__header {
  height: 60px;
  background: #AE0F0A;
  border-radius: 15px 15px 0 0;
  padding: unset;
  line-height: 60px;
  padding-left: 30px;
}

.el-dialog .el-dialog__header .el-dialog__title {
  height: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 10px;
  right: 10px;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #ffffff;
  font-size: 24px;
}

.el-dialog .el-dialog__body {
  padding: 30px 30px 0;
  color: #333333;
  max-height: calc(100vh - 268px);
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  /* 自定义滚动条 */
}
.el-dialog .el-dialog__body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background: #f2f2f2;
  padding-right: 2px;
  border-radius: 10px;
}
.el-dialog .el-dialog__body::-webkit-scrollbar-thumb {
  background: #b4bbc5;
  border-radius: 10px;
  border: 0;
}
.el-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.el-dialog .el-dialog__footer {
  padding: 40px 30px 0;
  text-align: center;
}

/*form*/
.el-form-item--medium .el-form-item__label,
.el-form-item--default .el-form-item__label {
  line-height: initial;
  color: #333333;
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
  border-color: #AE0F0A;
}

.el-form-item__error {
  color: #AE0F0A;
  font-size: 14px;
  top: -29px;
  right: 0;
  left: auto;
  line-height: initial;
  padding-top: 0;
}

.el-form-item {
  margin-bottom: 25px;
}
.el-form-item:last-child {
  margin-bottom: 0;
}

.el-form-item .requeire-flag {
  font-size: 16px;
  color: #AE0F0A;
}

.el-form-item__content {
  font-size: 16px;
  color: #333333;
  display: block;
}

/*message*/
.el-message {
  min-width: 50px;
}

.el-message.el-message--success,
.el-message.el-message--warning,
.el-message.el-message--info,
.el-message.el-message--error {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.22);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
  border-color: #ffffff;
  top: 40vh !important;
}

.el-message .el-icon-success {
  color: #00CC52;
  font-size: 22px;
}

.el-message .el-icon-warning {
  color: #FFB000;
  font-size: 22px;
}

.el-message .el-icon-error {
  color: #AE0F0A;
  font-size: 22px;
}

.el-message.el-message--success .el-message__content,
.el-message.el-message--warning .el-message__content,
.el-message.el-message--info .el-message__content,
.el-message.el-message--error .el-message__content {
  color: #333333;
}

.el-message .el-message__content {
  font-size: 16px;
}

/*
button*/
.el-button {
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #AE0F0A;
  color: #AE0F0A;
  height: 45px;
  padding: 0;
  border-radius: 10px;
  font-size: 16px;
}
.el-button:hover, .el-button:focus {
  background-color: #FFFFFF;
  border-color: #B62723;
  color: #B62723;
}
.el-button:active {
  background-color: #FFFFFF;
  border-color: #9C0D09;
  color: #9C0D09;
}
.el-button.is-disabled, .el-button.is-disabled:hover {
  background-color: #FFFFFF;
  border-color: #E7B6B5;
  color: #E7B6B5;
}
.el-button.ts-button {
  min-width: 120px;
  padding: 0 20px;
  text-align: center;
}
.el-button.el-button--default {
  background-color: #FFFFFF;
  border-color: #AE0F0A;
  color: #AE0F0A;
}
.el-button.el-button--default:hover, .el-button.el-button--default:focus {
  background-color: #FFFFFF;
  border-color: #B62723;
  color: #B62723;
}
.el-button.el-button--default:active {
  background-color: #FFFFFF;
  border-color: #9C0D09;
  color: #9C0D09;
}
.el-button.el-button--default.is-disabled, .el-button.el-button--default.is-disabled:hover {
  background-color: #FFFFFF;
  border-color: #E7B6B5;
  color: #E7B6B5;
}
.el-button.el-button--default.background__white {
  background: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.el-button.el-button--medium {
  border-radius: 10px;
}
.el-button.el-button--primary {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
  color: #FFFFFF;
}
.el-button.el-button--primary:hover, .el-button.el-button--primary:focus {
  background-color: #B62723;
  border-color: #B62723;
  color: #FFFFFF;
}
.el-button.el-button--primary:active {
  background-color: #9C0D09;
  border-color: #9C0D09;
  color: #FFFFFF;
}
.el-button.el-button--primary.is-disabled, .el-button.el-button--primary.is-disabled:hover {
  background-color: #E7B6B5;
  border-color: #E7B6B5;
  color: #FFFFFF;
}
.el-button.el-button--text {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.el-button--text:hover, .el-button.el-button--text:focus {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.el-button--text:active {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.el-button--text.is-disabled, .el-button.el-button--text.is-disabled:hover {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.red-background-button {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #AE0F0A;
}
.el-button.red-background-button:hover, .el-button.red-background-button:focus {
  background-color: #F7E7E7;
  border-color: #F7E7E7;
  color: #AE0F0A;
}
.el-button.red-background-button:active {
  background-color: #EFCFCE;
  border-color: #EFCFCE;
  color: #AE0F0A;
}
.el-button.red-background-button.is-disabled, .el-button.red-background-button.is-disabled:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #E7B6B5;
}
.el-button.ccc-background-button {
  background-color: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}
.el-button.ccc-background-button:hover, .el-button.ccc-background-button:focus {
  background-color: #EAEAEA;
  border-color: #EAEAEA;
  color: #333333;
}
.el-button.ccc-background-button:active {
  background-color: #D6D6D6;
  border-color: #D6D6D6;
  color: #333333;
}
.el-button.ccc-background-button.is-disabled, .el-button.ccc-background-button.is-disabled:hover {
  background-color: #E7E7E7;
  border-color: #E7E7E7;
  color: #B0B0B0;
}

.el-button--danger {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}

.el-button--danger:hover, .el-button--danger:focus {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}

/*
MessageBox
*/
.el-message-box {
  border: none;
  padding-bottom: 30px;
}

.el-message-box__header {
  padding: 20px 30px;
  background-color: #AE0F0A;
}
.el-message-box__header .el-message-box__title {
  font-weight: bold;
}

.el-message-box__headerbtn {
  right: 30px;
}

.el-message-box__headerbtn .el-message-box__close {
  color: #ffffff;
  font-size: 20px;
}

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #ffffff;
}

.el-message-box__content {
  padding: 30px;
  text-align: center;
}

.el-message-box__btns {
  padding: 0;
  text-align: center;
}
.el-message-box__btns button:nth-child(2) {
  margin-left: 15px;
}

/* DatePicker
--------------------------*/
.el-range-editor--medium.el-input__inner {
  height: 45px;
  border-radius: 10px;
  padding: 0 10px;
}

.el-range-editor--medium .el-range-separator {
  line-height: 40px;
  color: #CCCCCC;
}

.el-date-table td.start-date div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.el-date-table td.end-date div {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.el-date-table td.start-date span, .el-date-table td.end-date span {
  border-radius: 10px;
}

.el-date-table tr .in-range:nth-child(1) div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.el-date-table tr .in-range:nth-last-child(1) div {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.el-date-table td div {
  height: 32px;
  padding: 0;
}

.el-date-table td span {
  width: 32px;
  height: 32px;
  line-height: 30px;
}

.el-date-table td {
  padding: 1.5px 0;
}

.el-date-table th {
  border-bottom: none;
}

.el-date-table {
  font-size: 16px;
}

button.el-picker-panel__icon-btn.el-icon-d-arrow-left,
button.el-picker-panel__icon-btn.el-icon-d-arrow-right {
  display: none;
}

.el-date-editor--month button.el-picker-panel__icon-btn.el-icon-d-arrow-left,
.el-date-editor--month button.el-picker-panel__icon-btn.el-icon-d-arrow-right, .el-date-editor--year button.el-picker-panel__icon-btn.el-icon-d-arrow-left,
.el-date-editor--year button.el-picker-panel__icon-btn.el-icon-d-arrow-right {
  display: inline-block;
}

.el-picker-panel {
  border-radius: 10px;
}

.el-date-range-picker {
  min-width: 666px;
}

.el-range-editor--medium .el-range-input {
  font-size: 16px;
}

.el-date-editor .el-icon-date,
.el-date-editor .el-range__icon {
  font-size: 24px;
}

.el-input__icon.el-range__close-icon {
  display: none;
}

i.el-input__icon.el-icon-date {
  border-left: 1px solid #DCDFE6;
  padding-left: 10px;
}
i.el-input__icon.el-icon-date:before {
  display: block;
}

.data-packer .el-input__suffix {
  right: 20px;
}

i.el-input__icon.el-range__icon.el-icon-date,
i.el-input__icon.el-range__icon.el-icon-time {
  float: right;
  margin-left: 0;
  border-left: 1px solid #DCDFE6;
  padding-left: 10px;
  padding-right: 25px;
}
i.el-input__icon.el-range__icon.el-icon-date:before,
i.el-input__icon.el-range__icon.el-icon-time:before {
  display: block;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

.el-time-panel {
  width: 252px;
}
.el-time-panel .el-time-panel__content::before, .el-time-panel .el-time-panel__content::after {
  border: none;
}
.el-time-panel .el-time-panel__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 5px;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item {
  font-size: 16px;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item.active:not(.disabled) {
  font-weight: normal;
  color: #AE0F0A;
  background-color: #F7E6E6;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item.left {
  border-radius: 10px 0 0 10px;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item.right {
  border-radius: 0 10px 10px 0;
}
.el-time-panel .el-time-panel__footer {
  padding: 0;
  height: 61px;
  border-color: #dddddd;
  line-height: 61px;
}
.el-time-panel .el-time-panel__footer .el-time-panel__btn {
  width: 100%;
  font-size: 18px;
  margin: 0;
  line-height: 61px;
}

.el-time-range-picker {
  width: 252px;
}
.el-time-range-picker .el-time-range-picker__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 5px;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell-line {
  width: 1px;
  height: 182px;
  margin: 0 5px;
  background-color: #dddddd;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell {
  padding: 0;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body.el-time-panel__content::before, .el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body.el-time-panel__content::after {
  border: none;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body {
  border: none;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item {
  font-size: 16px;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item.active:not(.disabled) {
  font-weight: normal;
  color: #AE0F0A;
  background-color: #F7E6E6;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item.left {
  border-radius: 10px 0 0 10px;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item.right {
  border-radius: 0 10px 10px 0;
}
.el-time-range-picker .el-time-panel__footer {
  padding: 0;
  height: 61px;
  border-color: #dddddd;
  line-height: 61px;
}
.el-time-range-picker .el-time-panel__footer .el-time-panel__btn {
  width: 100%;
  font-size: 18px;
  margin: 0;
  line-height: 61px;
}

/*select
*/
.el-select-dropdown.el-popper {
  border-radius: 10px;
}

.el-select-dropdown__item {
  height: 40px;
  line-height: 40px;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #eeeeee;
}

.el-input.is-disabled .el-input__inner {
  border-color: #EEEEEE;
  color: #BDBDBD;
}

.el-select__tags .el-tag.el-tag--info {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #333333;
  border-radius: 10px;
  padding: 3px 15px;
  height: 30px;
  margin-top: 4px;
}
.el-select__tags .el-tag.el-tag--info .el-tag__close {
  color: #666666;
  background-color: #EEEEEE;
  font-size: 18px;
  right: 0px;
  top: 0px;
  margin-left: 10px;
}

/* switch */
.el-switch {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  --el-switch-on-color: #AE0F0A;
  --el-switch-off-color: #999999;
}

.el-tooltip__popper {
  border-radius: 10px;
  font-size: 16px;
}
.el-tooltip__popper.is-dark {
  background-color: rgba(0, 0, 0, 0.7);
}

.el-textarea__inner {
  border-radius: 10px;
  resize: none;
}

.el-dropdown-menu a {
  display: block;
}
.el-dropdown-menu .el-dropdown-menu__item.is-disabled {
  cursor: not-allowed !important;
}

.el-radio__input + .el-radio__label,
.el-radio__input.is-checked + .el-radio__label {
  color: #333333;
}

.el-radio__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}
.el-radio__inner::after {
  width: 6px;
  height: 6px;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #AE0F0A;
  background: #ffffff;
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: #AE0F0A;
}

.el-loading-mask {
  z-index: 8 !important;
}

.el-select-dropdown {
  max-width: 863px;
}
.el-select-dropdown.dashboard-work-crew-select {
  max-width: 300px;
}
.el-select-dropdown.dashboard-work-details-search-crew-select {
  max-width: 600px;
}
.el-select-dropdown.customer-index-crew-select-popper {
  max-width: 600px;
}

.el-collapse-item__arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: transparent;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  border-top-color: rgba(0, 0, 0, 0.7);
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  border-top-color: transparent;
}

.el-icon-circle-close:before {
  content: "\e79d";
  color: #BDBDBD;
}

.el-select .el-input__wrapper {
  font-size: 16px !important;
}

/* 输入文字 */
.el-select .el-input__inner {
  font-size: 16px;
}

/* placeholder */
.el-select .el-input__inner::-webkit-input-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner::-moz-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner:-ms-input-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner::-ms-input-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner::placeholder {
  font-size: 16px;
}

.custom-msgbox {
  padding: 0px !important;
  border-radius: 16px;
}
.custom-msgbox .el-message-box__btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0 0 30px 0 !important;
}
.custom-msgbox .el-message-box__header {
  position: relative;
}
.custom-msgbox .el-message-box__header .el-message-box__title {
  color: #fff;
}
.custom-msgbox .el-message-box__header .el-message-box__headerbtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px !important;
}
.custom-msgbox .el-message-box__message {
  text-align: center !important;
  width: 100%;
  color: #333333;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* fade */
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}

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

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

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

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

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

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

.breadcrumb-move {
  -webkit-transition: all 0s;
  transition: all 0s;
}

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

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400;
  color: #999999;
}
.el-breadcrumb__inner:hover,
.el-breadcrumb__inner a:hover {
  color: #AE0F0A;
}

.el-tooltip.el-popper {
  font-size: 16px !important;
}

.el-upload input[type=file] {
  display: none !important;
}

.el-upload__input {
  display: none;
}

.cell .el-tag {
  margin-right: 0px;
}

.small-padding .cell {
  padding-left: 5px;
  padding-right: 5px;
}

.fixed-width .el-button--mini {
  padding: 7px 10px;
  min-width: 60px;
}

.status-col .cell {
  padding: 0 10px;
  text-align: center;
}
.status-col .cell .el-tag {
  margin-right: 0px;
}

.el-input--medium .el-input__icon {
  line-height: 45px;
}

.el-select .el-tag {
  font-size: 16px;
}

.upload-container .el-upload {
  width: 100%;
}
.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-range-editor.el-input__inner {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.el-range-separator {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #CCCCCC;
}

.el-icon--right {
  margin-left: 4px;
}

.el-submenu__title i {
  color: #ffffff;
}

.el-tabs__nav-wrap::after {
  height: 0;
}

.el-drawer__header {
  margin-bottom: 0;
}

:focus-visible {
  outline: none;
}

.el-input--medium,
.el-input--default {
  font-size: 16px;
}

.el-input--medium .el-input__inner,
.el-input--default .el-input__inner {
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 0 15px;
}

.el-input__inner {
  color: #333333;
}

.el-input__wrapper,
.el-select__wrapper {
  font-size: 16px;
  min-height: 45px;
  border-radius: 10px;
  padding: 0 15px;
  -webkit-box-shadow: 0 0 0 1px #DDDDDD inset;
          box-shadow: 0 0 0 1px #DDDDDD inset;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focus {
  -webkit-box-shadow: 0 0 0 1px #AE0F0A inset;
          box-shadow: 0 0 0 1px #AE0F0A inset;
}

.el-date-editor.el-input__inner {
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
}

.el-select.el-select--medium .el-input .el-input__inner,
.el-select.el-select--default .el-input .el-input__inner {
  color: #333333;
  padding-right: 30px;
}

.el-select .el-input.el-input--suffix {
  overflow: hidden;
}

.el-table {
  font-size: 16px;
}

.el-table--medium th,
.el-table--default th {
  padding: 18px 0;
}

.el-table--medium td,
.el-table--default td {
  padding: 18px 0;
}

.el-table thead tr th:first-child {
  border-radius: 15px 0 0 0;
}

.el-table thead tr th:nth-last-child(1) {
  border-radius: 0 15px 0 0;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  color: #AE0F0A;
}

.el-table thead .el-checkbox__inner, .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #E6B7B6 !important;
  background-color: transparent !important;
}

.el-table .el-table__empty-text {
  width: 100%;
  cursor: default;
}

.el-table .el-table__row .el-checkbox {
  padding: 3px;
}

.el-table th > .cell .el-checkbox {
  padding-left: 7px;
}

.el-table tbody td.operator-cell {
  padding: 0;
}
.el-table tbody td.operator-cell .operator-container {
  padding: 18px 0;
  cursor: pointer;
}

.el-table .cell {
  text-overflow: unset;
}

.el-table th.el-table__cell {
  background-color: #AE0F0A !important;
  color: #fff !important;
}

/*dialog*/
.v-modal {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.el-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.el-overlay-dialog,
.el-dialog__wrapper {
  text-align: center;
}
.el-overlay-dialog:after,
.el-dialog__wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-dialog {
  -webkit-transform: none;
          transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  border-radius: 15px;
  padding: unset;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

.el-dialog .el-dialog__header {
  height: 60px;
  background: #AE0F0A;
  border-radius: 15px 15px 0 0;
  padding: unset;
  line-height: 60px;
  padding-left: 30px;
}

.el-dialog .el-dialog__header .el-dialog__title {
  height: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 10px;
  right: 10px;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #ffffff;
  font-size: 24px;
}

.el-dialog .el-dialog__body {
  padding: 30px 30px 0;
  color: #333333;
  max-height: calc(100vh - 268px);
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  /* 自定义滚动条 */
}
.el-dialog .el-dialog__body::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background: #f2f2f2;
  padding-right: 2px;
  border-radius: 10px;
}
.el-dialog .el-dialog__body::-webkit-scrollbar-thumb {
  background: #b4bbc5;
  border-radius: 10px;
  border: 0;
}
.el-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.el-dialog .el-dialog__footer {
  padding: 40px 30px 0;
  text-align: center;
}

/*form*/
.el-form-item--medium .el-form-item__label,
.el-form-item--default .el-form-item__label {
  line-height: initial;
  color: #333333;
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
  border-color: #AE0F0A;
}

.el-form-item__error {
  color: #AE0F0A;
  font-size: 14px;
  top: -29px;
  right: 0;
  left: auto;
  line-height: initial;
  padding-top: 0;
}

.el-form-item {
  margin-bottom: 25px;
}
.el-form-item:last-child {
  margin-bottom: 0;
}

.el-form-item .requeire-flag {
  font-size: 16px;
  color: #AE0F0A;
}

.el-form-item__content {
  font-size: 16px;
  color: #333333;
  display: block;
}

/*message*/
.el-message {
  min-width: 50px;
}

.el-message.el-message--success,
.el-message.el-message--warning,
.el-message.el-message--info,
.el-message.el-message--error {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.22);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
  border-color: #ffffff;
  top: 40vh !important;
}

.el-message .el-icon-success {
  color: #00CC52;
  font-size: 22px;
}

.el-message .el-icon-warning {
  color: #FFB000;
  font-size: 22px;
}

.el-message .el-icon-error {
  color: #AE0F0A;
  font-size: 22px;
}

.el-message.el-message--success .el-message__content,
.el-message.el-message--warning .el-message__content,
.el-message.el-message--info .el-message__content,
.el-message.el-message--error .el-message__content {
  color: #333333;
}

.el-message .el-message__content {
  font-size: 16px;
}

/*
button*/
.el-button {
  border-width: 1px;
  background-color: #FFFFFF;
  border-color: #AE0F0A;
  color: #AE0F0A;
  height: 45px;
  padding: 0;
  border-radius: 10px;
  font-size: 16px;
}
.el-button:hover, .el-button:focus {
  background-color: #FFFFFF;
  border-color: #B62723;
  color: #B62723;
}
.el-button:active {
  background-color: #FFFFFF;
  border-color: #9C0D09;
  color: #9C0D09;
}
.el-button.is-disabled, .el-button.is-disabled:hover {
  background-color: #FFFFFF;
  border-color: #E7B6B5;
  color: #E7B6B5;
}
.el-button.ts-button {
  min-width: 120px;
  padding: 0 20px;
  text-align: center;
}
.el-button.el-button--default {
  background-color: #FFFFFF;
  border-color: #AE0F0A;
  color: #AE0F0A;
}
.el-button.el-button--default:hover, .el-button.el-button--default:focus {
  background-color: #FFFFFF;
  border-color: #B62723;
  color: #B62723;
}
.el-button.el-button--default:active {
  background-color: #FFFFFF;
  border-color: #9C0D09;
  color: #9C0D09;
}
.el-button.el-button--default.is-disabled, .el-button.el-button--default.is-disabled:hover {
  background-color: #FFFFFF;
  border-color: #E7B6B5;
  color: #E7B6B5;
}
.el-button.el-button--default.background__white {
  background: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.el-button.el-button--medium {
  border-radius: 10px;
}
.el-button.el-button--primary {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
  color: #FFFFFF;
}
.el-button.el-button--primary:hover, .el-button.el-button--primary:focus {
  background-color: #B62723;
  border-color: #B62723;
  color: #FFFFFF;
}
.el-button.el-button--primary:active {
  background-color: #9C0D09;
  border-color: #9C0D09;
  color: #FFFFFF;
}
.el-button.el-button--primary.is-disabled, .el-button.el-button--primary.is-disabled:hover {
  background-color: #E7B6B5;
  border-color: #E7B6B5;
  color: #FFFFFF;
}
.el-button.el-button--text {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.el-button--text:hover, .el-button.el-button--text:focus {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.el-button--text:active {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.el-button--text.is-disabled, .el-button.el-button--text.is-disabled:hover {
  background-color: transparent;
  border-color: transparent;
  color: #FFFFFF;
}
.el-button.red-background-button {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #AE0F0A;
}
.el-button.red-background-button:hover, .el-button.red-background-button:focus {
  background-color: #F7E7E7;
  border-color: #F7E7E7;
  color: #AE0F0A;
}
.el-button.red-background-button:active {
  background-color: #EFCFCE;
  border-color: #EFCFCE;
  color: #AE0F0A;
}
.el-button.red-background-button.is-disabled, .el-button.red-background-button.is-disabled:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #E7B6B5;
}
.el-button.ccc-background-button {
  background-color: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}
.el-button.ccc-background-button:hover, .el-button.ccc-background-button:focus {
  background-color: #EAEAEA;
  border-color: #EAEAEA;
  color: #333333;
}
.el-button.ccc-background-button:active {
  background-color: #D6D6D6;
  border-color: #D6D6D6;
  color: #333333;
}
.el-button.ccc-background-button.is-disabled, .el-button.ccc-background-button.is-disabled:hover {
  background-color: #E7E7E7;
  border-color: #E7E7E7;
  color: #B0B0B0;
}

.el-button--danger {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}

.el-button--danger:hover, .el-button--danger:focus {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}

/*
MessageBox
*/
.el-message-box {
  border: none;
  padding-bottom: 30px;
}

.el-message-box__header {
  padding: 20px 30px;
  background-color: #AE0F0A;
}
.el-message-box__header .el-message-box__title {
  font-weight: bold;
}

.el-message-box__headerbtn {
  right: 30px;
}

.el-message-box__headerbtn .el-message-box__close {
  color: #ffffff;
  font-size: 20px;
}

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #ffffff;
}

.el-message-box__content {
  padding: 30px;
  text-align: center;
}

.el-message-box__btns {
  padding: 0;
  text-align: center;
}
.el-message-box__btns button:nth-child(2) {
  margin-left: 15px;
}

/* DatePicker
--------------------------*/
.el-range-editor--medium.el-input__inner {
  height: 45px;
  border-radius: 10px;
  padding: 0 10px;
}

.el-range-editor--medium .el-range-separator {
  line-height: 40px;
  color: #CCCCCC;
}

.el-date-table td.start-date div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.el-date-table td.end-date div {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.el-date-table td.start-date span, .el-date-table td.end-date span {
  border-radius: 10px;
}

.el-date-table tr .in-range:nth-child(1) div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.el-date-table tr .in-range:nth-last-child(1) div {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.el-date-table td div {
  height: 32px;
  padding: 0;
}

.el-date-table td span {
  width: 32px;
  height: 32px;
  line-height: 30px;
}

.el-date-table td {
  padding: 1.5px 0;
}

.el-date-table th {
  border-bottom: none;
}

.el-date-table {
  font-size: 16px;
}

button.el-picker-panel__icon-btn.el-icon-d-arrow-left,
button.el-picker-panel__icon-btn.el-icon-d-arrow-right {
  display: none;
}

.el-date-editor--month button.el-picker-panel__icon-btn.el-icon-d-arrow-left,
.el-date-editor--month button.el-picker-panel__icon-btn.el-icon-d-arrow-right, .el-date-editor--year button.el-picker-panel__icon-btn.el-icon-d-arrow-left,
.el-date-editor--year button.el-picker-panel__icon-btn.el-icon-d-arrow-right {
  display: inline-block;
}

.el-picker-panel {
  border-radius: 10px;
}

.el-date-range-picker {
  min-width: 666px;
}

.el-range-editor--medium .el-range-input {
  font-size: 16px;
}

.el-date-editor .el-icon-date,
.el-date-editor .el-range__icon {
  font-size: 24px;
}

.el-input__icon.el-range__close-icon {
  display: none;
}

i.el-input__icon.el-icon-date {
  border-left: 1px solid #DCDFE6;
  padding-left: 10px;
}
i.el-input__icon.el-icon-date:before {
  display: block;
}

.data-packer .el-input__suffix {
  right: 20px;
}

i.el-input__icon.el-range__icon.el-icon-date,
i.el-input__icon.el-range__icon.el-icon-time {
  float: right;
  margin-left: 0;
  border-left: 1px solid #DCDFE6;
  padding-left: 10px;
  padding-right: 25px;
}
i.el-input__icon.el-range__icon.el-icon-date:before,
i.el-input__icon.el-range__icon.el-icon-time:before {
  display: block;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

.el-time-panel {
  width: 252px;
}
.el-time-panel .el-time-panel__content::before, .el-time-panel .el-time-panel__content::after {
  border: none;
}
.el-time-panel .el-time-panel__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 5px;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item {
  font-size: 16px;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item.active:not(.disabled) {
  font-weight: normal;
  color: #AE0F0A;
  background-color: #F7E6E6;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item.left {
  border-radius: 10px 0 0 10px;
}
.el-time-panel .el-time-panel__content .el-time-spinner__wrapper .el-time-spinner__item.right {
  border-radius: 0 10px 10px 0;
}
.el-time-panel .el-time-panel__footer {
  padding: 0;
  height: 61px;
  border-color: #dddddd;
  line-height: 61px;
}
.el-time-panel .el-time-panel__footer .el-time-panel__btn {
  width: 100%;
  font-size: 18px;
  margin: 0;
  line-height: 61px;
}

.el-time-range-picker {
  width: 252px;
}
.el-time-range-picker .el-time-range-picker__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 5px;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell-line {
  width: 1px;
  height: 182px;
  margin: 0 5px;
  background-color: #dddddd;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell {
  padding: 0;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body.el-time-panel__content::before, .el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body.el-time-panel__content::after {
  border: none;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body {
  border: none;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item {
  font-size: 16px;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item.active:not(.disabled) {
  font-weight: normal;
  color: #AE0F0A;
  background-color: #F7E6E6;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item.left {
  border-radius: 10px 0 0 10px;
}
.el-time-range-picker .el-time-range-picker__content .el-time-range-picker__cell .el-time-range-picker__body .el-time-spinner__item.right {
  border-radius: 0 10px 10px 0;
}
.el-time-range-picker .el-time-panel__footer {
  padding: 0;
  height: 61px;
  border-color: #dddddd;
  line-height: 61px;
}
.el-time-range-picker .el-time-panel__footer .el-time-panel__btn {
  width: 100%;
  font-size: 18px;
  margin: 0;
  line-height: 61px;
}

/*select
*/
.el-select-dropdown.el-popper {
  border-radius: 10px;
}

.el-select-dropdown__item {
  height: 40px;
  line-height: 40px;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #eeeeee;
}

.el-input.is-disabled .el-input__inner {
  border-color: #EEEEEE;
  color: #BDBDBD;
}

.el-select__tags .el-tag.el-tag--info {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #333333;
  border-radius: 10px;
  padding: 3px 15px;
  height: 30px;
  margin-top: 4px;
}
.el-select__tags .el-tag.el-tag--info .el-tag__close {
  color: #666666;
  background-color: #EEEEEE;
  font-size: 18px;
  right: 0px;
  top: 0px;
  margin-left: 10px;
}

/* switch */
.el-switch {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  --el-switch-on-color: #AE0F0A;
  --el-switch-off-color: #999999;
}

.el-tooltip__popper {
  border-radius: 10px;
  font-size: 16px;
}
.el-tooltip__popper.is-dark {
  background-color: rgba(0, 0, 0, 0.7);
}

.el-textarea__inner {
  border-radius: 10px;
  resize: none;
}

.el-dropdown-menu a {
  display: block;
}
.el-dropdown-menu .el-dropdown-menu__item.is-disabled {
  cursor: not-allowed !important;
}

.el-radio__input + .el-radio__label,
.el-radio__input.is-checked + .el-radio__label {
  color: #333333;
}

.el-radio__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}
.el-radio__inner::after {
  width: 6px;
  height: 6px;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #AE0F0A;
  background: #ffffff;
}
.el-radio__input.is-checked .el-radio__inner::after {
  background-color: #AE0F0A;
}

.el-loading-mask {
  z-index: 8 !important;
}

.el-select-dropdown {
  max-width: 863px;
}
.el-select-dropdown.dashboard-work-crew-select {
  max-width: 300px;
}
.el-select-dropdown.dashboard-work-details-search-crew-select {
  max-width: 600px;
}
.el-select-dropdown.customer-index-crew-select-popper {
  max-width: 600px;
}

.el-collapse-item__arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: transparent;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  border-top-color: rgba(0, 0, 0, 0.7);
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  border-top-color: transparent;
}

.el-icon-circle-close:before {
  content: "\e79d";
  color: #BDBDBD;
}

.el-select .el-input__wrapper {
  font-size: 16px !important;
}

/* 输入文字 */
.el-select .el-input__inner {
  font-size: 16px;
}

/* placeholder */
.el-select .el-input__inner::-webkit-input-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner::-moz-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner:-ms-input-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner::-ms-input-placeholder {
  font-size: 16px;
}
.el-select .el-input__inner::placeholder {
  font-size: 16px;
}

.custom-msgbox {
  padding: 0px !important;
  border-radius: 16px;
}
.custom-msgbox .el-message-box__btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0 0 30px 0 !important;
}
.custom-msgbox .el-message-box__header {
  position: relative;
}
.custom-msgbox .el-message-box__header .el-message-box__title {
  color: #fff;
}
.custom-msgbox .el-message-box__header .el-message-box__headerbtn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px !important;
}
.custom-msgbox .el-message-box__message {
  text-align: center !important;
  width: 100%;
  color: #333333;
}

html {
  height: 100%;
}

:root {
  --el-font-size-base: 16px;
  --el-component-size: 45px;
  --el-component-size-large: 50px;
  --el-component-size-small: 36px;
  --el-border-radius-base: 10px;
  --el-input-border-radius: 10px;
  --el-button-border-radius: 10px;
  --el-color-primary: #AE0F0A;
}

html, body {
  min-width: 1024px;
  overflow: auto;
  font-size: 16px;
  color: #333333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: SF Pro Display-Heavy, SF Pro Display, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

.select-date-popper .el-select-dropdown__item.is-selected {
  color: #AE0F0A !important;
  font-weight: 600 !important;
  background: #FFFFFF !important;
}

.select-date-popper .el-select-dropdown__item.is-hovering {
  background: #F5F5F5 !important;
}

* {
  word-break: break-word !important;
  font-family: SF Pro Display-Heavy, SF Pro Display, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif !important;
}

.video-container * {
  word-break: keep-all !important;
  font-family: VideoJS !important;
}
.video-container .vjs-slider-vertical .vjs-volume-level:before {
  left: -0.45em;
}
.video-container .video-js .vjs-play-progress:before {
  top: -0.39em;
}
.video-container .video-js .vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress:before {
  top: -0.3em;
}
.video-container .video-js .vjs-current-time, .video-container .vjs-no-flex .vjs-current-time, .video-container .video-js .vjs-duration, .video-container .vjs-no-flex .vjs-duration {
  display: block;
}

button, input, optgroup, select, textarea {
  font-family: SF Pro Display-Heavy, SF Pro Display, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #f2f2f2;
  padding-right: 2px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #b4bbc5;
  border-radius: 10px;
  border: 0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

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

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

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

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pointer {
  cursor: pointer;
}

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

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

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

.my-icon-arrow-down {
  font-size: 10px;
}

.customize-map .gm-style div:nth-child(2) div:nth-child(1) div:last-child div div img:not(.equipment-icon) {
  -webkit-filter: url(#url1);
          filter: url(#url1);
}

.map-info-container {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

/* google map style */
.gm-style .map-circle-marker-label {
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.gm-style .gm-style-iw-t:after {
  display: none;
}
.gm-style .gm-style-iw-t .gm-style-iw.gm-style-iw-c {
  padding: 15px;
}
.gm-style .gm-style-iw-t .gm-style-iw.gm-style-iw-c button {
  display: none !important;
  width: 0;
  height: 0;
}
.gm-style .gm-style-iw.gm-style-iw-c {
  -webkit-transform: translate3d(0%, -100%, 0);
          transform: translate3d(0%, -100%, 0);
}
.gm-style {
  /* 隐藏底部logo，条款等 */
}
.gm-style a[target=_blank], .gm-style .gm-style-cc {
  display: none !important;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  display: block !important;
  right: 20px !important;
  bottom: 20px !important;
  top: auto !important;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint {
  right: 0;
  left: auto !important;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint :first-child {
  width: 67px !important;
  height: 33px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  background-color: transparent !important;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint :first-child button {
  width: 33px !important;
  height: 33px !important;
  background: #ffffff !important;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint :first-child button:nth-child(1) {
  border-radius: 0px 8px 8px 0px;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint :first-child button:nth-child(3) {
  border-radius: 8px 0px 0px 8px;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint :first-child button img {
  width: 16px !important;
  height: 16px !important;
}
.gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint :first-child div {
  display: none !important;
}

.customize-info-map .gm-style .gm-style-iw-t:after {
  display: block;
  width: 16px;
  height: 16px;
}
.customize-info-map .gm-style .gm-style-iw-t .gm-style-iw.gm-style-iw-c {
  padding: 15px;
}
.customize-info-map .gm-style .gm-style-iw.gm-style-iw-c {
  -webkit-transform: translate3d(-50%, -100%, 0);
          transform: translate3d(-50%, -100%, 0);
  -webkit-box-shadow: 0px 3px 6px 1px rgba(17, 46, 74, 0.16);
          box-shadow: 0px 3px 6px 1px rgba(17, 46, 74, 0.16);
  overflow: visible;
}

.show-pwd {
  position: absolute;
  right: 15px;
  top: 4px;
  font-size: 22px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #AE0F0A;
}

/*ie*/
input::-ms-reveal {
  display: none;
}

input::-ms-clear {
  display: none;
}

/*edge*/
input::-o-clear {
  display: none;
}

svg, use {
  outline: none !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Amount.vue?vue&type=style&index=0&id=66d560a8&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-equipment-amount[data-v-66d560a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  border-radius: 15px;
  background: #AE0F0A;
  padding: 0 67px;
  height: 150px;
}
.dashboard-equipment-amount .cards-item[data-v-66d560a8] {
  width: 25%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
}
.dashboard-equipment-amount .cards-item[data-v-66d560a8]:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard-equipment-amount .cards-item:first-child .card-info .card-value[data-v-66d560a8] {
  font-weight: bold;
  font-size: 50px;
}
.dashboard-equipment-amount .cards-item[data-v-66d560a8]:first-child:after {
  margin-right: calc(50% - 50px);
  display: block;
  content: " ";
  width: 1px;
  height: 40px;
  background: #FFFFFF;
  opacity: 0.5;
}
.dashboard-equipment-amount .cards-item .cards-item-icon-container[data-v-66d560a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard-equipment-amount .cards-item .cards-item-icon-container .cards-item-icon[data-v-66d560a8] {
  font-size: 60px;
}
.dashboard-equipment-amount .cards-item .card-info[data-v-66d560a8] {
  margin-left: 15px;
}
.dashboard-equipment-amount .cards-item .card-info .card-title[data-v-66d560a8] {
  line-height: 22px;
  color: rgba(255, 255, 255, 0.5);
}
.dashboard-equipment-amount .cards-item .card-info .card-value[data-v-66d560a8] {
  line-height: 40px;
  font-size: 40px;
  color: #FFFFFF;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/GoogleMap/index.vue?vue&type=style&index=0&id=27139726&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-g-map-container[data-v-27139726] {
  position: relative;
  width: 100%;
  height: 100%;
}
.my-g-map-container[data-v-27139726] .vue-map-container,
.my-g-map-container[data-v-27139726] .vue-map {
  width: 100% !important;
  height: 100% !important;
}
.my-g-map-container .map-type-switch[data-v-27139726] {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.my-g-map-container .map-type-switch .map-type-switch-logo[data-v-27139726] {
  width: 66px;
  height: 66px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
          box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
}
.my-g-map-container[data-v-27139726] .gm-style-iw-chr {
  height: 9px !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TreeMultipleSearch/index.vue?vue&type=style&index=0&id=6d5b8049&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tree-multiple-search .all[data-v-6d5b8049] {
  padding-left: 30px;
  font-weight: normal;
  background-color: transparent;
}
.tree-multiple-search .all[data-v-6d5b8049]:hover {
  background-color: #EEEEEE;
}
.tree-multiple-search .multiple-select[data-v-6d5b8049] {
  min-width: 230px;
  width: 100%;
}
.tree-multiple-search .multiple-select[data-v-6d5b8049] .el-select__tags .el-tag.el-tag--info:first-child {
  max-width: var(--first-node-max-width, 60%) !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tree-multiple-search .multiple-select[data-v-6d5b8049] .el-select__tags .el-tag.el-tag--info:first-child .el-select__tags-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tree-multiple-search[data-v-6d5b8049] .multiple-select .el-select__caret.is-show-close {
  display: none;
}
.tree-multiple-search[data-v-6d5b8049] .multiple-select .el-select__clear {
  display: none;
}
.tree-multiple-search[data-v-6d5b8049] .multiple-select .el-tag {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #333333;
  border-radius: 20px;
  height: 28px;
  line-height: 28px;
}
.tree-multiple-search[data-v-6d5b8049] .multiple-select .el-tag .el-tag__close {
  background: transparent;
  color: #999999;
}
.tree-multiple-search[data-v-6d5b8049] .multiple-select .el-tag .el-tag__close:hover {
  background: transparent;
  color: #666666;
}
.tree-multiple-search .custom-node[data-v-6d5b8049] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-right: 10px;
  font-size: 16px;
  overflow: hidden;
}
.tree-multiple-search .custom-node .node-container[data-v-6d5b8049] {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tree-multiple-search .custom-node .node-name[data-v-6d5b8049] {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tree-multiple-search .custom-node .all-name[data-v-6d5b8049] {
  width: 100%;
  color: #333333;
  cursor: pointer;
}
.tree-multiple-search .disabled-node[data-v-6d5b8049] {
  background-color: transparent;
  color: #BDBDBD;
  cursor: not-allowed;
  font-weight: normal;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TreeMultipleSearch/index.vue?vue&type=style&index=1&id=6d5b8049&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 下拉浮层 teleport 到 body 后 scoped 样式不再生效，改用全局样式并以 popper-class 限定作用域 */
.tree-multiple-popper {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.22);
          box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.22);
  padding: 8px 0;
  min-width: 230px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.tree-multiple-popper.el-popper {
  background: #FFFFFF;
}
.tree-multiple-popper.el-select-dropdown {
  padding: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.tree-multiple-popper .el-select-dropdown__item > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 200px;
  color: #333333;
}
.tree-multiple-popper .el-tree {
  padding: unset !important;
}
.tree-multiple-popper .el-tree-node__content {
  height: 45px;
}
.tree-multiple-popper .el-tree-node__content .el-tree-node__expand-icon {
  color: #333333;
  font-size: 18px;
}
.tree-multiple-popper .el-tree-node__content .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.tree-multiple-popper .el-tree-node__content:hover {
  background-color: #EEEEEE;
}
.tree-multiple-popper .el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}
.tree-multiple-popper .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #EEEEEE;
  color: #AE0F0A;
  font-weight: bold;
}
.tree-multiple-popper .el-select-dropdown__wrap {
  max-height: 260px !important;
  background: #FFFFFF;
}
.tree-multiple-popper .el-popper__arrow::before {
  background: #FFFFFF;
  border-color: #FFFFFF;
}
.tree-multiple-popper .el-tree {
  padding: 0 8px;
}
.tree-multiple-popper .el-tree-node__content {
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  padding: 0 8px;
  color: #333333;
}
.tree-multiple-popper .el-tree-node__content:hover {
  background-color: #EEEEEE;
}
.tree-multiple-popper .el-tree-node__expand-icon {
  margin-right: 6px;
  color: #333333;
}
.tree-multiple-popper .el-checkbox {
  margin-right: 6px;
}
.tree-multiple-popper .el-checkbox__inner {
  border-color: #AE0F0A !important;
}
.tree-multiple-popper .el-checkbox__input.is-checked .el-checkbox__inner,
.tree-multiple-popper .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #AE0F0A !important;
  border-color: #AE0F0A !important;
}
.tree-multiple-popper .el-select-dropdown__item.is-selected {
  color: #333333 !important;
  font-weight: normal !important;
}
.tree-multiple-popper .el-select-dropdown__item.is-selected::after {
  display: none !important;
}
.tree-multiple-popper .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  display: none !important;
}
.tree-multiple-popper .el-tree-node.is-checked > .el-tree-node__content {
  color: #333333 !important;
  font-weight: normal !important;
}
.tree-multiple-popper .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  color: #333333 !important;
  font-weight: normal !important;
  background: #EEEEEE !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Machines.vue?vue&type=style&index=0&id=7bf58b60&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-crew-dropdown {
  border-radius: 10px;
  max-height: 300px;
  overflow: auto;
}
.dashboard-crew-dropdown .el-dropdown-menu__item {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding: 0 15px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-crew-dropdown .el-dropdown-menu__item:hover, .dashboard-crew-dropdown .el-dropdown-menu__item.active {
  background: #EEEEEE;
  color: #333333;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Machines.vue?vue&type=style&index=1&id=7bf58b60&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-machine-baseinfo[data-v-7bf58b60] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard-machine-baseinfo li[data-v-7bf58b60] {
  width: calc(50% - 8px);
  height: 325px;
  background: #E6E6E6;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
.dashboard-machine-baseinfo li .baseinfo-title[data-v-7bf58b60] {
  line-height: 24px;
  font-size: 20px;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard-machine-baseinfo li .baseinfo-title .more[data-v-7bf58b60] {
  font-size: 16px;
  font-weight: 400;
  color: #AE0F0A;
  cursor: pointer;
}
.dashboard-machine-baseinfo li .baseinfo-title .more[data-v-7bf58b60]:hover {
  text-decoration: underline;
}
.dashboard-machine-baseinfo li.attention-container[data-v-7bf58b60] {
  padding: 20px;
}
.dashboard-machine-baseinfo li.attention-container .attention-content[data-v-7bf58b60] {
  margin-top: 20px;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info[data-v-7bf58b60] {
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #CCCCCC;
  cursor: pointer;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info.no-data[data-v-7bf58b60] {
  cursor: default;
  margin-top: 109px;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info.no-data .reminder-info-content[data-v-7bf58b60] {
  width: 100%;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info[data-v-7bf58b60]:last-child {
  border-bottom: none;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info .reminder-info-icon[data-v-7bf58b60] {
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin-right: 15px;
  /*background: #999999;*/
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info .reminder-info-icon img[data-v-7bf58b60] {
  display: block;
  width: 100%;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info .reminder-info-content[data-v-7bf58b60] {
  width: calc(100% - 63px);
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info .reminder-info-content .remainder-info-title[data-v-7bf58b60] {
  height: 19px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.dashboard-machine-baseinfo li.attention-container .attention-content .reminder-info .reminder-info-content .remainder-info-desc[data-v-7bf58b60] {
  height: 22px;
  color: #999999;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.working-container[data-v-7bf58b60] {
  margin-top: 20px;
  height: 450px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  background: #AE0F0A;
}
.working-container[data-v-7bf58b60] * .gm-style-iw-tc {
  display: none;
}
.working-container .group-search-container[data-v-7bf58b60] {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 348px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/MyDataPicker/SelfDate.vue?vue&type=style&index=0&id=f8340676&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.self-date-container[data-v-f8340676] {
  min-width: 444px;
  min-height: 281px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.self-date-container .self-data-types[data-v-f8340676] {
  width: 119px;
  border-right: 1px solid #DDDDDD;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.self-date-container .self-data-types .self-data-type-item[data-v-f8340676] {
  white-space: nowrap;
  padding: 11px 0 10px 14px;
}
.self-date-container .self-data-types .self-data-type-item[data-v-f8340676]:first-child {
  border-top-left-radius: 10px;
}
.self-date-container .self-data-types .self-data-type-item.active[data-v-f8340676], .self-date-container .self-data-types .self-data-type-item[data-v-f8340676]:hover {
  background: #EEEEEE;
}
[data-v-f8340676] .el-input {
  height: 0;
  overflow: hidden;
  position: fixed;
}
[data-v-f8340676] .el-input__wrapper {
  height: 0;
  overflow: hidden;
  min-height: unset !important;
}
[data-v-f8340676] .el-input__inner {
  height: 0;
  overflow: hidden;
  min-height: unset !important;
}
[data-v-f8340676] .el-popper {
  position: unset !important;
  inset: unset !important;
  border: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
[data-v-f8340676] .el-date-table th {
  white-space: nowrap;
}
[data-v-f8340676] .el-popper__arrow {
  display: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Search.vue?vue&type=style&index=0&id=11ab8608&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.search-container[data-v-11ab8608] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-container .group-search-container[data-v-11ab8608] {
  width: 260px;
  margin-right: 15px;
}
.search-container .data-packer[data-v-11ab8608] {
  width: 295px;
}
.search-container .search-date-container[data-v-11ab8608] {
  width: 295px;
  height: 45px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  position: relative;
  cursor: pointer;
}
.search-container .search-date-container .search-date-content[data-v-11ab8608] {
  width: 100%;
  height: 45px;
  padding: 13px 15px;
}
.search-container .search-date-container .search-date-content .el-icon-date[data-v-11ab8608] {
  color: #BDBDBD;
  font-size: 19px;
  position: absolute;
  top: 12px;
  right: 10px;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] {
  position: absolute;
  z-index: 5;
  top: 50px;
  left: -120px;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .el-date-table__row .week {
  font-size: 16px;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .el-date-table__row .week div {
  color: #C0C4CC;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .el-date-table__row.current .available div {
  color: #AE0F0A;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .el-date-table__row.current .week div {
  color: #AE0F0A;
  background-color: transparent;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .start-date div, .search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .end-date div {
  color: #AE0F0A;
}
.search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .start-date span, .search-container .search-date-container .search-date-input[data-v-11ab8608] * .el-date-table.is-week-mode .end-date span {
  background-color: transparent;
}
.search-container .search-btn + .search-btn[data-v-11ab8608] {
  margin-left: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/NormalCollapse.vue?vue&type=style&index=0&id=08d239f0&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.normal-collapse[data-v-08d239f0] {
  margin-top: 36px;
  border: none;
}
.normal-collapse[data-v-08d239f0] .el-collapse-item__arrow {
  display: none !important;
}
.normal-collapse .total-time[data-v-08d239f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0px;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  height: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.normal-collapse .total-time .category-code[data-v-08d239f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.normal-collapse .total-time .category-code .label-arrow[data-v-08d239f0] {
  margin-left: 8px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 1;
  -webkit-filter: grayscale(1) brightness(0);
          filter: grayscale(1) brightness(0);
}
.normal-collapse .total-time .time-total[data-v-08d239f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item {
  position: relative;
  border-bottom: 1px solid #DDDDDD;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item.is-active {
  border-bottom: none;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item:last-child.is-active .el-collapse-item__wrap {
  border-bottom: none;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item:last-child.is-active .el-collapse-item__content {
  padding-bottom: 0px;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item .el-collapse-item__header {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  border-bottom: none;
  height: 46px;
  line-height: 46px;
}
.normal-collapse[data-v-08d239f0] * .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
  display: none;
}
.normal-collapse li[data-v-08d239f0] {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.normal-collapse li .goods-info-container[data-v-08d239f0] {
  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;
}
.normal-collapse li div[data-v-08d239f0]:nth-child(2) {
  text-align: right;
}
.normal-collapse li .info-child[data-v-08d239f0] {
  width: calc(100% - 60px);
  padding: 15px;
  margin: 10px 0 0 60px;
  font-size: 16px;
  color: #666;
  background: #f0f0f0;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
.normal-collapse li .info-child__content[data-v-08d239f0] {
  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;
  margin-bottom: 10px;
}
.normal-collapse li .info-child__content[data-v-08d239f0]:last-child {
  margin: 0;
}
.normal-collapse li .goods[data-v-08d239f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.normal-collapse li .goods img[data-v-08d239f0] {
  display: inline-block;
  margin-right: 10px;
  height: 24px;
  width: 48px;
}
.normal-collapse li .info[data-v-08d239f0] {
  white-space: nowrap;
  margin-left: 10px;
}
.normal-collapse li[data-v-08d239f0]:last-child {
  margin-bottom: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/MultiCollapse.vue?vue&type=style&index=0&id=39570f62&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.normal-collapse[data-v-39570f62] {
  margin-top: 36px;
  border: none;
}
.normal-collapse[data-v-39570f62] .el-collapse-item__arrow {
  display: none !important;
}
.normal-collapse .total-time[data-v-39570f62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0px;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  height: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.normal-collapse .total-time .category-code[data-v-39570f62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.normal-collapse .total-time .category-code .label-arrow[data-v-39570f62] {
  margin-left: 8px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 1;
  -webkit-filter: grayscale(1) brightness(0);
          filter: grayscale(1) brightness(0);
}
.normal-collapse .total-time .time-total[data-v-39570f62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.normal-collapse .total-time .svg-icon[data-v-39570f62] {
  height: 24px;
  width: 24px;
  margin-right: 5px;
  vertical-align: middle;
}
.normal-collapse .total-time .trend-total[data-v-39570f62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  margin-left: 20px;
  text-align: right;
  vertical-align: middle;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item {
  position: relative;
  border-bottom: 1px solid #DDDDDD;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item.is-active {
  border-bottom: none;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item.is-active .el-collapse-item__content {
  padding-bottom: 15px;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item:last-child.is-active .el-collapse-item__wrap {
  border-bottom: none;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item:last-child.is-active .el-collapse-item__content {
  padding-bottom: 0;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item .el-collapse-item__header {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  border-bottom: none;
  height: 46px;
  line-height: 46px;
}
.normal-collapse[data-v-39570f62] * .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
  display: none;
}
.normal-collapse .list-container .product-list-container .model-list-container li[data-v-39570f62] {
  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;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.normal-collapse .list-container .product-list-container .model-list-container li .goods[data-v-39570f62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.normal-collapse .list-container .product-list-container .model-list-container li .goods img[data-v-39570f62] {
  display: inline-block;
  margin-right: 10px;
  height: 24px;
  width: 48px;
}
.normal-collapse .list-container .product-list-container .model-list-container li .info[data-v-39570f62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-align: right;
}
.normal-collapse .list-container .product-list-container .model-list-container li .info .trend-total[data-v-39570f62] {
  margin-left: 20px;
}
.normal-collapse .list-container .product-list-container:last-child .model-list-container:last-child li[data-v-39570f62]:last-child {
  margin-bottom: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/DetailTable.vue?vue&type=style&index=0&id=3eb3f24e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detail-table[data-v-3eb3f24e] {
  margin-top: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/ComparisonBar.vue?vue&type=style&index=0&id=25b668a6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comparison-bar__dialog[data-v-25b668a6] {
  background: #F0F0F0;
  width: 100%;
  height: 549px;
  border-radius: 15px;
  margin-top: 30px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/ComparisonBarGas.vue?vue&type=style&index=0&id=a6e2a7fa&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comparison-bar__dialog[data-v-a6e2a7fa] {
  background: #F0F0F0;
  width: 100%;
  height: 549px;
  border-radius: 15px;
  margin-top: 30px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Detail.vue?vue&type=style&index=0&id=388319b6&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detail-container[data-v-388319b6] .el-dialog__header {
  padding-left: 0;
  padding-right: 0;
}
.detail-container[data-v-388319b6] .el-dialog__body {
  padding: 0;
}
.detail-container .detail-content[data-v-388319b6] {
  padding: 30px 30px 0;
}
.detail-container .sum-container[data-v-388319b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ae0f0a;
  border-radius: 15px;
  height: 150px;
  margin-top: 31px;
  position: relative;
}
.detail-container .sum-container .sum-item[data-v-388319b6] {
  text-align: center;
  width: 50%;
}
.detail-container .sum-container .sum-item + .sum-item[data-v-388319b6]:before {
  display: block;
  width: 1px;
  height: 40px;
  opacity: 0.5;
  line-height: 46px;
  background: #ffffff;
  content: " ";
  position: absolute;
  top: calc(50% - 20px);
}
.detail-container .sum-container .sum-item .sum-title[data-v-388319b6] {
  line-height: 24px;
  padding-top: 3px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.detail-container .sum-container .sum-item .sum-info[data-v-388319b6] {
  color: #ffffff;
}
.detail-container .sum-container .sum-item .sum-info .num[data-v-388319b6] {
  line-height: 60px;
  font-size: 50px;
  font-weight: 600;
}
.detail-container .sum-container .sum-item .sum-info .num.second-num[data-v-388319b6] {
  margin-left: 10px;
}
.detail-container .sum-container .sum-item .sum-info .unit[data-v-388319b6] {
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-left: 10px;
}
.detail-container .powerUsage-container[data-v-388319b6],
.detail-container .errors-container[data-v-388319b6],
.detail-container .workHistory-container[data-v-388319b6],
.detail-container .comparison-container[data-v-388319b6] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 150px;
  margin-top: 31px;
  background: #ae0f0a;
  border-radius: 15px;
}
.detail-container .powerUsage-container .item[data-v-388319b6],
.detail-container .errors-container .item[data-v-388319b6],
.detail-container .workHistory-container .item[data-v-388319b6],
.detail-container .comparison-container .item[data-v-388319b6] {
  text-align: center;
  width: 100%;
}
.detail-container .powerUsage-container .item .title[data-v-388319b6],
.detail-container .errors-container .item .title[data-v-388319b6],
.detail-container .workHistory-container .item .title[data-v-388319b6],
.detail-container .comparison-container .item .title[data-v-388319b6] {
  line-height: 24px;
  padding-top: 3px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.detail-container .powerUsage-container .item .info[data-v-388319b6],
.detail-container .errors-container .item .info[data-v-388319b6],
.detail-container .workHistory-container .item .info[data-v-388319b6],
.detail-container .comparison-container .item .info[data-v-388319b6] {
  color: #ffffff;
}
.detail-container .powerUsage-container .item .info .num[data-v-388319b6],
.detail-container .errors-container .item .info .num[data-v-388319b6],
.detail-container .workHistory-container .item .info .num[data-v-388319b6],
.detail-container .comparison-container .item .info .num[data-v-388319b6] {
  line-height: 60px;
  font-size: 50px;
  font-weight: 600;
}
.detail-container .powerUsage-container .item .info .num.second-num[data-v-388319b6],
.detail-container .errors-container .item .info .num.second-num[data-v-388319b6],
.detail-container .workHistory-container .item .info .num.second-num[data-v-388319b6],
.detail-container .comparison-container .item .info .num.second-num[data-v-388319b6] {
  margin-left: 10px;
}
.detail-container .powerUsage-container .item .info .unit[data-v-388319b6],
.detail-container .errors-container .item .info .unit[data-v-388319b6],
.detail-container .workHistory-container .item .info .unit[data-v-388319b6],
.detail-container .comparison-container .item .info .unit[data-v-388319b6] {
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin-left: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Work.vue?vue&type=style&index=0&id=7785c0e5&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-acount-container[data-v-7785c0e5] {
  margin-top: 85px;
}
.table-acount-container .title-container[data-v-7785c0e5] {
  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;
}
.table-acount-container .title-container .title[data-v-7785c0e5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.table-acount-container .title-container .title[data-v-7785c0e5]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.table-acount-container .title-container .title span[data-v-7785c0e5] {
  margin-left: 10px;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
}
.table-acount-container .title-container .operate .group-search-container[data-v-7785c0e5] {
  width: 233px;
}
.table-acount-container .title-container .operate .select-date[data-v-7785c0e5] {
  min-width: 120px;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__wrapper,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__wrapper,
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-input__wrapper,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-input__wrapper {
  min-height: 45px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #AE0F0A inset !important;
          box-shadow: 0 0 0 1px #AE0F0A inset !important;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__wrapper:hover,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__wrapper:hover,
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-input__wrapper:hover,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-input__wrapper:hover {
  -webkit-box-shadow: 0 0 0 1px #B62723 inset;
          box-shadow: 0 0 0 1px #B62723 inset;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__wrapper.is-focus,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__wrapper.is-focus,
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-input__wrapper.is-focus,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-input__wrapper.is-focus {
  -webkit-box-shadow: 0 0 0 1px #AE0F0A inset;
          box-shadow: 0 0 0 1px #AE0F0A inset;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__caret,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__caret {
  color: #AE0F0A;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__selected-item,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__selected-item {
  color: #AE0F0A;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__placeholder,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__placeholder {
  color: #AE0F0A;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .group-search-container .el-select__selected-item.is-selected,
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date .el-select__selected-item.is-selected {
  color: #AE0F0A;
  font-weight: normal;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date-popper .el-select-dropdown__item.is-selected {
  color: #AE0F0A !important;
  font-weight: normal !important;
  background: #FFFFFF !important;
}
.table-acount-container .title-container .operate[data-v-7785c0e5] .select-date-popper .el-select-dropdown__item.is-hovering {
  background: #F5F5F5 !important;
}
.table-acount-container .table-acount-content .work-history-title[data-v-7785c0e5] {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 20px;
}
.table-acount-container .table-acount-content .work-history-title span[data-v-7785c0e5] {
  line-height: 24px;
  font-weight: 800;
  margin-right: 10px;
}
.table-acount-container .table-acount-content .work-history-container[data-v-7785c0e5] {
  position: relative;
  margin-top: 19px;
}
.table-acount-container .table-acount-content .work-history-container .work-history-efficiency[data-v-7785c0e5], .table-acount-container .table-acount-content .work-history-container .work-history-power[data-v-7785c0e5] {
  height: 368px;
  background: #E6E6E6;
  border-radius: 15px;
}
.table-acount-container .table-acount-content .work-history-container .work-history-efficiency[data-v-7785c0e5] * canvas, .table-acount-container .table-acount-content .work-history-container .work-history-power[data-v-7785c0e5] * canvas {
  cursor: pointer;
}
.table-acount-container .table-acount-content .work-history-power-container[data-v-7785c0e5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.table-acount-container .table-acount-content .work-history-power-container .work-power-usage-container[data-v-7785c0e5], .table-acount-container .table-acount-content .work-history-power-container .work-errors-container[data-v-7785c0e5] {
  position: relative;
  width: calc(50% - 8px);
  height: 316px;
  background: #AE0F0A;
  border-radius: 15px;
}
.table-acount-container .table-acount-content .work-history-power-container .work-power-usage-container .work-line-chart[data-v-7785c0e5], .table-acount-container .table-acount-content .work-history-power-container .work-errors-container .work-line-chart[data-v-7785c0e5] {
  width: 100%;
  height: 100%;
}
.table-acount-container .table-acount-content .work-history-power-container .work-power-usage-container .work-line-chart[data-v-7785c0e5] * canvas, .table-acount-container .table-acount-content .work-history-power-container .work-errors-container .work-line-chart[data-v-7785c0e5] * canvas {
  cursor: pointer;
}
.table-acount-container .table-acount-content .work-history-power-container .work-power-usage-container .work-history-title[data-v-7785c0e5], .table-acount-container .table-acount-content .work-history-power-container .work-errors-container .work-history-title[data-v-7785c0e5] {
  color: #ffffff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Customers.vue?vue&type=style&index=0&id=20eb3a31&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content-pies[data-v-20eb3a31] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}
.content-pies .machine-type-card[data-v-20eb3a31] {
  width: calc(50% - 8px);
  height: 325px;
  background: #E6E6E6;
  border-radius: 15px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-pies .machine-type-card .machine-type-card-title[data-v-20eb3a31] {
  line-height: 24px;
  font-size: 20px;
  font-weight: 800;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/Emission.vue?vue&type=style&index=0&id=68e0c65b&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.emission-reduction-container[data-v-68e0c65b] {
  margin-top: 90px;
}
.emission-reduction-container .title-container .title[data-v-68e0c65b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.emission-reduction-container .title-container .title[data-v-68e0c65b]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.emission-reduction-container .title-container .title span[data-v-68e0c65b] {
  margin: 0 10px;
}
.emission-reduction-container .title-container .title .info-icon[data-v-68e0c65b] {
  font-size: 20px;
  margin-top: 4px;
}
.emission-reduction-container .total-container[data-v-68e0c65b] {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #AE0F0A;
  border-radius: 15px;
}
.emission-reduction-container .total-container .name[data-v-68e0c65b] {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.emission-reduction-container .total-container .value[data-v-68e0c65b] {
  font-weight: bold;
  color: #fff;
}
.emission-reduction-container .total-container .value .num[data-v-68e0c65b] {
  font-size: 50px;
}
.emission-reduction-container .total-container .value .unit[data-v-68e0c65b] {
  font-size: 16px;
  margin-left: 5px;
}
.emission-reduction-container .chart-container[data-v-68e0c65b] {
  position: relative;
  margin-top: 19px;
}
.emission-reduction-container .chart-container .chart-header[data-v-68e0c65b] {
  width: 100%;
  position: absolute;
  top: 20px;
  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;
}
.emission-reduction-container .chart-container .chart-header .saved[data-v-68e0c65b] {
  padding: 0 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
  margin-right: 10px;
}
.emission-reduction-container .chart-container .chart-header .date-container[data-v-68e0c65b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  font-size: 16px;
  color: #333;
}
.emission-reduction-container .chart-container .chart-header .date-container .date-select[data-v-68e0c65b] {
  width: 120px;
  margin-left: 20px;
}
.emission-reduction-container .chart-container .chart-header .date-container .date-select[data-v-68e0c65b] * .el-input__inner {
  background: transparent;
  border: 1px solid #CCCCCC;
}
.emission-reduction-container .chart-container .emission-chart[data-v-68e0c65b] {
  height: 371px;
  background: #E6E6E6;
  border-radius: 15px;
}
.emission-reduction-container .chart-container .chart-btns[data-v-68e0c65b] {
  width: 100%;
  position: absolute;
  bottom: 10px;
  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;
}
.emission-reduction-container .chart-container .chart-btns div + div[data-v-68e0c65b] {
  margin-left: 15px;
}
.emission-reduction-container .chart-container .chart-btns .btn[data-v-68e0c65b] {
  width: 30px;
  height: 30px;
  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: #f3f3f3;
  color: #666;
  border-radius: 10px;
  cursor: pointer;
}
.emission-reduction-container .chart-container .chart-btns .disabled[data-v-68e0c65b] {
  cursor: not-allowed;
  color: #ccc;
}
.emission-reduction-container .chart-container .chart-btns .btn[data-v-68e0c65b]:not(.disabled):hover {
  background: #AE0F0A;
  color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/OldUserGuide.vue?vue&type=style&index=0&id=1a29e644&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-guide-dialog[data-v-1a29e644] .el-dialog {
  padding: 0;
}
.user-guide-dialog[data-v-1a29e644] .el-dialog .el-dialog__header {
  display: none;
}
.user-guide-dialog[data-v-1a29e644] .el-dialog .el-dialog__body {
  padding: 0;
  max-height: 100vh;
}
.user-guide-dialog .container[data-v-1a29e644] {
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.user-guide-dialog .container .target-element[data-v-1a29e644] {
  width: 271px;
  height: 271px;
  background: #AE0F0A;
  opacity: 0.13;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  position: absolute;
}
.user-guide-dialog .container .left-top[data-v-1a29e644] {
  top: -180px;
  left: -90px;
}
.user-guide-dialog .container .right-bottom[data-v-1a29e644] {
  bottom: -240px;
  right: -120px;
}
.user-guide-dialog .notice[data-v-1a29e644] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.user-guide-dialog .notice .close[data-v-1a29e644] {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.user-guide-dialog .notice .title[data-v-1a29e644] {
  font-weight: 800;
  font-size: 28px;
  margin: 25px 0 15px 0;
}
.user-guide-dialog .notice .content[data-v-1a29e644] {
  margin-bottom: 30px;
}
.user-guide-dialog .notice .content-item[data-v-1a29e644]:before {
  content: "-";
  margin-right: 4px;
}
.user-guide-dialog .notice .content-item[data-v-1a29e644]:not(:last-child) {
  margin-bottom: 10px;
}
.user-guide-dialog .dialog-footer[data-v-1a29e644] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/NewUserGuide.vue?vue&type=style&index=0&id=5fcf3e05&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-guide-dialog[data-v-5fcf3e05] .el-dialog {
  padding: 0;
}
.user-guide-dialog[data-v-5fcf3e05] .el-dialog .el-dialog__header {
  display: none;
}
.user-guide-dialog[data-v-5fcf3e05] .el-dialog .el-dialog__body {
  padding: 0;
  max-height: 100vh;
}
.user-guide-dialog .container[data-v-5fcf3e05] {
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.user-guide-dialog .container .target-element[data-v-5fcf3e05] {
  width: 271px;
  height: 271px;
  background: #AE0F0A;
  opacity: 0.13;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  position: absolute;
}
.user-guide-dialog .container .left-top[data-v-5fcf3e05] {
  top: -180px;
  left: -90px;
}
.user-guide-dialog .container .right-bottom[data-v-5fcf3e05] {
  bottom: -240px;
  right: -120px;
}
.user-guide-dialog .welcome[data-v-5fcf3e05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-guide-dialog .welcome .celebration-img[data-v-5fcf3e05] {
  width: 74px;
  height: 74px;
  margin-top: 20px;
}
.user-guide-dialog .welcome .title[data-v-5fcf3e05] {
  font-weight: 800;
  font-size: 32px;
  color: #AE0F0A;
  line-height: 46px;
}
.user-guide-dialog .welcome .sub-title[data-v-5fcf3e05] {
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  line-height: 24px;
}
.user-guide-dialog .welcome .content[data-v-5fcf3e05] {
  margin: 30px 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.user-guide-dialog .welcome .content-item[data-v-5fcf3e05] {
  border-radius: 15px;
  border: 1px solid #DDDDDD;
  padding: 25px 30px;
  text-align: center;
}
.user-guide-dialog .welcome .content-item .icon[data-v-5fcf3e05] {
  width: 40px;
  height: 40px;
}
.user-guide-dialog .welcome .content-item .name[data-v-5fcf3e05] {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0 15px 0;
}
.user-guide-dialog .welcome .content-item .desc[data-v-5fcf3e05] {
  color: #666666;
  line-height: 24px;
}
.user-guide-dialog .onboarding-flow[data-v-5fcf3e05] {
  padding: 26px 0 0 26px;
}
.user-guide-dialog .onboarding-flow .title[data-v-5fcf3e05] {
  font-weight: 800;
  font-size: 28px;
}
.user-guide-dialog .onboarding-flow .content[data-v-5fcf3e05] {
  margin: 40px 0;
}
.user-guide-dialog .onboarding-flow .content-item[data-v-5fcf3e05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-guide-dialog .onboarding-flow .content-item[data-v-5fcf3e05]:not(:last-child) {
  margin-bottom: 36px;
}
.user-guide-dialog .onboarding-flow .content-item:not(:last-child) .step[data-v-5fcf3e05] {
  position: relative;
}
.user-guide-dialog .onboarding-flow .content-item:not(:last-child) .step[data-v-5fcf3e05]:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 46px;
  background: #AE0F0A;
  top: 38px;
}
.user-guide-dialog .onboarding-flow .content-item .step[data-v-5fcf3e05] {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  color: #AE0F0A;
  border: 2px solid #AE0F0A;
  margin-right: 25px;
}
.user-guide-dialog .onboarding-flow .content-item .name[data-v-5fcf3e05] {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 24px;
}
.user-guide-dialog .onboarding-flow .content-item .desc[data-v-5fcf3e05] {
  color: #000000;
  line-height: 24px;
}
.user-guide-dialog .dialog-footer[data-v-5fcf3e05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/index.vue?vue&type=style&index=0&id=106c86ed&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-container .title-container[data-v-106c86ed] {
  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;
}
.dashboard-container .title-container .title[data-v-106c86ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.dashboard-container .title-container .title[data-v-106c86ed]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.dashboard-container .title-container .title span[data-v-106c86ed] {
  margin-left: 10px;
}
.dashboard-container .title-container .operate[data-v-106c86ed] {
  line-height: 24px;
  font-size: 20px;
  color: #AE0F0A;
  cursor: pointer;
}
.dashboard-container .dashboard-item-container[data-v-106c86ed] {
  margin-bottom: 20px;
}
.dashboard-container .customer-title[data-v-106c86ed] {
  margin-top: 90px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/components/MultipleTree.vue?vue&type=style&index=0&id=4a652b06&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tree-multiple-search[data-v-4a652b06] {
  position: relative;
}
.tree-multiple-search .selected-group-names[data-v-4a652b06] {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 30px;
  padding-left: 15px;
  line-height: 43px;
  z-index: 1;
  background-color: #FFFFFF;
  border-radius: 10px;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tree-multiple-search .all[data-v-4a652b06] {
  padding-left: 30px;
  font-weight: normal;
  background-color: transparent;
}
.tree-multiple-search .all[data-v-4a652b06]:hover {
  background-color: #EEEEEE;
}
.tree-multiple-search[data-v-4a652b06] .el-tree-node .el-tree-node__content {
  height: 45px;
}
.tree-multiple-search[data-v-4a652b06] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon {
  color: #333333;
  font-size: 18px;
}
.tree-multiple-search[data-v-4a652b06] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.tree-multiple-search[data-v-4a652b06] .el-tree-node .el-tree-node__content:hover {
  background-color: #EEEEEE;
}
.tree-multiple-search[data-v-4a652b06] .el-tree-node .el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}
.tree-multiple-search .multiple-select[data-v-4a652b06] {
  min-width: 230px;
  width: 100%;
  height: 45px;
}
.tree-multiple-search .multiple-select[data-v-4a652b06] .el-select__tags .el-tag.el-tag--info:first-child {
  max-width: 100px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tree-multiple-search .multiple-select[data-v-4a652b06] .el-select__tags .el-tag.el-tag--info:first-child .el-select__tags-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tree-multiple-search[data-v-4a652b06] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #EEEEEE;
  color: #AE0F0A;
  font-weight: bold;
}
.tree-multiple-search .custom-node[data-v-4a652b06] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-right: 10px;
  font-size: 16px;
  overflow: hidden;
}
.tree-multiple-search .custom-node .node-container[data-v-4a652b06] {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tree-multiple-search .custom-node .node-name[data-v-4a652b06] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tree-multiple-search .custom-node .all-name[data-v-4a652b06] {
  width: 100%;
  color: #333333;
  cursor: pointer;
}
.tree-multiple-search .disabled-node[data-v-4a652b06] {
  background-color: transparent;
  color: #BDBDBD;
  cursor: not-allowed;
  font-weight: normal;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/index.vue?vue&type=style&index=0&id=a6f3745e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.report .page-title[data-v-a6f3745e] {
  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;
  color: #333333;
  margin-bottom: 25px;
}
.report .page-title-text[data-v-a6f3745e] {
  font-size: 28px;
  font-weight: 800;
}
.report .page-title-text[data-v-a6f3745e]:before {
  display: inline-block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0;
  content: " ";
  margin-right: 10px;
}
.report .page-title-info-icon[data-v-a6f3745e] {
  font-size: 20px;
  margin-left: 10px;
  padding-bottom: 2px;
  cursor: pointer;
}
.report .page-title .details[data-v-a6f3745e] {
  color: #AE0F0A;
  cursor: pointer;
}
.report .work-report-title[data-v-a6f3745e] {
  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;
  margin-bottom: 25px;
}
.report .work-report-title .title[data-v-a6f3745e] {
  font-weight: 800;
  font-size: 36px;
}
.report .work-report-title .tip[data-v-a6f3745e] {
  margin-left: 15px;
  color: #999999;
}
.report .work-report-title .tip[data-v-a6f3745e]:before {
  content: "*";
  color: #AE0F0A;
  margin-right: 4px;
}
.report .work-report-title .service-template[data-v-a6f3745e] {
  color: #AE0F0A;
  cursor: pointer;
}
.report .work-report-title .service-template .icon[data-v-a6f3745e] {
  margin-right: 10px;
}
.report .work-report .search-container[data-v-a6f3745e] {
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  padding: 0 15px;
  margin-bottom: 40px;
}
.report .work-report .search-container .search-filter-content[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  padding: 20px 0;
}
.report .work-report .search-container .search-filter-content[data-v-a6f3745e]:not(:last-child) {
  border-bottom: 1px solid #CCCCCC;
}
.report .work-report .search-container .search-filter-content .title[data-v-a6f3745e] {
  font-weight: bold;
  white-space: nowrap;
  line-height: 48px;
}
.report .work-report .search-container .search-filter-content .right-content[data-v-a6f3745e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.report .work-report .search-container .search-filter-content .filter-container[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report .work-report .search-container .search-filter-content .filter-container .filter-content[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}
.report .work-report .search-container .search-filter-content .filter-container .filter-content.single-line[data-v-a6f3745e] {
  max-height: 32px;
  overflow: hidden;
  position: relative;
}
.report .work-report .search-container .search-filter-content .filter-container .filter-content.single-line[data-v-a6f3745e]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, white));
  background: linear-gradient(to right, transparent, white 50%);
  pointer-events: none;
}
.report .work-report .search-container .search-filter-content .filter-container .filter-content-item[data-v-a6f3745e] {
  padding: 6px 15px;
  border-radius: 10px;
  background: #EEEEEE;
  color: #333333;
  cursor: pointer;
}
.report .work-report .search-container .search-filter-content .filter-container .filter-content-item .icon[data-v-a6f3745e] {
  font-size: 14px;
  margin-left: 10px;
}
.report .work-report .search-container .search-filter-content .filter-container .filter-content .active[data-v-a6f3745e] {
  background: #AE0F0A;
  color: #FFFFFF;
}
.report .work-report .search-container .search-filter-content .filter-container .more-icon[data-v-a6f3745e] {
  padding: 6px 0;
  cursor: pointer;
  margin-left: 20px;
}
.report .work-report .search-container .search-filter-content .select-content[data-v-a6f3745e] {
  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;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report .work-report .search-container .search-filter-content .select-content .select-items[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report .work-report .search-container .search-filter-content .select-content .item[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report .work-report .search-container .search-filter-content .select-content .item .label[data-v-a6f3745e] {
  margin-right: 8px;
  white-space: nowrap;
}
.report .work-report .search-container .search-filter-content .select-content .item .select[data-v-a6f3745e] {
  width: 230px;
}
.report .work-report .search-container .search-filter-content .select-content .operation-btns[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.report .chart-container[data-v-a6f3745e] {
  margin-bottom: 90px;
}
.report .chart-container .chart-wrapper[data-v-a6f3745e] {
  position: relative;
}
.report .chart-container .chart[data-v-a6f3745e] {
  width: 100%;
  height: 384px;
  background: #E6E6E6;
  border-radius: 15px;
}
.report .chart-container .chart-no-data[data-v-a6f3745e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  color: #999999;
  background-color: #E6E6E6;
  border-radius: 15px;
}
.report .chart-container .service[data-v-a6f3745e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}
.report .chart-container .service-item[data-v-a6f3745e] {
  border-radius: 10px;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}
.report .chart-container .service .active[data-v-a6f3745e] {
  color: #FFFFFF;
  background: #AE0F0A;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/index.vue?vue&type=style&index=1&id=a6f3745e&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comparison-level-select-dropdown {
  width: 230px;
}
.report-more-info-tooltip.el-tooltip__popper.is-light {
  border: none;
  padding: 10px 15px;
  -webkit-box-shadow: 0 0 9px 1px rgba(17, 46, 74, 0.16);
          box-shadow: 0 0 9px 1px rgba(17, 46, 74, 0.16);
}
.report-more-info-tooltip.el-tooltip__popper.is-light .report-more-info-tooltip-content {
  color: #333333;
  font-size: 14px;
  max-width: 500px;
}
.report-more-info-tooltip.el-tooltip__popper.is-light .report-more-info-tooltip-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}
.report-more-info-tooltip.el-tooltip__popper.is-light .report-more-info-tooltip-content-item:not(:last-child) {
  margin-bottom: 10px;
}
.report-more-info-tooltip.el-tooltip__popper.is-light .report-more-info-tooltip-content-item .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #999999;
  margin: 5px 0;
}
.report-more-info-tooltip.el-tooltip__popper.is-light .report-more-info-tooltip-content-item .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-more-info-tooltip.el-tooltip__popper.is-light .popper__arrow {
  border-top-color: white;
}
.my-data-packer {
  max-width: 265px !important;
  min-width: 255px !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Breadcrumb/index.vue?vue&type=style&index=0&id=b50ef614&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-breadcrumb.el-breadcrumb[data-v-b50ef614] {
  font-size: 16px;
}
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-b50ef614] {
  color: #AE0F0A;
  cursor: text;
}
.app-breadcrumb.el-breadcrumb[data-v-b50ef614] * .el-breadcrumb__separator {
  margin: 0 10px;
  font-weight: 400;
  color: #999999;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TableNoData/index.vue?vue&type=style&index=0&id=0b027fbc&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-no-data-container[data-v-0b027fbc] {
  padding: 83px 0;
  border-radius: 0 0 15px 15px;
  border: 1px solid #DDDDDD;
}
.table-no-data-container .table-no-data-icon-content[data-v-0b027fbc] {
  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;
}
.table-no-data-container .table-no-data-icon-content .table-no-data-icon[data-v-0b027fbc] {
  font-size: 100px;
}
.table-no-data-container .table-no-data-text-content[data-v-0b027fbc] {
  line-height: 22px;
  color: #999999;
  text-align: center;
  margin-top: 15px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Pagination/index.vue?vue&type=style&index=0&id=72233bcd&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pagination-container[data-v-72233bcd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #fff;
  padding: 25px 0 0;
  margin-top: 0;
}
.pagination-container.hidden[data-v-72233bcd] {
  display: none;
}
.pagination-container .total-msg[data-v-72233bcd] {
  color: #999999;
  margin-right: 15px;
}
.pagination-container[data-v-72233bcd] .el-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  font-weight: normal;
}
.pagination-container[data-v-72233bcd] .el-pagination .btn-prev, .pagination-container[data-v-72233bcd] .el-pagination .btn-next {
  width: 40px;
  height: 40px;
  background: #AE2F32;
  font-size: 16px;
  color: #ffffff;
  border-radius: 10px;
  padding: 0;
}
.pagination-container[data-v-72233bcd] .el-pagination button:disabled {
  color: #BDBDBD;
  background: #F3F3F3;
}
.pagination-container[data-v-72233bcd] .el-pagination .btn-prev {
  margin-right: 12px;
}
.pagination-container[data-v-72233bcd] .el-pagination .btn-next {
  margin-left: 12px;
}
.pagination-container[data-v-72233bcd] .el-pagination .btn-prev .el-icon, .pagination-container[data-v-72233bcd] .el-pagination .btn-next .el-icon {
  font-size: 16px;
}
.pagination-container[data-v-72233bcd] .el-pager li {
  font-size: 16px;
  color: #666666;
}
.pagination-container[data-v-72233bcd] .el-pager li.active {
  color: #AE2F32;
}
.pagination-container[data-v-72233bcd] .el-pagination .el-pagination__sizes {
  height: 40px;
  line-height: 40px;
  margin-left: 15px;
  margin-right: 0;
}
.pagination-container[data-v-72233bcd] .el-pagination .el-select .el-input .el-input__inner {
  height: 40px;
  line-height: 40px;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
.pagination-container[data-v-72233bcd] .el-pagination .el-select .el-input {
  margin: 0;
}
.pagination-container[data-v-72233bcd] .el-pagination .el-select i.el-select__caret {
  line-height: 38px;
}
.pagination-container[data-v-72233bcd] .el-pagination .el-input__suffix {
  right: 6px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/components/RouteMap.vue?vue&type=style&index=0&id=4bbe950b&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.route-map-container[data-v-4bbe950b] {
  width: 100%;
  height: 100%;
  position: relative;
}
.route-map-container[data-v-4bbe950b] * .gm-style-iw-chr {
  height: 12px !important;
}
.route-map-container[data-v-4bbe950b] * .gm-style-iw-tc {
  display: none;
}
.route-map-container .type-container[data-v-4bbe950b] {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 145px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FFFFFF;
  -webkit-box-shadow: 0 3px 6px 1px rgba(17, 46, 74, 0.15);
          box-shadow: 0 3px 6px 1px rgba(17, 46, 74, 0.15);
  border-radius: 8px;
  z-index: 1;
}
.route-map-container .type-container .type-item[data-v-4bbe950b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  position: relative;
  color: #333333;
  font-weight: bold;
  cursor: pointer;
}
.route-map-container .type-container .type-item[data-v-4bbe950b]:first-child::after {
  display: block;
  width: 1px;
  height: 20px;
  background: rgba(153, 153, 153, 0.3137254902);
  content: " ";
  position: absolute;
  right: 0;
}
.route-map-container .type-container .active[data-v-4bbe950b] {
  color: #AE0F0A;
}
.route-map-container .map-type-switch[data-v-4bbe950b] {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.route-map-container .map-type-switch .map-type-switch-logo[data-v-4bbe950b] {
  width: 66px;
  height: 66px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
          box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/components/RouteMatchCustomer.vue?vue&type=style&index=0&id=5779479c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customer-search[data-v-5779479c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}
.customer-search-right[data-v-5779479c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-search-right .search-input-container[data-v-5779479c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-search-right .search-input-container .search-input[data-v-5779479c] {
  font-size: 16px;
  color: #666666;
}
.customer-search-right .search-input-container .search-input[data-v-5779479c] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.customer-search-right .search-input-container .search-btn[data-v-5779479c] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.customer-search-right .search-input-container .search-btn[data-v-5779479c] *.el-button + .el-button {
  margin-left: 15px;
}
.customer-container[data-v-5779479c] {
  min-height: 38px;
}
.customer-content-item[data-v-5779479c] {
  padding: 25px 0;
  border-bottom: 1px solid #DDDDDD;
}
.customer-content-item-name[data-v-5779479c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.customer-content-item-name .check[data-v-5779479c] {
  margin-right: 15px;
}
.customer-content-item-name .check[data-v-5779479c] * .el-checkbox__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
.customer-content-item-name .check[data-v-5779479c] * .el-checkbox__inner::after {
  border: 2px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  width: 4px;
  height: 10px;
  left: 7px;
  top: 2px;
}
.customer-content-item-name .check[data-v-5779479c] * .is-disabled .el-checkbox__inner::after {
  border: 2px solid #BFBFBF;
  border-left: 0;
  border-top: 0;
  width: 4px;
  height: 10px;
  left: 7px;
  top: 2px;
}
.customer-content-item-detail[data-v-5779479c] {
  margin-left: 35px;
  margin-top: 15px;
  color: #999999;
}
.customer-content-item-detail .area[data-v-5779479c]:after {
  content: "|";
  margin: 0 10px;
}
.customer-no-data[data-v-5779479c] {
  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;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/components/SumInfoDetail.vue?vue&type=style&index=0&id=6907617c&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sum-info-detail .time-range[data-v-6907617c] {
  margin-bottom: 30px;
}
.sum-info-detail .chart-wrapper[data-v-6907617c] {
  position: relative;
}
.sum-info-detail .chart[data-v-6907617c] {
  width: 100%;
  height: 384px;
  background: #E6E6E6;
  border-radius: 15px;
}
.sum-info-detail .chart-no-data[data-v-6907617c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  color: #999999;
  background-color: #E6E6E6;
  border-radius: 15px;
}
.sum-info-detail .chart-btns[data-v-6907617c] {
  margin-top: 15px;
  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;
  gap: 15px;
}
.sum-info-detail .chart-btns .btn[data-v-6907617c] {
  width: 30px;
  height: 30px;
  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: #f3f3f3;
  color: #666;
  border-radius: 10px;
  cursor: pointer;
}
.sum-info-detail .chart-btns .disabled[data-v-6907617c] {
  cursor: not-allowed;
  color: #ccc;
}
.sum-info-detail .chart-btns .btn[data-v-6907617c]:not(.disabled):hover {
  background: #AE0F0A;
  color: #fff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/components/CrewWorkReport.vue?vue&type=style&index=0&id=20fb8dc4&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.report .crew-report-breadcrumb[data-v-20fb8dc4] {
  margin-bottom: 40px;
}
.report .page-title[data-v-20fb8dc4] {
  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;
  color: #333333;
  margin-bottom: 25px;
}
.report .page-title-text[data-v-20fb8dc4] {
  font-size: 28px;
  font-weight: 800;
}
.report .page-title-text[data-v-20fb8dc4]:before {
  display: inline-block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0;
  content: " ";
  margin-right: 10px;
}
.report .page-title-info-icon[data-v-20fb8dc4] {
  font-size: 20px;
  margin-left: 10px;
  padding-bottom: 2px;
  cursor: pointer;
}
.report .page-title .by-site-search-container[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
}
.report .page-title .by-site-search-container[data-v-20fb8dc4] * .el-input--medium .el-input__inner {
  border: 0;
}
.report .page-title .by-site-search-container .search-icon[data-v-20fb8dc4] {
  font-size: 20px;
  padding: 12px 15px;
  cursor: pointer;
}
.report .data-packer[data-v-20fb8dc4] {
  width: 265px;
}
.report .work-report-title[data-v-20fb8dc4] {
  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;
  margin-bottom: 25px;
}
.report .work-report-title .title[data-v-20fb8dc4] {
  font-weight: 800;
  font-size: 36px;
}
.report .work-report .search-content[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.report .work-report .search-content .item[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report .work-report .search-content .item .label[data-v-20fb8dc4] {
  margin-right: 8px;
  white-space: nowrap;
}
.report .work-report .sum-info[data-v-20fb8dc4] {
  position: relative;
  margin: 40px 0 80px 0;
  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;
  height: 150px;
  background: #AE0F0A;
  border-radius: 15px;
}
.report .work-report .sum-info-title[data-v-20fb8dc4] {
  padding-left: 21px;
  margin-top: 45px;
  color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.report .work-report .sum-info-content[data-v-20fb8dc4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}
.report .work-report .sum-info-content-item[data-v-20fb8dc4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 0 20px;
}
.report .work-report .sum-info-content-item[data-v-20fb8dc4]:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
  left: 0;
  content: "";
  background-color: #FFFFFF;
  width: 2px;
  height: 40px;
  opacity: 0.5;
}
.report .work-report .sum-info-content-item[data-v-20fb8dc4]:first-child::before {
  width: 0;
}
.report .work-report .sum-info-content-item .title[data-v-20fb8dc4] {
  height: 35px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.report .work-report .sum-info-content-item .avg[data-v-20fb8dc4] {
  font-size: 34px;
  font-weight: 600;
  color: #FFFFFF;
}
.report .work-report .sum-info-content-item .total[data-v-20fb8dc4] {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 6px;
  height: 21px;
}
.report .work-report .sum-info-content-item .unit[data-v-20fb8dc4] {
  font-size: 16px;
  margin-left: 5px;
}
.report .work-report .sum-info-icon[data-v-20fb8dc4] {
  z-index: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  cursor: pointer;
}
.report .chart-container[data-v-20fb8dc4] {
  margin-bottom: 80px;
}
.report .chart-container .chart-wrapper[data-v-20fb8dc4] {
  position: relative;
}
.report .chart-container .chart[data-v-20fb8dc4] {
  width: 100%;
  height: 384px;
  background: #E6E6E6;
  border-radius: 15px;
}
.report .chart-container .chart-no-data[data-v-20fb8dc4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  color: #999999;
  background-color: #E6E6E6;
  border-radius: 15px;
}
.report .chart-container .table-content .unit[data-v-20fb8dc4] {
  margin-left: 4px;
}
.report .chart-container .table-content .sort-icon[data-v-20fb8dc4] {
  margin-left: 5px;
  cursor: pointer;
}
.report .chart-container .table-content .visit-time-cell[data-v-20fb8dc4] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.report .chart-container .table-content .visit-time-cell .visit-info-icon[data-v-20fb8dc4] {
  width: 30px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.report .chart-container .table-content .visit-time-cell.show-icon .visit-info-icon[data-v-20fb8dc4] {
  opacity: 1;
}
.report .chart-container .table-content .by-site-row:hover .visit-time-cell .visit-info-icon[data-v-20fb8dc4] {
  opacity: 1;
}
.report .chart-container .table-content .productivity-header[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report .chart-container .table-content .productivity-header .per-person[data-v-20fb8dc4] {
  font-size: 14px;
  font-weight: 400;
}
.report .route-container .route-search-container[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.report .route-container .route-search-container .view-abnormal-only[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report .route-container .route-search-container .view-abnormal-only .label[data-v-20fb8dc4] {
  white-space: nowrap;
  margin-right: 10px;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] {
  width: 100%;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] .el-select__tags .el-tag.el-tag--info:first-child {
  max-width: 120px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] .el-select__tags .el-tag.el-tag--info:first-child .el-select__tags-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] * .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #ffffff;
  border-color: #DDDDDD;
  cursor: pointer;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] * .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] * .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #ffffff;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] * .el-select-dropdown__item.selected {
  font-weight: normal;
}
.report .route-container .route-search-container .route-select[data-v-20fb8dc4] * .el-select-dropdown__item.selected:after {
  content: "";
}
.report .route-container .route-search-container .route-select .option-label[data-v-20fb8dc4] {
  margin-left: 13px;
}
.report .route-container .route-content[data-v-20fb8dc4] {
  height: 777px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.report .route-container .route-content .map-container[data-v-20fb8dc4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #E6E6E6;
  border-radius: 15px;
  overflow: hidden;
}
.report .route-container .route-content .info-container-wrapper[data-v-20fb8dc4] {
  width: 430px;
  height: 100%;
  border-radius: 15px;
  background: #E6E6E6;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.report .route-container .route-content .info-container[data-v-20fb8dc4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.report .route-container .route-content .info-container .service-content[data-v-20fb8dc4] {
  margin-top: 20px;
}
.report .route-container .route-content .info-container .service-content-item[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.report .route-container .route-content .info-container .service-content-item[data-v-20fb8dc4]:not(:last-child) {
  margin-bottom: 15px;
}
.report .route-container .route-content .info-container .service-content-item .service-name[data-v-20fb8dc4] {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.report .route-container .route-content .info-container .service-content-item .service-time[data-v-20fb8dc4] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  color: #333333;
}
.report .route-container .route-content .info-container .service-content-item .service-area[data-v-20fb8dc4] {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.report .route-container .route-content .info-container .service-content-item .service-area .text[data-v-20fb8dc4] {
  text-decoration: underline;
  cursor: pointer;
}
.report .route-container .route-content .info-container .service-content-item .service-area .more-icon[data-v-20fb8dc4] {
  border-bottom: 1px solid #333333;
}
.report .route-container .route-content .info-container .service-content-item .service-area .alert-icon[data-v-20fb8dc4] {
  margin-left: 10px;
  cursor: pointer;
}
.report .route-container .route-content .info-container .service-content-item .icon[data-v-20fb8dc4] {
  margin-right: 5px;
}
.report .route-container .route-content .info-container .service .no-activity[data-v-20fb8dc4] {
  font-weight: bold;
  margin-top: 10px;
}
.report .route-container .route-content .info-container .service .no-activity .icon[data-v-20fb8dc4] {
  margin-right: 10px;
}
.report .route-container .route-content .info-container .info-time-container[data-v-20fb8dc4] {
  position: relative;
  padding: 25px 20px;
}
.report .route-container .route-content .info-container .info-time-container .date-container[data-v-20fb8dc4]:not(:last-child) {
  margin-bottom: 60px;
}
.report .route-container .route-content .info-container .info-time-container .date-container .date[data-v-20fb8dc4] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item[data-v-20fb8dc4]:not(:last-child) {
  padding-bottom: 40px;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item[data-v-20fb8dc4]:not(:last-child):after {
  position: absolute;
  left: 3.5px;
  top: 16px;
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #CCCCCC;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-dot[data-v-20fb8dc4] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #999999;
  margin: 8px 6px 0 0;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content[data-v-20fb8dc4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 22px;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .time[data-v-20fb8dc4] {
  color: #666666;
  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;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .time .icon[data-v-20fb8dc4] {
  cursor: pointer;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .address[data-v-20fb8dc4] {
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 30px;
  margin: 5px 0;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .customer[data-v-20fb8dc4] {
  color: #333333;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .customer-text[data-v-20fb8dc4] {
  cursor: pointer;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .customer .icon[data-v-20fb8dc4] {
  margin-left: 10px;
  display: none;
}
.report .route-container .route-content .info-container .info-time-container .date-container .timeline-item-content .customer:hover .icon[data-v-20fb8dc4] {
  display: inline-block;
}
.report .route-container .route-content .info-container .info-location-container[data-v-20fb8dc4] {
  padding: 25px 20px;
}
.report .route-container .route-content .info-container .info-location-container .back[data-v-20fb8dc4] {
  display: inline-block;
  margin-bottom: 20px;
  color: #999999;
  cursor: pointer;
}
.report .route-container .route-content .info-container .info-location-container .back .icon[data-v-20fb8dc4] {
  margin-right: 8px;
}
.report .route-container .route-content .info-container .info-location-container .location-container[data-v-20fb8dc4]:not(:last-child) {
  margin-bottom: 32px;
  border-bottom: 1px solid #CCCCCC;
}
.report .route-container .route-content .info-container .info-location-container .customer[data-v-20fb8dc4] {
  font-weight: bold;
  font-size: 18px;
}
.report .route-container .route-content .info-container .info-location-container .address[data-v-20fb8dc4] {
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 10px 0 15px 0;
}
.report .route-container .route-content .info-container .info-location-container .detail[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 37px;
  margin-bottom: 40px;
}
.report .route-container .route-content .info-container .info-location-container .time-content[data-v-20fb8dc4] {
  margin: 40px 0;
}
.report .route-container .route-content .info-container .info-location-container .time-content .date[data-v-20fb8dc4] {
  font-weight: bold;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
.report .route-container .route-content .info-container .info-location-container .time-content .date .customers[data-v-20fb8dc4] {
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
.report .route-container .route-content .info-container .info-location-container .time-content .time[data-v-20fb8dc4] {
  margin: 15px 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
.report .route-container .route-content .info-container .info-location-container .time-content .time .group-names[data-v-20fb8dc4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}
.report .route-container .no-route-data[data-v-20fb8dc4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/report/components/CrewWorkReport.vue?vue&type=style&index=1&id=20fb8dc4&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alert-tooltip {
  border-color: #FFFFFF !important;
}
.alert-tooltip .popper__arrow {
  border-bottom-color: #FFFFFF !important;
}
.visit-details {
  max-height: 200px;
  max-width: 240px;
  overflow-y: auto;
}
.visit-details-item:not(:last-child) {
  margin-bottom: 15px;
}
.visit-details-item-group-name {
  font-size: 16px;
  color: #333333;
  margin-bottom: 3px;
}
.visit-details-item-date {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.4392156863);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/SumInfo.vue?vue&type=style&index=0&id=65fd9b94&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customers-sum[data-v-65fd9b94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 150px;
  background: #AE0F0A;
  border-radius: 15px;
}
.customers-sum .customers-sum-item[data-v-65fd9b94] {
  width: 33%;
  text-align: center;
  position: relative;
}
.customers-sum .customers-sum-item[data-v-65fd9b94]::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
  left: 0;
  content: "";
  background-color: #FFFFFF;
  width: 2px;
  height: 40px;
  opacity: 0.5;
}
.customers-sum .customers-sum-item[data-v-65fd9b94]:first-child::before {
  width: 0;
}
.customers-sum .customers-sum-item .title[data-v-65fd9b94] {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.customers-sum .customers-sum-item .content[data-v-65fd9b94] {
  height: 55px;
  line-height: 55px;
  font-size: 50px;
  font-weight: 600;
  color: #FFFFFF;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/Import.vue?vue&type=style&index=0&id=31a55f7a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.import-customer-dialog[data-v-31a55f7a] * .el-dialog__footer {
  padding-top: 25px;
}
.import-customer-dialog .title[data-v-31a55f7a] {
  height: 19px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.import-customer-dialog .content .upload-input-container[data-v-31a55f7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0;
}
.import-customer-dialog .content .upload-input-container .file-list-container[data-v-31a55f7a] {
  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;
  width: 699px;
  background: #F2F2F2;
  border-radius: 10px;
  padding: 15px;
  margin-right: 15px;
}
.import-customer-dialog .content .upload-input-container .file-list-container .file-list[data-v-31a55f7a] {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.import-customer-dialog .content .upload-input-container .file-list-container .file-list .file-name[data-v-31a55f7a] {
  max-width: calc(100% - 220px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-customer-dialog .content .upload-input-container .file-list-container .file-list .upload-progress[data-v-31a55f7a] {
  width: 210px;
  margin-left: 10px;
}
.import-customer-dialog .content .upload-input-container .file-list-container .file-list .upload-progress[data-v-31a55f7a] * .el-slider__runway.disabled .el-slider__bar {
  height: 8px;
  background-color: #199402;
  border-radius: 5px;
}
.import-customer-dialog .content .upload-input-container .file-list-container .file-list .upload-progress[data-v-31a55f7a] * .el-slider__runway {
  height: 8px;
  background-color: #CFCFCF;
  margin: 0;
}
.import-customer-dialog .content .upload-input-container .file-list-container .file-list .upload-progress[data-v-31a55f7a] * .el-slider__button-wrapper {
  display: none;
}
.import-customer-dialog .content .upload-input-container .file-list-container .clear-file[data-v-31a55f7a] {
  cursor: pointer;
  color: #BDBDBD;
}
.import-customer-dialog .content .upload-input-container .upload-container button[data-v-31a55f7a] {
  height: 45px;
  border: 1px solid #AE0F0A;
  font-size: 14px;
  color: #AE0F0A;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
}
.import-customer-dialog .content .upload-input-container .upload-container button[data-v-31a55f7a]:focus, .import-customer-dialog .content .upload-input-container .upload-container button[data-v-31a55f7a]:hover {
  background: #ffffff;
}
.import-customer-dialog .content .upload-input-container .upload-container button .my-icon-upload[data-v-31a55f7a] {
  margin-right: 10px;
  width: 14px;
  height: 14px;
}
.import-customer-dialog .content .tips[data-v-31a55f7a] {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  margin-bottom: 5px;
  line-height: 22px;
  word-break: keep-all;
}
.import-customer-dialog .content .tips a[data-v-31a55f7a] {
  color: #AE0F0A;
  border-bottom: 1px solid;
}
.import-customer-dialog .content .tips span[data-v-31a55f7a] {
  margin-left: 2px;
}
.import-customer-dialog .content .tips .error-tip[data-v-31a55f7a] {
  height: 16px;
  font-size: 14px;
  color: #AE0F0A;
}
.import-customer-dialog .content .tips .error-tip.more-row-container[data-v-31a55f7a] {
  height: auto;
  max-height: 140px;
  overflow: auto;
  line-height: 28px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TelNumber/index.vue?vue&type=style&index=0&id=02c000c7&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tel-number-name{
    margin-right: 8px;
}
.el-form-item.is-error .my-tel-number-container .el-input__inner,
  .el-form-item.is-error .my-tel-number-container .el-input__inner:focus,
  .el-form-item.is-error .my-tel-number-container .el-input__inner:hover
  {
    border-color: #AE0F0A!important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TelNumber/index.vue?vue&type=style&index=1&id=02c000c7&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-tel-number-container[data-v-02c000c7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-tel-number-container .my-tel-number-pre[data-v-02c000c7] {
  width: 85px;
}
.my-tel-number-container .my-tel-number-pre.lang-number-pre[data-v-02c000c7] {
  width: 105px;
}
.my-tel-number-container .my-tel-number-pre[data-v-02c000c7] * .el-input__inner {
  padding: 0 15px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}
.my-tel-number-container .my-tel-number-pre[data-v-02c000c7] * .el-input .el-select__caret {
  color: #999999;
}
.my-tel-number-container .my-tel-number-pre[data-v-02c000c7] * .el-input.is-focus .el-input__inner,
.my-tel-number-container .my-tel-number-pre[data-v-02c000c7] * .el-input__inner:focus,
.my-tel-number-container .my-tel-number-pre[data-v-02c000c7] * .el-input__inner:hover {
  border-color: #dddddd;
}
.my-tel-number-container .my-tel-number-input[data-v-02c000c7] {
  width: calc(100% - 70px);
}
.my-tel-number-container .my-tel-number-input[data-v-02c000c7] * .el-input__inner {
  padding-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
}
.my-tel-number-container[data-v-02c000c7] .el-select__wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dcdfe6;
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.my-tel-number-container[data-v-02c000c7] .el-input__wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dcdfe6;
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.my-tel-number-container[data-v-02c000c7] .el-select__selected-item {
  font-size: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/AddressSearch.vue?vue&type=style&index=0&id=cf656e12&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.address-search-container[data-v-cf656e12] {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1000;
  width: 800px;
}
.address-search-container .to-search-btn[data-v-cf656e12] {
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 26px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #ffffff;
}
.address-search-container .to-search-btn .search-icon[data-v-cf656e12] {
  width: 26px;
  height: 24px;
  vertical-align: -1.5px;
}
.address-search-container .search-content[data-v-cf656e12] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.address-search-container .search-content .address-input[data-v-cf656e12] {
  width: 680px;
}
.address-search-container .search-content .address-input[data-v-cf656e12] * .el-input__inner {
  padding-left: 30px;
  border-radius: 10px 0px 0px 10px;
}
.address-search-container .search-content .search-btn[data-v-cf656e12] {
  width: 120px;
  border-radius: 0px 10px 10px 0px;
}
.address-search-container .address-list-container[data-v-cf656e12] {
  position: relative;
  width: 680px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  border-color: rgb(228, 231, 237);
  border-radius: 4px;
  margin: 5px 0px;
  background-color: #ffffff;
}
.address-search-container .address-list-container .popper-arrow[data-v-cf656e12] {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-color: transparent;
  border-style: solid;
  left: 35px;
  top: -6px;
  margin-right: 3px;
  border-top-width: 0px;
  border-bottom-color: rgb(235, 238, 245);
}
.address-search-container .address-list-container .popper-arrow[data-v-cf656e12]:after {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 6px;
  top: 1px;
  margin-left: -6px;
  border-top-width: 0px;
  border-bottom-color: rgb(255, 255, 255);
}
.address-search-container .address-list-container li[data-v-cf656e12] {
  line-height: 30px;
  font-size: 16px;
  padding: 5px 10px;
  cursor: pointer;
}
.address-search-container .address-list-container li[data-v-cf656e12]:hover {
  background-color: rgb(245, 247, 250);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/AddressAutoSearch.vue?vue&type=style&index=0&id=4683c086&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.address-search-container .search-content[data-v-4683c086] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.address-search-container .search-content .address-input[data-v-4683c086] * .el-input__inner {
  border-radius: 10px;
  padding-left: 0;
}
.address-search-container .address-list-container[data-v-4683c086] {
  position: relative;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  border-color: rgb(228, 231, 237);
  border-radius: 4px;
  margin: 5px 0px;
  background-color: #ffffff;
}
.address-search-container .address-list-container .popper-arrow[data-v-4683c086] {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-color: transparent;
  border-style: solid;
  left: 35px;
  top: -6px;
  margin-right: 3px;
  border-top-width: 0px;
  border-bottom-color: rgb(235, 238, 245);
}
.address-search-container .address-list-container .popper-arrow[data-v-4683c086]:after {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 6px;
  top: 1px;
  margin-left: -6px;
  border-top-width: 0px;
  border-bottom-color: rgb(255, 255, 255);
}
.address-search-container .address-list-container li[data-v-4683c086] {
  line-height: 30px;
  font-size: 16px;
  padding: 5px 10px;
  cursor: pointer;
}
.address-search-container .address-list-container li[data-v-4683c086]:hover {
  background-color: rgb(245, 247, 250);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TreeMultipleSelect/index.vue?vue&type=style&index=0&id=001792c6&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tree-multiple-popper.el-popper {
  padding: 18px 8px !important;
}
.tree-multiple-popper .el-tree-node__content {
  height: 40px;
}
.tree-multiple-popper .el-tree-node__content:hover {
  background-color: #EEEEEE;
  border-radius: 8px;
}
.tree-multiple-popper .el-select-dropdown__item.is-selected {
  color: #333333 !important;
  font-weight: normal !important;
}
.tree-multiple-popper .el-tree-node__expand-icon {
  color: #333333;
  font-size: 18px;
  margin-right: 4px;
}
.tree-multiple-select[data-v-001792c6] .multiple-select .el-tag {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #333333;
  border-radius: 20px;
  height: 28px;
  line-height: 28px;
}
.tree-multiple-select[data-v-001792c6] .multiple-select .el-tag .el-tag__close {
  background: transparent;
  color: #999999;
}
.tree-multiple-select[data-v-001792c6] .multiple-select .el-tag .el-tag__close:hover {
  background: transparent;
  color: #666666;
}
.tree-multiple-popper .el-select-dropdown__item.is-selected::after {
  display: none !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/service/components/CustomUnitSelect.vue?vue&type=style&index=0&id=0dc3d534&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-unit-select .dropdown-container[data-v-0dc3d534] {
  position: relative;
  width: 100%;
}
.custom-unit-select .dropdown-container .el-dropdown-link[data-v-0dc3d534] {
  height: 45px;
  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;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 0 15px;
  cursor: pointer;
}
.custom-unit-select .dropdown-container .el-dropdown-link .placeholder[data-v-0dc3d534] {
  color: #c0c4cc;
}
.custom-unit-select .dropdown-container .el-dropdown-link .arrow-icon[data-v-0dc3d534] {
  color: #c0c4cc;
}
.custom-unit-select .custom-input-container[data-v-0dc3d534] {
  width: 100%;
  position: absolute;
  margin-top: 5px;
  padding: 15px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  z-index: 2;
}
.custom-unit-select .custom-input-container .custom-btns[data-v-0dc3d534] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
.custom-unit-select .custom-input-container .custom-btns .btn[data-v-0dc3d534] {
  cursor: pointer;
  line-height: 20px;
}
.custom-unit-select .custom-input-container .custom-btns .cancel[data-v-0dc3d534] {
  color: #999999;
}
.custom-unit-select .custom-input-container .custom-btns .confirm[data-v-0dc3d534] {
  color: #AE0F0A;
}
.is-invalid .dropdown-container .el-dropdown-link[data-v-0dc3d534] {
  border: 1px solid #AE0F0A;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/service/components/CustomUnitSelect.vue?vue&type=style&index=1&id=0dc3d534&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.unit-dropdown-menu {
  width: 410px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  margin-top: 5px !important;
  max-height: 280px;
  overflow-y: auto;
}
.unit-dropdown-menu .el-dropdown-menu__item {
  font-size: 16px;
  line-height: 40px;
  color: #333333;
}
.unit-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #EEEEEE;
  color: #333333;
}
.unit-dropdown-menu .active-item {
  color: #AE0F0A;
  font-weight: bold;
}
.unit-dropdown-menu .active-item:not(.is-disabled):hover {
  background-color: #EEEEEE;
  color: #AE0F0A;
}
.unit-dropdown-menu .popper__arrow {
  display: none;
}
.unit-dropdown-menu {
  /* 隐藏默认滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  /* 鼠标悬停时显示滚动条 */
}
.unit-dropdown-menu:hover {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}
.unit-dropdown-menu {
  /* Webkit浏览器滚动条样式 */
}
.unit-dropdown-menu::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.unit-dropdown-menu:hover::-webkit-scrollbar {
  width: 10px;
}
.unit-dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}
.unit-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #dddee0;
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.unit-dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: #c7c9cc;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/service/components/AddService.vue?vue&type=style&index=0&id=02863e89&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-dialog[data-v-02863e89] * .el-dialog__body {
  padding: 30px;
}
.service-dialog[data-v-02863e89] * .el-dialog__footer {
  padding: 0;
}
.service-dialog[data-v-02863e89] * .el-select {
  display: block;
}
.service-dialog .service-info-form[data-v-02863e89] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-select__tags .el-tag.el-tag--info:first-child {
  max-width: var(60%) !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-select__tags .el-tag.el-tag--info:first-child .el-select__tags-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #ffffff;
  border-color: #DDDDDD;
  cursor: pointer;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #ffffff;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-select-dropdown__item.selected {
  font-weight: normal;
}
.service-dialog .service-info-form .equipment-select[data-v-02863e89] .el-select-dropdown__item.selected:after {
  content: "";
}
.service-dialog .service-info-form .equipment-select .option-label[data-v-02863e89] {
  margin-left: 13px;
}
.service-dialog .service-info-form .standard-efficiency-content[data-v-02863e89] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.service-dialog .service-info-form .standard-efficiency-content .standard-efficiency-text[data-v-02863e89] {
  width: 280px;
}
.service-dialog .service-info-form .standard-efficiency-content .standard-efficiency-text[data-v-02863e89] * .el-input__inner {
  border-radius: 10px 0 0 10px;
  border-right: 0;
}
.service-dialog .service-info-form .standard-efficiency-content .standard-efficiency-select[data-v-02863e89] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.service-dialog .service-info-form .standard-efficiency-content .standard-efficiency-select[data-v-02863e89] * .el-input--medium .el-input__inner {
  border-radius: 0 10px 10px 0;
}
.service-dialog .service-info-form .standard-efficiency-content .select-show[data-v-02863e89] {
  position: absolute;
  left: 296px;
  top: 1px;
  height: 43px;
  line-height: 43px;
  background-color: #FFFFFF;
  pointer-events: none;
  z-index: 1;
}
.disabled-service-dialog[data-v-02863e89] * .el-select__tags .el-tag.el-tag--info {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  color: #BDBDBD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/AddCustomer.vue?vue&type=style&index=0&id=d2519dcc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-customer-container .content[data-v-d2519dcc] {
  margin-bottom: 1px;
}
.add-customer-container .content[data-v-d2519dcc] * .el-select {
  display: block;
}
.add-customer-container .content[data-v-d2519dcc] * .container-map-form-item .el-form-item__error {
  top: unset;
  bottom: -19px;
  right: unset;
  left: 0;
}
.add-customer-container .content[data-v-d2519dcc] * .container-map-form-item .gm-style-iw-tc {
  display: none;
}
.add-customer-container .content .info-title[data-v-d2519dcc] {
  height: 24px;
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 25px;
}
.add-customer-container .content .property-container[data-v-d2519dcc] {
  margin-top: 40px;
}
.add-customer-container .content .property-container .property-header[data-v-d2519dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}
.add-customer-container .content .property-container .property-header .title[data-v-d2519dcc] {
  height: 24px;
  font-size: 20px;
  font-weight: 800;
  color: #333333;
}
.add-customer-container .content .property-container .property-header .action[data-v-d2519dcc] {
  height: 21px;
  font-size: 18px;
  font-weight: 400;
  color: #AE0F0A;
}
.add-customer-container .content .property-container .property-header .action[data-v-d2519dcc]:hover {
  text-decoration: underline;
}
.add-customer-container .content .property-container .property-header .action span[data-v-d2519dcc] {
  cursor: pointer;
}
.add-customer-container .content .property-container .property-header .action .my-icon-show-map[data-v-d2519dcc] {
  width: 10px;
  height: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.add-customer-container .content .property-container .property-header .action .my-icon-show-map.show-map[data-v-d2519dcc] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.add-customer-container .content .property-container .property-header .action .my-icon-del[data-v-d2519dcc] {
  margin-left: 26px;
  cursor: pointer;
}
.add-customer-container .content .property-container .map-container[data-v-d2519dcc] {
  height: 313px;
  background: #AE0F0A;
  border-radius: 15px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.add-customer-container .content .property-container .map-container .map-type-switch[data-v-d2519dcc] {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.add-customer-container .content .property-container .map-container .map-type-switch .map-type-switch-logo[data-v-d2519dcc] {
  width: 66px;
  height: 66px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
          box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
}
.add-customer-container .content .property-container .input-container[data-v-d2519dcc] {
  position: relative;
}
.add-customer-container .content .property-container .input-container .my-num-input[data-v-d2519dcc] {
  width: 100%;
}
.add-customer-container .content .property-container .input-container[data-v-d2519dcc] * .el-input__inner {
  padding-right: 50px;
  text-align: left;
}
.add-customer-container .content .property-container .input-container .input-unit[data-v-d2519dcc] {
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 45px;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .el-select__tags .el-tag:nth-child(1) .el-tag__close {
  display: none;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #ffffff;
  border-color: #DDDDDD;
  cursor: pointer;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #ffffff;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .el-select-dropdown__item.selected {
  font-weight: normal;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .default-crews-checkout .el-checkbox__input.is-checked .el-checkbox__inner {
  cursor: not-allowed;
  background-color: #EEEEEE;
  border-color: #DDDDDD;
}
.add-customer-container .content .property-container .assign-select[data-v-d2519dcc] * .default-crews-checkout .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #BDBDBD;
}
.add-customer-container .content .property-container .assign-select .default-crews-option[data-v-d2519dcc] {
  color: #333333;
}
.add-customer-container .content .property-container .assign-select .option-label[data-v-d2519dcc] {
  margin-left: 13px;
}
.add-customer-container .content .property-container .map-action[data-v-d2519dcc] {
  position: absolute;
  top: -38px;
  right: 0;
  height: 21px;
  font-size: 18px;
  font-weight: 400;
  color: #AE0F0A;
  cursor: pointer;
}
.add-customer-container .content .property-container .map-action:hover span[data-v-d2519dcc] {
  text-decoration: underline;
}
.add-customer-container .content .property-container .map-action img[data-v-d2519dcc], .add-customer-container .content .property-container .map-action span[data-v-d2519dcc] {
  vertical-align: middle;
}
.add-customer-container .content .property-container .service-container .service-header[data-v-d2519dcc] {
  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;
}
.add-customer-container .content .property-container .service-container .service-header .title[data-v-d2519dcc] {
  font-weight: bold;
  font-size: 18px;
}
.add-customer-container .content .property-container .service-container .service-header .link[data-v-d2519dcc] {
  color: #AE0F0A;
  cursor: pointer;
}
.add-customer-container .content .property-container .service-container .service-desc[data-v-d2519dcc] {
  color: #999999;
  margin: 5px 0 25px 0;
}
.add-customer-container .content .property-container .service-container .service-content-item[data-v-d2519dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.add-customer-container .content .property-container .service-container .service-content-item[data-v-d2519dcc]:first-child {
  margin-bottom: 10px;
}
.add-customer-container .content .property-container .service-container .service-content-item .select[data-v-d2519dcc] {
  width: 47%;
  margin-right: 16px;
}
.add-customer-container .content .property-container .service-container .service-content-item .del-icon[data-v-d2519dcc] {
  font-size: 22px;
  cursor: pointer;
}
.add-customer-container .content .property-container .service-container .service-content .add-item[data-v-d2519dcc] {
  color: #AE0F0A;
  font-size: 18px;
  cursor: pointer;
}
.add-customer-container .content .property-container .service-container .service-content .add-item .add-icon[data-v-d2519dcc] {
  margin-right: 5px;
}
.add-customer-container .content .add-property-container[data-v-d2519dcc] {
  text-align: center;
}
.add-customer-container .content .add-property-container .ts-button[data-v-d2519dcc] {
  width: 600px;
  height: 45px;
  -webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px dashed #AE0F0A;
  margin-top: 30px;
}
.add-customer-container[data-v-d2519dcc] * .el-dialog {
  padding-bottom: 0;
}
.add-customer-container[data-v-d2519dcc] * .el-dialog__footer {
  position: relative;
  padding: 0;
}
.add-customer-container[data-v-d2519dcc] * .el-dialog__footer .dialog-footer {
  padding: 30px;
  -webkit-box-shadow: 0px -4px 10px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0px -4px 10px 1px rgba(0, 0, 0, 0.08);
}
.add-customer-container[data-v-d2519dcc] * .el-dialog__footer .dialog-footer .el-button + .el-button {
  margin-left: 15px;
}
.add-customer-container[data-v-d2519dcc] * .el-dialog__footer .dialog-footer.scroll-bottom {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gmap-map[data-v-d2519dcc] {
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/AddCustomer.vue?vue&type=style&index=1&id=d2519dcc&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-service {
  border-top: 1px solid #DDDDDD;
}
.add-service-icon {
  margin-right: 5px;
}
.add-service-text {
  color: #AE0F0A;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/index.vue?vue&type=style&index=0&id=70d99b6e&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customer-delete-msg-box {
  width: 650px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/index.vue?vue&type=style&index=1&id=70d99b6e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customer-component-container .page-title[data-v-70d99b6e] {
  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;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.customer-component-container .page-title span[data-v-70d99b6e]:before {
  display: inline-block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
  margin-right: 10px;
}
.customer-component-container .page-title .title-icon-qb[data-v-70d99b6e] {
  width: 122px;
  height: 33px;
  cursor: pointer;
}
.customer-component-container .customer-content .table-search[data-v-70d99b6e] {
  padding: 100px 0 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.customer-component-container .customer-content .table-search .property-type[data-v-70d99b6e], .customer-component-container .customer-content .table-search .status[data-v-70d99b6e] {
  min-width: 140px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customer-component-container .customer-content .table-search .group-search[data-v-70d99b6e] {
  min-width: 230px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customer-component-container .customer-content .table-search .search-input-container[data-v-70d99b6e] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-component-container .customer-content .table-search .search-input-container .search-key[data-v-70d99b6e] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.customer-component-container .customer-content .table-search .search-input-container .search-btn[data-v-70d99b6e] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.customer-component-container .customer-content .table-search .search-input-container .search-btn[data-v-70d99b6e] *.el-button + .el-button {
  margin-left: 15px;
}
.customer-component-container .customer-content .btns[data-v-70d99b6e] {
  text-align: right;
}
.customer-component-container .customer-content .btns .batch-add-btn[data-v-70d99b6e], .customer-component-container .customer-content .btns .download-btn[data-v-70d99b6e] {
  min-width: 44px;
  padding: 0;
}
.customer-component-container .customer-content .btns .my-icon-upload[data-v-70d99b6e], .customer-component-container .customer-content .btns .download-btn[data-v-70d99b6e] {
  font-size: 20px;
}
.customer-component-container .customer-content .btns .show-map-btn .my-icon-show-map[data-v-70d99b6e] {
  width: 10px;
  height: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  margin-left: 8px;
}
.customer-component-container .customer-content .btns .show-map-btn .my-icon-show-map.show-map[data-v-70d99b6e] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.customer-component-container .customer-content .btns .el-button + .el-button[data-v-70d99b6e] {
  margin-left: 15px;
}
.customer-component-container .customer-content .map-container[data-v-70d99b6e] {
  height: 450px;
  background: #AE0F0A;
  border-radius: 15px;
  margin-top: 25px;
  overflow: hidden;
}
.customer-component-container .customer-content .map-container[data-v-70d99b6e] * .gm-style-iw-tc {
  display: none;
}
.customer-component-container .customer-content .customer-list[data-v-70d99b6e] {
  padding: 25px 0 25px;
}
.customer-component-container .customer-content .customer-list[data-v-70d99b6e] * table tbody tr {
  cursor: pointer;
}
.customer-component-container .customer-content .customer-list .edit-btn-icon[data-v-70d99b6e] {
  cursor: pointer;
}
.customer-component-container .customer-content .customer-list .customer-status[data-v-70d99b6e] {
  width: 175px;
}
.customer-component-container .customer-content .customer-list .operator-container[data-v-70d99b6e] {
  text-align: center;
}
.customer-component-container .batch-operation[data-v-70d99b6e] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #AE0F0A;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.customer-component-container .batch-operation .batch-content[data-v-70d99b6e] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.customer-component-container .batch-operation .batch-content .select-count[data-v-70d99b6e] {
  padding-left: 17px;
}
.customer-component-container .property-content .property-item[data-v-70d99b6e] {
  margin-top: 10px;
}
.customer-component-container .property-content .group-names-text[data-v-70d99b6e] {
  color: #999999;
}
.customer-component-container .property-content .view-more-text[data-v-70d99b6e] {
  margin-top: 10px;
  color: #AE0F0A;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Map/index.vue?vue&type=style&index=0&id=19bccedf&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.map-root[data-v-19bccedf] {
  width: 100%;
  height: 100%;
  position: relative;
}
.map-root .map-container[data-v-19bccedf] {
  width: 100%;
  height: 100%;
}
.map-root .map-container img[data-v-19bccedf] {
  max-width: none;
}
.map-root .zoom-controls[data-v-19bccedf] {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
}
.map-root .zoom-controls .btn[data-v-19bccedf] {
  width: 33px;
  height: 33px;
  border: none;
  margin: 0;
  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;
}
.map-root .zoom-controls .btn[data-v-19bccedf]:first-child {
  border-radius: 8px 0 0 8px;
}
.map-root .zoom-controls .btn[data-v-19bccedf]:last-child {
  border-radius: 0 8px 8px 0;
}
.map-root .icon-bar[data-v-19bccedf] {
  position: absolute;
  bottom: 64px;
  right: 18px;
  z-index: 99;
}
.map-root .icon-bar img[data-v-19bccedf] {
  width: 40px;
  height: 40px;
}
[data-v-19bccedf] .gm-style .gm-style-cc {
  display: none;
}
[data-v-19bccedf] .gm-style a[target='_blank'] {
  display: none !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMap/index.vue?vue&type=style&index=0&id=8a32aa4a&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.map-root[data-v-8a32aa4a] {
  width: 100%;
  height: 100%;
  position: relative;
}
.map-root .map-container[data-v-8a32aa4a] {
  width: 100%;
  height: 100%;
}
.map-root .map-container img[data-v-8a32aa4a] {
  max-width: none;
}
.map-root .zoom-controls[data-v-8a32aa4a] {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
}
.map-root .zoom-controls .btn[data-v-8a32aa4a] {
  width: 33px;
  height: 33px;
  border: none;
  margin: 0;
  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;
}
.map-root .zoom-controls .btn[data-v-8a32aa4a]:first-child {
  border-radius: 8px 0 0 8px;
}
.map-root .zoom-controls .btn[data-v-8a32aa4a]:last-child {
  border-radius: 0 8px 8px 0;
}
[data-v-8a32aa4a] * .gm-style .gm-style-cc {
  display: none;
}
[data-v-8a32aa4a] * .gm-style a[target='_blank'] {
  display: none !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/secondaryModal.vue?vue&type=style&index=0&id=ce25c0b2&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-ce25c0b2] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  z-index: 10;
}
.wrapper[data-v-ce25c0b2] {
  width: 600px;
  border-radius: 15px;
  background: #FFFFFF;
}
.title[data-v-ce25c0b2] {
  height: 60px;
  background: #AE0F0A;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  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;
  padding: 0 30px;
  font-weight: 500;
}
.title img[data-v-ce25c0b2]:hover {
  cursor: pointer;
}
.content[data-v-ce25c0b2] {
  padding: 30px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  color: #333333;
}
.sub-title[data-v-ce25c0b2] {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.sub-content[data-v-ce25c0b2] {
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}
.img-con[data-v-ce25c0b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 26px;
  position: relative;
}
.img-con img[data-v-ce25c0b2] {
  border-radius: 15px;
}
.safe51[data-v-ce25c0b2] {
  position: absolute;
  left: 180px;
  top: 80px;
}
.safe52[data-v-ce25c0b2] {
  position: absolute;
  right: 50px;
  top: 30px;
}
.safe53[data-v-ce25c0b2] {
  position: absolute;
  left: 180px;
  top: 45px;
}
.safe54[data-v-ce25c0b2] {
  position: absolute;
  right: 50px;
  top: 50px;
}
.btn-con[data-v-ce25c0b2] {
  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;
  gap: 15px;
  margin-bottom: 30px;
}
.btn-con button[data-v-ce25c0b2]:nth-of-type(1) {
  height: 45px;
  line-height: 45px;
  min-width: 120px;
  border-radius: 10px;
  text-align: center;
}
.btn-con button[data-v-ce25c0b2]:nth-of-type(2) {
  background: #AE0F0A;
  color: #FFFFFF;
  height: 45px;
  line-height: 45px;
  min-width: 120px;
  border-radius: 10px;
  text-align: center;
}
.modal-enter-active[data-v-ce25c0b2],
.modal-leave-active[data-v-ce25c0b2] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.modal-enter[data-v-ce25c0b2],
.modal-leave-to[data-v-ce25c0b2] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.modal-enter-to[data-v-ce25c0b2],
.modal-leave[data-v-ce25c0b2] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/changeAreaName.vue?vue&type=style&index=0&id=fdf5b1d4&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-fdf5b1d4] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  z-index: 10;
}
.wrapper[data-v-fdf5b1d4] {
  width: 600px;
  border-radius: 15px;
  background: #FFFFFF;
}
.title[data-v-fdf5b1d4] {
  height: 60px;
  background: #AE0F0A;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  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;
  padding: 0 30px;
  font-weight: 500;
}
.title img[data-v-fdf5b1d4]:hover {
  cursor: pointer;
}
.content[data-v-fdf5b1d4] {
  padding: 26px 30px;
}
.sub-title[data-v-fdf5b1d4] {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.sub-content[data-v-fdf5b1d4] {
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}
.img-con[data-v-fdf5b1d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 26px;
  position: relative;
}
.img-con img[data-v-fdf5b1d4] {
  border-radius: 15px;
}
.safe51[data-v-fdf5b1d4] {
  position: absolute;
  left: 180px;
  top: 80px;
}
.safe52[data-v-fdf5b1d4] {
  position: absolute;
  right: 50px;
  top: 30px;
}
.safe53[data-v-fdf5b1d4] {
  position: absolute;
  left: 180px;
  top: 45px;
}
.safe54[data-v-fdf5b1d4] {
  position: absolute;
  right: 50px;
  top: 50px;
}
.btn-con[data-v-fdf5b1d4] {
  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;
  gap: 15px;
  margin-bottom: 30px;
}
.btn-con button[data-v-fdf5b1d4]:nth-of-type(1) {
  height: 45px;
  line-height: 45px;
  min-width: 120px;
  border-radius: 10px;
  text-align: center;
}
.btn-con button[data-v-fdf5b1d4]:nth-of-type(2) {
  background: #AE0F0A;
  color: #FFFFFF;
  height: 45px;
  line-height: 45px;
  min-width: 120px;
  border-radius: 10px;
  text-align: center;
}
.modal-enter-active[data-v-fdf5b1d4],
.modal-leave-active[data-v-fdf5b1d4] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.modal-enter[data-v-fdf5b1d4],
.modal-leave-to[data-v-fdf5b1d4] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.modal-enter-to[data-v-fdf5b1d4],
.modal-leave[data-v-fdf5b1d4] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.title-label[data-v-fdf5b1d4] {
  margin-bottom: 10px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/changeWidth.vue?vue&type=style&index=0&id=b40f9950&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-b40f9950] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  z-index: 10;
}
.wrapper[data-v-b40f9950] {
  width: 600px;
  border-radius: 15px;
  background: #FFFFFF;
}
.title[data-v-b40f9950] {
  height: 60px;
  background: #AE0F0A;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  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;
  padding: 0 30px;
  font-weight: 500;
}
.title img[data-v-b40f9950]:hover {
  cursor: pointer;
}
.content[data-v-b40f9950] {
  padding: 26px 30px;
  position: relative;
}
.btn-con[data-v-b40f9950] {
  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;
  gap: 15px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.btn-con button[data-v-b40f9950]:nth-of-type(1) {
  height: 45px;
  line-height: 45px;
  width: 146px;
  border-radius: 10px;
  text-align: center;
}
.btn-con button[data-v-b40f9950]:nth-of-type(2) {
  height: 45px;
  line-height: 45px;
  width: 120px;
  border-radius: 10px;
  text-align: center;
}
.modal-enter-active[data-v-b40f9950],
.modal-leave-active[data-v-b40f9950] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.modal-enter[data-v-b40f9950],
.modal-leave-to[data-v-b40f9950] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.modal-enter-to[data-v-b40f9950],
.modal-leave[data-v-b40f9950] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.title-label[data-v-b40f9950] {
  margin-bottom: 10px;
}
.number-input[data-v-b40f9950] input {
  text-align: left !important;
}
.input-error[data-v-b40f9950] input {
  border-color: #AE0F0A;
}
.widthM[data-v-b40f9950] {
  position: absolute;
  right: 40px;
  top: 68px;
}
.widthTip[data-v-b40f9950] {
  position: absolute;
  left: 30px;
  top: 100px;
  color: #AE0F0A;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/changeWidth.vue?vue&type=style&index=1&id=b40f9950&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.change-input-number {
  width: 96%;
  margin-right: 4px;
input {
    height: 36px !important;
    border-radius: 4px !important;
    text-align: left !important;
    padding-left: 40px !important;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/selfActions.vue?vue&type=style&index=0&id=12aefd74&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.middle[data-v-12aefd74] {
  width: 277px;
  padding: 20px 15px;
  border-radius: 15px;
  background: #F0F0F0;
  overflow: auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.middle-title[data-v-12aefd74] {
  font-size: 22px;
  color: #333;
  font-weight: 700;
  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;
}
.middle-title img[data-v-12aefd74]:hover {
  cursor: pointer;
}
.middle-item[data-v-12aefd74] {
  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;
  margin-top: 25px;
}
.middle-item .label[data-v-12aefd74] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}
.middle-item .label-value[data-v-12aefd74] {
  color: #333;
  font-size: 16px;
  font-weight: 400;
}
.middle-item .label-value1[data-v-12aefd74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.middle-item .label-value1 img[data-v-12aefd74]:hover {
  cursor: pointer;
}
.actions[data-v-12aefd74] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 15px;
}
.actions-item[data-v-12aefd74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 25px;
  gap: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #DDD;
  margin-bottom: 10px;
}
.actions-item[data-v-12aefd74]:hover {
  border-color: #AE0F0A;
  cursor: pointer;
}
.actions-item .item-text[data-v-12aefd74] {
  color: #333;
  font-size: 16px;
  font-weight: 400;
}
.item-active[data-v-12aefd74] {
  border-color: #AE0F0A;
  cursor: pointer;
}
.delete-btn[data-v-12aefd74] {
  border-radius: 10px;
  background: #AE0F0A;
  padding: 15px 0;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 30px);
  cursor: pointer;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/selfLeft.vue?vue&type=style&index=0&id=57ed808e&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.left-1[data-v-57ed808e] {
  width: 250px;
  padding: 20px 15px;
  border-radius: 15px;
  background: #F0F0F0;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.left-1 .map-detail[data-v-57ed808e] {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.left-1 .map-detail-item[data-v-57ed808e] {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDD;
}
.left-1 .map-detail-item .item-title[data-v-57ed808e] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px;
  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;
}
.left-1 .map-detail-item .item-title img[data-v-57ed808e] {
  cursor: pointer;
}
.left-1 .map-detail-item .item-content[data-v-57ed808e] {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 10px;
}
.left-1 .map-detail-item .item-content[data-v-57ed808e]:hover {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.left-1 .map-detail-item .item-active[data-v-57ed808e] {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.img-con[data-v-57ed808e] {
  background: #000000;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.map-img[data-v-57ed808e] {
  width: 80%;
  height: 80%;
  margin: auto;
  border-radius: 5px;
}
.tip-con[data-v-57ed808e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tip-con img[data-v-57ed808e] {
  margin-left: 4px;
}
.tip-icon-con[data-v-57ed808e] {
  position: relative;
}
.tip-content[data-v-57ed808e] {
  width: 280px;
  height: 65px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  z-index: 9999;
  left: -10px;
  top: -80px;
}
.tips-tooltip[data-v-57ed808e] {
  max-width: 280px;
  font-size: 16px;
}
.tips-tooltip div[data-v-57ed808e] {
  white-space: pre-line;
  word-break: break-word;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/addNoGoZoneMask.vue?vue&type=style&index=0&id=3912d204&lang=less&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-3912d204] {
  position: absolute;
  border-radius: 15px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.edit-zone[data-v-3912d204] {
  width: 218px;
  height: 218px;
  border: 2px solid #AE0F0A;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
}
.point[data-v-3912d204] {
  width: 14px;
  height: 14px;
  background: #AE0F0A;
  border-radius: 14px;
  border: 3px solid #fff;
}
.top-left[data-v-3912d204] {
  position: absolute;
  left: -10px;
  top: -10px;
}
.top-right[data-v-3912d204] {
  position: absolute;
  right: -10px;
  top: -10px;
}
.bottom-left[data-v-3912d204] {
  position: absolute;
  left: -10px;
  bottom: -10px;
}
.bottom-right[data-v-3912d204] {
  position: absolute;
  right: -10px;
  bottom: -10px;
}
.point-drag[data-v-3912d204] {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 14px;
  border: 3px solid #fff;
  color: #AE0F0A;
  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;
  font-weight: 700;
}
.drag-top[data-v-3912d204] {
  position: absolute;
  left: 50%;
  top: -10px;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
.drag-right[data-v-3912d204] {
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -10px);
          transform: translate(-10px, -10px);
}
.drag-bottom[data-v-3912d204] {
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-10px, -10px);
          transform: translate(-10px, -10px);
}
.drag-left[data-v-3912d204] {
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.action-btn[data-v-3912d204] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 0 15px 15px;
  background: #25272A;
  padding: 15px 0;
  gap: 10px;
  pointer-events: auto;
}
.action-btn .btn[data-v-3912d204] {
  width: 247px;
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  border: 1px solid #AE0F0A;
  background: #FFF;
  font-size: 18px;
  text-align: center;
  color: #AE0F0A;
}
.action-btn .btn[data-v-3912d204]:hover {
  cursor: pointer;
}
.action-btn .btn-done[data-v-3912d204] {
  background: #AE0F0A;
  color: #FFFFFF;
}
.back-btn[data-v-3912d204] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 15px 15px 0 0 ;
  background: #25272A;
  height: 40px;
  color: #FFFFFF;
  pointer-events: auto;
}
.back-btn .back-icon[data-v-3912d204] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.back-btn .back-icon img[data-v-3912d204] {
  position: absolute;
  left: 20px;
  top: 8px;
}
.back-btn .back-icon img[data-v-3912d204]:hover {
  cursor: pointer;
}
.rotate-img[data-v-3912d204] {
  position: absolute;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
}
.rotate-img[data-v-3912d204]:hover {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rotate-img img[data-v-3912d204] {
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.reset-btn[data-v-3912d204] {
  opacity: 0.5;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/deleteSafetyModal.vue?vue&type=style&index=0&id=7c58d732&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-7c58d732] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  z-index: 10;
}
.wrapper[data-v-7c58d732] {
  width: 600px;
  border-radius: 15px;
  background: #FFFFFF;
}
.title[data-v-7c58d732] {
  height: 60px;
  background: #AE0F0A;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  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;
  padding: 0 30px;
  font-weight: 500;
}
.title img[data-v-7c58d732]:hover {
  cursor: pointer;
}
.content[data-v-7c58d732] {
  padding: 30px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  color: #333333;
}
.btn-con[data-v-7c58d732] {
  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;
  gap: 15px;
  margin-bottom: 30px;
}
.btn-con button[data-v-7c58d732]:nth-of-type(1) {
  height: 45px;
  line-height: 45px;
  min-width: 120px;
  border-radius: 10px;
  text-align: center;
}
.btn-con button[data-v-7c58d732]:nth-of-type(2) {
  background: #AE0F0A;
  color: #FFFFFF;
  height: 45px;
  line-height: 45px;
  min-width: 120px;
  border-radius: 10px;
  text-align: center;
}
.modal-enter-active[data-v-7c58d732],
.modal-leave-active[data-v-7c58d732] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.modal-enter[data-v-7c58d732],
.modal-leave-to[data-v-7c58d732] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.modal-enter-to[data-v-7c58d732],
.modal-leave[data-v-7c58d732] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/addSafetyBoundary.vue?vue&type=style&index=0&id=3b2fe07f&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-btn[data-v-3b2fe07f] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 0 15px 15px;
  background: #25272A;
  padding: 15px 0;
  gap: 10px;
  pointer-events: auto;
}
.action-btn .btn[data-v-3b2fe07f] {
  width: 247px;
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  border: 1px solid #AE0F0A;
  background: #FFF;
  font-size: 18px;
  text-align: center;
  color: #AE0F0A;
}
.action-btn .btn[data-v-3b2fe07f]:hover {
  cursor: pointer;
}
.action-btn .btn-done[data-v-3b2fe07f] {
  background: #AE0F0A;
  color: #FFFFFF;
}
.action-disable[data-v-3b2fe07f] {
  opacity: 0.5;
}
.back-btn[data-v-3b2fe07f] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 15px 15px 0 0 ;
  background: #25272A;
  height: 40px;
  color: #FFFFFF;
  pointer-events: auto;
}
.back-btn .back-icon[data-v-3b2fe07f] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.back-btn .back-icon img[data-v-3b2fe07f] {
  position: absolute;
  left: 20px;
  top: 8px;
}
.back-btn .back-icon img[data-v-3b2fe07f]:hover {
  cursor: pointer;
}
.tips[data-v-3b2fe07f] {
  position: absolute;
  top: 56px;
  left: 50%;
  right: 0;
  color: #fff;
  background: rgba(58, 58, 58);
  line-height: 24px;
  padding: 16px 0;
  width: 498px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 15px;
  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;
  white-space: pre-line;
}
.checkBox-con[data-v-3b2fe07f] {
  width: 144px;
  color: #fff;
  border-radius: 10px;
  background: rgba(58, 58, 58);
  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;
  padding: 12px;
  gap: 10px;
}
.reverse-con[data-v-3b2fe07f] {
  width: 100px;
  color: #fff;
  border-radius: 10px;
  background: rgba(58, 58, 58);
  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;
  padding: 12px;
  gap: 10px;
}
.action-container[data-v-3b2fe07f] {
  position: absolute;
  bottom: 120px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
}
.checkbox-disable[data-v-3b2fe07f] {
  opacity: 0.5;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/addSafetyModal.vue?vue&type=style&index=0&id=30e66528&lang=less&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-30e66528] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  z-index: 1;
}
.wrapper[data-v-30e66528] {
  width: 600px;
  border-radius: 15px;
  background: #FFFFFF;
}
.title[data-v-30e66528] {
  height: 60px;
  background: #AE0F0A;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  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;
  padding: 0 30px;
  font-weight: 500;
}
.title img[data-v-30e66528]:hover {
  cursor: pointer;
}
.content[data-v-30e66528] {
  padding: 26px 30px;
}
.sub-title[data-v-30e66528] {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.sub-content[data-v-30e66528] {
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}
.img-con[data-v-30e66528] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 26px;
  position: relative;
}
.img-con img[data-v-30e66528] {
  border-radius: 15px;
}
.safe51[data-v-30e66528] {
  position: absolute;
  left: 180px;
  top: 80px;
}
.safe52[data-v-30e66528] {
  position: absolute;
  right: 50px;
  top: 30px;
}
.safe53[data-v-30e66528] {
  position: absolute;
  left: 180px;
  top: 45px;
}
.safe54[data-v-30e66528] {
  position: absolute;
  right: 50px;
  top: 50px;
}
.btn-con[data-v-30e66528] {
  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;
  gap: 15px;
}
.btn-con div[data-v-30e66528]:nth-of-type(1) {
  background: #e7e7e7;
  height: 45px;
  line-height: 45px;
  width: 146px;
  border-radius: 10px;
  text-align: center;
}
.btn-con div[data-v-30e66528]:nth-of-type(1):hover {
  cursor: pointer;
}
.btn-con div[data-v-30e66528]:nth-of-type(2) {
  background: #AE0F0A;
  color: #FFFFFF;
  height: 45px;
  line-height: 45px;
  width: 120px;
  border-radius: 10px;
  text-align: center;
}
.btn-con div[data-v-30e66528]:nth-of-type(2):hover {
  cursor: pointer;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/addDivide.vue?vue&type=style&index=0&id=5ab2e85c&lang=less&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-btn[data-v-5ab2e85c] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 0 15px 15px;
  background: #25272A;
  padding: 15px 0;
  gap: 10px;
  pointer-events: auto;
}
.action-btn .btn[data-v-5ab2e85c] {
  width: 247px;
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  border: 1px solid #AE0F0A;
  background: #FFF;
  font-size: 18px;
  text-align: center;
  color: #AE0F0A;
}
.action-btn .btn[data-v-5ab2e85c]:hover {
  cursor: pointer;
}
.action-btn .btn-done[data-v-5ab2e85c] {
  background: #AE0F0A;
  color: #FFFFFF;
}
.back-btn[data-v-5ab2e85c] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 15px 15px 0 0 ;
  background: #25272A;
  height: 40px;
  color: #FFFFFF;
  pointer-events: auto;
}
.back-btn .back-icon[data-v-5ab2e85c] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.back-btn .back-icon img[data-v-5ab2e85c] {
  position: absolute;
  left: 20px;
  top: 8px;
}
.back-btn .back-icon img[data-v-5ab2e85c]:hover {
  cursor: pointer;
}
.tips[data-v-5ab2e85c] {
  position: absolute;
  top: 56px;
  left: 50%;
  right: 0;
  color: #fff;
  background: rgba(58, 58, 58);
  height: 54px;
  width: 498px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 15px;
  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;
}
.errMsg[data-v-5ab2e85c] {
  position: absolute;
  top: 56px;
  left: 50%;
  right: 0;
  color: #333;
  background: #ffffff;
  height: 54px;
  width: 498px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 15px;
  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;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/addMerge.vue?vue&type=style&index=0&id=bc8910b6&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-btn[data-v-bc8910b6] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 0 15px 15px;
  background: #25272A;
  padding: 15px 0;
  gap: 10px;
  pointer-events: auto;
}
.action-btn .btn[data-v-bc8910b6] {
  width: 247px;
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  border: 1px solid #AE0F0A;
  background: #FFF;
  font-size: 18px;
  text-align: center;
  color: #AE0F0A;
}
.action-btn .btn[data-v-bc8910b6]:hover {
  cursor: pointer;
}
.action-btn .btn-done[data-v-bc8910b6] {
  background: #AE0F0A;
  color: #FFFFFF;
}
.action-btn-disabled[data-v-bc8910b6] {
  opacity: 0.6;
}
.back-btn[data-v-bc8910b6] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-radius: 15px 15px 0 0 ;
  background: #25272A;
  height: 40px;
  color: #FFFFFF;
  pointer-events: auto;
}
.back-btn .back-icon[data-v-bc8910b6] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.back-btn .back-icon img[data-v-bc8910b6] {
  position: absolute;
  left: 20px;
  top: 8px;
}
.back-btn .back-icon img[data-v-bc8910b6]:hover {
  cursor: pointer;
}
.tips[data-v-bc8910b6] {
  position: absolute;
  top: 56px;
  left: 50%;
  right: 0;
  color: #fff;
  background: rgba(58, 58, 58);
  height: 54px;
  width: 498px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 15px;
  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;
}
.checkBox-con[data-v-bc8910b6] {
  position: absolute;
  bottom: 96px;
  width: 144px;
  left: 50%;
  right: 0;
  color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 10px;
  background: rgba(58, 58, 58);
  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;
  padding: 12px;
  gap: 10px;
}
.errMsg[data-v-bc8910b6] {
  position: absolute;
  top: 56px;
  left: 50%;
  right: 0;
  color: #333;
  background: #ffffff;
  height: 54px;
  width: 298px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 15px;
  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;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/unsavedModal.vue?vue&type=style&index=0&id=cea68766&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-cea68766] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  z-index: 9999;
}
.wrapper[data-v-cea68766] {
  width: 600px;
  border-radius: 15px;
  background: #fff;
}
.title[data-v-cea68766] {
  height: 60px;
  background: #AE0F0A;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  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;
  padding: 0 30px;
}
.title img[data-v-cea68766] {
  cursor: pointer;
}
.content[data-v-cea68766] {
  padding: 26px 30px;
  text-align: center;
}
.unsave-title[data-v-cea68766] {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.unsave-content[data-v-cea68766] {
  font-size: 18px;
  line-height: 1.5;
}
.btn-con[data-v-cea68766] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
}
.btn-con button[data-v-cea68766]:nth-of-type(1) {
  width: 146px;
  height: 45px;
  border-radius: 10px;
}
.btn-con button[data-v-cea68766]:nth-of-type(2) {
  width: 120px;
  height: 45px;
  border-radius: 10px;
  background: #AE0F0A;
  color: #fff;
}
.modal-enter-active[data-v-cea68766],
.modal-leave-active[data-v-cea68766] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.modal-enter[data-v-cea68766],
.modal-leave-to[data-v-cea68766] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.modal-enter-to[data-v-cea68766],
.modal-leave[data-v-cea68766] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/components/satelliteMap.vue?vue&type=style&index=0&id=333855af&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container[data-v-333855af] {
  width: 60px;
  height: 60px;
  border: 3px solid #FFFFFF;
  border-radius: 15px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.img-con[data-v-333855af] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.down-con[data-v-333855af] {
  width: 33px;
  height: 33px;
  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: #FFFFFF;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
}
.down-con img[data-v-333855af] {
  width: 22px;
}
.up-con[data-v-333855af] {
  width: 33px;
  height: 33px;
  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: #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 1px;
  cursor: pointer;
}
.up-con img[data-v-333855af] {
  width: 22px;
}
.location-con[data-v-333855af] {
  width: 33px;
  height: 33px;
  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: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
.location-con img[data-v-333855af] {
  width: 22px;
}
.up-bottom[data-v-333855af] {
  bottom: 80px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/index.vue?vue&type=style&index=0&id=5189b747&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.map-root[data-v-5189b747] {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
.map-root .map-wrapper[data-v-5189b747] {
  position: relative;
  height: 100%;
  width: calc(100% - 527px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.map-root .map-edit-container[data-v-5189b747] {
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.map-root .map-edit-container img[data-v-5189b747] {
  max-width: none;
}
.map-root .zoom-controls[data-v-5189b747] {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
}
.map-root .zoom-controls .btn[data-v-5189b747] {
  width: 33px;
  height: 33px;
  border: none;
  margin: 0;
  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;
}
.map-root .zoom-controls .btn[data-v-5189b747]:first-child {
  border-radius: 8px 0 0 8px;
}
.map-root .zoom-controls .btn[data-v-5189b747]:last-child {
  border-radius: 0 8px 8px 0;
}
.left-1[data-v-5189b747] {
  width: 250px;
  padding: 20px 15px;
  border-radius: 15px;
  background: #F0F0F0;
  overflow: auto;
}
.left-1 .map-detail[data-v-5189b747] {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.left-1 .map-detail-item[data-v-5189b747] {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDD;
}
.left-1 .map-detail-item .item-title[data-v-5189b747] {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px;
}
.left-1 .map-detail-item .item-content[data-v-5189b747] {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 10px;
}
.left-1 .map-detail-item .item-content[data-v-5189b747]:hover {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.map-img[data-v-5189b747] {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.left-2[data-v-5189b747] {
  width: 277px;
  padding: 20px 15px;
  border-radius: 15px;
  background: #F0F0F0;
  overflow: auto;
}
[data-v-5189b747] .gm-style .gm-style-cc {
  display: none;
}
[data-v-5189b747] .gm-style a[target='_blank'] {
  display: none !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EditableMapSelf/index.vue?vue&type=style&index=1&id=5189b747&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.marker-delete-btn {
  position: absolute;
  cursor: pointer;
  z-index: 9999;
}
.marker-delete-btn img {
  //width: 100%;
  //height: 100%;
}
.delete-img-con {
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 9px;
  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;
  position: relative;
}
.delete-arrow-map {
  position: absolute;
  bottom: -6px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/Assign.vue?vue&type=style&index=0&id=1fce9078&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.assign-select[data-v-1fce9078] {
  width: 100%;
}
.assign-select[data-v-1fce9078] * .el-select__tags .el-tag:nth-child(1) .el-tag__close {
  display: none;
}
.assign-select[data-v-1fce9078] * .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #ffffff;
  border-color: #DDDDDD;
  cursor: pointer;
}
.assign-select[data-v-1fce9078] * .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}
.assign-select[data-v-1fce9078] * .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #ffffff;
}
.assign-select[data-v-1fce9078] * .el-select-dropdown__item.selected {
  font-weight: normal;
}
.assign-select[data-v-1fce9078] * .default-crews-checkout .el-checkbox__input.is-checked .el-checkbox__inner {
  cursor: not-allowed;
  background-color: #EEEEEE;
  border-color: #DDDDDD;
}
.assign-select[data-v-1fce9078] * .default-crews-checkout .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #BDBDBD;
}
.assign-select .default-crews-option[data-v-1fce9078] {
  color: #333333;
}
.assign-select .option-label[data-v-1fce9078] {
  margin-left: 13px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Customer.vue?vue&type=style&index=0&id=20078ba8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-crew-dialog .search-container[data-v-20078ba8] {
  position: relative;
}
.add-crew-dialog .search-container .search-content[data-v-20078ba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-crew-dialog .search-container .search-content .search-key[data-v-20078ba8] * input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.add-crew-dialog .search-container .search-content .search-btn[data-v-20078ba8] {
  width: 120px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] {
  max-height: 500px;
  overflow-y: auto;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] * .el-radio-group {
  display: block;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] * .el-radio-group label {
  display: block;
  margin-bottom: 25px;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] * .el-radio-group label .el-radio__label {
  padding-left: 21px;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] * .el-radio-group label .el-radio__input.is-checked + .el-radio__label {
  color: #333333;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] * .el-radio-group label .el-radio__input.is-checked .el-radio__inner {
  background: #ffffff;
}
.add-crew-dialog .customer-details-content[data-v-20078ba8] * .el-radio-group label .el-radio__input.is-checked .el-radio__inner:after {
  background-color: #AE0F0A;
}
.add-crew-dialog .customer-details-content .list-loading[data-v-20078ba8] {
  margin-top: 40px;
  text-align: center;
  overflow: hidden;
}
.add-crew-dialog .customer-details-content .customer-details-list[data-v-20078ba8] {
  padding: 25px 0;
  border-bottom: 1px solid #DDDDDD;
}
.add-crew-dialog .customer-details-content .customer-details-list .property-title[data-v-20078ba8] * .el-radio {
  margin-right: 12px;
}
.add-crew-dialog .customer-details-content .customer-details-list .property-title[data-v-20078ba8] * .el-radio .el-radio__label {
  padding-left: 15px;
}
.add-crew-dialog .customer-details-content .customer-details-list .property-title .recommend[data-v-20078ba8] {
  font-size: 14px;
  color: #AE0F0A;
  background-color: #f7e6e6;
  padding: 2px 10px;
  border-radius: 10px;
}
.add-crew-dialog .customer-details-content .customer-details-list .distance-name[data-v-20078ba8] {
  color: #999999;
  margin-top: 15px;
  margin-left: 35px;
}
.add-crew-dialog .customer-details-content .customer-details-list .distance-name .distance[data-v-20078ba8] {
  position: relative;
  margin-right: 20px;
}
.add-crew-dialog .customer-details-content .customer-details-list .distance-name .distance[data-v-20078ba8]:after {
  position: absolute;
  top: 3px;
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #CCCCCC;
  margin: 0 10px;
}
.add-crew-dialog .customer-details-content-nodata[data-v-20078ba8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  color: #999999;
  overflow: hidden;
}
.add-crew-dialog .customer-details-content-nodata-img[data-v-20078ba8] {
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}
.add-crew-dialog[data-v-20078ba8] * .el-dialog__footer {
  text-align: center;
}
.add-crew-dialog[data-v-20078ba8] * .el-dialog__footer .dialog-footer .el-button + .el-button {
  margin-left: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/totalArea.vue?vue&type=style&index=0&id=3613774c&lang=less&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.map-area[data-v-3613774c] {
  margin: 8px 0 15px 0;
  color: #999999;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/customers/components/Details.vue?vue&type=style&index=0&id=34f197bd&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.details-container .title-container[data-v-34f197bd] {
  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;
  margin-bottom: 14px;
}
.details-container .details-content .title[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  color: #333333;
  margin-bottom: 25px;
}
.details-container .details-content .title[data-v-34f197bd]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0;
  content: " ";
}
.details-container .details-content .title span[data-v-34f197bd] {
  margin-left: 10px;
}
.details-container .details-content .customer-info .base-info[data-v-34f197bd] {
  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;
}
.details-container .details-content .customer-info .match-customer-container[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
.details-container .details-content .customer-info .match-customer-container .match-customer[data-v-34f197bd] {
  width: 600px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px dashed #AE0F0A;
  color: #AE0F0A;
  cursor: pointer;
}
.details-container .details-content .property-container[data-v-34f197bd] {
  margin: 80px 0;
}
.details-container .details-content .property-container .edit-btn-icon[data-v-34f197bd] {
  cursor: pointer;
  margin-left: 15px;
}
.details-container .details-content .property-container .address-info[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.details-container .details-content .property-container .address-info .address-info-item[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.details-container .details-content .property-container .address-info .info-item[data-v-34f197bd] {
  margin-bottom: 25px;
}
.details-container .details-content .property-container .map-title[data-v-34f197bd] {
  margin: 60px 0 15px;
  font-size: 20px;
  font-weight: bold;
  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;
}
.details-container .details-content .property-container .map-title .del-icon[data-v-34f197bd] {
  font-size: 22px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.details-container .details-content .property-container .map-container-left[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.details-container .details-content .property-container .map-container-left .map-content[data-v-34f197bd] {
  width: 100%;
  background: #212121;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.details-container .details-content .property-container .map-container-left .map-content .select-all[data-v-34f197bd] {
  z-index: 1;
  position: absolute;
  top: 16px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #AE0F0A;
  padding: 7px 15px;
  background: #FFFFFF;
  border-radius: 10px;
}
.details-container .details-content .property-container .map-container-left .map-content .estimated-cutting-time[data-v-34f197bd] {
  z-index: 1;
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #999999;
}
.details-container .details-content .property-container .map-container-right[data-v-34f197bd] {
  width: 537px;
  background: #F0F0F0;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.details-container .details-content .property-container .map-container-right[data-v-34f197bd] .el-radio__input + .el-radio__label {
  font-weight: 400;
}
.details-container .details-content .property-container .map-container-right .settings-panel[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.details-container .details-content .property-container .map-container-right .settings-scroll[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.details-container .details-content .property-container .map-container-right .settings-save-bar[data-v-34f197bd] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 20px 20px 20px;
  background: #F0F0F0;
}
.details-container .details-content .property-container .map-container-right .settings-save-bar .save-btn[data-v-34f197bd] {
  width: 100%;
}
.details-container .details-content .property-container .map-container-right .settings-container-title[data-v-34f197bd] {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}
.details-container .details-content .property-container .map-container-right .settings[data-v-34f197bd] {
  padding: 20px;
}
.details-container .details-content .property-container .map-container-right .settings .no-select-zone[data-v-34f197bd] {
  color: #999999;
  padding: 16px 0;
  text-align: center;
}
.details-container .details-content .property-container .map-container-right .settings .split-line[data-v-34f197bd] {
  height: 1px;
  background-color: #DDDDDD;
  margin: 40px 0;
}
.details-container .details-content .property-container .map-container-right .settings-title[data-v-34f197bd] {
  font-weight: bold;
  font-size: 18px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height[data-v-34f197bd] {
  margin-bottom: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content[data-v-34f197bd] {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .slider[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 5px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .slider .slider-text-container[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .slider[data-v-34f197bd] .el-slider__runway {
  height: 10px;
  margin: 10px 0;
  border-radius: 50px;
  background-color: #DDDDDD;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .slider[data-v-34f197bd] .el-slider__runway .el-slider__bar {
  height: 10px;
  border-radius: 50px;
  background-color: #ae0f0a;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .slider[data-v-34f197bd] .el-slider__runway .el-slider__button-wrapper {
  width: 40px;
  height: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .input-container[data-v-34f197bd] {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .input-container .height-level-text[data-v-34f197bd] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  background-color: #EEEEEE;
  border-radius: 10px 0 0 10px;
  border: 1px solid #DDDDDD;
  border-right: 0;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .input-container .input-select[data-v-34f197bd] {
  width: 87px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-height .cutting-height-content .input-container .input-select[data-v-34f197bd] .el-select__wrapper {
  border-color: #DDDDDD;
  border-radius: 0 10px 10px 0;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times[data-v-34f197bd] {
  margin-bottom: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content[data-v-34f197bd] {
  margin-top: 15px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container[data-v-34f197bd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container .pattern-item[data-v-34f197bd] {
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 14px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 10px;
  cursor: pointer;
  background: #FFFFFF;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container .pattern-item.active[data-v-34f197bd] {
  border-color: #AE0F0A;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container .pattern-item-icon[data-v-34f197bd] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container .pattern-item-text[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container .pattern-item-text .name[data-v-34f197bd] {
  margin-bottom: 5px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern-container .pattern-item-text .times[data-v-34f197bd] {
  color: #999999;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .first-cutting-height[data-v-34f197bd] {
  margin-top: 20px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .first-cutting-height .default[data-v-34f197bd] {
  margin: 15px 0 14px 0;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .first-cutting-height .content[data-v-34f197bd] {
  margin-left: 30px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .first-cutting-height .content .tip[data-v-34f197bd] {
  color: #999999;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .first-cutting-height .content .height-select[data-v-34f197bd] {
  width: 100%;
  margin: 6px 0 10px 0;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .custom-direction[data-v-34f197bd] {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .custom-direction .left-content[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .custom-direction .left-content .info-icon[data-v-34f197bd] {
  font-size: 20px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .custom-direction .right-content[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .custom-direction .right-content .angle[data-v-34f197bd] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  border-radius: 10px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .angle-slider[data-v-34f197bd] {
  position: relative;
  margin-top: 10px;
  padding-top: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .angle-slider .min-angle[data-v-34f197bd] {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .angle-slider .max-angle[data-v-34f197bd] {
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .angle-slider[data-v-34f197bd] .el-slider__runway {
  height: 10px;
  margin: 10px 0;
  border-radius: 50px;
  background-color: #DDDDDD;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .angle-slider[data-v-34f197bd] .el-slider__runway .el-slider__bar {
  height: 10px;
  border-radius: 50px;
  background-color: #ae0f0a;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .angle-slider[data-v-34f197bd] .el-slider__runway .el-slider__button-wrapper {
  width: 40px;
  height: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .pattern-and-times .pattern-and-times-content .pattern[data-v-34f197bd] {
  margin-left: 10px;
  padding: 5px 10px;
  background: #E7E7E7;
  border-radius: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .overlap[data-v-34f197bd] {
  margin-bottom: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .overlap .overlap-content[data-v-34f197bd] {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 15px;
}
.details-container .details-content .property-container .map-container-right .settings .overlap .overlap-content .recommend[data-v-34f197bd] {
  margin-left: 10px;
  font-size: 14px;
  color: #AE0F0A;
  background-color: #f7e6e6;
  padding: 2px 10px;
  border-radius: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .obstacle-handling .obstacle-handling-content[data-v-34f197bd] {
  margin-top: 15px;
  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;
}
.details-container .details-content .property-container .map-container-right .settings .obstacle-handling .obstacle-handling-content .obstacle-handling-content-item[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.details-container .details-content .property-container .map-container-right .settings .obstacle-handling .obstacle-handling-content .obstacle-handling-content-item .obstacle-info-icon[data-v-34f197bd] {
  margin-left: 6px;
  font-size: 20px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode[data-v-34f197bd] {
  margin-bottom: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content[data-v-34f197bd] {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content-item .img-container[data-v-34f197bd] {
  position: relative;
  margin-bottom: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content-item .img-container .img[data-v-34f197bd] {
  width: 159px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content-item .img-container .active[data-v-34f197bd] {
  border: 2px solid #ae0f0a;
  border-radius: 12px;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content-item .img-container .select-icon[data-v-34f197bd] {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 24px;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content-item .name[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.details-container .details-content .property-container .map-container-right .settings .transit-mode .transit-mode-content-item .name .icon[data-v-34f197bd] {
  font-size: 20px;
  margin-left: 5px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order[data-v-34f197bd] {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-header[data-v-34f197bd] {
  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;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-toggle-icon[data-v-34f197bd] {
  font-size: 20px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .order-title[data-v-34f197bd] {
  font-weight: 500;
  margin: 15px 0 10px 0;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .custom-empty-container[data-v-34f197bd] {
  position: absolute;
  left: 0;
  right: 0;
  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;
  padding: 13px 0;
  border: 1px dashed #999999;
  border-radius: 10px;
  color: #999999;
  font-style: italic;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content[data-v-34f197bd] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .order-item[data-v-34f197bd] {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  background: #FFFFFF;
  cursor: move;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .order-item-sort[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25px;
  height: 25px;
  background: #AE0F0A;
  border-radius: 5px;
  color: #FFFFFF;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .order-item-text[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .order-item-icon[data-v-34f197bd] {
  font-size: 20px;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content[data-v-34f197bd] {
  /* 拖拽中 */
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .dragging[data-v-34f197bd] {
  border: 1px solid #999999;
  -webkit-box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
  opacity: 1 !important;
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content[data-v-34f197bd] {
  /* 拖拽占位 */
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .ghost[data-v-34f197bd] {
  background: #ead9d9;
  border: 1px dashed #AE0F0A;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .ghost .order-item-sort[data-v-34f197bd], .details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .ghost .order-item-text[data-v-34f197bd], .details-container .details-content .property-container .map-container-right .settings .cutting-order .cutting-order-content .ghost .order-item-icon[data-v-34f197bd] {
  display: none;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection[data-v-34f197bd] {
  margin-top: 40px;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-header[data-v-34f197bd] {
  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;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-toggle-icon[data-v-34f197bd] {
  font-size: 20px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-title[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-title .info-icon[data-v-34f197bd] {
  font-size: 20px;
  cursor: pointer;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-protection-body[data-v-34f197bd] {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-protection-body .single-flower-protection-item[data-v-34f197bd] {
  height: 45px;
  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;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  background: #FFFFFF;
}
.details-container .details-content .property-container .map-container-right .settings .single-flower-protection .single-flower-protection-body .single-flower-protection-item-text[data-v-34f197bd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.details-container .details-content .property-container .no-map-container .no-map-content[data-v-34f197bd] {
  width: 100%;
  height: 450px;
  background: #212121;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.details-container .details-content .property-container .no-map-container .no-map-content .no-map-icon[data-v-34f197bd] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
}
.details-container .details-content .property-container .no-map-container .no-map-content .no-map-icon .icon[data-v-34f197bd] {
  font-size: 100px;
  margin-bottom: 15px;
}
.type-change[data-v-34f197bd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.type-change .common-style[data-v-34f197bd] {
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  width: 120px;
  cursor: pointer;
}
.type-change .common-style[data-v-34f197bd]:hover {
  border-radius: 10px;
  background: rgba(231, 231, 231, 0.6);
}
.type-change .type-active[data-v-34f197bd] {
  border-radius: 10px;
  background: rgba(231, 231, 231, 0.6);
}
.edit-icon[data-v-34f197bd] {
  margin-right: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/orders/index.vue?vue&type=style&index=0&id=1b8caa42&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-container .page-title[data-v-1b8caa42] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.order-container .page-title[data-v-1b8caa42]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.order-container .page-title span[data-v-1b8caa42] {
  margin-left: 10px;
}
.order-container .order-content .table-search[data-v-1b8caa42] {
  padding: 0 0 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-container .order-content .table-search .status[data-v-1b8caa42], .order-container .order-content .table-search .data-packer[data-v-1b8caa42] {
  width: 295px;
  margin-right: 15px;
}
.order-container .order-content .table-search .search-key[data-v-1b8caa42] {
  width: 390px;
  margin-right: 20px;
}
.order-container .order-content .table-search .search-btn[data-v-1b8caa42] *.el-button + .el-button {
  margin-left: 15px;
}
.order-container .order-content .btns[data-v-1b8caa42] {
  text-align: right;
}
.order-container .order-content .btns .batch-add-btn[data-v-1b8caa42], .order-container .order-content .btns .download-btn[data-v-1b8caa42] {
  width: 44px;
  height: 44px;
  padding: 0;
}
.order-container .order-content .btns .el-button + .el-button[data-v-1b8caa42] {
  margin-left: 15px;
}
.order-container .order-content .customer-list[data-v-1b8caa42] {
  padding: 25px 0 25px;
}
.order-container .order-content .customer-list .edit-btn-icon[data-v-1b8caa42] {
  cursor: pointer;
}
.order-container .batch-operation[data-v-1b8caa42] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #AE0F0A;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.order-container .batch-operation .batch-content[data-v-1b8caa42] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.order-container .batch-operation .batch-content .select-count[data-v-1b8caa42] {
  padding-left: 17px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/orders/components/Customer.vue?vue&type=style&index=0&id=2b8337c7&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-crew-dialog .search-container[data-v-2b8337c7] {
  position: relative;
}
.add-crew-dialog .search-container .search-content[data-v-2b8337c7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.add-crew-dialog .search-container .search-content .search-key[data-v-2b8337c7] * input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.add-crew-dialog .search-container .search-content .search-btn[data-v-2b8337c7] {
  width: 120px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.add-crew-dialog .search-container .search-list[data-v-2b8337c7] {
  width: 730px;
  height: 126px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  position: absolute;
  z-index: 9990;
  top: 50px;
  left: 0;
  overflow: hidden;
}
.add-crew-dialog .search-container .search-list[data-v-2b8337c7] * .el-loading-spinner {
  font-size: 25px;
}
.add-crew-dialog .search-container .search-list[data-v-2b8337c7] * .el-main {
  padding: 0;
}
.add-crew-dialog .search-container .search-list ul[data-v-2b8337c7] {
  height: 100%;
  overflow: auto;
}
.add-crew-dialog .search-container .search-list ul .no-data[data-v-2b8337c7] {
  height: 120px;
  line-height: 120px;
  text-align: center;
}
.add-crew-dialog .search-container .search-list ul li[data-v-2b8337c7] {
  height: 40px;
  line-height: 40px;
  padding: 0 19px;
}
.add-crew-dialog .search-container .search-list ul li[data-v-2b8337c7]:hover {
  background: #EEEEEE;
}
.add-crew-dialog .search-container .list-loading[data-v-2b8337c7] {
  width: 730px;
  height: 126px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  position: absolute;
  z-index: 9999;
  top: 50px;
  left: 0;
  overflow: hidden;
  text-align: center;
  font-size: 25px;
}
.add-crew-dialog .search-container .list-loading i[data-v-2b8337c7] {
  margin-top: 50px;
}
.add-crew-dialog .customer-details-content[data-v-2b8337c7] * .el-radio-group {
  display: block;
}
.add-crew-dialog .customer-details-content[data-v-2b8337c7] * .el-radio-group label {
  display: block;
  margin-bottom: 25px;
}
.add-crew-dialog .customer-details-content[data-v-2b8337c7] * .el-radio-group label .el-radio__label {
  padding-left: 21px;
}
.add-crew-dialog .customer-details-content[data-v-2b8337c7] * .el-radio-group label .el-radio__input.is-checked + .el-radio__label {
  color: #333333;
}
.add-crew-dialog .customer-details-content[data-v-2b8337c7] * .el-radio-group label .el-radio__input.is-checked .el-radio__inner {
  background: #ffffff;
}
.add-crew-dialog .customer-details-content[data-v-2b8337c7] * .el-radio-group label .el-radio__input.is-checked .el-radio__inner:after {
  background-color: #AE0F0A;
}
.add-crew-dialog .customer-details-content .customer-details-list[data-v-2b8337c7] {
  margin-top: 25px;
  border-bottom: 2px solid #DDDDDD;
}
.add-crew-dialog .customer-details-content .customer-details-list[data-v-2b8337c7]:nth-child(1) {
  margin-top: 30px;
}
.add-crew-dialog .customer-details-content .customer-details-list .property-title[data-v-2b8337c7] {
  height: 21px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 10px;
}
.add-crew-dialog .no-property[data-v-2b8337c7] {
  line-height: 25px;
  color: #AE0F0A;
}
.add-crew-dialog[data-v-2b8337c7] * .el-dialog__footer {
  text-align: center;
}
.add-crew-dialog[data-v-2b8337c7] * .el-dialog__footer .dialog-footer .el-button + .el-button {
  margin-left: 15px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/orders/components/Items.vue?vue&type=style&index=0&id=54b65fa7&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-items-dialog .search-container[data-v-54b65fa7] {
  position: relative;
}
.add-items-dialog .search-container .search-content[data-v-54b65fa7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 13px;
}
.add-items-dialog .search-container .search-content .search-key[data-v-54b65fa7] * input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.add-items-dialog .search-container .search-content .search-btn[data-v-54b65fa7] {
  width: 120px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.add-items-dialog .search-container .items-list[data-v-54b65fa7] {
  margin-top: 12px;
}
.add-items-dialog .search-container .items-list .items-details-list[data-v-54b65fa7] {
  padding-top: 25px;
}
.add-items-dialog .search-container .items-list .items-details-list .title[data-v-54b65fa7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 26px;
  font-size: 22px;
  font-weight: bold;
}
.add-items-dialog .search-container .items-list .items-details-list .title[data-v-54b65fa7]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.add-items-dialog .search-container .items-list .items-details-list .title span[data-v-54b65fa7] {
  margin-left: 10px;
}
.add-items-dialog .search-container .items-list .items-details-list .sub-container[data-v-54b65fa7] {
  margin-top: 25px;
  border-bottom: 1px solid #DDDDDD;
}
.add-items-dialog .search-container .items-list .items-details-list .sub-container .sub-title[data-v-54b65fa7] {
  line-height: 21px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.add-items-dialog .search-container .items-list .items-details-list[data-v-54b65fa7] * .el-checkbox {
  color: #333333;
  font-size: 16px;
  width: 33.3%;
  display: inline-block;
  margin: 0 0 20px 0;
}
.add-items-dialog .search-container .items-list .items-details-list[data-v-54b65fa7] * .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #333333;
}
.add-items-dialog .no-property[data-v-54b65fa7] {
  line-height: 25px;
  color: #AE0F0A;
}
.add-items-dialog[data-v-54b65fa7] * .el-dialog__footer {
  text-align: center;
  padding: 25px 30px 17px;
}
.add-items-dialog[data-v-54b65fa7] * .el-dialog__footer .dialog-footer .el-button + .el-button {
  margin-left: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/orders/components/Details.vue?vue&type=style&index=0&id=1c5f7d2e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-details-container .details-content .title[data-v-1c5f7d2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.order-details-container .details-content .title[data-v-1c5f7d2e]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.order-details-container .details-content .title span[data-v-1c5f7d2e] {
  margin-left: 10px;
}
.order-details-container .details-content .div-center[data-v-1c5f7d2e] {
  text-align: center;
}
.order-details-container .details-content .choose-btn[data-v-1c5f7d2e] {
  width: 600px;
  height: 45px;
  -webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px dashed #AE0F0A;
  color: #AE0F0A;
  margin-top: 13px;
}
.order-details-container .details-content .base-info[data-v-1c5f7d2e] {
  line-height: 40px;
}
.order-details-container .details-content .customer-info[data-v-1c5f7d2e] {
  margin-top: 40px;
}
.order-details-container .details-content .frequency-container[data-v-1c5f7d2e] {
  margin-top: 60px;
}
.order-details-container .details-content .frequency-container .frequency-type-container[data-v-1c5f7d2e] {
  margin: 16px 0 25px;
}
.order-details-container .details-content .frequency-container .frequency-type-container[data-v-1c5f7d2e] * .el-button {
  width: 120px;
  height: 45px;
  border-color: transparent;
  color: #333333;
}
.order-details-container .details-content .frequency-container .frequency-type-container[data-v-1c5f7d2e] * .el-button:hover {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
  color: #FFFFFF;
}
.order-details-container .details-content .frequency-container .frequency-type-container[data-v-1c5f7d2e] * .el-button.el-button--primary {
  color: #ffffff;
}
.order-details-container .details-content .frequency-container .frequency-type-container[data-v-1c5f7d2e] * .el-button + .el-button {
  margin-left: 50px;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options[data-v-1c5f7d2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options.no-repeat[data-v-1c5f7d2e] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options.no-repeat .frequency-details-options-center[data-v-1c5f7d2e] {
  margin-right: 175px;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options .frequency-details-options-left .frequency-num[data-v-1c5f7d2e] {
  width: 140px;
  margin-left: 10px;
  margin-right: 15px;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options .frequency-details-options-left .frequency-num[data-v-1c5f7d2e] * .el-input__inner {
  width: 140px;
  height: 45px;
  text-align: left;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options .frequency-details-options-left .frequency-unit[data-v-1c5f7d2e] {
  width: 140px;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options .frequency-details-options-center[data-v-1c5f7d2e] {
  width: 295px;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-details-options .frequency-details-options-right[data-v-1c5f7d2e] * .el-date-editor--timerange {
  width: 295px;
}
.order-details-container .details-content .frequency-container .frequency-details .frequency-notes[data-v-1c5f7d2e] * .el-textarea__inner {
  width: 100%;
  padding: 20px;
  margin-top: 25px;
  height: 140px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] {
  margin-top: 60px;
}
.order-details-container .details-content .items-container .choose-btn[data-v-1c5f7d2e] {
  margin: 25px 0;
}
.order-details-container .details-content .items-container .div-center[data-v-1c5f7d2e] {
  border: 1px solid #dddddd;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.order-details-container .details-content .items-container .item-table-num[data-v-1c5f7d2e] {
  width: 120px;
}
.order-details-container .details-content .items-container .item-table-num[data-v-1c5f7d2e] * .el-input__inner {
  text-align: left;
}
.order-details-container .details-content .items-container .item-table-num[data-v-1c5f7d2e] * .el-input__prefix {
  padding-left: 6px;
}
.order-details-container .details-content .items-container .item-table-num[data-v-1c5f7d2e] * .el-input__prefix .el-input__icon {
  font-style: normal;
  color: #333333;
}
.order-details-container .details-content .items-container .my-icon-del[data-v-1c5f7d2e] {
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: 1px;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .can-edit.el-table tbody tr:last-child td:first-child, .order-details-container .details-content .items-container[data-v-1c5f7d2e] * .can-edit.el-table tbody tr:last-child td:last-child {
  border-radius: 0;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .can-edit .el-table--medium td {
  padding: 25px 0;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .can-edit .el-table__empty-block {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .el-table th, .order-details-container .details-content .items-container[data-v-1c5f7d2e] * .el-table td {
  vertical-align: unset;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .item-name-container .cell {
  padding-right: 0;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .item-name-container .item-name-content .item-name {
  line-height: 45px;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .item-name-container .name-container {
  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;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .item-name-container .name-container .height-name {
  margin: 0 10px 0 5px;
}
.order-details-container .details-content .items-container[data-v-1c5f7d2e] * .angle-choose {
  margin-top: 18px;
}
.order-details-container .details-content .summary-container[data-v-1c5f7d2e] {
  margin-top: 50px;
  margin-bottom: 40px;
}
.order-details-container .details-content .summary-container .summary-item[data-v-1c5f7d2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}
.order-details-container .details-content .summary-container .summary-item.vertical-line[data-v-1c5f7d2e] {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #DDDDDD;
}
.order-details-container .details-content .summary-container .summary-item.summary-item-total[data-v-1c5f7d2e] {
  font-weight: bold;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre[data-v-1c5f7d2e] {
  width: 230px;
  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;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-1c5f7d2e] {
  width: 120px;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-1c5f7d2e] * .el-input__inner {
  text-align: left;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-1c5f7d2e] * .el-input__prefix {
  padding-left: 6px;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-1c5f7d2e] * .el-input__prefix .el-input__icon {
  font-style: normal;
  color: #333333;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-1c5f7d2e] * .el-input__suffix {
  padding-right: 6px;
}
.order-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-1c5f7d2e] * .el-input__suffix .el-input__icon {
  font-style: normal;
  color: #333333;
}
.order-details-container .details-content .btn-footer[data-v-1c5f7d2e] {
  text-align: center;
  margin-bottom: 140px;
}
.order-details-container .details-content .my-numinput-left-container[data-v-1c5f7d2e], .order-details-container .details-content .my-numinput-right-container[data-v-1c5f7d2e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.order-details-container .details-content .my-numinput-left-container .my-num-input[data-v-1c5f7d2e], .order-details-container .details-content .my-numinput-right-container .my-num-input[data-v-1c5f7d2e] {
  width: 100px;
  vertical-align: middle;
}
.order-details-container .details-content .my-numinput-left-container .my-num-input[data-v-1c5f7d2e] * .el-input__inner, .order-details-container .details-content .my-numinput-right-container .my-num-input[data-v-1c5f7d2e] * .el-input__inner {
  padding-left: 0;
  border-left: none;
  border-radius: 0 10px 10px 0;
  text-align: left;
}
.order-details-container .details-content .my-numinput-left-container .el-input__icon[data-v-1c5f7d2e], .order-details-container .details-content .my-numinput-right-container .el-input__icon[data-v-1c5f7d2e] {
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  width: 19px;
  height: 45px;
  line-height: 40px;
  text-align: right;
  font-style: normal;
  border: 1px solid #DDDDDD;
  border-radius: 10px 0 0 10px;
  border-right: none;
  color: #333333;
}
.order-details-container .details-content .my-numinput-right-container .my-num-input[data-v-1c5f7d2e] {
  width: 95px;
}
.order-details-container .details-content .my-numinput-right-container .my-num-input[data-v-1c5f7d2e] * .el-input__inner {
  padding-left: 10px;
  padding-right: 0;
  border-left: 1px solid #dddddd;
  border-right: none;
  border-radius: 10px 0 0 10px;
  text-align: left;
}
.order-details-container .details-content .my-numinput-right-container .el-input__icon[data-v-1c5f7d2e] {
  width: 24px;
  text-align: left;
  font-style: normal;
  border: 1px solid #DDDDDD;
  border-radius: 0 10px 10px 0;
  border-left: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/invoices/components/Invoice.vue?vue&type=style&index=0&id=2e24bc33&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.invoice-content .operator-table.el-table th.is-leaf, .invoice-content .operator-table.el-table td {
  border: none;
}
.invoice-content .operator-table.el-table thead tr th:first-child {
  border-radius: 0;
}
.invoice-content .operator-table.el-table thead tr th:nth-last-child(2) {
  border-radius: 0;
}
.invoice-content .operator-table.el-table tbody tr td:first-child {
  border-left: 0px solid #dddddd;
}
.invoice-content .operator-table.el-table tbody tr td:last-child {
  border-right: 0px solid #dddddd;
}
.invoice-content .operator-table.el-table tbody tr:last-child td:first-child {
  border-radius: 0;
}
.invoice-content .operator-table.el-table tbody tr:last-child td:last-child {
  border-radius: 0;
}
.invoice-content .operator-table.el-table tbody tr:last-child td {
  border-bottom: 0px solid #dddddd;
}
.invoice-content .operator-table.el-table tbody tr td:first-child {
  border-bottom: 0px solid #dddddd;
}
.invoice-content .operator-table .edit-btn-icon {
  cursor: pointer;
}
.invoice-content .operator-table .name-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.invoice-content .operator-table .name-container .my-cell-checkbox {
  margin-right: 15px;
}
.invoice-content .view-more {
  text-align: center;
  margin-top: 7px;
  margin-bottom: 25px;
}
.invoice-content .view-more a {
  color: #AE0F0A;
}
.invoice-content .view-more a:hover {
  text-decoration: underline;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/invoices/index.vue?vue&type=style&index=0&id=2d3f8483&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-container .page-title[data-v-2d3f8483] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.order-container .page-title[data-v-2d3f8483]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.order-container .page-title span[data-v-2d3f8483] {
  margin-left: 10px;
}
.order-container .order-content .table-search[data-v-2d3f8483] {
  padding: 0 0 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-container .order-content .table-search .status[data-v-2d3f8483], .order-container .order-content .table-search .data-packer[data-v-2d3f8483] {
  width: 295px;
  margin-right: 15px;
}
.order-container .order-content .table-search .search-key[data-v-2d3f8483] {
  width: 390px;
  margin-right: 20px;
}
.order-container .order-content .table-search .search-btn[data-v-2d3f8483] *.el-button + .el-button {
  margin-left: 15px;
}
.order-container .order-content .btns[data-v-2d3f8483] {
  text-align: right;
}
.order-container .order-content .btns .el-button + .el-button[data-v-2d3f8483] {
  margin-left: 15px;
}
.order-container .order-content .customer-list[data-v-2d3f8483] {
  padding: 25px 0 25px;
}
.order-container .order-content .customer-list .edit-btn-icon[data-v-2d3f8483] {
  cursor: pointer;
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .my-icon-expand-container {
  cursor: pointer;
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .my-icon-expand-container .my-icon-expand {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .my-icon-expand-container .my-icon-expand.has-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .name-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .self-expand-col {
  overflow: hidden;
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .el-table__expanded-cell[class*=cell] {
  padding: 0;
}
.order-container .order-content .customer-list[data-v-2d3f8483] * .el-table tbody tr:last-child td:last-child.el-table__expanded-cell {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.order-container .batch-operation[data-v-2d3f8483] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #AE0F0A;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.order-container .batch-operation .batch-content[data-v-2d3f8483] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.order-container .batch-operation .batch-content .select-count[data-v-2d3f8483] {
  padding-left: 17px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/invoices/components/Details.vue?vue&type=style&index=0&id=2f404e70&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.invoice-details-container .details-content .title[data-v-2f404e70] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.invoice-details-container .details-content .title[data-v-2f404e70]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.invoice-details-container .details-content .title span[data-v-2f404e70] {
  margin-left: 10px;
}
.invoice-details-container .details-content .div-center[data-v-2f404e70] {
  text-align: center;
}
.invoice-details-container .details-content .choose-btn[data-v-2f404e70] {
  width: 600px;
  height: 45px;
  -webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  border: 1px dashed #AE0F0A;
  color: #AE0F0A;
  margin-top: 13px;
}
.invoice-details-container .details-content .base-info[data-v-2f404e70] {
  line-height: 40px;
}
.invoice-details-container .details-content .customer-info[data-v-2f404e70] {
  margin-top: 40px;
}
.invoice-details-container .details-content .items-container[data-v-2f404e70] {
  margin-top: 60px;
}
.invoice-details-container .details-content .items-container .choose-btn[data-v-2f404e70] {
  margin: 25px 0;
}
.invoice-details-container .details-content .items-container .div-center[data-v-2f404e70] {
  border: 1px solid #dddddd;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.invoice-details-container .details-content .items-container .item-table-num[data-v-2f404e70] {
  width: 120px;
}
.invoice-details-container .details-content .items-container .item-table-num[data-v-2f404e70] * .el-input__inner {
  text-align: left;
}
.invoice-details-container .details-content .items-container .item-table-num[data-v-2f404e70] * .el-input__prefix {
  padding-left: 6px;
}
.invoice-details-container .details-content .items-container .item-table-num[data-v-2f404e70] * .el-input__prefix .el-input__icon {
  font-style: normal;
  color: #333333;
}
.invoice-details-container .details-content .items-container .my-icon-del[data-v-2f404e70] {
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: 1px;
}
.invoice-details-container .details-content .items-container[data-v-2f404e70] * .can-edit.el-table tbody tr:last-child td:first-child, .invoice-details-container .details-content .items-container[data-v-2f404e70] * .can-edit.el-table tbody tr:last-child td:last-child {
  border-radius: 0;
}
.invoice-details-container .details-content .items-container[data-v-2f404e70] * .can-edit .el-table--medium td {
  padding: 25px 0;
}
.invoice-details-container .details-content .items-container[data-v-2f404e70] * .can-edit .el-table__empty-block {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden;
}
.invoice-details-container .details-content .items-container[data-v-2f404e70] * .el-table th, .invoice-details-container .details-content .items-container[data-v-2f404e70] * .el-table td {
  vertical-align: unset;
}
.invoice-details-container .details-content .items-container[data-v-2f404e70] * .item-name-container .cell {
  padding-right: 0;
}
.invoice-details-container .details-content .summary-container[data-v-2f404e70] {
  margin-top: 50px;
  margin-bottom: 40px;
}
.invoice-details-container .details-content .summary-container .summary-item[data-v-2f404e70] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
  /*line-height: 58px;*/
}
.invoice-details-container .details-content .summary-container .summary-item.vertical-line[data-v-2f404e70] {
  padding-top: 25px;
  border-top: 1px solid #DDDDDD;
}
.invoice-details-container .details-content .summary-container .summary-item.summary-item-total[data-v-2f404e70] {
  font-weight: bold;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre[data-v-2f404e70] {
  width: 230px;
  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;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-2f404e70] {
  width: 120px;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-2f404e70] * .el-input__inner {
  text-align: left;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-2f404e70] * .el-input__prefix {
  padding-left: 6px;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-2f404e70] * .el-input__prefix .el-input__icon {
  font-style: normal;
  color: #333333;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-2f404e70] * .el-input__suffix {
  padding-right: 6px;
}
.invoice-details-container .details-content .summary-container .summary-item .summary-item-pre .item-table-num[data-v-2f404e70] * .el-input__suffix .el-input__icon {
  font-style: normal;
  color: #333333;
}
.invoice-details-container .details-content .summary-container .notes[data-v-2f404e70] {
  margin-top: 25px;
}
.invoice-details-container .details-content .summary-container .notes[data-v-2f404e70] * .el-textarea__inner {
  width: 100%;
  padding: 20px;
  margin-top: 4px;
  height: 140px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
}
.invoice-details-container .details-content .summary-container .notes-details[data-v-2f404e70] {
  margin-top: 25px;
  word-break: keep-all;
}
.invoice-details-container .details-content .btn-footer[data-v-2f404e70] {
  text-align: center;
  margin-bottom: 140px;
}
.invoice-details-container .details-content .btn-footer .mark-as-dropdown[data-v-2f404e70] {
  margin: 0 25px;
}
.invoice-details-container .details-content .my-numinput-left-container[data-v-2f404e70], .invoice-details-container .details-content .my-numinput-right-container[data-v-2f404e70] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.invoice-details-container .details-content .my-numinput-left-container .my-num-input[data-v-2f404e70], .invoice-details-container .details-content .my-numinput-right-container .my-num-input[data-v-2f404e70] {
  width: 100px;
  vertical-align: middle;
}
.invoice-details-container .details-content .my-numinput-left-container .my-num-input[data-v-2f404e70] * .el-input__inner, .invoice-details-container .details-content .my-numinput-right-container .my-num-input[data-v-2f404e70] * .el-input__inner {
  padding-left: 0;
  border-left: none;
  border-radius: 0 10px 10px 0;
  text-align: left;
}
.invoice-details-container .details-content .my-numinput-left-container .el-input__icon[data-v-2f404e70], .invoice-details-container .details-content .my-numinput-right-container .el-input__icon[data-v-2f404e70] {
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  width: 19px;
  height: 45px;
  line-height: 40px;
  text-align: right;
  font-style: normal;
  border: 1px solid #DDDDDD;
  border-radius: 10px 0 0 10px;
  border-right: none;
  color: #333333;
}
.invoice-details-container .details-content .my-numinput-right-container .my-num-input[data-v-2f404e70] {
  width: 95px;
}
.invoice-details-container .details-content .my-numinput-right-container .my-num-input[data-v-2f404e70] * .el-input__inner {
  padding-left: 10px;
  padding-right: 0;
  border-left: 1px solid #dddddd;
  border-right: none;
  border-radius: 10px 0 0 10px;
  text-align: left;
}
.invoice-details-container .details-content .my-numinput-right-container .el-input__icon[data-v-2f404e70] {
  width: 24px;
  text-align: left;
  font-style: normal;
  border: 1px solid #DDDDDD;
  border-radius: 0 10px 10px 0;
  border-left: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/quoteSetting/components/Servers.vue?vue&type=style&index=0&id=65dda108&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sub-server-container .operator-table.el-table th.is-leaf, .sub-server-container .operator-table.el-table td {
  border: none;
}
.sub-server-container .operator-table.el-table thead tr th:first-child {
  border-radius: 0;
}
.sub-server-container .operator-table.el-table thead tr th:nth-last-child(2) {
  border-radius: 0;
}
.sub-server-container .operator-table.el-table tbody tr td:first-child {
  border-left: 0px solid #dddddd;
}
.sub-server-container .operator-table.el-table tbody tr td:last-child {
  border-right: 0px solid #dddddd;
}
.sub-server-container .operator-table.el-table tbody tr:last-child td:first-child {
  border-radius: 0;
}
.sub-server-container .operator-table.el-table tbody tr:last-child td:last-child {
  border-radius: 0;
}
.sub-server-container .operator-table.el-table tbody tr:last-child td {
  border-bottom: 0px solid #dddddd;
}
.sub-server-container .operator-table.el-table tbody tr td:first-child {
  border-bottom: 0px solid #dddddd;
}
.sub-server-container .operator-table .edit-btn-icon {
  cursor: pointer;
}
.sub-server-container .operator-table .edit-btn-icon + .edit-btn-icon {
  margin-left: 25px;
}
.sub-server-container .operator-table .parent-name-container {
  margin-left: 30px;
}
.sub-server-container .operator-table .name-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub-server-container .operator-table .name-container .my-cell-checkbox {
  margin-right: 15px;
}
.sub-server-container .sub-server-content .bottom-border-container {
  text-align: right;
}
.sub-server-container .sub-server-content .bottom-border-container .bottom-border {
  width: calc(100% - 35px);
  margin-left: 35px;
  height: 1px;
  background-color: #dddddd;
}
.sub-server-container .sub-server-content:nth-last-child(1) .bottom-border-container .bottom-border {
  height: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AddOption/index.vue?vue&type=style&index=0&id=41861379&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-option-container.empty-option {
  position: relative !important;
  bottom: auto !important;
  border: none !important;
  border-radius: 10px !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AddOption/index.vue?vue&type=style&index=1&id=41861379&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-option-container[data-v-41861379] {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.add-option-container .option-title[data-v-41861379] {
  padding: 17px 15px 0px;
  line-height: 22px;
  font-size: 16px;
}
.add-option-container .add-option-content[data-v-41861379] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
}
.add-option-container .add-option-content .add-option-btn[data-v-41861379] {
  padding: 0 0 0 15px;
  line-height: 22px;
  color: #AE0F0A;
}
.add-option-container .add-option-content .add-icon[data-v-41861379] {
  margin-right: 9px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/quoteSetting/components/AddServer.vue?vue&type=style&index=0&id=09ba0cbc&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-type:nth-last-child(2) {
  margin-bottom: 116px;
}
ul.el-scrollbar__view.el-select-dropdown__list .my-select-option:nth-last-child(2) {
  margin-bottom: 76px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/quoteSetting/components/AddServer.vue?vue&type=style&index=1&id=09ba0cbc&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-dialog-container .service-content[data-v-09ba0cbc] * .el-select {
  display: block;
}
.service-dialog-container .service-content[data-v-09ba0cbc] * .el-input-number--medium {
  width: 100%;
}
.service-dialog-container .service-content[data-v-09ba0cbc] * .el-input-number--medium.el-input-number .el-input__inner {
  text-align: left;
}
.service-dialog-container .service-content .sub-type-item[data-v-09ba0cbc] *.is-error {
  margin-top: 32px;
}
.service-dialog-container .service-content .sub-type-item[data-v-09ba0cbc] *.is-error .el-form-item__error {
  top: -12px;
}
.service-dialog-container .service-content .sub-type[data-v-09ba0cbc] {
  margin-top: 16px;
}
.service-dialog-container .service-content .form-btns[data-v-09ba0cbc] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 22px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/quoteSetting/index.vue?vue&type=style&index=0&id=719ba95e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-container .page-title-container[data-v-719ba95e] {
  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;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.order-container .page-title-container .page-title[data-v-719ba95e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-container .page-title-container .page-title[data-v-719ba95e]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.order-container .page-title-container .page-title span[data-v-719ba95e] {
  margin-left: 10px;
}
.order-container .order-content .table-search[data-v-719ba95e] {
  padding: 0 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.order-container .order-content .table-search .status[data-v-719ba95e] {
  width: 295px;
  margin-right: 15px;
}
.order-container .order-content .table-search .search-key[data-v-719ba95e] {
  width: 700px;
  margin-right: 20px;
}
.order-container .order-content .table-search .search-btn[data-v-719ba95e] *.el-button + .el-button {
  margin-left: 15px;
}
.order-container .order-content .customer-list[data-v-719ba95e] {
  padding: 0 0 25px;
}
.order-container .order-content .customer-list .edit-btn-icon[data-v-719ba95e] {
  cursor: pointer;
}
.order-container .order-content .customer-list[data-v-719ba95e] * .my-icon-expand-container {
  cursor: pointer;
}
.order-container .order-content .customer-list[data-v-719ba95e] * .my-icon-expand-container .my-icon-expand {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.order-container .order-content .customer-list[data-v-719ba95e] * .my-icon-expand-container .my-icon-expand.has-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.order-container .order-content .customer-list[data-v-719ba95e] * .name-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-container .order-content .customer-list[data-v-719ba95e] * .self-expand-col {
  overflow: hidden;
}
.order-container .order-content .customer-list[data-v-719ba95e] * .el-table__expanded-cell[class*=cell] {
  padding: 0;
}
.order-container .order-content .customer-list[data-v-719ba95e] * .el-table tbody tr:last-child td:last-child.el-table__expanded-cell {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.order-container .default-tax-container[data-v-719ba95e] {
  margin-top: 27px;
  margin-bottom: 140px;
}
.order-container .default-tax-container .default-tax-content[data-v-719ba95e] {
  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;
}
.order-container .default-tax-container .default-tax-content .tax-title[data-v-719ba95e] {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.order-container .default-tax-container .default-tax-content .my-numinput-right-container[data-v-719ba95e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-container .default-tax-container .default-tax-content .my-numinput-right-container .my-num-input[data-v-719ba95e] {
  width: 90px;
  height: 45px;
  border-radius: 10px;
}
.order-container .default-tax-container .default-tax-content .my-numinput-right-container .my-num-input[data-v-719ba95e] * .el-input__inner {
  padding-left: 10px;
  padding-right: 0;
  border-left: 1px solid #dddddd;
  border-right: none;
  border-radius: 10px 0 0 10px;
  text-align: left;
}
.order-container .default-tax-container .default-tax-content .my-numinput-right-container .el-input__icon[data-v-719ba95e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  width: 30px;
  height: 45px;
  line-height: 40px;
  font-style: normal;
  border: 1px solid #DDDDDD;
  border-left: none;
  color: #333333;
  border-right: 1px solid #dddddd;
  border-radius: 0 10px 10px 0;
  text-align: left;
}
.order-container .default-tax-container .default-tax-tip[data-v-719ba95e] {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  margin-top: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/SerialNumber.vue?vue&type=style&index=0&id=3d29962b&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.customization-dialog .customization-content .search-input-container[data-v-3d29962b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-dialog .customization-content .search-input-container .address-input[data-v-3d29962b] {
  margin-right: 0;
}
.customization-dialog .customization-content .search-input-container .address-input[data-v-3d29962b] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.customization-dialog .customization-content .search-input-container .search-btn[data-v-3d29962b] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.customization-dialog .customization-content .search-input-container .search-btn[data-v-3d29962b] *.el-button + .el-button {
  margin-left: 15px;
}
.customization-dialog .customization-content .no-data-container[data-v-3d29962b] {
  width: 840px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  margin-top: 25px;
  text-align: center;
  padding: 123px 0;
}
.customization-dialog .customization-content .no-data-container .no-data-icon[data-v-3d29962b] {
  width: 100px;
  height: 100px;
}
.customization-dialog .customization-content .no-data-container .no-data[data-v-3d29962b] {
  color: #999999;
  margin-top: 15px;
}
.customization-dialog .customization-content .model-container[data-v-3d29962b] {
  height: 380px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.customization-dialog .customization-content .model-container .model-menu-container[data-v-3d29962b] {
  min-width: 351px;
  border-right: 1px solid #DDDDDD;
  height: 100%;
  overflow: auto;
  /* 自定义滚动条 */
}
.customization-dialog .customization-content .model-container .model-menu-container[data-v-3d29962b]::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background: transparent;
  padding-right: 2px;
  border-radius: 10px;
  position: absolute;
}
.customization-dialog .customization-content .model-container .model-menu-container[data-v-3d29962b]::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 10px;
  border: 0;
}
.customization-dialog .customization-content .model-container .model-menu-container[data-v-3d29962b]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content[data-v-3d29962b] {
  border: none;
  border-top-left-radius: 10px;
  overflow: hidden;
}
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content[data-v-3d29962b] * .el-collapse-item__header,
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content[data-v-3d29962b] * .el-collapse-item__header.is-active,
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content[data-v-3d29962b] * .el-collapse-item__wrap {
  border-bottom: 0;
}
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content[data-v-3d29962b] * .el-collapse-item__header {
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
}
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content[data-v-3d29962b] * .el-collapse-item__content {
  padding-bottom: 0;
}
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content .model-menu-item[data-v-3d29962b] {
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  padding-left: 30px;
  cursor: pointer;
}
.customization-dialog .customization-content .model-container .model-menu-container .model-menu-content .model-menu-item.active[data-v-3d29962b], .customization-dialog .customization-content .model-container .model-menu-container .model-menu-content .model-menu-item[data-v-3d29962b]:hover {
  background: #EEEEEE;
}
.customization-dialog .customization-content .model-container .model-menu-container .no-data[data-v-3d29962b] {
  padding: 15px;
}
.customization-dialog .customization-content .model-container .model-icon-container[data-v-3d29962b] {
  width: 588px;
  text-align: center;
  position: relative;
}
.customization-dialog .customization-content .model-container .model-icon-container img[data-v-3d29962b] {
  display: inline-block;
  width: 375px;
  margin: 0 auto;
  vertical-align: middle;
}
.customization-dialog .customization-content .model-container .model-icon-container .no-data-icon[data-v-3d29962b] {
  font-size: 100px;
}
.customization-dialog .customization-content .model-container .model-icon-container .modal-key-title[data-v-3d29962b] {
  padding: 15px 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/AddRemind.vue?vue&type=style&index=0&id=ecfa0eb0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .remind-title[data-v-ecfa0eb0] {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}
.customization-dialog .customization-content .remind-content[data-v-ecfa0eb0] {
  margin-top: 24px;
  font-size: 14px;
  word-break: keep-all;
}
.customization-dialog .customization-content .remind-content .remind-item[data-v-ecfa0eb0] {
  line-height: 18px;
  margin-top: 15px;
}
.customization-dialog .customization-content .remind-content .remind-item.remind-tips-item[data-v-ecfa0eb0] {
  margin-top: 10px;
  margin-bottom: 20px;
}
.customization-dialog .customization-content .remind-content .remind-item.remind-tips-item[data-v-ecfa0eb0]:last-child {
  margin-bottom: 0;
}
.customization-dialog .customization-content .remind-content .remind-item.remind-tips-item .flex-line span[data-v-ecfa0eb0]:first-child {
  display: block;
  width: 8px;
  min-width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #AE0F0A;
  margin-right: 9px;
  margin-top: 5px;
}
.customization-dialog .customization-content .remind-content .remind-item.remind-tips-item .remind-update-container[data-v-ecfa0eb0] {
  margin-top: 10px;
}
.customization-dialog .customization-content .remind-content .remind-item.remind-tips-item .remind-update-container img[data-v-ecfa0eb0] {
  margin-top: 0;
  margin-bottom: 0px;
}
.customization-dialog .customization-content .remind-content .remind-item .remind-update-container[data-v-ecfa0eb0] {
  text-align: center;
  font-size: 12px;
  color: #999999;
  margin-top: 15px;
}
.customization-dialog .customization-content .remind-content .remind-item .remind-update-container img[data-v-ecfa0eb0] {
  width: 244px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.customization-dialog .customization-content .remind-content .flex-line[data-v-ecfa0eb0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-dialog .customization-content .remind-content .flex-line.remind-tip-icon-container[data-v-ecfa0eb0] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 17px;
}
.customization-dialog .customization-content .remind-content .flex-line span[data-v-ecfa0eb0]:first-child {
  margin-right: 6px;
}
.customization-dialog .customization-content .remind-content .remind-tips[data-v-ecfa0eb0] {
  font-weight: bold;
  margin-top: 30px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TreeSingleSelect/index.vue?vue&type=style&index=0&id=5a4b8255&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tree-single-select[data-v-5a4b8255] .el-tree-node .el-tree-node__content {
  height: 45px;
}
.tree-single-select[data-v-5a4b8255] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon {
  color: #333333;
  font-size: 18px;
}
.tree-single-select[data-v-5a4b8255] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.tree-single-select[data-v-5a4b8255] .el-tree-node .el-tree-node__content:hover {
  background-color: #EEEEEE;
}
.tree-single-select[data-v-5a4b8255] .el-tree-node .el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}
.tree-single-select[data-v-5a4b8255] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #EEEEEE;
  color: #AE0F0A;
  font-weight: bold;
}
.tree-single-select .single-select[data-v-5a4b8255] {
  width: 100%;
}
.tree-single-select .single-tree .custom-node[data-v-5a4b8255] {
  width: 100%;
  padding-right: 10px;
}
.tree-single-select .single-tree .disabled-node[data-v-5a4b8255] {
  background-color: transparent;
  color: #BDBDBD;
  cursor: not-allowed;
  font-weight: normal;
}
.tree-single-select .disabled-single-select[data-v-5a4b8255] .is-disabled .el-input__inner {
  color: #BDBDBD;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Add.vue?vue&type=style&index=0&id=c74c1b7a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-device-dialog .service-content .equipment-device-type[data-v-c74c1b7a] * .el-radio__input + .el-radio__label,
.add-device-dialog .service-content .equipment-device-type[data-v-c74c1b7a] * .el-radio__input.is-checked + .el-radio__label {
  color: #333333;
  font-weight: normal;
}
.add-device-dialog .service-content .equipment-device-type[data-v-c74c1b7a] * .el-radio__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}
.add-device-dialog .service-content .equipment-device-type[data-v-c74c1b7a] * .el-radio__inner::after {
  width: 6px;
  height: 6px;
}
.add-device-dialog .service-content .equipment-device-type[data-v-c74c1b7a] * .el-radio__input.is-checked .el-radio__inner {
  border-color: #AE0F0A;
  background: #ffffff;
}
.add-device-dialog .service-content .equipment-device-type[data-v-c74c1b7a] * .el-radio__input.is-checked .el-radio__inner::after {
  background-color: #AE0F0A;
}
.add-device-dialog .service-content .serial-number-form-item .serial-number[data-v-c74c1b7a] {
  position: absolute;
  top: -36px;
  right: 0;
  color: #AE0F0A;
  cursor: pointer;
}
.add-device-dialog .service-content .serial-number-form-item .serial-number[data-v-c74c1b7a]:hover {
  text-decoration: underline;
}
.add-device-dialog .service-content .add-tip-container[data-v-c74c1b7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.add-device-dialog .service-content .add-tip-container .appERCode[data-v-c74c1b7a] {
  margin: 25px 0 15px 0;
}
.add-device-dialog .service-content .add-tip-container .scan-tip[data-v-c74c1b7a] {
  color: #999999;
  font-size: 14px;
}
.add-device-dialog .service-content .device-name-error[data-v-c74c1b7a] {
  color: #AE0F0A;
  line-height: 30px;
}
.add-device-dialog .service-content .device-name-tips[data-v-c74c1b7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
}
.add-device-dialog .service-content .device-name-tips .icon[data-v-c74c1b7a] {
  margin-right: 5px;
  font-size: 20px;
}
.add-device-dialog .service-content .device-name-tips .text[data-v-c74c1b7a] {
  color: #999999;
  font-size: 14px;
}
.add-device-dialog .service-content .device-name-tips1[data-v-c74c1b7a] {
  color: #AE0F0A;
  cursor: pointer;
}
.add-device-dialog .service-content .device-name-tips1[data-v-c74c1b7a]:hover {
  text-decoration: underline;
}
.add-device-dialog .service-content .activation-container[data-v-c74c1b7a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.add-device-dialog .service-content .activation-container .activation-btn[data-v-c74c1b7a] {
  border-radius: 0px 10px 10px 0px;
  height: 45px;
  line-height: 45px;
  padding: 0 27px;
}
.add-device-dialog .service-content .activation-container[data-v-c74c1b7a] * .el-input__inner {
  border-radius: 10px 0px 0px 10px;
}
.add-device-dialog .service-content .add-info-form .data-packer[data-v-c74c1b7a] {
  width: 100%;
  padding: 0 10px 0 15px;
}
.add-device-dialog .service-content .add-info-form .data-packer[data-v-c74c1b7a] * .el-range-input {
  text-align: left;
  width: 45%;
}
.add-device-dialog .service-content .add-info-form .third-run-time-num[data-v-c74c1b7a] {
  width: 140px;
  border-radius: 10px;
}
.add-device-dialog .service-content .add-info-form .third-run-time-num[data-v-c74c1b7a] * .el-input__inner {
  text-align: left;
}
.add-device-dialog .service-content .add-info-form .third-run-time-unit[data-v-c74c1b7a] {
  margin-left: 10px;
  margin-right: 30px;
}
.add-device-dialog .service-content .add-info-form[data-v-c74c1b7a] * .el-select {
  width: 100%;
}
.add-device-dialog .service-content .history-info[data-v-c74c1b7a] {
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 15px;
  line-height: 22px;
  margin-bottom: 25px;
}
.add-device-dialog .service-content .history-info .warranty-content[data-v-c74c1b7a] {
  margin-top: 12px;
}
.add-device-dialog .service-content .history-info .info-label[data-v-c74c1b7a] {
  margin-right: 10px;
}
.add-device-dialog .service-content .keyword-container .equipment-my-select[data-v-c74c1b7a] {
  display: block;
}
.add-device-dialog .service-content .keyword-container .equipment-my-select[data-v-c74c1b7a] * .el-input__inner {
  min-height: 45px;
  line-height: 45px;
}
.add-device-dialog .service-content .keyword-container .equipment-my-select[data-v-c74c1b7a] * .el-select-dropdown.el-popper.is-multiple {
  min-height: 100px;
}
.add-device-dialog .service-content .keyword-container .keyword-error[data-v-c74c1b7a] {
  position: absolute;
  font-size: 14px;
  color: #AE0F0A;
  top: -29px;
  right: 0;
  left: auto;
  line-height: initial;
  padding-top: 0;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * ul.el-scrollbar__view.el-select-dropdown__list {
  width: 840px;
  padding: 15px 5px 130px 15px;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-equipment-add {
  display: inline-block;
  background: #EEEEEE;
  border-radius: 10px;
  padding: 5px 15px 6px;
  margin-right: 10px;
  height: auto;
  line-height: 22px;
  position: relative;
  overflow: visible;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-equipment-add .keyword-option-close {
  display: none;
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-equipment-add:hover .keyword-option-close {
  display: block;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  display: none;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #ffffff;
  background: #AE0F0A;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * .el-tag.el-tag--info {
  background: #EEEEEE;
  color: #333333;
  border-radius: 10px;
  height: auto;
  padding: 5px 15px 6px;
  line-height: 22px;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * .el-select .el-tag__close.el-icon-close {
  background-color: #EEEEEE;
  font-size: 16px;
  vertical-align: middle;
}
.add-device-dialog .service-content .keyword-container[data-v-c74c1b7a] * .el-select .el-tag__close.el-icon-close:hover {
  color: #333333;
}
.add-device-dialog .service-content .result-container[data-v-c74c1b7a] {
  text-align: center;
  margin-top: 10px;
}
.add-device-dialog .service-content .result-container .ok-icon[data-v-c74c1b7a] {
  font-size: 40px;
}
.add-device-dialog .service-content .result-container .success-title[data-v-c74c1b7a] {
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  line-height: 32px;
  margin-top: 15px;
}
.add-device-dialog .service-content .result-container .success-info[data-v-c74c1b7a] {
  color: #333333;
  line-height: 32px;
  margin-top: 5px;
}
.add-device-dialog .service-content .result-container .success-desc-info[data-v-c74c1b7a] {
  color: #999999;
  line-height: 22px;
  margin-top: 5px;
  word-break: keep-all;
}
.add-device-dialog .service-content .result-container .device-img[data-v-c74c1b7a] {
  display: block;
  width: 145px;
  height: auto;
  margin: 22px auto 10px;
}
.add-device-dialog .service-content .result-container .device-name[data-v-c74c1b7a] {
  line-height: 32px;
  margin-bottom: 0;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content[data-v-c74c1b7a] {
  width: 210px;
  margin: 15px auto 0;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .device-details-QR-code-content-info[data-v-c74c1b7a] {
  padding: 20px 10px 16px;
  background: #25272A;
  border-radius: 10px;
  text-align: center;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .device-details-QR-code-content-info .brand-name[data-v-c74c1b7a] {
  font-weight: bold;
  color: #FFFFFF;
  font-size: 16px;
  margin-top: 0;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .device-details-QR-code-content-info .modal-name[data-v-c74c1b7a] {
  line-height: 21px;
  color: #FFFFFF;
  margin: 12px 0;
  font-size: 14px;
  font-weight: normal;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .device-details-QR-code-content-info .deviceERCode[data-v-c74c1b7a] {
  width: 190px;
  height: 190px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin: 0 auto;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .device-details-QR-code-content-info .device-name[data-v-c74c1b7a] {
  margin: 8px auto 0;
  line-height: 20px;
  font-size: 14px;
  padding: 8px 2px;
  color: #25272A;
  background: #ffffff;
  border-radius: 10px;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .QR-code-download[data-v-c74c1b7a] {
  line-height: 22px;
  font-size: 16px;
  color: #AE0F0A;
  text-align: center;
  cursor: pointer;
  margin-top: 15px;
}
.add-device-dialog .service-content .result-container .device-details-QR-code-content .QR-code-download .download-red-icon[data-v-c74c1b7a] {
  margin-right: 10px;
}
.add-device-dialog .form-btns[data-v-c74c1b7a] {
  margin-top: 30px;
  text-align: center;
}
.add-device-dialog .form-btns .el-button + .el-button[data-v-c74c1b7a] {
  margin-left: 25px;
}
.add-device-dialog[data-v-c74c1b7a] * .el-dialog__footer .el-button + .el-button {
  margin-left: 25px;
}
.equipment-import-icon[data-v-c74c1b7a] {
  width: 20px;
  height: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/AddKeywords.vue?vue&type=style&index=0&id=364f260d&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-content-dialog[data-v-364f260d] * .el-dialog {
  padding-bottom: 0;
}
.service-content .add-info-form .form-btns[data-v-364f260d] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
}
.service-content .add-info-form .form-btns button + button[data-v-364f260d] {
  margin-left: 25px;
}
.service-content .keyword-container .equipment-my-select[data-v-364f260d] {
  display: block;
}
.service-content .keyword-container .equipment-my-select[data-v-364f260d] * .el-select-dropdown.el-popper.is-multiple {
  min-height: 100px;
}
.service-content .keyword-container .keyword-error[data-v-364f260d] {
  position: absolute;
  font-size: 14px;
  color: #AE0F0A;
  top: -29px;
  right: 0;
  left: auto;
  line-height: initial;
  padding-top: 0;
}
.service-content .keyword-container[data-v-364f260d] * ul.el-scrollbar__view.el-select-dropdown__list {
  padding: 15px 5px 130px 15px;
  width: 840px;
}
.service-content .keyword-container[data-v-364f260d] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-keyword {
  display: inline-block;
  background: #EEEEEE;
  border-radius: 10px;
  padding: 5px 15px 6px;
  margin-right: 10px;
  height: auto;
  line-height: 22px;
  position: relative;
  overflow: visible;
}
.service-content .keyword-container[data-v-364f260d] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-keyword .keyword-option-close {
  display: none;
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
}
.service-content .keyword-container[data-v-364f260d] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-keyword:hover .keyword-option-close {
  display: block;
}
.service-content .keyword-container[data-v-364f260d] * .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  display: none;
}
.service-content .keyword-container[data-v-364f260d] * .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #ffffff;
  background: #AE0F0A;
}
.service-content .keyword-container[data-v-364f260d] * .el-tag.el-tag--info {
  background: #EEEEEE;
  color: #333333;
  border-radius: 10px;
  height: auto;
  padding: 5px 15px 6px;
  line-height: 22px;
}
.service-content .keyword-container[data-v-364f260d] * .el-select .el-tag__close.el-icon-close {
  background-color: #EEEEEE;
  font-size: 16px;
}
.service-content .keyword-container[data-v-364f260d] * .el-select .el-tag__close.el-icon-close:hover {
  color: #333333;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Checkout.vue?vue&type=style&index=0&id=11811394&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-content-dialog[data-v-11811394] * .el-dialog {
  padding-bottom: 0;
}
.service-content .add-info-form[data-v-11811394] * .el-select {
  display: block;
}
.service-content .add-info-form .tip[data-v-11811394] {
  color: #999;
  line-height: 24px;
}
.service-content .add-info-form .form-btns[data-v-11811394] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
}
.service-content .add-info-form .form-btns button + button[data-v-11811394] {
  margin-left: 25px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ListSelect.vue?vue&type=style&index=0&id=68038bf0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crew-select-container[data-v-68038bf0] {
  height: 45px;
  padding-left: 15px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  position: relative;
}
.crew-select-container .crew-select-selected-list[data-v-68038bf0] {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.crew-select-container .crew-select-selected-list:hover .my-icon-close-tag[data-v-68038bf0] {
  display: block !important;
}
.crew-select-container .crew-select-selected-list .crew-select-tag[data-v-68038bf0] {
  height: 30px;
  margin: 8px 7px 7px 0;
  background: #EEEEEE;
  border-radius: 10px;
  font-size: 16px;
  color: #333333;
  vertical-align: middle;
}
.crew-select-container .crew-select-selected-list .crew-select-tag[data-v-68038bf0] * .el-tag__close.el-icon-close {
  font-size: 16px;
  color: #666666;
  border-radius: 2px;
  opacity: 1;
  vertical-align: 0.3em;
}
.crew-select-container .crew-select-selected-list .crew-select-tag[data-v-68038bf0] * .el-tag__close.el-icon-close:hover {
  background: transparent;
}
.crew-select-container .crew-select-selected-list .crew-select-tag .tag-name-container[data-v-68038bf0] {
  display: inline-block;
  max-width: 152px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.crew-select-container .crew-select-selected-list .placeholder[data-v-68038bf0] {
  line-height: 43px;
  color: #CCCCCC;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container[data-v-68038bf0] {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 43px;
  border-radius: 10px;
  line-height: 40px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, #FFFFFF), to(#FFFFFF));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 30%, #FFFFFF 100%);
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container .my-icon-show-option[data-v-68038bf0] {
  font-size: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container .my-icon-show-option.show-option[data-v-68038bf0] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container .my-icon-close-tag[data-v-68038bf0] {
  position: absolute;
  top: 15px;
  left: 12px;
  cursor: pointer;
  color: #C0C4CC;
  background: #FFFFFF;
  display: none;
}
.crew-select-container .crew-select-option-container[data-v-68038bf0] {
  position: absolute;
  z-index: 9;
  top: 50px;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 5px 0;
}
.crew-select-container .crew-select-option-container .status-container[data-v-68038bf0] {
  height: 280px;
  overflow: auto;
}
.crew-select-container .crew-select-option-container .status-container .status-items[data-v-68038bf0] {
  position: relative;
}
.crew-select-container .crew-select-option-container .status-container .status-items[data-v-68038bf0]:hover, .crew-select-container .crew-select-option-container .status-container .status-items.selected[data-v-68038bf0] {
  background: #EEEEEE;
}
.crew-select-container .crew-select-option-container .status-container .status-items .status-items-checkbox[data-v-68038bf0] {
  display: block;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.crew-select-container .crew-select-option-container .status-container .status-items .status-items-checkbox[data-v-68038bf0] * .el-checkbox__label {
  color: #333333;
  font-size: 16px;
}
.crew-select-container .crew-select-option-container .status-container .status-items .status-items-checkbox[data-v-68038bf0] * .el-checkbox__input {
  vertical-align: -0.05em;
}
.crew-select-container .crew-select-option-container .status-container .status-items .status-items-checkbox.in-use[data-v-68038bf0] {
  display: inline-block;
  padding-right: 10px;
}
.crew-select-container .crew-select-option-container .status-container .status-items .show-user[data-v-68038bf0] {
  font-size: 10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  right: 19px;
  top: 15px;
}
.crew-select-container .crew-select-option-container .crews[data-v-68038bf0] {
  position: absolute;
  left: 100%;
  top: -1px;
  cursor: pointer;
  min-width: 295px;
  height: 280px;
  overflow: auto;
  background: #FFFFFF;
  -webkit-box-shadow: 5px 3px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 3px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 5px 0;
  border: 1px solid #DDDDDD;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-68038bf0] {
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin-right: 0;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-68038bf0] * .el-checkbox__label {
  color: #333333;
  font-size: 16px;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-68038bf0] * .el-checkbox__input {
  vertical-align: -0.05em;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-68038bf0]:hover {
  background: #EEEEEE;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Automatic.vue?vue&type=style&index=0&id=07cf874d&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.automatic-container .automatic-content[data-v-07cf874d] {
  margin-bottom: 5px;
}
.automatic-container .automatic-content .automatic-title[data-v-07cf874d] {
  color: #999999;
  line-height: 22px;
  margin-bottom: 10px;
}
.automatic-container .automatic-content .select-all[data-v-07cf874d] {
  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;
  margin: 10px 0;
}
.automatic-container .automatic-content .select-all .text[data-v-07cf874d] {
  font-size: 18px;
}
.automatic-container .automatic-content .select-all .info-icon[data-v-07cf874d] {
  font-size: 20px;
  cursor: pointer;
  margin-left: 5px;
}
.automatic-container .automatic-content .device-list[data-v-07cf874d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.automatic-container .automatic-content .device-list .list-item[data-v-07cf874d]:nth-child(2n) {
  margin-left: 16px;
}
.automatic-container .automatic-content .device-list .list-item[data-v-07cf874d] {
  width: calc(50% - 8px);
  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;
  height: 80px;
  margin-top: 15px;
  background: #F0F0F0;
  border-radius: 10px;
  padding: 0 20px 0 8px;
}
.automatic-container .automatic-content .device-list .list-item .item-info[data-v-07cf874d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.automatic-container .automatic-content .device-list .list-item .item-info .item-info-icon[data-v-07cf874d] {
  width: 80px;
  text-align: center;
}
.automatic-container .automatic-content .device-list .list-item .item-info .item-info-name[data-v-07cf874d] {
  max-width: 224px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.automatic-container .automatic-content .device-list .no-data-container[data-v-07cf874d] {
  width: 100%;
  text-align: center;
  margin-top: 65px;
  margin-bottom: 35px;
}
.automatic-container .automatic-content .device-list .no-data-container .no-data-icon[data-v-07cf874d] {
  font-size: 100px;
}
.automatic-container .automatic-content .device-list .no-data-container .no-data-text[data-v-07cf874d] {
  margin-top: 16px;
  text-align: center;
  color: #999999;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/UpdateFirmwareCutGo.vue?vue&type=style&index=0&id=06ebb2b0&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content[data-v-06ebb2b0] {
  text-align: center;
  margin-bottom: 3px;
}
.customization-dialog .customization-content .download-container[data-v-06ebb2b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.customization-dialog .customization-content .download-container .equipment-name[data-v-06ebb2b0] {
  color: #ae0f0a;
  margin-right: 5px;
}
.customization-dialog .customization-content .proceeding .update-title[data-v-06ebb2b0] {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.customization-dialog .customization-content .proceeding .update-img[data-v-06ebb2b0] {
  width: 375px;
  margin-bottom: 10px;
}
.customization-dialog .customization-content .proceeding .progress-loading-title[data-v-06ebb2b0] {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
}
.customization-dialog .customization-content .proceeding .progress-loading-title .animation-dot[data-v-06ebb2b0] {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 25px;
  text-align: left;
  overflow: hidden;
  vertical-align: bottom;
}
.customization-dialog .customization-content .proceeding .progress-loading-title .animation-dot[data-v-06ebb2b0]::after {
  display: inline-block;
  content: "";
  -webkit-animation: spin-06ebb2b0 2s steps(4) infinite;
          animation: spin-06ebb2b0 2s steps(4) infinite;
}
@-webkit-keyframes spin-06ebb2b0 {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
@keyframes spin-06ebb2b0 {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
.customization-dialog .customization-content .proceeding .progress-loading-title.battery[data-v-06ebb2b0] {
  margin-top: 25px;
}
.customization-dialog .customization-content .proceeding .progress-loading-title .transmit-icon[data-v-06ebb2b0] {
  font-size: 24px;
}
.customization-dialog .customization-content .proceeding .progress-num-container[data-v-06ebb2b0] {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin: 15px auto 6px;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-06ebb2b0] {
  width: 346px;
  margin: 0 auto;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-06ebb2b0] * .el-slider__button-wrapper {
  display: none;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-06ebb2b0] * .el-slider__bar {
  height: 8px;
  border-radius: 5px;
  background-color: #199402;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-06ebb2b0] * .el-slider__runway {
  height: 8px;
  margin-top: 5px;
  margin-bottom: 25px;
  background-color: #CFCFCF;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item[data-v-06ebb2b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item[data-v-06ebb2b0]:not(:last-child) {
  margin-bottom: 15px;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item .update-tips-item-flag[data-v-06ebb2b0] {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #333333;
  margin-right: 10px;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item .update-tips-item-content[data-v-06ebb2b0] {
  font-size: 14px;
  line-height: 18px;
  word-break: keep-all;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item .update-tips-item-content[data-v-06ebb2b0] * span {
  font-weight: bold;
}
.customization-dialog .customization-content .proceeding .update-tips.ing .update-tips-item .update-tips-item-content[data-v-06ebb2b0] * span {
  font-weight: normal;
}
.customization-dialog .customization-content .waiting .need-waiting-desc[data-v-06ebb2b0] {
  word-break: keep-all;
  line-height: 32px;
  text-align: left;
}
.customization-dialog .customization-content .waiting .waiting-icon[data-v-06ebb2b0] {
  font-size: 40px;
}
.customization-dialog .customization-content .waiting .waiting-desc[data-v-06ebb2b0] {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 15px;
}
.customization-dialog .customization-content .result .success-icon[data-v-06ebb2b0] {
  font-size: 40px;
  margin-top: 10px;
}
.customization-dialog .customization-content .result .success-tip[data-v-06ebb2b0] {
  line-height: 24px;
  font-size: 20px;
  font-weight: 800;
  margin-top: 15px;
}
.customization-dialog .customization-content .result .filed-msg[data-v-06ebb2b0] {
  margin-top: 5px;
}
.customization-dialog .customization-content .result .filed-tip[data-v-06ebb2b0] {
  margin-top: 15px;
}
.customization-dialog[data-v-06ebb2b0] * .el-dialog__footer {
  padding-top: 30px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/UpdateFirmware.vue?vue&type=style&index=0&id=478ff71c&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content[data-v-478ff71c] {
  text-align: center;
  margin-bottom: 3px;
}
.customization-dialog .customization-content .proceeding .update-title[data-v-478ff71c] {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.customization-dialog .customization-content .proceeding .update-icon[data-v-478ff71c] {
  display: block;
  width: 375px;
  margin: 0 auto;
}
.customization-dialog .customization-content .proceeding .progress-loading-title[data-v-478ff71c] {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 8px;
}
.customization-dialog .customization-content .proceeding .progress-loading-title .animation-dot[data-v-478ff71c] {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 25px;
  text-align: left;
  overflow: hidden;
  vertical-align: bottom;
}
.customization-dialog .customization-content .proceeding .progress-loading-title .animation-dot[data-v-478ff71c]::after {
  display: inline-block;
  content: "";
  -webkit-animation: spin-478ff71c 2s steps(4) infinite;
          animation: spin-478ff71c 2s steps(4) infinite;
}
@-webkit-keyframes spin-478ff71c {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
@keyframes spin-478ff71c {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
.customization-dialog .customization-content .proceeding .progress-loading-title.battery[data-v-478ff71c] {
  margin-top: 25px;
}
.customization-dialog .customization-content .proceeding .progress-loading-title .transmit-icon[data-v-478ff71c] {
  font-size: 24px;
}
.customization-dialog .customization-content .proceeding .progress-num-container[data-v-478ff71c] {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin: 15px auto 6px;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-478ff71c] {
  width: 210px;
  margin: 0 auto;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-478ff71c] * .el-slider__button-wrapper {
  display: none;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-478ff71c] * .el-slider__bar {
  height: 8px;
  border-radius: 4px;
  background-color: #199402;
}
.customization-dialog .customization-content .proceeding .update-progress[data-v-478ff71c] * .el-slider__runway {
  height: 8px;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #CFCFCF;
}
.customization-dialog .customization-content .proceeding .update-tips[data-v-478ff71c] {
  text-align: left;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item[data-v-478ff71c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item .update-tips-item-flag[data-v-478ff71c] {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #333333;
  margin-right: 10px;
  margin-top: 21px;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item .update-tips-item-content[data-v-478ff71c] {
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  word-break: keep-all;
}
.customization-dialog .customization-content .proceeding .update-tips .update-tips-item .update-tips-item-content[data-v-478ff71c] * span {
  font-weight: bold;
}
.customization-dialog .customization-content .proceeding .update-tips.ing .update-tips-item .update-tips-item-content[data-v-478ff71c] * span {
  font-weight: normal;
}
.customization-dialog .customization-content .waiting .need-waiting-desc[data-v-478ff71c] {
  word-break: keep-all;
  line-height: 32px;
  text-align: left;
}
.customization-dialog .customization-content .waiting .waiting-icon[data-v-478ff71c] {
  font-size: 40px;
}
.customization-dialog .customization-content .waiting .waiting-desc[data-v-478ff71c] {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 15px;
}
.customization-dialog .customization-content .result .success-icon[data-v-478ff71c] {
  font-size: 40px;
  margin-top: 10px;
}
.customization-dialog .customization-content .result .success-tip[data-v-478ff71c] {
  line-height: 24px;
  font-size: 20px;
  font-weight: 800;
  margin-top: 15px;
}
.customization-dialog .customization-content .result .filed-msg[data-v-478ff71c] {
  margin-top: 5px;
}
.customization-dialog .customization-content .result .filed-tip[data-v-478ff71c] {
  margin-top: 15px;
}
.customization-dialog[data-v-478ff71c] * .el-dialog__footer {
  padding-top: 30px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Manual.vue?vue&type=style&index=0&id=1405a394&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.manual-waiting .el-message-box__btns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.manual-waiting .el-message-box__btns .el-button--primary{
    margin-left: 10px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Manual.vue?vue&type=style&index=1&id=1405a394&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.automatic-container[data-v-1405a394] {
  margin-bottom: 5px;
}
.automatic-container .automatic-content .device-list[data-v-1405a394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 80px;
}
.automatic-container .automatic-content .device-list .list-item[data-v-1405a394] {
  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;
  padding: 15px 0;
}
.automatic-container .automatic-content .device-list .list-item[data-v-1405a394]:not(:last-child) {
  border-bottom: 1px solid #DDDDDD;
}
.automatic-container .automatic-content .device-list .list-item .item-info[data-v-1405a394] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.automatic-container .automatic-content .device-list .list-item .item-info-icon[data-v-1405a394] {
  width: 80px;
  margin-right: 15px;
}
.automatic-container .automatic-content .device-list .list-item .item-info .offline[data-v-1405a394] {
  opacity: 0.3;
}
.automatic-container .automatic-content .device-list .list-item .item-info-container .name[data-v-1405a394] {
  margin-bottom: 5px;
}
.automatic-container .automatic-content .device-list .list-item .item-info-container .version[data-v-1405a394] {
  font-size: 14px;
  color: #999999;
  margin-bottom: 4px;
}
.automatic-container .automatic-content .device-list .list-item .item-info-container .error[data-v-1405a394] {
  color: #FFB000;
  margin-top: 5px;
}
.automatic-container .automatic-content .device-list .list-item .btn-container[data-v-1405a394] {
  width: 120px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  border: 1px solid #AE0F0A;
  color: #AE0F0A;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-left: 24px;
}
.automatic-container .automatic-content .device-list .list-item .btn-container[data-v-1405a394]:hover {
  opacity: 0.9;
}
.automatic-container .automatic-content .device-list .list-item .btn-container .ing-bg[data-v-1405a394] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 45px;
  background: #AE0F0A;
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.04);
  opacity: 0.3;
}
.automatic-container .automatic-content .device-list .list-item .btn-container.disabled[data-v-1405a394] {
  border: 1px solid rgba(174, 15, 10, 0.3);
  opacity: 0.3;
  cursor: not-allowed;
}
.automatic-container .automatic-content .device-list .list-item .btn-container .animation-dot[data-v-1405a394] {
  display: inline-block;
  height: 16px;
  width: 14px;
  text-align: left;
  overflow: hidden;
}
.automatic-container .automatic-content .device-list .list-item .btn-container .animation-dot[data-v-1405a394]::after {
  display: inline-block;
  content: "";
  -webkit-animation: spin-1405a394 2s steps(4) infinite;
          animation: spin-1405a394 2s steps(4) infinite;
}
@-webkit-keyframes spin-1405a394 {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
@keyframes spin-1405a394 {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
.automatic-container .automatic-content .device-list .no-data-container[data-v-1405a394] {
  width: 100%;
  text-align: center;
  margin-top: 65px;
  margin-bottom: 35px;
}
.automatic-container .automatic-content .device-list .no-data-container .no-data-icon[data-v-1405a394] {
  font-size: 100px;
}
.automatic-container .automatic-content .device-list .no-data-container .no-data-text[data-v-1405a394] {
  margin-top: 16px;
  text-align: center;
  color: #999999;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/FirmwareCenter.vue?vue&type=style&index=0&id=4ee17abe&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.firmware-dialog .firmware-content .firmware-type-tabs .type-tabs .info-icon[data-v-4ee17abe] {
  margin-left: 5px;
}
.firmware-dialog .firmware-content .firmware-type-tabs .type-tabs[data-v-4ee17abe] .el-tabs__item {
  font-size: 20px;
  font-weight: bold;
}
.firmware-dialog .firmware-content .firmware-type-tabs .type-tabs[data-v-4ee17abe] .el-tabs__active-bar {
  height: 5px;
  border-radius: 10px;
}
.firmware-dialog .firmware-content .firmware-type-tabs .type-tabs[data-v-4ee17abe] .el-tabs__nav-wrap::after {
  height: 1px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/DeleteVoyagerAttention.vue?vue&type=style&index=0&id=eb385478&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.delete-voyager-attention-dialog .equipment-container[data-v-eb385478] {
  margin: 25px 0 30px 0;
}
.delete-voyager-attention-dialog .equipment-container .equipment-item[data-v-eb385478] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.delete-voyager-attention-dialog .equipment-container .equipment-item[data-v-eb385478]:not(:last-child) {
  margin-bottom: 15px;
}
.delete-voyager-attention-dialog .equipment-container .equipment-item-img[data-v-eb385478] {
  width: 60px;
  height: 60px;
}
.delete-voyager-attention-dialog .dialog-footer[data-v-eb385478] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/fleetContainer.vue?vue&type=style&index=0&id=480aa201&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.iframe-container[data-v-480aa201] {
  width: 100%;
  height: 1000px;
  display: block;
  border: none;
  border-radius: 15px;
}


/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/BulkImport.vue?vue&type=style&index=0&id=d218c8b6&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-dialog .el-dialog__header {
  display: none;
}
.custom-dialog .el-dialog__footer {
  display: none;
}
.custom-dialog .el-dialog__body {
  padding: 0;
}
.select-group .el-tree-node__content {
  height: 45px;
}
.dialog-header[data-v-d218c8b6] {
  background: #AE0F0A;
  height: 60px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #ffffff;
  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;
  padding: 0 30px;
}
.import-content {
&[data-v-d218c8b6] {
  padding: 30px;
  padding-bottom: 0;
  }
& > div[data-v-d218c8b6]:first-of-type(1) {
    font-size: 16px;
}
}
.upload-btn[data-v-d218c8b6] {
  width: 142px;
  height: 45px;
  border: 1px solid #AE0F0A;
  border-radius: 10px;
  color: #AE0F0A;
  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;
  gap: 5px;
}
.import-wrapper[data-v-d218c8b6] {
  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;
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.show-file[data-v-d218c8b6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f5f5f5;
  border-radius: 10px;
  height: 45px;
  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;
  padding: 0 20px;
}
.file-item[data-v-d218c8b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.show-process {
&[data-v-d218c8b6] {
  width: 210px;
  height: 8px;
  background: #CFCFCF;
  border-radius: 10px;
  position: relative;
  }
.processing[data-v-d218c8b6] {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    border-radius: 10px;
    background: #199402;
}
}
.equipment-upload-icon[data-v-d218c8b6] {
  width: 24px;
  height: 24px;
}
.download {
&[data-v-d218c8b6] {
  color: #AE0F0A;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: underline;
  }
&[data-v-d218c8b6]:hover {
    cursor: pointer;
}
}
.tips[data-v-d218c8b6] {
  margin-top: 10px;
  color: #999999;
  margin-bottom: 25px;
  font-size: 14px;
}
.btn {
&[data-v-d218c8b6] {
  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;
  margin-top: 30px;
  }
& > button[data-v-d218c8b6] {
    width: 120px;
    height: 45px;
}
}
.select-group[data-v-d218c8b6] {
  inset: unset !important;
  display: block !important;
}
.error-con[data-v-d218c8b6] {
  margin-bottom: 20px;
  max-height: 130px;
}
.error-tip[data-v-d218c8b6] {
  color: #AE0F0A;
  margin-bottom: 10px;
}
.tip-con[data-v-d218c8b6] {
  position: absolute;
  left: 120px;
  bottom: 43px;
}
.my-tooltip {
  width: 360px;
  border-radius: 10px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/index.vue?vue&type=style&index=0&id=8c20dd32&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.connectStyle[data-v-8c20dd32] .el-tabs__item {
  font-size: 28px;
  font-weight: 800;
}
.connectStyle[data-v-8c20dd32] .el-tabs__active-bar {
  height: 4px;
  border-radius: 10px;
}
.connectStyle[data-v-8c20dd32] .el-tabs__header {
  margin-bottom: 30px;
}
.connectStyle .page-title[data-v-8c20dd32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.connectStyle .page-title[data-v-8c20dd32]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #ae0f0a;
  border-radius: 0px;
  content: " ";
}
.connectStyle .page-title span[data-v-8c20dd32] {
  margin-left: 10px;
}
.connectStyle .search-container .filter-container[data-v-8c20dd32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.connectStyle .search-container .filter-container .filter-btns[data-v-8c20dd32] {
  height: 55px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
}
.connectStyle .search-container .filter-container .filter-btns .filter-btn[data-v-8c20dd32] {
  padding: 0 15px;
  border: none;
  font-size: 20px;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #666666;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.connectStyle .search-container .filter-container .filter-btns .filter-btn + .el-button[data-v-8c20dd32] {
  margin-left: 0px;
}
.connectStyle .search-container .filter-container .filter-btns .filter-btn.active[data-v-8c20dd32], .connectStyle .search-container .filter-container .filter-btns .filter-btn[data-v-8c20dd32]:hover, .connectStyle .search-container .filter-container .filter-btns .filter-btn[data-v-8c20dd32]:focus {
  background: #e7e7e7;
  border-radius: 10px;
  font-weight: 500;
  color: #333333;
}
.connectStyle .search-container .filter-container .filter-btns .filter-btn[data-v-8c20dd32]:hover {
  font-weight: normal;
}
.connectStyle .search-container .filter-container .filter-btns .filter-btn:hover.active[data-v-8c20dd32], .connectStyle .search-container .filter-container .filter-btns .filter-btn[data-v-8c20dd32]:hover:focus {
  font-weight: 500;
}
.connectStyle .search-container .filter-container .show-more[data-v-8c20dd32] {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  margin-right: 0;
  cursor: pointer;
  margin-top: 11px;
  font-size: 20px;
}
.connectStyle .search-container .filter-container .show-more.active[data-v-8c20dd32] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.connectStyle .search-container .table-search[data-v-8c20dd32] {
  padding: 0 0 45px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.connectStyle .search-container .table-search .status[data-v-8c20dd32] {
  min-width: 230px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.connectStyle .search-container .table-search .reminder[data-v-8c20dd32] {
  min-width: 160px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] {
  width: 100%;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-select__tags .el-tag.el-tag--info:first-child {
  max-width: var(--first-status-max-width) !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-select__tags .el-tag.el-tag--info:first-child .el-select__tags-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #ffffff;
  border-color: #DDDDDD;
  cursor: pointer;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: #ffffff;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-select-dropdown__item.selected {
  font-weight: normal;
}
.connectStyle .search-container .table-search .status-select[data-v-8c20dd32] .el-select-dropdown__item.selected:after {
  content: "";
}
.connectStyle .search-container .table-search .status-select .option-label[data-v-8c20dd32] {
  margin-left: 13px;
}
.connectStyle .search-container .table-search .search-input-container[data-v-8c20dd32] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.connectStyle .search-container .table-search .search-input-container .search-key[data-v-8c20dd32] {
  margin-right: 0;
}
.connectStyle .search-container .table-search .search-input-container .search-key[data-v-8c20dd32] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.connectStyle .search-container .table-search .search-input-container .search-btn[data-v-8c20dd32] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.connectStyle .search-container .table-search .search-input-container .search-btn[data-v-8c20dd32] *.el-button + .el-button {
  margin-left: 15px;
}
.connectStyle .search-container .btns[data-v-8c20dd32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.connectStyle .search-container .btns .add-btn[data-v-8c20dd32] *.el-button [class*=el-icon-] + span {
  margin-left: 10px;
}
.connectStyle .search-container .btns .batch-add-btn .my-icon-upload[data-v-8c20dd32] {
  margin-right: 10px;
}
.connectStyle .search-container .btns .show-map-btn[data-v-8c20dd32] {
  margin-left: 15px;
}
.connectStyle .search-container .btns .show-map-btn .my-icon-show-map[data-v-8c20dd32] {
  width: 10px;
  height: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  margin-left: 8px;
}
.connectStyle .search-container .btns .show-map-btn .my-icon-show-map.show-map[data-v-8c20dd32] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.connectStyle .search-container .btns .el-button + .el-button[data-v-8c20dd32] {
  margin-left: 15px;
}
.connectStyle .map-container[data-v-8c20dd32] {
  height: 450px;
  background: #ae0f0a;
  border-radius: 15px;
  margin-top: 25px;
  overflow: hidden;
}
.connectStyle .data-list[data-v-8c20dd32] {
  margin-top: 25px;
  margin-bottom: 50px;
}
.connectStyle .data-list[data-v-8c20dd32] * table tbody tr {
  cursor: pointer;
}
.connectStyle .data-list .device-icon-container[data-v-8c20dd32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.connectStyle .data-list .device-icon-container .device-icon-content[data-v-8c20dd32] {
  position: relative;
}
.connectStyle .data-list .device-icon-container .device-icon-content .my-table-device-icon[data-v-8c20dd32] {
  position: absolute;
  font-size: 25px;
  top: 48px;
  right: 0;
}
.connectStyle .data-list .keyword-container[data-v-8c20dd32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.connectStyle .data-list .keyword-container .keyword-item[data-v-8c20dd32] {
  padding: 5px 10px;
  border-radius: 10px;
  background: #e7e7e7;
  margin-right: 5px;
  margin-bottom: 5px;
}
.connectStyle .data-list .operator-container[data-v-8c20dd32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.connectStyle .data-list .operator-container .my-table-icon[data-v-8c20dd32] {
  font-size: 20px;
  margin-right: 10px;
}
.connectStyle .data-list .operator-container .my-table-icon.my-table-icon-info[data-v-8c20dd32], .connectStyle .data-list .operator-container .my-table-icon.my-table-icon-up[data-v-8c20dd32] {
  font-size: 30px;
}
.connectStyle .batch-operation[data-v-8c20dd32] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #ae0f0a;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.connectStyle .batch-operation .batch-content[data-v-8c20dd32] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.connectStyle .batch-operation .batch-content .select-count[data-v-8c20dd32] {
  padding-left: 17px;
}
.connectStyle .batch-operation .batch-content .search-btn[data-v-8c20dd32] *.el-button + .el-button {
  margin-left: 15px;
}
.svg-wrapper[data-v-8c20dd32] {
  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: 45px;
  height: 45px;
  border: 1px solid #AE0F0A;
  border-radius: 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 15px;
}
.svg-wrapper[data-v-8c20dd32]:hover {
  cursor: pointer;
}
.equipment-export-icon[data-v-8c20dd32] {
  width: 24px;
  height: 24px;
}
.equipment-import-icon[data-v-8c20dd32] {
  width: 24px;
  height: 24px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/GroupTab/index.vue?vue&type=style&index=0&id=17d0686e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.group-tab[data-v-17d0686e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.group-tab .group-tab-list[data-v-17d0686e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.group-tab .group-tab-list.single-line[data-v-17d0686e] {
  max-height: 45px;
  overflow: hidden;
  position: relative;
}
.group-tab .group-tab-list.single-line[data-v-17d0686e]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, white));
  background: linear-gradient(to right, transparent, white 50%);
  pointer-events: none;
}
.group-tab .group-tab-list .group-tab-item[data-v-17d0686e] {
  font-size: 20px;
  color: #666666;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 15px 15px 0;
  padding: 11px 15px;
  border-radius: 10px;
  cursor: pointer;
}
.group-tab .group-tab-list .group-tab-item[data-v-17d0686e]:hover {
  background: #E7E7E7;
}
.group-tab .group-tab-list .active[data-v-17d0686e] {
  color: #333333;
  background: #E7E7E7;
}
.group-tab .more-icon[data-v-17d0686e] {
  padding: 15px 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CustomTimePicker/index.vue?vue&type=style&index=0&id=0d025882&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.time-picker-popover {
  padding: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.custom-time-picker .time-select {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 0 15px;
  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;
}
.custom-time-picker .start-time, .custom-time-picker .end-time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-time-picker .end-time {
  padding-left: 25px;
}
.custom-time-picker .time-clock {
  font-size: 20px;
}
.time-wheels {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.time-wheels .wheel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  text-align: center;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}
.time-wheels .wheel:before {
  display: block;
  content: "";
  width: 100%;
  height: 90px;
}
.time-wheels .wheel:after {
  display: block;
  content: "";
  width: 100%;
  height: 90px;
}
.time-wheels .wheel::-webkit-scrollbar {
  display: none;
}
.time-wheels .wheel .wheel-item {
  height: 34px;
  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;
  scroll-snap-align: center;
}
.time-wheels .wheel .wheel-item.selected {
  color: #AE0F0A;
  background: #F7E6E6;
  border-radius: 8px;
}
.confirm-btn {
  color: #AE0F0A;
  cursor: pointer;
  padding: 10px;
  border-top: 1px solid #dddddd;
  text-align: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/EconomicCharging.vue?vue&type=style&index=0&id=500151d4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .group-tabs[data-v-500151d4] {
  margin-bottom: 30px;
}
.customization-dialog .customization-content .customization-info-form .content-title-container[data-v-500151d4] {
  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;
  margin-top: 10px;
}
.customization-dialog .customization-content .customization-info-form .content-title-container[data-v-500151d4]:first-child {
  margin: 0;
}
.customization-dialog .customization-content .customization-info-form .content-title-container .content-title[data-v-500151d4] {
  font-weight: bold;
  color: #333333;
}
.customization-dialog .customization-content .customization-info-form .content-title-container .content-title.no-bold[data-v-500151d4] {
  font-weight: normal;
}
.customization-dialog .customization-content .customization-info-form .content-title-tips[data-v-500151d4] {
  color: #999999;
  margin-bottom: 25px;
}
.customization-dialog .customization-content .customization-info-form .time-select-form-container[data-v-500151d4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 16px;
  margin-bottom: 25px;
}
.customization-dialog .customization-content .customization-info-form .time-select-form-container[data-v-500151d4]:last-child {
  margin-bottom: 25px;
}
.customization-dialog .customization-content .customization-info-form .time-select-form-item[data-v-500151d4] {
  position: relative;
}
.customization-dialog .customization-content .customization-info-form .time-select-form-item .time-unit[data-v-500151d4] {
  position: absolute;
  top: 1px;
  left: 60px;
  min-width: 50px;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  color: #333333;
  background-color: #FFFFFF;
}
.customization-dialog .customization-content .customization-info-form .time-select-form-item .remind-charging-time[data-v-500151d4] {
  width: 100%;
}
.customization-dialog .customization-content .customization-info-form .time-select-form-item .remind-charging-time[data-v-500151d4] * .el-input__suffix-inner {
  display: none;
}
.customization-dialog .customization-content .customization-info-form .time-select[data-v-500151d4] {
  width: 100%;
  margin: 0;
}
.customization-dialog .customization-content .customization-info-form .time-select[data-v-500151d4] * .el-date-editor.el-input, .customization-dialog .customization-content .customization-info-form .time-select[data-v-500151d4] * .el-date-editor.el-input__inner {
  width: 100%;
}
.customization-dialog .customization-content .customization-info-form .time-select[data-v-500151d4] * .el-input__prefix {
  display: none;
}
.customization-dialog[data-v-500151d4] * .el-dialog__footer {
  padding: 5px 0 0 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ChargeIcon/index.vue?vue&type=style&index=0&id=3e3f19c0&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-battery-container[data-v-3e3f19c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-battery-container .my-battery-icon[data-v-3e3f19c0] {
  width: 19px;
  height: 12px;
  position: relative;
  border: 1px solid #F0D3D3;
  border-radius: 2px;
  margin-right: 7px;
}
.my-battery-container .my-battery-icon[data-v-3e3f19c0]:after {
  display: block;
  width: 2px;
  height: 4px;
  background: #F0D3D3;
  content: " ";
  position: absolute;
  right: -2px;
  top: 3px;
}
.my-battery-container .my-battery-icon .power-info-container[data-v-3e3f19c0] {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1px;
}
.my-battery-container .my-battery-icon .power-info[data-v-3e3f19c0] {
  width: 100%;
  max-width: 100%;
  height: 100%;
  opacity: 1;
}
.my-battery-container .my-battery-icon .battery-icon[data-v-3e3f19c0] {
  font-size: 11px;
  position: absolute;
  top: 0;
  left: calc(50% - 5px);
}
.my-battery-container .power-sum[data-v-3e3f19c0] {
  line-height: 1;
}
.my-battery-container.common-battery .my-battery-icon[data-v-3e3f19c0]:after {
  background: #999999;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/OffSeasonStorage.vue?vue&type=style&index=0&id=dd7da092&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.device-off-season-storage-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 26px;
}
.device-off-season-storage-tooltip .device-off-season-storage-tooltip-content {
  width: 327px;
}
.device-off-season-storage-tooltip .close {
  width: 11px;
  height: 11px;
  margin-left: 11px;
  margin-right: 8px;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/OffSeasonStorage.vue?vue&type=style&index=1&id=dd7da092&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .search-content[data-v-dd7da092] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-dialog .customization-content .search-content .address-input[data-v-dd7da092] {
  width: 728px;
}
.customization-dialog .customization-content .search-content .address-input[data-v-dd7da092] * .el-input__inner {
  padding-left: 15px;
  border-radius: 10px 0px 0px 10px;
}
.customization-dialog .customization-content .search-content .search-btn[data-v-dd7da092] {
  width: 120px;
  margin-left: -8px;
  z-index: 1;
}
.customization-dialog .customization-content .search-group[data-v-dd7da092] {
  margin: 30px 0 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customization-dialog .customization-content .search-group .group-tabs[data-v-dd7da092] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customization-dialog .customization-content .search-group .enable-all[data-v-dd7da092] {
  color: #AE0F0A;
  cursor: pointer;
  margin-left: 60px;
  padding: 15px 0;
}
.customization-dialog .customization-content .data-list-container .data-item-no-data[data-v-dd7da092] {
  line-height: 42px;
  text-align: center;
  margin-top: 40px;
}
.customization-dialog .customization-content .data-list-container .data-list-items[data-v-dd7da092] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}
.customization-dialog .customization-content .data-list-container .data-list-items .data-item[data-v-dd7da092] {
  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;
  padding: 18px 20px;
  background: #F0F0F0;
  border-radius: 10px;
}
.customization-dialog .customization-content .data-list-container .data-list-items .data-item .data-item-info[data-v-dd7da092] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customization-dialog .customization-content .data-list-container .data-list-items .data-item .data-item-info .device-icon[data-v-dd7da092] {
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
}
.customization-dialog .customization-content .data-list-container .data-list-items .data-item .data-item-info .device-name[data-v-dd7da092] {
  line-height: 22px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customization-dialog .customization-content .data-list-container .data-list-items .data-item .data-item-info .device-battery[data-v-dd7da092] {
  padding-top: 8px;
}
.customization-dialog .customization-content .toggle-all-tips[data-v-dd7da092] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  width: 552px;
  height: 104px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 15px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  word-break: keep-all;
  position: absolute;
  top: 225px;
  left: calc(50% - 276px);
}
.customization-dialog .customization-content .toggle-all-tips .close[data-v-dd7da092] {
  width: 11px;
  height: 11px;
  margin-left: 14px;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/CrewSelect.vue?vue&type=style&index=0&id=de7729ea&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crew-select-container[data-v-de7729ea] {
  height: 45px;
  padding-left: 8px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  position: relative;
}
.crew-select-container .crew-select-selected-list[data-v-de7729ea] {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.crew-select-container .crew-select-selected-list .crew-select-tag[data-v-de7729ea] {
  height: 30px;
  margin: 8px 5px 7px 0;
  background: #EEEEEE;
  border-radius: 10px;
  font-size: 16px;
  color: #333333;
}
.crew-select-container .crew-select-selected-list .crew-select-tag[data-v-de7729ea] * .el-tag__close.el-icon-close {
  font-size: 16px;
  color: #666666;
  border-radius: 2px;
  opacity: 1;
}
.crew-select-container .crew-select-selected-list .crew-select-tag[data-v-de7729ea] * .el-tag__close.el-icon-close:hover {
  background: transparent;
}
.crew-select-container .crew-select-selected-list .placeholder[data-v-de7729ea] {
  line-height: 43px;
  color: #CCCCCC;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container[data-v-de7729ea] {
  position: absolute;
  top: 0px;
  right: 0;
  width: 44px;
  height: 43px;
  border-radius: 10px;
  line-height: 40px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, #FFFFFF), to(#FFFFFF));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 30%, #FFFFFF 100%);
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container .my-icon-show-option[data-v-de7729ea] {
  font-size: 12px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.crew-select-container .crew-select-selected-list .my-icon-show-option-container .my-icon-show-option.show-option[data-v-de7729ea] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.crew-select-container .crew-select-option-container[data-v-de7729ea] {
  position: absolute;
  z-index: 9999;
  top: 50px;
  left: 0;
  width: 100%;
  max-height: 250px;
  overflow: auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 15px 0;
}
.crew-select-container .crew-select-option-container .in-use[data-v-de7729ea] {
  padding: 12px 15px;
}
.crew-select-container .crew-select-option-container .stored[data-v-de7729ea] {
  padding: 12px 15px;
  cursor: pointer;
}
.crew-select-container .crew-select-option-container .stored.active[data-v-de7729ea], .crew-select-container .crew-select-option-container .stored[data-v-de7729ea]:hover {
  background: #EEEEEE;
}
.crew-select-container .crew-select-option-container .crews[data-v-de7729ea] {
  cursor: pointer;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-de7729ea] {
  padding: 12px 30px;
  display: block;
  margin-right: 0;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-de7729ea] * .el-checkbox__label {
  color: #333333;
  font-size: 16px;
}
.crew-select-container .crew-select-option-container .crews .crews-item[data-v-de7729ea]:hover {
  background: #EEEEEE;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/RegularLock.vue?vue&type=style&index=0&id=e05830ee&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .content-title-container[data-v-e05830ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 15px;
}
.customization-dialog .customization-content .content-title-container[data-v-e05830ee]:first-child {
  margin: 0;
}
.customization-dialog .customization-content .content-title-container .content-title[data-v-e05830ee] {
  line-height: 22px;
  font-weight: bold;
  color: #333333;
}
.customization-dialog .customization-content .content-title-container .content-title-desc[data-v-e05830ee] {
  line-height: 22px;
  color: #999999;
  margin-top: 5px;
}
.customization-dialog .customization-content .time-container[data-v-e05830ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 45px;
}
.customization-dialog .customization-content .time-container .time-item-content[data-v-e05830ee] {
  width: 412px;
}
.customization-dialog .customization-content .time-container .time-item-content .time-label[data-v-e05830ee] {
  line-height: 22px;
}
.customization-dialog .customization-content .time-container .time-item-content .time-select[data-v-e05830ee] {
  margin-top: 10px;
  width: 100%;
}
.customization-dialog .customization-content .time-container .time-item-content .time-select[data-v-e05830ee] * .el-input__prefix {
  right: 11px;
  left: unset;
  border-left: 1px solid #DDDDDD;
  padding-left: 10px;
}
.customization-dialog .customization-content .time-container .time-item-content .time-select[data-v-e05830ee] * .el-input__prefix .el-input__icon.el-icon-time {
  font-size: 22px;
}
.customization-dialog .customization-content .repeat-container[data-v-e05830ee] {
  margin-top: 25px;
}
.customization-dialog .customization-content .repeat-container .repeat-list[data-v-e05830ee] {
  margin-top: 10px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 0 25px 25px;
}
.customization-dialog .customization-content .repeat-container .repeat-list .repeat-item[data-v-e05830ee] {
  width: 165px;
  padding-top: 25px;
}
.customization-dialog .customization-content .repeat-container .repeat-list .repeat-item[data-v-e05830ee] * .el-checkbox__label {
  color: #333333;
  font-size: 16px;
}
.customization-dialog .customization-content .repeat-container .repeat-list .repeat-item[data-v-e05830ee] * .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #333333;
}
.customization-dialog .customization-content .equipment-container .equipment-title[data-v-e05830ee] {
  margin-top: 25px;
}
.customization-dialog .customization-content .equipment-container .equipment-search[data-v-e05830ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.customization-dialog .customization-content .equipment-container .equipment-search .search-select[data-v-e05830ee] {
  width: 279px;
}
.customization-dialog .customization-content .equipment-container .equipment-search .search-input[data-v-e05830ee] {
  width: 408px;
  margin: 0 20px 0 13px;
}
.customization-dialog .customization-content .equipment-container .select-all[data-v-e05830ee] {
  margin-top: 25px;
}
.customization-dialog .customization-content .equipment-container .select-all[data-v-e05830ee] * .el-checkbox__label {
  color: #333333;
  font-size: 16px;
}
.customization-dialog .customization-content .equipment-container .select-all[data-v-e05830ee] * .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #333333;
}
.customization-dialog .customization-content .equipment-container .equipment-list[data-v-e05830ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.customization-dialog .customization-content .equipment-container .equipment-list .equipment-item-container[data-v-e05830ee] {
  width: 197px;
  height: 155px;
  padding: 15px;
  background: #F0F0F0;
  border-radius: 10px;
  cursor: pointer;
  margin: 16px 15px 0 0;
}
.customization-dialog .customization-content .equipment-container .equipment-list .equipment-item-container[data-v-e05830ee]:nth-child(4n) {
  margin-right: 0;
}
.customization-dialog .customization-content .equipment-container .equipment-list .equipment-item-container .equipment-label[data-v-e05830ee] {
  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;
}
.customization-dialog .customization-content .equipment-container .equipment-list .equipment-item-container .equipment-icon[data-v-e05830ee] {
  width: 65px;
  height: 65px;
  display: block;
  margin: 0 auto;
}
.customization-dialog .customization-content .equipment-container .equipment-list .equipment-item-container .equipment-name[data-v-e05830ee] {
  line-height: 22px;
  text-align: center;
}
.customization-dialog .customization-content .equipment-container .equipment-list .equipment-item-container .equipment-crew[data-v-e05830ee] {
  line-height: 16px;
  font-size: 14px;
  color: #999999;
  text-align: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ReportLoss.vue?vue&type=style&index=0&id=5ad07276&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .search-content[data-v-5ad07276] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-dialog .customization-content .search-content .address-input[data-v-5ad07276] {
  width: 728px;
}
.customization-dialog .customization-content .search-content .address-input[data-v-5ad07276] * .el-input__inner {
  padding-left: 15px;
  border-radius: 10px 0px 0px 10px;
}
.customization-dialog .customization-content .search-content .search-btn[data-v-5ad07276] {
  width: 120px;
  margin-left: -8px;
  z-index: 1;
}
.customization-dialog .customization-content .report-loss-device-map[data-v-5ad07276] {
  background: #AE0F0A;
  border-radius: 15px;
  opacity: 0.85;
  height: 313px;
  margin-top: 25px;
  overflow: hidden;
}
.customization-dialog .customization-content .device-list-container .data-item-no-data[data-v-5ad07276] {
  line-height: 42px;
  text-align: center;
}
.customization-dialog .customization-content .device-list-container .data-item[data-v-5ad07276] {
  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;
  margin-top: 42px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info[data-v-5ad07276] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-icon[data-v-5ad07276] {
  position: relative;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-icon .my-table-device-icon[data-v-5ad07276] {
  position: absolute;
  font-size: 24px;
  bottom: 0;
  right: 0;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-item-details[data-v-5ad07276] {
  max-width: 550px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-item-details .device-name[data-v-5ad07276] {
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-item-details .device-location[data-v-5ad07276] {
  line-height: 22px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customization-dialog .customization-content .device-list-container .data-item .report-loss-btn[data-v-5ad07276] {
  min-width: 128px;
}
.customization-dialog[data-v-5ad07276] * .el-dialog__footer {
  text-align: center;
  padding: 30px 30px 17px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/LockAndSafe.vue?vue&type=style&index=0&id=fd6b4c0a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .search-content[data-v-fd6b4c0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customization-dialog .customization-content .search-content .address-input[data-v-fd6b4c0a] {
  width: 720px;
}
.customization-dialog .customization-content .search-content .address-input[data-v-fd6b4c0a] * .el-input__inner {
  padding-left: 15px;
  border-radius: 10px 0px 0px 10px;
}
.customization-dialog .customization-content .search-content .search-btn[data-v-fd6b4c0a] {
  width: 120px;
  border-radius: 0px 10px 10px 0px;
}
.customization-dialog .customization-content .report-loss-device-map[data-v-fd6b4c0a] {
  background: #AE0F0A;
  border-radius: 15px;
  opacity: 0.85;
  height: 313px;
  margin-top: 25px;
  overflow: hidden;
}
.customization-dialog .customization-content .device-list-container[data-v-fd6b4c0a] {
  margin-bottom: 42px;
}
.customization-dialog .customization-content .device-list-container .data-item-no-data[data-v-fd6b4c0a] {
  margin-top: 42px;
  text-align: center;
}
.customization-dialog .customization-content .device-list-container .data-item[data-v-fd6b4c0a] {
  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;
  margin-top: 42px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info[data-v-fd6b4c0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-icon[data-v-fd6b4c0a] {
  position: relative;
  width: 94px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-icon .my-table-device-icon[data-v-fd6b4c0a] {
  position: absolute;
  font-size: 25px;
  bottom: 8px;
  right: 12px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-item-details[data-v-fd6b4c0a] {
  max-width: 550px;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-item-details .device-name[data-v-fd6b4c0a] {
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customization-dialog .customization-content .device-list-container .data-item .data-item-info .device-item-details .device-location[data-v-fd6b4c0a] {
  line-height: 22px;
  color: #999999;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ManualAntiTheft.vue?vue&type=style&index=0&id=825f958e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .group-tabs[data-v-825f958e] {
  margin-bottom: 25px;
}
.customization-dialog .customization-content .electron-anti-theft-device-map[data-v-825f958e] {
  background: #AE0F0A;
  border-radius: 15px;
  opacity: 0.85;
  height: 313px;
  margin-top: 10px;
  margin-bottom: 25px;
  overflow: hidden;
}
.customization-dialog .customization-content .device-list-container[data-v-825f958e] {
  margin-top: 10px;
}
.customization-dialog .customization-content .device-list-container .device-list-tip[data-v-825f958e] {
  color: #999999;
  line-height: 22px;
  word-break: keep-all;
}
.customization-dialog .customization-content .device-list-container .enable-all[data-v-825f958e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #AE0F0A;
  cursor: pointer;
  margin-top: 15px;
}
.customization-dialog .customization-content .device-list-container .data-item-container[data-v-825f958e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content[data-v-825f958e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
  width: calc(50% - 8px);
  height: 130px;
  padding: 20px;
  background: #F0F0F0;
  border-radius: 10px;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content[data-v-825f958e]:nth-child(2n+1) {
  margin-right: 16px;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info[data-v-825f958e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-icon[data-v-825f958e] {
  position: relative;
  width: 65px;
  height: 65px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 13px;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-icon .my-table-device-icon[data-v-825f958e] {
  position: absolute;
  font-size: 25px;
  bottom: 8px;
  right: 8px;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details[data-v-825f958e] {
  width: calc(100% - 78px);
  position: relative;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .device-name-container[data-v-825f958e] {
  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;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .device-name-container .device-name[data-v-825f958e] {
  max-width: calc(100% - 70px);
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .no-lat-lng-tip[data-v-825f958e] {
  position: absolute;
  font-size: 14px;
  color: #FFB000;
  top: 28px;
  left: 0;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container[data-v-825f958e] {
  margin-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .my-num-input[data-v-825f958e] {
  width: 100%;
  vertical-align: middle;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .my-num-input[data-v-825f958e] *.el-input-number__decrease, .customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .my-num-input[data-v-825f958e] *.el-input-number__increase {
  height: 50%;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .my-num-input[data-v-825f958e] * .el-input__inner {
  text-align: left;
  color: #333333;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .my-num-input[data-v-825f958e] *.is-disabled .el-input__inner {
  color: #BDBDBD;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .el-input__icon[data-v-825f958e] {
  position: absolute;
  top: 1px;
  right: 50px;
  display: block;
  height: 43px;
  line-height: 40px;
  color: #333333;
  width: auto;
  text-align: left;
  font-style: normal;
}
.customization-dialog .customization-content .device-list-container .data-item-container .data-item-content .data-item-info .device-item-details .my-num-input-container .el-input__icon.is-disabled[data-v-825f958e] {
  color: #BDBDBD;
}
.customization-dialog .customization-content .device-list-container .data-item.no-data[data-v-825f958e] {
  width: 100%;
  text-align: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 40px;
}
.customization-dialog[data-v-825f958e] * .el-dialog__footer .el-button + .el-button {
  margin-left: 25px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ScheduledAntiTheft.vue?vue&type=style&index=0&id=25f6065e&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-time-range-picker.el-picker-panel.el-popper{
  z-index: 3000!important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ScheduledAntiTheft.vue?vue&type=style&index=1&id=25f6065e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .tips[data-v-25f6065e] {
  color: #999999;
  line-height: 22px;
}
.customization-dialog .customization-content .group-tabs[data-v-25f6065e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 25px 0;
}
.customization-dialog .customization-content .no-location[data-v-25f6065e] {
  height: 120px;
}
.customization-dialog .customization-content .add-location-container[data-v-25f6065e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.customization-dialog .customization-content .add-location-container .add-location[data-v-25f6065e] {
  font-size: 18px;
  color: #AE0F0A;
}
.customization-dialog .customization-content .add-location-container .add-location .add-icon[data-v-25f6065e] {
  margin-right: 5px;
}
.customization-dialog .customization-content .add-location-container .is-disabled[data-v-25f6065e] {
  opacity: 0.3;
}
.customization-dialog .customization-content .location-info .company-location .company-label[data-v-25f6065e] {
  margin-bottom: 10px;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container[data-v-25f6065e] {
  position: relative;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container:hover .company-location-input-btn .company-location-input-close-icon[data-v-25f6065e] {
  display: inline-block;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container:hover .company-location-input-btn .company-location-input-icon[data-v-25f6065e] {
  display: inline-block;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container .location-input-container-mask[data-v-25f6065e] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% - 33px);
  z-index: 2;
  cursor: not-allowed;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container .company-location-input[data-v-25f6065e] {
  margin-top: 10px;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container .company-location-input-btn[data-v-25f6065e] {
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 15px;
  padding-right: 15px;
  padding-left: 15px;
  line-height: 43px;
  color: #AE0F0A;
  background: #ffffff;
  text-align: right;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container .company-location-input-btn .company-location-input-close-icon[data-v-25f6065e] {
  font-size: 17px;
  cursor: pointer;
  display: none;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container .company-location-input-btn .company-location-input-icon[data-v-25f6065e] {
  font-size: 17px;
  cursor: pointer;
  margin-left: 15px;
  display: none;
}
.customization-dialog .customization-content .location-info .company-location .company-location-input-container .company-location-input-btn span[data-v-25f6065e] {
  cursor: pointer;
  margin-left: 15px;
}
.customization-dialog .customization-content .location-info .electron-anti-theft-device-map[data-v-25f6065e] {
  background: #AE0F0A;
  border-radius: 15px;
  opacity: 0.85;
  height: 313px;
  margin-top: 10px;
  margin-bottom: 25px;
  overflow: hidden;
}
.customization-dialog .customization-content .location-info .location-settings[data-v-25f6065e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
.customization-dialog .customization-content .location-info .location-settings-item[data-v-25f6065e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customization-dialog .customization-content .location-info .location-settings-item .company-label[data-v-25f6065e] {
  margin-bottom: 10px;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container[data-v-25f6065e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .my-num-input[data-v-25f6065e] {
  width: 100%;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .my-num-input[data-v-25f6065e] *.el-input-number__decrease, .customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .my-num-input[data-v-25f6065e] *.el-input-number__increase {
  height: 50%;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .my-num-input[data-v-25f6065e] * .el-input__inner {
  text-align: left;
  color: #333333;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .my-num-input[data-v-25f6065e] *.is-disabled .el-input__inner {
  color: #BDBDBD;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .el-input__icon[data-v-25f6065e] {
  position: absolute;
  top: 1px;
  right: 50px;
  display: block;
  height: 43px;
  line-height: 40px;
  color: #333333;
  width: auto;
  text-align: left;
  font-style: normal;
}
.customization-dialog .customization-content .location-info .location-settings-item .my-num-input-container .el-input__icon.is-disabled[data-v-25f6065e] {
  color: #BDBDBD;
}
.customization-dialog .customization-content .location-info .location-settings-item .frequency-details-options-right[data-v-25f6065e] * .el-date-editor--timerange {
  width: 100%;
}
.customization-dialog .customization-content .location-info .location-settings-item .frequency-details-options-right[data-v-25f6065e] * .el-range-editor--medium.el-input__inner {
  padding: 0 10px 0 15px;
}
.customization-dialog .customization-content .location-info .location-settings-item .frequency-details-options-right[data-v-25f6065e] * .el-date-editor .el-range-input {
  text-align: left;
}
.customization-dialog .customization-content .location-info .location-settings-item .frequency-details-options-right[data-v-25f6065e] * .el-range-editor--medium .el-range-separator {
  padding: 0 54px;
}
.customization-dialog .customization-content .location-info .form-btns[data-v-25f6065e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}
.customization-dialog .customization-content .location-list .lock-switch[data-v-25f6065e] {
  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;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
}
.customization-dialog .customization-content .location-list-item[data-v-25f6065e] {
  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;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.customization-dialog .customization-content .location-list-item[data-v-25f6065e]:not(:last-child) {
  border-bottom: 1px solid #DDDDDD;
}
.customization-dialog .customization-content .location-list-item-info .address[data-v-25f6065e] {
  color: #333333;
  margin-bottom: 9px;
}
.customization-dialog .customization-content .location-list-item-info .settings[data-v-25f6065e] {
  color: #999999;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 25px;
}
.customization-dialog .customization-content .location-list-item-operation[data-v-25f6065e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customization-dialog .customization-content .location-list-item-operation .icon[data-v-25f6065e] {
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Customization.vue?vue&type=style&index=0&id=3dd5d3f5&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.order-details-container .details-content[data-v-3dd5d3f5] {
  margin-top: 40px;
  margin-bottom: 50px;
}
.order-details-container .details-content .title[data-v-3dd5d3f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.order-details-container .details-content .title[data-v-3dd5d3f5]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.order-details-container .details-content .title span[data-v-3dd5d3f5] {
  margin-left: 10px;
}
.order-details-container .details-content .setting-item-container[data-v-3dd5d3f5] {
  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;
  border-radius: 10px;
  background-color: #F0F0F0;
  margin-top: 25px;
  padding: 22px 25px 25px 20px;
}
.order-details-container .details-content .setting-item-container .customization-set-btn[data-v-3dd5d3f5] {
  margin-left: 25px;
}
.order-details-container .details-content .setting-item-container .item-title[data-v-3dd5d3f5] {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #333333;
}
.order-details-container .details-content .setting-item-container .item-desc[data-v-3dd5d3f5] {
  line-height: 22px;
  color: #999999;
  margin-top: 5px;
}
.order-details-container .details-content .setting-item-container .item-tips[data-v-3dd5d3f5] {
  line-height: 22px;
  color: #666666;
  margin-top: 15px;
}
.order-details-container .details-content .setting-item-container .item-tips .charge-item-tips[data-v-3dd5d3f5] {
  margin-right: 30px;
}
.order-details-container .details-content .setting-item-container .item-tips .charge-item-tips[data-v-3dd5d3f5]:last-child {
  margin-right: 0;
}
.order-details-container .details-content .setting-item-container .item-tips .charge-item-tips .item-tips-label[data-v-3dd5d3f5] {
  margin-right: 5px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/DetailMap.vue?vue&type=style&index=0&id=05d2ac6d&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-g-map-container[data-v-05d2ac6d] {
  position: relative;
  width: 100%;
  height: 100%;
}
.my-g-map-container[data-v-05d2ac6d] .vue-map-container,
.my-g-map-container[data-v-05d2ac6d] .vue-map {
  width: 100% !important;
  height: 100% !important;
}
.my-g-map-container .map-type-switch[data-v-05d2ac6d] {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.my-g-map-container .map-type-switch .map-type-switch-logo[data-v-05d2ac6d] {
  width: 66px;
  height: 66px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
          box-shadow: 0 0 6px 1px rgba(17, 46, 74, 0.2);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/EditInfo.vue?vue&type=style&index=0&id=5c555f26&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.edit-device-dialog .service-content .equipment-device-type[data-v-5c555f26] * .el-radio__input + .el-radio__label,
.edit-device-dialog .service-content .equipment-device-type[data-v-5c555f26] * .el-radio__input.is-checked + .el-radio__label {
  color: #333333;
}
.edit-device-dialog .service-content .equipment-device-type[data-v-5c555f26] * .el-radio__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}
.edit-device-dialog .service-content .equipment-device-type[data-v-5c555f26] * .el-radio__inner::after {
  width: 6px;
  height: 6px;
}
.edit-device-dialog .service-content .equipment-device-type[data-v-5c555f26] * .el-radio__input.is-checked .el-radio__inner {
  border-color: #AE0F0A;
  background: #ffffff;
}
.edit-device-dialog .service-content .equipment-device-type[data-v-5c555f26] * .el-radio__input.is-checked .el-radio__inner::after {
  background-color: #AE0F0A;
}
.edit-device-dialog .service-content .serial-number-form-item .serial-number[data-v-5c555f26] {
  position: absolute;
  top: -36px;
  right: 0;
  color: #AE0F0A;
  cursor: pointer;
}
.edit-device-dialog .service-content .device-name-error[data-v-5c555f26] {
  color: #AE0F0A;
  line-height: 30px;
}
.edit-device-dialog .service-content .activation-container[data-v-5c555f26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-device-dialog .service-content .activation-container .activation-btn[data-v-5c555f26] {
  border-radius: 0px 10px 10px 0px;
  height: 45px;
  line-height: 45px;
  padding: 0 27px;
}
.edit-device-dialog .service-content .activation-container[data-v-5c555f26] * .el-input__inner {
  border-radius: 10px 0px 0px 10px;
}
.edit-device-dialog .service-content .edit-info-form .data-packer[data-v-5c555f26] {
  width: 100%;
  padding: 0 10px 0 15px;
}
.edit-device-dialog .service-content .edit-info-form .data-packer[data-v-5c555f26] * .el-range-input {
  text-align: left;
  width: 45%;
}
.edit-device-dialog .service-content .edit-info-form .third-run-time-num[data-v-5c555f26] {
  width: 140px;
  border-radius: 10px;
}
.edit-device-dialog .service-content .edit-info-form .third-run-time-num[data-v-5c555f26] * .el-input__inner {
  text-align: left;
}
.edit-device-dialog .service-content .edit-info-form .third-run-time-unit[data-v-5c555f26] {
  margin-left: 10px;
  margin-right: 30px;
}
.edit-device-dialog .service-content .edit-info-form .form-btns[data-v-5c555f26] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 22px;
}
.edit-device-dialog .service-content .edit-info-form .form-btns button + button[data-v-5c555f26] {
  margin-left: 25px;
}
.edit-device-dialog .service-content .edit-info-form[data-v-5c555f26] * .el-select {
  width: 100%;
}
.edit-device-dialog .service-content .history-info[data-v-5c555f26] {
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  padding: 15px;
  line-height: 22px;
  margin-bottom: 25px;
}
.edit-device-dialog .service-content .history-info .total-runtime[data-v-5c555f26] {
  margin-bottom: 12px;
}
.edit-device-dialog .service-content .history-info .info-label[data-v-5c555f26] {
  margin-right: 10px;
}
.edit-device-dialog .service-content .keyword-container .equipment-my-select[data-v-5c555f26] {
  display: block;
}
.edit-device-dialog .service-content .keyword-container .equipment-my-select[data-v-5c555f26] * .el-select-dropdown.el-popper.is-multiple {
  min-height: 100px;
}
.edit-device-dialog .service-content .keyword-container .keyword-error[data-v-5c555f26] {
  position: absolute;
  font-size: 14px;
  color: #AE0F0A;
  top: -29px;
  right: 0;
  left: auto;
  line-height: initial;
  padding-top: 0;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * ul.el-scrollbar__view.el-select-dropdown__list {
  width: 840px;
  padding: 15px 5px 130px 15px;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-equipment-add {
  display: inline-block;
  background: #EEEEEE;
  border-radius: 10px;
  padding: 5px 15px 6px;
  margin-right: 10px;
  height: auto;
  line-height: 22px;
  position: relative;
  overflow: visible;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-equipment-add .keyword-option-close {
  display: none;
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * ul.el-scrollbar__view.el-select-dropdown__list .my-select-option-equipment-add:hover .keyword-option-close {
  display: block;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  display: none;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #ffffff;
  background: #AE0F0A;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * .el-tag.el-tag--info {
  background: #EEEEEE;
  color: #333333;
  border-radius: 10px;
  height: auto;
  padding: 5px 15px 6px;
  line-height: 22px;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * .el-select .el-tag__close.el-icon-close {
  background-color: #EEEEEE;
  font-size: 16px;
}
.edit-device-dialog .service-content .keyword-container[data-v-5c555f26] * .el-select .el-tag__close.el-icon-close:hover {
  color: #333333;
}
.edit-device-dialog .service-content .result-container[data-v-5c555f26] {
  text-align: center;
  margin-top: 10px;
}
.edit-device-dialog .service-content .result-container .ok-icon[data-v-5c555f26] {
  font-size: 40px;
}
.edit-device-dialog .service-content .result-container .success-title[data-v-5c555f26] {
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  line-height: 32px;
  margin-top: 15px;
}
.edit-device-dialog .service-content .result-container .success-info[data-v-5c555f26] {
  color: #333333;
  line-height: 32px;
  margin-top: 5px;
}
.edit-device-dialog .service-content .result-container .device-img[data-v-5c555f26] {
  display: block;
  width: 145px;
  margin: 22px auto 15px;
}
.edit-device-dialog .service-content .result-container .device-name[data-v-5c555f26] {
  line-height: 32px;
  margin-bottom: 59px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Charging.vue?vue&type=style&index=0&id=06ca9b3f&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-content-dialog[data-v-06ca9b3f] * .el-dialog {
  padding-bottom: 0;
}
.service-content .add-info-form[data-v-06ca9b3f] * .el-select {
  display: block;
}
.service-content .add-info-form .charging-tip[data-v-06ca9b3f] {
  color: #999999;
}
.service-content .add-info-form .charging-radio[data-v-06ca9b3f] {
  display: block;
  margin-top: 25px;
}
.service-content .add-info-form .form-btns[data-v-06ca9b3f] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
}
.service-content .add-info-form .form-btns button + button[data-v-06ca9b3f] {
  margin-left: 25px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/CyberTankSetting.vue?vue&type=style&index=0&id=afcde68a&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.system-time-zone {
  color: #999999;
}
.cyber-tank-self-select .el-scrollbar {
  padding-top: 75px;
}
.cyber-tank-self-select .self-select-search-container {
  position: absolute;
  top: 0;
  padding: 15px 15px 15px;
  width: 100%;
}
.cyber-tank-self-select .self-select-search-container.empty {
  position: relative;
}
.cyber-tank-self-select .self-select-search-container .el-input__inner {
  padding-left: 46px;
}
.cyber-tank-self-select .self-select-search-container .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 10px;
}
.cyber-tank-self-select .self-select-search-container .el-input__prefix .search-btn-icon {
  width: 26.78px;
  height: 24.7px;
}
.cyber-tank-self-select .no-data-div {
  text-align: center;
  padding: 0 0 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/CyberTankSetting.vue?vue&type=style&index=1&id=afcde68a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.edit-device-dialog .service-content .edit-info-form[data-v-afcde68a] * .el-select {
  display: block;
}
.edit-device-dialog .service-content .edit-info-form[data-v-afcde68a] * .el-form-item--medium .el-form-item__label {
  font-size: 20px;
  font-weight: bold;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio {
  margin-right: 0;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio:first-child {
  margin-right: 60px;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio__input + .el-radio__label,
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio__input.is-checked + .el-radio__label {
  color: #333333;
  font-weight: 400;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio__inner::after {
  width: 6px;
  height: 6px;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio__input.is-checked .el-radio__inner {
  border-color: #AE0F0A;
  background: #ffffff;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type[data-v-afcde68a] * .el-radio__input.is-checked .el-radio__inner::after {
  background-color: #AE0F0A;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type .radio-tip[data-v-afcde68a] {
  margin-left: 10px;
  color: #AE0F0A;
}
.edit-device-dialog .service-content .edit-info-form .equipment-device-type .radio-tip span[data-v-afcde68a] {
  text-decoration: underline;
  cursor: pointer;
}
.edit-device-dialog .service-content .edit-info-form .dst-form-item[data-v-afcde68a] * .el-form-item__label {
  display: block;
}
.edit-device-dialog .service-content .edit-info-form .dst-form-item .dst-container[data-v-afcde68a] {
  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;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ConfirmSetting.vue?vue&type=style&index=0&id=21cbe83e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.content .top[data-v-21cbe83e] {
  height: 40px;
}
.content .top .img-content[data-v-21cbe83e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
.content .top .img-content .colon[data-v-21cbe83e] {
  margin: 0 5px;
}
.content .bottom .title[data-v-21cbe83e] {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 15px;
}
.content .bottom .equipment[data-v-21cbe83e] {
  margin-bottom: 15px;
  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;
}
.content .bottom .equipment .equipment-info[data-v-21cbe83e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .bottom .equipment .equipment-info .img[data-v-21cbe83e] {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}
.content .bottom .equipment .equipment-info .name-status .failed[data-v-21cbe83e] {
  margin-top: 5px;
  color: #FFB000;
}
.content .bottom .equipment .equipment-info .name-status .downloading[data-v-21cbe83e] {
  margin-top: 5px;
  color: #999999;
}
.content .bottom .equipment .equipment-status .img[data-v-21cbe83e] {
  width: 20px;
  height: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ControlledRecoveryModeDialog.vue?vue&type=style&index=0&id=f57e5488&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crm-request-dialog .el-dialog__body {
  padding: 0;
  overflow: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ControlledRecoveryModeDialog.vue?vue&type=style&index=1&id=f57e5488&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crm-dialog-header[data-v-f57e5488] {
  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;
  background: #AE0F0A;
}
.crm-dialog-header .header-left[data-v-f57e5488] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.crm-dialog-header .header-warning-icon[data-v-f57e5488] {
  font-size: 22px;
  color: #fff;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.crm-dialog-header .header-title[data-v-f57e5488] {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
}
.crm-dialog-header .header-close[data-v-f57e5488] {
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}
.crm-dialog-header .header-close[data-v-f57e5488]:hover {
  opacity: 0.8;
}
.crm-dialog-body[data-v-f57e5488] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 300px);
}
.crm-scroll-area[data-v-f57e5488] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 30px 0 30px;
}
.crm-request-desc[data-v-f57e5488] {
  margin-bottom: 30px;
}
.crm-risk-title[data-v-f57e5488] {
  color: #AE0F0A;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.crm-risk-card[data-v-f57e5488] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: rgba(174, 15, 10, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(174, 15, 10, 0.2);
  padding: 10px;
  margin-bottom: 10px;
}
.crm-risk-card[data-v-f57e5488]:last-child {
  margin-bottom: 0;
}
.crm-risk-card .risk-bullet[data-v-f57e5488] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #AE0F0A;
  margin-top: 7px;
  margin-right: 10px;
}
.crm-risk-card .risk-content[data-v-f57e5488] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.crm-risk-card .risk-label[data-v-f57e5488] {
  font-weight: bold;
  margin-bottom: 5px;
}
.crm-risk-card .risk-desc[data-v-f57e5488] {
  font-size: 14px;
  color: #999999;
  line-height: 19px;
}
.crm-footer-area[data-v-f57e5488] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 20px 30px 0 30px;
}
.crm-confirm-row[data-v-f57e5488] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 30px;
}
.crm-confirm-row .crm-checkbox[data-v-f57e5488] {
  margin-right: 10px;
}
.crm-confirm-row .crm-checkbox[data-v-f57e5488] .el-checkbox__inner {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.crm-confirm-row .crm-checkbox[data-v-f57e5488] .el-checkbox__inner::after {
  height: 11px;
  left: 7px;
}
.crm-confirm-row .crm-checkbox[data-v-f57e5488] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
}
.crm-confirm-row .crm-confirm-text[data-v-f57e5488] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.crm-dialog-buttons[data-v-f57e5488] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.crm-dialog-buttons .crm-cancel-btn[data-v-f57e5488] {
  min-width: 120px;
}
.crm-dialog-buttons .crm-continue-wrapper[data-v-f57e5488] {
  display: inline-block;
}
.crm-dialog-buttons .crm-continue-btn[data-v-f57e5488] {
  min-width: 120px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/HowToEnterAuthCodeDialog.vue?vue&type=style&index=0&id=8faa3c90&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.how-to-auth-dialog .el-dialog__header {
  padding: 0;
}
.how-to-auth-dialog .el-dialog__body {
  padding: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/HowToEnterAuthCodeDialog.vue?vue&type=style&index=1&id=8faa3c90&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.how-to-header[data-v-8faa3c90] {
  border-radius: 15px 15px 0 0;
  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;
  background: #AE0F0A;
  padding: 10px 30px;
}
.how-to-header .how-to-title[data-v-8faa3c90] {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.how-to-header .how-to-close[data-v-8faa3c90] {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.how-to-body[data-v-8faa3c90] {
  padding: 0 30px;
}
.how-to-body .how-to-step[data-v-8faa3c90]:first-child {
  margin-bottom: 50px;
}
.how-to-body .how-to-step .step-text[data-v-8faa3c90] {
  margin: 30px 0 15px 0;
}
.how-to-body .how-to-step .step-image-wrapper[data-v-8faa3c90] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.how-to-body .how-to-step .step-image-wrapper .step-image[data-v-8faa3c90] {
  max-width: 327px;
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/RoboticLawnMowerSetting.vue?vue&type=style&index=0&id=1f395de0&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crm-tooltip-content .crm-tooltip-item {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
  line-height: 19px;
  font-size: 16px;
}
.crm-tooltip-content .crm-tooltip-item:last-child {
  margin-bottom: 0;
}
.crm-tooltip-content .crm-tooltip-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
.exit-crm-dialog .el-dialog__body {
  padding: 0;
  overflow: hidden;
}
.system-time-zone {
  color: #999999;
}
.cyber-tank-self-select .el-scrollbar {
  padding-top: 75px;
}
.cyber-tank-self-select .self-select-search-container {
  position: absolute;
  top: 0;
  padding: 15px 15px 15px;
  width: 100%;
}
.cyber-tank-self-select .self-select-search-container.empty {
  position: relative;
}
.cyber-tank-self-select .self-select-search-container .el-input__inner {
  padding-left: 46px;
}
.cyber-tank-self-select .self-select-search-container .el-input__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 10px;
}
.cyber-tank-self-select .self-select-search-container .el-input__prefix .search-btn-icon {
  width: 26.78px;
  height: 24.7px;
}
.cyber-tank-self-select .no-data-div {
  text-align: center;
  padding: 0 0 15px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/RoboticLawnMowerSetting.vue?vue&type=style&index=1&id=1f395de0&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mower-setting-dialog .service-content .edit-info-form[data-v-1f395de0] * .el-select {
  display: block;
  margin-top: 10px;
}
.mower-setting-dialog .service-content .edit-info-form[data-v-1f395de0] * .el-form-item {
  margin-bottom: 50px;
}
.mower-setting-dialog .service-content .edit-info-form[data-v-1f395de0] * .el-form-item:last-child {
  margin-bottom: 0;
}
.mower-setting-dialog .service-content .edit-info-form[data-v-1f395de0] * .el-form-item--medium .el-form-item__label {
  padding-bottom: 0;
  font-size: 20px;
  font-weight: bold;
}
.mower-setting-dialog .service-content .edit-info-form .volume-container[data-v-1f395de0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.mower-setting-dialog .service-content .edit-info-form .volume-container .volume-slider[data-v-1f395de0] {
  width: 298px;
  margin: 0 6px;
}
.mower-setting-dialog .service-content .edit-info-form .volume-container .volume-icon[data-v-1f395de0] {
  width: 28px;
  height: 28px;
}
.mower-setting-dialog .service-content .edit-info-form .tip[data-v-1f395de0] {
  color: #999999;
}
.mower-setting-dialog .service-content .edit-info-form .switch-form-item[data-v-1f395de0] * .el-form-item__label {
  display: block;
}
.mower-setting-dialog .service-content .edit-info-form .switch-form-item .switch-container[data-v-1f395de0] {
  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;
}
.mower-setting-dialog .service-content .edit-info-form .switch-form-item .switch-container .text[data-v-1f395de0] {
  color: #999999;
}
.mower-setting-dialog .service-content .edit-info-form .label[data-v-1f395de0] {
  font-size: 20px;
  font-weight: bold;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section[data-v-1f395de0] {
  margin-bottom: 50px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-desc[data-v-1f395de0] {
  color: #999999;
  margin-top: 5px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-action[data-v-1f395de0] {
  margin-top: 15px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-action .crm-btn[data-v-1f395de0] {
  width: 100%;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card[data-v-1f395de0] {
  margin-top: 10px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 20px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-contact-text[data-v-1f395de0] {
  color: #666666;
  margin-bottom: 10px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-manager-tags[data-v-1f395de0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-manager-tags .manager-tag[data-v-1f395de0] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EEEEEE;
  border-radius: 10px;
  padding: 7px 16px;
  color: #333;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-manager-tags .manager-tag .manager-icon[data-v-1f395de0] {
  font-size: 16px;
  margin-right: 5px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-how-to[data-v-1f395de0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  color: #AE0F0A;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-how-to .how-to-icon[data-v-1f395de0] {
  font-size: 20px;
  margin-right: 6px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-contact-card .crm-how-to .how-to-text[data-v-1f395de0] {
  cursor: pointer;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card[data-v-1f395de0] {
  margin-top: 10px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .auth-code-label[data-v-1f395de0] {
  color: #666666;
  margin-bottom: 10px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .auth-code-value[data-v-1f395de0] {
  font-size: 50px;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .auth-code-countdown[data-v-1f395de0] {
  color: #999999;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .auth-code-refresh[data-v-1f395de0] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #AE0F0A;
  cursor: pointer;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .auth-code-refresh .refresh-icon[data-v-1f395de0] {
  font-size: 20px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .crm-how-to[data-v-1f395de0] {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #AE0F0A;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .crm-how-to .how-to-icon[data-v-1f395de0] {
  font-size: 18px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-auth-code-card .crm-how-to .how-to-text[data-v-1f395de0] {
  cursor: pointer;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-active-container[data-v-1f395de0] {
  margin-top: 10px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 20px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-active-container .crm-active-info[data-v-1f395de0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #666666;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-active-container .crm-active-info .crm-warning-icon[data-v-1f395de0] {
  font-size: 24px;
}
.mower-setting-dialog .service-content .edit-info-form .crm-section .crm-active-container .crm-active-info .crm-active-info-text[data-v-1f395de0] {
  color: #666666;
}
.exit-crm-body[data-v-1f395de0] {
  text-align: center;
}
.exit-crm-body .exit-crm-question[data-v-1f395de0] {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}
.exit-crm-body .exit-crm-desc[data-v-1f395de0] {
  margin-bottom: 30px;
}
.exit-crm-body .exit-crm-buttons[data-v-1f395de0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.exit-crm-body .exit-crm-buttons .exit-crm-cancel[data-v-1f395de0] {
  min-width: 120px;
}
.exit-crm-body .exit-crm-buttons .exit-crm-confirm[data-v-1f395de0] {
  min-width: 120px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ThirdAttention.vue?vue&type=style&index=0&id=ae9e7676&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.third-attention-dialog .icon-container[data-v-ae9e7676] {
  text-align: center;
}
.third-attention-dialog .success-icon[data-v-ae9e7676] {
  font-size: 40px;
}
.third-attention-dialog .success-tip[data-v-ae9e7676] {
  font-size: 20px;
  font-weight: 800;
  margin: 15px 0 5px;
  text-align: center;
}
.third-attention-dialog .text-tip[data-v-ae9e7676] {
  line-height: 22px;
  text-align: center;
}
.third-attention-dialog .device-details-QR-code-content[data-v-ae9e7676] {
  width: 210px;
  margin: 15px auto 0;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info[data-v-ae9e7676] {
  padding: 20px 10px 16px;
  background: #25272A;
  border-radius: 10px;
  text-align: center;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info .details-logo-icon[data-v-ae9e7676] {
  width: 154px;
  height: 70px;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info .modal-name[data-v-ae9e7676] {
  line-height: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 12px 0;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info .third-brand-name[data-v-ae9e7676] {
  font-size: 16px;
  margin-top: 0;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info .third-name[data-v-ae9e7676] {
  font-size: 14px;
  font-weight: normal;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info .deviceERCode[data-v-ae9e7676] {
  width: 190px;
  height: 190px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin: 0 auto;
}
.third-attention-dialog .device-details-QR-code-content .device-details-QR-code-content-info .device-name[data-v-ae9e7676] {
  margin: 8px auto 0;
  line-height: 20px;
  font-size: 14px;
  padding: 8px 2px;
  color: #25272A;
  background: #ffffff;
  border-radius: 10px;
}
.third-attention-dialog .device-details-QR-code-content .QR-code-download[data-v-ae9e7676] {
  line-height: 22px;
  font-size: 16px;
  color: #AE0F0A;
  text-align: center;
  cursor: pointer;
  margin-top: 14px;
}
.third-attention-dialog .device-details-QR-code-content .QR-code-download .download-red-icon[data-v-ae9e7676] {
  margin-right: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ScaleModal.vue?vue&type=style&index=0&id=75fbc9d1&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-overlay[data-v-75fbc9d1] {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal[data-v-75fbc9d1] {
  background-color: white;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.modal-header[data-v-75fbc9d1] {
  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;
  border-radius: 15px 15px 0 0;
  padding: 20px 30px;
  background: #AE0F0A;
  color: #FFFFFF;
  font-size: 18px;
}
.modal-header .title[data-v-75fbc9d1] {
  font-weight: bold;
}
.modal-header .close-btn[data-v-75fbc9d1] {
  cursor: pointer;
}
.modal-body[data-v-75fbc9d1] {
  padding: 30px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/BasicInfo.vue?vue&type=style&index=0&id=4430ea9e&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.el-tooltip__popper {
  border-radius: 10px;
}
.equipment-tootletip-tile {
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 9px;
}
.equipment-tootletip-tips {
  line-height: 22px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 15px;
}
.device-details-battery-tip {
  width: 171px;
}
.device-details-warming-kit-tip {
  width: 432px;
}
.device-details-warming-kit-tip .warming-kit-desc {
  font-size: 14px;
  margin-top: 5px;
  opacity: 0.8;
}
.device-details-warming-kit-tip.device-details-ac-tip {
  padding: 15px;
}
.device-details-warming-kit-tip.device-details-ac-tip .warming-kit-tip:nth-child(3) {
  margin-top: 15px;
}
.device-Allocate-list {
  z-index: 5 !important;
  padding: 25px 5px 5px 25px;
}
.device-Allocate-list .device-Allocate-details-title {
  line-height: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 21px;
}
.device-Allocate-list .device-Allocate-details-list {
  max-height: 214px;
  overflow: auto;
}
.device-Allocate-list .device-Allocate-details-list .device-Allocate-details-list-time-line .el-timeline-item__node--normal {
  width: 10px;
  height: 10px;
  background: #BDBDBD;
  left: 0;
}
.device-Allocate-list .device-Allocate-details-list .device-Allocate-details-list-time-line .el-timeline-item__tail {
  left: 5px;
  border-left: 1px solid #dddddd;
}
.device-Allocate-list .device-Allocate-details-list .device-Allocate-details-list-time-line .el-timeline-item__wrapper {
  padding-left: 19px;
}
.device-Allocate-list .device-Allocate-details-list .device-Allocate-details-list-time-line .el-timeline-item__content {
  color: #333333;
}
.device-Allocate-list .device-Allocate-details-list .device-Allocate-details-list-time-line .el-timeline-item__timestamp {
  color: #999999;
}
.device-Allocate-list .device-Allocate-details-list .device-Allocate-details-list-time-line .allocate-name {
  font-weight: bold;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/BasicInfo.vue?vue&type=style&index=1&id=4430ea9e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.basic-info-content[data-v-4430ea9e] {
  position: relative;
}
.basic-info-content .device-alert-container[data-v-4430ea9e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8;
}
.basic-info-content .device-alert-container .device-alert-item[data-v-4430ea9e] {
  height: 50px;
  background: rgba(255, 176, 0, 0.9);
  border-radius: 14px 14px 0px 0px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.basic-info-content .device-alert-container .device-alert-item[data-v-4430ea9e]:nth-child(2) {
  border-radius: 0;
  margin-top: 15px;
}
.basic-info-content .device-alert-container .device-alert-item .alter-icon[data-v-4430ea9e] {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 16px;
}
.basic-info-content .device-alert-container .device-alert-item .alert-content[data-v-4430ea9e] {
  max-width: calc(100% - 90px);
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.basic-info-content .device-alert-container .device-alert-item .close-btn[data-v-4430ea9e] {
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 13px;
}
.basic-info-content .content-info[data-v-4430ea9e] {
  min-height: 283px;
  background: #AE0F0A;
  background: -webkit-gradient(linear, left top, left bottom, from(#BA0F0B), to(#AE0F0A));
  background: linear-gradient(180deg, #BA0F0B 0%, #AE0F0A 100%);
  border-radius: 15px;
  padding: 20px 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.basic-info-content .content-info .content-left[data-v-4430ea9e] {
  width: 395px;
}
.basic-info-content .content-info .content-left .info-container[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.basic-info-content .content-info .content-left .info-container .info-container-item[data-v-4430ea9e] {
  height: 26px;
  width: 26px;
  border-radius: 20px;
  background-color: rgba(67, 2, 0, 0.2);
  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;
}
.basic-info-content .content-info .content-left .info-container .signal-item[data-v-4430ea9e] {
  width: 60px;
  gap: 5px;
  font-size: 14px;
  color: #FFFFFF;
}
.basic-info-content .content-info .content-left .chart-container-outer[data-v-4430ea9e] {
  padding-left: 5px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container[data-v-4430ea9e] {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background-color: #9A0C08;
  margin: 10px auto;
  position: relative;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .chart-axis-tick[data-v-4430ea9e] {
  position: absolute;
  top: 40px;
  left: 40px;
  width: calc(100% - 80px);
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container[data-v-4430ea9e] {
  position: absolute;
  width: 60%;
  height: 72%;
  overflow: hidden;
  top: 15%;
  left: 20%;
  z-index: 5;
  text-align: center;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .charging-icon[data-v-4430ea9e] {
  width: 14px;
  height: 24px;
  margin-top: 5px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title[data-v-4430ea9e] {
  line-height: 41px;
  font-size: 35px;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 29px;
  text-shadow: 0px 0px 6px rgba(213, 255, 229, 0.4);
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title.charging-title[data-v-4430ea9e] {
  margin-top: 0;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title.no-battery[data-v-4430ea9e] {
  font-size: 18px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title.no-battery + .echart-title-icon[data-v-4430ea9e] {
  opacity: 0.4;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title .echart-title-unit[data-v-4430ea9e] {
  line-height: 22px;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 0px 6px rgba(213, 255, 229, 0.4);
  margin-left: 5px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title-icon[data-v-4430ea9e] {
  display: inline-block;
  width: 158px;
  max-width: 100%;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .echart-title-container .echart-title-icon.is-heating[data-v-4430ea9e] {
  margin-top: 10px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .cyber-tank-heating[data-v-4430ea9e] {
  color: #ffffff;
  opacity: 0.6;
  cursor: pointer;
  position: absolute;
  z-index: 7;
  top: calc(15% + 68px);
  margin-left: 15%;
  width: 70%;
  text-align: center;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .cyber-tank-heating .heading-chart-title-icon[data-v-4430ea9e] {
  font-size: 24px;
  vertical-align: middle;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container .cyber-tank-heating span[data-v-4430ea9e] {
  text-decoration: underline;
  vertical-align: middle;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container.battery-chart[data-v-4430ea9e] {
  width: 223px;
  height: 223px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container.battery-chart .echart-title[data-v-4430ea9e] {
  font-size: 32px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container.battery-chart .echart-title .echart-title-unit[data-v-4430ea9e] {
  font-size: 8px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container.is-offline .echart-title-container[data-v-4430ea9e] {
  opacity: 0.4;
  margin-top: 20px;
  height: 140px;
  overflow: hidden;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-container.is-offline .echart-title-container .echart-title[data-v-4430ea9e] {
  line-height: 21px;
  font-size: 18px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title[data-v-4430ea9e] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .status[data-v-4430ea9e] {
  color: #FFFFFF;
  font-size: 16px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title span[data-v-4430ea9e] {
  vertical-align: middle;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .chart-title-icon[data-v-4430ea9e] {
  font-size: 20px;
  vertical-align: middle;
  margin-left: 6px;
  cursor: pointer;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time.CyberTank-estimated-time[data-v-4430ea9e] {
  cursor: pointer;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time[data-v-4430ea9e] {
  margin-top: 7px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time span[data-v-4430ea9e] {
  vertical-align: middle;
  text-align: left;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time .my-icon-right[data-v-4430ea9e] {
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time .battery-heating-container[data-v-4430ea9e] {
  font-size: 14px;
  width: 245px;
  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;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .estimated-time .battery-heating-container .icon[data-v-4430ea9e] {
  font-size: 36px;
  margin-right: 5px;
}
.basic-info-content .content-info .content-left .chart-container-outer .chart-title .cuttable-area[data-v-4430ea9e], .basic-info-content .content-info .content-left .chart-container-outer .chart-title .capacity[data-v-4430ea9e] {
  margin-top: 9px;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container[data-v-4430ea9e] {
  height: calc(100% - 20px);
  text-align: center;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container.is-offline[data-v-4430ea9e] {
  opacity: 0.4;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container[data-v-4430ea9e]:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container .echart-title-icon[data-v-4430ea9e] {
  display: inline-block;
  width: 230px;
  vertical-align: middle;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container .off-line-title[data-v-4430ea9e] {
  line-height: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container .off-line-title .heating-tip[data-v-4430ea9e] {
  line-height: 16px;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.6;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container .warming-mode[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFFFF;
  opacity: 0.6;
  font-size: 14px;
}
.basic-info-content .content-info .content-left .chart-container-outer .no-chart-container .warming-mode .warming-icon[data-v-4430ea9e] {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] {
  /*width: 849px;*/
  width: calc(100% - 395px);
  margin-top: 25px;
  position: relative;
}
.basic-info-content .content-info .content-right.charger-right[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basic-info-content .content-info .content-right .batch-btn-container[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -24px;
  right: 0;
}
.basic-info-content .content-info .content-right .batch-btn-container .batch-btn[data-v-4430ea9e] {
  font-size: 14px;
  color: #ffffff;
  width: 37px;
  height: 37px;
  line-height: 37px;
  background: #C91E19;
  text-align: center;
  border-radius: 30px;
  margin-left: 10px;
  cursor: pointer;
}
.basic-info-content .content-info .content-right .title-container[data-v-4430ea9e] {
  padding-right: 85px;
}
.basic-info-content .content-info .content-right .title-container .title-item[data-v-4430ea9e] {
  line-height: 31px;
  font-size: 26px;
  font-weight: bold;
  color: #FFFFFF;
}
.basic-info-content .content-info .content-right .title-container .title-item .title-icon[data-v-4430ea9e] {
  font-size: 20px;
  margin-left: 10px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info[data-v-4430ea9e] {
  margin-top: 7px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info-item[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info-item[data-v-4430ea9e]:nth-child(2) {
  min-width: 200px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info-item[data-v-4430ea9e]:not(:last-child):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 1px;
  background-color: #BE3F3B;
  margin: 0 24px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info-item .no-wrap-text[data-v-4430ea9e] {
  white-space: nowrap;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info-item .group-name[data-v-4430ea9e] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .title-icon[data-v-4430ea9e] {
  font-size: 18px;
  margin-left: 10px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .state-container[data-v-4430ea9e] {
  min-width: 218px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .state-container span[data-v-4430ea9e] {
  vertical-align: 0.005em;
  line-height: 22px;
  display: inline-block;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] {
  vertical-align: bottom;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] .el-select__wrapper {
  background: transparent;
  border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] .el-select__placeholder {
  color: #ffffff;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] .el-select__icon {
  color: #ffffff;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] * .el-input--medium .el-input__inner {
  height: 22px;
  line-height: 22px;
  background-color: transparent;
  color: #ffffff;
  border: none;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] * .el-input__prefix {
  position: relative !important;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ffffff;
  padding: 0 30px;
  visibility: hidden;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] * input {
  position: absolute;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select[data-v-4430ea9e] * .el-input .el-select__caret {
  line-height: 22px;
  color: #ffffff;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.en-US0[data-v-4430ea9e] {
  max-width: 140px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.en-US1[data-v-4430ea9e] {
  max-width: 165px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.german0[data-v-4430ea9e], .basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.german1[data-v-4430ea9e] {
  max-width: 145px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.french0[data-v-4430ea9e] {
  max-width: 140px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.italian0[data-v-4430ea9e] {
  max-width: 115px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.spanish0[data-v-4430ea9e] {
  max-width: 115px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.spanish1[data-v-4430ea9e] {
  max-width: 175px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.dutch0[data-v-4430ea9e], .basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.dutch1[data-v-4430ea9e] {
  max-width: 140px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.polish0[data-v-4430ea9e], .basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.polish1[data-v-4430ea9e] {
  max-width: 120px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.danish0[data-v-4430ea9e] {
  max-width: 130px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.finnish0[data-v-4430ea9e] {
  max-width: 170px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.finnish1[data-v-4430ea9e] {
  max-width: 115px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.norwegian0[data-v-4430ea9e], .basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.norwegian1[data-v-4430ea9e] {
  max-width: 135px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.swedish0[data-v-4430ea9e] {
  max-width: 105px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .device-status-select.swedish1[data-v-4430ea9e] {
  max-width: 125px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .status-items[data-v-4430ea9e] {
  margin-left: 5px;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .status-items.long-storage-item[data-v-4430ea9e] {
  cursor: pointer;
}
.basic-info-content .content-info .content-right .title-container .device-basic-info .status-items.long-storage-item .item-icon[data-v-4430ea9e] {
  font-size: 12px;
}
.basic-info-content .content-info .content-right .title-container .keywords-container[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 14px;
}
.basic-info-content .content-info .content-right .title-container .keywords-container div[data-v-4430ea9e] {
  padding: 5px 10px;
  border-radius: 10px;
  opacity: 0.4;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 17px;
  margin: 0 10px 10px 0;
}
.basic-info-content .content-info .content-right .temp-container[data-v-4430ea9e] {
  padding-right: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 27px;
}
.basic-info-content .content-info .content-right .temp-container .temp-label[data-v-4430ea9e] {
  color: #FFFFFF;
  margin-right: 10px;
}
.basic-info-content .content-info .content-right .temp-container .temp-label-no-temp[data-v-4430ea9e] {
  color: #FFFFFF;
  font-size: 28px;
}
.basic-info-content .content-info .content-right .temp-container .temp-content[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: 5px;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .cool-temp[data-v-4430ea9e] {
  width: 45px;
  height: 8px;
  background-color: #6FBDE6;
  border-radius: 4px 0 0 4px;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .low-temp[data-v-4430ea9e] {
  width: 90px;
  height: 8px;
  background-color: #00AB45;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .mid-temp[data-v-4430ea9e] {
  width: 45px;
  height: 8px;
  background-color: #FFB000;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .mid-temp.low-temp[data-v-4430ea9e] {
  background-color: #00AB45;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .high-temp[data-v-4430ea9e] {
  width: 45px;
  height: 8px;
  background-color: #FF333E;
  border-radius: 0 4px 4px 0;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .temp-icon[data-v-4430ea9e] {
  font-size: 30px;
  position: absolute;
  top: -10px;
  left: 0;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .temp-icon.in-cool-temp[data-v-4430ea9e] {
  left: 7.5px;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .temp-icon.in-low-temp[data-v-4430ea9e] {
  left: 75px;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .temp-icon.in-mid-temp[data-v-4430ea9e] {
  left: 142.5px;
}
.basic-info-content .content-info .content-right .temp-container .temp-content .temp-icon.in-high-temp[data-v-4430ea9e] {
  left: 187.5px;
}
.basic-info-content .content-info .content-right .temp-container-mover[data-v-4430ea9e] {
  margin: 8px 0 18px 0;
}
.basic-info-content .content-info .content-right .sum-container[data-v-4430ea9e] {
  padding-right: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
  margin-top: 34px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item[data-v-4430ea9e] {
  margin-right: 10px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item[data-v-4430ea9e]:last-child {
  min-width: 248px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .title[data-v-4430ea9e] {
  line-height: 22px;
  margin-bottom: 10px;
  color: #D98E8B;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .info[data-v-4430ea9e] {
  line-height: 34px;
  font-size: 28px;
  font-weight: 600;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .unit[data-v-4430ea9e] {
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .unit.h-unit[data-v-4430ea9e] {
  margin-right: 10px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .unit.charge-unit[data-v-4430ea9e] {
  font-size: 12px;
  color: #D98E8B;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .unit.charge-unit[data-v-4430ea9e]:nth-child(2) {
  margin-right: 16px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .title-icon[data-v-4430ea9e] {
  margin-left: 10px;
}
.basic-info-content .content-info .content-right .sum-container .sum-item .temperature-icon[data-v-4430ea9e] {
  width: 49px;
  height: 30px;
}
.basic-info-content .content-info .content-right .batterys-container[data-v-4430ea9e] {
  /*width: 764px;*/
  width: calc(100% - 85px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  margin-top: 37px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item[data-v-4430ea9e] {
  padding: 7px 10px 4px;
  width: 248px;
  min-height: 90px;
  margin-right: 10px;
  background-color: rgba(125, 0, 0, 0.55);
  border-radius: 10px;
  position: relative;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.three-item[data-v-4430ea9e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.full-two-item[data-v-4430ea9e] {
  width: 50%;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.full-two-item .battery-item-info .battery-item-icon-container[data-v-4430ea9e] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.full-two-item .battery-item-info .battery-item-name .battery-item-title .battery-item-title-status[data-v-4430ea9e] {
  height: 15px;
  margin: 10px 0 17px 0;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.full-two-item .battery-item-info .battery-item-name .battery-item-title .in-use[data-v-4430ea9e] {
  width: 49px;
  height: 100%;
  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: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  font-size: 12px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.full-two-item .battery-item-info .battery-item-name .battery-item-cuttable[data-v-4430ea9e] {
  font-size: 14px;
  opacity: 0.75;
  margin-bottom: 8px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item.full-two-item .battery-item-info .battery-item-name .battery-item-capacity[data-v-4430ea9e] {
  font-size: 14px;
  opacity: 0.5;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item[data-v-4430ea9e]:nth-last-child(1) {
  margin-right: 0;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .item-updating-container[data-v-4430ea9e] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #560000;
  opacity: 0.9;
  border-radius: 10px;
  text-align: center;
  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;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .item-updating-container .progress-loading-title .progress-loading-icon[data-v-4430ea9e] {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
  -webkit-animation: trotate-4430ea9e 2s infinite;
          animation: trotate-4430ea9e 2s infinite;
}
@-webkit-keyframes trotate-4430ea9e {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes trotate-4430ea9e {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .item-updating-container .progress-loading-title .animation-dot[data-v-4430ea9e] {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 25px;
  text-align: left;
  overflow: hidden;
  vertical-align: bottom;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .item-updating-container .progress-loading-title .animation-dot[data-v-4430ea9e]::after {
  display: inline-block;
  content: "";
  -webkit-animation: spin-4430ea9e 2s steps(4) infinite;
          animation: spin-4430ea9e 2s steps(4) infinite;
}
@-webkit-keyframes spin-4430ea9e {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
@keyframes spin-4430ea9e {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-label[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #E2A8A7;
  font-size: 12px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info .battery-item-icon-container[data-v-4430ea9e] {
  position: relative;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info .battery-item-icon-container img[data-v-4430ea9e] {
  width: 64px;
  margin: 0 5px 0 10px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info .battery-item-icon-container .battery-status-icon[data-v-4430ea9e] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #333333;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info .battery-item-name[data-v-4430ea9e] {
  max-width: calc(100% - 92px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.off-line-battery-icon[data-v-4430ea9e] {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.off-line-battery-icon .battery-offline-icon[data-v-4430ea9e] {
  font-size: 18px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.inverter-container .inverter[data-v-4430ea9e] {
  position: relative;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.inverter-container .inverter .inverter-title[data-v-4430ea9e] {
  line-height: 16px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.inverter-container .inverter .inverter-info[data-v-4430ea9e] {
  margin-top: 3px;
  line-height: 26px;
  font-size: 22px;
  font-weight: bold;
  color: #FFFFFF;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.inverter-container .inverter .inverter-info span[data-v-4430ea9e] {
  font-size: 12px;
  font-weight: 400;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item .battery-item-info.inverter-container .inverter-line[data-v-4430ea9e] {
  width: 1px;
  height: 47px;
  background: #ffffff;
  opacity: 0.1;
  margin: 0 16px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item-operation[data-v-4430ea9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item-operation .label[data-v-4430ea9e] {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 13px;
}
.basic-info-content .content-info .content-right .batterys-container .battery-item-operation .switch[data-v-4430ea9e] {
  width: 48px;
  height: 24px;
}
.basic-info-content .content-info .content-right .last-update-time[data-v-4430ea9e] {
  position: absolute;
  bottom: -25px;
  right: 0px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  opacity: 0.5;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-switch {
  height: 24px;
  line-height: 24px;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-switch .el-switch__core {
  height: 24px;
  border-radius: 12px;
  border: none;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-switch .el-switch__core:after {
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -21px;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-loading-mask {
  background: rgba(255, 255, 255, 0);
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-loading-mask .el-loading-spinner {
  margin-top: -10px;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-loading-mask .el-loading-spinner .circular {
  width: 20px;
  height: 20px;
}
.basic-info-content .content-info .content-right[data-v-4430ea9e] * .el-loading-mask .el-loading-spinner .circular .path {
  stroke: #FFFFFF;
}
.basic-info-content .content-info.ac-content-info[data-v-4430ea9e] {
  min-height: auto;
}
.basic-info-content .content-info.ac-content-info .ac-details-container[data-v-4430ea9e] {
  color: #ffffff;
  margin-top: 37px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .ac-control-container[data-v-4430ea9e] {
  min-height: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .ac-control-container .control-switch[data-v-4430ea9e] {
  margin: 0 10px;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .ac-control-container .option80[data-v-4430ea9e] {
  opacity: 0.8;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .ac-control-container .ac-control-tip-icon[data-v-4430ea9e] {
  margin-left: 5px;
  font-size: 20px;
  cursor: pointer;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .ac-control-container .mode-name[data-v-4430ea9e] {
  font-weight: bold;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container[data-v-4430ea9e] {
  margin-top: 23px;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container .battery-item[data-v-4430ea9e] {
  padding: 10px 10px 26px;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container .battery-item .battery-item-label .ac-status-icon[data-v-4430ea9e] {
  height: 20px;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container .battery-item .battery-item-label .ac-status-icon .ac-status-icon-inner[data-v-4430ea9e] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container .battery-item .battery-item-label .ac-status-icon .ac-status-icon-inner.ac-charging[data-v-4430ea9e] {
  background: #00CC52;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container .battery-item .battery-item-label .ac-status-icon .ac-status-icon-inner.ac-no-charging[data-v-4430ea9e] {
  background: #FFB000;
}
.basic-info-content .content-info.ac-content-info .ac-details-container .batterys-container .battery-item .battery-item-label .ac-alert-icon[data-v-4430ea9e] {
  color: #000000;
  font-size: 20px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ConsumblesMore.vue?vue&type=style&index=0&id=9bf76778&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .customization-content .consumbles-item-info-icon[data-v-9bf76778] {
  display: block;
  width: 483px;
  background: #E2E2E2;
  margin: 10px auto 0;
}
.customization-dialog .customization-content .consumbles-left[data-v-9bf76778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  color: #AE0F0A;
  margin-top: 24px;
}
.customization-dialog .customization-content .consumbles-left .split-line[data-v-9bf76778] {
  width: 1px;
  height: 20px;
  background: #DDDDDD;
  border-radius: 0;
  margin: 0 30px;
}
.customization-dialog .customization-content .consumbles-left .time-icon[data-v-9bf76778] {
  margin-right: 8px;
}
.customization-dialog .customization-content .consumbles-step-content .consumbles-step-title[data-v-9bf76778] {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 43px;
}
.customization-dialog .customization-content .consumbles-step-content .consumbles-step-item .consumbles-step-item-title[data-v-9bf76778] {
  line-height: 22px;
  margin-top: 25px;
}
.customization-dialog .customization-content .consumbles-step-content .consumbles-step-item .consumbles-step-item-info[data-v-9bf76778] {
  color: #999999;
  line-height: 24px;
  margin-top: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Consumbles.vue?vue&type=style&index=0&id=31a752cf&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.consumbles-content[data-v-31a752cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: keep-all;
}
.consumbles-content .consumbles-item[data-v-31a752cf] {
  width: 309px;
  border-radius: 15px;
  border: 1px solid #DDDDDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 20px;
}
.consumbles-content .consumbles-item + .consumbles-item[data-v-31a752cf] {
  margin-left: 15px;
}
.consumbles-content .consumbles-item .consumbles-item-label[data-v-31a752cf] {
  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;
}
.consumbles-content .consumbles-item .consumbles-item-label .time-icon[data-v-31a752cf] {
  font-size: 22px;
  margin-right: 9px;
  vertical-align: middle;
}
.consumbles-content .consumbles-item .consumbles-item-label span[data-v-31a752cf] {
  vertical-align: middle;
}
.consumbles-content .consumbles-item .consumbles-item-info[data-v-31a752cf] {
  text-align: center;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-icon[data-v-31a752cf] {
  display: block;
  margin: 16px auto 0;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-left[data-v-31a752cf] {
  color: #AE0F0A;
  line-height: 17px;
  margin-top: 11px;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-name[data-v-31a752cf] {
  font-weight: bold;
  color: #333333;
  line-height: 17px;
  margin-top: 10px;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-desc[data-v-31a752cf] {
  color: #666666;
  line-height: 24px;
  text-align: left;
  margin-top: 8px;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-desc .show-more-info[data-v-31a752cf] {
  color: #AE0F0A;
  cursor: pointer;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-desc .show-more-info[data-v-31a752cf]:hover {
  text-decoration: underline;
}
.consumbles-content .consumbles-item .consumbles-item-info .consumbles-item-info-btn[data-v-31a752cf] {
  margin-top: 20px;
  border-radius: 10px;
  opacity: 0.9;
  margin-bottom: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/AddMaintenance.vue?vue&type=style&index=0&id=192b7380&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-maintenance-dialog .service-content .schedule-type[data-v-192b7380] * .el-radio__input + .el-radio__label,
.add-maintenance-dialog .service-content .schedule-type[data-v-192b7380] * .el-radio__input.is-checked + .el-radio__label {
  color: #333333;
}
.add-maintenance-dialog .service-content .schedule-type[data-v-192b7380] * .el-radio__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
}
.add-maintenance-dialog .service-content .schedule-type[data-v-192b7380] * .el-radio__inner::after {
  width: 6px;
  height: 6px;
}
.add-maintenance-dialog .service-content .schedule-type[data-v-192b7380] * .el-radio__input.is-checked .el-radio__inner {
  border-color: #AE0F0A;
  background: #ffffff;
}
.add-maintenance-dialog .service-content .schedule-type[data-v-192b7380] * .el-radio__input.is-checked .el-radio__inner::after {
  background-color: #AE0F0A;
}
.add-maintenance-dialog .service-content .add-maintenance-form .data-packer[data-v-192b7380] {
  width: 100%;
  padding: 0;
}
.add-maintenance-dialog .service-content .add-maintenance-form .data-packer[data-v-192b7380] * .el-range-input {
  text-align: left;
  width: 45%;
}
.add-maintenance-dialog .service-content .add-maintenance-form .my-num-input[data-v-192b7380] {
  width: 100%;
}
.add-maintenance-dialog .service-content .add-maintenance-form .my-num-input[data-v-192b7380] * .el-input__inner {
  text-align: left;
}
.add-maintenance-dialog .service-content .add-maintenance-form[data-v-192b7380] * .el-select {
  width: 100%;
}
.add-maintenance-dialog[data-v-192b7380] * .el-dialog__footer button + button {
  margin-left: 25px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/MaintenanceMore.vue?vue&type=style&index=0&id=4dce5fac&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .maintenance-content[data-v-4dce5fac] {
  padding: 0;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.customization-dialog .maintenance-content .table-search[data-v-4dce5fac] {
  padding: 0 0 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customization-dialog .maintenance-content .table-search .status[data-v-4dce5fac], .customization-dialog .maintenance-content .table-search .data-packer[data-v-4dce5fac] {
  margin-right: 15px;
}
.customization-dialog .maintenance-content .table-search .status[data-v-4dce5fac] {
  width: 260px;
}
.customization-dialog .maintenance-content .table-search .data-packer[data-v-4dce5fac] {
  width: 295px;
}
.customization-dialog .maintenance-content .table-search .search-btn[data-v-4dce5fac] *.el-button + .el-button {
  margin-left: 15px;
}
.customization-dialog .maintenance-content .maintenance-info-content[data-v-4dce5fac] {
  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;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 17px;
}
.customization-dialog .maintenance-content .maintenance-info-content[data-v-4dce5fac]:last-child {
  margin-bottom: 0;
}
.customization-dialog .maintenance-content .maintenance-info-content .maintenance-info-detail .time[data-v-4dce5fac] {
  line-height: 24px;
  font-size: 20px;
  margin-bottom: 5px;
}
.customization-dialog .maintenance-content .maintenance-info-content .maintenance-info-detail .name[data-v-4dce5fac] {
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.customization-dialog .maintenance-content .maintenance-info-content .maintenance-info-detail .desc[data-v-4dce5fac] {
  line-height: 22px;
  font-size: 16px;
  color: #666666;
  margin-bottom: 17px;
}
.customization-dialog .maintenance-content .maintenance-info-content .maintenance-info-operate .time-icon[data-v-4dce5fac] {
  font-size: 17px;
  cursor: pointer;
}
.customization-dialog .maintenance-content .maintenance-info-content .maintenance-info-operate .time-icon + .time-icon[data-v-4dce5fac] {
  margin-left: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Maintenance.vue?vue&type=style&index=0&id=65b5b9b5&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.maintenance-content[data-v-65b5b9b5] {
  padding: 25px 25px 0;
  width: 634px;
  background: #E6E6E6;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.maintenance-content + .maintenance-content[data-v-65b5b9b5] {
  margin-left: 15px;
}
.maintenance-content .maintenance-title-container[data-v-65b5b9b5] {
  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;
  margin-bottom: 28px;
}
.maintenance-content .maintenance-title-container .maintenance-title[data-v-65b5b9b5] {
  line-height: 24px;
  font-weight: 800;
  color: #333333;
}
.maintenance-content .maintenance-title-container .add-btn-icon[data-v-65b5b9b5] {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 32px;
  background: #AE0F0A;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
}
.maintenance-content .maintenance-info-content[data-v-65b5b9b5] {
  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;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 17px;
}
.maintenance-content .maintenance-info-content[data-v-65b5b9b5]:nth-last-child(2) {
  margin-bottom: 0;
}
.maintenance-content .maintenance-info-content .maintenance-info-detail .time[data-v-65b5b9b5] {
  line-height: 24px;
  font-size: 20px;
  margin-bottom: 5px;
}
.maintenance-content .maintenance-info-content .maintenance-info-detail .name[data-v-65b5b9b5] {
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.maintenance-content .maintenance-info-content .maintenance-info-detail .desc[data-v-65b5b9b5] {
  line-height: 22px;
  font-size: 16px;
  color: #666666;
  margin-bottom: 17px;
}
.maintenance-content .maintenance-info-content .maintenance-info-operate .time-icon[data-v-65b5b9b5] {
  font-size: 17px;
  cursor: pointer;
}
.maintenance-content .maintenance-info-content .maintenance-info-operate .time-icon + .time-icon[data-v-65b5b9b5] {
  margin-left: 20px;
}
.maintenance-content .view-more[data-v-65b5b9b5] {
  text-align: center;
  color: #AE0F0A;
  line-height: 17px;
  padding: 3px 0 22px;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/AutoMowingMapPreview.vue?vue&type=style&index=0&id=37a2a376&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.auto-mowing-map-preview-dialog .state-container[data-v-37a2a376] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F0F0F0;
  border-radius: 15px;
  padding: 33px 0;
  margin-bottom: 30px;
}
.auto-mowing-map-preview-dialog .state-container .state-item[data-v-37a2a376] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  position: relative;
}
.auto-mowing-map-preview-dialog .state-container .state-item[data-v-37a2a376]:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 22px;
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background-color: rgba(51, 51, 51, 0.062745098);
}
.auto-mowing-map-preview-dialog .state-container .state-item .state-label[data-v-37a2a376] {
  font-size: 20px;
  color: rgba(51, 51, 51, 0.3137254902);
  margin-bottom: 3px;
}
.auto-mowing-map-preview-dialog .state-container .state-item .state-value[data-v-37a2a376] {
  font-size: 50px;
  font-weight: 600;
}
.auto-mowing-map-preview-dialog .state-container .state-item .state-unit[data-v-37a2a376] {
  font-size: 16px;
  margin-left: 5px;
}
.auto-mowing-map-preview-dialog .customer-name[data-v-37a2a376] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.auto-mowing-map-preview-dialog .address[data-v-37a2a376] {
  margin-bottom: 15px;
}
.auto-mowing-map-preview-dialog .address .icon[data-v-37a2a376] {
  margin-right: 5px;
}
.auto-mowing-map-preview-dialog .map-container[data-v-37a2a376] {
  width: 100%;
  height: 450px;
  border-radius: 15px;
  overflow: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/UndoneMapPreview.vue?vue&type=style&index=0&id=5b087295&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.undone-map-preview-dialog .map-container[data-v-5b087295] {
  width: 100%;
  height: 450px;
  border-radius: 15px;
  overflow: hidden;
}
.undone-map-preview-dialog .tip[data-v-5b087295] {
  margin-top: 25px;
  text-align: center;
  padding-bottom: 1px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TableSingleSelect/index.vue?vue&type=style&index=0&id=774e1b56&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-single-select[data-v-774e1b56] {
  height: 23px;
  margin-left: 10px;
}
.table-single-select .label[data-v-774e1b56] {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-single-select .label-num[data-v-774e1b56] {
  position: relative;
  left: 2px;
  bottom: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 12px;
}
.table-single-select .label-icon[data-v-774e1b56] {
  margin-left: 5px;
}
.table-single-select .single-select[data-v-774e1b56] {
  opacity: 0;
}
.single-option[data-v-774e1b56] {
  background-color: transparent;
}
.single-option[data-v-774e1b56]:hover {
  background-color: #EEEEEE;
}
.active-option[data-v-774e1b56] {
  background-color: #EEEEEE;
  color: #AE0F0A;
  font-weight: bold;
}
.option-text[data-v-774e1b56] {
  width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/WorkHistory.vue?vue&type=style&index=0&id=9b290236&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.work-history-content .type-btns[data-v-9b290236] {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
.work-history-content .type-btns .btn[data-v-9b290236] {
  height: 45px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 18px;
  border-radius: 10px;
  cursor: pointer;
}
.work-history-content .type-btns .btn[data-v-9b290236]:hover {
  color: #FFFFFF;
  background-color: #AE0F0A;
}
.work-history-content .type-btns .active[data-v-9b290236] {
  color: #FFFFFF;
  background-color: #AE0F0A;
}
.work-history-content .history-sum-container[data-v-9b290236] {
  margin-top: 25px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #AE0F0A;
  border-radius: 15px;
}
.work-history-content .history-sum-container .history-sum-item[data-v-9b290236] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.work-history-content .history-sum-container .history-sum-item[data-v-9b290236]:not(:last-child):after {
  display: block;
  width: 1px;
  height: 40px;
  background: #ffffff;
  content: " ";
  opacity: 0.5;
  position: absolute;
  top: calc(50% - 20px);
  right: 0;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-header[data-v-9b290236] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-title[data-v-9b290236] {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.work-history-content .history-sum-container .history-sum-item .history-sum-title .info-icon[data-v-9b290236] {
  margin-left: 5px;
  cursor: pointer;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-content[data-v-9b290236] {
  text-align: center;
  color: #FFFFFF;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-num[data-v-9b290236] {
  line-height: 46px;
  font-size: 50px;
  font-weight: 600;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-num.minute[data-v-9b290236] {
  margin-left: 13px;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-num sup[data-v-9b290236] {
  font-size: 24px;
  vertical-align: middle;
  top: -24px;
}
.work-history-content .history-sum-container .history-sum-item .history-sum-unit[data-v-9b290236] {
  line-height: 22px;
  font-weight: 600;
  margin-left: 5px;
}
.work-history-content .filter-btns[data-v-9b290236] {
  text-align: right;
  margin-top: 40px;
}
.work-history-content .filter-btns[data-v-9b290236] * .el-button {
  color: #666666;
  border: 1px solid #DDDDDD;
}
.work-history-content .filter-btns[data-v-9b290236] * .el-button.el-button--primary {
  color: #ffffff;
}
.work-history-content .filter-btns[data-v-9b290236] * .el-button:hover {
  background-color: #AE0F0A;
  border-color: #AE0F0A;
  color: #FFFFFF;
}
.work-history-content .work-history-container[data-v-9b290236] {
  position: relative;
  margin-top: 20px;
}
.work-history-content .work-history-container[data-v-9b290236] .pointer-row {
  cursor: pointer;
}
.work-history-content .work-history-container[data-v-9b290236] .default-row {
  cursor: default;
}
.work-history-content .work-history-container .work-history-charger[data-v-9b290236], .work-history-content .work-history-container .work-history-efficiency[data-v-9b290236], .work-history-content .work-history-container .work-history-power[data-v-9b290236] {
  height: 368px;
  background: #E6E6E6;
  border-radius: 15px;
}
.work-history-content .work-history-container .work-history-title[data-v-9b290236] {
  position: absolute;
  top: 20px;
  left: 21px;
  font-size: 20px;
}
.work-history-content .work-history-container .work-history-title span[data-v-9b290236] {
  line-height: 24px;
  font-weight: 800;
  margin-right: 10px;
}
.work-history-content .work-history-container .work-history-title .icon[data-v-9b290236] {
  cursor: pointer;
}
.work-history-content .work-history-container .battery-name-container[data-v-9b290236] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.work-history-content .work-history-container .battery-name-container .map-img-container[data-v-9b290236] {
  width: 76px;
  height: 76px;
  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: 8px;
  background-color: #e9e9e9;
}
.work-history-content .work-history-container .battery-name-container .map-img-container-auto[data-v-9b290236] {
  background-color: #000000;
}
.work-history-content .work-history-container .battery-name-container .equipment-img-container[data-v-9b290236] {
  width: 80px;
  height: 80px;
  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;
}
.work-history-content .work-history-container .battery-name-container img[data-v-9b290236] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.work-history-content .work-history-container .battery-name-container span[data-v-9b290236] {
  display: inline-block;
  vertical-align: middle;
}
.work-history-content .work-history-container .history-table[data-v-9b290236] * .address-cell .cell {
  word-break: keep-all;
}
.work-history-content .work-history-container .history-table .table-filter-container[data-v-9b290236] {
  position: relative;
}
.work-history-content .work-history-container .history-table .table-filter-container[data-v-9b290236] .el-date-editor {
  position: absolute;
  top: -11px;
  left: -45px;
  opacity: 0;
  width: 200px;
}
.work-history-content .work-history-container .history-table .table-filter-container img[data-v-9b290236] {
  vertical-align: text-top;
}
.work-history-content .work-history-container .history-table .table-filter-container .data-packer[data-v-9b290236] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0;
  padding: 18px;
  background-color: transparent;
  border: none;
}
.work-history-content .work-history-container .history-table .operate-icon-item[data-v-9b290236], .work-history-content .work-history-container .history-table .operate-icon[data-v-9b290236] {
  font-size: 24px;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/ActiveLog.vue?vue&type=style&index=0&id=60020a00&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customization-dialog .maintenance-content[data-v-60020a00] {
  padding: 0;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.customization-dialog .maintenance-content .table-search[data-v-60020a00] {
  padding: 0 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customization-dialog .maintenance-content .table-search .status[data-v-60020a00], .customization-dialog .maintenance-content .table-search .data-packer[data-v-60020a00] {
  margin-right: 15px;
}
.customization-dialog .maintenance-content .table-search .status[data-v-60020a00] {
  width: 260px;
}
.customization-dialog .maintenance-content .table-search .data-packer[data-v-60020a00] {
  width: 295px;
}
.customization-dialog .maintenance-content .table-search .search-btn[data-v-60020a00] *.el-button + .el-button {
  margin-left: 15px;
}
.customization-dialog .maintenance-content .maintenance-info-content .date-title[data-v-60020a00] {
  color: #666666;
  line-height: 24px;
  margin-bottom: 24px;
}
.customization-dialog .maintenance-content .maintenance-info-content .device-time-line[data-v-60020a00]:last-child {
  padding-bottom: 0;
}
.customization-dialog .maintenance-content .maintenance-info-content .device-time-line[data-v-60020a00] * .el-timeline-item__node--normal {
  width: 10px;
  height: 10px;
  background: #BDBDBD;
  left: 0;
}
.customization-dialog .maintenance-content .maintenance-info-content .device-time-line[data-v-60020a00] * .el-timeline-item__tail {
  left: 5px;
  border-left: 1px solid #dddddd;
}
.customization-dialog .maintenance-content .maintenance-info-content .device-time-line[data-v-60020a00] * .el-timeline-item__wrapper {
  padding-left: 19px;
}
.customization-dialog .maintenance-content .maintenance-info-content .device-time-line[data-v-60020a00] * .el-timeline-item__content {
  color: #333333;
}
.customization-dialog .maintenance-content .maintenance-info-content .device-time-line[data-v-60020a00] * .el-timeline-item__timestamp {
  color: #999999;
  font-size: 16px;
  margin-top: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/VersionHistory.vue?vue&type=style&index=0&id=00d5876a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.version-history-dialog[data-v-00d5876a] .el-dialog .el-dialog__body {
  padding: 15px 5px 0 30px;
}
.version-history-dialog .version-history[data-v-00d5876a] {
  min-height: 80px;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 20px;
  /* 隐藏默认滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  /* 鼠标悬停时显示滚动条 */
}
.version-history-dialog .version-history[data-v-00d5876a]:hover {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}
.version-history-dialog .version-history[data-v-00d5876a] {
  /* Webkit浏览器滚动条样式 */
}
.version-history-dialog .version-history[data-v-00d5876a]::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.version-history-dialog .version-history[data-v-00d5876a]:hover::-webkit-scrollbar {
  width: 10px;
}
.version-history-dialog .version-history[data-v-00d5876a]::-webkit-scrollbar-track {
  background: transparent;
}
.version-history-dialog .version-history[data-v-00d5876a]::-webkit-scrollbar-thumb {
  background-color: #dddee0;
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.version-history-dialog .version-history[data-v-00d5876a]::-webkit-scrollbar-thumb:hover {
  background-color: #c7c9cc;
}
.version-history-dialog .version-history-item[data-v-00d5876a] {
  padding: 15px 0;
  border-bottom: 1px solid #DDDDDD;
}
.version-history-dialog .version-history-item .title[data-v-00d5876a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.version-history-dialog .version-history-item .title .version-name[data-v-00d5876a] {
  font-weight: bold;
}
.version-history-dialog .version-history-item .title .create-time[data-v-00d5876a] {
  font-size: 14px;
  color: #999999;
}
.version-history-dialog .version-history-item .description[data-v-00d5876a] {
  color: #666666;
  margin-top: 8px;
}
.version-history-dialog .version-history .no-data[data-v-00d5876a] {
  width: 100%;
  height: 80px;
  color: #999999;
  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;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Details.vue?vue&type=style&index=0&id=08aade64&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.device-details-QR-code-tooltip :deep(.el-tooltip__popper.is-light) {
  border: none;
  padding: 15px;
  -webkit-box-shadow: 4px 3px 6px 1px rgba(17, 46, 74, 0.16);
          box-shadow: 4px 3px 6px 1px rgba(17, 46, 74, 0.16);
}
.device-details-QR-code-tooltip .device-details-QR-code-content {
  width: 210px;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info {
  padding: 20px 10px 16px;
  background: #25272A;
  border-radius: 10px;
  text-align: center;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info .details-logo-icon {
  width: 154px;
  height: 70px;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info .modal-name {
  line-height: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 12px 0;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info .third-brand-name {
  font-size: 16px;
  margin-top: 0;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info .third-name {
  font-size: 14px;
  font-weight: normal;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info .deviceERCode {
  width: 150px;
  height: 150px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin: 0 auto;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .device-details-QR-code-content-info .device-name {
  margin: 8px auto 0;
  line-height: 20px;
  font-size: 14px;
  padding: 8px 2px;
  color: #25272A;
  background: #ffffff;
  border-radius: 10px;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .QR-code-download {
  line-height: 22px;
  font-size: 16px;
  color: #AE0F0A;
  text-align: center;
  cursor: pointer;
  margin-top: 14px;
  margin-bottom: 10px;
}
.device-details-QR-code-tooltip .device-details-QR-code-content .QR-code-download .download-red-icon {
  margin-right: 10px;
}
.performance-popover {
  padding: 15px;
}
.performance-popover .performance-popover-item:last-child {
  margin-top: 9px;
}
.ac-ote-dialog.el-message-box--center .el-message-box__title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.ac-ote-dialog.el-message-box--center .el-message-box__header {
  padding-top: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Details.vue?vue&type=style&index=1&id=08aade64&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.equipment-details-container .details-content[data-v-08aade64] {
  margin: 40px auto 50px;
}
.equipment-details-container .details-content .tab-container .tab-button[data-v-08aade64] {
  font-size: 20px;
  padding: 0px 15px;
  background-color: #ffffff;
  border: none;
  line-height: 48px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #666666;
}
.equipment-details-container .details-content .tab-container .tab-button[data-v-08aade64] * .el-button + .el-button {
  margin-left: 15px;
}
.equipment-details-container .details-content .tab-container .tab-button.active[data-v-08aade64], .equipment-details-container .details-content .tab-container .tab-button[data-v-08aade64]:hover {
  background-color: #E7E7E7;
  color: #333333;
}
.equipment-details-container .details-content .rlm-mode-banner-container[data-v-08aade64] {
  margin-top: 10px;
}
.equipment-details-container .details-content .rlm-mode-banner-container .rlm-mode-banner[data-v-08aade64] {
  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;
  padding: 0 20px;
  height: 50px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 10px;
  background: #FFB000;
}
.equipment-details-container .details-content .rlm-mode-banner-container .rlm-mode-banner .banner-left[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.equipment-details-container .details-content .rlm-mode-banner-container .rlm-mode-banner .banner-left .banner-icon[data-v-08aade64] {
  font-size: 20px;
  margin-right: 10px;
}
.equipment-details-container .details-content .rlm-mode-banner-container .rlm-mode-banner .banner-arrow[data-v-08aade64] {
  font-size: 24px;
  cursor: pointer;
}
.equipment-details-container .details-content .sum-info-container[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.equipment-details-container .details-content .sum-info-container .map-container[data-v-08aade64] {
  width: 634px;
  height: 450px;
  background: #E3E3E4;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.equipment-details-container .details-content .sum-info-container .map-container .map-title[data-v-08aade64] {
  height: 24px;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 8;
}
.equipment-details-container .details-content .sum-info-container .map-container .map-device-operate[data-v-08aade64] {
  position: absolute;
  z-index: 4;
  top: 20px;
  right: 20px;
}
.equipment-details-container .details-content .sum-info-container .map-container .map-device-operate .map-device-operate-icon-container[data-v-08aade64] {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  margin-left: 15px;
  cursor: pointer;
}
.equipment-details-container .details-content .sum-info-container .map-container .map-device-operate .map-device-operate-icon-container .map-device-operate-icon[data-v-08aade64] {
  font-size: 20px;
}
.equipment-details-container .details-content .sum-info-container .info-container[data-v-08aade64], .equipment-details-container .details-content .sum-info-container .equipment-performance-container[data-v-08aade64] {
  width: 634px;
  margin-left: 16px;
  background: #E6E6E6;
  border-radius: 15px;
  padding: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-title[data-v-08aade64], .equipment-details-container .details-content .sum-info-container .equipment-performance-container .info-title[data-v-08aade64] {
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  line-height: 24px;
}
.equipment-details-container .details-content .sum-info-container .info-container[data-v-08aade64] {
  height: 295px;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-title[data-v-08aade64] {
  margin-bottom: 13px;
  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;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-title .info-tabs[data-v-08aade64] {
  font-size: 16px;
  line-height: 19px;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-title .info-tabs[data-v-08aade64] * .el-tabs__header {
  margin: 0;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-title .info-tabs[data-v-08aade64] * .el-tabs__item {
  font-size: 16px;
  height: auto;
  line-height: 22px;
  padding: 0;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-title .info-tabs[data-v-08aade64] * .el-tabs__item#tab-5kWhBattery {
  padding-left: 25px;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 40px;
  color: #333333;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .info-item-label[data-v-08aade64] {
  color: #999999;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item img[data-v-08aade64] {
  width: 48px;
  display: block;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .update-version[data-v-08aade64] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .latest-version[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .latest-version .latest-version-num[data-v-08aade64] {
  display: block;
  line-height: 20px;
  text-align: right;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .latest-version .latest-version-desc[data-v-08aade64] {
  display: block;
  font-size: 14px;
  color: #999999;
  line-height: 16px;
  text-align: right;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .update-history-icon[data-v-08aade64] {
  font-size: 24px;
  margin-left: 10px;
  cursor: pointer;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .firmware-update[data-v-08aade64] {
  line-height: 19px;
  font-size: 16px;
  color: #AE0F0A;
  cursor: pointer;
  margin-left: 20px;
  vertical-align: center;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .firmware-update[data-v-08aade64] * .el-loading-mask {
  background-color: unset;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .firmware-update .animation-dot[data-v-08aade64] {
  display: inline-block;
  height: 24px;
  line-height: 35px;
  width: 14px;
  text-align: left;
  overflow: hidden;
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .firmware-update .animation-dot[data-v-08aade64]::after {
  display: inline-block;
  content: "";
  -webkit-animation: spin-08aade64 2s steps(4) infinite;
          animation: spin-08aade64 2s steps(4) infinite;
}
@-webkit-keyframes spin-08aade64 {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
@keyframes spin-08aade64 {
25% {
    content: ".";
}
50% {
    content: "..";
}
75% {
    content: "...";
}
100% {
    content: "";
}
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .firmware-update .updating-icon[data-v-08aade64] {
  display: inline-block;
  width: 24px;
  margin-left: 5px;
  font-size: 24px;
  vertical-align: middle;
  -webkit-animation: trotate-08aade64 2s infinite;
          animation: trotate-08aade64 2s infinite;
}
@-webkit-keyframes trotate-08aade64 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes trotate-08aade64 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.equipment-details-container .details-content .sum-info-container .info-container .info-item .firmware-update .arrow-right-icon[data-v-08aade64] {
  margin-left: 13px;
  font-size: 12px;
}
.equipment-details-container .details-content .sum-info-container .info-container.ac-info-container[data-v-08aade64] {
  height: auto;
  margin-left: 0;
  width: 100%;
}
.equipment-details-container .details-content .sum-info-container .info-container.cyber-tank-container[data-v-08aade64] {
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.equipment-details-container .details-content .sum-info-container .ac-info[data-v-08aade64] {
  width: 100%;
}
.equipment-details-container .details-content .sum-info-container .equipment-performance-container[data-v-08aade64] {
  height: 139px;
  margin-top: 16px;
}
.equipment-details-container .details-content .sum-info-container .equipment-performance-container .performance-content[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
  margin-top: 22px;
}
.equipment-details-container .details-content .sum-info-container .equipment-performance-container .performance-content .performance-item .item-title .min[data-v-08aade64] {
  margin-left: 5px;
}
.equipment-details-container .details-content .sum-info-container .equipment-performance-container .performance-content .performance-item .item-title .my-icon-performance-popover[data-v-08aade64] {
  font-size: 10px;
  cursor: pointer;
  vertical-align: 0.1em;
}
.equipment-details-container .details-content .sum-info-container .equipment-performance-container .performance-content .performance-item .item-desc[data-v-08aade64] {
  color: #999999;
  margin-top: 5px;
}
.equipment-details-container .details-content .consumbles-container[data-v-08aade64] {
  margin-top: 77px;
}
.equipment-details-container .details-content .maintenance-container[data-v-08aade64] {
  margin-top: 77px;
}
.equipment-details-container .details-content .maintenance-container .maintenance-detail-container[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.equipment-details-container .details-content .work-history-container[data-v-08aade64] {
  margin-top: 77px;
}
.equipment-details-container .details-content .work-history-container .log-icon[data-v-08aade64] {
  margin-right: 10px;
}
.equipment-details-container .details-content .title-container[data-v-08aade64] {
  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;
}
.equipment-details-container .details-content .title-container .title[data-v-08aade64] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  color: #333333;
}
.equipment-details-container .details-content .title-container .title[data-v-08aade64]:before {
  display: block;
  width: 5px;
  height: 22px;
  line-height: 30px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.equipment-details-container .details-content .title-container .title span[data-v-08aade64] {
  margin-left: 10px;
}
.equipment-details-container .details-content .title-container .operate[data-v-08aade64] {
  line-height: 24px;
  font-size: 20px;
  color: #AE0F0A;
  cursor: pointer;
}
.equipment-details-container[data-v-08aade64] * .el-backtop {
  position: absolute;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.equipment-details-container[data-v-08aade64] * .el-backtop .to-top {
  font-size: 45px;
}
.equipment-details-container[data-v-08aade64] * .el-loading-mask {
  z-index: 8;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/MoveGroupAttention.vue?vue&type=style&index=0&id=eb9aa000&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.move-group-attention-dialog .group-name[data-v-eb9aa000] {
  margin: 25px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.move-group-attention-dialog .equipment-detail[data-v-eb9aa000] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.move-group-attention-dialog .equipment-detail-img[data-v-eb9aa000] {
  margin-right: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/components/Details.vue?vue&type=style&index=0&id=40caf8db&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.details-dialog .details-content .title[data-v-40caf8db] {
  color: #333333;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
}
.details-dialog .details-content .item[data-v-40caf8db] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin-bottom: 20px;
}
.details-dialog .details-content .item[data-v-40caf8db]:last-child {
  margin-bottom: 40px;
}
.details-dialog .details-content .item .label[data-v-40caf8db] {
  color: #666666;
  width: 25%;
}
.details-dialog .details-content .item .label[data-v-40caf8db]:after {
  content: ":";
}
.details-dialog .details-content .item .value[data-v-40caf8db] {
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.details-dialog .details-content .item .value .roles-content-info[data-v-40caf8db]:not(:last-child) {
  margin-bottom: 9px;
}
.details-dialog .details-content .item .value .roles-content-info-icon[data-v-40caf8db] {
  margin-right: 5px;
  font-size: 16px;
  font-weight: bold;
}
.details-dialog .details-content .item .value .roles-content-info .el-icon-check[data-v-40caf8db] {
  color: #199402;
}
.details-dialog .details-content .item .value .roles-content-info .el-icon-close[data-v-40caf8db] {
  color: #AE0F0A;
}
.details-dialog .details-content .item .value .roles-content-info-text[data-v-40caf8db] {
  line-height: 24px;
}
.details-dialog .details-content .role-item[data-v-40caf8db]:not(:last-child) {
  margin-bottom: 36px;
}
.details-dialog .details-content .role-item[data-v-40caf8db]:last-child {
  margin-bottom: 30px;
}
.details-dialog .details-content .role-item .role-label[data-v-40caf8db] {
  width: 25%;
}
.details-dialog .details-content .role-item .label-name[data-v-40caf8db] {
  color: #333333;
  margin-bottom: 5px;
}
.details-dialog .details-content .role-item .label-name[data-v-40caf8db]:after {
  content: ":";
}
.details-dialog .details-content .role-item .label-system[data-v-40caf8db] {
  color: #666666;
}
.details-dialog[data-v-40caf8db] * .el-dialog .el-dialog__footer {
  padding: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TableSingleTree/index.vue?vue&type=style&index=0&id=3ab705f7&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-single-tree[data-v-3ab705f7] {
  height: 23px;
  position: relative;
}
.table-single-tree .label[data-v-3ab705f7] {
  position: absolute;
  left: 0;
  top: 0;
}
.table-single-tree .label-num[data-v-3ab705f7] {
  position: relative;
  left: 2px;
  bottom: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 12px;
}
.table-single-tree .label-icon[data-v-3ab705f7] {
  margin-left: 5px;
}
.table-single-tree[data-v-3ab705f7] .el-select > .el-input {
  opacity: 0;
}
.table-single-tree .single-select[data-v-3ab705f7] {
  width: 200px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TableSingleTree/index.vue?vue&type=style&index=1&id=3ab705f7&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.table-single-tree-popper .all {
  padding: 0 10px;
  font-weight: normal;
  background-color: transparent;
}
.table-single-tree-popper .all:hover {
  background-color: #EEEEEE;
}
.table-single-tree-popper .active-all {
  background-color: #EEEEEE;
  color: #AE0F0A;
  font-weight: bold;
}
.table-single-tree-popper .el-tree-node .el-tree-node__content {
  height: 45px;
  width: 200px;
  font-weight: normal;
}
.table-single-tree-popper .el-tree-node .el-tree-node__content .el-tree-node__expand-icon {
  color: #333333;
  font-size: 18px;
}
.table-single-tree-popper .el-tree-node .el-tree-node__content .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.table-single-tree-popper .el-tree-node .el-tree-node__content:hover {
  background-color: #EEEEEE;
}
.table-single-tree-popper .el-tree-node .el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}
.table-single-tree-popper .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #EEEEEE;
  color: #AE0F0A;
  font-weight: bold;
}
.table-single-tree-popper .single-tree .custom-node {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.table-single-tree-popper .single-tree .disabled-node {
  background-color: transparent;
  color: #BDBDBD;
  cursor: not-allowed;
  font-weight: normal;
}
.table-single-tree-popper .single-tree .node-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/SelectMember.vue?vue&type=style&index=0&id=1bb983b4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.users-search[data-v-1bb983b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}
.users-search-left[data-v-1bb983b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-left .select-item[data-v-1bb983b4] {
  width: 160px;
}
.users-search-left .search-role[data-v-1bb983b4] {
  margin-right: 15px;
}
.users-search-right[data-v-1bb983b4] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-right .search-input-container[data-v-1bb983b4] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-right .search-input-container .search-input[data-v-1bb983b4] {
  font-size: 16px;
  color: #666666;
}
.users-search-right .search-input-container .search-input[data-v-1bb983b4] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.users-search-right .search-input-container .search-btn[data-v-1bb983b4] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.users-search-right .search-input-container .search-btn[data-v-1bb983b4] *.el-button + .el-button {
  margin-left: 15px;
}
.users-content .table-no-data[data-v-1bb983b4] {
  height: 180px;
  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: 0px 0px 15px 15px;
  border: 1px solid #DDDDDD;
}
.users-content[data-v-1bb983b4] .el-table th {
  background: #EEEEEE;
  color: #333333;
}
.users-content[data-v-1bb983b4] .el-table thead .el-checkbox__inner {
  border-color: #DCDFE6 !important;
  background-color: #FFFFFF !important;
}
.users-content[data-v-1bb983b4] .el-table thead .el-checkbox__input.is-checked .el-checkbox__inner, .users-content[data-v-1bb983b4] .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #AE0F0A !important;
}
.users-content .role-container[data-v-1bb983b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.users-content .role-container .role-item[data-v-1bb983b4] {
  padding: 5px 10px;
  border-radius: 10px;
  background: #e7e7e7;
  margin-right: 5px;
  margin-bottom: 5px;
}
.users-content .table-bottom[data-v-1bb983b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.users-content .table-bottom .batch-text[data-v-1bb983b4] {
  color: #333333;
  font-size: 16px;
}
.users-content .table-bottom .pagination-right[data-v-1bb983b4] {
  margin-left: auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/RemoveMembersAttention.vue?vue&type=style&index=0&id=4e717899&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.remove-members-attention-dialog .confirm-text[data-v-4e717899] {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
  line-height: 24px;
}
.remove-members-attention-dialog .title[data-v-4e717899] {
  line-height: 24px;
}
.remove-members-attention-dialog .move-members-names[data-v-4e717899] {
  font-weight: bold;
  margin: 25px 0;
}
.remove-members-attention-dialog .move-members-select[data-v-4e717899] {
  margin-bottom: 30px;
}
.remove-members-attention-dialog .move-members-select .single-select-tree[data-v-4e717899] {
  margin: 10px 0 5px 0;
}
.remove-members-attention-dialog .move-members-select .tip[data-v-4e717899] {
  font-size: 14px;
  color: #999999;
}
.remove-members-attention-dialog .move-members-select .tip .tip-link[data-v-4e717899] {
  text-decoration: underline;
  color: #AE0F0A;
  cursor: pointer;
}
.remove-members-attention-dialog .check-out-equipments-tip[data-v-4e717899] span {
  color: #AE0F0A;
}
.remove-members-attention-dialog .check-out-equipments .group-name[data-v-4e717899] {
  margin: 25px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.remove-members-attention-dialog .check-out-equipments .equipment-detail[data-v-4e717899] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.remove-members-attention-dialog .check-out-equipments .equipment-detail-img[data-v-4e717899] {
  margin-right: 10px;
}
.remove-members-attention-dialog .dialog-footer[data-v-4e717899] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/MemberTable.vue?vue&type=style&index=0&id=36760714&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.member-table-search[data-v-36760714] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 78px 0 25px 0;
}
.member-table-content .me[data-v-36760714] {
  width: 32px;
  height: 20px;
  margin-left: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: 10px;
  font-size: 12px;
  color: #AE0F0A;
  background: #f7e7e6;
}
.member-table-content .role-container[data-v-36760714] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.member-table-content .role-container .role-item[data-v-36760714] {
  padding: 5px 10px;
  border-radius: 10px;
  background: #e7e7e7;
  margin-right: 5px;
  margin-bottom: 5px;
}
.member-table-content .batch-operation[data-v-36760714] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #ae0f0a;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.member-table-content .batch-operation .batch-content[data-v-36760714] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.member-table-content .batch-operation .batch-content .select-count[data-v-36760714] {
  padding-left: 17px;
}
.member-table-content .batch-operation .batch-content .search-btn[data-v-36760714] *.el-button + .el-button {
  margin-left: 15px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/SelectEquipment.vue?vue&type=style&index=0&id=9053e29c&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.equipment-table-search[data-v-9053e29c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.equipment-table-search .select-item[data-v-9053e29c] {
  width: 160px;
}
.equipment-table-search .search-input-container[data-v-9053e29c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.equipment-table-search .search-input-container .search-input[data-v-9053e29c] {
  font-size: 16px;
  color: #666666;
}
.equipment-table-search .search-input-container .search-input[data-v-9053e29c] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.equipment-table-search .search-input-container .search-btn[data-v-9053e29c] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.equipment-table-search .search-input-container .search-btn[data-v-9053e29c] *.el-button + .el-button {
  margin-left: 15px;
}
.equipment-table-tip[data-v-9053e29c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0 13px 0;
  color: #999999;
  font-size: 16px;
}
.equipment-table-tip .tip-icon[data-v-9053e29c] {
  font-size: 20px;
  margin-right: 6px;
}
.equipment-table-content .device-icon-container[data-v-9053e29c] {
  width: 60px;
  height: 60px;
  position: relative;
}
.equipment-table-content .device-icon-container .device-icon[data-v-9053e29c] {
  font-size: 25px;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.equipment-table-content .table-no-data[data-v-9053e29c] {
  height: 180px;
  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: 0px 0px 15px 15px;
  border: 1px solid #DDDDDD;
}
.equipment-table-content[data-v-9053e29c] .el-table th {
  background: #EEEEEE;
  color: #333333;
}
.equipment-table-content[data-v-9053e29c] .el-table thead .el-checkbox__inner {
  border-color: #DCDFE6 !important;
  background-color: #FFFFFF !important;
}
.equipment-table-content[data-v-9053e29c] .el-table thead .el-checkbox__input.is-checked .el-checkbox__inner, .equipment-table-content[data-v-9053e29c] .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #AE0F0A !important;
}
.equipment-table-content .batch-text[data-v-9053e29c] {
  margin-top: 14px;
  color: #333333;
  font-size: 16px;
}
.equipment-table-content .table-bottom[data-v-9053e29c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.equipment-table-content .table-bottom .batch-text[data-v-9053e29c] {
  color: #333333;
  font-size: 16px;
}
.equipment-table-content .table-bottom .pagination-right[data-v-9053e29c] {
  margin-left: auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/ChangeEquipmentGroup.vue?vue&type=style&index=0&id=2b04a15e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text[data-v-2b04a15e] {
  margin-bottom: 10px;
  color: #333333;
  font-size: 16px;
}
.text[data-v-2b04a15e] span {
  color: #AE0F0A;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/EquipmentTable.vue?vue&type=style&index=0&id=484f3350&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.equipment-table-search[data-v-484f3350] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 78px 0 25px 0;
}
.equipment-table-search .search-input-container[data-v-484f3350] {
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.equipment-table-search .search-input-container .search-input[data-v-484f3350] {
  width: 280px;
  font-size: 16px;
  color: #666666;
  margin-right: 0;
}
.equipment-table-search .search-input-container .search-input[data-v-484f3350] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.equipment-table-search .search-input-container .search-btn[data-v-484f3350] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.equipment-table-search .search-input-container .search-btn[data-v-484f3350] *.el-button + .el-button {
  margin-left: 15px;
}
.equipment-table-content .device-icon-container[data-v-484f3350] {
  width: 60px;
  height: 60px;
  position: relative;
}
.equipment-table-content .device-icon-container .device-icon[data-v-484f3350] {
  font-size: 25px;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.equipment-table-content .batch-operation[data-v-484f3350] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #ae0f0a;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.equipment-table-content .batch-operation .batch-content[data-v-484f3350] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.equipment-table-content .batch-operation .batch-content .select-count[data-v-484f3350] {
  padding-left: 17px;
}
.equipment-table-content .batch-operation .batch-content .search-btn[data-v-484f3350] *.el-button + .el-button {
  margin-left: 15px;
}
.statusCon[data-v-484f3350] {
  position: relative;
}
.statusCon[data-v-484f3350] .svg-icon {
  position: absolute;
  left: -10px;
  top: 4px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/SelectCustomer.vue?vue&type=style&index=0&id=fc03772c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.users-search[data-v-fc03772c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}
.users-search-left[data-v-fc03772c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-left .select-item[data-v-fc03772c] {
  width: 160px;
}
.users-search-left .search-role[data-v-fc03772c] {
  margin-right: 15px;
}
.users-search-right[data-v-fc03772c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-right .search-input-container[data-v-fc03772c] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-right .search-input-container .search-input[data-v-fc03772c] {
  font-size: 16px;
  color: #666666;
}
.users-search-right .search-input-container .search-input[data-v-fc03772c] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.users-search-right .search-input-container .search-btn[data-v-fc03772c] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.users-search-right .search-input-container .search-btn[data-v-fc03772c] *.el-button + .el-button {
  margin-left: 15px;
}
.users-content .table-no-data[data-v-fc03772c] {
  height: 180px;
  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: 0px 0px 15px 15px;
  border: 1px solid #DDDDDD;
}
.users-content[data-v-fc03772c] .el-table th {
  background: #EEEEEE;
  color: #333333;
}
.users-content[data-v-fc03772c] .el-table thead .el-checkbox__inner {
  border-color: #DCDFE6 !important;
  background-color: #FFFFFF !important;
}
.users-content[data-v-fc03772c] .el-table thead .el-checkbox__input.is-checked .el-checkbox__inner, .users-content[data-v-fc03772c] .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #AE0F0A !important;
}
.users-content .role-container[data-v-fc03772c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.users-content .role-container .role-item[data-v-fc03772c] {
  padding: 5px 10px;
  border-radius: 10px;
  background: #e7e7e7;
  margin-right: 5px;
  margin-bottom: 5px;
}
.users-content .table-bottom[data-v-fc03772c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.users-content .table-bottom .batch-text[data-v-fc03772c] {
  color: #333333;
  font-size: 16px;
}
.users-content .table-bottom .pagination-right[data-v-fc03772c] {
  margin-left: auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/RemoveCustomerAttention.vue?vue&type=style&index=0&id=d8463f08&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.remove-customer-attention-dialog .confirm-text[data-v-d8463f08] {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
  line-height: 24px;
}
.remove-customer-attention-dialog .title[data-v-d8463f08] {
  line-height: 24px;
}
.remove-customer-attention-dialog .move-customers-names[data-v-d8463f08] {
  font-weight: bold;
  margin: 25px 0;
}
.remove-customer-attention-dialog .move-customers-select[data-v-d8463f08] {
  margin-bottom: 30px;
}
.remove-customer-attention-dialog .move-customers-select .single-select-tree[data-v-d8463f08] {
  margin: 10px 0 5px 0;
}
.remove-customer-attention-dialog .move-customers-select .tip[data-v-d8463f08] {
  font-size: 14px;
  color: #999999;
}
.remove-customer-attention-dialog .move-customers-select .tip .tip-link[data-v-d8463f08] {
  text-decoration: underline;
  color: #AE0F0A;
  cursor: pointer;
}
.remove-customer-attention-dialog .dialog-footer[data-v-d8463f08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/CustomerTable.vue?vue&type=style&index=0&id=42c3d760&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customer-table-search[data-v-42c3d760] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 78px 0 25px 0;
}
.customer-table-search .search-input-container[data-v-42c3d760] {
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-table-search .search-input-container .search-input[data-v-42c3d760] {
  width: 280px;
  font-size: 16px;
  color: #666666;
  margin-right: 0;
}
.customer-table-search .search-input-container .search-input[data-v-42c3d760] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.customer-table-search .search-input-container .search-btn[data-v-42c3d760] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.customer-table-search .search-input-container .search-btn[data-v-42c3d760] *.el-button + .el-button {
  margin-left: 15px;
}
.customer-table-content .device-icon-container[data-v-42c3d760] {
  width: 60px;
  height: 60px;
  position: relative;
}
.customer-table-content .device-icon-container .device-icon[data-v-42c3d760] {
  font-size: 25px;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.customer-table-content .size-unit[data-v-42c3d760] {
  margin: 0 4px;
}
.customer-table-content .size-container[data-v-42c3d760] {
  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;
}
.customer-table-content .size-container .expand-icon[data-v-42c3d760] {
  font-size: 20px;
  margin-right: 25px;
}
.customer-table-content .size-container .expand-icon.is-expanded[data-v-42c3d760] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.customer-table-content .service-content .service-item[data-v-42c3d760] {
  margin-top: 25px;
}
.customer-table-content .batch-operation[data-v-42c3d760] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #ae0f0a;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.customer-table-content .batch-operation .batch-content[data-v-42c3d760] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.customer-table-content .batch-operation .batch-content .select-count[data-v-42c3d760] {
  padding-left: 17px;
}
.customer-table-content .batch-operation .batch-content .search-btn[data-v-42c3d760] *.el-button + .el-button {
  margin-left: 15px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/DeleteGroupAttention.vue?vue&type=style&index=0&id=aee23d4c&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.move-group-attention-dialog .confirm-text[data-v-aee23d4c] {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
}
.move-group-attention-dialog .check-out-equipments .group-name[data-v-aee23d4c] {
  margin: 25px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.move-group-attention-dialog .check-out-equipments .equipment-detail[data-v-aee23d4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.move-group-attention-dialog .check-out-equipments .equipment-detail-img[data-v-aee23d4c] {
  margin-right: 10px;
}
.move-group-attention-dialog .transfer-delete-tip[data-v-aee23d4c] span {
  color: #AE0F0A;
}
.move-group-attention-dialog .transfer-delete-item[data-v-aee23d4c] {
  margin: 25px 0;
}
.move-group-attention-dialog .transfer-delete-item .single-select-tree[data-v-aee23d4c] {
  margin: 10px 0 5px 0;
}
.move-group-attention-dialog .transfer-delete-item .tip[data-v-aee23d4c] {
  font-size: 14px;
  color: #999999;
}
.move-group-attention-dialog .transfer-delete-item .tip .tip-link[data-v-aee23d4c] {
  text-decoration: underline;
  color: #AE0F0A;
  cursor: pointer;
}
.move-group-attention-dialog .dialog-footer[data-v-aee23d4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/components/AddGroup.vue?vue&type=style&index=0&id=0de6bc64&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crews-userinfo-container .userinfo-content[data-v-0de6bc64] * .el-select {
  display: block;
}
.crews-userinfo-container .userinfo-content .crew-size-tip[data-v-0de6bc64] {
  margin-top: 5px;
  color: #999999;
}
.crews-userinfo-container .userinfo-content .form-btns[data-v-0de6bc64] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 22px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/index.vue?vue&type=style&index=0&id=74b49bee&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-menu-popover .action-item {
  padding: 10px 5px;
  cursor: pointer;
  font-weight: 400;
}
.action-menu-popover .action-item:hover {
  background: #EEEEEE;
}
.action-menu-popover .disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/groups/index.vue?vue&type=style&index=1&id=74b49bee&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-popover[data-v-74b49bee] {
  padding: 0;
  border: 0;
}
.groups-container[data-v-74b49bee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 15px;
  border: 1px solid #DDDDDD;
}
.groups-container .left-tree[data-v-74b49bee] {
  width: 300px;
  border-right: 1px solid #DDDDDD;
}
.groups-container .left-tree-header[data-v-74b49bee] {
  padding: 28px 20px;
  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;
}
.groups-container .left-tree-header-title[data-v-74b49bee] {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.groups-container .left-tree-header .add-btn[data-v-74b49bee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
.groups-container .left-tree-content[data-v-74b49bee] {
  padding-bottom: 28px;
  position: relative;
}
.groups-container .left-tree-content .action-menu[data-v-74b49bee] {
  position: absolute;
  right: 0;
  z-index: 999;
  padding: 5px 0;
  border-radius: 15px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  font-size: 16px;
  color: #333333;
}
.groups-container .left-tree-content .action-menu .action-item[data-v-74b49bee] {
  padding: 10px 18px;
  cursor: pointer;
  font-weight: 400;
}
.groups-container .left-tree-content .action-menu .action-item[data-v-74b49bee]:hover {
  background: #EEEEEE;
}
.groups-container .left-tree-content .action-menu .disabled[data-v-74b49bee] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree-node .el-tree-node__content {
  height: 45px;
  border-radius: 5px;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon {
  color: #333333;
  font-size: 18px;
  padding: 15px;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree-node .el-tree-node__content .el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree-node .el-tree-node__content:hover {
  background-color: #EEEEEE;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree-node .el-tree-node:focus > .el-tree-node__content {
  background: transparent;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree-node > .el-tree-node__children {
  overflow: visible;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #EEEEEE;
}
.groups-container .left-tree-content[data-v-74b49bee] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-node {
  color: #AE0F0A;
  font-weight: bold;
}
.groups-container .left-tree-content .custom-node[data-v-74b49bee] {
  margin-left: -5px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.groups-container .left-tree-content .custom-node .node-line[data-v-74b49bee] {
  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;
}
.groups-container .left-tree-content .custom-node .node-line .node-label[data-v-74b49bee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.groups-container .left-tree-content .custom-node .node-line .disabled-node[data-v-74b49bee] {
  color: #BDBDBD;
  cursor: not-allowed;
}
.groups-container .left-tree-content .custom-node .node-line .node-more[data-v-74b49bee] {
  padding: 0 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.groups-container .left-tree-content .custom-node .node-line .node-more .el-icon-more[data-v-74b49bee] {
  color: #000000;
}
.groups-container .left-tree-content .custom-node .node-input-container[data-v-74b49bee] {
  padding-right: 15px;
}
.groups-container .left-tree-content .custom-node .node-input[data-v-74b49bee] {
  font-size: 16px;
}
.groups-container .left-tree-content .custom-node .node-input[data-v-74b49bee] * .el-input__inner {
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
}
.groups-container .left-tree-content .custom-node .invalid[data-v-74b49bee] * .el-input__inner {
  padding: 0 5px;
  border-radius: 5px;
  border: 1px solid #AE0F0A;
}
.groups-container .left-tree-content .custom-node .action-menu[data-v-74b49bee] {
  padding: 5px 0;
  border-radius: 15px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  font-size: 16px;
  color: #333333;
}
.groups-container .left-tree-content .custom-node .action-menu .action-item[data-v-74b49bee] {
  padding: 10px 18px;
  cursor: pointer;
  font-weight: 400;
}
.groups-container .left-tree-content .custom-node .action-menu .action-item[data-v-74b49bee]:hover {
  background: #EEEEEE;
}
.groups-container .right-table[data-v-74b49bee] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.groups-container .right-table-header .tabs[data-v-74b49bee] {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.groups-container .right-table-header .tabs .tab[data-v-74b49bee] {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  padding: 25px 20px;
  white-space: nowrap;
  cursor: pointer;
}
.groups-container .right-table-header .tabs .tab .tab-text[data-v-74b49bee] {
  border-bottom: 5px solid #FFFFFF;
}
.groups-container .right-table-header .tabs .tab .active[data-v-74b49bee] {
  color: #AE0F0A;
  border-bottom: 5px solid #AE0F0A;
}
.groups-container .right-table-content[data-v-74b49bee] {
  padding: 0 20px 20px 20px;
}
.is-tour[data-v-74b49bee] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.is-tour .highlight-tree[data-v-74b49bee] {
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 15px;
  z-index: 11;
  position: relative;
}
.is-tour .highlight-tree[data-v-74b49bee]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.is-tour .highlight-btn[data-v-74b49bee] {
  background: #FFFFFF;
  border-radius: 15px;
  z-index: 11;
  position: relative;
  pointer-events: none;
}
.is-tour .highlight-btn[data-v-74b49bee]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/users/components/AddUserAttention.vue?vue&type=style&index=0&id=1ef2f7a2&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.add-user-attention-dialog .container[data-v-1ef2f7a2] {
  text-align: center;
  overflow: hidden;
}
.add-user-attention-dialog .container .ok-icon[data-v-1ef2f7a2] {
  font-size: 40px;
}
.add-user-attention-dialog .container .success-title[data-v-1ef2f7a2] {
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  margin-top: 15px;
}
.add-user-attention-dialog .container .success-info[data-v-1ef2f7a2] {
  color: #333333;
  margin-top: 5px;
}
.add-user-attention-dialog .container .success-desc-info[data-v-1ef2f7a2] {
  color: #999999;
  margin-top: 5px;
}
.add-user-attention-dialog .confirm-text[data-v-1ef2f7a2] {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.add-user-attention-dialog .check-out-equipments .user-name[data-v-1ef2f7a2] {
  margin: 25px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.add-user-attention-dialog .check-out-equipments .equipment-detail[data-v-1ef2f7a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.add-user-attention-dialog .check-out-equipments .equipment-detail-img[data-v-1ef2f7a2] {
  margin-right: 10px;
}
.add-user-attention-dialog .dialog-footer[data-v-1ef2f7a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  overflow: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/users/components/AddUser.vue?vue&type=style&index=0&id=2dc3220c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.crews-userinfo-container .userinfo-content[data-v-2dc3220c] * .el-select {
  display: block;
}
.crews-userinfo-container .userinfo-content .form-btns[data-v-2dc3220c] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 22px;
}
.crews-userinfo-container .userinfo-content .roles-title[data-v-2dc3220c] {
  margin: 40px 0 25px 0;
  font-size: 20px;
  font-weight: 800;
  color: #333333;
}
.crews-userinfo-container .userinfo-content .roles-content[data-v-2dc3220c] {
  margin-bottom: 25px;
  font-size: 16px;
}
.crews-userinfo-container .userinfo-content .roles-content-name[data-v-2dc3220c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333333;
}
.crews-userinfo-container .userinfo-content .roles-content-name-check[data-v-2dc3220c] * .el-checkbox__inner {
  width: 20px;
  height: 20px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
.crews-userinfo-container .userinfo-content .roles-content-name-check[data-v-2dc3220c] * .el-checkbox__inner::after {
  border: 2px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  width: 4px;
  height: 10px;
}
.crews-userinfo-container .userinfo-content .roles-content-name-check[data-v-2dc3220c] * .is-disabled .el-checkbox__inner::after {
  border: 2px solid #BFBFBF;
  border-left: 0;
  border-top: 0;
  width: 4px;
  height: 10px;
  left: 7px;
  top: 2px;
}
.crews-userinfo-container .userinfo-content .roles-content-name-role[data-v-2dc3220c] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 10px;
}
.crews-userinfo-container .userinfo-content .roles-content-name-system[data-v-2dc3220c] {
  font-size: 16px;
}
.crews-userinfo-container .userinfo-content .roles-content-info[data-v-2dc3220c] {
  margin-left: 30px;
  margin-top: 15px;
  color: #999999;
}
.crews-userinfo-container .userinfo-content .roles-content-info-icon[data-v-2dc3220c] {
  margin-right: 5px;
  font-size: 16px;
  font-weight: bold;
}
.crews-userinfo-container .userinfo-content .roles-content-info .el-icon-check[data-v-2dc3220c] {
  color: #199402;
}
.crews-userinfo-container .userinfo-content .roles-content-info .el-icon-close[data-v-2dc3220c] {
  color: #AE0F0A;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/users/components/ChangeGroup.vue?vue&type=style&index=0&id=2fef75a2&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.change-group-dialog .move-text[data-v-2fef75a2] {
  margin-bottom: 10px;
}
.change-group-dialog .move-text[data-v-2fef75a2] span {
  color: #AE0F0A;
}
.change-group-dialog .confirm-text[data-v-2fef75a2] {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
}
.change-group-dialog .check-out-equipments-tip[data-v-2fef75a2] span {
  color: #AE0F0A;
}
.change-group-dialog .check-out-equipments .user-name[data-v-2fef75a2] {
  margin: 25px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.change-group-dialog .check-out-equipments .equipment-detail[data-v-2fef75a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.change-group-dialog .check-out-equipments .equipment-detail-img[data-v-2fef75a2] {
  margin-right: 10px;
}
.change-group-dialog .dialog-footer[data-v-2fef75a2] {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/users/components/DeleteUsersAttention.vue?vue&type=style&index=0&id=ba69379e&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.delete-users-attention-dialog .confirm-text[data-v-ba69379e] {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
}
.delete-users-attention-dialog .check-out-equipments-tip[data-v-ba69379e] span {
  color: #AE0F0A;
}
.delete-users-attention-dialog .check-out-equipments .user-name[data-v-ba69379e] {
  margin: 25px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.delete-users-attention-dialog .check-out-equipments .equipment-detail[data-v-ba69379e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.delete-users-attention-dialog .check-out-equipments .equipment-detail-img[data-v-ba69379e] {
  margin-right: 10px;
}
.delete-users-attention-dialog .dialog-footer[data-v-ba69379e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/users/index.vue?vue&type=style&index=0&id=f9aa946e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.users-search[data-v-f9aa946e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 25px;
}
.users-search-left[data-v-f9aa946e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-left .search-role[data-v-f9aa946e] {
  margin-right: 15px;
}
.users-search-right[data-v-f9aa946e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-right .search-input-container[data-v-f9aa946e] {
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users-search-right .search-input-container .search-input[data-v-f9aa946e] {
  width: 378px;
  font-size: 16px;
  color: #666666;
  margin-right: 0;
}
.users-search-right .search-input-container .search-input[data-v-f9aa946e] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.users-search-right .search-input-container .search-btn[data-v-f9aa946e] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.users-search-right .search-input-container .search-btn[data-v-f9aa946e] *.el-button + .el-button {
  margin-left: 15px;
}
.users-content .role-container[data-v-f9aa946e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.users-content .role-container .role-item[data-v-f9aa946e] {
  padding: 5px 10px;
  border-radius: 10px;
  background: #e7e7e7;
  margin-right: 5px;
  margin-bottom: 5px;
}
.users-content .me[data-v-f9aa946e] {
  width: 32px;
  height: 20px;
  margin-left: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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: 10px;
  font-size: 12px;
  color: #AE0F0A;
  background: #f7e7e6;
}
.users-content .inviting[data-v-f9aa946e] {
  color: #AE0F0A;
}
.users-content .batch-operation[data-v-f9aa946e] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #ae0f0a;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.users-content .batch-operation .batch-content[data-v-f9aa946e] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.users-content .batch-operation .batch-content .select-count[data-v-f9aa946e] {
  padding-left: 17px;
}
.users-content .batch-operation .batch-content .search-btn[data-v-f9aa946e] *.el-button + .el-button {
  margin-left: 15px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/index.vue?vue&type=style&index=0&id=49fa7ce0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.organization-container .page-container[data-v-49fa7ce0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.organization-container .page-container .page-title[data-v-49fa7ce0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
}
.organization-container .page-container .page-title[data-v-49fa7ce0]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #ae0f0a;
  content: " ";
}
.organization-container .page-container .page-title span[data-v-49fa7ce0] {
  margin-left: 10px;
}
.organization-container .page-container .feature-guide[data-v-49fa7ce0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  position: relative;
  cursor: pointer;
}
.organization-container .page-container .feature-guide .prefix[data-v-49fa7ce0] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #E7E7E7;
}
.organization-container .page-container .feature-guide .prefix .white[data-v-49fa7ce0] {
  width: 10px;
  height: 34px;
  background: #FFFFFF;
  border-radius: 0 0 10px 0;
}
.organization-container .page-container .feature-guide .text[data-v-49fa7ce0] {
  padding: 8px 15px;
  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: 10px 10px 10px 0;
  background: #E7E7E7;
  font-size: 16px;
  font-weight: bold;
}
.organization-container .page-container .feature-guide .finger[data-v-49fa7ce0] {
  position: absolute;
  right: -20px;
  bottom: -40px;
  -webkit-animation: moveFinger-49fa7ce0 0.7s infinite;
          animation: moveFinger-49fa7ce0 0.7s infinite;
}
@-webkit-keyframes moveFinger-49fa7ce0 {
0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
50% {
    -webkit-transform: translate(7px, 7px);
            transform: translate(7px, 7px);
}
}
@keyframes moveFinger-49fa7ce0 {
0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}
50% {
    -webkit-transform: translate(7px, 7px);
            transform: translate(7px, 7px);
}
}
.organization-container .btns[data-v-49fa7ce0] {
  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;
  margin-bottom: 30px;
}
.organization-container .btns .tab-btns[data-v-49fa7ce0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  position: relative;
}
.organization-container .btns .tab-btns .tab-btn[data-v-49fa7ce0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 20px;
  color: #666666;
  cursor: pointer;
  padding: 11px 15px;
}
.organization-container .btns .tab-btns .active[data-v-49fa7ce0] {
  background: #e7e7e7;
  border-radius: 10px;
  font-weight: 500;
  color: #333333;
}
.organization-container .btns .export-btn[data-v-49fa7ce0] {
  font-size: 24px;
  min-width: 45px;
}
.is-tour[data-v-49fa7ce0] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.is-tour .highlight-btn[data-v-49fa7ce0] {
  background: #FFFFFF;
  border-radius: 15px;
  z-index: 11;
  pointer-events: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/index.vue?vue&type=style&index=1&id=49fa7ce0&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.organization-container.is-tour .v-tour {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.organization-container.is-tour .v-tour .v-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #AE0F0A;
  padding: 15px;
  -webkit-box-shadow: 4px 3px 6px 1px rgba(17, 46, 74, 0.16);
          box-shadow: 4px 3px 6px 1px rgba(17, 46, 74, 0.16);
  border-radius: 10px;
  width: 340px;
}
.organization-container.is-tour .v-tour .v-step .tour-content {
  text-align: left;
  color: #FFFFFF;
}
.organization-container.is-tour .v-tour .v-step .tour-content .tour-title {
  font-size: 19px;
  font-weight: bold;
}
.organization-container.is-tour .v-tour .v-step .tour-content .tour-text {
  font-size: 15px;
  margin-top: 10px;
}
.organization-container.is-tour .v-tour .v-step .tour-bottom {
  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-top: 25px;
}
.organization-container.is-tour .v-tour .v-step .tour-bottom .step {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
.organization-container.is-tour .v-tour .v-step .tour-bottom .tour-action .tour-btn {
  min-width: 80px;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
}
.organization-container.is-tour .v-tour .v-step .tour-bottom .tour-action .get-started {
  width: 106px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Nav/index.vue?vue&type=style&index=0&id=f4c7f434&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#topbar[data-v-f4c7f434] {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  color: #FFFFFF;
}
#topbar #toolbar[data-v-f4c7f434] {
  padding: 48px 12px 0;
  height: 48px;
  background-color: #25272a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#topbar #toolbar #back[data-v-f4c7f434] {
  width: 40px;
  height: 40px;
}
#topbar #toolbar #title[data-v-f4c7f434] {
  height: 40px;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#topbar #toolbar #more[data-v-f4c7f434] {
  width: 40px;
  height: 40px;
  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;
}
#topbar > img[data-v-f4c7f434] {
  width: 100vw;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/organization/components/FeatureGuide.vue?vue&type=style&index=0&id=220c5cdd&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.feature-guide[data-v-220c5cdd] {
  line-height: 24px;
}
.feature-guide[data-v-220c5cdd] .el-collapse {
  border-top: none;
}
.feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__header {
  height: 69px;
  line-height: 69px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__content {
  color: #666666;
  line-height: 24px;
  font-size: 16px;
}
.feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.feature-guide-content[data-v-220c5cdd] {
  margin-top: 40px;
}
.feature-guide .feature[data-v-220c5cdd] {
  margin-bottom: 120px;
}
.feature-guide .feature .title[data-v-220c5cdd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
}
.feature-guide .feature .title[data-v-220c5cdd]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #ae0f0a;
  content: " ";
  margin-right: 10px;
}
.feature-guide .desc1[data-v-220c5cdd] {
  margin-top: 10px;
}
.feature-guide .desc2[data-v-220c5cdd] {
  margin-top: 10px;
}
.feature-guide .desc2 div[data-v-220c5cdd]:last-child {
  margin-top: 10px;
  color: #999999;
}
.feature-guide .desc3[data-v-220c5cdd] {
  margin-top: 10px;
}
.feature-guide .tips[data-v-220c5cdd] {
  font-weight: bold;
  margin: 25px 0 10px 0;
}
.feature-guide .tips-content[data-v-220c5cdd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.feature-guide .tips-content[data-v-220c5cdd]:before {
  content: " ";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333333;
  margin-right: 10px;
}
.feature-guide .table .header[data-v-220c5cdd] {
  min-height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  font-weight: bold;
  font-size: 24px;
}
.feature-guide .table .row[data-v-220c5cdd] {
  min-height: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
}
.feature-guide .table .row[data-v-220c5cdd]:nth-child(2n) {
  background-color: #F0F0F0;
}
.feature-guide .table .cell[data-v-220c5cdd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.feature-guide .table .cell[data-v-220c5cdd]:first-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.feature-guide .table .cell[data-v-220c5cdd] {
  padding-left: 30px;
}
.feature-guide .table .icon[data-v-220c5cdd] {
  font-size: 24px;
  margin-right: 15px;
}
.feature-guide .steps[data-v-220c5cdd] {
  margin-top: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.feature-guide .steps .card[data-v-220c5cdd] {
  min-height: 352px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 35px 20px 35px;
  background: #F0F0F0;
  border-radius: 15px;
  position: relative;
}
.feature-guide .steps .card .circle[data-v-220c5cdd] {
  position: absolute;
  top: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  border: 8px solid #FFFFFF;
  border-radius: 50%;
  background-color: #ae0f0a;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}
.feature-guide .steps .card .step[data-v-220c5cdd] {
  text-align: center;
  margin: 60px 0 20px 0;
  font-size: 24px;
  font-weight: 800;
}
.feature-guide .steps .card .step-desc[data-v-220c5cdd] {
  color: #666666;
}
.feature-guide .steps .card .question[data-v-220c5cdd] {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.feature-guide .steps .card .purpose[data-v-220c5cdd] {
  margin-top: 25px;
}
.feature-guide .steps .card ul[data-v-220c5cdd] {
  list-style-type: none;
  padding-left: 0;
  color: #666666;
}
.feature-guide .steps .card ul li[data-v-220c5cdd] {
  margin-top: 8px;
  padding-left: 16px;
  position: relative;
}
.feature-guide .steps .card ul li[data-v-220c5cdd]:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #666666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.feature-guide .imgs[data-v-220c5cdd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin: 15px 0 25px 0;
}
.feature-guide .imgs img[data-v-220c5cdd] {
  width: 100%;
}
.feature-guide .option[data-v-220c5cdd] {
  margin-top: 25px;
}
.feature-guide .link-text[data-v-220c5cdd] {
  color: #ae0f0a;
}
.feature-guide .special-cases[data-v-220c5cdd] {
  margin-bottom: 15px;
}
.feature-guide .special-cases-title2[data-v-220c5cdd] {
  margin-top: 25px;
}
.feature-guide .special-cases-desc[data-v-220c5cdd]:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.app-feature-guide[data-v-220c5cdd] .el-collapse {
  border: none;
}
.app-feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__header {
  height: auto;
  line-height: 22px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  background-color: #b11116;
  color: #FFFFFF;
  padding: 16px 0;
}
.app-feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__wrap {
  border: none;
}
.app-feature-guide[data-v-220c5cdd] .el-collapse .el-collapse-item__content {
  background-color: #b11116;
  color: rgba(255, 255, 255, 0.9);
  line-height: 24px;
  font-size: 13px;
}
.app-feature-guide .feature-guide-content[data-v-220c5cdd] {
  margin-top: 128px;
}
.app-feature-guide .feature[data-v-220c5cdd] {
  margin-bottom: 50px;
}
.app-feature-guide .feature .title[data-v-220c5cdd] {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 16px;
}
.app-feature-guide .feature .title[data-v-220c5cdd]:before {
  display: none;
}
.app-feature-guide .feature .faq[data-v-220c5cdd] {
  margin-bottom: 0;
}
.app-feature-guide .desc1[data-v-220c5cdd] {
  opacity: 0.9;
}
.app-feature-guide .desc1 div[data-v-220c5cdd]:first-child {
  margin-bottom: 8px;
}
.app-feature-guide .desc2[data-v-220c5cdd] {
  margin: 16px 0;
}
.app-feature-guide .desc2 div[data-v-220c5cdd] {
  opacity: 0.8;
}
.app-feature-guide .desc2 div[data-v-220c5cdd]:last-child {
  margin-top: 10px;
  color: #FFFFFF;
  opacity: 0.8;
}
.app-feature-guide .desc3[data-v-220c5cdd] {
  margin-top: 0;
  opacity: 0.8;
}
.app-feature-guide .tips[data-v-220c5cdd] {
  margin: 16px 0 10px 0;
}
.app-feature-guide .tips-content[data-v-220c5cdd] {
  opacity: 0.5;
}
.app-feature-guide .tips-content[data-v-220c5cdd]:before {
  display: none;
}
.app-feature-guide .table-content[data-v-220c5cdd] {
  overflow-x: auto;
  border-radius: 8px;
}
.app-feature-guide .table-content[data-v-220c5cdd]::-webkit-scrollbar {
  display: none;
}
.app-feature-guide .table-content[data-v-220c5cdd] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.app-feature-guide .table[data-v-220c5cdd] {
  min-width: 640px;
  color: #000000;
  border-radius: 8px;
  line-height: 16px;
}
.app-feature-guide .table .header[data-v-220c5cdd] {
  min-height: 73px;
  font-size: 12px;
}
.app-feature-guide .table .row[data-v-220c5cdd] {
  min-height: 0;
  font-size: 12px;
}
.app-feature-guide .table .cell[data-v-220c5cdd]:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.app-feature-guide .table .cell[data-v-220c5cdd] {
  padding: 16px;
}
.app-feature-guide .table .icon[data-v-220c5cdd] {
  font-size: 20px;
  margin-right: 10px;
}
.app-feature-guide .steps[data-v-220c5cdd] {
  margin-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  color: #000000;
}
.app-feature-guide .steps .card[data-v-220c5cdd] {
  margin-top: 54px;
}
.app-feature-guide .link-text[data-v-220c5cdd] {
  color: #FFB000;
}
.app-feature-guide .special-cases-desc[data-v-220c5cdd]:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
  margin-right: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/messages/index.vue?vue&type=style&index=0&id=5137c92e&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.messages-container .page-title-container[data-v-5137c92e] {
  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;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.messages-container .page-title-container .page-title[data-v-5137c92e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.messages-container .page-title-container .page-title[data-v-5137c92e]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.messages-container .page-title-container .page-title span[data-v-5137c92e] {
  margin-left: 10px;
}
.messages-container .page-title-container .operate .setting-logo[data-v-5137c92e] {
  font-size: 15px;
  margin-right: 12px;
}
.messages-container .page-title-container .operate[data-v-5137c92e] * .el-button + .el-button {
  margin-left: 20px;
}
.messages-container .filter-container[data-v-5137c92e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.messages-container .filter-container .filter-btns[data-v-5137c92e] {
  height: 55px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
}
.messages-container .filter-container .filter-btns .filter-btn[data-v-5137c92e] {
  padding: 0 15px;
  border: none;
  font-size: 20px;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #666666;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.messages-container .filter-container .filter-btns .filter-btn + .el-button[data-v-5137c92e] {
  margin-left: 0px;
}
.messages-container .filter-container .filter-btns .filter-btn.active[data-v-5137c92e], .messages-container .filter-container .filter-btns .filter-btn[data-v-5137c92e]:hover, .messages-container .filter-container .filter-btns .filter-btn[data-v-5137c92e]:focus {
  background: #e7e7e7;
  border-radius: 10px;
  font-weight: 500;
  color: #333333;
}
.messages-container .message-content .no-data[data-v-5137c92e] {
  margin-top: 40px;
  text-align: center;
}
.messages-container .message-content .time-title[data-v-5137c92e] {
  line-height: 24px;
  font-size: 20px;
  margin: 40px 0 10px;
}
.messages-container .message-content .time-title.first-time-title[data-v-5137c92e] {
  margin-top: 20px;
}
.messages-container .message-content .message-item[data-v-5137c92e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
}
.messages-container .message-content .message-item[data-v-5137c92e]:hover {
  background: #EEEEEE;
}
.messages-container .message-content .message-item:hover .item-info-container .action-btns[data-v-5137c92e] {
  display: block;
}
.messages-container .message-content .message-item .item-icon[data-v-5137c92e] {
  position: relative;
  width: 40px;
  height: 40px;
  margin-top: 18px;
  background: #F5F5F5;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
}
.messages-container .message-content .message-item .item-icon .alert-logo[data-v-5137c92e] {
  font-size: 15px;
}
.messages-container .message-content .message-item .item-icon .item-dot[data-v-5137c92e] {
  position: absolute;
  top: 0;
  right: -7px;
  width: 7px;
  height: 7px;
  background: #AE0F0A;
  border-radius: 50%;
}
.messages-container .message-content .message-item .item-info-container[data-v-5137c92e] {
  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;
  width: calc(100% - 56px);
  padding: 15px 0;
  border-bottom: 1px solid #DDDDDD;
}
.messages-container .message-content .message-item .item-info-container .item-info[data-v-5137c92e] {
  width: calc(100% - 102px);
}
.messages-container .message-content .message-item .item-info-container .item-info .item-title[data-v-5137c92e] {
  line-height: 22px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.messages-container .message-content .message-item .item-info-container .item-info .item-title.had-read[data-v-5137c92e] {
  font-weight: normal;
}
.messages-container .message-content .message-item .item-info-container .item-info .item-desc[data-v-5137c92e] {
  width: 80%;
  line-height: 22px;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.messages-container .message-content .message-item .item-info-container .item-info .item-time[data-v-5137c92e] {
  line-height: 16px;
  font-size: 14px;
  color: #999999;
  margin-top: 15px;
}
.messages-container .message-content .message-item .item-info-container .action-btns[data-v-5137c92e] {
  display: none;
  margin-right: 30px;
}
.messages-container .message-content .message-item .item-info-container .action-btns .read-icon[data-v-5137c92e] {
  font-size: 20px;
  cursor: pointer;
}
.messages-container .message-content .message-item .item-info-container .action-btns .del-icon[data-v-5137c92e] {
  font-size: 22px;
  margin-left: 30px;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dealer/index.vue?vue&type=style&index=0&id=7d951714&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dealer-container .page-title[data-v-7d951714] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
  margin-top: 40px;
}
.dealer-container .page-title[data-v-7d951714]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.dealer-container .page-title span[data-v-7d951714] {
  margin-left: 10px;
}
.dealer-container .dealer-content .table-search[data-v-7d951714] {
  padding: 0 0 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dealer-container .dealer-content .table-search .property-type[data-v-7d951714] {
  width: 295px;
  margin-right: 15px;
}
.dealer-container .dealer-content .table-search .search-key[data-v-7d951714] {
  width: 700px;
  margin-right: 20px;
}
.dealer-container .dealer-content .table-search .search-btn[data-v-7d951714] {
  height: 45px;
}
.dealer-container .dealer-content .table-search .search-btn[data-v-7d951714] *.el-button + .el-button {
  margin-left: 15px;
}
.dealer-container .dealer-content .btns[data-v-7d951714] {
  text-align: right;
}
.dealer-container .dealer-content .btns .show-map-btn .my-icon-show-map[data-v-7d951714] {
  width: 10px;
  height: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.dealer-container .dealer-content .btns .show-map-btn .my-icon-show-map.show-map[data-v-7d951714] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dealer-container .dealer-content .map-container[data-v-7d951714] {
  height: 450px;
  background: #AE0F0A;
  border-radius: 15px;
  margin-top: 25px;
  overflow: hidden;
}
.dealer-container .dealer-content .map-container[data-v-7d951714] * .gm-style-iw-tc {
  display: none;
}
.dealer-container .dealer-content .dealer-list[data-v-7d951714] {
  padding: 25px 0 25px;
}
.dealer-container .dealer-content .dealer-list .star-btn-icon[data-v-7d951714] {
  cursor: pointer;
  font-size: 25px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/AppMain.vue?vue&type=style&index=0&id=078753dd&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-main[data-v-078753dd] {
  position: relative;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Messages/components/list.vue?vue&type=style&index=0&id=685fd764&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.message-list-container[data-v-685fd764] {
  height: 478px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.message-list-container .message-title[data-v-685fd764] {
  line-height: 24px;
  padding: 18px 20px;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  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;
  border-bottom: 1px solid #DDDDDD;
}
.message-list-container .message-title .mark-all-read[data-v-685fd764] {
  line-height: 19px;
  font-size: 16px;
  font-weight: 400;
  color: #AE0F0A;
  cursor: pointer;
}
.message-list-container .message-title .mark-all-read[data-v-685fd764]:hover {
  text-decoration: underline;
}
.message-list-container .message-title .no-data[data-v-685fd764] {
  color: #E6B7B5;
  cursor: not-allowed;
}
.message-list-container .message-title .no-data[data-v-685fd764]:hover {
  text-decoration: none;
}
.message-list-container .message-title .setting-logo[data-v-685fd764] {
  font-size: 20px;
  cursor: pointer;
}
.message-list-container .message-list[data-v-685fd764] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.message-list-container .message-list .message-content[data-v-685fd764] {
  min-height: 384px;
  padding: 0 20px;
}
.message-list-container .message-list .message-content .message-item[data-v-685fd764] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
}
.message-list-container .message-list .message-content .message-item[data-v-685fd764]:last-child {
  border-bottom: none;
}
.message-list-container .message-list .message-content .message-item[data-v-685fd764]:last-child:hover {
  border-radius: 0 0 10px 10px;
}
.message-list-container .message-list .message-content .message-item[data-v-685fd764]:first-child {
  border-bottom: 1px solid #DDDDDD;
}
.message-list-container .message-list .message-content .message-item[data-v-685fd764]:first-child:hover {
  border-radius: 0;
}
.message-list-container .message-list .message-content .message-item[data-v-685fd764]:hover {
  /*background: #EEEEEE;*/
}
.message-list-container .message-list .message-content .message-item .item-icon[data-v-685fd764] {
  position: relative;
  width: 40px;
  height: 40px;
  background: #F5F5F5;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 18px;
}
.message-list-container .message-list .message-content .message-item .item-icon .alert-logo[data-v-685fd764] {
  font-size: 15px;
}
.message-list-container .message-list .message-content .message-item .item-icon .item-dot[data-v-685fd764] {
  position: absolute;
  top: 0;
  right: -7px;
  width: 7px;
  height: 7px;
  background: #AE0F0A;
  border-radius: 50%;
}
.message-list-container .message-list .message-content .message-item .item-info-container[data-v-685fd764] {
  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-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.message-list-container .message-list .message-content .message-item .item-info-container .item-info .item-title[data-v-685fd764] {
  line-height: 22px;
  width: 207px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.message-list-container .message-list .message-content .message-item .item-info-container .item-info .item-desc[data-v-685fd764] {
  width: 207px;
  line-height: 22px;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.message-list-container .message-list .message-content .message-item .item-info-container .item-time[data-v-685fd764] {
  line-height: 16px;
  font-size: 14px;
  color: #999999;
}
.message-list-container .message-list .no-data[data-v-685fd764] {
  text-align: center;
  padding: 84px 0 144px;
}
.message-list-container .message-list .no-data .no-data-logo[data-v-685fd764] {
  font-size: 135px;
}
.message-list-container .message-list .no-data .no-data-tip[data-v-685fd764] {
  line-height: 22px;
  font-size: 16px;
  color: #999999;
  margin-top: 20px;
}
.message-list-container .view-more[data-v-685fd764] {
  text-align: center;
  padding: 15px;
  color: #AE0F0A;
  border-top: 1px solid #DDDDDD;
}
.message-list-container .view-more .more-btn[data-v-685fd764] {
  margin-right: 5px;
  cursor: pointer;
}
.message-list-container .view-more .more-btn[data-v-685fd764]:hover {
  text-decoration: underline;
}
.message-list-container .view-more .el-icon-arrow-right[data-v-685fd764] {
  font-weight: bold;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Messages/index.vue?vue&type=style&index=0&id=79b6d602&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.message-popover {
  padding: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.22);
          box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.22);
  color: #333333;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Messages/index.vue?vue&type=style&index=1&id=79b6d602&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.alert-container[data-v-79b6d602] .svg-icon {
  width: 15.3px;
  height: 17px;
  margin-top: -3px;
}
.alert-container[data-v-79b6d602] .el-badge__content {
  background-color: #ffffff;
  font-size: 12px;
  color: #AE0F0A;
  top: 2px;
  right: 7px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  width: 10px;
  border: 2px solid #AE0F0A;
}
.alert-container[data-v-79b6d602] .el-badge {
  vertical-align: middle;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/dashboard/components/ExportInfo.vue?vue&type=style&index=0&id=33fa0ed6&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-container .download-container .checkbox-item[data-v-33fa0ed6] * .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.export-container .download-container .checkbox-item[data-v-33fa0ed6] * .el-checkbox__inner:after {
  height: 10px;
  left: 8px;
  top: 8px;
}
.export-container .download-container .checkbox-item[data-v-33fa0ed6] .el-checkbox__label {
  line-height: 19px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  vertical-align: middle;
}
.export-container .download-container .description[data-v-33fa0ed6] {
  line-height: 22px;
  color: #999999;
  margin-top: 5px;
  margin-left: 30px;
}
.export-container .download-container .top-option-container[data-v-33fa0ed6] {
  background: #F0F0F0;
  border-radius: 10px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  row-gap: 25px;
}
.export-container .download-container .bottom-option-container[data-v-33fa0ed6] {
  background: #F0F0F0;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.export-container .download-container .bottom-option-container[data-v-33fa0ed6] .data-packer {
  width: 100%;
  padding-left: 15px;
}
.export-container .download-container .bottom-option-container[data-v-33fa0ed6] .data-packer :deep(*) .el-range-input {
  color: #333333;
  width: 45%;
  text-align: left;
}
.export-container .download-container .bottom-option-container[data-v-33fa0ed6] .data-packer :deep(*) .el-input__icon.el-range__close-icon {
  display: inline-block;
  position: absolute;
  right: 55px;
  font-size: 20px;
  color: #BDBDBD;
}
.export-container .download-container .bottom-option-container .bottom-title[data-v-33fa0ed6] {
  line-height: 21px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
}
.export-container .download-container .bottom-option-container .bottom-content .bottom-option-item[data-v-33fa0ed6] {
  margin: 20px 0;
}
.export-container .download-container .bottom-option-container .bottom-content .bottom-option-item[data-v-33fa0ed6]:last-child {
  margin-bottom: 0;
}
.export-container .download-container .bottom-option-container .bottom-content .line[data-v-33fa0ed6] {
  height: 1px;
  background: #DDDDDD;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Units.vue?vue&type=style&index=0&id=65fce412&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.units-dialog .unit-options[data-v-65fce412] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.units-dialog .unit-options-item[data-v-65fce412] {
  margin-bottom: 30px;
}
.units-dialog[data-v-65fce412] .el-dialog .el-dialog__footer {
  padding: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Navbar.vue?vue&type=style&index=0&id=d16d6306&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.account-dropdown {
  padding: 0;
  border-radius: 10px;
}
.account-dropdown .el-dropdown-menu__item {
  line-height: 40px;
  color: #333333;
}
.account-dropdown .el-dropdown-menu__item:not(.is-disabled):hover, .account-dropdown .el-dropdown-menu__item:focus {
  background-color: #EEEEEE;
  color: #333333;
}
.account-dropdown .el-dropdown-menu__item .account-icon {
  font-size: 20px;
  margin-right: 9px;
}
.account-dropdown .el-dropdown-menu__item .account-icon {
  font-size: 16px;
  margin-right: 13px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Navbar.vue?vue&type=style&index=1&id=d16d6306&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.navbar[data-v-d16d6306] {
  height: 100%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.navbar .right-menu[data-v-d16d6306] {
  float: none;
  height: 100%;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.navbar .right-menu[data-v-d16d6306]:focus {
  outline: none;
}
.navbar .right-menu .right-menu-item[data-v-d16d6306] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  font-size: 14px;
  padding: 0 16px;
  color: #ffffff;
}
.navbar .right-menu .right-menu-item[data-v-d16d6306]:last-child {
  padding-right: 0;
}
.navbar .right-menu .right-menu-item.hover-effect[data-v-d16d6306], .navbar .right-menu .right-menu-item .hover-effect[data-v-d16d6306] {
  cursor: pointer;
}
.navbar .right-menu .right-menu-item .user-icon[data-v-d16d6306] {
  font-size: 23px;
  padding-right: 8px;
  margin-bottom: 3px;
}
.navbar .right-menu .right-menu-item .avatar-container[data-v-d16d6306] {
  color: #ffffff;
}
.navbar .right-menu .right-menu-item[data-v-d16d6306] .el-dropdown {
  font-size: 14px;
}
.navbar .right-menu .avatar-container .avatar-wrapper[data-v-d16d6306] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-d16d6306] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.navbar .right-menu .avatar-container .avatar-wrapper .user-name[data-v-d16d6306] {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.navbar .right-menu .avatar-container .avatar-wrapper .my-icon-arrow-down[data-v-d16d6306] {
  cursor: pointer;
  font-size: 12px;
}
.navbar .header-export[data-v-d16d6306] {
  float: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 24px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.navbar .header-export .btn-export[data-v-d16d6306] {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar .header-export .svg-export[data-v-d16d6306] {
  width: 16.3px;
  height: 16.3px;
  margin-right: 8px;
}
.navbar .header-export .el-button--text[data-v-d16d6306] {
  color: #ffffff;
}
.navbar[data-v-d16d6306] .el-button {
  height: 40px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar[data-v-d16d6306] .alert-container .svg-icon {
  margin-top: 0;
}
.iframe-container[data-v-d16d6306] {
  width: 1px;
  height: 1px;
  position: absolute;
  right: -100px;
  opacity: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Menus.vue?vue&type=style&index=0&id=2722d917&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.menu-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  background: #AE0F0A;
  border-radius: 15px;
  padding: 15px;
  margin-top: 0 !important;
}
.menu-dropdown .menu-dropdown-item {
  border-radius: 10px;
}
.menu-dropdown .menu-dropdown-item:hover {
  background: #ba332f;
}
.menu-dropdown .menu-dropdown-item-link {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #FFFFFF;
}
.menu-dropdown .selected {
  background: #c75754;
}
.menu-dropdown .popper__arrow {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Menus.vue?vue&type=style&index=1&id=2722d917&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.menus-container[data-v-2722d917] {
  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;
  padding: 20px 0 20px 0;
  background-color: #ffffff;
}
.menus-container .logo-container[data-v-2722d917] {
  margin-right: 60px;
}
.menus-container .logo-container .logo[data-v-2722d917] {
  width: 165px;
  height: 38px;
}
.menus-container .menus-content .menus-item-link[data-v-2722d917], .menus-container .menus-content .menu-dropdown[data-v-2722d917] {
  margin-right: 10px;
}
.menus-container .menus-content .menus-item-link[data-v-2722d917]:nth-last-child(1), .menus-container .menus-content .menu-dropdown[data-v-2722d917]:nth-last-child(1) {
  margin-right: 0;
}
.menus-container .menus-content .menus-item-link .menus-item-btn[data-v-2722d917], .menus-container .menus-content .menu-dropdown .menus-item-btn[data-v-2722d917] {
  font-size: 16px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-width: 2px;
  line-height: 43px;
  font-weight: 800;
}
.menus-container .menus-content .menus-item-link .menus-item-btn.active[data-v-2722d917], .menus-container .menus-content .menu-dropdown .menus-item-btn.active[data-v-2722d917] {
  border: 2px solid #AE0F0A;
}
.menus-container .menus-more .more-trigger[data-v-2722d917] {
  display: inline-block;
  cursor: pointer;
}
.menus-container .menus-more .more-trigger[data-v-2722d917]:focus {
  outline: none;
}
.menus-container .menus-more .more-icon[data-v-2722d917] {
  font-size: 32px;
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Language/FullscreenLanguage.vue?vue&type=style&index=0&id=849cc52c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.fullscreen-language-container[data-v-849cc52c] {
  cursor: default;
}
.fullscreen-language-container .language-btn[data-v-849cc52c] {
  width: 256px;
  height: 54px;
  padding: 0 16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.fullscreen-language-container .language-btn.login-language-btn[data-v-849cc52c] {
  width: auto;
  height: auto;
  border: none;
  color: #333333;
}
.fullscreen-language-container .language-btn .btn-img[data-v-849cc52c] {
  margin-right: 10px;
}
.fullscreen-language-container .language-btn .arrow-ccc[data-v-849cc52c] {
  margin-left: 10px;
  font-size: 20px;
}
.fullscreen-language-container .language-btn.common-language-btn[data-v-849cc52c] {
  width: auto;
  height: auto;
  border: none;
  padding: 0;
}
.fullscreen-language-container .language-btn em[data-v-849cc52c], .fullscreen-language-container .language-btn img[data-v-849cc52c] {
  display: block;
  vertical-align: middle;
  font-style: normal;
}
.fullscreen-language-container .language-btn img[data-v-849cc52c] {
  width: 32px;
  height: 32px;
}
.fullscreen-language-container .language-dialog .language-dialog-mask[data-v-849cc52c] {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.98;
  background: #ffffff;
  z-index: 99;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container[data-v-849cc52c] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  color: #333333;
  text-align: center;
  overflow: auto;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container[data-v-849cc52c]:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content[data-v-849cc52c] {
  /*两边留白40px*/
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
  text-align: left;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .logo[data-v-849cc52c] {
  width: 165px;
  height: 38px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container[data-v-849cc52c] {
  width: 870px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-title[data-v-849cc52c] {
  line-height: 34px;
  font-size: 28px;
  font-weight: 800;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .list-title[data-v-849cc52c] {
  line-height: 26px;
  font-size: 22px;
  font-weight: bold;
  margin-top: 56px;
  margin-bottom: 10px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .list-title.lang-list-title[data-v-849cc52c] {
  margin-top: 24px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .country-container[data-v-849cc52c], .fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .lang-container[data-v-849cc52c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item[data-v-849cc52c] {
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  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;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 15px;
  width: calc(25% - 15px);
  max-width: 170px;
  padding: 0 15px;
  margin-bottom: 16px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item.active[data-v-849cc52c], .fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item[data-v-849cc52c]:hover {
  background: #EEEEEE;
  border-radius: 10px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item .item-info-container[data-v-849cc52c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item .item-info-container span[data-v-849cc52c] {
  white-space: nowrap;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item img[data-v-849cc52c], .fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .language-list-item .empty-img[data-v-849cc52c] {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 0;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .language-list-container .btn-container[data-v-849cc52c] {
  text-align: center;
  margin-top: 34px;
}
.fullscreen-language-container .language-dialog .language-dialog-content-container .language-dialog-content .el-icon-close[data-v-849cc52c] {
  width: 17px;
  height: 17px;
  color: #666666;
  border-radius: 2px 2px 2px 2px;
  padding: 0 20px;
  cursor: pointer;
  font-weight: bold;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Language/FullscreenLanguage.vue?vue&type=style&index=1&id=849cc52c&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.confirm-language-msgbox {
  width: 600px;
  max-width: unset;
  padding: unset;
  padding-bottom: 30px;
  border-radius: 15px;
.el-message-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 26px;
.el-message-box__title {
      color: #FFffff;
}
.el-message-box__headerbtn {
      top: 12px;
      right: 14px;
}
}
.el-message-box__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/AccountCancellation.vue?vue&type=style&index=0&id=24b4f0b3&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.account-cancellation-dialog[data-v-24b4f0b3] .el-dialog__body {
  overflow: hidden;
}
.account-cancellation-dialog .container[data-v-24b4f0b3] {
  line-height: 24px;
  color: #333;
}
.account-cancellation-dialog .container .cancel-tip-top[data-v-24b4f0b3] {
  margin-bottom: 15px;
}
.account-cancellation-dialog .container .cancel-tip-bottom[data-v-24b4f0b3] {
  line-height: 28px;
}
.account-cancellation-dialog .container .cancel-tip-bottom .cancel-tip[data-v-24b4f0b3]:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.account-cancellation-dialog .container .dialog-footer[data-v-24b4f0b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/DissolveCompany.vue?vue&type=style&index=0&id=602abb2f&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dissolve-company-dialog[data-v-602abb2f] .el-dialog__body {
  overflow: hidden;
}
.dissolve-company-dialog .container[data-v-602abb2f] {
  line-height: 24px;
  color: #333;
}
.dissolve-company-dialog .container .dissolve-tip-top[data-v-602abb2f] {
  margin-bottom: 15px;
}
.dissolve-company-dialog .container .dissolve-tip-bottom[data-v-602abb2f] {
  line-height: 28px;
}
.dissolve-company-dialog .container .dissolve-tip-bottom .dissolve-tip[data-v-602abb2f]:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.dissolve-company-dialog .container .dissolve-tip-confirm[data-v-602abb2f] {
  margin-top: 15px;
}
.dissolve-company-dialog .container .dialog-footer[data-v-602abb2f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/CancelAttention.vue?vue&type=style&index=0&id=2234e427&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cancel-attention-dialog[data-v-2234e427] .el-dialog__body {
  overflow: hidden;
}
.cancel-attention-dialog .container[data-v-2234e427] {
  line-height: 24px;
  color: #333;
}
.cancel-attention-dialog .container .choose-user[data-v-2234e427] {
  margin: 25px 0 10px 0;
}
.cancel-attention-dialog .container .user-select[data-v-2234e427] {
  width: 100%;
}
.cancel-attention-dialog .container .email[data-v-2234e427] {
  color: #999;
  margin-left: 6px;
}
.cancel-attention-dialog .container .cancel-tip-top[data-v-2234e427] {
  margin-bottom: 15px;
}
.cancel-attention-dialog .container .cancel-tip-bottom[data-v-2234e427] {
  line-height: 28px;
}
.cancel-attention-dialog .container .cancel-tip-bottom .cancel-tip[data-v-2234e427]:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.cancel-attention-dialog .container .dialog-footer[data-v-2234e427] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.cancel-attention-dialog .container .dissolve-company[data-v-2234e427] {
  margin-top: 25px;
  text-align: center;
}
.cancel-attention-dialog .container .dissolve-company span[data-v-2234e427] {
  text-decoration: underline;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Footer.vue?vue&type=style&index=0&id=0ed1aaf0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.footer-container[data-v-0ed1aaf0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-container .account-cancel[data-v-0ed1aaf0] {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
  text-align: center;
  margin-top: 150px;
}
.footer-container .account-cancel[data-v-0ed1aaf0]:hover {
  color: #AE0F0A;
}
.footer-container .footer-border[data-v-0ed1aaf0] {
  margin-top: 60px;
  border-top: 1px solid #dddddd;
}
.footer-container .footer-border .footer-content[data-v-0ed1aaf0] {
  height: 70px;
  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;
  /*两边留白40px*/
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
}
.footer-container .footer-border .footer-content .statement[data-v-0ed1aaf0] {
  line-height: 20px;
  font-size: 14px;
  color: #666666;
  word-break: break-word;
}
.footer-container .footer-border .footer-content .privacy[data-v-0ed1aaf0] {
  margin: 0 40px;
  line-height: 22px;
  color: #AE0F0A;
}
.footer-container .footer-border .footer-content .privacy .privacy-item[data-v-0ed1aaf0] {
  white-space: nowrap;
}
.footer-container .footer-border .footer-content .privacy .privacy-item[data-v-0ed1aaf0]:after {
  display: inline-block;
  content: " ";
  width: 1px;
  height: 20px;
  background: #DDDDDD;
  opacity: 0.75;
  margin: 0 10px;
  vertical-align: middle;
}
.footer-container .footer-border .footer-content .privacy .privacy-item[data-v-0ed1aaf0]:last-child:after {
  display: none;
}
.footer-container .footer-border .footer-content .privacy .privacy-item[data-v-0ed1aaf0]:hover {
  text-decoration: underline;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Video/index.vue?vue&type=style&index=0&id=6e22693e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-dialog-container .video-js[data-v-6e22693e] {
  width: 100%;
  height: 300px;
}
.video-dialog-container[data-v-6e22693e] * .vjs-big-play-button {
  top: calc(50% - 1.5em);
  left: calc(50% - 0.8em);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/equipment/components/Support.vue?vue&type=style&index=0&id=1378dd71&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.support-dialog-container .support-content[data-v-1378dd71] * .el-upload-list--picture-card .el-upload-list__item {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  position: relative;
  overflow: visible;
  margin: 0 15px 15px 0;
}
.support-dialog-container .support-content[data-v-1378dd71] * .el-upload--picture-card {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
}
.support-dialog-container .support-content[data-v-1378dd71] * .el-upload--picture-card:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.support-dialog-container .support-content[data-v-1378dd71] * .el-upload--picture-card i {
  vertical-align: middle;
}
.support-dialog-container .support-content[data-v-1378dd71] * .el-textarea__inner {
  border-radius: 10px;
}
.support-dialog-container .support-content[data-v-1378dd71] * .model-select {
  width: 100%;
}
.support-dialog-container .support-content[data-v-1378dd71] * .file-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.support-dialog-container .support-content[data-v-1378dd71] * .file-item video {
  width: 100%;
  height: 100%;
}
.support-dialog-container .support-content[data-v-1378dd71] * .el-upload-list__item {
  -webkit-transition: none;
  transition: none;
}
.support-dialog-container .support-content .play-icon[data-v-1378dd71] {
  position: absolute;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  font-size: 25px;
  cursor: pointer;
}
.support-dialog-container .support-content .close[data-v-1378dd71] {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 20px;
  cursor: pointer;
}
.support-dialog-container[data-v-1378dd71] * .el-dialog__footer {
  padding-top: 30px;
}
.support-dialog-container .sales-number[data-v-1378dd71] {
  height: 16px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/EquipmentRepair.vue?vue&type=style&index=0&id=12a038c4&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.repair-container[data-v-12a038c4] {
  margin: 80px 0 0;
  height: 100px;
  line-height: 100px;
  background: #F0F0F0;
  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;
}
.repair-container[data-v-12a038c4] * + .footer-container {
  margin-top: 0;
}
.repair-container .repair-item[data-v-12a038c4] {
  line-height: 29px;
  font-size: 24px;
  cursor: pointer;
}
.repair-container .repair-item .repair-icon[data-v-12a038c4] {
  font-size: 28px;
  margin-right: 20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/login/components/CookieSettings.vue?vue&type=style&index=0&id=ba7988e0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cookie-settings .cookie-settings-content .title[data-v-ba7988e0] {
  line-height: 24px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.cookie-settings .cookie-settings-content .desc[data-v-ba7988e0] {
  line-height: 24px;
}
.cookie-settings .cookie-settings-content .desc .link-text[data-v-ba7988e0] {
  text-decoration: underline;
  cursor: pointer;
}
.cookie-settings .cookie-settings-content .toggle-item[data-v-ba7988e0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px 0;
  border-bottom: 1px solid #DDDDDD;
}
.cookie-settings .cookie-settings-content .toggle-item[data-v-ba7988e0]:last-child {
  border-bottom: none;
}
.cookie-settings .cookie-settings-content .toggle-item .toggle-switch[data-v-ba7988e0] {
  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;
}
.cookie-settings .cookie-settings-content .toggle-item .toggle-switch .bold[data-v-ba7988e0] {
  font-weight: bold;
}
.cookie-settings .cookie-settings-content .toggle-item .toggle-desc[data-v-ba7988e0] {
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  margin-top: 10px;
}
.cookie-settings .cookie-settings-content .privacy-choices[data-v-ba7988e0] {
  margin-bottom: 40px;
}
.cookie-settings .cookie-settings-content .privacy-choices .action-buttons[data-v-ba7988e0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.cookie-settings .cookie-settings-content .privacy-choices .action-buttons[data-v-ba7988e0] .el-button + .el-button {
  margin-left: 0;
}
.cookie-settings .cookie-settings-content .privacy-choices .action-buttons .reject-all-btn[data-v-ba7988e0], .cookie-settings .cookie-settings-content .privacy-choices .action-buttons .accept-all-btn[data-v-ba7988e0] {
  min-width: 120px;
}
.cookie-settings .cookie-settings-content .privacy-rights[data-v-ba7988e0] {
  margin-bottom: 20px;
}
.cookie-settings .cookie-settings-content .save-button-container[data-v-ba7988e0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.cookie-settings .cookie-settings-content .save-button-container .save-continue-btn[data-v-ba7988e0] {
  min-width: 156px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/DashboardFooter.vue?vue&type=style&index=0&id=22c9b832&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.footer-container[data-v-22c9b832] {
  margin-top: 110px;
  background-color: #AE0F0A;
  color: #ffffff;
}
.footer-container .footer-content[data-v-22c9b832] {
  /*两边留白40px*/
  width: calc(100% - 80px);
  max-width: 1284px;
  padding: 63px 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-container .footer-content .footer-item[data-v-22c9b832] {
  font-size: 18px;
  line-height: 40px;
}
.footer-container .footer-content .footer-item .footer-item-title[data-v-22c9b832] {
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
  margin-bottom: 25px;
}
.footer-container .footer-content .footer-item .footer-item-btn[data-v-22c9b832] {
  cursor: pointer;
}
.footer-container .footer-content .footer-item .footer-item-btn[data-v-22c9b832]:hover {
  text-decoration: underline;
}
.footer-container .footer-content .footer-item .app-download-container[data-v-22c9b832] {
  position: relative;
}
.footer-container .footer-content .footer-item .app-download-container a[data-v-22c9b832] {
  position: absolute;
  height: 41%;
  width: 100%;
}
.footer-container .footer-content .footer-item .app-download-container a[data-v-22c9b832]:nth-child(2) {
  top: 50%;
}
.footer-container .statement[data-v-22c9b832] {
  border-top: 1px solid #ffffff;
}
.footer-container .statement div[data-v-22c9b832] {
  /*两边留白40px*/
  width: calc(100% - 80px);
  max-width: 1284px;
  height: 70px;
  line-height: 70px;
  margin: 0 auto;
  font-size: 14px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/index.vue?vue&type=style&index=0&id=13877386&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.app-wrapper[data-v-13877386]:after {
  content: "";
  display: table;
  clear: both;
}
.app-wrapper[data-v-13877386] {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header-container.fixed-header[data-v-13877386] {
  width: 100%;
  min-width: 1024px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px;
}
.header-container .nav-container[data-v-13877386] {
  height: 40px;
  background: #AE0F0A;
}
.header-container .menus-container[data-v-13877386] {
  background-color: #ffffff;
}
.header-container .nav-content[data-v-13877386], .header-container .menus-content[data-v-13877386] {
  /*两边留白40px*/
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
}
.web-main-content[data-v-13877386] {
  /*两边留白40px*/
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
}
.app-main-content[data-v-13877386] {
  width: calc(100% - 48px);
}
.footer-content[data-v-13877386] {
  margin-top: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/redirect/auth.vue?vue&type=style&index=0&id=432052d1&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.auth-container[data-v-432052d1] {
  height: 100vh;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/login/components/SignUpAttention.vue?vue&type=style&index=0&id=46edc2a6&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sign-up-attention .title[data-v-46edc2a6] {
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  padding: 0 80px;
  margin-bottom: 15px;
}
.sign-up-attention .content[data-v-46edc2a6] {
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/login/index.vue?vue&type=style&index=0&id=37dfd6fc&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.login-container[data-v-37dfd6fc] {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-container .login-content[data-v-37dfd6fc] {
  width: 1135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 40px;
  height: 100%;
}
.login-container .login-content .login-logo[data-v-37dfd6fc] {
  width: 165px;
  height: 38px;
  margin-top: 65px;
  margin-left: 51px;
}
.login-container .login-content .el-icon-picture-outline[data-v-37dfd6fc] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.login-container .login-content .login-form-container .login-form-title-content .login-form-title[data-v-37dfd6fc] {
  line-height: 60px;
  font-size: 50px;
  font-weight: bold;
  width: 570px;
  margin: 0 auto 15px;
  overflow: hidden;
}
.login-container .login-content .login-form-container .login-form-title-content .login-form-title-tip[data-v-37dfd6fc] {
  line-height: 48px;
  font-size: 40px;
  font-weight: 500;
  width: 570px;
  margin: 0 auto;
}
.login-container .login-content .login-form-container .login-form-title-content .login-form-title-tip span[data-v-37dfd6fc] {
  white-space: nowrap;
}
.login-container .login-content .login-form-container .login-btns-container[data-v-37dfd6fc] {
  width: 570px;
  margin: 60px auto 0;
  overflow: hidden;
}
.login-container .login-content .login-form-container .login-btns-container .login-submit[data-v-37dfd6fc] {
  width: 100%;
}
.login-container .login-content .login-form-container .login-btns-container .login-submit.sign-up[data-v-37dfd6fc] {
  margin-top: 25px;
}
.login-container .login-content .login-form-container .select-language[data-v-37dfd6fc] {
  text-align: center;
  margin-top: 33.5px;
}
.login-container .login-content .login-form-container .select-language .select-language-inner[data-v-37dfd6fc] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.login-container .login-content .login-form-container .select-language .select-language-inner .language-icon[data-v-37dfd6fc] {
  width: 16px;
  vertical-align: middle;
}
.login-container .login-content .login-form-container .select-language .select-language-inner .language-name[data-v-37dfd6fc] {
  margin: 0 10px;
  vertical-align: middle;
}
.login-container .login-content .login-form-container .select-language .select-language-inner .arrow-ccc[data-v-37dfd6fc] {
  font-size: 20px;
  vertical-align: middle;
}
.login-container .login-content .bottom-container .statement[data-v-37dfd6fc] {
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  color: #666666;
  margin-bottom: 30px;
}
.login-container .login-icon-content[data-v-37dfd6fc] {
  width: 785px;
  height: 100%;
  text-align: center;
  background-color: #AE0F0A;
}
.login-container .login-icon-content[data-v-37dfd6fc]:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.login-container .login-icon-content .login_icon[data-v-37dfd6fc] {
  vertical-align: middle;
  display: inline-block;
  width: 73%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/login/components/PreIndex.vue?vue&type=style&index=0&id=7c6114d0&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.login-container .select-language[data-v-7c6114d0] {
  text-align: center;
  margin-top: 33.5px;
}
.login-container .select-language .select-language-inner[data-v-7c6114d0] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.login-container .select-language .select-language-inner .language-icon[data-v-7c6114d0] {
  width: 16px;
  vertical-align: middle;
}
.login-container .select-language .select-language-inner .language-name[data-v-7c6114d0] {
  margin: 0 10px;
  vertical-align: middle;
}
.login-container .select-language .select-language-inner .arrow-ccc[data-v-7c6114d0] {
  font-size: 20px;
  vertical-align: middle;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/firmware/components/Edit.vue?vue&type=style&index=0&id=2d3c17c9&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.manager-info-container .manager-info-content[data-v-2d3c17c9] * .el-select {
  display: block;
}
.manager-info-container .manager-info-content[data-v-2d3c17c9] * .upload-container .el-upload {
  text-align: left;
}
.manager-info-container .manager-info-content .emergency-title[data-v-2d3c17c9] {
  margin-bottom: 20px;
  color: #333333;
  font-size: 20px;
  font-weight: 800;
}
.manager-info-container .manager-info-content .form-btns[data-v-2d3c17c9] {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 22px;
}
.manager-info-container .manager-info-content .operator-details[data-v-2d3c17c9] * .el-form-item {
  margin-bottom: 20px;
}
.manager-info-container .manager-info-content .operator-details[data-v-2d3c17c9] * .el-form-item--medium .el-form-item__content {
  line-height: inherit;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/firmware/index.vue?vue&type=style&index=0&id=624e55d0&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.firmware-tooltip{
    max-width: 300px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/firmware/index.vue?vue&type=style&index=1&id=624e55d0&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.manage-container[data-v-624e55d0] {
  width: calc(100% - 80px);
  max-width: 1384px;
  margin: 0 auto;
  padding-top: 60px;
}
.manage-container .page-title[data-v-624e55d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.manage-container .page-title[data-v-624e55d0]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.manage-container .page-title span[data-v-624e55d0] {
  margin-left: 10px;
}
.manage-container .manage-content .table-search[data-v-624e55d0] {
  padding: 0 0 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.manage-container .manage-content .table-search .crew-select[data-v-624e55d0] {
  width: 300px;
  margin-right: 5px;
}
.manage-container .manage-content .table-search .search-key[data-v-624e55d0] {
  width: 709px;
}
.manage-container .manage-content .table-search .search-btn[data-v-624e55d0] *.el-button + .el-button {
  margin-left: 0;
}
.manage-container .manage-content .table-search .search-btn[data-v-624e55d0]:nth-last-child(2) {
  margin-left: 5px;
}
.manage-container .manage-content .btns[data-v-624e55d0] {
  text-align: right;
}
.manage-container .manage-content .btns .el-button + .el-button[data-v-624e55d0] {
  margin-left: 15px;
}
.manage-container .manage-content .customer-list[data-v-624e55d0] {
  padding: 25px 0 25px;
}
.manage-container .manage-content .customer-list .edit-btn-icon[data-v-624e55d0] {
  cursor: pointer;
}
.manage-container .manage-content .customer-list .inviting[data-v-624e55d0] {
  color: #AE0F0A;
}
.manage-container .batch-operation[data-v-624e55d0] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  padding: 13px 0;
  background-color: #AE0F0A;
  -webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  color: #ffffff;
}
.manage-container .batch-operation .batch-content[data-v-624e55d0] {
  width: calc(100% - 80px);
  max-width: 1284px;
  margin: 0 auto;
  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;
}
.manage-container .batch-operation .batch-content .select-count[data-v-624e55d0] {
  padding-left: 17px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/error-page/404.vue?vue&type=style&index=0&id=cb6dfc12&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wscn-http404-container[data-v-cb6dfc12] {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.wscn-http404-container .wscn-http404[data-v-cb6dfc12] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wscn-http404-container .wscn-http404 .pic-404[data-v-cb6dfc12] {
  margin-right: 120px;
}
.wscn-http404-container .wscn-http404 .pic-404 .pic-404__parent[data-v-cb6dfc12] {
  width: 260px;
}
.wscn-http404-container .wscn-http404 .bullshit .bullshit__info[data-v-cb6dfc12] {
  line-height: 95px;
  font-size: 80px;
  font-weight: bold;
}
.wscn-http404-container .wscn-http404 .bullshit .title-404[data-v-cb6dfc12] {
  line-height: 34px;
  font-size: 28px;
  margin-top: 17px;
}
.wscn-http404-container .wscn-http404 .bullshit .desc-404[data-v-cb6dfc12] {
  line-height: 24px;
  font-size: 20px;
  color: #999999;
  margin-top: 15px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/profile/components/ChangPwd.vue?vue&type=style&index=0&id=04cef0de&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/profile/index.vue?vue&type=style&index=0&id=9792f17c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.app-container .page-title-container[data-v-9792f17c] {
  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;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 30px;
}
.app-container .page-title-container .page-title[data-v-9792f17c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-container .page-title-container .page-title[data-v-9792f17c]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
}
.app-container .page-title-container .page-title span[data-v-9792f17c] {
  margin-left: 10px;
}
.app-container .page-title-container .lock-icon[data-v-9792f17c] {
  margin-right: 10px;
}
.app-container .account-content .input-container[data-v-9792f17c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.app-container .account-content .input-container .input-item[data-v-9792f17c] {
  width: 566px;
  margin-bottom: 25px;
}
.app-container .account-content .input-container .input-item[data-v-9792f17c]:last-child {
  margin-bottom: 0;
}
.app-container .account-content .input-container .role-select[data-v-9792f17c] {
  width: 100%;
}
.app-container .account-content .input-container .role-select[data-v-9792f17c] * .el-select__tags .el-tag.el-tag--info .el-tag__close {
  display: none;
}
.app-container .account-content .input-container .role-select[data-v-9792f17c] * .el-select__tags .el-tag.el-tag--info {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  color: #BDBDBD;
}
.app-container .btns[data-v-9792f17c] {
  text-align: center;
  margin-top: 40px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/profile/index.vue?vue&type=style&index=1&id=9792f17c&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.el-tooltip__popper.is-dark .tooltip-link {
  color: #ffffff;
  text-decoration: underline;
}
.el-tooltip__popper.is-dark .tooltip-link:hover {
  color: #ffffff;
  text-decoration: underline;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/service/index.vue?vue&type=style&index=0&id=17fbe54e&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-template-header {
  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;
  margin-bottom: 25px;
}
.service-template-header .page-title {
  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;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
}
.service-template-header .page-title span:before {
  display: inline-block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #AE0F0A;
  border-radius: 0px;
  content: " ";
  margin-right: 10px;
}
.service-template-header .page-title .title-icon-qb {
  width: 122px;
  height: 33px;
  cursor: pointer;
}
.service-template .operator-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  margin-left: 36px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/components/ServiceTipsCard.vue?vue&type=style&index=0&id=726e6efe&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-tips__card[data-v-726e6efe] {
  width: 100%;
  margin-top: 40px;
}
.service-tips__card ul[data-v-726e6efe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.service-tips__card ul li[data-v-726e6efe] {
  width: calc(25% - 12px);
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 16px;
}
.service-tips__card ul li + li[data-v-726e6efe] {
  margin-left: 16px;
}
.service-tips__card ul li[data-v-726e6efe]:nth-child(4n+1) {
  margin-left: 0;
}
.service-tips__card ul li .face[data-v-726e6efe] {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.service-tips__card ul li .face img[data-v-726e6efe] {
  display: block;
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.service-tips__card ul li .face img[data-v-726e6efe]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-tips__card ul li .footer[data-v-726e6efe] {
  width: 100%;
  padding: 17px 20px;
  background-color: #ae0f0a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service-tips__card ul li .footer div[data-v-726e6efe] {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}
.service-tips__card ul li .footer .title[data-v-726e6efe] {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-tips__card ul li .footer .desc[data-v-726e6efe] {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/components/ProductIntroCard.vue?vue&type=style&index=0&id=cf7dbc08&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.product-intro__card[data-v-cf7dbc08] {
  width: 100%;
}
.product-intro__card ul[data-v-cf7dbc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-intro__card ul li[data-v-cf7dbc08] {
  width: calc(25% - 12px);
  margin-right: 16px;
  margin-top: 16px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px;
}
.product-intro__card ul li[data-v-cf7dbc08]:nth-child(4n) {
  margin-right: 0;
}
.product-intro__card ul li .face[data-v-cf7dbc08] {
  width: 100%;
  cursor: pointer;
}
.product-intro__card ul li .face img[data-v-cf7dbc08] {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 30px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.product-intro__card ul li .face img[data-v-cf7dbc08]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.product-intro__card ul li .title[data-v-cf7dbc08] {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}
.product-intro__card ul li .footer[data-v-cf7dbc08] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-intro__card ul li .footer div[data-v-cf7dbc08] {
  line-height: 21px;
}
.product-intro__card ul li .footer .model[data-v-cf7dbc08] {
  font-weight: bold;
  color: #666666;
  margin-top: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/components/FAQs.vue?vue&type=style&index=0&id=32e29da8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.faqs-container[data-v-32e29da8] {
  width: 100%;
}
.faqs-container[data-v-32e29da8] .el-collapse {
  border-top: none;
}
.faqs-container[data-v-32e29da8] .el-collapse .el-collapse-item__header {
  height: 69px;
  line-height: 69px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.faqs-container[data-v-32e29da8] .el-collapse .el-collapse-item__arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faqs-container[data-v-32e29da8] .el-collapse .el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.faqs-container .answer[data-v-32e29da8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  word-break: keep-all;
  font-size: 16px;
}
.faqs-container .issue-icon[data-v-32e29da8],
.faqs-container .answer-icon[data-v-32e29da8] {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 27px;
  margin-right: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-style: initial;
  text-align: center;
  background-color: #ae0f0a;
  border-radius: 10px;
}
.faqs-container .answer-icon[data-v-32e29da8] {
  background-color: #333;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 5px;
}
.faqs-container .answer-content .link[data-v-32e29da8] {
  color: #3A71A8;
  text-decoration: underline;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/components/Feedback.vue?vue&type=style&index=0&id=aaa80dd8&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-textarea .el-textarea__inner {
  padding: 0 15px 0;
  line-height: 19px;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  border-color: #DDDDDD;
  -webkit-transition: border-color 0s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-textarea .el-input__count {
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  right: 15px;
  bottom: 10px;
  position: unset;
  display: block;
  border: 1px solid #DDDDDD;
  border-radius: 0 0 10px 10px;
  border-top: none;
  text-align: right;
  padding: 10px 15px;
}
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .textarea-top-padding {
  border: 1px solid #DDDDDD;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  height: 13px;
}
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .model-select {
  width: 100%;
  display: block;
}
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-form-item.is-error .el-input__inner,
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-form-item.is-error .el-input__inner:focus,
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-form-item.is-error .el-textarea__inner,
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-form-item.is-error .el-textarea__inner:focus,
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-form-item.is-error .textarea-top-padding,
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .el-form-item.is-error .el-input__count {
  border-color: #AE0F0A;
}
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .send-log-checkbox {
  line-height: 19px;
  display: block;
  margin-top: 10px;
}
.feedback-dialog-container .feedbackinfo-content[data-v-aaa80dd8] * .send-log-checkbox .el-checkbox__label {
  color: #333333;
}
.feedback-dialog-container .feedbackinfo-content .upload-container.upload-disabled .ts-button[data-v-aaa80dd8] {
  cursor: not-allowed;
  color: #CCCCCC;
  border-color: #CCCCCC;
}
.feedback-dialog-container .feedbackinfo-content .upload-container[data-v-aaa80dd8] * .el-upload {
  text-align: left;
}
.feedback-dialog-container .feedbackinfo-content .upload-container button[data-v-aaa80dd8] {
  height: 45px;
  border: 1px solid #AE0F0A;
  font-size: 14px;
  color: #AE0F0A;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
}
.feedback-dialog-container .feedbackinfo-content .upload-container button[data-v-aaa80dd8]:focus, .feedback-dialog-container .feedbackinfo-content .upload-container button[data-v-aaa80dd8]:hover {
  background: #ffffff;
}
.feedback-dialog-container .feedbackinfo-content .upload-container button .my-icon-upload[data-v-aaa80dd8] {
  margin-right: 10px;
  width: 14px;
  height: 14px;
}
.feedback-dialog-container .feedbackinfo-content .upload-tip[data-v-aaa80dd8] {
  color: #999999;
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item[data-v-aaa80dd8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item .file-icon[data-v-aaa80dd8] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  display: block;
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item .file-name[data-v-aaa80dd8] {
  max-width: calc(100% - 200px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item .file-icon-close[data-v-aaa80dd8] {
  cursor: pointer;
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item .file-icon-error[data-v-aaa80dd8] {
  width: 22px;
  height: 22px;
}
@-webkit-keyframes trotate-aaa80dd8 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes trotate-aaa80dd8 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item .file-icon-uploading[data-v-aaa80dd8] {
  -webkit-animation: trotate-aaa80dd8 2s infinite;
          animation: trotate-aaa80dd8 2s infinite;
}
.feedback-dialog-container .feedbackinfo-content .file-list-container .file-list-item .upload-percent[data-v-aaa80dd8] {
  color: #AE0F0A;
}
.feedback-dialog-container[data-v-aaa80dd8] * .el-dialog__footer {
  padding-top: 30px;
}
.feedback-dialog-container .sales-number[data-v-aaa80dd8] {
  height: 16px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/index.vue?vue&type=style&index=0&id=13dcf430&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.support-wrapper[data-v-13dcf430] {
  position: relative;
}
.support-wrapper .top-banner[data-v-13dcf430] {
  width: 100%;
}
.support-wrapper .top-banner img[data-v-13dcf430] {
  display: block;
  width: 100%;
  border-radius: 15px;
}
.support-wrapper .search-container[data-v-13dcf430] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.support-wrapper .search-container .table-search[data-v-13dcf430] {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.support-wrapper .search-container .table-search .status[data-v-13dcf430] {
  width: 295px;
  margin-right: 15px;
}
.support-wrapper .search-container .table-search .search-key[data-v-13dcf430] {
  width: 338px;
  margin-right: 0;
}
.support-wrapper .search-container .table-search .search-key[data-v-13dcf430] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.support-wrapper .search-container .table-search .search-btn[data-v-13dcf430] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
}
.support-wrapper .search-container .table-search .search-btn[data-v-13dcf430] *.el-button + .el-button {
  margin-left: 15px;
}
.support-wrapper .product-intro[data-v-13dcf430],
.support-wrapper .service-tips[data-v-13dcf430],
.support-wrapper .faqs[data-v-13dcf430] {
  margin-top: 90px;
}
.support-wrapper .product-intro .page-title[data-v-13dcf430],
.support-wrapper .service-tips .page-title[data-v-13dcf430],
.support-wrapper .faqs .page-title[data-v-13dcf430] {
  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;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 25px;
}
.support-wrapper .product-intro .page-title span[data-v-13dcf430]:before,
.support-wrapper .service-tips .page-title span[data-v-13dcf430]:before,
.support-wrapper .faqs .page-title span[data-v-13dcf430]:before {
  display: inline-block;
  width: 5px;
  height: 24px;
  margin-right: 10px;
  line-height: 46px;
  background: #ae0f0a;
  border-radius: 0px;
  content: " ";
}
.support-wrapper .product-intro .page-title .link[data-v-13dcf430],
.support-wrapper .service-tips .page-title .link[data-v-13dcf430],
.support-wrapper .faqs .page-title .link[data-v-13dcf430] {
  color: #ae0f0a;
  font-size: 16px;
}
.support-wrapper .product-intro .page-title .link[data-v-13dcf430]:hover,
.support-wrapper .service-tips .page-title .link[data-v-13dcf430]:hover,
.support-wrapper .faqs .page-title .link[data-v-13dcf430]:hover {
  text-decoration: underline;
}
.support-wrapper .product-intro .no-data[data-v-13dcf430],
.support-wrapper .service-tips .no-data[data-v-13dcf430],
.support-wrapper .faqs .no-data[data-v-13dcf430] {
  text-align: center;
  line-height: 50px;
}
.support-wrapper .service-tips .tabs-btn[data-v-13dcf430],
.support-wrapper .faqs .tabs-btn[data-v-13dcf430] {
  overflow: hidden;
}
.support-wrapper .service-tips .tabs-btn .btn[data-v-13dcf430],
.support-wrapper .faqs .tabs-btn .btn[data-v-13dcf430] {
  padding: 0 15px;
  border: none;
  font-size: 20px;
  margin-right: 15px;
  color: #666666;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.support-wrapper .service-tips .tabs-btn .btn + .el-button[data-v-13dcf430],
.support-wrapper .faqs .tabs-btn .btn + .el-button[data-v-13dcf430] {
  margin-left: 0px;
}
.support-wrapper .service-tips .tabs-btn .btn.active[data-v-13dcf430], .support-wrapper .service-tips .tabs-btn .btn[data-v-13dcf430]:hover, .support-wrapper .service-tips .tabs-btn .btn[data-v-13dcf430]:focus,
.support-wrapper .faqs .tabs-btn .btn.active[data-v-13dcf430],
.support-wrapper .faqs .tabs-btn .btn[data-v-13dcf430]:hover,
.support-wrapper .faqs .tabs-btn .btn[data-v-13dcf430]:focus {
  background: #e7e7e7;
  border-radius: 10px;
  font-weight: 500;
  color: #333333;
}
.support-wrapper .product-intro[data-v-13dcf430] {
  margin-top: 80px;
}
.support-wrapper .faqs[data-v-13dcf430] {
  margin-top: 80px;
}
.support-wrapper .feedback[data-v-13dcf430] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
}
.support-wrapper .feedback .feedback-content[data-v-13dcf430] {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 30px;
  right: 30px;
  width: 114px;
  height: 45px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background-color: #ae0f0a;
  border-radius: 50px;
}
.support-wrapper .feedback .feedback-content .svg-icon[data-v-13dcf430] {
  margin-right: 6px;
  margin-top: 1px;
}
.support-wrapper .feedback .feedback-content span[data-v-13dcf430] {
  margin-top: -2px;
}
.support-wrapper .th-sider-container[data-v-13dcf430] {
  position: absolute;
  right: -75px;
  bottom: 200px;
}
@media (max-width: 1470px) {
.support-wrapper .th-sider-container[data-v-13dcf430] {
    right: -44px;
}
}
@media (max-width: 1390px) {
.support-wrapper .th-sider-container[data-v-13dcf430] {
    right: -35px;
}
}
.support-wrapper .th-sider-container .th-sider-item[data-v-13dcf430] {
  background: #AE0F0A;
  border-radius: 12px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
}
.support-wrapper .th-sider-container .th-sider-item .th-sider-item-icon[data-v-13dcf430] {
  width: 24px;
  height: 24px;
  padding-top: 10px;
}
.support-wrapper .th-sider-container .th-sider-item .th-sider-item-icon.to-top-icon[data-v-13dcf430] {
  width: 44px;
  height: 44px;
  padding-top: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/components/ListMore.vue?vue&type=style&index=0&id=451677a2&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.support-more-container[data-v-451677a2] {
  padding-top: 2px;
}
.support-more-container .page-title[data-v-451677a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 16px;
  margin-top: 31px;
}
.support-more-container .page-title[data-v-451677a2]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #ae0f0a;
  border-radius: 0px;
  content: " ";
}
.support-more-container .page-title span[data-v-451677a2] {
  margin-left: 10px;
}
.support-more-container .search-container .filter-container[data-v-451677a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.support-more-container .search-container .filter-container .filter-btns[data-v-451677a2] {
  height: 55px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
}
.support-more-container .search-container .filter-container .filter-btns .filter-btn[data-v-451677a2] {
  padding: 0 15px;
  border: none;
  font-size: 20px;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #666666;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.support-more-container .search-container .filter-container .filter-btns .filter-btn + .el-button[data-v-451677a2] {
  margin-left: 0px;
}
.support-more-container .search-container .filter-container .filter-btns .filter-btn.active[data-v-451677a2], .support-more-container .search-container .filter-container .filter-btns .filter-btn[data-v-451677a2]:hover, .support-more-container .search-container .filter-container .filter-btns .filter-btn[data-v-451677a2]:focus {
  background: #e7e7e7;
  border-radius: 10px;
  font-weight: 500;
  color: #333333;
}
.support-more-container .search-container .filter-container .show-more-container[data-v-451677a2] {
  margin-right: 20px;
  margin-top: 11px;
}
.support-more-container .search-container .filter-container .show-more-container .show-more[data-v-451677a2] {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  font-size: 20px;
  cursor: pointer;
}
.support-more-container .search-container .filter-container .show-more-container .show-more.active[data-v-451677a2] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.support-more-container .search-container .table-search[data-v-451677a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.support-more-container .search-container .table-search .search-select[data-v-451677a2] {
  width: 295px;
  font-size: 16px;
  color: #666666;
  margin-right: 15px;
}
.support-more-container .search-container .table-search .search-input-container[data-v-451677a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.support-more-container .search-container .table-search .search-input-container .search-input[data-v-451677a2] {
  width: 295px;
  font-size: 16px;
  color: #666666;
  margin-right: 0;
}
.support-more-container .search-container .table-search .search-input-container .search-input[data-v-451677a2] * .el-input__inner {
  padding-right: 30px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.support-more-container .search-container .table-search .search-input-container .search-btn[data-v-451677a2] {
  margin-left: -8px;
  position: relative;
  z-index: 2;
  height: 45px;
}
.support-more-container .search-container .table-search .search-input-container .search-btn[data-v-451677a2] *.el-button + .el-button {
  margin-left: 15px;
}
.support-more-container .search-container .table-search .search-btn[data-v-451677a2] *.el-button + .el-button {
  margin-left: 0;
}
.support-more-container .search-container .table-search .search-btn.el-button + .el-button[data-v-451677a2] {
  margin-left: 15px;
}
.support-more-container .details-content .no-data[data-v-451677a2] {
  text-align: center;
}
.support-more-container .details-content .list-intro-tips[data-v-451677a2] {
  margin-top: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/support/components/Details.vue?vue&type=style&index=0&id=7f180383&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.support-details-container .page-title[data-v-7f180383] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 46px;
  color: #333333;
  margin-bottom: 25px;
  margin-top: 40px;
}
.support-details-container .page-title[data-v-7f180383]:before {
  display: block;
  width: 5px;
  height: 24px;
  line-height: 46px;
  background: #ae0f0a;
  border-radius: 0px;
  content: " ";
}
.support-details-container .page-title span[data-v-7f180383] {
  margin-left: 10px;
}
.support-details-container .video-container[data-v-7f180383] {
  height: 480px;
  border-radius: 15px;
  overflow: hidden;
}
.support-details-container .video-container .video-js[data-v-7f180383] {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.support-details-container .video-container .video-js[data-v-7f180383] * .vjs-big-play-button {
  width: 61px;
  height: 61px;
  line-height: 61px;
  border-radius: 50%;
  background: #ffffff;
  color: #AE0F0A;
  top: calc(50% - 1.5em);
  left: calc(50% - 0.8em);
  border: 1px solid #fff;
}
.support-details-container .details-content[data-v-7f180383] {
  padding-top: 27px;
}
.support-details-container .details-content .intro-container[data-v-7f180383] {
  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;
  padding: 26px 54px 25px 32px;
  background: #F0F0F0;
  border-radius: 15px;
}
.support-details-container .details-content .intro-container .intro-files[data-v-7f180383] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.support-details-container .details-content .intro-container .intro-files img[data-v-7f180383] {
  width: 59px;
}
.support-details-container .details-content .intro-container .intro-files .file-name[data-v-7f180383] {
  margin-left: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 21px;
}
.support-details-container .details-content .intro-container .intro-btns .btn[data-v-7f180383] {
  margin-left: 38px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/SvgIcon/index.vue?vue&type=style&index=0&id=c8a70580&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.svg-icon[data-v-c8a70580] {
  width: 1em;
  height: 1em;
  min-width: 10px;
  min-height: 10px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.svg-external-icon[data-v-c8a70580] {
  background-color: currentColor;
  -webkit-mask-size: cover!important;
          mask-size: cover!important;
  display: inline-block;
}