.module-container {
  padding: 24px;
  height: 100%;
  background: #F3F3F3;
  overflow: hidden;
  box-sizing: border-box;
}
.module-container .module-container__inner {
  height: 100%;
  box-shadow: 0px 2px 12px 0px rgba(205, 205, 205, 0.5);
  border-radius: 2px;
  background: #fff;
  padding: 8px 32px 32px;
  display: flex;
  flex-direction: column;
}
.module-container .module-container__inner .title-wrap {
  padding: 16px 0;
  min-height: 64px;
}
.module-container .module-container__inner .content-wrap {
  height: 100%;
  overflow: hidden;
}
.module-container .module-container__inner .footer-wrap {
  padding-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.el-dialog {
  border-radius: 2px;
  overflow: hidden;
}
.el-dialog .el-dialog__title {
  font-weight: 600;
  font-size: 16px;
}
.el-message-box__wrapper {
  z-index: 1000000 !important;
}
p {
  word-break: break-all;
  word-wrap: break-word;
}
.cursor-pointer {
  cursor: pointer;
}
.text-center {
  text-align: center;
}
.w-100 {
  width: 100%;
}
.font-weight {
  font-weight: 600;
}
.p-btn {
  padding: 6px 20px;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.el-icon-warning {
  transform: rotateZ(180deg) translateY(1.5px) translateX(-2px);
}
:root {
  --theme-color: #3065e8;
}
img {
  -webkit-user-drag: none;
}
.robot-icon {
  cursor: pointer;
  color: #bfc3cb !important;
}
.mask {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
.context-menu.var-tab {
  padding: 0 8px !important;
  background: #fff !important;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #d8dce6;
  line-height: 24px;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  color: #303133;
  background: #eaeffc;
  cursor: pointer;
  margin: 3px 3px 0 3px;
}
.context-menu.var-tab .myicon {
  display: block !important;
}
.context-menu.var-tab .el-icon-error {
  color: #c0c4cc;
  margin-left: 8px;
}
.prompt-tips {
  text-align: center;
  padding: 25px 0;
  min-width: 260px;
}
.prompt-tips .prompt-text {
  margin-bottom: 26px;
}
.prompt-tips .prompt-text i {
  color: #E7A23C;
  margin-right: 5px;
}
.prompt-tips .prompt-title {
  width: calc(100% - 20px);
  text-align: left;
  margin-top: -20px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.prompt-tips .prompt-input {
  width: calc(100% - 20px);
  margin: 19px 10px 35px;
}
.prompt-tips :deep(.el-button) {
  padding: 7px 20px;
}
.prompt-tips :deep(.el-button) + .el-button {
  margin-left: 16px;
}

.carousel[data-v-4c9be9b5] {
  margin-top: 13px;
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 0 16px 0 32px;
  position: relative;
}
.carousel .icon[data-v-4c9be9b5] {
  height: 80px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.carousel .icon .left[data-v-4c9be9b5] {
  font-size: 16px;
  position: absolute;
}
.carousel .icon .right[data-v-4c9be9b5] {
  font-size: 16px;
  position: absolute;
  right: 16px;
}
.carousel .shell[data-v-4c9be9b5] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 28px 0 18px;
}
.carousel .shell .content[data-v-4c9be9b5] {
  width: 100%;
  overflow: hidden;
}
.carousel .shell .content .view[data-v-4c9be9b5] {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.carousel .shell .content .view .item[data-v-4c9be9b5] {
  width: 80px;
  height: 104px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
}
.carousel .shell .content .view .item .edaShelf-log[data-v-4c9be9b5] {
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.carousel .shell .content .view .item .edaShelf-log .p[data-v-4c9be9b5] {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
.carousel .shell .content .view .item .edaShelf-log[data-v-4c9be9b5] .preivew-wrap {
  zoom: 0.27;
}
.carousel .shell .content .view .item .edaShelf-log .img[data-v-4c9be9b5] {
  width: 80px;
}
.carousel .shell .content .view .item .edaShelf-log .img > img[data-v-4c9be9b5] {
  width: 100%;
  height: 100%;
}
.carousel .shell .content .view .item .edaShelf-log.preview[data-v-4c9be9b5] {
  align-items: flex-start;
}
.carousel .shell .content .view .item .edaShelf-log.preview .img[data-v-4c9be9b5] {
  margin-top: -10px;
}
.carousel .shell .content .view .item .edaShelf-log .img-shell[data-v-4c9be9b5] {
  width: 55px;
  height: 49px;
}
.carousel .shell .content .view .item .active[data-v-4c9be9b5] {
  border: 1px solid var(--theme-color, #3065e8);
}
.carousel .shell .content .view .item .label[data-v-4c9be9b5] {
  margin-top: 4px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 0 4px;
}
.carousel .shell .content .view .item .introduction[data-v-4c9be9b5] {
  height: 70px;
  width: 100%;
  padding-left: 12px;
  margin-top: 16px;
}
.carousel .shell .content .view .item .introduction .name[data-v-4c9be9b5] {
  margin-top: 19px;
  width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #484848;
  line-height: 25px;
}
.carousel .shell .content .view .item .introduction .cooperationMechanismo-detail[data-v-4c9be9b5] {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.carousel .shell .content .view .item .introduction .cooperationMechanismo-detail .detail_left[data-v-4c9be9b5] {
  padding: 5px;
  background: #ebeef5;
  font-size: 12px;
  color: #909399;
}
.carousel .shell .content .view .item .introduction .cooperationMechanismo-detail .detail_right[data-v-4c9be9b5] {
  display: flex;
}
.carousel .shell .content .view .item .introduction .cooperationMechanismo-detail .detail_right > span[data-v-4c9be9b5] {
  font-size: 14px;
  font-weight: 400;
  margin-right: 5px;
  display: block;
  width: 56px;
  height: 14px;
  color: #333333;
  line-height: 14px;
}
.carousel .shell .content .view .item .introduction .cooperationMechanismo-detail .detail_right .more-icon[data-v-4c9be9b5] {
  font-size: 16px;
  color: #dc3a3a;
  transition: all 0.3s;
}
.carousel .shell .content .view .item .environmentList_richText[data-v-4c9be9b5] {
  width: 353px;
  font-size: 13px;
  font-weight: 400;
  color: #606266;
  line-height: 28px;
  overflow: hidden;
  height: 52px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.carousel .stopClickPre[data-v-4c9be9b5] {
  cursor: no-drop !important;
}
.carousel .stopClickNext[data-v-4c9be9b5] {
  cursor: no-drop !important;
}

.my-dialog1 {
  overflow: auto;
  z-index: 99999;
}
.my-dialog1 .el-icon-close {
  font-size: 20px;
}
.my-dialog1 .el-dialog__header {
  padding: 24px 0 16px !important;
  margin: 0 32px 0 !important;
  font-size: 16px;
  border-bottom: 1px solid #e4e7ed;
}
.my-dialog1 .el-button.is-round {
  border-radius: 20px !important;
  padding: 9px 20px;
}
.my-dialog1 .el-button.is-round span {
  font-size: 12px;
}
.my-dialog1 .el-dialog__body {
  padding: 23px 32px !important;
}
.my-dialog1 .el-dialog__footer {
  border-top: 0 !important;
  padding-bottom: 48px !important;
}

.my-drawer .el-drawer__header {
  margin: 0 32px;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.my-drawer .el-drawer__header span {
  font-size: 16px;
  color: #303133;
  font-weight: 600;
}
.my-drawer .el-drawer__header .el-icon-close {
  cursor: pointer;
  font-size: 20px !important;
}
.my-drawer .el-drawer__header .el-drawer__close-btn {
  text-align: right;
}

.clamp-tooltip[data-v-1fcb1b00] {
  overflow: hidden;
  position: relative;
}
.clamp-tooltip .hidden-container[data-v-1fcb1b00] {
  overflow-wrap: break-word;
  word-break: break-all;
  opacity: 0;
  z-index: -1;
}
.clamp-tooltip .text-container[data-v-1fcb1b00] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
}
.clamp-tooltip .text-container .ellipsis1[data-v-1fcb1b00] {
  overflow-wrap: break-word;
  word-break: break-all;
}
.clamp-tooltip .text-container .no-ellipsis[data-v-1fcb1b00] {
  overflow-wrap: break-word;
  word-break: break-all;
  width: 100%;
}
.clamp-tooltip.copy[data-v-1fcb1b00] {
  width: calc(100% - 8px);
}

.able-edit-list[data-v-e2ddc526] {
  display: inline;
  flex-wrap: wrap;
  margin-right: 8px;
}
.able-edit-list .able-edit-txt[data-v-e2ddc526] {
  min-width: 140px;
}
.able-edit-list .able-edit-item[data-v-e2ddc526] {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  word-break: break-all;
  padding: 0px 10px;
  border: 1px solid #d8dce6;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 5px;
}
.able-edit-list .able-edit-item .el-icon-error[data-v-e2ddc526] {
  margin-left: 15px;
}
.able-edit-list .el-icon-error[data-v-e2ddc526] {
  cursor: pointer;
  color: #c0c4cc;
}
.able-edit-list .btn[data-v-e2ddc526] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f7fa;
  height: 40px;
  width: 40px;
}

.footer[data-v-5c459396] {
  text-align: center;
}

.context-menu[data-v-7dd2876a] {
  margin: -13px;
}
.context-menu .var-add[data-v-7dd2876a] {
  cursor: pointer;
  text-align: center;
  color: var(--theme-color, #3065e8);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
.context-menu[data-v-7dd2876a] .el-cascader-menu__wrap .el-cascader-menu__list {
  position: inherit;
  padding-top: 34px;
}
.context-menu[data-v-7dd2876a] .el-cascader-menu__wrap .el-cascader-menu__list .el-cascader-node {
  position: static;
}
.context-menu[data-v-7dd2876a] .el-cascader-menu__wrap .el-cascader-menu__list .el-cascader-node:first-child {
  width: 100%;
  z-index: 1;
  top: 0;
  padding-top: 6px;
  position: absolute;
  background-color: #fff;
}
.context-menu[data-v-7dd2876a] .el-cascader-menu__wrap .el-cascader-menu__list .el-cascader-node.is-disabled {
  cursor: default;
}
.context-menu[data-v-7dd2876a] .el-cascader-menu .el-cascader-node__prefix {
  display: none;
}

[data-v-0c590c19] .el-input__suffix {
  background: transparent;
  height: calc(100% - 2px);
  top: 1px;
  line-height: 32px;
}
[data-v-0c590c19] .el-input__suffix .el-input__count {
  top: -2px;
  position: relative;
}
.button_item[data-v-0c590c19] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
}
.button_item .close-input[data-v-0c590c19] {
  font-size: 16px;
  line-height: 32px;
  cursor: pointer;
}
.button_item .button_type[data-v-0c590c19] {
  width: 180px;
  margin-right: 8px;
}
.button_item .search[data-v-0c590c19] {
  z-index: 1000;
  padding: 16px;
  width: 100%;
  height: 194px;
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
}
.button_item .search .search-input[data-v-0c590c19] {
  margin-bottom: 8px;
}
.button_item .search .search-list[data-v-0c590c19] {
  overflow: auto;
  height: calc(100% - 32px);
}
.button_item .search .search-item[data-v-0c590c19] {
  padding: 5px 0;
  cursor: pointer;
  line-height: 22px;
  font-size: 14px;
  border-bottom: 1px solid rgba(216, 220, 230, 0.5);
}
.button_item .search .search-item[data-v-0c590c19]:last-child {
  border-bottom: none;
}
.button_item .search .search-item[data-v-0c590c19]:hover {
  color: var(--theme-color, #3065e8);
}

.button_item[data-v-4b50abbc] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
}

.button_item[data-v-2de788cd] {
  margin-top: 8px;
}

.button_item[data-v-bf491b7c] {
  margin-top: 8px;
}
[data-v-bf491b7c] .el-dialog {
  width: 754px;
}
[data-v-bf491b7c] .el-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-bf491b7c] .el-dialog .el-dialog__body {
  padding: 0 !important;
}

.button_item[data-v-2f4fc2c8] {
  margin-top: 8px;
}

.button_item[data-v-04f34825] {
  margin-top: 8px;
}

.calendar-title[data-v-d11176c0] {
  font-size: 12px;
  padding: 8px 4px 0;
  color: #606266;
}
.w-100[data-v-d11176c0] {
  width: 100%;
}
.button_item[data-v-d11176c0] {
  margin-top: 8px;
}

.button_item[data-v-342dc196] {
  margin-top: 8px;
}

.button_item[data-v-1f52d79b] {
  margin-top: 8px;
}

.button_item[data-v-e8d3e6ba] {
  margin-top: 8px;
}

.button_item[data-v-425b1f6d] {
  margin-top: 8px;
}

.content[data-v-05964cd8] {
  border-radius: 4px;
  border: 1px solid #d8dce6;
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 16px;
}
.content .button_list[data-v-05964cd8] {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  margin-bottom: 10px;
  background-color: #f6f7f9;
  border-radius: 4px;
}
.content .button_list .button_content[data-v-05964cd8] {
  flex: 1;
}
.content .button_list .button_pic[data-v-05964cd8] {
  cursor: pointer;
  margin-left: 8px;
}
.content .button_item[data-v-05964cd8] {
  margin-bottom: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.content .button_item .button_type[data-v-05964cd8] {
  width: 140px;
  margin-right: 8px;
}
.content .button_item .button_input[data-v-05964cd8] {
  flex: 1;
  width: 0;
  background-color: #fff;
}
.content .button_item i[data-v-05964cd8] {
  background: #c0c4cc;
  border-radius: 10px;
  border-color: #c0c4cc;
  color: white;
}
.content .addButtonItem[data-v-05964cd8] {
  text-align: center;
  color: var(--theme-color, #3065e8);
  font-weight: 400;
  height: 32px;
  line-height: 32px;
}
.content .addButtonItem span[data-v-05964cd8] {
  cursor: pointer;
}
.content .addButtonItem i[data-v-05964cd8] {
  margin-right: 4px;
}
.content .chatIcon[data-v-05964cd8] {
  position: absolute;
  z-index: 1;
  background: #ffffff;
}
.content .chatIcon .emotionItem[data-v-05964cd8] {
  width: 10%;
  font-size: 20px;
  text-align: center;
}

.text[data-v-31069434] {
  text-align: center;
  padding: 20px;
}
img[data-v-31069434] {
  width: 12px;
  height: 12px;
  margin-top: -1px;
  cursor: pointer;
}
.btn_group[data-v-31069434] {
  display: flex;
  justify-content: center;
}
.cancel[data-v-31069434] {
  flex-grow: 1;
  background: #ffffff;
  border-radius: 100px;
  color: #333333;
  border: 1px solid #dcdfe6;
}
.cancel[data-v-31069434]:hover {
  border: 1px solid #c0c4cc;
}
.cancel[data-v-31069434]:active {
  color: var(--theme-color, #3065e8);
  border: 1px solid var(--theme-color, #3065e8);
}
.cancel[data-v-31069434]:disabled {
  opacity: 0.3;
  border: 1px solid #c0c4cc;
}
.confirm[data-v-31069434] {
  flex-grow: 1;
  background: var(--theme-color, #3065e8);
  border-radius: 100px;
  color: #ffffff;
}
.confirm[data-v-31069434]:hover {
  background: #184fdb;
}
.confirm[data-v-31069434]:active {
  background: #023ccf;
}
.confirm[data-v-31069434]:disabled {
  background: var(--theme-color, #3065e8);
  opacity: 0.3;
}

.content .header[data-v-2ae9d232] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-2ae9d232] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-2ae9d232] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-2ae9d232] {
  width: 100%;
}
.content .body[data-v-2ae9d232] {
  margin-top: 8px;
  margin-bottom: 16px;
}

.content[data-v-1aba3431] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 114px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D8DCE6;
}
.content .add[data-v-1aba3431] {
  width: 16px;
  height: 16px;
  margin-bottom: 9px;
}

.content .header[data-v-4e9f0f6a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-4e9f0f6a] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-4e9f0f6a] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-4e9f0f6a] {
  width: 100%;
}
.content .body[data-v-4e9f0f6a] {
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
}
.content .body .image-body[data-v-4e9f0f6a] {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  width: 172px;
  height: 114px;
  cursor: pointer;
}
.content .body .image-body.bg[data-v-4e9f0f6a]::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 30px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.content .body .image-body .media-name[data-v-4e9f0f6a] {
  z-index: 10;
}
.content .body .image-body .image-item[data-v-4e9f0f6a] {
  width: 172px;
  height: 114px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.content .body .image-body:hover .content[data-v-4e9f0f6a] {
  border-color: #c0c4cc;
}
.content .body .image-body:hover .edit-image[data-v-4e9f0f6a] {
  display: block;
}
.content .body .image-body .edit-image[data-v-4e9f0f6a] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABEZJREFUeF7tmtmrHEUUxn+f+y6Koj76pCBBERFEFEHUhKAoGheMMRIJGoNRgwaDkQQSEjQaSTCuRFxxXwmuKKggPgoi+le4b7h8ckIZcid3prtravr2XKZe55yvz/ebqurq0y3GfNg+HngAuBD4DXgJuFfSH3WsqU5QV2NsnwR8ApzQU+OXAUTST1W1jy0A2ycn8zEDphtfABdJ+nkQhLEEYHt/4DvgxIp/+HNgrqRf+8WNJYAwYzvW/FvAQRUQPgXmSYr9Ya8xtgAShHnAm8ABFRBin5gv6ffeuLEGkCBcDLwGxLIYNHZIWjLrACQIlwEvA/tVQJgj6es9Yzo/A2wfDXwvyYPM2b4CeBHYd0DcYklPjw0A28elW91nwE01IFwNPDcAQtwWPxgLALaPTeZPSQU/ImlZ1cHG9kIg/uV9emK/BU6T9GfnAdg+BvgYmNNjYpukW2tAWAzsAP5f4j8A50n6qvObYFrzYf7UPkYfknR7DQg3Ao8DvwAXSIrjcbfPAbaPAj4CTq8wuFnSnTUgLAW+kRQnwmlHZ+4Cto9M5s+oMpZ+3yTp7pqxfcM6AcD2EcCHwJkNDW2QdE/DnCnhMw7A9uHA+8BZmUbWSVqbmbt7l8zNHyrP9mHAe8DZQwnBGknrczRmbAbYPhR4Fzgnp/BpclZJuq+p1owAsH0IsDPuzU0L7hP/F7BAUjweNxqtA7B9MPAOcH6jSvsH/w1cJen1HL1WAdiO5sXbcTDJKXaanH+AayS9kqvXGgDbB6bmxdzcYnvywvxCSfEEmD1aAWA7OjYxRednVzo18V9gkaTnh9UbOYDUwHwVuGTYYlN+mL9B0jMl9EYKIJmPTs2lJYqNXiiwRNJThfRGdxCyHe2pWJ+XFyo2zC+V9GQhvV0yI5kBtqMt9QJwZaFiw/wySY8W0tstUxxAMv9s3J4KFrtc0sMF9UYDwHa0oaIdFW2pUmOFpK2lxHp1is2AZD7aUNcXLHalpAcL6u0lVQSA7dB5InbogsXeJen+gnrTSg0NIJmPzSnaT6XGakkbS4kN0ikBYDtwc8Fis5/tc2oYCoDtbcDynAv3yVkraV1BvUqpbAC2twC3VV6hfsB6SWvqh5eJzAJgezOwskwJu1SKdHhz6mkMwPYmYFXOxfrk1OrxF7zeFKlGAGxvAFYXLGaLpDsK6jWWqg3AdjQyoolZamyVtKKUWK5OEwAL0kcIudfaM2+7pFtKCA2rMRMAHotzQ9W7/mGN1c1vG0A8y8cz/cCvPeoWXyKuTQDRxYluTmfMB8C2AER/IL7PiX5ep0YbAKIzdF0XzbcxA+LL7WslRQ+/k2OUMyBa4fHWJl5ddXaMCsAb0RDtuvmmSyA+WlpU46/8EdgoKd7Ydn7UngGdd5JZ4ARAJrhZkzaZAbPmr8w0MpkBts/NhDcr0mS7U09nbVOdAJjMgMkSmOwBk02w7Z23S9f7DwUHVG/lamcUAAAAAElFTkSuQmCC) no-repeat 50% 50%/25px 25px;
}
.content .body .image-body .name[data-v-4e9f0f6a] {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  right: 0;
  bottom: 0px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding-left: 15px;
  z-index: 888;
}
[data-v-4e9f0f6a] .file-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-4e9f0f6a] .file-dialog .el-dialog__body {
  padding: 0 !important;
}

.content .header[data-v-d6d8931c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-d6d8931c] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-d6d8931c] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-d6d8931c] {
  width: 100%;
}
.content .body[data-v-d6d8931c] {
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
}
.content .body .video-body[data-v-d6d8931c] {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.content .body .video-body.bg[data-v-d6d8931c]:before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 30px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.content .body .video-body .play[data-v-d6d8931c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .body .video-body .play img[data-v-d6d8931c] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  width: 32px;
  z-index: 5;
  height: 32px;
}
.content .body .video-body .media-name[data-v-d6d8931c] {
  z-index: 10;
}
.content .body .video-body .video-item[data-v-d6d8931c] {
  width: 172px;
  height: 114px;
  border-radius: 4px;
}
.content .body .video-body:hover .content[data-v-d6d8931c] {
  border-color: #c0c4cc;
}
.content .body .video-body:hover .play[data-v-d6d8931c] {
  display: none;
}
.content .body .video-body:hover .edit-image[data-v-d6d8931c] {
  display: block;
}
.content .body .video-body .edit-image[data-v-d6d8931c] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABEZJREFUeF7tmtmrHEUUxn+f+y6Koj76pCBBERFEFEHUhKAoGheMMRIJGoNRgwaDkQQSEjQaSTCuRFxxXwmuKKggPgoi+le4b7h8ckIZcid3prtravr2XKZe55yvz/ebqurq0y3GfNg+HngAuBD4DXgJuFfSH3WsqU5QV2NsnwR8ApzQU+OXAUTST1W1jy0A2ycn8zEDphtfABdJ+nkQhLEEYHt/4DvgxIp/+HNgrqRf+8WNJYAwYzvW/FvAQRUQPgXmSYr9Ya8xtgAShHnAm8ABFRBin5gv6ffeuLEGkCBcDLwGxLIYNHZIWjLrACQIlwEvA/tVQJgj6es9Yzo/A2wfDXwvyYPM2b4CeBHYd0DcYklPjw0A28elW91nwE01IFwNPDcAQtwWPxgLALaPTeZPSQU/ImlZ1cHG9kIg/uV9emK/BU6T9GfnAdg+BvgYmNNjYpukW2tAWAzsAP5f4j8A50n6qvObYFrzYf7UPkYfknR7DQg3Ao8DvwAXSIrjcbfPAbaPAj4CTq8wuFnSnTUgLAW+kRQnwmlHZ+4Cto9M5s+oMpZ+3yTp7pqxfcM6AcD2EcCHwJkNDW2QdE/DnCnhMw7A9uHA+8BZmUbWSVqbmbt7l8zNHyrP9mHAe8DZQwnBGknrczRmbAbYPhR4Fzgnp/BpclZJuq+p1owAsH0IsDPuzU0L7hP/F7BAUjweNxqtA7B9MPAOcH6jSvsH/w1cJen1HL1WAdiO5sXbcTDJKXaanH+AayS9kqvXGgDbB6bmxdzcYnvywvxCSfEEmD1aAWA7OjYxRednVzo18V9gkaTnh9UbOYDUwHwVuGTYYlN+mL9B0jMl9EYKIJmPTs2lJYqNXiiwRNJThfRGdxCyHe2pWJ+XFyo2zC+V9GQhvV0yI5kBtqMt9QJwZaFiw/wySY8W0tstUxxAMv9s3J4KFrtc0sMF9UYDwHa0oaIdFW2pUmOFpK2lxHp1is2AZD7aUNcXLHalpAcL6u0lVQSA7dB5InbogsXeJen+gnrTSg0NIJmPzSnaT6XGakkbS4kN0ikBYDtwc8Fis5/tc2oYCoDtbcDynAv3yVkraV1BvUqpbAC2twC3VV6hfsB6SWvqh5eJzAJgezOwskwJu1SKdHhz6mkMwPYmYFXOxfrk1OrxF7zeFKlGAGxvAFYXLGaLpDsK6jWWqg3AdjQyoolZamyVtKKUWK5OEwAL0kcIudfaM2+7pFtKCA2rMRMAHotzQ9W7/mGN1c1vG0A8y8cz/cCvPeoWXyKuTQDRxYluTmfMB8C2AER/IL7PiX5ep0YbAKIzdF0XzbcxA+LL7WslRQ+/k2OUMyBa4fHWJl5ddXaMCsAb0RDtuvmmSyA+WlpU46/8EdgoKd7Ydn7UngGdd5JZ4ARAJrhZkzaZAbPmr8w0MpkBts/NhDcr0mS7U09nbVOdAJjMgMkSmOwBk02w7Z23S9f7DwUHVG/lamcUAAAAAElFTkSuQmCC) no-repeat 50% 50%/25px 25px;
}
.content .body .video-body .name[data-v-d6d8931c] {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  right: 0;
  padding-left: 15px;
  bottom: 0px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  z-index: 888;
}
[data-v-d6d8931c] .file-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-d6d8931c] .file-dialog .el-dialog__body {
  padding: 0 !important;
}

.content .header[data-v-c11bfe88] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-c11bfe88] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-c11bfe88] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-c11bfe88] {
  width: 100%;
}
.content .body[data-v-c11bfe88] {
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
}
.content .body .audio-body[data-v-c11bfe88] {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.content .body .audio-body .audio-item[data-v-c11bfe88] {
  width: 170px;
  padding: 33px 66px;
  background: rgba(48, 101, 232, 0.02);
  border-radius: 4px;
  border: 1px solid #d8dce6;
}
.content .body .audio-body .audio-item img[data-v-c11bfe88] {
  width: 38px;
  height: 49px;
}
.content .body .audio-body:hover .content[data-v-c11bfe88] {
  border-color: #c0c4cc;
}
.content .body .audio-body:hover .edit-image[data-v-c11bfe88] {
  display: block;
}
.content .body .audio-body:hover .name[data-v-c11bfe88] {
  color: #fff;
}
.content .body .audio-body .name[data-v-c11bfe88] {
  position: absolute;
  left: 15px;
  bottom: 5px;
  color: #000;
  right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.content .body .audio-body:hover .edit-image[data-v-c11bfe88] {
  display: block;
}
.content .body .audio-body .edit-image[data-v-c11bfe88] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABEZJREFUeF7tmtmrHEUUxn+f+y6Koj76pCBBERFEFEHUhKAoGheMMRIJGoNRgwaDkQQSEjQaSTCuRFxxXwmuKKggPgoi+le4b7h8ckIZcid3prtravr2XKZe55yvz/ebqurq0y3GfNg+HngAuBD4DXgJuFfSH3WsqU5QV2NsnwR8ApzQU+OXAUTST1W1jy0A2ycn8zEDphtfABdJ+nkQhLEEYHt/4DvgxIp/+HNgrqRf+8WNJYAwYzvW/FvAQRUQPgXmSYr9Ya8xtgAShHnAm8ABFRBin5gv6ffeuLEGkCBcDLwGxLIYNHZIWjLrACQIlwEvA/tVQJgj6es9Yzo/A2wfDXwvyYPM2b4CeBHYd0DcYklPjw0A28elW91nwE01IFwNPDcAQtwWPxgLALaPTeZPSQU/ImlZ1cHG9kIg/uV9emK/BU6T9GfnAdg+BvgYmNNjYpukW2tAWAzsAP5f4j8A50n6qvObYFrzYf7UPkYfknR7DQg3Ao8DvwAXSIrjcbfPAbaPAj4CTq8wuFnSnTUgLAW+kRQnwmlHZ+4Cto9M5s+oMpZ+3yTp7pqxfcM6AcD2EcCHwJkNDW2QdE/DnCnhMw7A9uHA+8BZmUbWSVqbmbt7l8zNHyrP9mHAe8DZQwnBGknrczRmbAbYPhR4Fzgnp/BpclZJuq+p1owAsH0IsDPuzU0L7hP/F7BAUjweNxqtA7B9MPAOcH6jSvsH/w1cJen1HL1WAdiO5sXbcTDJKXaanH+AayS9kqvXGgDbB6bmxdzcYnvywvxCSfEEmD1aAWA7OjYxRednVzo18V9gkaTnh9UbOYDUwHwVuGTYYlN+mL9B0jMl9EYKIJmPTs2lJYqNXiiwRNJThfRGdxCyHe2pWJ+XFyo2zC+V9GQhvV0yI5kBtqMt9QJwZaFiw/wySY8W0tstUxxAMv9s3J4KFrtc0sMF9UYDwHa0oaIdFW2pUmOFpK2lxHp1is2AZD7aUNcXLHalpAcL6u0lVQSA7dB5InbogsXeJen+gnrTSg0NIJmPzSnaT6XGakkbS4kN0ikBYDtwc8Fis5/tc2oYCoDtbcDynAv3yVkraV1BvUqpbAC2twC3VV6hfsB6SWvqh5eJzAJgezOwskwJu1SKdHhz6mkMwPYmYFXOxfrk1OrxF7zeFKlGAGxvAFYXLGaLpDsK6jWWqg3AdjQyoolZamyVtKKUWK5OEwAL0kcIudfaM2+7pFtKCA2rMRMAHotzQ9W7/mGN1c1vG0A8y8cz/cCvPeoWXyKuTQDRxYluTmfMB8C2AER/IL7PiX5ep0YbAKIzdF0XzbcxA+LL7WslRQ+/k2OUMyBa4fHWJl5ddXaMCsAb0RDtuvmmSyA+WlpU46/8EdgoKd7Ydn7UngGdd5JZ4ARAJrhZkzaZAbPmr8w0MpkBts/NhDcr0mS7U09nbVOdAJjMgMkSmOwBk02w7Z23S9f7DwUHVG/lamcUAAAAAElFTkSuQmCC) no-repeat 50% 50%/25px 25px;
}
[data-v-c11bfe88] .file-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-c11bfe88] .file-dialog .el-dialog__body {
  padding: 0 !important;
}

