/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/.pnpm/sass-loader@13.3.3_node-sas_fbc7f0ed195f55d6b047d0dfae3de1c6/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}

/* elment reset */
.el-dialog__body {
  padding: 0 !important;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: var(--el-color-primary);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}
.router-link {
  color: var(--el-color-primary);
}
.wscnph {
  max-width: 100%;
}
.deleteUser {
  color: #ccc;
  text-decoration: line-through;
}
.admin-delete {
  background-color: #ebebeb !important;
}
.other-button {
  margin-top: 2px;
}
.el-menu--collapse {
  width: auto !important;
}
.el-dropdown-link {
  cursor: pointer;
  color: var(--el-color-primary);
  display: flex;
  align-items: center;
}
.el-drawer__header {
  margin-bottom: 10px !important;
}
.el-avatar {
  background-color: transparent !important;
}
.is_business {
  background-color: #ffcdcd !important;
}
.is_business_two {
  background-color: #ffe8e8 !important;
}
.is_business_cus {
  background-color: #e8edff !important;
}
.is_business_custwo {
  background-color: #fff4ce !important;
}
.button-no-margin .el-button + .el-button {
  margin-left: 0;
}
.user-icon .icon {
  cursor: pointer;
  color: var(--el-color-success);
  padding-left: 3px;
}
.user-icon .deleteUser {
  color: #ccc;
  text-decoration: line-through;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/MenuItem.vue?vue&type=style&index=0&id=c2750582&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
.el-menu-item-group__title {
  padding: 0 !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Menu.vue?vue&type=style&index=0&id=e4f00ce8&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
.el-menu-item-group__title {
  padding: 0 !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/BreadCrumb.vue?vue&type=style&index=0&id=3eec5e50&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all 0.5s ease;
}
.breadcrumb-enter-from,
.breadcrumb-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/.pnpm/sass-loader@13.3.3_node-sas_fbc7f0ed195f55d6b047d0dfae3de1c6/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/TagsView.vue?vue&type=style&index=0&id=a8ca2eea&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.list-enter-active,
.list-leave-active {
  transition: all 0.2s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
.scrollbar-flex-content {
  display: flex;
  width: 100%;
  background: #fff;
}
.tags-list {
  padding: 10px;
  background: #fff;
  position: relative;
  display: flex;
  width: 100%;
}
.tags-list .tags-ul {
  display: flex;
  flex-shrink: 0;
}
.tags-list .tags-item {
  display: inline-block;
  border: 1px solid #d8dce5;
  color: #7b7b7b;
  font-size: 13px;
  padding: 3px 5px;
  border-radius: 4px;
  margin-right: 5px;
  cursor: pointer;
  transition: all linear 0.5s;
}
.tags-list .tags-item .tag-info {
  display: flex;
  align-items: center;
}
.tags-list .tags-item .tag-info .tag-close {
  color: #b9b9b9;
  margin-left: 5px;
  transition: color linear 0.3s;
}
.tags-list .tags-item .tag-info .tag-close:hover {
  color: var(--el-color-danger);
}
.tags-list .tags-item:hover, .tags-list .tags-item.active {
  background: var(--el-color-primary);
  color: #fff;
  border-color: transparent;
}
.tags-list .tags-item:hover .tag-close, .tags-list .tags-item.active .tag-close {
  color: #fff;
}
.tags-list .tags-menu {
  position: fixed;
  top: 20px;
  left: 80%;
  background: #fff;
  color: #7b7b7b;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  z-index: 2023123;
  font-size: 14px;
}
.tags-list .tags-menu li {
  padding: 8px 15px;
  cursor: pointer;
  list-style: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/.pnpm/sass-loader@13.3.3_node-sas_fbc7f0ed195f55d6b047d0dfae3de1c6/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/components/Marquee.vue?vue&type=style&index=0&id=de60a6f6&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.rollBox {
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.rollBox .marquee {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  /* @keyframes 动画指定名称。 */
  animation-name: marquee-left;
  /* 定义动画完成一个周期需要多少秒或毫秒 */
  animation-duration: 32s;
  /* 速度曲线 */
  animation-timing-function: linear;
  /* 定义动画应该播放多少次 */
  animation-iteration-count: infinite;
}
.rollBox .marquee .font-item {
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
}
@keyframes marquee-left {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(-100%);
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/.pnpm/sass-loader@13.3.3_node-sas_fbc7f0ed195f55d6b047d0dfae3de1c6/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/index.vue?vue&type=style&index=0&id=13877386&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  background-color: #f0f2f5;
}
.top-header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #0076f6;
  padding: 0 10px;
}
.top-header .search-tips {
  flex: 1;
}
.top-header .search-tips .font-scroll {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
}
.top-header .search-tips .font-scroll img {
  display: block;
  width: 16px;
  margin-right: 5px;
}
.top-header .search-tips .font-scroll span {
  display: block;
  font-size: 16px;
}
.top-header .log-icon {
  display: flex;
  align-items: center;
  width: 190px;
  flex-shrink: 0;
}
.top-header .log-icon img {
  display: block;
  width: 32px;
}
.top-header .log-icon span {
  display: block;
  font-size: 16px;
  color: #d5e8fe;
  font-weight: bold normal;
}
.top-header .header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.top-header .header-right .company-user {
  display: flex;
  align-items: center;
  height: 42px;
  background-color: #0063ce;
  padding: 4px;
  border-radius: 4px;
  margin-left: 15px;
  cursor: pointer;
}
.top-header .header-right .company-user .icon {
  width: 32px;
  text-align: center;
}
.top-header .header-right .icons {
  height: 32px;
  border-right: 1px solid #298cf7;
  padding-right: 15px;
  display: flex;
}
.top-header .header-right .icons .icon-item {
  width: 32px;
  height: 32px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  transition: all linear 0.3s;
  position: relative;
  margin-left: 5px;
}
.top-header .header-right .icons .icon-item:hover {
  background-color: #0063ce;
}
.top-header .header-right .icons .icon-item .number {
  position: absolute;
  right: 2px;
  top: 0;
  display: block;
  line-height: 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--el-color-danger);
}
.container a {
  text-decoration: none;
}
.container .layout-content {
  width: 100%;
  height: calc(100vh - 50px);
  display: flex;
}
.container .layout-content .menu-container {
  transition: width 0.28s;
  width: 200px !important;
  background-color: #ffffff;
  height: calc(100vh - 50px);
  font-size: 0px;
  overflow: hidden;
}
.container .layout-content .menu-container .menu-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eaeced;
}
.container .layout-content .menu-container .menu-header .right {
  display: block;
  width: 100%;
  flex: 1;
  margin-left: 10px;
  min-width: 0;
}
.container .layout-content .menu-container .menu-header .right .company-name {
  font-size: 14px;
  color: #171a1d;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .layout-content .menu-container .menu-header .right .company-auth {
  font-size: 14px;
  color: #6f6f6f;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .layout-content .menu-container .menu-list > .el-menu {
  border: none;
}
.container .layout-content .menu-container .menu-list > .el-menu .el-menu-item:hover {
  background-color: #f8fafc !important;
  color: var(--el-color-primary);
}
.container .layout-content .menu-container .menu-list > .el-menu .el-menu-item.is-active {
  color: var(--el-color-primary);
  background-color: var(--el-color-primary-light-8);
  border-right: 2px solid var(--el-color-primary);
}
.container .layout-content .menu-container .menu-list > .el-menu .svg-icon {
  padding-right: 8px;
}
.container .layout-content .menu-container .menu-list > .el-menu .svg-icon .menu-icon {
  color: var(--el-color-primary);
}
.container .layout-content .main-container {
  width: calc(100% - 200px);
  height: calc(100vh - 50px);
  overflow: hidden;
  position: relative;
}
.container .layout-content .main-container .content-menu {
  height: 42px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
.container .layout-content .main-container .content-menu .slide-menu {
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
  transition: background 0.3s;
}
.container .layout-content .main-container .content-menu .slide-menu:hover {
  background: rgba(0, 0, 0, 0.025);
}
.container .layout-content .main-container .content-menu .slide-menu .svg-icon.active {
  transform: rotate(180deg);
}
.container .layout-content .main-container .content-menu .top-breadcrumb {
  margin-left: 10px;
}
.container .layout-content .main-container .content-menu .choose-info {
  flex: 1;
  display: flex;
  margin-left: 30px;
}
.container .layout-content .main-container .content-menu .choose-info .item {
  margin-right: 15px;
  font-size: 14px;
  color: var(--el-color-info);
}
.container .layout-content .main-container .content-menu .choose-info .item span {
  color: var(--el-color-success);
}
.container .layout-content .main-container .content-menu .right-menu {
  margin-left: auto;
  margin-right: 20px;
}
.container .layout-content .main-container .content-menu .right-menu .user {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.container .layout-content .main-container .content-menu .right-menu .user .user-icon {
  color: var(--el-color-primary);
  font-size: 18px;
}
.container .layout-content .main-container .content-menu .right-menu .user span {
  padding: 0 5px;
}
.container .layout-content .main-container .main-content {
  padding: 10px;
}
.container .menu-icon {
  color: var(--el-color-primary) !important;
}
.container.closeMenu .menu-container {
  width: 48px !important;
}
.container.closeMenu .menu-container .menu-header .right {
  display: none;
}
.container.closeMenu .menu-container .menu-list > .el-menu {
  border: none;
}
.container.closeMenu .menu-container .menu-list > .el-menu .el-sub-menu__title {
  padding: 0 12px;
}
.container.closeMenu .menu-container .menu-list > .el-menu .el-menu-item {
  padding: 0 12px;
}
.container.closeMenu .menu-container .menu-list > .el-menu .el-menu-item:hover {
  background-color: #f8fafc !important;
}
.container.closeMenu .menu-container .menu-list > .el-menu .svg-icon {
  padding-right: 0;
}
.container.closeMenu .title-font,
.container.closeMenu .el-sub-menu__icon-arrow {
  display: none;
}
.container.closeMenu .main-container {
  width: calc(100% - 48px);
}
.text.primary {
  color: var(--el-color-primary);
}
.text.success {
  color: var(--el-color-success);
}
.text.warning {
  color: var(--el-color-warning);
}
.text.danger {
  color: var(--el-color-danger);
}
.text.info {
  color: var(--el-color-info);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/styles/root.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --el-menu-level-padding: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/styles/tableColor.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/

.table-status-1 {
  background: #ff9252  !important;
  color: #fff !important;
}
.table-status-2 {
  background: #ff5d8f !important;
  color: #fff !important;
}
.table-status-3 {
  background: #1ab394 !important;
  color: #fff !important;
}
.table-status-4 {
  background: #03B615 !important;
  color: #fff !important;
}
.table-status-5 {
  background: #8e3ff5 !important;
  color: #fff !important;
}
.table-status-6 {
  background: #cccccc !important;
  color: #fff !important;
}
.table-status-7 {
  background: #409eff !important;
  color: #fff !important;
}
.table-status-8 {
  background: #ff9a9a  !important;
  color: #fff !important;
}
.table-status-9 {
  background: #ebd643 !important;
  color: #fff !important;
}
.table-status-20 {
  background: #55b96f !important;
  color: #fff !important;
}
.table-status-100 {
  background: #03B615 !important;
  color: #fff !important;
}

.execute-order-status-0 {
  background: #cccccc !important;
  color: #fff !important;
}
.execute-order-status-10 {
  background: #ff9252 !important;
  color: #fff !important;
}
.execute-order-status-11 {
  background: #f16f23 !important;
  color: #fff !important;
}
.execute-order-status-20 {
  background: #ff5d8f !important;
  color: #fff !important;
}
.execute-order-status-21 {
  background: #e32761 !important;
  color: #fff !important;
}
.execute-order-status-30 {
  background: #44cfb3 !important;
  color: #fff !important;
}
.execute-order-status-31 {
  background: #1ab394 !important;
  color: #fff !important;
}
.execute-order-status-32 {
  background: #0b977b !important;
  color: #fff !important;
}
.execute-order-status-33 {
  background: #007c63 !important;
  color: #fff !important;
}
.execute-order-status-99 {
  background: #F56C6C !important;
  color: #fff !important;
}
.execute-order-status-50 {
  background: #03B615 !important;
  color: #fff !important;
}


.execute-script-progress-1 {
  background: #ff9252  !important;
  color: #fff !important;
}
.execute-script-progress-10 {
  background: #ff5d8f !important;
  color: #fff !important;
}
.execute-script-progress-15 {
  background: #1ab394 !important;
  color: #fff !important;
}
.execute-script-progress-20 {
  background: #03B615 !important;
  color: #fff !important;
}
.execute-script-progress-25 {
  background: #8e3ff5 !important;
  color: #fff !important;
}
.execute-script-progress-30 {
  background: #409eff !important;
  color: #fff !important;
}


.execute-video-progress-1 {
  background: #ff9252  !important;
  color: #fff !important;
}
.execute-video-progress-10 {
  background: #ff5d8f !important;
  color: #fff !important;
}
.execute-video-progress-15 {
  background: #1ab394 !important;
  color: #fff !important;
}
.execute-video-progress-20 {
  background: #03B615 !important;
  color: #fff !important;
}
.execute-video-progress-25 {
  background: #8e3ff5 !important;
  color: #fff !important;
}
.execute-video-progress-30 {
  background: #ff9a9a  !important;
  color: #fff !important;
}
.execute-video-progress-35 {
  background: #ebd643 !important;
  color: #fff !important;
}
.execute-video-progress-40 {
  background: #409eff !important;
  color: #fff !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.105.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/.pnpm/vue-loader@17.4.2_@vue+comp_270808111d0a65467640daaa6c484af7/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;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}