/* 提取的内联样式 */
body {
  transition: opacity ease-in 0.2s;
}

body[unresolved] {
  opacity: 0;
  display: block;
  overflow: hidden;
  position: relative;
}

:where(.css-1p3hq3p) a {
  color: #1677ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}

:where(.css-1p3hq3p) a:hover {
  color: #69b1ff;
}

:where(.css-1p3hq3p) a:active {
  color: #0958d9;
}

:where(.css-1p3hq3p) a:active,
:where(.css-1p3hq3p) a:hover {
  text-decoration: none;
  outline: 0;
}

:where(.css-1p3hq3p) a:focus {
  text-decoration: none;
  outline: 0;
}

:where(.css-1p3hq3p) a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

:where(.css-1p3hq3p)[class^="ant-tooltip"],
:where(.css-1p3hq3p)[class*=" ant-tooltip"] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 14px;
  box-sizing: border-box;
}

:where(.css-1p3hq3p)[class^="ant-tooltip"]::before,
:where(.css-1p3hq3p)[class*=" ant-tooltip"]::before,
:where(.css-1p3hq3p)[class^="ant-tooltip"]::after,
:where(.css-1p3hq3p)[class*=" ant-tooltip"]::after {
  box-sizing: border-box;
}

:where(.css-1p3hq3p)[class^="ant-tooltip"] [class^="ant-tooltip"],
:where(.css-1p3hq3p)[class*=" ant-tooltip"] [class^="ant-tooltip"],
:where(.css-1p3hq3p)[class^="ant-tooltip"] [class*=" ant-tooltip"],
:where(.css-1p3hq3p)[class*=" ant-tooltip"] [class*=" ant-tooltip"] {
  box-sizing: border-box;
}

:where(.css-1p3hq3p)[class^="ant-tooltip"] [class^="ant-tooltip"]::before,
:where(.css-1p3hq3p)[class*=" ant-tooltip"] [class^="ant-tooltip"]::before,
:where(.css-1p3hq3p)[class^="ant-tooltip"] [class*=" ant-tooltip"]::before,
:where(.css-1p3hq3p)[class*=" ant-tooltip"] [class*=" ant-tooltip"]::before,
:where(.css-1p3hq3p)[class^="ant-tooltip"] [class^="ant-tooltip"]::after,
:where(.css-1p3hq3p)[class*=" ant-tooltip"] [class^="ant-tooltip"]::after,
:where(.css-1p3hq3p)[class^="ant-tooltip"] [class*=" ant-tooltip"]::after,
:where(.css-1p3hq3p)[class*=" ant-tooltip"] [class*=" ant-tooltip"]::after {
  box-sizing: border-box;
}

.ant-carousel .slick-dots li {
  width: 6px;
  height: 6px;
  background: rgba(255,255,255,0.3);
  border-radius: 1px;
}

.ant-carousel .slick-dots li button {
  width: 100%;
  height: 100%;
}

.ant-carousel .slick-dots li.slick-active {
  width: 20px;
  height: 6px;
  border-radius: 1px;
}

.ant-carousel .slick-dots li.slick-active button {
  background: #b60014;
}

.global-new-header-wrap {
  background: #252733;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
}

.global-new-header-wrap .global-new-header {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}

.img--new-header-logo {
  position: absolute;
  margin-top: 10px;
  width: 145px !important;
}

.new-header-menu-wrap {
  width: 80%;
  padding-top: 11px;
  font-size: 20px;
  line-height: 28px;
  text-align: right;
  color: #333333;
}
.new-header-logo-text{
  color: #fff;
    padding-left: 46px;
    padding-top: 14px;
    display: inline-block;
    font-size: 18px;
}
.new-header-menu-wrap a {
  position: relative;
  color: #CFCFD2;
  padding-right: 12px;
  padding-left: 12px;
}

.new-header-menu-wrap a:hover {
  color: #E94041;
}

.new-header-menu-wrap a.first {
  padding-left: 0px;
  padding-right: 12px;
  border-left: unset;
  border-left: none;
}

.new-header-menu-wrap a.last {
  padding-left: 12px;
  padding-right: 0px;
  border-right: unset;
  border-right: none;
}

.new-header-menu-wrap .active {
  color: #E94041;
}