.content .header[data-v-21abfef2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-21abfef2] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-21abfef2] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-21abfef2] {
  width: 100%;
}
.content .body[data-v-21abfef2] {
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
}
.content .body .file-body[data-v-21abfef2] {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.content .body .file-body .file-item[data-v-21abfef2] {
  width: 170px;
  padding: 33px 66px;
  background: rgba(48, 101, 232, 0.02);
  border-radius: 4px;
  border: 1px solid #d8dce6;
  cursor: pointer;
}
.content .body .file-body .file-item img[data-v-21abfef2] {
  width: 38px;
  height: 49px;
}
.content .body .file-body:hover .content[data-v-21abfef2] {
  border-color: #c0c4cc;
}
.content .body .file-body:hover .edit-image[data-v-21abfef2] {
  display: block;
}
.content .body .file-body:hover .name[data-v-21abfef2] {
  font-size: 12px;
  color: #fff;
}
.content .body .file-body .edit-image[data-v-21abfef2] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABEZJREFUeF7tmtmrHEUUxn+f+y6Koj76pCBBERFEFEHUhKAoGheMMRIJGoNRgwaDkQQSEjQaSTCuRFxxXwmuKKggPgoi+le4b7h8ckIZcid3prtravr2XKZe55yvz/ebqurq0y3GfNg+HngAuBD4DXgJuFfSH3WsqU5QV2NsnwR8ApzQU+OXAUTST1W1jy0A2ycn8zEDphtfABdJ+nkQhLEEYHt/4DvgxIp/+HNgrqRf+8WNJYAwYzvW/FvAQRUQPgXmSYr9Ya8xtgAShHnAm8ABFRBin5gv6ffeuLEGkCBcDLwGxLIYNHZIWjLrACQIlwEvA/tVQJgj6es9Yzo/A2wfDXwvyYPM2b4CeBHYd0DcYklPjw0A28elW91nwE01IFwNPDcAQtwWPxgLALaPTeZPSQU/ImlZ1cHG9kIg/uV9emK/BU6T9GfnAdg+BvgYmNNjYpukW2tAWAzsAP5f4j8A50n6qvObYFrzYf7UPkYfknR7DQg3Ao8DvwAXSIrjcbfPAbaPAj4CTq8wuFnSnTUgLAW+kRQnwmlHZ+4Cto9M5s+oMpZ+3yTp7pqxfcM6AcD2EcCHwJkNDW2QdE/DnCnhMw7A9uHA+8BZmUbWSVqbmbt7l8zNHyrP9mHAe8DZQwnBGknrczRmbAbYPhR4Fzgnp/BpclZJuq+p1owAsH0IsDPuzU0L7hP/F7BAUjweNxqtA7B9MPAOcH6jSvsH/w1cJen1HL1WAdiO5sXbcTDJKXaanH+AayS9kqvXGgDbB6bmxdzcYnvywvxCSfEEmD1aAWA7OjYxRednVzo18V9gkaTnh9UbOYDUwHwVuGTYYlN+mL9B0jMl9EYKIJmPTs2lJYqNXiiwRNJThfRGdxCyHe2pWJ+XFyo2zC+V9GQhvV0yI5kBtqMt9QJwZaFiw/wySY8W0tstUxxAMv9s3J4KFrtc0sMF9UYDwHa0oaIdFW2pUmOFpK2lxHp1is2AZD7aUNcXLHalpAcL6u0lVQSA7dB5InbogsXeJen+gnrTSg0NIJmPzSnaT6XGakkbS4kN0ikBYDtwc8Fis5/tc2oYCoDtbcDynAv3yVkraV1BvUqpbAC2twC3VV6hfsB6SWvqh5eJzAJgezOwskwJu1SKdHhz6mkMwPYmYFXOxfrk1OrxF7zeFKlGAGxvAFYXLGaLpDsK6jWWqg3AdjQyoolZamyVtKKUWK5OEwAL0kcIudfaM2+7pFtKCA2rMRMAHotzQ9W7/mGN1c1vG0A8y8cz/cCvPeoWXyKuTQDRxYluTmfMB8C2AER/IL7PiX5ep0YbAKIzdF0XzbcxA+LL7WslRQ+/k2OUMyBa4fHWJl5ddXaMCsAb0RDtuvmmSyA+WlpU46/8EdgoKd7Ydn7UngGdd5JZ4ARAJrhZkzaZAbPmr8w0MpkBts/NhDcr0mS7U09nbVOdAJjMgMkSmOwBk02w7Z23S9f7DwUHVG/lamcUAAAAAElFTkSuQmCC) no-repeat 50% 50%/25px 25px;
}
.content .body .file-body .name[data-v-21abfef2] {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 15px;
  right: 15px;
  bottom: 5px;
  color: #000;
  font-size: 12px;
}
[data-v-21abfef2] .file-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-21abfef2] .file-dialog .el-dialog__body {
  padding: 0 !important;
}

