:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Pingfang SC, -apple-system, BlinkMacSystemFont, Microsoft YaHei, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
::-ms-reveal,
::-ms-clear {
  display: none;
}
i,
em {
  font-style: normal;
}
.colorWeak {
  filter: invert(80%);
}
.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}
canvas {
  display: block;
}
· body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: #3C61BA;
}
ul,
ol {
  list-style: none;
}
.ant-btn-primary {
  background: #4498F7;
  box-shadow: none;
}
.ant-btn-primary:not(:disabled):hover {
  background: #3579DE;
}
.ant-btn-cancel {
  background: #FF4D4F;
}
.ant-btn-cancel:not(:disabled):hover {
  background: #da393b;
}
@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > th,
  .ant-table-thead > tr > td,
  .ant-table-tbody > tr > td {
    white-space: pre;
  }
  .ant-table-thead > tr > th > span,
  .ant-table-tbody > tr > th > span,
  .ant-table-thead > tr > td > span,
  .ant-table-tbody > tr > td > span {
    display: block;
  }
}
.ant-pro-global-header-logo img {
  width: 90px;
  height: 36px;
}
.ant-pro-layout .ant-layout-header.ant-pro-layout-header,
.ant-pro-global-header {
  height: 48px;
}
.ant-pro-layout .ant-pro-sider .ant-layout-sider-children {
  padding-inline: 0;
}
.ant-menu-item ant-menu-item-selected ant-menu-item-only-child ant-pro-base-menu-inline-menu-item {
  margin-inline: 0 !important;
  margin-block: 0 !important;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  margin-inline: 0 !important;
  margin-block: 0 !important;
  width: 100%;
  height: 46px;
  line-height: 46px;
}
.ant-menu-light .ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),
.ant-menu-light .ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected) {
  color: #9E9E9F;
}
.ant-menu-light .ant-menu-item-selected .ant-menu-title-content a,
.ant-menu-light .ant-menu-item-selected .ant-menu-title-content a:hover {
  color: #232833;
}
.ant-menu-inline .ant-menu-item {
  font-family: Pingfang SC, -apple-system, BlinkMacSystemFont, Microsoft YaHei, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  display: flex;
  width: 156px;
  height: 39px;
  padding: 10px 14px !important;
  align-items: center;
  gap: 12px;
  line-height: 39px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  color: #787F8D;
  border-radius: 6px;
  margin-bottom: 0px !important;
}
.ant-menu-inline .ant-menu-item a {
  color: #787F8D;
}
.ant-menu-inline .ant-menu-item:not(:first-child) {
  margin-top: 6px !important;
}
.ant-menu-inline .ant-menu-item-active {
  font-weight: 400;
}
.ant-pro-global-header-logo {
  padding-left: 46px;
}
.ant-pro-base-menu-inline .ant-pro-base-menu-inline-item-icon,
.ant-pro-base-menu-inline-icon {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.ant-pro-base-menu-inline-item-text-has-icon {
  margin-left: 26px;
}
.ant-pro-global-header {
  margin-inline-end: 30px;
}
.ant-pro-sider-collapsed-button {
  display: none;
}
.ant-page-header {
  display: none;
}
.ant-pro-page-container-children-container {
  padding: 0 30px;
}
.modal-style .ant-modal-content {
  padding: 35px 30px 36px 32px;
}
.modal-style.ant-modal .ant-modal-close {
  top: 37px;
}
.ant-modal .ant-modal-close {
  top: 24px;
}
.base-modal-style .ant-modal-content {
  background: #FFFFFF;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 9px;
  padding: 26px 24px 25px;
}
.ant-modal .ant-modal-title {
  font-weight: 500;
  font-size: 14px;
  color: #232833;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.ant-slider-horizontal {
  padding: 5px;
}
.ant-slider .ant-slider-track {
  background-color: #3C61BA;
}
.ant-slider .ant-slider-handle {
  width: 12px;
  height: 12px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAidJREFUSEu9Vj1v01AUPe85/mjskK8WG6eVysbAjKASIxU7EiuMIGCBv8FWqcydgblDR6Si7gwwpYP7UD5s5cMBx4nfQ07iFNIShaTmjn73neN73zv3PIIFolqtW6pK73IubgIwAPiUkqokaZ9N06jNgyB/WxRCUMaajwHyilJyT1EyRJIkEEIghEAURQjDoeCcHwN0z7ZL7wkhfBbvUgLGmrcAHMhy5o5hrEFV5RHwbMRE/f4Avv8TYRidECKe2vb619/zLuxizN0lBB9yuWxO17UFGjhO6fUCdLs/upzjUaVSPko2/kHAmHcfwFG5nFMVJbMweJIYhkN4XicQItq17euf4u9TAsdxypRqX0qla1bckmUjbpnndb5HkXx7ayvvTQkYa+5ns9rzfF5fFnu6r93uwfeD/c3N9RcjgkajcWMwoKemWVAopSsTcM5Rr7f7kjTcHhE4TuONrmtvC4X4il9NtFp+fPCvRwSMuYfFovFQ05SrQQcQBCFct3M4qaDpWFaxIkmrtyf5w1iItVrLmVTQDC2rJF8mpmVLikXImBf+HwLHSb1FqR9yytc0daFNxPbOMNaepTIqxgQpD7uxolcf167bDgB+cVwngjo7cx9Qio+pGE5CElsm5zhQ1X+xzOEJIJ5UKhvf5lpmsnhu+nhJKd1RFJnEs+rc9DnCcDAxfbFn2xuLm/7s/KnVfDOKgh2AbANC51z0KCWnkhQdm6Y599nyC6TiSXpZwFDjAAAAAElFTkSuQmCC") no-repeat center;
  background-size: 100% auto;
}
.ant-slider .ant-slider-handle::before,
.ant-slider .ant-slider-handle::after {
  display: none;
}
.modal-content {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: #4E5666;
  padding: 6px 0 19px;
}
.modal-content-rename {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: #4E5666;
  padding: 12px 0 20px;
}
.modal-content-rename .input-style {
  border-radius: 6px;
  border: 1px solid #E5E5E5;
  font-weight: 400;
  font-size: 12px;
  color: #4E5666;
}
.modal-content-rename .input-style:focus {
  box-shadow: none;
  background: #ECF8FF;
  border-radius: 6px;
  border: 1px solid #4598F7;
}
:root[theme-mode="dark"] .modal-content-rename .input-style {
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: white;
}
:root[theme-mode="dark"] .modal-content-rename .input-style:hover {
  border-color: #2CEBB5;
}
.ant-dropdown {
  z-index: 990;
}
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover {
  display: flex;
  width: 156px;
  height: 39px;
  padding: 10px 14px;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #F7F7F7;
}
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item.ant-menu-item-active img.hover {
  display: block;
}
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item.ant-menu-item-active img.anticon {
  display: none;
}
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item.ant-menu-item-active a,
.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item.ant-menu-item-active a:hover {
  color: #232833;
}
.ant-modal .ant-modal-close:active,
.ant-modal .ant-modal-close:hover {
  background: transparent;
}
.ant-menu-light {
  color: #9E9E9F;
}
.page-name {
  font-weight: bold;
  font-size: 19px;
  color: #232833;
  margin-bottom: 32px;
}
:root[theme-mode="dark"] .page-name {
  display: inline-block;
  background: linear-gradient(103deg, #2CEBB5 45.97%, #8B56FB 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.global-enter-to,
.global-leave-from {
  opacity: 1;
}
.global-enter-from,
.global-leave-to {
  opacity: 0;
}
.ant-tour {
  width: 360px;
}
.ant-tour .ant-tour-title {
  padding-right: 16px;
}
.ant-tour .ant-btn {
  width: 76px;
  height: 30px;
}
.ant-tour .ant-btn-primary {
  background: #4598F7;
}
.ant-tour .ant-btn-primary:hover {
  background: #3579DE;
}
.crumbs {
  font-weight: 500;
  font-size: 12px;
  color: #A5A5A6;
  margin-bottom: 12px;
}
.crumbs .uplevel:hover {
  color: #232833;
  cursor: pointer;
}
.crumbs .active {
  color: #232833;
}
:root[theme-mode="dark"] .crumbs .uplevel:hover,
:root[theme-mode="dark"] .crumbs .active {
  color: var(--titleColor, rgba(0, 0, 0));
}
.blank-text {
  font-weight: 400;
  font-size: 12px;
  color: #888;
  line-height: 12px;
  margin-top: 20px;
}
.ant-select-dropdown .ant-select-item {
  min-height: 27px;
  height: 27px;
  line-height: 27px;
  font-weight: 400;
  font-size: 12px;
  color: #232833;
  padding: 0 10px;
}
.ant-select-dropdown .ant-select-item.ant-select-item-option-active {
  background: transparent;
}
.ant-select-dropdown .ant-select-item.ant-select-item-option-active:not(.ant-select-item-option-selected):hover {
  background: #F7F8FA;
}
.ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
  background: #E8F4FF;
  color: #56A1F7;
}
.ant-select-dropdown .ant-select-item.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-modal-confirm .ant-modal-confirm-content {
  margin-top: 14px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 20px;
}
.ant-message .anticon {
  vertical-align: -0.125em;
}
#app {
  user-select: none;
}
#app .ant-select-selector {
  font-family: Pingfang SC, -apple-system, BlinkMacSystemFont, Microsoft YaHei, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
[class^="ant-layout"],
[class*=" ant-layout"] {
  font-family: Pingfang SC, -apple-system, BlinkMacSystemFont, Microsoft YaHei, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
:root[theme-mode="dark"] #app {
  color-scheme: dark;
  background: var(--pageBgColor);
}
:root[theme-mode="dark"] .dark-select-popup {
  background: #1B1B1C;
  box-shadow: 0px 2px 8px 0px #000000B2;
}
:root[theme-mode="dark"] .dark-select-popup .ant-select-item-option {
  color: white;
}
:root[theme-mode="dark"] .dark-select-popup .ant-select-item-option-selected,
:root[theme-mode="dark"] .dark-select-popup .ant-select-item-option-active {
  background: rgba(255, 255, 255, 0.1);
  color: #2CEBB5;
}
:root[theme-mode="dark"] .dark-select-popup .ant-select-item-option-selected:not(.ant-select-item-option-selected):hover,
:root[theme-mode="dark"] .dark-select-popup .ant-select-item-option-active:not(.ant-select-item-option-selected):hover {
  background: rgba(255, 255, 255, 0.1);
}
:root[theme-mode="dark"] .dark-tooltip {
  --antd-arrow-background-color: white;
}
:root[theme-mode="dark"] .dark-tooltip .dark-tooltip-inner,
:root[theme-mode="dark"] .dark-tooltip .ant-tooltip-inner {
  color: #333;
  background: white;
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content {
  background: #1B1B1C;
  box-shadow: 0px 4px 20px 0px #00000026;
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-modal-close {
  color: rgba(255, 255, 255, 0.3);
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-modal-header {
  background: none;
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-modal-title,
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-modal-confirm-title {
  color: white;
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-modal-confirm-content {
  color: #5C5C5C;
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-btn {
  border: none;
  color: white;
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-btn-default:not(.ant-btn-dangerous) {
  background: rgba(255, 255, 255, 0.2);
}
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-btn-dangerous,
:root[theme-mode="dark"] .dark-delete-modal-wrapper .ant-modal-content .ant-btn-primary {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
}
:root[theme-mode="dark"] .base-modal-style .ant-modal-content {
  background: #1B1B1C;
  box-shadow: 0px 4px 20px 0px #00000026;
}
:root[theme-mode="dark"] .base-modal-style .ant-modal-content .ant-modal-header {
  background: transparent;
}
:root[theme-mode="dark"] .base-modal-style .ant-modal-content .ant-modal-header .ant-modal-title {
  color: #FFF;
}
:root[theme-mode="dark"] .base-modal-style .ant-modal-content .ant-modal-close {
  filter: grayscale(1) brightness(100);
}
:root[theme-mode="dark"] .dark-popover .ant-popover-arrow::before {
  background: transparent;
}
:root[theme-mode="dark"] .dark-popover .ant-popover-inner {
  background: #1B1B1C;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
}
:root[theme-mode="dark"] .dark-popover .ant-popover-inner .title {
  color: #FFF;
}
:root[theme-mode="dark"] .dark-popover .ant-popover-inner .content {
  color: rgba(255, 255, 255, 0.7);
}
[data-v-b3df586c]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.spin[data-v-b3df586c] {
  display: block;
  width: 100%;
  height: 100%;
  animation: rotate-loading-b3df586c 1s linear infinite;
}
@keyframes rotate-loading-b3df586c {
0% {
    transform: rotate(0deg);
}
50% {
    transform: rotate(90deg);
}
100% {
    transform: rotate(360deg);
}
}
[data-v-248f9117]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.menu-icon[data-v-248f9117] {
  display: inline-block;
  width: 19px;
  height: auto;
  margin-right: 12px;
}
.menu-icon.anticon[data-v-248f9117] {
  display: block;
  min-width: 19px;
}
.menu-icon.hover[data-v-248f9117] {
  min-width: 19px;
  display: none;
}
:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.ant-layout-sider-children .ant-menu:first-child .line,
.ant-layout-sider-children .ant-menu:last-child .line {
  display: none;
}
.ant-menu .line {
  display: block;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 24px;
}
.route-link-style {
  display: flex;
  align-items: center;
}
.router-link-active {
  font-weight: 400;
}
.ant-menu-light .ant-menu-item-selected {
  display: flex;
  width: 156px;
  height: 39px;
  padding: 10px 14px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 6px;
  background: #F7F7F7;
}
.sub-title {
  display: block;
  height: 14px;
  line-height: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #BBBFC3;
  font-style: normal;
  letter-spacing: -0.43px;
  margin-bottom: 10px;
  padding-left: 14px;
}
[data-v-2496a35d]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.close-icon[data-v-2496a35d] {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.btn-wrap[data-v-2496a35d] {
  display: flex;
  justify-content: flex-end;
}
.btn-wrap .btn[data-v-2496a35d] {
  box-sizing: border-box;
  width: 68px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid rgba(78, 86, 102, 0.5);
  margin-left: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #232833;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-wrap .btn.ant-btn-primary[data-v-2496a35d] {
  color: white;
  border: none;
}
.btn-wrap .btn.ant-btn-cancel[data-v-2496a35d] {
  color: white;
  border: none;
}
.btn-wrap .btn.loading[data-v-2496a35d] {
  opacity: 0.8;
  cursor: not-allowed;
}
:root[theme-mode="dark"] .btn-wrap[data-v-2496a35d] {
  display: flex;
  justify-content: flex-end;
}
:root[theme-mode="dark"] .btn-wrap .btn[data-v-2496a35d] {
  color: #bdbfc9;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
}
:root[theme-mode="dark"] .btn-wrap .btn.ant-btn-primary[data-v-2496a35d] {
  border: none;
  color: #FFF;
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
}
:root[theme-mode="dark"] .btn-wrap .btn.ant-btn-cancel[data-v-2496a35d] {
  color: #bdbfc9;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
}
[data-v-31c09c29]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.language-wrapper[data-v-31c09c29] {
  margin: 20px 0;
}
.language-wrapper .tips[data-v-31c09c29] {
  margin: 0;
  color: #4E5666;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 20px;
}
.language-wrapper .language-list .language-item[data-v-31c09c29] {
  height: 16px;
  display: flex;
  align-items: center;
  color: #4E5666;
}
.language-wrapper .language-list .language-item[data-v-31c09c29]:not(:first-child) {
  margin-top: 18px;
}
.language-wrapper .language-list .language-item[data-v-31c09c29] .ant-radio-inner {
  border-color: #232833;
}
.language-wrapper .language-list .language-item[data-v-31c09c29] .ant-radio-checked .ant-radio-inner {
  border-color: #4598F7;
  border-width: 2px;
  background-color: white;
}
.language-wrapper .language-list .language-item[data-v-31c09c29] .ant-radio-checked .ant-radio-inner::after {
  background-color: #232833;
}
:root[theme-mode="dark"] .language-wrapper .tips[data-v-31c09c29],
:root[theme-mode="dark"] .language-wrapper .language-item[data-v-31c09c29] {
  color: #888;
}
:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.btn-language {
  padding: 0;
  border: none;
  background: none;
  width: 100px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  color: #232833;
  font-size: 14px;
  line-height: 18px;
}
.btn-language:hover {
  color: #314f87;
}
.btn-language .icon-global,
.btn-language .current-language,
.btn-language .icon-more {
  color: inherit;
}
.btn-language .icon-global {
  width: 18px;
  flex-shrink: 0;
}
.btn-language .icon-more {
  transform: rotate(-90deg);
}
:root[theme-mode="dark"] .btn-language {
  color: var(--titleColor, rgba(0, 0, 0));
}
[data-v-cdcd7073]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.goods-opt[data-v-cdcd7073] {
  position: relative;
  width: 325px;
  height: 100%;
  flex-shrink: 0;
  padding: 30px;
  padding-top: 36px;
  background: #FFFFFF;
  border-radius: 12px;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.goods-opt.active[data-v-cdcd7073] {
  background: var(--GoodsSelectBg);
  border-color: var(--GoodsSelectBorder);
}
.goods-opt[data-v-cdcd7073]:not(:last-child) {
  margin-right: 20px;
}
.goods-opt .corner-label[data-v-cdcd7073] {
  position: absolute;
  left: -3px;
  top: -8px;
  height: 32px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px 9px 9px 0px;
  background: linear-gradient(90deg, #FF514E 0%, #FF8346 100%);
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
}
.goods-opt h4[data-v-cdcd7073] {
  margin: 0;
  margin-right: -30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #393536;
  white-space: nowrap;
  overflow: hidden;
}
.goods-opt .price-wrap[data-v-cdcd7073] {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 30px;
  color: var(--AmountColor);
}
.goods-opt .price-wrap .fuhao[data-v-cdcd7073] {
  font-family: Inter;
  font-weight: 500;
  font-size: 20px;
}
.goods-opt .price-wrap .price[data-v-cdcd7073] {
  display: block;
  font-family: Inter;
  font-weight: 600;
  font-size: 30px;
}
.goods-opt .rights[data-v-cdcd7073] {
  height: 120px;
  overflow: hidden;
  margin: 14px 0 0;
  padding-left: 0;
  font-weight: 500;
}
.goods-opt .rights li[data-v-cdcd7073] {
  font-weight: 400;
  font-size: 15px;
  color: #6C6B6C;
  line-height: 24px;
  position: relative;
}
.goods-opt[data-v-cdcd7073] {
  width: 494px;
}
.goods-opt[data-v-cdcd7073]:not(:last-child) {
  margin-right: 26px;
}
[data-v-f60056c0]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.goods-opt[data-v-f60056c0] {
  position: relative;
  width: 325px;
  height: 100%;
  flex-shrink: 0;
  padding: 30px;
  padding-top: 36px;
  background: #FFFFFF;
  border-radius: 12px;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.goods-opt.active[data-v-f60056c0] {
  background: var(--GoodsSelectBg);
  border-color: var(--GoodsSelectBorder);
}
.goods-opt[data-v-f60056c0]:not(:last-child) {
  margin-right: 20px;
}
.goods-opt .corner-label[data-v-f60056c0] {
  position: absolute;
  left: -3px;
  top: -8px;
  height: 32px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px 9px 9px 0px;
  background: linear-gradient(90deg, #FF514E 0%, #FF8346 100%);
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
}
.goods-opt h4[data-v-f60056c0] {
  margin: 0;
  margin-right: -30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #393536;
  white-space: nowrap;
  overflow: hidden;
}
.goods-opt .price-wrap[data-v-f60056c0] {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 30px;
  color: var(--AmountColor);
}
.goods-opt .price-wrap .fuhao[data-v-f60056c0] {
  font-family: Inter;
  font-weight: 500;
  font-size: 20px;
}
.goods-opt .price-wrap .price[data-v-f60056c0] {
  display: block;
  font-family: Inter;
  font-weight: 600;
  font-size: 30px;
}
.goods-opt .rights[data-v-f60056c0] {
  height: 120px;
  overflow: hidden;
  margin: 14px 0 0;
  padding-left: 0;
  font-weight: 500;
}
.goods-opt .rights li[data-v-f60056c0] {
  font-weight: 400;
  font-size: 15px;
  color: #6C6B6C;
  line-height: 24px;
  position: relative;
}
.goods-opt[data-v-f60056c0] {
  --width: 242px;
  --gap: 15px;
  width: var(--width);
}
.goods-opt.st-tone[data-v-f60056c0] {
  --width: 325px;
  --gap: 20px;
}
.goods-opt[data-v-f60056c0]:not(:last-child) {
  margin-right: var(--gap);
}
[data-v-86f7242f]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.goods-opt[data-v-86f7242f] {
  position: relative;
  width: 325px;
  height: 100%;
  flex-shrink: 0;
  padding: 30px;
  padding-top: 36px;
  background: #FFFFFF;
  border-radius: 12px;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.goods-opt.active[data-v-86f7242f] {
  background: var(--GoodsSelectBg);
  border-color: var(--GoodsSelectBorder);
}
.goods-opt[data-v-86f7242f]:not(:last-child) {
  margin-right: 20px;
}
.goods-opt .corner-label[data-v-86f7242f] {
  position: absolute;
  left: -3px;
  top: -8px;
  height: 32px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px 9px 9px 0px;
  background: linear-gradient(90deg, #FF514E 0%, #FF8346 100%);
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
}
.goods-opt h4[data-v-86f7242f] {
  margin: 0;
  margin-right: -30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #393536;
  white-space: nowrap;
  overflow: hidden;
}
.goods-opt .price-wrap[data-v-86f7242f] {
  margin-top: 12px;
  margin-bottom: 12px;
  line-height: 30px;
  color: var(--AmountColor);
}
.goods-opt .price-wrap .fuhao[data-v-86f7242f] {
  font-family: Inter;
  font-weight: 500;
  font-size: 20px;
}
.goods-opt .price-wrap .price[data-v-86f7242f] {
  display: block;
  font-family: Inter;
  font-weight: 600;
  font-size: 30px;
}
.goods-opt .rights[data-v-86f7242f] {
  height: 120px;
  overflow: hidden;
  margin: 14px 0 0;
  padding-left: 0;
  font-weight: 500;
}
.goods-opt .rights li[data-v-86f7242f] {
  font-weight: 400;
  font-size: 15px;
  color: #6C6B6C;
  line-height: 24px;
  position: relative;
}
.goods-opt[data-v-86f7242f] {
  width: 325px;
}
.goods-opt[data-v-86f7242f]:not(:last-child) {
  margin-right: 20px;
}
[data-v-612467ab]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.modal-mask[data-v-612467ab] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  z-index: 999;
}
.modal-container[data-v-612467ab] {
  width: 1075px;
  border-radius: 8px;
  background: #F8F9FB;
  font-weight: 500;
  --HeaderBg1: #251D1B;
  --HeaderBg2: #453631;
  --GoodsSelectBg: #FFFAF5;
  --GoodsSelectBorder: #E2B793;
  --AmountColor: #B5875E;
}
@property --HeaderBg1 {
  syntax: '<color>';
  inherits: false;
  initial-value: #251D1B;
}
@property --HeaderBg2 {
  syntax: '<color>';
  inherits: false;
  initial-value: #453631;
}
.modal-container.st-CUSTOM_AVATAR[data-v-612467ab],
.modal-container.st-CUSTOM_TONE[data-v-612467ab] {
  --GoodsSelectBg: #FFF6F3;
  --GoodsSelectBorder: #FE6259;
  --AmountColor: #FF3A3A;
}
.modal-container.st-CUSTOM_AVATAR .header[data-v-612467ab] {
  --HeaderBg1: #FE685A;
  --HeaderBg2: #FA8E6F;
}
.modal-container.st-CUSTOM_TONE .header[data-v-612467ab] {
  --HeaderBg1: #374A93;
  --HeaderBg2: #6A69BD;
}
.modal-container.st-VIDEO_DURATION .header[data-v-612467ab] {
  --HeaderBg1: #E09A40;
  --HeaderBg2: #F5BE6C;
}
.modal-container.st-PHOTO_DURATION .header[data-v-612467ab] {
  --HeaderBg1: #4D9B52;
  --HeaderBg2: #66C056;
}
.modal-container .header[data-v-612467ab] {
  position: relative;
  margin: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(90deg, var(--HeaderBg1) 0%, var(--HeaderBg2) 100%);
  font-size: 26px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: clip;
  overflow-y: visible;
  transition: --HeaderBg1 0.3s ease, --HeaderBg2 0.3s ease;
}
.modal-container .header .icon-close[data-v-612467ab] {
  position: absolute;
  top: 20px;
  right: 28px;
  z-index: 20;
  cursor: pointer;
}
.modal-container .header .icon-close img[data-v-612467ab] {
  display: block;
  width: 16px;
  height: 16px;
}
.modal-container .header .user-info[data-v-612467ab] {
  position: relative;
  display: block;
  width: 100%;
  height: 73px;
}
.modal-container .header .user-info .info[data-v-612467ab] {
  position: absolute;
  top: 10px;
  left: 30px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.modal-container .header .user-info .info .touxiang[data-v-612467ab] {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.modal-container .header .user-info .info .name[data-v-612467ab] {
  margin-left: 10px;
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: white;
  max-width: 800px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-container .header .user-info .info .isVip[data-v-612467ab] {
  margin-left: 10px;
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.modal-container .header .tabs-bg[data-v-612467ab] {
  width: 100%;
  height: 48px;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container .header .tabs-bg .tabs[data-v-612467ab] {
  position: relative;
  flex: 1;
  height: 48px;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9;
}
.modal-container .header .tabs-bg .tabs.active[data-v-612467ab] {
  font-weight: bold;
  font-size: 24px;
  color: #393536;
}
.modal-container .header .tabs-bg .tabs.active .name[data-v-612467ab] {
  margin-top: -10px;
}
.modal-container .header .tabs-bg .tabs.active .tab[data-v-612467ab] {
  display: block;
}
.modal-container .header .tabs-bg .tabs .tab[data-v-612467ab] {
  display: none;
  position: absolute;
  top: -20px;
  width: 258px;
  height: 68px;
  z-index: -1;
}
.modal-container .header .tabs-bg .tabs .tab-left[data-v-612467ab] {
  left: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAACICAMAAABA36pVAAAAYFBMVEUAAAD////v///39//39/f6+vr39/v5+fz1+fz6/Pz6+vz39/r4+vr4+Pr4+Pj29vj5+/v39/n4+vv4+Pr5+vz39/r39/n5+fv4+fv4+vv5+vv4+fv4+fz4+fr4+fv4+fsILc7YAAAAH3RSTlMAEBAgIDBAUFBfX2Bvb3Bwf4CPkJ+goK+vv8/P39/vWuR3hwAAAwBJREFUeNrt3fF2myAUgHEYFTe3Ztq4OVLiff+33F89604LjSbNBf1+z/Ad8EKiZgnXPh6n03kW1O58DtPxsW1MNZrHifC2Zw5Hb03prB+Jb8NC50zB/JH6Nm9qTZls/yzYg9hZUxzbs/jtR+zNpcgPnyF2piA/yG9/np0phA+CPepNCeyTYKeCM+oezoLdit7k8PSHjW/DbL+7p1mgZfqAjOZdPP5Btl0g/eH9AukPL7ZbIP3hnydzb/YkgN4s/EeAV76Zu+oFeG125o5aAf4XrXnBAAIFk7mbXwK8cTB38l2At+bGGMMGDDUnY9iAkbaN8+gHARI8CyCStrEJswAiY2ABRE71FyIsgMgKLIBIq38O4QwQeZFLEKTVPodMAuTN1nyaLwJ8ZGAHRlrVRzHswFD9kxwvgsElnPkcjQCKp9E/BbiE5xEQKRUvgXyGARfynAIipdol0AugOAh/FUDxLHAQ4FLW3NxvARRvhHkjNC43WwJEQqVLIL+GxgKzJUBk1PeyIgEWCASInOru4wRYIhAgVDUECE1HAkRadScxAiwzECA0zQSIjMpOYgRYKBAgMuo6iRFgqSMBIqOqkxgBFjsQINKqGkMEWM4TIHLq+YyrACtYAkRONRfCAqwwEyDSKhpDBFgjECAyqrkQFmCVgQCRU8mFsADrHAgQabWMIQKs5AkQWTW8sVeAlWZLgEir4yRGgLVmAkRaHWOIAKsFAkRKJUugAOsFAkRW8Z+PE+AKIwEipYolUIBrTASItPIHYQGuEggQqloChKZoCRAZZf8oRoBrNQSItLLnEAGudiBAJJW9CQtwvWgJEJqeCBBpBT8GCnALc0OA0BQdAULTyRIgNI0ECFU9ASKh2AIFuJ2eAJFQaIEC3FJPgFDVEyBU9QQIVaMlQGg6OQKEpugIEKoOBAhVoyVAaIqOAKGqJ0Coio4AoWp0BAhNsSNAqIodAUJV8AQIVcETIFSFjgChKnaOAKFq9AQIVXH0BAhVcWwtAUJVGLwlQKg6TUPb2L+3cUaKlqEHCAAAAABJRU5ErkJggg==") no-repeat center;
  background-size: 100% 100%;
}
.modal-container .header .tabs-bg .tabs .tab-center[data-v-612467ab] {
  width: 300px;
  left: -40px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAACICAMAAAD5yywdAAAAXVBMVEUAAAD////v///39//39/f6+vr09Pr39/v5+fz6/Pz6+vz39/r4+vr4+Pr4+Pr4+Pj5+/v39/n4+vv4+Pr5+vz39/r5+fv4+fv4+vv5+vv4+fv4+fz4+fr4+fv4+ftqitpvAAAAHnRSTlMAEBAgIDAwQFBfX2Bvb3Bwf4CPkJ+gr6+/z8/f3+9RCnKtAAADjklEQVR42u3di1IbRxAF0FkLsRKGRMBGWXml+f/PzMOpcoxlBLYRmrvn/AJdt7p7Wmx5d93y4+Mw7veHOiv73TgM435fIxz2u3F7f9d3Zd6Wd0PIX5TPdtu7ZZmp/nFmoTwX09CX2bneqOZg07Aoc9KPlXDb+cS0cp6HcR4lfaWcZ2MGjUe3qczIpmTrbelmZooO6dvK7OSGdKd7nqVtaEhfaTdmKrPt6L2kzNYh8Dl8XZmxdQmjnmcurKLV8+xFVbR6JqmiryvUmNOOK/sN/nYI2d7ZPxO1j95V+NeuBHio8J+H0ryPFXJWHQZCogZDAyFJbbTfp5DURl9VCHpf0XDwjand/xem4eCI+9IoDQdHtXrur+HgqLE0yZMK3/F7aZCbJL7n0OJc+EeFnGW0iZBntPcCLqBJmgv7CkHvhSZCkiLayo6oiBbQnDCVhghoTrop7RDQJEW0gCYqogU0SREtoImKaAFNUkQLaKJ20QKapOdCVxxERbRvt5EU0e6giYpod9AkRbSA5lUu/deFApqk/zrjp95E/QDcowpRES2geaVDuWACmqjNnUcVkjZ3dnZERbSdHT/gsVwoAU3U5s5ISNTmzs6OpM2dgCZqLLSzI2lzZyQk6jNCdnYkbe4++Eo9SZs7IyFR38WysyNpLPTPC4ja3BkJ+Snb8hp2dly6rlyS3yoEHXQYCUk66LCzI2osdMZB0ubOSEjUQYedHUkHHR+MhCQddBgJiTroENAkjYXOOIja3BkJSYpoOzuiDjoENFEHHUZCkjZ3dnZERbSAJimiBTRRES2gSYpoAU1SRPuKG1ER/VAhJ6I9EvIGFuU4j4Q0aSxHmQhp1KocYSKkVVNXntJw0LCH8pSGg5b15WsaDpr2pOnQcNC4bTmzTYWcX4B7UiHp/yhpoHlr06Kcz65CzoOhmyRqzdlGGwg5i005i9sK/8hYdawrnMm6vLlVhS9afwO/9klvzuiwLG9qrZ75ovmuQ//M/zRf0fZ1fKPh7Z165omWK7r7s8K72HbukUjy6y+VVtYbvKPpxjkSUTbl17lyLsrzmmo7brUbnNBQSF+PFU5qJKQ7y2depomQXlnW8XKXvu7odRtcnE9L5UyUYaGciTIslDNRxtVrNhufKly46eZlMd0P3lFow9CXE/pH1UxDpmdqulPNNGgaVt2RYt6MqplWjfd9Vz7rFqu7wXsgzdtt71fL7i8BkOHrFN2p2gAAAABJRU5ErkJggg==") no-repeat center;
  background-size: 100% 100%;
}
.modal-container .header .tabs-bg .tabs .tab-right[data-v-612467ab] {
  right: -1px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAACICAMAAABA36pVAAAAYFBMVEUAAAD////v///39//39/f6+vr09Pr39/v5+fz5+fz6+vz39/r4+vr4+Pr4+Pr4+Pj5+/v39/n6+/v4+vv4+Pr5+vz39/r5+fv4+fv4+vv5+vv4+fv4+fz4+fr4+fv4+fvWRGREAAAAH3RSTlMAEBAgIDAwQE9QX2Bvb3Bwf4CPj5CfoK+vv8/P39/vqf/giwAAAwhJREFUeNrt3d120kAUgNGJoLE/KGpRqZR5/7f0phddymlJoJxM2PsZvnWSMxPakm9xs3r49fj0VGnd/mm7fVj1XWlF1z9s95W52f9afSyT163EN2O7zU2Zsn5bmbn9pi/T1K3Nvuuwu+3KAPLj3HbfF2Va7uR3ZdZTSnDp3e/67G7LVNwbf1dptyhvMf54T+uSr3fbccXyh+B95ap9LanWlSv3oyTaVK7eY1f+pz+ezfhFUH8cLlB/PJtxgfYPDheoP16a5yZyU+GFTbmopetfEq/llu7f+FdfLudnhX/suvLMAkKGbbmQZYUDbstleAHkoH1XigcwoXl8GeMBTGjhAUxsFnuIBzCv6D2AicxiBDqCJvMt8K7Ca77ZQIi1fhboR5i85bOPYIi1vYbYQHhb5wiGTHcGIK9p9uN8A5Bj7A1AUn00AHlVm38wywDkOBsDkEw7A5BUBiCBdgM0ADmaAUig2QANQI7nbxERaDXALxWO5kNoAo0G6JcgDGEAEmgzwL5CYoD+HSaDOIQm0GSADqEZxgAk0GKAzmAYyBkMgQYDNAAZyhkMgfYCtIIwmDMYAs0F+MEKwmBWEALNBWgAMpzvYAi0FqAVhBGcwRBoLEC/RWIMKwiBtgJ0BsMoroEJNBWgFYRxnMEQaCpAKwjjWEEItBTgnwqjuAYm0FCAVhDGcgZDoJ0ArSCM5gyGQDMBGoCM5xqYQCsBWkE4gTMYAo0EaAByCgOQQBsBGoCcxAAk0ESABiCncQZIoIUAXYJwIrfABBoIcF3hNDYQAtMP0AOYk3kAE5h6gB7AZAbYeQCTGeCPCnkB3lfIC3C5r5AW4NILIJkBPlY4CwsIgekG6ASas9EfgakGqD/OSH8Ephmg/jgr/ZFKf6QqA3SbCmkBLt1/kBjgJ/e/nJ/vr0jl9Y9U5Si9xy95AXa+fuG9GH+kMv5IVd5w78cf5AXYO3smL8Den5/kvcmPVPIjVTmkW1s9SAuw/y0/LuW/+h7UxwWVFzr1cWkv4rN2cHmldIub1cZ1Lzn+AuqZPB6nRl8qAAAAAElFTkSuQmCC") no-repeat center;
  background-size: 100% 100%;
}
.modal-container .content-wrap[data-v-612467ab] {
  position: relative;
  width: 100%;
  height: 319px;
  padding-top: 35px;
  box-sizing: border-box;
  display: flex;
}
.modal-container .content-wrap .content[data-v-612467ab] {
  width: 100%;
}
.modal-container .content-wrap .content .opt[data-v-612467ab] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  margin: 0 auto;
}
.modal-container .content-wrap .content .opt .opt-content-wrap[data-v-612467ab] {
  position: relative;
  margin: 0px 0 0px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
}
.modal-container .content-wrap .content .opt .opt-content-wrap .opt-content-arrow[data-v-612467ab] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAADICAMAAABmv7cjAAAAk1BMVEUAAADv7+/v7+/09PTv7+/z8/Pv7+/y8vLv7+/09PTy8vL09PTx8fHz8/Pz8/Px8fHz8/Pz8/Px8fHy8vLx8fHz8/Pz8/P09PTz8/P09PTy8vLz8/Pz8/Ps7Ozm5ubl5eXf39/Y2NjR0dHLy8vFxcXExMS+vr69vb2wsLCqqqqioqKcnJybm5uWlpaVlZWPj4+IiIhyuqo3AAAAHHRSTlMAECAwMEBAUFBfYG9wf4CAj5CQoKCvv8/P39/vLbly2QAAAsdJREFUeNqt1u1S2zAUhOGVSEgxNiGkcWJrKVAoH6WQ3P/VFX5pptNYYnbfC3hmdHRGNgxFGGpgqIdeIPQaB7IxIJEGpHEgOwMyowFZG5BIA9I4kMGANDQggwFpaEAGA9LQgAwGpKGOhMGAdNSRSAOyNiDfaEAGA9JRRyINyGBAOupIpAEZDEhHHZlRR+JgQNbUkY46MqOOxMGAbKkjl9SRjjpyRh2ZJR2JA4/lMKgb9UjYciKHQYfBSkNGYsmgcC85h8GKXZeRM1JGOspI6CkjcaCMnCXKSMf6CuNQkNlAGTlPlJFLUkXill9NGEdO2I6csB05h0HhWnIOg8JZcg4jIwvqSBwMyJY6ck6lfBgZWVNHIg3I2oEMBqThVA/799sKZMOpDofD/qaMcLI/H8r7TQk55WS3+6ICYElVAdCzRnm9nkQSS90dphUgsNz9p/I8gZxSVoAFq5XHo0hLWQGWrOvpuAJc8SvKw/+R7/ySci8gWbkTEb58IC8i8vPw0W8Nud3rx/nxpg02G7+Ky1Y2nqS1v349bhBo6i53wiAwY0XPhacgsNxj6VFCKhvF5xEbFnr4NN6nH+qr8nNU/mTMC8uejQkkJE71VvUZRa9/0Evr9lT3axEStfDZ0oEEB4KVAwnJgKB1IOgdSEwGBAsHggsJ0RUgt3YgWAmIfCI4FPxTmwwI4mhAEHcCkls5ELQakgejI4i9gOQuHAgWSULyYHQEYSMguQsHgtaB4GSsRsTxwqGgXNwZEISSAocChwKHglplLCPaTcOhoL6TZEDQOBBcOBCsHAh2DiSOBgRzB4LWgWDjQMJoQDB3IFg6EPQOJCYDgtaBoHcgMRkQLB1IGA0I5g4EGwcSkwHB0oGEZEDQOhCMDmThQNA7kLkDwehAGgeC5ECWDiQkA4IrBzJ3IOgdSOtAggNB70AaBxISDPUw1DqQ+Bcx1OhtMV6UlwAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
  cursor: pointer;
}
.modal-container .content-wrap .content .opt .opt-content-wrap .opt-content-arrow.arrow-left[data-v-612467ab] {
  left: 0;
  transform: scaleX(-1) translateY(-50%);
}
.modal-container .content-wrap .content .opt .opt-content-wrap .opt-content-arrow.arrow-right[data-v-612467ab] {
  right: 0;
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab] {
  position: relative;
  margin: 0px 0 0px;
  padding: 10px 27px 20px;
  height: auto;
  overflow: auto;
  display: flex;
  scroll-behavior: smooth;
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar:vertical {
  width: 6px;
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar:horizontal {
  height: 6px;
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .modal-container .content-wrap .content .opt .opt-content[data-v-612467ab]::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.pay[data-v-612467ab] {
  display: flex;
  padding-left: 27px;
  height: 250px;
}
.pay .pay-tips > h3[data-v-612467ab] {
  display: block;
  width: 220px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 9px;
  border: 1px solid #CCD0D1;
  font-weight: 500;
  font-size: 16px;
  color: #34373B;
  margin: 0;
  margin-bottom: 11px;
}
.pay .pay-tips .tip-list[data-v-612467ab] {
  height: calc(100% - 60px);
  overflow: auto;
}
.pay .pay-tips .tip-list li[data-v-612467ab] {
  display: list-item;
  width: 217px;
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #B7B9BB;
  line-height: 24px;
}
.pay .pay-info[data-v-612467ab] {
  display: flex;
  background: #FFFFFF;
  width: 760px;
  height: 160px;
  padding: 18px;
  margin: 0 34px;
  border-radius: 12px;
}
.pay .pay-info .pay-list[data-v-612467ab] {
  display: block;
  width: 132px;
  height: 161px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 11px;
  border: 1px solid #CCD0D1;
  box-sizing: border-box;
}
.pay .pay-info h3[data-v-612467ab] {
  font-weight: normal;
  font-size: 12px;
  color: #929295;
  margin: 0;
  line-height: 12px;
}
.pay .pay-info li[data-v-612467ab] {
  width: 100%;
  padding: 15px 0px;
  font-weight: normal;
  font-size: 12px;
  color: #34373B;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pay .pay-info li[data-v-612467ab]:first-of-type {
  border-bottom: 1px solid #c8cacc;
}
.pay .pay-info li .img[data-v-612467ab] {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 11px;
}
.pay .pay-info li .img img[data-v-612467ab] {
  display: block;
  width: 100%;
  height: 100%;
}
.pay .pay-info li .default[data-v-612467ab] {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #C8CACC;
  margin-left: auto;
  box-sizing: border-box;
}
.pay .pay-info li .selected[data-v-612467ab] {
  width: 14px;
  height: 14px;
  background: url("data:image/webp;base64,UklGRlgEAABXRUJQVlA4WAoAAAAQAAAANwAANwAAQUxQSGwBAAABH+K4kSRF2qiBZb77nf+OnhMRkUMpRDStTMmhukP/2SEbrRaLb53YA6n+gabBlSTJpjX32bZt25r9b+rhYDref0T/GbltG0bqtlNzSlrvC2Skkyj2xusr83U97hUTDsnoLgwvrPEyLLjtCZaPbOSxHLTDW7uzsfea14LMkq1cZUzxNNnalseI8IQFnIQNiC1YxEVMS3THQu6iGiJLFnMVUfeYcofABreKNovaVpBlYbM/+LfSbAPf1Fnc+vcI3eW5Bz9UGGD5jeuA4OBSVZEvMsAwIPcdw92dZpCpIopiB0VnhGK0QrG6orjxv/mEfU4rFEtcIVy/4fobN0+4+cWdF8DzyXVEnYdURVCFnfch1P3SoC8CsPuMctLk6deuLF1lPptKMlPntchajk0ElH/2UVTeisPyHSxPGufXFSa/EpG3bpOX6z7LfF49GR7T1SBZ68oOrzquw6yLZHQSxf54/eDXeT7ul5Jm/x8EVlA4IMYCAADQEQCdASo4ADgAPm0wk0ckIqGhJhqtiIANiWwAt7VBfoGoXtdOAvZtg66TXmA84DTAOfc9jP/Y4IZ/UuqfXPen/ZE5A52Bbqnor2AP43/MP9z/ZfZy9YnoIfoiJsmYazrvYWX9AwWimgGwrKZdiO7x3R8KRDdpyxIaeY3rbcstvmJojLGqbefkXItIcG/hl1j6CY878zaIAP7K0l7x06xQvm3StK/hHc6PECkvnga8nu+3RDAaJOs0mtA6iFic5ewHW+CI+pAGy//x2tQznTAHCCo3Hc2l9rCBCF+tldTpoKw6n8D/GHmDjAnbf+kH+s98EB0s84mbH1F/aCT9w/b/1meqGL4g/+0///vwe91b+zKbuqgryYIa+Lg59Xsf7JI0Lzi1ONQ3mPxqFpeYvv0g369qAbRN7+NdgFPg78K2PKdrNTvFDGMlmEAU9M+jowiVU3Awqy3OtvEeDB3sX6zYkCgnp/y1O75VLTHnLEECdJ6fR23LzbiLGES76MqD99+3E30P9ds0qbem2eSKCs4qid+bWsQWD5wwcbQ4DVAhji/U4VDC5Q32tn/IDb6zQ9TPVSKwj2LRz0uKjy0LcqEHe5IbITiq7M1IbbHQyNkHiOVlJqvDdu/ok7v+tgPXcDe8pu7fEwkNDahVy+nPBJnqgpbwdLOt1ln/x8r8PFVQvF8rVtXYCaboYr8DZuXMl+0mDq3ag2GnmVkNhToMlDURo5Z3o5g/ICXu3R62atuR+H/Q1NB/JuACbdRuPDFbwfew5ZqQRLPZM9EZcbALqurCg1lNWojbBC/5a4BdHRP6DJNEPbuATP5wzyGczDh/RZx5Pm01jB5g29Ds4P5afbecNUn1GROEh8CCcnz/85O4oVQfiZm1o/0PPcqfEPOigNSR1/QHxwu9/0KIvhsQ1dYnHIF/9ZXR1SZzE3/+CT7gW8iraI4AAA==") no-repeat center;
  background-size: 100% auto;
  margin-left: auto;
  color: #000;
}
.pay .pay-info .confirm-btn[data-v-612467ab] {
  width: 110px;
  height: 30px;
  border-radius: 4px;
  margin: 2px auto;
}
.pay .pay-info .price-wrap[data-v-612467ab] {
  margin-left: 23px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.pay .pay-info .price-wrap .jine[data-v-612467ab] {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #929295;
  margin-bottom: 20px;
}
.pay .pay-info .price-wrap .pay-price[data-v-612467ab] {
  font-family: Inter;
  font-weight: 600;
  font-size: 35px;
  line-height: 35px;
  color: var(--AmountColor);
  margin-bottom: 16px;
}
.pay .pay-info .price-wrap .agreement[data-v-612467ab] {
  height: 28px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #929295;
}
.pay .pay-info .price-wrap .agreement a[data-v-612467ab] {
  text-decoration: none;
  color: #4598f7;
}
.modal-enter-from[data-v-612467ab] {
  opacity: 0;
}
.modal-leave-to[data-v-612467ab] {
  opacity: 0;
}
.modal-leave-to .modal-container[data-v-612467ab] {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.modal-container[data-v-612467ab] {
  transition: all 0.3s ease;
}
@media screen and (max-width: 1400px) {
.modal-container[data-v-612467ab] {
    transform: scale(0.8);
}
}
[data-v-6332e2cb]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.result[data-v-6332e2cb] {
  padding-top: 38px;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: 500;
}
.result .result-img[data-v-6332e2cb] {
  margin: 0 auto 21px;
  display: block;
  width: 73px;
  height: 46px;
}
.result .result-img img[data-v-6332e2cb] {
  display: block;
  width: 100%;
  height: 100%;
}
.result .status[data-v-6332e2cb] {
  display: block;
  font-weight: 500;
  font-size: 19px;
  line-height: 19px;
  color: #34373B;
  text-align: center;
  margin: 0 auto 10px;
}
.result .desc[data-v-6332e2cb] {
  text-align: center;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #929295;
}
.result .price[data-v-6332e2cb] {
  display: block;
  font-family: Inter;
  font-weight: 600;
  font-size: 35px;
  line-height: 35px;
  color: #34373B;
  text-align: center;
  padding: 40px 0 30px;
  border-bottom: 1px solid rgba(146, 146, 149, 0.2);
}
.result .pay-info[data-v-6332e2cb] {
  padding: 0;
  margin: 25px 0;
}
.result .pay-info li[data-v-6332e2cb] {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #929295;
  margin-bottom: 26px;
}
.result .btn-wrap[data-v-6332e2cb] {
  display: flex;
  justify-content: center;
}
.result .btn-wrap .base-btn[data-v-6332e2cb] {
  width: 136px;
}
.result .base-btn[data-v-6332e2cb] {
  width: 152px;
  height: 32px;
  margin: 47px 0 0;
}
.result .base-btn.only-btn[data-v-6332e2cb] {
  margin-left: 70px;
  margin-right: 70px;
}
.result .base-btn.cancel-btn[data-v-6332e2cb] {
  font-weight: normal;
  font-size: 12px;
  color: #929295;
  border-radius: 6px;
  border: 1px solid #929295;
}
[data-v-be2aae5e]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.modal-mask[data-v-be2aae5e] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  z-index: 9999;
}
.paying-wrap[data-v-be2aae5e] {
  width: 390px;
  height: 636px;
  background: #ffffff;
  background-size: 100% auto;
  border-radius: 10px;
  transform: scale(0.9);
  transition: all 0.3s ease;
}
.paying-wrap .title[data-v-be2aae5e] {
  position: relative;
  margin: 0;
  padding: 20px 23px 10px 50px;
  font-weight: 400;
  font-size: 16px;
  color: #929295;
}
.paying-wrap .title .icon-close[data-v-be2aae5e] {
  position: absolute;
  top: 32px;
  right: 23px;
  z-index: 20;
  cursor: pointer;
}
.paying-wrap .title .icon-close img[data-v-be2aae5e] {
  display: block;
  width: 18px;
  height: 18px;
}
.paying-wrap .title .icon-back[data-v-be2aae5e] {
  position: absolute;
  top: 25px;
  left: 22px;
  z-index: 20;
  cursor: pointer;
  transform: rotate(180deg);
}
.paying-wrap .title .icon-back img[data-v-be2aae5e] {
  display: block;
  width: 11px;
  height: auto;
}
.paying-wrap .content[data-v-be2aae5e] {
  width: 100%;
  height: auto;
}
.paying-wrap .content .right[data-v-be2aae5e] {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  width: 390px;
  height: 586px;
}
.paying-wrap .content .price[data-v-be2aae5e] {
  padding-left: 50PX;
  font-family: Inter;
  font-weight: 600;
  font-size: 35px;
  color: #B5875E;
  margin-bottom: 18px;
  line-height: 35px;
}
.paying-wrap .content .price i[data-v-be2aae5e] {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #929295;
  line-height: 14px;
}
.paying-wrap .content .price .num[data-v-be2aae5e] {
  display: block;
  margin-top: 20px;
}
.paying-wrap .content .pay-code[data-v-be2aae5e] {
  position: relative;
  background: url('/assets/qrcode-bg-f821dc3d.png') no-repeat center;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
.paying-wrap .content .pay-code .qrcode-header[data-v-be2aae5e] {
  width: 230px;
  text-align: center;
  margin: 2px auto 12px;
  font-size: 22px;
}
.paying-wrap .content .pay-code img[data-v-be2aae5e] {
  display: block;
  width: 230px;
  height: 230px;
  margin: 0 auto;
}
.paying-wrap .content .pay-code .loading[data-v-be2aae5e] {
  position: absolute;
  display: block;
  font-size: 12px;
  width: 300px;
  height: 300px;
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  line-height: 210px;
  color: #0c0c0c;
}
.paying-wrap .content .zfb-wrap[data-v-be2aae5e] {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  background: url('/assets/qrcode-bg-f821dc3d.png') no-repeat center;
}
.paying-wrap .content .zfb-wrap .zfb-shadow[data-v-be2aae5e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 300px;
}
.paying-wrap .content .zfb-wrap .zfb-shadow[data-v-be2aae5e]::after {
  content: '';
  position: absolute;
  width: 35px;
  height: 100%;
  top: 0;
  right: 0;
  background: #ffffff;
}
.paying-wrap .content .tips[data-v-be2aae5e] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 30px;
  font-weight: 500;
  font-size: 16px;
  color: #34373B;
}
.paying-wrap .content .tips img.type[data-v-be2aae5e] {
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 9px;
}
.paying-wrap .content .tips a[data-v-be2aae5e] {
  font-weight: 400;
  color: #4D80EB;
  text-decoration: none;
  cursor: pointer;
}
.paying-wrap .content .goods-title[data-v-be2aae5e] {
  font-weight: bold;
  font-size: 19px;
  color: #34373B;
  padding-left: 50px;
  line-height: 19px;
  margin-bottom: 19px;
}
.paying-wrap .content .agreement[data-v-be2aae5e] {
  margin: 0px 0 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #747884;
}
.paying-wrap .content .agreement a[data-v-be2aae5e] {
  text-decoration: none;
  color: #4d80eb;
  cursor: pointer;
}
#zfbIframe[data-v-be2aae5e] {
  width: 300px;
  height: 280px;
  margin: 0 auto;
}
.pay-right[data-v-be2aae5e] {
  display: flex;
  align-items: center;
  width: 164px;
  height: 30px;
  background: #FAFAFF;
  margin-left: 15px;
  border-radius: 6px;
  padding: 3px 4px;
}
.pay-right .select[data-v-be2aae5e] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 79px;
  height: 24px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  color: #9E9E9F;
  cursor: pointer;
}
.pay-right .select.h .icon[data-v-be2aae5e] {
  display: block;
  width: 12px;
  height: 11px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAAXNSR0IArs4c6QAAAqhJREFUaEPtmTuIE1EUhv8zeZAiKOKjsRF3G4ONuApb+CgEXQQrnUWSInMXSREVrAUN2FlqY2DmToIgomAlFlrZLKKg+MDOR7KgLAqKLBvcIXN0ls06jlmY5CabEeYWCST3/uf/zj8zcO8QVoZlWROAdpEIxwBkOr9H7LtJBNloNK5UKhXX80beh5RyGqDbETO7ph1mvMpk0ofz+fw3Ms36Hk1zn/8v5n0+nwhhTJKU9lMA+7oA/IgY1IagHyLkPQAO/PFI0+hCMpmcixKA4ziHmHETwEafr8dBgEXHWdpaKpUWo2S+40VKeRag6z5vc0GAd0IY41E073myrPoUkfvgjz/6+hcAET4Ui8UxIgpeVpFgsm37FDPu+MzMBxP42Gw2xjrP2Ei49pmIAUadSJxAnIBiB+JLSLGBysvjBJRbqCgQJ6DYQOXlcQLKLVQUiBNQbKDy8jAJvDeM4nhUNzRSypMA3V1zQ+PtyAzD2KncqiEJmGbtuKbxfZ/8l+CO7Gc6ndpWKBSidqSy7Nm27XPMuNYBIMLnrscqRDifSqU+DamRfck6jnPEdWESYZNPYJaklLMATXZRjVoK/xxsMcMg0zR3a1ridV9tGe2iZ0IY+zuHu6cBujVaP71UpzdEfMAwjO/LAN6o1Wp7Xde9BNAUgFQvcus4dw5gWwhxefVGDhav1+vbmXlHu43NRL+RXG2kh1xESADkELXns9nsS13X237PqwmsYxcHWioGGGg7+xDrOYFKpZL06uRyuUHfGwld15d6ZQgNUK1Wt6TT6RvMmFgpMmAASgK8AJAtRPFqWJDQAFLa3kvA6bDCKvOY6ejMTPFhGI0eAORbgHaFEVWfw2eEEGYYndAAllU7QcT3AO+5PMzBL1qt1sFyubwQpkpogDBio5jzC03ytqftPS7UAAAAAElFTkSuQmCC") no-repeat center;
  background-size: 100% auto;
  margin-right: 5px;
}
.pay-right .select.v .icon[data-v-be2aae5e] {
  display: block;
  width: 10px;
  height: 13px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAAAXNSR0IArs4c6QAAApdJREFUaEPtmc+L00AUx78vU4QKuuBBwR+L3vW0IOhFvIuCv1Baybz05kEFQT0IguDBmyKC2DZpu25F1l83L4IiyK56UsF/QPCmF7G0YjIyJVnSuG7dpL+QmUvSTN68z3xn3oS+Rwhbo9HY4fv+WQD7AWyPno/o+lUp9U4Icce27Rdxn6R/1Gq1g0qpeQBrRgS0kpubzHwueoEqlcpOIcTHCQBbQiCiK1LKq/oBeZ73BsDuBOBPAD8A5IYMHoTjTyX9BEGwpVQqfdGAKtF5wbKsphDie7vdHipgPp/v+u50OjNENAdgY4zlEjNf7wFUSi04jrN3yKotO7zneTpAb8Q655n5eA8gEd2TUp4aB6DruoeI6GnkWyn1xHGcw8klfsTMR8cB6HneCQD3V1QQwNgAXdc9SURNA5h2exgF0yoX2RkFjYKhAuYc/NtWMEFigsQESZ89YILEBIkJEhMkWaPAKGgU/N//F1er1c2WZRUArE272pZlvbVt+9ly9pm+xeVyeWsul3sPYENauMiOiIpSSp1q62mZAF3XLRLRbFa40P4VM+8bKGCo4CcA6wYAWWDmeJKoO2QmBfUA9Xp9OggCnYGaUkr9Wg0oEeWCIGgBWHQc5/nA9+BqYNK++08KEtFDKeWxtE6y2CUTmBFLMsM6x8zFLI7S2iZTwAAeM/ORJOAiM+9J6ySLned5pwHcjo3RZObCH2UIIroohJhttVotIYTI4rSfrRAi8H3fEkLMANDH2KbYeXlZSnlNA74GkCw9dADoqBtqnQSALuToctz65GSUUtOO43zWgLsAfOg321H295TCwkPyABE9yPKdHeAEbjHzmaWljm5c191GROfHVI79RkQLSqm7zPwyPtluOXaS28QD/gY/1whR8nzG9QAAAABJRU5ErkJggg==") no-repeat center;
  background-size: 100% auto;
  margin-right: 5px;
}
.pay-right .select.active[data-v-be2aae5e] {
  color: #3A3F49;
  background: #FFFFFF;
}
.pay-right .select.active.h .icon[data-v-be2aae5e] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAAXNSR0IArs4c6QAAArFJREFUaEPtmD9oE1Ecx7+/ywULgiJaFxfJheQSBGnvFDqoGQQtgpNSxMnBTQVnQQc3R10cxA6CFAtO4qBLXYr/LlajlxvuYmmhUhQUKS0mzf00adJe0mgveWlzwr0hgct73/f9fH/v7vIeodZiyQGdIF0D4SSAvvr1gH3PMPh+wcreBOBWvFHlQ0kNjoBpLGBm/2XnQylazMzkct8pntYH2OXsf2S+bvWlYxlDpKiDrwE61ALgZ8CgdjT7YeA8KarG3h8IeA5JuoqiNBsoALl0jEEPAOxc88UvmgEWl7ajf84wFgNlvmZGUfVLAN9Z9caYbQQgOE7eiAfRfPVhk9CHIfFTj79vDQAMfC5YhgKgYVkFBSie1M4y4ZHHz3zzEpp2VgCqz9igtRCg1xUJKxBWQDCBcAkJBig8PKyAcISCAmEFBAMUHh5WQDhCQYGwAoIBCg/3U4GCY1V3ZAHd0OhnmHj8rxua2o4sJhzVJgnEUtopYjzxyH9t3pH9omV5r22/CtqRStWzomqXAdz2AHxpeayy7OKK7MpzmxRkR7KuXDpOoHsAdq0J8CQpqj4J8FAL1aBVYd3BFsAXSEnpB8Cc6yiWng7iN46VPVw93I2p+jkCP+ypn/Ym/1juKx+Znpr6UQVYuUEGtT/HKdcBGgYQbU9vi3pXTuIIo7Zl3KjPuApQv5BIHNxXpuh+Ana75Log6uk7QXIpwowSRXjezsfeA+Nlb1zrALYoy65NEwJ0LcoOhdquQCaTkStzTUz0d/XeSKc/RUzTLLbL4RsgkdD2uBLfZZBem6SrAABkAhaYaNTJv73lF8Q3gJLUx0A84ldYpB8BJ2zLeOZHwz9ASjPBSPkRFe1DhIt23qj879mw+QaIJ/XTTPwYQGRDVbEO77ZJS0dN01zwI+MbwI9YL/r8BoflWS32bMH1AAAAAElFTkSuQmCC") no-repeat center;
  background-size: 100% auto;
}
.pay-right .select.active.v .icon[data-v-be2aae5e] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAAAXNSR0IArs4c6QAAArpJREFUaEPtmctrE1EUxr8zndZW0IILBa1Fk4FJpC7MxBbdiHtR8IWl9R9wYQVBXQiC4MKdIoK4rY1Ife3cCIogrWam4gNzI5nZCO50o0bbTubIxKYm09LamTy6uHeTZO6ce37345w7k3MIc0PX+7e7SmkEjP0AtlWuN+OTga9EyMLDLTtvPav2Sf4PTU8fZOJxAB3NAFrSB+G6nbPOVO6heDLdB+b3LQerAmDgkiOsy/4l0pLGK2b0BwBnAPwEoDYY3JtbvzvoR2VvSz7/5gvFEwbXTDKfa+NSxvM6v/9eozQUUFF+lH2rbqdB7I0B2FhhYcIFJ2ddDQDShC3MvQ1WbdHlY7oxQoRr85OEcTtnHa8BZKI7Ts482QpATU8fYuLHVb4f2cI6XANI4AcFMXW0FYDxZPoEmO8uqWArAWOJ9CCBMxIwbHhIBcMqV7GTCkoFy28OLTyoZQzKGJQxuEwMyCSRSSKTRCZJ1CyQCkoF5d/OaDEQ+Vms67s2u6AhJqwNi0Ke8tr+ZD5ZzD4SoKYN9EB13zKwISzcfFmNedjJT/mltpoRDVBPDTPRaFQ4355BLxxh7qsvoDbQw6r7EcC6qJAMDDnC+lckmlswkoL+GrEdRi8Yg2B0E8NdCSgTVGIUWVEmnVz2ad1jcCUwYe/9LwUZuO8I61hYJ1HsggXMCkugwoqxgrCGozgKa7uwBEwPbWEeCVb5J21h7QnrJIqdljROMeNmZQ0CMgVhDS1sQxCdd8GjbdMoznR1tEVxupyt2v7Lc2e7lHZv1lCY/WNs07wN00U7b16heCL1EqBg62EaQLFJjRy/Hbd+wWZUpdf+kP1MsYSxk4B3y+22mfM1rbDyGZdIHSDQPSD8c7aOG7hhC+t0VSz+/Rrv270VJe9sK9qxAL4BmCDQ7YIwn1dvttyOXc1j1QP+Ac+BZlFOP8/aAAAAAElFTkSuQmCC") no-repeat center;
  background-size: 100% auto;
}
.pay-result[data-v-be2aae5e] {
  position: absolute;
}
.time-style[data-v-be2aae5e] {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: #FFAE00;
}
@media screen and (max-width: 1400px) {
.paying-wrap[data-v-be2aae5e] {
    transform: scale(0.8);
}
}
[data-v-a0cbcf79]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.custom-type-list[data-v-a0cbcf79] {
  max-width: 75vw;
  margin: -20px;
  margin-top: 10px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: visible;
  user-select: none;
}
.custom-type-list .custom-item[data-v-a0cbcf79] {
  box-sizing: border-box;
  width: 286px;
  height: 100%;
  flex-shrink: 0;
  border-radius: 18px;
  border: 1px solid #E5E5E5;
  overflow: hidden;
}
.custom-type-list .custom-item[data-v-a0cbcf79]:not(:last-child) {
  margin-right: 24px;
}
.custom-type-list .custom-item[data-v-a0cbcf79]:hover {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.custom-type-list .custom-item .poster-box[data-v-a0cbcf79] {
  margin: 0;
  width: 100%;
  background: #A7AAB8;
}
.custom-type-list .custom-item .poster-box .poster[data-v-a0cbcf79] {
  display: block;
  width: 100%;
  height: 100%;
}
.custom-type-list .custom-item .detail-box[data-v-a0cbcf79] {
  background: white;
  height: 265px;
  box-sizing: border-box;
  padding: 24px;
  cursor: pointer;
}
.custom-type-list .custom-item .detail-box .title[data-v-a0cbcf79] {
  margin: 0;
  display: flex;
  color: #232833;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}
.custom-type-list .custom-item .detail-box .title .title-label[data-v-a0cbcf79] {
  margin-left: 15px;
  padding: 2px 4px;
  border-radius: 4px;
  background: #FAF2E6;
  color: #FF791A;
  font-size: 12px;
  line-height: 1;
}
.custom-type-list .custom-item .detail-box .desc-list[data-v-a0cbcf79] {
  margin-top: 20px;
  list-style: initial;
  padding-left: 20px;
}
.custom-type-list .custom-item .detail-box .desc-list .desc[data-v-a0cbcf79] {
  margin: 20px 0 0;
  color: #5C5C5C;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  white-space: pre-wrap;
}
:root[theme-mode="dark"] .custom-item[data-v-a0cbcf79] {
  border-color: #4d4d4d;
}
:root[theme-mode="dark"] .custom-item .detail-box[data-v-a0cbcf79] {
  background: #333333;
}
:root[theme-mode="dark"] .custom-item .detail-box .title[data-v-a0cbcf79] {
  color: white;
}
:root[theme-mode="dark"] .custom-item .detail-box .desc[data-v-a0cbcf79] {
  color: #ccc;
}
:root[theme-mode="dark"] .custom-item:hover .detail-box[data-v-a0cbcf79] {
  background: #4d4d4d;
}
[data-v-25509c7a]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.video-poster[data-v-25509c7a] {
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
}
.video-poster video[data-v-25509c7a] {
  display: block;
  width: 100%;
  height: 100%;
}
.video-poster .btn-fullscreen[data-v-25509c7a] {
  position: absolute;
  right: 6px;
  bottom: 6px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding: 6px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  display: none;
}
.video-poster:hover .btn-fullscreen[data-v-25509c7a] {
  display: block;
}
[data-v-9aac21ee]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.audio-poster[data-v-9aac21ee] {
  width: 100%;
  height: 203px;
  position: relative;
}
.audio-poster .poster-bg[data-v-9aac21ee] {
  display: block;
  width: 100%;
  height: 100%;
}
.audio-poster .icon-play[data-v-9aac21ee] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  color: white;
  cursor: pointer;
}
[data-v-eb792acf]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.top-notice[data-v-eb792acf] {
  height: 60px;
  background-color: #FF791A;
  color: white;
  transition: all 0.2s ease;
}
.top-notice .container[data-v-eb792acf] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.top-notice .container .content[data-v-eb792acf] {
  flex: 1;
  text-align: center;
  white-space: wrap;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.top-notice .container .jump-btn[data-v-eb792acf] {
  min-width: 83px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: white;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-notice .container .jump-btn .icon-right[data-v-eb792acf] {
  margin-left: 4px;
  width: 10px;
  height: 10px;
}
.top-notice .container .close-icon[data-v-eb792acf] {
  margin-left: 27px;
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.top-notice .container .close-icon .icon-close[data-v-eb792acf] {
  width: 10px;
  height: 10px;
}
.top-enter-active[data-v-eb792acf],
.top-leave-active[data-v-eb792acf] {
  opacity: 1;
}
.top-enter-from[data-v-eb792acf],
.top-leave-to[data-v-eb792acf] {
  opacity: 0;
  height: 0;
}
[data-v-67dcaddb]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.layout-wrapper[data-v-67dcaddb] {
  min-height: 100vh;
  background: var(--pageBgColor, rgba(255, 255, 255));
}
.platform-layout-header[data-v-67dcaddb] {
  position: relative;
  display: flex;
  width: 100%;
  height: 48px;
  background: var(--pageBgColor, rgba(255, 255, 255));
  padding: 0 30px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  z-index: 98;
}
.platform-layout-header .platform-logo[data-v-67dcaddb] {
  margin-top: 10px;
  height: 30px;
}
.platform-layout-header .platform-logo .header-logo[data-v-67dcaddb] {
  display: block;
  max-width: 120px;
  height: 30px;
  object-fit: contain;
  object-position: left;
}
.platform-layout-header .user-info[data-v-67dcaddb] {
  position: absolute;
  top: 0px;
  right: 30px;
  z-index: 99;
  display: flex;
  height: 48px;
  align-items: center;
}
.platform-layout-header .user-info .bugGoods[data-v-67dcaddb] {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 86px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  cursor: pointer;
  background: #FAF2E6;
  color: #232833;
  white-space: nowrap;
}
.platform-layout-header .user-info .bugGoods img[data-v-67dcaddb] {
  display: block;
  width: 13px;
  height: auto;
  margin-right: 5px;
}
.platform-layout-header .user-info .bugGoods img[data-v-67dcaddb] {
  width: 14px;
}
.platform-layout-header .user-info .create-video-wrapper[data-v-67dcaddb] {
  position: relative;
}
.platform-layout-header .user-info .create-video-wrapper .create-video-modal[data-v-67dcaddb] {
  position: absolute;
  top: 36px;
  right: 0;
}
.platform-layout-header .user-info .createVideo[data-v-67dcaddb] {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 86px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  cursor: pointer;
  background: #4598F7;
  color: #ffffff;
  white-space: nowrap;
}
.platform-layout-header .user-info .createVideo img[data-v-67dcaddb] {
  display: block;
  width: 13px;
  height: auto;
  margin-right: 5px;
}
.platform-layout-header .user-info .createVideo img[data-v-67dcaddb] {
  width: 11px;
}
.platform-layout-header .user-info .app .load-app[data-v-67dcaddb] {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 86px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  cursor: pointer;
  background: #E5F4FF;
}
.platform-layout-header .user-info .app .load-app img[data-v-67dcaddb] {
  display: block;
  width: 13px;
  height: auto;
  margin-right: 5px;
}
.platform-layout-header .user-info .app .load-app .phone-icon[data-v-67dcaddb] {
  width: 15px;
  height: 15px;
}
.platform-layout-header .user-info .guide-link[data-v-67dcaddb] {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 86px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  cursor: pointer;
  background: #F7F7F7;
  color: #232833;
  white-space: nowrap;
}
.platform-layout-header .user-info .guide-link img[data-v-67dcaddb] {
  display: block;
  width: 13px;
  height: auto;
  margin-right: 5px;
}
.platform-layout-header .user-info .guide-link .icon-link[data-v-67dcaddb] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.platform-layout-header .user-info .ant-dropdown-link[data-v-67dcaddb] {
  position: relative;
  line-height: 48px;
  display: flex;
  align-items: center;
}
.platform-layout-header .user-info .user-avatar[data-v-67dcaddb] {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.platform-layout-header .user-info .user-avatar + .vip[data-v-67dcaddb] {
  position: absolute;
  width: 16px;
  height: 16px;
  right: -4px;
  bottom: -4px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABehJREFUWEftmGtsFFUYht+ZbUsLpa3Qy5ZQWhTKRUERDCjd3d6EtIAFJFFUEBToTrdBMYbAD0P5RTAaTOiyCyQFI4hRCKkFaxHsdlso0CAgEKHcL7W0W3ql3LY7x5whs25nZ2d2t5Dwg/NrM+d833nme897zpll8Iw35hnnw3PAvioUdAWLisDGtximg0DHMOQtAKkgiAYEVTrA4AKAWuIiNc0J1eVFReCDgQ0YcBOX9iLDalYDZEmAE5bwhF1n2mS7FEhcQIAWk94KIF+cID5hEJJSEhGvHYSo6IEICwsBGAaPHjnR2d6F5qZW3LrehKbGFk+mzZzZbvQX0i/AzcunDuNdmhIAWQzD4KXUJIx/fRSiYwb6NU9n+138ffICLl24AUIIjTkEF7uEs9quqSVQBdxiSkvtAVvGAKlRMZHQZUxEvHawWl7ZfkdzG+yH6kCBAXJZA5K7zFxTr5RMEXDrZ1kJPT3OAwDGJw6NR9b0yQgNCw0KTgxyOntQWXEMDTebBEi4NNlKlVQEtJgMZQCZSSuWk6cDy7J9ghODeZ7Hwd9qBUgGqDSa7Zm+EvsEFA0xIDIC78zLRHhEvycC51nJst2V6GjvopBbjGa723yeE8kCPt5K2MvUELlzDKBufRqtxdGGfXtsgnEI7xpdYDlM985eTRbQYjJspfvciFHDoMuc9DTY3DkP2/5C/T+Cmb/nzPZFqoD0hEhw6F104Nz5b3ttJWu+KcXpszfdeYYnx2LD2vdlX+JWYxsKV+/s1bd2ZR5eHZvkftbV2Y09Px4Qqsg6u8Pyt5xwKkpsNelzCbCfGmPGHIPXxEdOXMbXG8t7PS9e9yGGJr7gNba04hS27apRfZnff61GY4MDDMhso7m6VBHQUqhfB4JVEye/LGzG0nb/gRMFq3agrb3b3bV4fhrypr/mNXbFmp9w9fr/p0jhp5nI1o31Gnf21EXU1Z6hz7/lzPYv1QBtIDDQbUU7JE5Wup17j+GX0jrFysjJW/LdYgyKGeCVs/n2HezfW0WfH+HM9qnKgCZ9IwDtex/non//cL/XllRmqbw52eOQ/5H3kqETPLj/ELu276c/WzizvVdVvFxsMenvAYhYsDQPISEanw6WmkUqs1ReqTk8E1ODbLfupY9cnNkeolZBAXDh0jxoFAClZvF0s1ReJadTmEABVSWmSeXMIsosldeXOcRKBSoxXa36nDw9tENifUpMO6RmEWWWyu/LHGJyD5PUcmY7vZ27m/caLNCtB8OsnDTlFYybkKoIKCflVytm4ZPPt7njlMwhDjp3+iKOHzlDL7sbuOKqL1TWYNpMgC1LSIxF7my9IiDtlFaLApUfFPY0oSmZQxxTUVaDf28108+ZuZy5SnCL2Lwq6HnUvfvBNERFRypCyp0sYoCaOei4u133sHtnhWCU8G42YvF22wNFQNppMRm2AWTRyNHJSMuYqAgoZxYxQM0cdFyt/STOn7sKhjA7jJuqFkgnk73NWJfrRxIX6ul1a+bcdMTGe5+znomkZhH71MzR2tKBsj1/gucJ4GLHcVbbWb8A6SCrSb+ZAMvoh9GseRkIDe21f6quTbUBPT0u0Atre1snwJCtXHH1MrkYlSu//hCAzKHDEpCV8+YTvPITVFYcxY1rjfQzv4ortqf7eiFlQGN6CjR8JYAUCpk+bXKfK0krV/XH8cdwQAPheX2BpeZKUIA0iH52usBWUEgqtyH7DQyOi1FTULa/9U4H7Afr0NbaKcCxDJudX2w7r5RM9btYcLUxPYXR8CUEyKDGGTkmGeMnjMLAKO+rk9xk9NZ85mQ9Lp6/9tgQBNWE8IuUKudzH1R6G8+/PigoPQqTkrWI0w5GVNQA9AsPA31Oz1YKRf/6uHn9Nm43OMR/FBQNEbBJ5ALMBfoxDItVDMHCwHQmP7jAry80Hz4XSJxfEssl/LlobNgdR9wMMNCBkCkARgCgtwua00GAKwzBUbCk2slE7lu+sfxhIGBBSRzMBH2NCbqCfZ3Y3/jngP5Wyte4/wAK13lHWqeaKQAAAABJRU5ErkJggg==') no-repeat center;
  background-size: 100% auto;
}
:root[theme-mode="dark"] .platform-layout-header[data-v-67dcaddb] {
  box-shadow: none;
  border-bottom: 1px solid rgba(68, 68, 68, 0.5);
}
:root[theme-mode="dark"] .platform-layout-header .user-info .guide-link[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .app .load-app[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .bugGoods[data-v-67dcaddb] {
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  border: 1px solid rgba(44, 235, 181, 0.5);
  color: var(--titleColor, rgba(0, 0, 0));
}
:root[theme-mode="dark"] .platform-layout-header .user-info .guide-link .icon-link[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .app .load-app .icon-link[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .bugGoods .icon-link[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .guide-link .phone-icon[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .app .load-app .phone-icon[data-v-67dcaddb],
:root[theme-mode="dark"] .platform-layout-header .user-info .bugGoods .phone-icon[data-v-67dcaddb] {
  color: var(--titleColor, rgba(0, 0, 0));
}
:root[theme-mode="dark"] .platform-layout-header .user-info .createVideo[data-v-67dcaddb] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
}
.layout-main-wrapper[data-v-67dcaddb] {
  height: calc(100vh - 48px);
  min-height: calc(100vh - 48px);
  overflow: hidden;
}
.layout-main-wrapper .slider-style[data-v-67dcaddb] {
  position: relative;
  background: var(--pageBgColor, rgba(255, 255, 255));
  height: 100%;
  overflow-y: auto;
}
.layout-main-wrapper .slider-style[data-v-67dcaddb]::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}
.layout-main-wrapper .slider-style[data-v-67dcaddb] .ant-layout-sider-children {
  height: auto;
  padding-bottom: 20px;
}
.layout-main-wrapper .slider-style[data-v-67dcaddb]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #F7F7F7;
  transform: scale(1);
  z-index: 9;
}
.layout-main-wrapper .layout-main[data-v-67dcaddb] {
  min-height: calc(100vh - 48px);
}
:root[theme-mode="dark"] .slider-style .ant-menu-root[data-v-67dcaddb] {
  background: var(--pageBgColor, rgba(255, 255, 255));
}
:root[theme-mode="dark"] .slider-style .ant-menu-root[data-v-67dcaddb] .ant-menu-item:not(.ant-menu-item-selected):hover {
  background: #1F1F26;
}
:root[theme-mode="dark"] .slider-style .ant-menu-root[data-v-67dcaddb] .ant-menu-item:not(.ant-menu-item-selected):hover .ant-menu-title-content span {
  color: #A7AAB8;
}
:root[theme-mode="dark"] .slider-style .ant-menu-root[data-v-67dcaddb] .ant-menu-item-selected {
  background: #1F1F26;
}
:root[theme-mode="dark"] .slider-style .ant-menu-root[data-v-67dcaddb] .ant-menu-item-selected .menu-icon {
  color: #2CEBB5;
}
:root[theme-mode="dark"] .slider-style .ant-menu-root[data-v-67dcaddb] .ant-menu-item-selected .ant-menu-title-content span {
  background: linear-gradient(103deg, #2CEBB5 45.97%, #8B56FB 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
:root[theme-mode="dark"] .slider-style[data-v-67dcaddb]::after {
  background: rgba(68, 68, 68, 0.5);
}
.main-wrapper[data-v-67dcaddb] {
  position: relative;
  width: 100%;
  padding: 0px 24px 0 30px;
  background: var(--pageBgColor, rgba(255, 255, 255));
  height: calc(100vh - 48px);
  overflow: auto;
}
.main-wrapper[data-v-67dcaddb]::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.main-wrapper[data-v-67dcaddb]::-webkit-scrollbar:vertical {
  width: 6px;
}
.main-wrapper[data-v-67dcaddb]::-webkit-scrollbar:horizontal {
  height: 6px;
}
.main-wrapper[data-v-67dcaddb]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.main-wrapper[data-v-67dcaddb]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.main-wrapper[data-v-67dcaddb]::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .main-wrapper[data-v-67dcaddb]::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .main-wrapper[data-v-67dcaddb]::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.main-wrapper .router-view-wrapper[data-v-67dcaddb] {
  min-width: 1030px;
  min-height: calc(100vh - 48px);
  padding-top: 30px;
  height: auto;
  box-sizing: border-box;
}
.main-wrapper.bg-order[data-v-67dcaddb] {
  background: #F7F8FA;
}
:root[theme-mode="dark"] .main-wrapper.bg-order[data-v-67dcaddb] {
  background: var(--pageBgColor, rgba(255, 255, 255));
}
.custom-footer[data-v-67dcaddb] {
  min-width: 1090px;
  font-size: 14px;
  padding: 16px 30px 6px;
  font-weight: 500;
  color: #666666;
  line-height: 14px;
  height: auto;
  margin-left: -30px;
  margin-right: -30px;
  background: #f5f5f5;
}
.custom-footer .attention-style[data-v-67dcaddb] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
}
.custom-footer .attention-style .left[data-v-67dcaddb] {
  display: flex;
  align-items: center;
  min-width: 309px;
  height: 116px;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  white-space: nowrap;
}
.custom-footer .attention-style .left .img[data-v-67dcaddb] {
  display: block;
  width: 91px;
  height: auto;
  background: white;
}
.custom-footer .attention-style .left .p-info[data-v-67dcaddb] {
  font-weight: bold;
  font-size: 16px;
  color: #232833;
  margin: 0;
  margin-left: 20px;
}
.custom-footer .attention-style .left .p-more[data-v-67dcaddb] {
  font-weight: 400;
  font-size: 14px;
  color: #7A7A7A;
  margin: 0;
  margin-top: 8px;
  margin-left: 20px;
}
.custom-footer .attention-style .right[data-v-67dcaddb] {
  height: 34px;
  display: flex;
  align-items: center;
}
.custom-footer .attention-style .right .btn-language[data-v-67dcaddb] {
  width: 110px;
  height: 100%;
  margin-right: 10px;
  padding: 0 10px;
}
.custom-footer .attention-style .right .more-title[data-v-67dcaddb] {
  font-weight: 500;
  color: #232833;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  margin-right: 10px;
}
.custom-footer .attention-style .right .offical-link[data-v-67dcaddb] {
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #4598F7;
  cursor: pointer;
}
.custom-footer .attention-style .right .offical-link .jump[data-v-67dcaddb] {
  margin-left: 4px;
  width: 11px;
  height: 11px;
}
.custom-footer .for-reference[data-v-67dcaddb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 12px;
  color: #ABABAB;
}
.custom-footer .for-reference .agreement[data-v-67dcaddb] {
  white-space: nowrap;
}
.custom-footer .for-reference .agreement a[data-v-67dcaddb] {
  color: inherit;
  margin-left: 20px;
}
.custom-footer .for-reference .agreement a .jump[data-v-67dcaddb] {
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
:root[theme-mode="dark"] .custom-footer[data-v-67dcaddb] {
  border-top: 1px solid #444;
  background: var(--pageBgColor, rgba(255, 255, 255));
}
:root[theme-mode="dark"] .custom-footer .attention-style .left[data-v-67dcaddb] {
  background: #383838;
}
:root[theme-mode="dark"] .custom-footer .attention-style .left .p-info[data-v-67dcaddb] {
  color: var(--titleColor, rgba(0, 0, 0));
}
:root[theme-mode="dark"] .custom-footer .attention-style .right .more-title[data-v-67dcaddb] {
  color: var(--titleColor, rgba(0, 0, 0));
}
.bottom-right-btns .top[data-v-67dcaddb] {
  position: fixed;
  bottom: 86px;
  right: 54px;
  width: 73px;
  height: 73px;
  z-index: 999;
  cursor: pointer;
  transition: all 0.25s linear;
}
.bottom-right-btns .top .icon-top[data-v-67dcaddb] {
  display: block;
  width: 73px;
  height: 73px;
  background: url("/assets/icon-top-aef21080.png") no-repeat center;
  background-size: 100% auto;
}
.bottom-right-btns .zc-concat-btn[data-v-67dcaddb] {
  position: fixed;
  bottom: 18px;
  right: 54px;
  width: 73px;
  height: 73px;
  z-index: 999;
  cursor: pointer;
}
.bottom-right-btns .zc-concat-btn .icon-concat[data-v-67dcaddb] {
  display: block;
  width: 73px;
  height: 73px;
  background: url("/assets/icon-connect-25e20ccc.png") no-repeat center;
  background-size: 100% auto;
}
.bottom-right-btns .globalTop-enter-to[data-v-67dcaddb],
.bottom-right-btns .globalTop-leave-from[data-v-67dcaddb] {
  opacity: 1;
}
.bottom-right-btns .globalTop-enter-from[data-v-67dcaddb],
.bottom-right-btns .globalTop-leave-to[data-v-67dcaddb] {
  opacity: 0;
}
.bottom-right-btns .globalTop-enter-from[data-v-67dcaddb] {
  transform: scale(0.8);
}
.bottom-right-btns .globalTop-leave-to[data-v-67dcaddb] {
  transform: scale(0.8);
}
/* user-info相关弹窗 */
.create-video-modal[data-v-67dcaddb] {
  background: #FFFFFF;
  width: 360px;
  height: 210px;
  z-index: 99;
  transition: all 0.15s ease;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 25px;
  box-sizing: border-box;
  overflow: hidden;
}
.download-modal[data-v-67dcaddb] {
  width: 297px;
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 20px 0;
}
.download-modal .name[data-v-67dcaddb] {
  display: block;
  font-weight: bold;
  font-size: 24px;
  color: #232833;
  text-align: center;
  line-height: 24px;
}
.download-modal .qrcode-wrap[data-v-67dcaddb] {
  display: flex;
  box-sizing: border-box;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
}
.download-modal .qrcode-wrap .app-item[data-v-67dcaddb] {
  width: 85px;
  text-align: center;
}
.download-modal .qrcode-wrap .app-item .qrcode[data-v-67dcaddb] {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto 17px;
}
.download-modal .qrcode-wrap .app-item .app-desc[data-v-67dcaddb] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  text-align: center;
  line-height: 14px;
  font-weight: bold;
  font-size: 14px;
  color: #232833;
}
.download-modal .qrcode-wrap .app-item .app-desc .icon[data-v-67dcaddb] {
  display: block;
  width: 13px;
  height: auto;
  margin-right: 10px;
}
.custom-concat-code[data-v-67dcaddb] {
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  box-shadow: 0px 4px 23px 3px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #232833;
  line-height: 100%;
}
.custom-concat-code .custom-title[data-v-67dcaddb] {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
}
.custom-concat-code .qr-code[data-v-67dcaddb] {
  margin: 16px 0;
  width: 96px;
  height: 96px;
}
.custom-concat-code .text[data-v-67dcaddb] {
  font-size: 12px;
}
.vip-board.ant-dropdown .ant-dropdown-menu[data-v-67dcaddb] {
  padding: 0;
  background: #F8F6F6;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
.vip-board .login-out[data-v-67dcaddb] {
  border-top: 1px solid #E5E5EC;
  height: 30px;
  text-align: center;
  margin: 0 11px;
  font-size: 12px;
  font-weight: 600;
  color: #747884;
  line-height: 30px;
  cursor: pointer;
}
:root[theme-mode="dark"] .create-video-modal[data-v-67dcaddb] {
  background: #1B1B1C;
}
:root[theme-mode="dark"] .custom-concat-code[data-v-67dcaddb] {
  border: none;
  background: #1B1B1C;
}
:root[theme-mode="dark"] .custom-concat-code .text[data-v-67dcaddb] {
  color: white;
}
:root[theme-mode="dark"] .vip-board.ant-dropdown .ant-dropdown-menu[data-v-67dcaddb] {
  background: #494949;
  border: none;
  box-shadow: none;
}
:root[theme-mode="dark"] .vip-board .login-out[data-v-67dcaddb] {
  border: none;
  color: white;
}
/* user-info相关弹窗end */
[data-v-7d6cc4f3]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.blank[data-v-7d6cc4f3] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.blank img[data-v-7d6cc4f3] {
  display: block;
  width: 193px;
  height: auto;
}
[data-v-1f326494]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.image-bg-blur[data-v-1f326494] {
  overflow: hidden;
  position: relative;
}
.image-bg-blur .blur-bg-double[data-v-1f326494],
.image-bg-blur .blur-bg[data-v-1f326494],
.image-bg-blur .main-img[data-v-1f326494] {
  display: block;
  width: 100%;
  height: 100%;
}
.image-bg-blur .blur-bg-double[data-v-1f326494],
.image-bg-blur .blur-bg[data-v-1f326494] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.image-bg-blur .main-img[data-v-1f326494] {
  position: relative;
  object-fit: contain;
}
.image-bg-blur.type-svg .blur-bg[data-v-1f326494] {
  filter: url(#svg_blur);
}
[data-v-356003c7]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main-box[data-v-356003c7] {
  padding: 12px 0 20px;
}
.main-box .ipt[data-v-356003c7] {
  font-size: 12px;
  color: #4e5666;
}
.main-box .ipt[data-v-356003c7]:hover,
.main-box .ipt[data-v-356003c7]:focus {
  border-color: #0195FC;
}
.main-box .ipt[data-v-356003c7]:focus {
  background: #ECF8FF;
}
.main-box .words[data-v-356003c7] {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
  line-height: 1;
  color: #9e9e9e;
}
:root[theme-mode="dark"] .main-box[data-v-356003c7] {
  background: #1B1B1C;
}
:root[theme-mode="dark"] .main-box .ipt[data-v-356003c7] {
  color: #FFF;
  background: rgba(255, 255, 255, 0.2);
  border: none;
}
:root[theme-mode="dark"] .main-box .ipt[data-v-356003c7] .ant-input {
  background: transparent;
  color: #FFF;
}
:root[theme-mode="dark"] .main-box .ipt[data-v-356003c7] .ant-input::placeholder {
  color: #bdbfc9;
}
:root[theme-mode="dark"] .main-box .words[data-v-356003c7] {
  color: #bdbfc9;
}
[data-v-a522c9b2]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.loading-mask[data-v-a522c9b2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  background: rgba(0, 0, 0, 0.3);
}
.loading-mask .icon-loading[data-v-a522c9b2] {
  --iconSize: 32px;
  width: var(--iconSize);
  height: var(--iconSize);
}
.loading-mask .icon-loading.size-large[data-v-a522c9b2] {
  --iconSize: 40px;
}
.loading-mask .loading-txt[data-v-a522c9b2] {
  margin-top: 16px;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
}
.loading-mask.theme-black[data-v-a522c9b2] {
  color: #333;
  background: rgba(255, 255, 255, 0.3);
}
.loading-mask.no-mask[data-v-a522c9b2] {
  background: none;
}
[data-v-8af7fa16]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.switch-box[data-v-8af7fa16] {
  margin-top: 20px;
  width: 100%;
  height: 30px;
  padding: 4px;
  background: #fafaff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.switch-box .switch-item[data-v-8af7fa16] {
  flex: 1;
  height: 100%;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #9E9E9F;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.switch-box .switch-item .item-icon[data-v-8af7fa16] {
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin-right: 6px;
}
.switch-box .switch-item.selected[data-v-8af7fa16] {
  font-weight: 400;
  color: #232833;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.switch-box.type-small .switch-item[data-v-8af7fa16] {
  font-size: 12px;
}
:root[theme-mode="dark"] .switch-box[data-v-8af7fa16] {
  background: #29292D;
}
:root[theme-mode="dark"] .switch-box .switch-item[data-v-8af7fa16] {
  color: #bdbfc9;
}
:root[theme-mode="dark"] .switch-box .switch-item.selected[data-v-8af7fa16] {
  color: #FFF;
  background: #505057;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
[data-v-f0065120]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-f0065120] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-f0065120] {
  height: 30px;
}
.footer .right-btns[data-v-f0065120] {
  text-align: right;
}
.footer .right-btns .btn[data-v-f0065120] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-f0065120]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-f0065120]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-f0065120] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-f0065120] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-f0065120] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-f0065120] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-f0065120] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.header[data-v-f0065120] {
  height: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .title[data-v-f0065120] {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 100%;
  color: #333;
}
.header .btn-back[data-v-f0065120] {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 4px;
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .btn-back .icon-back[data-v-f0065120] {
  width: 16px;
  height: 16px;
}
.header .right-btns[data-v-f0065120] {
  min-width: 16px;
}
.header .btn-close[data-v-f0065120] {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .btn-close .icon-close[data-v-f0065120] {
  width: 12px;
  height: 12px;
}
:root[theme-mode="dark"] .header .title[data-v-f0065120],
:root[theme-mode="dark"] .header .btn-close[data-v-f0065120] {
  color: white;
}
:root[theme-mode="dark"] .header .btn-back[data-v-f0065120] {
  background: transparent;
  color: white;
}
[data-v-e0c9cb0b]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-e0c9cb0b] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-e0c9cb0b] {
  height: 30px;
}
.footer .right-btns[data-v-e0c9cb0b] {
  text-align: right;
}
.footer .right-btns .btn[data-v-e0c9cb0b] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-e0c9cb0b]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-e0c9cb0b]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-e0c9cb0b] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-e0c9cb0b] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-e0c9cb0b] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-e0c9cb0b] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-e0c9cb0b] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.page-input .main .ipt[data-v-e0c9cb0b] {
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
}
.page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar:vertical {
  width: 6px;
}
.page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar:horizontal {
  height: 6px;
}
.page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .page-input .main .ipt[data-v-e0c9cb0b]::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.page-input .footer[data-v-e0c9cb0b] {
  display: flex;
  justify-content: center;
}
.page-input .footer .main-btn[data-v-e0c9cb0b] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 169px;
  height: 100%;
  border-radius: 4px;
  background: #E5F4FF;
  transition: none;
  color: #232833;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}
.page-input .footer .main-btn .icon-ai[data-v-e0c9cb0b] {
  margin-right: 6px;
  width: 12px;
  height: 12px;
}
.page-input .footer .main-btn[data-v-e0c9cb0b]:disabled {
  border: none;
  color: #A7AAB8;
}
.page-input .footer .main-btn:disabled .icon-ai[data-v-e0c9cb0b] {
  opacity: 0.5;
}
.page-input .footer .type-select[data-v-e0c9cb0b] {
  margin-right: 20px;
  padding: 0;
  box-sizing: border-box;
  width: 120px;
  height: 100%;
  border-radius: 4px;
  outline: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}
.page-input .footer .type-select[data-v-e0c9cb0b] .ant-select-selector {
  padding: 0 10px;
  border: none;
  background: transparent;
}
.page-input .footer .type-select[data-v-e0c9cb0b] .ant-select-selector .ant-select-selection-item {
  padding-inline-end: 12px;
}
.page-input .footer .type-select .icon-arrow[data-v-e0c9cb0b] {
  color: #232833;
  width: 12px;
  height: 12px;
  transform: rotate(270deg);
  transition: all 0.2s linear;
}
.page-input .footer .type-select.ant-select-open .icon-arrow[data-v-e0c9cb0b] {
  transform: rotate(90deg);
}
:root[theme-mode="dark"] .main .ipt[data-v-e0c9cb0b],
:root[theme-mode="dark"] .main .ipt[data-v-e0c9cb0b]::placeholder {
  color: white;
}
:root[theme-mode="dark"] .footer .type-select[data-v-e0c9cb0b] {
  background: transparent;
}
:root[theme-mode="dark"] .footer .type-select[data-v-e0c9cb0b] .ant-select-selector .ant-select-selection-item,
:root[theme-mode="dark"] .footer .type-select .icon-back[data-v-e0c9cb0b] {
  color: white;
}
:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.type-select-popup {
  padding: 0;
}
.type-select-popup .ant-select-item {
  color: #232833;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
}
.type-select-popup .ant-select-item.ant-select-item-option-selected {
  color: #232833;
}
[data-v-91235748]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-91235748] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-91235748] {
  height: 30px;
}
.footer .right-btns[data-v-91235748] {
  text-align: right;
}
.footer .right-btns .btn[data-v-91235748] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-91235748]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-91235748]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-91235748] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-91235748] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-91235748] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-91235748] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-91235748] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.page-loading main[data-v-91235748] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page-loading main .icon-error[data-v-91235748] {
  width: 36px;
  height: 36px;
  color: #FF303D;
}
.page-loading main .loading-text[data-v-91235748] {
  color: #232833;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 10px;
}
.page-loading main .btn[data-v-91235748] {
  min-width: 80px;
  border: none;
  font-size: 12px;
}
:root[theme-mode="dark"] .main .loading-icon[data-v-91235748] {
  filter: brightness(100);
}
:root[theme-mode="dark"] .main .loading-text[data-v-91235748] {
  color: white;
}
:root[theme-mode="dark"] .main .btn[data-v-91235748] {
  color: white;
  border: 1px solid #888;
  background: transparent;
}
[data-v-32c2784d]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-32c2784d] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-32c2784d] {
  height: 30px;
}
.footer .right-btns[data-v-32c2784d] {
  text-align: right;
}
.footer .right-btns .btn[data-v-32c2784d] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-32c2784d]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-32c2784d]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-32c2784d] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-32c2784d] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-32c2784d] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-32c2784d] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-32c2784d] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.page-preview .main[data-v-32c2784d] {
  padding: 0 10px;
  position: relative;
}
.page-preview .main .title[data-v-32c2784d] {
  margin: 0;
  height: 36px;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
}
.page-preview .main .preview-box[data-v-32c2784d] {
  height: calc(100% - 36px);
  overflow: auto;
  box-sizing: border-box;
  padding-bottom: 90px;
  white-space: pre-line;
  font-size: 16px;
  line-height: 24px;
}
.page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar:vertical {
  width: 6px;
}
.page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar:horizontal {
  height: 6px;
}
.page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .page-preview .main .preview-box[data-v-32c2784d]::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.page-preview .main .btns-line[data-v-32c2784d] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(180deg, rgba(245, 245, 247, 0) 0%, #F5F5F7 40px);
  display: flex;
  justify-content: flex-end;
}
.page-preview .main .btns-line .btn-edit[data-v-32c2784d] {
  border: none;
  display: flex;
  align-items: center;
}
.page-preview .main .btns-line .btn-edit .icon-edit[data-v-32c2784d] {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.page-preview .footer[data-v-32c2784d] {
  display: flex;
  align-items: center;
}
.page-preview .footer .left-tips[data-v-32c2784d] {
  flex: 1;
  display: flex;
  align-items: center;
  color: #A7AAB8;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
}
.page-preview .footer .left-tips .icon-tips[data-v-32c2784d] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.page-preview .footer .index-control[data-v-32c2784d] {
  display: flex;
  align-items: center;
}
.page-preview .footer .index-control .index[data-v-32c2784d] {
  margin: 0 15px;
  color: #232833;
  font-size: 16px;
  font-weight: 500;
}
.page-preview .footer .index-control .btn[data-v-32c2784d] {
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7.286px;
  border: 1px solid #E2E7EB;
  background: transparent;
  color: #232833;
}
.page-preview .footer .index-control .btn[data-v-32c2784d]:disabled {
  color: #EDEDED;
}
.page-preview .footer .index-control .btn .icon-arrow[data-v-32c2784d] {
  width: 20px;
  height: 20px;
}
.page-preview .footer .index-control .btn .icon-arrow.arrow-right[data-v-32c2784d] {
  transform: rotate(180deg);
}
.page-preview .footer .right-btns[data-v-32c2784d] {
  flex: 1;
}
:root[theme-mode="dark"] .main .preview-box[data-v-32c2784d] {
  color: white;
}
:root[theme-mode="dark"] .main .btns-line[data-v-32c2784d] {
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333 40px);
}
:root[theme-mode="dark"] .main .btns-line .btn-edit[data-v-32c2784d] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
:root[theme-mode="dark"] .footer .index-control .index[data-v-32c2784d] {
  color: white;
}
:root[theme-mode="dark"] .footer .index-control .btn[data-v-32c2784d] {
  color: white;
}
:root[theme-mode="dark"] .footer .index-control .btn[data-v-32c2784d]:disabled {
  color: rgba(237, 237, 237, 0.5);
}
[data-v-31c8f9b5]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-31c8f9b5] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-31c8f9b5] {
  height: 30px;
}
.footer .right-btns[data-v-31c8f9b5] {
  text-align: right;
}
.footer .right-btns .btn[data-v-31c8f9b5] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-31c8f9b5]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-31c8f9b5]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-31c8f9b5] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-31c8f9b5] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-31c8f9b5] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-31c8f9b5] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-31c8f9b5] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.page-edit .main[data-v-31c8f9b5] {
  box-sizing: border-box;
  padding: 10px;
}
.page-edit .main .textarea[data-v-31c8f9b5] {
  height: calc(100% - 20px);
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea {
  padding: 0;
  resize: none;
  font-size: 16px;
  line-height: 24px;
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar:vertical {
  width: 6px;
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar:horizontal {
  height: 6px;
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .page-edit .main .textarea[data-v-31c8f9b5] textarea::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.page-edit .footer[data-v-31c8f9b5] {
  display: flex;
  align-items: center;
}
.page-edit .footer .left-tips[data-v-31c8f9b5] {
  flex: 1;
  display: flex;
  align-items: center;
  color: #A7AAB8;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
}
.page-edit .footer .left-tips .icon-tips[data-v-31c8f9b5] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.page-edit .footer .right-btns[data-v-31c8f9b5] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-edit .footer .right-btns .btn-edit[data-v-31c8f9b5] {
  display: flex;
  align-items: center;
  background: #E5F4FF;
  color: #232833;
}
.page-edit .footer .right-btns .btn-edit .icon-ai[data-v-31c8f9b5] {
  margin-right: 6px;
  width: 12px;
  height: 12px;
}
:root[theme-mode="dark"] .textarea[data-v-31c8f9b5] textarea {
  color: white;
}
:root[theme-mode="dark"] .textarea[data-v-31c8f9b5]::after {
  color: white;
}
[data-v-6a0e90e2]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-6a0e90e2] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-6a0e90e2] {
  height: 30px;
}
.footer .right-btns[data-v-6a0e90e2] {
  text-align: right;
}
.footer .right-btns .btn[data-v-6a0e90e2] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-6a0e90e2]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-6a0e90e2]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-6a0e90e2] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-6a0e90e2] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-6a0e90e2] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-6a0e90e2] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-6a0e90e2] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.page-edit .main[data-v-6a0e90e2] {
  background: transparent;
}
.page-edit .main .content-area[data-v-6a0e90e2] {
  box-sizing: border-box;
  height: calc(100% - 100px - 20px);
  padding: 10px;
  border-radius: 5px;
  background: #F5F5F7;
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] {
  height: calc(100% - 20px);
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea {
  padding: 0;
  resize: none;
  font-size: 16px;
  line-height: 24px;
  color: #232833;
  cursor: auto;
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar:vertical {
  width: 6px;
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar:horizontal {
  height: 6px;
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .page-edit .main .content-area .textarea[data-v-6a0e90e2] textarea::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.page-edit .main .requirement[data-v-6a0e90e2] {
  margin-top: 20px;
  height: 100px;
  border-radius: 5px;
  background: #F5F5F7;
  padding: 10px;
  resize: none;
}
.page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar:vertical {
  width: 6px;
}
.page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar:horizontal {
  height: 6px;
}
.page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .page-edit .main .requirement[data-v-6a0e90e2]::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.page-edit .footer[data-v-6a0e90e2] {
  display: flex;
  align-items: center;
}
.page-edit .footer .left-tips[data-v-6a0e90e2] {
  flex: 1;
  display: flex;
  align-items: center;
  color: #A7AAB8;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
}
.page-edit .footer .left-tips .icon-tips[data-v-6a0e90e2] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.page-edit .footer .right-btns[data-v-6a0e90e2] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-edit .footer .right-btns .btn-edit[data-v-6a0e90e2] {
  display: flex;
  align-items: center;
  background: #E5F4FF;
  color: #232833;
  border: none;
}
.page-edit .footer .right-btns .btn-edit .icon-ai[data-v-6a0e90e2] {
  margin-right: 6px;
  width: 12px;
  height: 12px;
}
:root[theme-mode="dark"] .main[data-v-6a0e90e2] {
  background: transparent;
}
:root[theme-mode="dark"] .main .content-area[data-v-6a0e90e2],
:root[theme-mode="dark"] .main .requirement[data-v-6a0e90e2] {
  background: #333;
}
:root[theme-mode="dark"] .main .content-area .textarea[data-v-6a0e90e2] textarea {
  color: white;
}
:root[theme-mode="dark"] .main .content-area .textarea[data-v-6a0e90e2]::after {
  color: white;
}
:root[theme-mode="dark"] .main .requirement[data-v-6a0e90e2] {
  color: white;
}
:root[theme-mode="dark"] .main .requirement[data-v-6a0e90e2]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
[data-v-f31f611c]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.main[data-v-f31f611c] {
  margin: 20px 0;
  height: calc(100% - 2 * 20px - 16px - 30px);
  border-radius: 5px;
  background: #F5F5F7;
}
.footer[data-v-f31f611c] {
  height: 30px;
}
.footer .right-btns[data-v-f31f611c] {
  text-align: right;
}
.footer .right-btns .btn[data-v-f31f611c] {
  padding: 0 12px;
  min-width: 96px;
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.footer .right-btns .btn[data-v-f31f611c]:not(:first-child) {
  margin-left: 20px;
}
.footer .right-btns .btn[data-v-f31f611c]:disabled {
  opacity: 0.5;
}
.footer .right-btns .btn-back[data-v-f31f611c] {
  border: 1px solid rgba(237, 237, 237, 0.5);
  background: #F5F5F7;
  color: #232833;
}
.footer .right-btns .btn-confirm[data-v-f31f611c] {
  background: #4598F7;
  color: white;
  border: none;
}
:root[theme-mode="dark"] .main[data-v-f31f611c] {
  background: #333;
}
:root[theme-mode="dark"] .footer .btn-back[data-v-f31f611c] {
  border-color: rgba(44, 235, 181, 0.5);
  background: linear-gradient(112deg, rgba(44, 235, 181, 0.25) 16.81%, rgba(80, 186, 240, 0.25) 55.43%, rgba(138, 86, 250, 0.25) 92.53%);
  color: white;
}
:root[theme-mode="dark"] .footer .btn-confirm[data-v-f31f611c] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
.page-preview .main[data-v-f31f611c] {
  padding: 0 10px;
  background: #E5F4FF;
  position: relative;
}
.page-preview .main .title[data-v-f31f611c] {
  margin: 0;
  height: 36px;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
}
.page-preview .main .preview-box[data-v-f31f611c] {
  height: calc(100% - 36px);
  overflow: auto;
  box-sizing: border-box;
  padding-bottom: 90px;
  white-space: pre-line;
  font-size: 16px;
  line-height: 24px;
}
.page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar {
  appearance: none;
  width: 6px;
}
.page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar:vertical {
  width: 6px;
}
.page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar:horizontal {
  height: 6px;
}
.page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fafaff;
  cursor: pointer;
}
.page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.1);
}
.page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar-track {
  border-radius: 0;
  background: transparent;
}
:root[theme-mode="dark"] .page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar-thumb,
:root[theme-mode="dark"] .page-preview .main .preview-box[data-v-f31f611c]::-webkit-scrollbar-corner {
  background: rgba(204, 204, 204, 0.2);
}
.page-preview .main .btns-line[data-v-f31f611c] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 5px;
  padding: 50px 10px 10px;
  background: linear-gradient(180deg, rgba(229, 244, 255, 0) 0%, #E5F4FF 40px);
  display: flex;
  justify-content: flex-end;
}
.page-preview .main .btns-line .btn-edit[data-v-f31f611c] {
  border: none;
  display: flex;
  align-items: center;
}
.page-preview .main .btns-line .btn-edit .icon-edit[data-v-f31f611c] {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.page-preview .footer[data-v-f31f611c] {
  display: flex;
  align-items: center;
}
.page-preview .footer .left-tips[data-v-f31f611c] {
  flex: 1;
  display: flex;
  align-items: center;
  color: #A7AAB8;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
}
.page-preview .footer .left-tips .icon-tips[data-v-f31f611c] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.page-preview .footer .index-control[data-v-f31f611c] {
  display: flex;
  align-items: center;
}
.page-preview .footer .index-control .index[data-v-f31f611c] {
  margin: 0 15px;
  color: #232833;
  font-size: 16px;
  font-weight: 500;
}
.page-preview .footer .index-control .btn[data-v-f31f611c] {
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7.286px;
  border: 1px solid #E2E7EB;
  background: transparent;
  color: #232833;
}
.page-preview .footer .index-control .btn[data-v-f31f611c]:disabled {
  color: #EDEDED;
}
.page-preview .footer .index-control .btn .icon-arrow[data-v-f31f611c] {
  width: 20px;
  height: 20px;
}
.page-preview .footer .index-control .btn .icon-arrow.arrow-right[data-v-f31f611c] {
  transform: rotate(180deg);
}
.page-preview .footer .right-btns[data-v-f31f611c] {
  flex: 1;
}
:root[theme-mode="dark"] .main[data-v-f31f611c] {
  background: #333;
}
:root[theme-mode="dark"] .main .preview-box[data-v-f31f611c] {
  color: white;
}
:root[theme-mode="dark"] .main .btns-line[data-v-f31f611c] {
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333 40px);
}
:root[theme-mode="dark"] .main .btns-line .btn-edit[data-v-f31f611c] {
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
  color: white;
  border: none;
}
:root[theme-mode="dark"] .footer .index-control .index[data-v-f31f611c] {
  color: white;
}
:root[theme-mode="dark"] .footer .index-control .btn[data-v-f31f611c] {
  color: white;
}
:root[theme-mode="dark"] .footer .index-control .btn[data-v-f31f611c]:disabled {
  color: rgba(237, 237, 237, 0.5);
}
[data-v-62922721]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.ai-modal-wrapper[data-v-62922721] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.ai-modal-wrapper .ai-modal-box[data-v-62922721] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1130px;
  height: 823px;
  max-width: 80vw;
  max-height: 80vh;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  user-select: none;
}
.ai-modal-wrapper .ai-modal-box .ai-page[data-v-62922721] {
  width: 100%;
  height: 100%;
}
:root[theme-mode="dark"] .ai-modal-box[data-v-62922721] {
  background: #1B1B1C;
}
[data-v-2c11fa5e]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.modal-wrapper[data-v-2c11fa5e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.modal-wrapper .modal[data-v-2c11fa5e] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 722px;
  height: 406px;
  max-width: 75vw;
  min-width: 550px;
  max-height: 90vh;
  background: white;
  border-radius: 9px;
  z-index: 101;
}
:root[theme-mode="dark"] .modal-wrapper[data-v-2c11fa5e] {
  background: rgba(0, 0, 0, 0.5);
}
:root[theme-mode="dark"] .modal-wrapper .modal[data-v-2c11fa5e] {
  background: #1B1B1C;
}
.modal[data-v-2c11fa5e] {
  padding: 20px 37px;
  display: flex;
  flex-direction: column;
}
.modal .title-line[data-v-2c11fa5e] {
  width: 100%;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 500;
  color: #232833;
}
.modal .title-line .btn-close[data-v-2c11fa5e] {
  position: absolute;
  top: 18px;
  right: 20px;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: black;
  background: transparent;
  cursor: pointer;
}
.modal .title-line .btn-close[data-v-2c11fa5e]:hover {
  background: #f5f5f7;
}
.modal .title-line .btn-close .icon-close[data-v-2c11fa5e] {
  width: 12px;
  height: 12px;
}
.modal .main-box[data-v-2c11fa5e] {
  margin-top: 20px;
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
}
.modal .main-box .item-box[data-v-2c11fa5e] {
  flex: 1;
  height: 100%;
  font-weight: 400;
  position: relative;
}
.modal .main-box .item-box .lang-box[data-v-2c11fa5e] {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.modal .main-box .item-box .lang-box .lang-label[data-v-2c11fa5e] {
  font-weight: 500;
  font-size: 12px;
  color: #9E9FA4;
  white-space: nowrap;
}
.modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] {
  margin-left: 20px;
  flex: 1;
}
.modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] .ant-select-selector {
  border: none;
  background: #f7f8fa;
  border-radius: 5px;
  font-size: 12px;
}
.modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] .ant-select-selection-item {
  font-weight: 500;
  color: #232833;
}
.modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] .ant-select-selection-placeholder {
  font-weight: 500;
  color: #9E9FA4;
}
.modal .main-box .item-box .text-area[data-v-2c11fa5e] {
  appearance: none;
  margin-top: 10px;
  width: 100%;
  height: calc(100% - 32px - 10px);
  resize: none;
  border: none;
  background: #f7f8fa;
  border-radius: 8px;
  color: #232833;
  font-size: 12px;
  line-height: 24px;
  text-align: justify;
}
.modal .main-box .item-box .text-area[data-v-2c11fa5e]::placeholder {
  font-weight: 500;
  color: #9E9FA4;
}
.modal .main-box .item-box .loading-icon[data-v-2c11fa5e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .main-box .gap-box[data-v-2c11fa5e] {
  margin: 21px 13px 0;
  width: 20px;
  font-size: 20px;
  line-height: 1;
  border-radius: 3px;
  color: black;
  cursor: pointer;
}
.modal .bottom-btns[data-v-2c11fa5e] {
  margin-top: 20px;
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
}
.modal .bottom-btns .btn-confirm[data-v-2c11fa5e] {
  width: 100px;
  height: 100%;
  border-radius: 6px;
  border: none;
  background: #4599f7;
  color: white;
}
.modal .bottom-btns .btn-confirm[data-v-2c11fa5e]:disabled {
  background: #D8D8D8;
}
:root[theme-mode="dark"] .modal .title-line[data-v-2c11fa5e] {
  color: #fff;
}
:root[theme-mode="dark"] .modal .title-line .btn-close[data-v-2c11fa5e] {
  color: #fff;
  background: none;
  cursor: pointer;
}
:root[theme-mode="dark"] .modal .title-line .btn-close[data-v-2c11fa5e]:hover {
  background: #505057;
}
:root[theme-mode="dark"] .modal .main-box .item-box[data-v-2c11fa5e] {
  flex: 1;
  height: 100%;
}
:root[theme-mode="dark"] .modal .main-box .item-box .lang-box .lang-label[data-v-2c11fa5e] {
  color: #bdbfc9;
}
:root[theme-mode="dark"] .modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] .ant-select-selector {
  background: rgba(255, 255, 255, 0.1);
}
:root[theme-mode="dark"] .modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] .ant-select-selection-item {
  font-weight: 500;
  color: #FFFFFF;
}
:root[theme-mode="dark"] .modal .main-box .item-box .lang-box .lang-select[data-v-2c11fa5e] .ant-select-selection-placeholder {
  font-weight: 500;
  color: #bdbfc9;
}
:root[theme-mode="dark"] .modal .main-box .item-box .text-area[data-v-2c11fa5e] {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
:root[theme-mode="dark"] .modal .main-box .item-box .text-area[data-v-2c11fa5e]::placeholder {
  color: #bdbfc9;
}
:root[theme-mode="dark"] .modal .main-box .gap-box[data-v-2c11fa5e] {
  color: #FFFFFF;
}
:root[theme-mode="dark"] .modal .bottom-btns .btn-confirm[data-v-2c11fa5e] {
  border: none;
  color: #FFFFFF;
  background: linear-gradient(112deg, #2cebb5 16.81%, #50baf0 55.43%, #8a56fa 92.53%);
}
:root[theme-mode="dark"] .modal .bottom-btns .btn-confirm[data-v-2c11fa5e]:disabled {
  background: #D8D8D8;
}
[data-v-c85726b3]:export {
  name: "less";
  pageBgColor: var(--pageBgColor, rgba(255, 255, 255));
  titleColor: var(--titleColor, rgba(0, 0, 0));
}
.color-pick-mask[data-v-c85726b3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
}
.color-pick-modal[data-v-c85726b3] {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 103;
  cursor: initial;
}
.color-pick-modal .color-pick[data-v-c85726b3] {
  width: 220px;
}
.color-pick-modal .color-tip[data-v-c85726b3] {
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 104;
  width: 100px;
  max-height: 100%;
  text-align: left;
  color: black;
  border: 1px solid #e5e5ec;
  background: white;
}
:root[theme-mode="dark"] .color-pick-modal .color-pick[data-v-c85726b3] {
  background: #1B1B1C;
  box-shadow: 0px 4px 8px 0px #000000B2;
}
:root[theme-mode="dark"] .color-pick-modal[data-v-c85726b3] .vc-input__input {
  background: transparent;
  color: white;
  box-shadow: inset 0 0 0 1px #666;
}
:root[theme-mode="dark"] .color-pick-modal[data-v-c85726b3] .vc-sketch-presets {
  border-color: #333;
}