.new-header-menu-wrap .active:before {
  position: absolute;
  left: 10px;
  bottom: -3px;
  content: '';
  width: 18px;
  height: 3px;
  background: #E94041;
}

.new-header-menu-wrap .active2:before {
  left: 22px;
}

.new-header-menu-wrap .active3:before {
  left: 33px;
}

.new-header-menu-wrap .active4:before {
  left: 42px;
}

.new-header-menu-wrap .active5:before {
  left: 52px;
}

.global-new-header-wrap .market-hot-icon {
  position: absolute;
  top: -5px;
  right: 1px;
  width: 26px;
  height: 17px;
}

.global-new-header-wrap .header-login-box {
  float: right;
  width: 80px;
  height: 30px;
  position: relative;
}

.global-new-header-wrap .header-login-btn {
  cursor: pointer;
  position: absolute;
  top: -1px;
  right: 0;
  width: 55px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  background: #E94041;
  border-radius: 2px;
  text-align: center;
  color: #ffffff;
}

.global-new-header-wrap .none {
  display: none;
}

.global-new-header-wrap .header-user-avatar {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.global-new-header-wrap .header-logined-box {
  position: absolute;
  top: -3px;
  right: 0;
  width: 55px;
}

.global-new-header-wrap .header-logined-box::before {
  content: '';
  position: absolute;
  right: 0;
  top: 16px;
  width: 0;
  height: 0;
  border: 4px solid;
  border-color: #ffffff transparent transparent;
}

.global-new-header-wrap .header-avatar-popup {
  z-index: 10;
  padding-top: 8px;
  position: absolute;
  right: -24px;
  width: 140px;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.header-user-name {
  background: #ffffff;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 12px;
  border-bottom: 1px solid #F2F5F8;
}

.header-user-name:hover, .header-login-out:hover {
  background: #EBEFF3;
}

.header-login-out {
  background: #ffffff;
  border-radius: 0 0 4px 4px;
  cursor: pointer;
  padding: 12px;
}

.login-out-icon {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 13px;
}

.global-quote-tool-wrap {
  width: 100%;
  margin: auto;
  background: #353648;
}

.global-quote-tool-wrap .global-quote-tool {
  width: 1000px;
  background: #353648;
  margin: 0 auto;
}

.global-quote-tool {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  position: relative;
}

.global-quote-tool .quote-item {
  font-size: 14px;
  margin-right: 13px;
  color: #CFCFD2;
}

.global-quote-tool .quote-item.mr-0 {
  margin-right: 0;
}

.global-quote-tool .fund-item {
  font-size: 14px;
  color: #CFCFD2;
}

.global-quote-tool .fund-item:hover {
  cursor: pointer;
  color: #E94041;
}

.global-quote-tool .quote-item:hover {
  cursor: pointer;
  color: #E94041;
}

.quote-center-icon {
  display: inline-block;
  background: url('/assets/img/header/quote-center.png') no-repeat;
  background-size: contain;
  width: 13px;
  height: 12px;
}

.quote-download-icon {
  display: inline-block;
  background: url('/assets/img/header/headerdownload.png') no-repeat;
  background-size: contain;
  width: 16px;
  height: 15px;
  margin-left: 2px;
}

.quote-haderdownload {
  background: #b60041;
  color: #fff;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 16px;
  position: relative;
  top: 6px;
}

.global-stockindex .changePrice {
  padding: 0;
  margin: 0;
}

.global-quote-tool-wrap .dingpan .icon {
  margin-top: 2px;
  width: 28px;
  height: 14px;
  display: inline-block;
  vertical-align: -2px;
}

.global-quote-tool-wrap .dingpan .hot {
  display: inline-block;
  width: 31px;
  height: 13px;
  vertical-align: -1px;
  animation: scaleDraw 1.5s ease infinite;
}

.global-quote-tool-wrap .downlaod span:hover {
  text-decoration: underline;
}

@keyframes scaleDraw {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.global-quote-tool-wrap .special-color {
  color: #EF7340;
}

.global-quote-tool-wrap .head-lhb-icon {
  position: absolute;
  top: -4px;
  right: -22px;
  width: 27px;
  height: 16px;
}

@keyframes bounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0px);
  }
}

.global-quote-tool-wrap .por {
  position: relative;
}

.global-stockindex-wrap {
  width: 100%;
  margin: auto;
  background: #353648;
}