.ml-56[data-v-09c2a9aa] {
  margin-left: 30px;
}
[data-v-09c2a9aa] .el-radio-button.is-active .el-radio-button__inner {
  background-color: transparent;
}
.flex[data-v-09c2a9aa] {
  align-items: center;
}
.type-color[data-v-09c2a9aa] {
  display: flex;
  align-items: center;
  padding-top: 8px;
}
.tabs[data-v-09c2a9aa] {
  display: flex;
  margin-bottom: 16px;
  border-bottom: 1px solid #ebeef5;
}
.tabs .tabs-item[data-v-09c2a9aa] {
  cursor: pointer;
  margin: 0 16px;
  padding: 12px 0;
  font-size: 14px;
  margin-bottom: -1px;
}
.tabs .tabs-item.active[data-v-09c2a9aa] {
  color: var(--theme-color, #3065e8);
  border-bottom: 2px solid var(--theme-color, #3065e8);
}
.type-image_wrap[data-v-09c2a9aa] {
  width: 172px;
  height: 114px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #d8dce6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  color: #909399;
  font-size: 12px;
}
.type-image_wrap .edit-cover[data-v-09c2a9aa] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s;
}
.type-image_wrap .edit-cover i[data-v-09c2a9aa] {
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.type-image_wrap .edit-cover i.edit[data-v-09c2a9aa] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAYNJREFUSEvV1U9LFVEcxvHvowsXmWLhu9AgRVAhvPkyBF26CaIgcKH454ouhEAhaBERROEbUCm6RLXoVchFXQqCO1fyyMAIOp7bnHvv4UoHZjPDPB+ew+/MiA4vddjj/wZtTwDDwEdJl6HdS9bQ9gjwF+gBdoHZEJoS7AI+AXN5sw+S5ost2wZtTwMnkg5tdwOfgRngXNJAUtD2c2APOAMqkuo5+iW7L+lrMtD2FLAPPMhDj3P06F9HraUttf0MOAB6C+F1YEjSRSO0adD2JPANeFgINfBC0vtkDW2PA9+BvgD2UtK7si9XdEPbY8APoD+AvZa0U4Zlz6NA26M5dmfMgTeS3sZgUaDtp0ANeBQIXZC0FYuVgrafAD+Bx4HQRUmbzWAx4CkwGAhdlrTeLBYDZqNeXFVJK61grYAbkpZaxWLAPzfCa5Kq7WClYLvhofejzmFK+BZo+xWQXSnXtqTt68AimE3fakoty5O01gjM/nGVxOAvSb+DYGIoGHe/Q9OJhle5onUdmNVfBgAAAABJRU5ErkJggg==) 0% 0% / 100% 100%;
}
.type-image_wrap .edit-cover[data-v-09c2a9aa]:hover {
  opacity: 1;
}

.float-left[data-v-de04da12] {
  float: left;
}
.content .header[data-v-de04da12] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-de04da12] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-de04da12] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-de04da12] {
  width: 100%;
}
.content .header-child[data-v-de04da12] {
  background: rgba(48, 101, 232, 0.1);
}
.content[data-v-de04da12] .emij {
  flex: 1;
}
.content .body[data-v-de04da12] {
  padding: 8px 0 16px;
}
.content .body .title[data-v-de04da12] {
  display: flex;
  align-items: center;
  width: 100%;
}
.content .body .title .label[data-v-de04da12] {
  text-align: right;
  width: 56px;
  margin-right: 24px;
}
.content .body .title + .title[data-v-de04da12] {
  margin-top: 8px;
}
.content .body .description[data-v-de04da12] {
  margin-top: 8px;
  display: flex;
  width: 100%;
}
.content .body .media[data-v-de04da12] {
  margin-top: 8px;
  display: flex;
  width: 100%;
}
.content .body .media .media-body[data-v-de04da12] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
}
.content .body .media .media-body .media-item[data-v-de04da12] {
  width: 172px;
  height: 114px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content .body .media .media-body .media-item .play[data-v-de04da12] {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.content .body .media .media-body .media-item .play img[data-v-de04da12] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  width: 32px;
  height: 32px;
}
.content .body .media .media-body .media-item[data-v-de04da12]::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 30px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.content .body .media .media-body .media-file[data-v-de04da12] {
  width: 38px;
  height: 49px;
  background: rgba(48, 101, 232, 0.02);
  border-radius: 4px;
  border: 1px solid #d8dce6;
  cursor: pointer;
}
.content .body .media .media-body .media-file img[data-v-de04da12] {
  width: 38px;
  height: 49px;
}
.content .body .media .media-body.file[data-v-de04da12] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 172px;
  height: 114px;
  border: 1px solid #d8dce6;
  background: rgba(48, 101, 232, 0.02);
}
.content .body .media .media-body.file .media-item[data-v-de04da12] {
  width: 38px;
  height: 49px;
}
.content .body .media .media-body.file .media-item[data-v-de04da12]::before {
  display: none;
}
.content .body .media .media-body.file .name[data-v-de04da12] {
  font-size: 12px;
  color: rgba(48, 49, 51, 0.5);
}
.content .body .media .media-body:hover .play[data-v-de04da12] {
  display: none;
}
.content .body .media .media-body:hover .content[data-v-de04da12] {
  border-color: #c0c4cc;
}
.content .body .media .media-body[data-v-de04da12]:hover::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABEZJREFUeF7tmtmrHEUUxn+f+y6Koj76pCBBERFEFEHUhKAoGheMMRIJGoNRgwaDkQQSEjQaSTCuRFxxXwmuKKggPgoi+le4b7h8ckIZcid3prtravr2XKZe55yvz/ebqurq0y3GfNg+HngAuBD4DXgJuFfSH3WsqU5QV2NsnwR8ApzQU+OXAUTST1W1jy0A2ycn8zEDphtfABdJ+nkQhLEEYHt/4DvgxIp/+HNgrqRf+8WNJYAwYzvW/FvAQRUQPgXmSYr9Ya8xtgAShHnAm8ABFRBin5gv6ffeuLEGkCBcDLwGxLIYNHZIWjLrACQIlwEvA/tVQJgj6es9Yzo/A2wfDXwvyYPM2b4CeBHYd0DcYklPjw0A28elW91nwE01IFwNPDcAQtwWPxgLALaPTeZPSQU/ImlZ1cHG9kIg/uV9emK/BU6T9GfnAdg+BvgYmNNjYpukW2tAWAzsAP5f4j8A50n6qvObYFrzYf7UPkYfknR7DQg3Ao8DvwAXSIrjcbfPAbaPAj4CTq8wuFnSnTUgLAW+kRQnwmlHZ+4Cto9M5s+oMpZ+3yTp7pqxfcM6AcD2EcCHwJkNDW2QdE/DnCnhMw7A9uHA+8BZmUbWSVqbmbt7l8zNHyrP9mHAe8DZQwnBGknrczRmbAbYPhR4Fzgnp/BpclZJuq+p1owAsH0IsDPuzU0L7hP/F7BAUjweNxqtA7B9MPAOcH6jSvsH/w1cJen1HL1WAdiO5sXbcTDJKXaanH+AayS9kqvXGgDbB6bmxdzcYnvywvxCSfEEmD1aAWA7OjYxRednVzo18V9gkaTnh9UbOYDUwHwVuGTYYlN+mL9B0jMl9EYKIJmPTs2lJYqNXiiwRNJThfRGdxCyHe2pWJ+XFyo2zC+V9GQhvV0yI5kBtqMt9QJwZaFiw/wySY8W0tstUxxAMv9s3J4KFrtc0sMF9UYDwHa0oaIdFW2pUmOFpK2lxHp1is2AZD7aUNcXLHalpAcL6u0lVQSA7dB5InbogsXeJen+gnrTSg0NIJmPzSnaT6XGakkbS4kN0ikBYDtwc8Fis5/tc2oYCoDtbcDynAv3yVkraV1BvUqpbAC2twC3VV6hfsB6SWvqh5eJzAJgezOwskwJu1SKdHhz6mkMwPYmYFXOxfrk1OrxF7zeFKlGAGxvAFYXLGaLpDsK6jWWqg3AdjQyoolZamyVtKKUWK5OEwAL0kcIudfaM2+7pFtKCA2rMRMAHotzQ9W7/mGN1c1vG0A8y8cz/cCvPeoWXyKuTQDRxYluTmfMB8C2AER/IL7PiX5ep0YbAKIzdF0XzbcxA+LL7WslRQ+/k2OUMyBa4fHWJl5ddXaMCsAb0RDtuvmmSyA+WlpU46/8EdgoKd7Ydn7UngGdd5JZ4ARAJrhZkzaZAbPmr8w0MpkBts/NhDcr0mS7U09nbVOdAJjMgMkSmOwBk02w7Z23S9f7DwUHVG/lamcUAAAAAElFTkSuQmCC) no-repeat center center / 24px 24px rgba(0, 0, 0, 0.5);
}
.content .body .media .media-body:hover .name[data-v-de04da12] {
  position: absolute;
  color: #fff;
  z-index: 100;
}
.content .body .media .media-body:hover .edit-image[data-v-de04da12] {
  display: block;
}
.content .body .media .media-body .edit-image[data-v-de04da12] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABEZJREFUeF7tmtmrHEUUxn+f+y6Koj76pCBBERFEFEHUhKAoGheMMRIJGoNRgwaDkQQSEjQaSTCuRFxxXwmuKKggPgoi+le4b7h8ckIZcid3prtravr2XKZe55yvz/ebqurq0y3GfNg+HngAuBD4DXgJuFfSH3WsqU5QV2NsnwR8ApzQU+OXAUTST1W1jy0A2ycn8zEDphtfABdJ+nkQhLEEYHt/4DvgxIp/+HNgrqRf+8WNJYAwYzvW/FvAQRUQPgXmSYr9Ya8xtgAShHnAm8ABFRBin5gv6ffeuLEGkCBcDLwGxLIYNHZIWjLrACQIlwEvA/tVQJgj6es9Yzo/A2wfDXwvyYPM2b4CeBHYd0DcYklPjw0A28elW91nwE01IFwNPDcAQtwWPxgLALaPTeZPSQU/ImlZ1cHG9kIg/uV9emK/BU6T9GfnAdg+BvgYmNNjYpukW2tAWAzsAP5f4j8A50n6qvObYFrzYf7UPkYfknR7DQg3Ao8DvwAXSIrjcbfPAbaPAj4CTq8wuFnSnTUgLAW+kRQnwmlHZ+4Cto9M5s+oMpZ+3yTp7pqxfcM6AcD2EcCHwJkNDW2QdE/DnCnhMw7A9uHA+8BZmUbWSVqbmbt7l8zNHyrP9mHAe8DZQwnBGknrczRmbAbYPhR4Fzgnp/BpclZJuq+p1owAsH0IsDPuzU0L7hP/F7BAUjweNxqtA7B9MPAOcH6jSvsH/w1cJen1HL1WAdiO5sXbcTDJKXaanH+AayS9kqvXGgDbB6bmxdzcYnvywvxCSfEEmD1aAWA7OjYxRednVzo18V9gkaTnh9UbOYDUwHwVuGTYYlN+mL9B0jMl9EYKIJmPTs2lJYqNXiiwRNJThfRGdxCyHe2pWJ+XFyo2zC+V9GQhvV0yI5kBtqMt9QJwZaFiw/wySY8W0tstUxxAMv9s3J4KFrtc0sMF9UYDwHa0oaIdFW2pUmOFpK2lxHp1is2AZD7aUNcXLHalpAcL6u0lVQSA7dB5InbogsXeJen+gnrTSg0NIJmPzSnaT6XGakkbS4kN0ikBYDtwc8Fis5/tc2oYCoDtbcDynAv3yVkraV1BvUqpbAC2twC3VV6hfsB6SWvqh5eJzAJgezOwskwJu1SKdHhz6mkMwPYmYFXOxfrk1OrxF7zeFKlGAGxvAFYXLGaLpDsK6jWWqg3AdjQyoolZamyVtKKUWK5OEwAL0kcIudfaM2+7pFtKCA2rMRMAHotzQ9W7/mGN1c1vG0A8y8cz/cCvPeoWXyKuTQDRxYluTmfMB8C2AER/IL7PiX5ep0YbAKIzdF0XzbcxA+LL7WslRQ+/k2OUMyBa4fHWJl5ddXaMCsAb0RDtuvmmSyA+WlpU46/8EdgoKd7Ydn7UngGdd5JZ4ARAJrhZkzaZAbPmr8w0MpkBts/NhDcr0mS7U09nbVOdAJjMgMkSmOwBk02w7Z23S9f7DwUHVG/lamcUAAAAAElFTkSuQmCC) no-repeat 50% 50%/25px 25px;
}
.content .body .media .media-body .name[data-v-de04da12] {
  position: absolute;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 15px;
  height: 30px;
  line-height: 30px;
  bottom: 0px;
  font-size: 12px;
  color: #fff;
  z-index: 888;
}
.content .body .button-list[data-v-de04da12] {
  margin-top: 24px;
  margin-left: 82px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #d8dce6;
  background-color: #fff;
}
.content .body .button-list[data-v-de04da12] .content {
  padding: 0;
  border: none;
}
.content .body .button-list[data-v-de04da12] .content .addButtonItem {
  height: 32px;
  line-height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .body .button[data-v-de04da12] {
  margin-top: 8px;
  display: flex;
  width: 100%;
}
.content .body .button .button-body[data-v-de04da12] {
  flex: 1;
}
.content .body .button .button-list[data-v-de04da12] {
  margin-left: 0px;
}
.content .body .label[data-v-de04da12] {
  width: 80px;
  text-align: center;
  color: #303133;
  line-height: 32px;
}
.content .body-child[data-v-de04da12] {
  background: rgba(48, 101, 232, 0.02);
}
[data-v-de04da12] .file-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-de04da12] .file-dialog .el-dialog__body {
  padding: 0 !important;
}