.global-stockindex-wrap .global-stockindex {
  border-top: 1px solid #303040;
  width: 1000px;
  background: #353648;
  margin: 0 auto;
}

.global-stockindex {
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  overflow: hidden;
}

.global-stockindex .quote-item {
  font-size: 14px;
  margin-right: 15px;
  color: #CFCFD2;
}

.global_earth-icon {
  display: inline-block;
  background: url('https://upload.9fzt.com/test/jfztgw/assets/img/header/global_earth.png') no-repeat;
  background-size: contain;
  width: 13px;
  height: 12px;
}

.inlineval {
  width: 86px;
  display: inline-block;
  line-height: 32px;
}

.stock-index-label {
  color: #CFCFD2;
}

.stock-index-label:hover {
  cursor: pointer;
  color: #E94041;
}

.stock-index-label-nor {
  color: #333;
}

.swiper-slide {
  width: 280px;
}

.stock-swiper-content a:hover .index-label {
  color: #E94041 !important;
}

.stock-swiper-content .noclick {
  cursor: default;
}

.stock-swiper-content .noclick:hover .index-label {
  color: #CFCFD2 !important;
}

.data-center-wrap {
  width: 100%;
  margin: auto;
  background: #353648;
}

.data-center-wrap .data-center {
  border-top: 1px solid #303040;
  width: 1000px;
  background: #353648;
  margin: 0 auto;
}

.data-center {
  font-size: 14px;
  height: 33px;
  line-height: 32px;
  overflow: hidden;
}

.data-center .quote-item {
  font-size: 14px;
  margin-right: 23px;
  color: #CFCFD2;
}

.data-center .mr-0 {
  margin-right: 0;
}

.data-center .quote-item-special {
  color: #EF7340;
}

.data-center .quote-item:hover {
  cursor: pointer;
  color: #E94041;
}

.inlineval-hover:hover {
  color: #E94041;
}

/* 内联样式属性转换 */
.global-new-header-wrap-mt-box {
  margin-top: 50px;
}

.other-block-info {
  display: block;
}

.other-block-info > div {
  position: absolute;
  top: 0;
  left: 1020px;
  white-space: nowrap;
}

.other-block-info > div > div:first-child {
  margin: 7px 0 10px 0;
}

.other-block-info .protection-center {
  margin-top: 9px;
  color: #CCCCCC;
  font-size: 12px;
  line-height: 17px;
}

.stock-swiper-content {
  width: 900px;
  height: 32px;
  position: relative;
  overflow: hidden;
  line-height: 32px;
}

.global-index-roll {
  position: absolute;
  top: 0px;
  transition: top 0.5s ease-in-out;
}

.global-index-roll > div {
  float: left;
  width: 33.333333%;
  overflow: hidden;
  white-space: nowrap;
}

.global-index-title {
  font-weight: 500;
  margin-right: 10px;
  float: left;
  line-height: 32px;
  color: #CFCFD2;
}

.global-index-item {
  float: left;
  width: 33.333333%;
  overflow: hidden;
  white-space: nowrap;
}

.data-center-title {
  font-weight: 500;
  margin-right: 10px;
  float: left;
  height: 33px;
  line-height: 33px;
}

.index-label {
  color: #CFCFD2;
}

.price,
.changePrice,
.upDown {
  font-size: 16px;
  margin-right: 5px;
}

.din-medium {
  font-weight: 500;
}

.global-search-wrap {
  top: 34px;
  right: 0px;
  display: none;
}

/* 颜色类 */
.text-red {
  color: #E94041;
}

.text-green {
  color: #05A687;
}