.content .title[data-v-65efc74c] {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 8px;
}
.content .title .label[data-v-65efc74c] {
  text-align: right;
  width: 56px;
  margin-right: 24px;
}
.content[data-v-65efc74c] .button-list {
  margin-left: 60px !important;
}
.content[data-v-65efc74c] .button-list .content {
  border: 0;
  padding: 0;
}
.content[data-v-65efc74c] .button-list .content .addButtonItem {
  background: #f6f6f7;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
}
.content .header[data-v-65efc74c] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-65efc74c] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-65efc74c] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-65efc74c] {
  width: 100%;
}
.content .body .body-card[data-v-65efc74c] {
  margin-bottom: 8px;
  border: 1px solid #d8dce6;
  background: rgba(48, 101, 232, 0.02);
  border-radius: 4px;
}
.content .body .body-card[data-v-65efc74c]:last-child {
  margin-bottom: 16px;
}
.content .body[data-v-65efc74c] .header {
  border-radius: 0px;
}
.content .body[data-v-65efc74c] .header .header-child {
  height: 36px;
  line-height: 36px;
}
.content .body[data-v-65efc74c] .body {
  margin: 0px;
  padding: 8px 16px 24px;
}
.content .body[data-v-65efc74c] .body .label {
  text-align: right;
  width: 56px;
  margin-right: 24px;
  margin-left: -18px;
}
.content .add-card[data-v-65efc74c] {
  text-align: center;
  color: var(--theme-color, #3065e8);
  height: 32px;
  margin-bottom: 8px;
  line-height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
  font-weight: 400;
}
.content .add-card span[data-v-65efc74c] {
  cursor: pointer;
}
.content .add-card i[data-v-65efc74c] {
  margin-right: 4px;
}

.content .header[data-v-38f00262] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  background: #f6f6f7;
  border-radius: 4px;
}
.content .header .header-title[data-v-38f00262] {
  margin-left: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
}
.content .header .header-right[data-v-38f00262] {
  margin-right: 15px;
  width: 9px;
  height: 9px;
}
.content .header .header-right img[data-v-38f00262] {
  width: 100%;
}
.content .body[data-v-38f00262] {
  margin-top: 8px;
  margin-bottom: 16px;
}
.content .body .detail_address[data-v-38f00262] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.content .body .location[data-v-38f00262] {
  margin-top: 16px;
  margin-left: 111px;
  margin-bottom: 118px;
  cursor: pointer;
}
.content .body .location .location_button[data-v-38f00262] {
  padding: 7px 20px;
  min-width: 88px;
  color: #303133;
  font-size: 12px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d8dce6;
  text-align: center;
  line-height: 32px;
}
.content .body .label[data-v-38f00262] {
  margin-left: 30px;
  margin-right: 24px;
  color: #303133;
  line-height: 20px;
  min-width: 56px;
}
[data-v-38f00262] .el-dialog {
  width: 754px;
}
[data-v-38f00262] .file-dialog .el-dialog__header {
  padding: 0 !important;
}
[data-v-38f00262] .file-dialog .el-dialog__body {
  padding: 0 !important;
}