/* 布局类 */
.clearfix {
  clear: both;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.oh {
  overflow: hidden;
}

/* 间距类 */
.mb-11 {
  margin-bottom: 11px;
}

.mr-35 {
  margin-right: 35px;
}

/* 显示/隐藏类 */
.hidden-ggjj {
  display: none;
}

/* 鼠标指针类 */
.pointer {
  cursor: pointer;
}

/* 文本类 */
.text-center {
  text-align: center;
}

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

/* 边框类 */
.border-red {
  border: 1px solid #E94041;
}

/* 圆角类 */
.border-radius-14 {
  border-radius: 14px;
}

/* 宽高类 */
.width-133 {
  width: 133px;
}

.height-24 {
  height: 24px;
}

.line-height-22 {
  line-height: 22px;
}

/* 字体大小类 */
.font-size-12 {
  font-size: 12px;
}

/* 垂直对齐类 */
.vertical-middle {
  vertical-align: middle;
}

/* 显示模式类 */
.display-inline-block {
  display: inline-block;
}

/* 提取的style块样式 */
/* wetab-chat-screenshot 样式 */
:host {
  --color-black:0 0 0;--color-white:255 255 255;--color-blue:74 122 255;--color-green:52 199 89;--color-yellow:255 149 0;--color-orange:255 155 48;--color-red:255 77 79;--color-t1:28 28 30;--color-t2:58 58 60;--color-t3:142 142 148;--color-t4:199 199 204;--color-t5:255 255 255;--color-b1:209 209 214;--color-b2:229 229 234;--color-b3:248 248 248;--color-b4:255 255 255;--color-b5:255 255 255;--color-m1:255 255 255;--color-m2:0 0 0;--color-todo-t1:47 87 255;--color-todo-t2:83 147 255;--color-note-t1:192 131 93;--color-note-t2:198 174 159;--color-calc-t1:255 255 255;--color-calc-t2:200 200 204;--color-calc-t3:142 142 148;--color-calc-t4:94 94 98;--color-calc-b1:75 78 84;--color-calc-b2:50 52 57;--color-calc-b3:34 36 39;--color-calc-l1:254 189 95;--color-calc-l2:251 132 54;--color-calc-l3:96 99 107;--color-calc-l4:58 60 66;--color-calc-l6:32 33 38;--color-calc-l7:81 84 90;--color-calc-l5:63 65 72;--color-calc-l8:72 74 79;--color-calc-l0:40 41 45;--color-calc-l9:252 163 36;--color-calc-yellow:240 168 16;--color-calendar-red:255 77 79;--color-calendar-b1:255 101 101;--color-calendar-b2:255 246 241;--color-worldcup-t1:168 238 65;--color-rate-t1:28 28 30;--color-rate-t2:58 58 60;--color-rate-t3:141 142 148;--color-rate-t4:109 147 229;--color-rate-b1:255 255 255;--color-rate-b2:248 248 248;--color-rate-b3:34 36 39;--color-rate-b4:55 69 157;--color-rate-b5:238 240 239;--color-rate-l1:70 154 255;--color-rate-l2:72 90 188;--color-game-b1:38 42 53;--color-game-b2:70 74 88;--color-game-b3:23 26 34;--color-game-b4:44 47 59;--color-game-b5:20 174 60;--color-game-t1:200 200 204;--color-game-t2:142 142 148;--color-movie-b1:94 104 71;--color-clock-b1:22 21 28;--color-wclock-b1:19 20 21;--color-wclock-t1:37 216 27;--color-wclock-t2:47 142 42;--color-wclock-t3:30 82 27;--color-bookmark-t1:98 173 91;--color-bookmark-b1:248 248 248;--color-bookmark-b2:255 255 255;--color-record-t1:255 115 48;--color-image-t1:68 10 214;--color-image-b1:0 0 0;--color-image-b2:255 255 255;--color-image-b4:17 17 17;--color-translate-green:36 161 81;--color-tomato-work:244 78 33;--color-tomato-rest:54 168 106;--color-write-t1:69 116 246;--color-write-blue:48 101 246;--color-settings-blue:0 122 255;
}

/* yd-mg-icon 样式 */
.item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.all {
    direction: ltr;
}
.all > * {
    direction: rtl;
}
.hidden {
    display: none;
    transition: width 0.3s linear;
}
.container:hover .hidden {
    width: var(--131b0bc3);
    height: var(--367772ca);
    display: flex;
}
.container {
    position: fixed;
    top:var(--8b7ed71a);
    right:var(--2c4e45ba);
    width: var(--b2ad46e2);
    height: var(--14b33b7e);
    background-color: #fff;
    border-radius: var(--e55f886a);
    box-shadow: 0 0 10px #b3b5b8;
    transition: width 0.3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container:hover {
    width: var(--301156d1);
    border-radius: var(--e55f886a);
    justify-content: space-around;
}
.icon {
    width: var(--131b0bc3);
    height: var(--367772ca);
    cursor: pointer;
    user-select: none;
}
.icon:hover {
}
.yd-translate-loader {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    height: var(--367772ca);
    width:  var(--131b0bc3);
    animation: spin 0.5s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@keyframes append-animate {
from {
        opacity: 0;
}
to {
        opacity: 1;
}
}
.popup {
  animation: popup 0.3s forwards;
}
@keyframes popup {
0% {
    opacity: 0;
    transform: scale(0);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

/* yd-mg-block-icon 样式 */
.disabled-element[data-v-d3135d60] {
  cursor: not-allowed;
}
.all[data-v-d3135d60] {
  position: absolute;
  z-index: 1;
}
.all .container[data-v-d3135d60] {
  width: var(--5a3ced10);
  height: var(--58dc89c6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.all .container .yd-line[data-v-d3135d60] {
  display: block;
  position: absolute;
  height: var(--c03ec7f0);
  top: var(--7808ebd8);
  left: var(--891c21b0);
}
.all .container .yd-line .orignal[data-v-d3135d60] {
  padding: 1px;
  background-color: #E4E7F3;
  height: var(--5934d8d6);
}
.all .container .yd-line .yd[data-v-d3135d60] {
  padding: 1px;
  background-color: #FF939E;
  height: var(--4d327ada);
}
.all .container .yd-line .llm[data-v-d3135d60] {
  padding: 1px;
  background-color: #2485FF;
  height: var(--18678bd3);
}
.all .container .tooltip-container[data-v-d3135d60] {
  display: inline-block;
  position: absolute;
  top: var(--147b79a2);
  left: var(--7afb4d26);
}
.all .container .tooltip-container .icon[data-v-d3135d60] {
  width: var(--5a3ced10);
  height: var(--58dc89c6);
  background-image: var(--4a440a69);
  border-radius: 5px;
  cursor: pointer;
}
.all .container .tooltip-container .icon[data-v-d3135d60]::before {
  content: var(--4809e853);
  display: none;
}
.all .container .tooltip-container .icon[data-v-d3135d60]:hover {
  box-shadow: 0px 4px 10px rgba(56, 112, 200, 0.16);
  transition: width 0.3s linear;
  background-image: var(--4809e853);
  cursor: pointer;
}
.all .container .tooltip-container .llmIcon[data-v-d3135d60] {
  width: var(--5a3ced10);
  height: var(--58dc89c6);
  background-image: var(--4a440a69);
  border-radius: 5px;
}
.all .container .tooltip-container .llmIcon[data-v-d3135d60]:hover {
  width: var(--5a3ced10);
  height: 48px;
  background-image: var(--11da4116);
  border-radius: 5px;
}
.all .container .tooltip-container .tooltip[data-v-d3135d60] {
  position: absolute;
  top: var(--523390c5);
  left: var(--178a82d2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #F9FBFF;
  padding: 8px;
  width: 150px;
  height: 40px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(216, 217, 219, 0.5);
  box-shadow: 0px 1.2px 3.6px 0px rgba(0, 0, 0, 0.1), 0px 2px 20px 0px rgba(27, 19, 98, 0.08);
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: normal;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0em;
  user-select: none;
  color: #2A2B2E;
}

        .modal-overlay[data-v-04ce0a75] {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .modal-content[data-v-04ce0a75] {
          background-color: white;
          padding: 20px;
          border-radius: 10px;
          display: flex;
          gap: 20px;
          width: 800px;
          height: 500px;
          flex-direction: column;
          position: relative;
        }

        .modal-header[data-v-04ce0a75] {
          display: flex;
          justify-content: flex-end;
          height: 24px;
        }

        .modal-body[data-v-04ce0a75] {
          display: flex;
          flex-grow: 1;
          flex-direction: row;
        }

        .modal-body .imageContainer[data-v-04ce0a75] {
          flex: 2;
          justify-content: center;
        }

        .modal-body .img[data-v-04ce0a75] {
          position: relative;
          background-size: contain;
          background-position: center;
          height: 600px;
          background-repeat: no-repeat;
        }

        .modal-body .img .box[data-v-04ce0a75] {
          position: absolute;
          border: #333 3px solid;
        }

        .modal-body .text-content[data-v-04ce0a75] {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          /* 根据需要调整文本内容的样式 */
        }

        .modal-body .text-content .text[data-v-04ce0a75] {
          overflow-y: auto;
          height: 450px;
        }

        .modal-body .text-content .toolbar[data-v-04ce0a75] {
          height: 36px;
          display: flex;
          justify-content: space-around;
          flex-direction: row;
          flex-wrap: wrap;
        }

        .close-button[data-v-04ce0a75] {
          background-color: transparent;
          /* 透明背景 */
          border: none;
          /* 去除边框 */
          cursor: pointer;
          /* 鼠标悬停时显示指针 */
          outline: none;
          /* 去除焦点轮廓 */
          position: absolute;
          /* 绝对定位 */
          top: 10px;
          /* 距顶部的距离 */
          right: 10px;
          /* 距右边的距离 */
          font-size: 24px;
          /* 字体大小 */
          line-height: 24px;
          /* 行高，以确保垂直居中 */
          color: #333;
          /* 字体颜色 */
          font-weight: bold;
          /* 字体加粗 */
        }

        .close-button[data-v-04ce0a75]:hover {
          color: #666;
          /* 鼠标悬停时的颜色变化 */
        }

        .line[data-v-04ce0a75],
        .redline[data-v-04ce0a75] {
          font-family: Arial, Helvetica, sans-serif;
          /* 使用无衬线字体 */
          font-size: 16px;
          /* 设置合适的字体大小 */
          line-height: 24px;
          color: #333;
          /* 文字颜色 */
          padding: 3px 3px 3px 6px;
          /* 内边距 */
          margin-top: 5px;
          cursor: pointer;
          transition: background-color 0.3s, border-left-color 0.3s;
          /* 背景色和边框颜色变化的过渡效果 */
          border-left: 3px solid #ddd;
          /* 设置灰色的左边框 */
        }

        .redline[data-v-04ce0a75] {
          border-left-color: #e53935;
          /* 鼠标悬停时边框颜色变为红色 */
          background-color: #f5f5f5;
        }

        .button[data-v-04ce0a75] {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          background-color: #FB4A3E;
          /* 一个明亮但不饱和的红色 */
          color: white;
          /* 文本颜色为白色 */
          padding: 5px 10px;
          /* 按钮内边距 */
          border: none;
          /* 无边框 */
          border-radius: 5px;
          /* 轻微的圆角 */
          font-size: 10px;
          text-transform: uppercase;
          /* 文本大写 */
          cursor: pointer;
          /* 鼠标悬停时的指针样式 */
          transition: background-color 0.3s;
          /* 背景颜色变化的过渡效果 */
        }

        .button[data-v-04ce0a75]:hover {
          background-color: #d32f2f;
          /* 鼠标悬停时的背景颜色稍暗 */
        }

        .button[data-v-04ce0a75]:active {
          background-color: #c62828;
          /* 鼠标点击时的背景颜色更暗 */
        }

        .button[data-v-04ce0a75]:disabled {
          background-color: #ef9a9a;
          /* 禁用状态的按钮颜色更亮，更少饱和度 */
          cursor: default;
          /* 禁用状态的鼠标样式 */
        }

        .loading-indicator[data-v-04ce0a75] {
          /* 添加你的样式，比如居中显示、动画等 */
          position: absolute;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 1.5em;
          /* ...其他样式 */
        }

        .message[data-v-04ce0a75] {
          position: absolute;
          top: 50%;
          /* 定位到父元素的中间 */
          left: 50%;
          /* 定位到父元素的中间 */
          transform: translate(-50%, -50%);
          /* 使用 transform 实现精确居中 */
          padding: 10px;
          background-color: white;
          /* 设置背景颜色为白色 */
          border: 1px solid blue;
          border-radius: 5px;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          /* 添加阴影效果 */
          text-align: center;
          z-index: 100;
          /* 确保提示信息在其他元素上方 */
        }

        .loader[data-v-04ce0a75] {
          border: 5px solid #f3f3f3;
          /* 浅灰色边框 */
          border-top: 5px solid #3498db;
          /* 蓝色边框 */
          border-radius: 50%;
          width: 40px;
          height: 40px;
          animation: spin-04ce0a75 2s linear infinite;
          margin-bottom: 20px;
        }

        @keyframes spin-04ce0a75 {
          0% {
            transform: rotate(0deg);
          }

          100% {
            transform: rotate(360deg);
          }
        }