.editor-content[data-v-64d45502] {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 24px;
  padding-bottom: 48px;
}
.editor-content .noMessage[data-v-64d45502] {
  width: 256px;
  margin: auto;
  text-align: center;
}
.editor-content .noMessage img[data-v-64d45502] {
  width: 256px;
  height: 192px;
}
.editor-content .noMessage .tips[data-v-64d45502] {
  color: #8395ba;
  font-size: 12px;
  margin-bottom: 28px;
  margin-top: 16px;
}
.editor-content .editor-header[data-v-64d45502] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.editor-content .editor-header .editor-header-title[data-v-64d45502] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  line-height: 18px;
}
.editor-content .editor-header .editor-header-right[data-v-64d45502] {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.editor-content .editor-header .editor-header-right img[data-v-64d45502] {
  width: 100%;
}
.editor-content .editor-divider[data-v-64d45502] {
  margin-top: 16px;
  margin-bottom: 15px;
  height: 1px;
  opacity: 0.1;
  background-color: #000;
}
.editor-content .message-bar[data-v-64d45502] {
  margin-top: 8px;
  display: flex;
  background: #f6f6f7;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
}
.editor-content .message-bar .message-add[data-v-64d45502] {
  margin-left: 15px;
  margin-right: 40px;
}
.editor-content .message-bar .message-item[data-v-64d45502] {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--theme-color, #3065e8);
}
.editor-content .message-bar .message-item .message-item-icon[data-v-64d45502] {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.editor-content .message-bar .message-item img[data-v-64d45502] {
  font-size: 16px;
  width: 15px;
  height: 15px;
  margin-right: 2px;
}
.btn_group[data-v-64d45502] {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.cancel[data-v-64d45502] {
  width: 64px;
  background: #ffffff;
  border-radius: 100px;
  color: #5a5e66;
  font-size: 12px;
  border: 1px solid #dcdfe6;
}
.cancel[data-v-64d45502]:hover {
  border: 1px solid #c0c4cc;
}
.cancel[data-v-64d45502]:active {
  color: var(--theme-color, #3065e8);
  border: 1px solid var(--theme-color, #3065e8);
}
.cancel[data-v-64d45502]:disabled {
  opacity: 0.3;
  border: 1px solid #c0c4cc;
}
.confirm[data-v-64d45502] {
  width: 64px;
  margin-left: 16px;
  background: var(--theme-color, #3065e8);
  border-radius: 100px;
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
}
.confirm[data-v-64d45502]:hover {
  background: #184fdb;
}
.confirm[data-v-64d45502]:active {
  background: #023ccf;
}
.confirm[data-v-64d45502]:disabled {
  background: var(--theme-color, #3065e8);
  opacity: 0.3;
}

.video[data-v-316ad774] {
  height: 100%;
}
.w-100[data-v-316ad774] {
  width: 100%;
  height: 100%;
}
.pic[data-v-316ad774] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.audio-pic[data-v-316ad774] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.card-skeleton[data-v-316ad774] {
  background-size: cover;
  border-radius: 8px;
  overflow: auto;
  height: auto;
  background-color: #fff;
  border: 1px solid #dadee8;
}
.card-skeleton .card-skeleton-buts[data-v-316ad774] {
  width: 80%;
  padding-bottom: 12px;
  margin: auto;
  text-align: center;
}
.card-skeleton .card-skeleton-buts .card-skeleton-buts-item[data-v-316ad774] {
  display: block;
  padding: 4px;
  cursor: pointer;
  color: var(--theme-color, #3065e8);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.card-skeleton .card-skeleton-content[data-v-316ad774] {
  display: flex;
  flex-direction: column;
}
.card-skeleton .card-skeleton-content .card-skeleton-media[data-v-316ad774] {
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.card-skeleton .card-skeleton-content .card-skeleton-media.audio[data-v-316ad774] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f3ff;
}
.card-skeleton .card-skeleton-content .card-skeleton-media.audio .w-100[data-v-316ad774] {
  width: 38px;
  height: 49px;
}
.card-skeleton .card-skeleton-content .card-skeleton-body[data-v-316ad774] {
  flex: 1;
  padding: 12px;
}
.card-skeleton .card-skeleton-content .card-skeleton-body .card-skeleton-title[data-v-316ad774] {
  margin-bottom: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-skeleton .card-skeleton-content .card-skeleton-body .card-skeleton-message[data-v-316ad774] {
  max-height: 34px;
  color: rgba(48, 49, 51, 0.5);
  font-size: 12px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-skeleton.transverse[data-v-316ad774] {
  height: auto;
}
.card-skeleton.transverse .card-skeleton-content[data-v-316ad774] {
  flex-direction: row;
  padding: 10px;
}
.card-skeleton.transverse .card-skeleton-content .audio .w-100[data-v-316ad774] {
  width: 20px;
  height: 25px;
}
.card-skeleton.transverse .card-skeleton-content .card-skeleton-media[data-v-316ad774] {
  width: 80px;
  height: 60px;
  border-radius: 4px;
}
.card-skeleton.transverse .card-skeleton-content .card-skeleton-body[data-v-316ad774] {
  width: 0;
  padding: 5px 0 0 12px;
}
.card-skeleton.transverse .card-skeleton-content .card-skeleton-body .card-skeleton-title[data-v-316ad774] {
  padding: 0;
}
.card-skeleton.transverse .card-skeleton-content .card-skeleton-body .card-skeleton-message[data-v-316ad774]::after {
  display: none;
}
.card-skeleton.transverse.right .card-skeleton-body[data-v-316ad774] {
  padding: 5px 12px 0 0;
}
.card-skeleton.right .card-skeleton-content[data-v-316ad774] {
  flex-flow: row-reverse;
}
.card-skeleton.small[data-v-316ad774] {
  max-height: 256px;
}
.card-skeleton.small .card-skeleton-media[data-v-316ad774] {
  height: 120px;
}
.card-skeleton.min[data-v-316ad774] {
  max-height: 236px;
}
.card-skeleton.min .card-skeleton-media[data-v-316ad774] {
  height: 100px;
}

.breadcrumb[data-v-7fd8db78] {
  display: flex;
  font-size: 14px;
  position: relative;
  color: rgba(0, 0, 0, 0.65);
}
.breadcrumb .breadcrumb-item[data-v-7fd8db78] {
  padding: 0 10px;
  cursor: pointer;
}
.breadcrumb .breadcrumb-item[data-v-7fd8db78]:first-child {
  position: relative;
  padding-left: 25px;
}
.breadcrumb .breadcrumb-item:first-child .el-icon-arrow-left[data-v-7fd8db78] {
  font-size: 20px;
  left: -15px;
  top: 1px;
  position: absolute;
  color: #303133;
}
.breadcrumb .breadcrumb-item[data-v-7fd8db78]::after {
  content: '/';
  position: relative;
  right: -10px;
}
.breadcrumb .breadcrumb-item[data-v-7fd8db78]:last-child {
  cursor: text;
  color: #303133;
}
.breadcrumb .breadcrumb-item[data-v-7fd8db78]:last-child::after {
  display: none;
}

.develop[data-v-6d8060bc] {
  margin: 24px;
  position: relative;
  height: calc(100% - 64px);
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(205, 205, 205, 0.5);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.develop p[data-v-6d8060bc] {
  margin-top: 10px;
  color: rgba(48, 49, 51, 0.5);
}

.auxiliary-component[data-v-4193ef53] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.45);
  transition: all 0.65s ease;
}
.auxiliary-component.show[data-v-4193ef53] {
  z-index: 10000;
  opacity: 1;
}
.auxiliary-component .cross-domain-communication[data-v-4193ef53] {
  border: 0;
  width: 906px;
  height: 440px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
}
.auxiliary-component.relative[data-v-4193ef53] {
  position: relative;
  height: 440px;
  width: 906px;
  margin: 125px auto;
  background-color: #fff;
  box-shadow: 0px 3px 30px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.auxiliary-component.relative .cross-domain-communication[data-v-4193ef53] {
  width: 906px;
  height: 440px;
}

.breadcrumbs-component[data-v-6b384400] {
  height: 86px;
  margin: 24px 24px -24px 24px;
  padding: 0 0 0 32px;
  background: #fff;
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 12px 0px rgba(205, 205, 205, 0.5);
}
.breadcrumbs-component .go-back[data-v-6b384400] {
  cursor: pointer;
  margin-right: 4px;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'PingFang-SC-Regular, PingFang-SC', 'Source Han Sans CN Regular'; */
  /* font-family: 'PingFang-SC-Regular, PingFang-SC'; */
}

html,
body {
  margin: 0 auto;
  background: #fff;
}
body.scroll-no{
  overflow: hidden;
}
*:not(input, textarea) {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(200, 200, 200, 0);
}

.clear-float::before,
.clear-float::after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

img {
  border: none;
  border: 0;
  vertical-align: top;
  image-rendering:-moz-crisp-edges;
  image-rendering:-o-crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode:nearest-neighbor;
}

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

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
a,
em,
i {
  font-size: 14px;
  font-weight: normal;
}

input,
button {
  color: #606266;
  border: none;
  outline: none;
  border-radius: initial;
  margin: 0;
  padding: 0;
  background: transparent;
}

a {
  color: #333;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}

a:focus {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  background: none;
  text-decoration: none;
}
input::-webkit-input-placeholder {
  color: #999;
}
input::-moz-placeholder{ 
  color: #999;
}

input:-moz-placeholder{
  color: #999;
}

input:-ms-input-placeholder{
  color: #999;
}
i,
em {
  font-style: normal;
}

select::-ms-expand {
  display: none;
}

/* 去除Chrome等浏览器文本框默认发光边框 */
input:focus,
textarea:focus {
  outline: none;
}

/* 禁止多行文本框textarea拖拽 */
textarea {
  resize: none;
}

/*全部英文字符下自动换行*/
p {
  word-break: break-all;
}

/* 禁止长按链接与图片弹出复制图片菜单 */
a,
img {
  -webkit-touch-callout: none;
}
pre{
  white-space: pre-wrap; /*css3.0*/
  word-break: break-all;
}

/*单行省略......*/
.dwwo {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*多行行省略......*/
.dwwo-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.dwwo-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.dwwo-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.dwwo-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.hide {
  display: none;
}

.w-1200 {
  width: 1200px;
  margin: 0 auto;
}

.scrollbar::-webkit-scrollbar {
  /* 滚动条整体部分 */
  width: 8px;
  height: 8px;
  background: #F6F6FA;
}

.scrollbar::-webkit-scrollbar-thumb {
  /* 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） */
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 8px;
}

.scrollbar::-webkit-scrollbar-track {
  /* 滚动条的轨道（里面装有Thumb） */
  background: #F6F6FA;
}

.scrollbar::-webkit-scrollbar-button {
  /* 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。 */
  background: #F6F6FA;
  width: 0px;
  height: 0px;
}

.el-upload-list {
  /* upload组件 */
  display: none;
}

/* 素材管理 */
.i-dropdown .el-select-dropdown__item.selected{
  font-weight: 400;
}
/* 素材管理 end */
.amap-ctrl{
  cursor: pointer !important;
}
/* iss-5g-ui的删除弹框 */
.util-alert .el-message-box__headerbtn i{
  font-size: 20px!important;
}
/* iss-5g-ui的删除弹框 end */

/* type='number'的样式 */
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type='number'] {
  -moz-appearance: textfield;
}
/* type='number'的样式end */
/* 电脑缩放设置为 125% */
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.1904761904761905) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
  :root {
    font-size: 13px;
  }
  body {
    min-width: 1440px;
  }
}
/* 电脑缩放设置为 150% */
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.4090909090909092) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
  :root {
    font-size: 10px;
  }
  body {
    min-width: 1440px;
  }
}
/* 电脑缩放设置为 175% */
@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8), (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8), (-webkit-min-device-pixel-ratio: 1.6097560975609757) and (-webkit-max-device-pixel-ratio: 1.8), (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
  :root {
    font-size: 9px;
  }
  body {
    min-width: 1440px;
  }
}

/*
  enter-active 定义进入过渡的结束状态
  leave-active 定义离开过渡的结束状态
 */
 .fade-transform-leave-active,
 .fade-transform-enter-active {
   transition: all 0.35s ease-in-out;
 }
 
 /* enter定义进入过渡的开始状态 */
 .fade-transform-enter {
   opacity: 0;
   transform: translateX(-30px);
 }
 /* leave-to离场动画结束后的状态 */
 .fade-transform-leave-to {
   opacity: 0;
   transform: translateX(30px);
 }
.robot-mobile-dioag{
  width: 100%;
  background-color: #f5f5f5;
}
.robot-mobile-dioag .robot-header{
  display: none;
}

.robot-mobile-dioag .robot-pic{
  display: none;
}
.robot-mobile-dioag .robot-left-content{
    position: relative;
    padding: 0.75rem;
}
.robot-mobile-dioag .robot-left-item-mobile{
  display:flex;
  margin-bottom: 0.75rem;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-left-txt{
  border-radius: 0px .25rem .25rem .25rem;
  padding: 0.75rem 0.75rem;
  font-size: 0.875rem;
  background-color: #fff;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-left-pic{
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .5rem;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-left-pic img{
  width: 2.5rem;
  height: 2.5rem;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-left-img{
  overflow: hidden;
  width: 10.5rem;
  border-radius: 0 .5rem .5rem .5rem;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-left-img img{
  width: 100%;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-left-card{
 
 
  border-radius: .5rem;
  border: 1px solid #e7e7e7;
}
.robot-mobile-dioag .robot-left-card .robot-card-pic{
  overflow: hidden;
  width: 100%;
  border-radius: .5rem .5rem 0px 0px;
}
.robot-mobile-dioag .robot-card-pic img{
  width: 100%;
}
.robot-mobile-dioag .robot-left-item-mobile .robot-card-content{
  padding: .25rem 0.375rem;
}
.robot-mobile-dioag  .robot-card-title{
  font-weight: 600;
  color: #303133;
  font-size: 0.875rem;
}
.robot-mobile-dioag  .robot-card-desc{
  margin-top: .5rem;
  font-weight: 400;
  font-size: 0.75rem;
  color: rgba(48, 49, 51, 0.8);
}
.robot-mobile-dioag  .robot-card-desc .robot-desc-txt{
  font-size: 12px;
  position: relative;
  overflow: hidden;
  display: -webkit-box; /*弹性伸缩盒子*/
  -webkit-box-orient: vertical; /*子元素垂直排列*/
  -webkit-line-clamp: 2; /*可以显示的行数，超出部分用...表示*/
  text-overflow: ellipsis; /*（多行文本的情况下，用省略号“…”隐藏溢出范围的文本)*/
}
.robot-mobile-dioag  .robot-card-desc .robot-desc-txt::after{
  content: '...';
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 2rem;
  padding-left: 4px;
  background: linear-gradient(to right, transparent, #fff 0%);
}
.robot-mobile-dioag  .robot-card-desc .robot-desc-txt .more{
  position: absolute;
  color: var(--theme-color, #3065e8);
  bottom: 0;
  right: .3125rem;
  font-size: .375rem;
  z-index: 9;
  cursor: pointer;
}
.robot-mobile-dioag .robot-card-desc span{
  color: var(--theme-color, #3065e8);
  font-size: 0.75rem;
}
.robot-mobile-dioag  .robot-card-btn{
  text-align: center;
}
.robot-mobile-dioag  .robot-card-btn .btn{
  font-weight: bold;
}
.robot-mobile-dioag  .robot-left-video{
  overflow: hidden;
  width: 13.125rem;
  border-radius:0 .5rem .5rem .5rem;
}
.robot-mobile-dioag  .robot-left-video video{
  width: 100%;
  height: 100%;
}
.robot-mobile-dioag .robot-left-preson{
  overflow: hidden;
  width: 13.125rem;
  border-radius: 0 .5rem .5rem .5rem;
}
.robot-mobile-dioag .robot-left-preson .robot-preson-top{
  width: 13.125rem;
  background: linear-gradient(315deg, #ffffff 0%, #eef3ff 100%);
  border-radius: .25rem .25rem 0 0;
  padding-top: 1rem;
  padding-bottom: 0.375rem;
}
.robot-mobile-dioag .robot-left-preson .robot-portrait{
  width: 3rem;
  height: 3rem;
  margin: 0 auto .25rem;
}
.robot-mobile-dioag .robot-left-preson .robot-preson-desc{
  text-align: center;
  color: rgba(48, 49, 51, 0.8);
  font-weight: 400;

}
.robot-mobile-dioag .robot-preson-desc span{
  font-weight: 600;
  color: #303133;
}
.robot-mobile-dioag .robot-preson-content{
  background-color: #fff;
  padding: 0 .5rem;
}
.robot-mobile-dioag .robot-preson-content .robot-preson-cell{
  padding: 0.3125rem 0;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
  color: rgba(48, 49, 51, 0.5);
  font-size: .375rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.robot-mobile-dioag .robot-preson-content .robot-cell-left{
  color: rgba(48, 49, 51, 0.5);
} 
.robot-mobile-dioag .robot-preson-content .robot-cell-right{
  width: 8.25rem;
  font-size: .75rem;
}
.robot-mobile-dioag .last{
  border: none;
}
.robot-mobile-dioag  .robot-left-audio{
  display: flex;
  align-items: center;
}
.robot-mobile-dioag  .robot-left-audio .audio-playing{
  display: flex;
  align-items: center;
  padding: 0 .5rem;
  width: 11.75rem;
  height: 2.75rem;
  background: var(--theme-color, #3065e8);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04);
  border-radius: 0px .25rem .25rem .25rem;
  border: 1px solid #f1f1f1;
}
.robot-mobile-dioag .audio-playing img{
  width: 1.25rem;
}
.robot-mobile-dioag .audio-playing .audio-cricle{
  width: .375rem;
  height: .375rem;
  margin-left: 0.3125rem;
  background: #ff2d2d;
  border-radius: 50%;
}
/*底部按钮*/
.robot-mobile-dioag .robot-footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 4.25rem;
  padding: 0 .75rem;
  background-color: #fff;
}
.robot-mobile-dioag .robot-footer .robot-footer-input{
  flex: 1;
  margin-right: .5rem;
}
.robot-mobile-dioag .robot-footer .robot-footer-ipt{
  width: 100%;
  height: 2.25rem;
}
.robot-mobile-dioag .robot-footer .el-textarea__inner{
  height: 2.25rem;
}
.robot-mobile-dioag .robot-footer .robot-footer-submit{
  width: 5rem;
  height: 2.25rem;
  font-size: 12px;

}
.robot-mobile-dioag .robot-footer .robot-footer-btn{
  width: 100%;
  height: 2.25rem;
  line-height: 0.25rem;
}
.robot-mobile-dioag .el-scrollbar{
  height: calc(100vh - 4.9rem);
}
.robot-mobile-dioag .swiper-container {
  width: 18.875rem;
 
}
.robot-mobile-dioag .swiper-slide {
  width: 11.375rem !important;
  margin-right: 8px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e7e7e7;

}
.robot-mobile-dioag .replay-btns{
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  left: .5rem;
  right: .5rem;
  bottom: 4.8rem;
  z-index: 30;
}
.robot-mobile-dioag .replay-btns .replay-btn{
  padding: .25rem .625rem;
  white-space: nowrap;
  border-radius: 3.12rem;
  border: 1px solid #c0c4cc;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  color: #5a5e66;
  margin-right: .25rem; 
  margin-bottom: .25rem;     

}
.robot-mobile-dioag .el-scrollbar {
  height: 100%;
  padding-bottom: 6rem;
  
}
.el-input--mini .el-input__inner{
  height: 32px !important;
  line-height: 32px !important;
}
.el-input {
  .el-input__inner[maxlength] {
    padding-right: 55px;
  }
  .el-input__count-inner {
    /* height: 30px;
    line-height: 30px !important; */
    position: relative;
  }
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: #fff;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #909399;
}
body::-webkit-scrollbar {
  display: block;
}

/* 添加表单-中间手机的样式 */
.page-phone {
  width: 360px;
  min-height: 640px;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 3px 8px 0px rgba(205,205,205,0.5);
}
.flex{
  display: flex;
}
.flex-col{
  display: flex;
  flex-direction: column;
}
.flex-1{
  flex: 1;
}
.page-phone .submit-c {
  height: 82px;
  padding: 16px 16px 26px;
}
.page-phone .submit-c .btn-submit {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  background: var(--theme-color, #3065e8);
  border-radius: 4px;
}
.page-phone .content-c {
  align-items: center;
}
.page-phone .height100 {
  width: 0;
  height: 100%;
}
.page-phone .noContent{
  text-align: center;
}
.page-phone .noContent .icon-com{
  display: inline-block;
  width: 24px;
  height: 22px;
  margin-bottom: 12px;
  background: url(data:image/png;base64,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) 0 0/100% 100% no-repeat;
}
.page-phone .noContent .no-des{
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #303133;
}
/* phone-item */
.page-phone .phone-item{
  position: relative;
  padding: 8px 16px;
  min-height: 30px;
  border: 1px solid rgba(0,0,0,0);
  /* background-color: rgba(0,0,0,.1); */
}
.page-phone .phone-item.no-padding{
  padding: 0;
}
.page-phone .phone-item.cur{
  cursor: move;
  background: rgba(48,101,232,0.06);
  border: 1px solid var(--theme-color, #3065e8);
}
.page-phone .phone-item .operate-c{
  display: none;
  position: absolute;
  top: calc(50% - 28px);
  right: -12px;
  width: 24px;
  height: 56px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #D8DCE6;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.page-phone .phone-item.cur .operate-c{
  display: flex;
}
.page-phone .phone-item .operate-c .icon-copy{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: 12px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAgZJREFUSEvt1r9rFEEUB/Dvm9lDIlaSoCEgSuwEvbvdPTgQWzkwIuKVIlqIjaTQTlDzJygWCVYiVptCiXBYCHYeO5m5q6wiVhKRs9oENbmdJyuc5C7HLnvkR2GmGpiZ/cybnXkzhD0utMceMsFqtXr010b3JixO5J6csJvEQk1Pn1wMgiBOxqeC9Xpdrnz+8grg07mxLQMIYsEY9TwTrFQunNrsrgcEej81NTkXRZHNA0dRdMQyLQLotMzytUzwnO+fEbF9wSRetrV6kgfr9S277tukbrS+tP9grVY7tPq9c4csnyfBY2A4DIwDYp3IRlkRWgYT6KsjaV4p1U76p0ZYdP1ZYnudmdaE4LUsYFg7Mx0D6Kcge1Vr3UkFSyUvYGBi8vjExUaj8XsU0HUrNyzHdwnygTHhu1RwsHEU0Pf9mW5sHzlSzCmllg7AvjNzsKTDVuD/3DRJBmobPbMtl+7kOQSLN5C0QhzPgumTMcu3dhf894Npo+CIe2EYftxdkPFayoImiltKqW89v+/G38kl7aW2wZ28v2Cx7C4JAvVu51Eyjed5l2PLD8mRj00Y/s1cW0tfhKWyNw+wR1I8k8CPvCAzk7W4wuCzggq3tW6aVND3/WI3xlPAHs6LDYTxoaX1/WHf2PZMdF133ApRdICxvGhMxCBa1c2moaQ+pGQ+hPOiWf3/AIsMdSx+BJCkAAAAAElFTkSuQmCC) 0 0/100% 100% no-repeat;
}
.page-phone .phone-item .operate-c .icon-delete{
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA4lJREFUSEvN1m9oW1UUAPBz7mvzr6ZdmylD0c192L4I0ryXP0uyhNLObSrUIlQFRRFcURT/om4oDpRNHCr+Qek+DEVFEWZtYWwzLV2aJc3L+9PpB2EfnBtSFHRdsyxpEvvuER3Vzr627zIQ8/Fx7vnl3nPueQ+JSIL/8If/OzCRSHRWqvUDANC84kEgNHyelhdyuRPmSnGr7lBRoo9bfP4BxtgZIKjbJkNwc843SqzpE10vvH9VYFCJvE3cim1Yf2PP0NBQ2S5ZX1+f/+y5n0aRSXlTV5++KrBTDg0TgXTK1O5cKVFQVo4Q4PyUofU6Aru7uzfMXLj4OiB4r1hAtA4Q5wHgt1WaeS0QNQHiL4vjGGLF523bnc2mz/35/O8abt26bX11rrSfE/chgI8I2hBwlpDmRG4NEnoJaA0ilAigCoS1jvbWF8fGxs5eAS5OGonFdjZqjb3Nbs++4uTJYREwvCXR+3u9tsflce1V8/mj/15r26WxWDIxV6u+2SRJ72qa+pkIqCiR+y1uPeH1+J7N5ydOOgK3JJO31i5VDzJJ+sjQ1A9FQDkUeZRb1kOea3y7JicmvnUEplKpjRfLlc8lxg7revENEVBRos9bfP7uVn/LfZlM5owjsKend+35mekjyNg3pl58WQQMKuFXifPbAh033DE6Oryks21rODAw4C5qxgRDadIw1KdEQFkOv8OJR8MhOTk4OLhkMi072jrlUA4RTpu69rAIGFRCh4hg85Shxe3WLQ8GQ8cQoGSa2j1CoBz6kghap0xthxAYvLzQP2VqO0XAzmDoKCKUTUPrFwOVyCHOrU2nTD0hBP5VCnba1FXbUix7pKsV3+5P/NNsrGAYxScFdxh+jTjfdt21N91+/PhX51Op1KZKpRZecq8QyOPxF7LZ0R8WXae0qRdfEgIXLvCaNv+94+PjP8py5AAnK2mXhEksa2jF57q6um6eLZW/kFjTYV0v2A6MZY80qEQeI2496PW0PJLPZ77b0d/fVp6evsUODAQC34+MjFxYGInIpI9NXf1AcIeXh7DP2/JMLpfJOWmceDwVr85V3pKY9J6uq58KgdFo/K56o77b1ex+RVVzx5yAC681t8u9v1DIfS0Kdtcb9X2A8DMDNusE5EDtQLTO7XLvKRRyY0Jgavv260u/zhxEAL8TbCEGkS4FOtp3pdPpaSFQBBGJXfW7VCSZk9g/AMj2ziyBiyJ3AAAAAElFTkSuQmCC) 0 0/100% 100% no-repeat;
}
.page-phone .phone-item .com-tit{
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #303133;
  line-height: 20px;
  margin-bottom: 4px;
}
.page-phone .phone-item .red{
  color: rgba(255, 67, 67, 1)!important;
}
.page-phone .phone-item .com-des{
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(48,49,51,0.5);
  line-height: 17px;
  margin-bottom: 8px;
}
.page-phone .phone-item .upper-num{
  color: rgba(48,49,51,1);
}
.page-phone .phone-item .el-input-number{
  width: 100%;
}
.page-phone .phone-item .el-input-number .el-input__inner{
  text-align: left;
}
.page-phone .text{
  line-height: 30px;
}
.page-phone .img-box{
  width: 100%;
  height: 202.5px;
  background: #CFD0D4;
}
.page-phone .img-box.img-box-square{
  height: 360px;
}
.page-phone .image-slot{
  position: relative;
  width: 100%;
  height: 100%;
}
.page-phone .image-slot > img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  margin-left: -28px;
}
.page-phone .video-box{
  position: relative;
  width: 100%;
  height: 200px;
  background: #CFD0D4;
}
.page-phone .video-box video{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-phone .video-box .video-cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-phone .video-box > .icon-play{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  cursor: pointer;
  background: url(data:image/png;base64,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) 0 0/100% 100% no-repeat;
}
.page-phone .video-box .video-bg{
  position: relative;
  width: 100%;
  height: 100%;
  background: #CFD0D4;
}
.page-phone .video-box .video-bg .icon-play{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  cursor: pointer;
  background: url(data:image/png;base64,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) 0 0/100% 100% no-repeat;
}
/* phone-item end*/
/* */
.thumbDialog .select-c .el-color-picker__trigger{
  width: 104px;
  height: 32px;
}
.thumbDialog .select-c .el-color-picker__color{
  width: 18px;
}
.thumbDialog .select-c .el-icon-arrow-down{
  color: #909399;
  text-align: right;
}
.thumbDialog .el-color-dropdown .el-color-dropdown__link-btn{
  display: none;
}
/* 手机下拉组件 */
.xqSelectPopper{
  max-width: 326px;
}