.page-memo{padding:16px 0;box-sizing:border-box}
.page-memo li{padding:0 10px;font-size:14px;line-height:1.6}
.page-memo li .tel{text-decoration:none;color:#fff}
.page-memo li .tel:active,.page-memo li .tel:visited{color:#fff}
.chart-wrap .chart-wrap-null{text-align:center;font-size:18px;padding-top:32px;padding-bottom:32px}
.chart-wrap .chart-content{height:340px}
.chart-wrap .chart-tabs-wrap{padding:10px 0}
.chart-wrap .chart-tabs-wrap .chart-tabs-row{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;align-content:stretch}
.chart-wrap .chart-tabs-wrap .chart-tabs-row .button-close{margin-right:5px;margin-top:5px}
.chart-wrap .chart-tabs-wrap .chart-tabs-row .chart-tabs{margin:0 auto;width:160px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}
.chart-wrap .chart-tabs-wrap .chart-tabs-row .chart-tabs .chart-tab-item{font-size:14px;width:50%;text-align:center;line-height:2;position:relative;border:#39454b;border-style:solid}
.chart-wrap .chart-tabs-wrap .chart-tabs-row .chart-tabs .chart-tab-item.active{color:#ffc400}
.step1-form .el-form-item{margin-bottom:8px}
.step2-form .el-tag{margin-right:8px;margin-bottom:8px}
.step2-form .step2-form-content .el-input{width:190px}
.step2-form .step2-form-content .el-form-item{margin-bottom:14px}
.sms-dialog{z-index:3000!important;margin-top:5vh!important}@media (max-width:380px){.sms-dialog{margin-top:2vh!important}}
.sms-dialog .el-dialog__body{padding:10px 20px}
.filter-dialog{z-index:3000!important;margin-top:5vh!important}@media (max-width:380px){.filter-dialog{margin-top:2vh!important}}
.filter-dialog .el-dialog__body{padding:10px 20px}
.filter-dialog .filter-form-content .el-input{width:190px}
.filter-dialog .filter-form-content .el-form-item{margin-bottom:14px}
.quote-page{background:#18293a;min-height:100%;height:100%;overflow:auto;padding:3px 0;box-sizing:border-box;position:relative}
.quote-page ::-webkit-scrollbar{width:.7px;height:5px}
.quote-page ::-webkit-scrollbar-thumb{background-color:#f4f4f4;border-radius:1px}
.quote-page .quote-marquee{margin:5px 0;color:#ffc400;font-weight:700;border:1px solid #fa0e0e}
.quote-page .page-title{margin:0;font-size:28px;color:#ffc400;letter-spacing:1px;text-align:center}
.quote-page .price-table-header{background:#000;font-weight:700;font-size:21px;width:100%}
.quote-page .price-table-header .el-col{padding:12px 0;line-height:23px}
.quote-page .price-table-header .el-col,.quote-page .price-table-row .el-col{border-right:1px solid #444;text-align:center}
.quote-page .price-table-header .el-col:last-child,.quote-page .price-table-row .el-col:last-child{border-right:none}
.quote-page .quote-page-content{height:calc(100% - 47px);overflow-y:auto}
.quote-page .quote-price-table{color:#eee;font-size:21px;font-family:sans-serif;min-height:300px}
.quote-page .quote-price-table .price-table-row .el-col{padding:3px 0;line-height:23px}
.quote-page .quote-price-table .price-table-row .el-col .y-middle{-webkit-transform:translateY(50%);transform:translateY(50%);display:inline-block}
.quote-page .quote-price-table .price-table-row:nth-child(2n){background:#000!important}
.quote-page .quote-price-table .price-table-row:last-child{border-bottom:1px solid #444}
.quote-page .quote-price-table .symbole-price{font-size:19px;font-family:moonfont}
.quote-page .quote-price-table .symbole-price .symbol-price-rise{color:#38bd8a}
.quote-page .quote-price-table .symbole-price .symbol-price-fall{color:#fe5555}
.quote-page .quote-price-table .symbole-price .symbol-price-normal{color:#e8e8e8}
.quote-page .quote-price-table .symbole-price-field{padding-left:5px}
.quote-page .quote-price-table .symbol-name{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;font-size:20px;margin-left:8px;color:#ffbf24}
.page-footer[data-v-19b76797]{background:#142130;color:#d4dee3;padding:5px 0 8px;box-shadow:0 3px 10px 0 #000;position:relative}
.page-footer .tab-icon[data-v-19b76797]{font-size:22px}
.page-footer .active-tab[data-v-19b76797]{color:#29b6f6}
.container[data-v-ddbdc5d8]{height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.container .quote-page-header[data-v-ddbdc5d8]{background:#18293a}
.container .quote-page-header .page-logo[data-v-ddbdc5d8]{height:100px}
.container .quote-status[data-v-ddbdc5d8]{text-align:right;background:#18293a;padding-top:3px;padding-right:10px;display:inline-block;color:#fe5555;font-size:15px}
.container .quote-status.red .quote-status[data-v-ddbdc5d8]{border-color:#fe5555}
.container .quote-status.green .quote-status[data-v-ddbdc5d8]{border-color:#38bd8a}
.container .page-time[data-v-ddbdc5d8]{min-width:76px;text-align:center;font-size:14px;margin-left:2px}
.container .quote-divider[data-v-ddbdc5d8]{margin:1px 0}
.container .home[data-v-ddbdc5d8]{height:100%;-webkit-box-flex:1;flex-grow:1;overflow:auto;color:#fff}
.container .home .home-iframe[data-v-ddbdc5d8]{height:100%;width:100%;border:none}
.__nuxt-error-page{padding:1rem;background:#f7f8fb;color:#47494e;text-align:center;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;font-family:sans-serif;font-weight:100!important;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0;right:0;bottom:0}
.__nuxt-error-page .error{max-width:450px}
.__nuxt-error-page .title{font-size:1.5rem;margin-top:15px;color:#47494e;margin-bottom:8px}
.__nuxt-error-page .description{color:#7f828b;line-height:21px;margin-bottom:10px}
.__nuxt-error-page a{color:#7f828b!important;text-decoration:none}
.__nuxt-error-page .logo{position:fixed;left:12px;bottom:12px}
.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;-webkit-transition:width .1s,opacity .4s;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}
.nuxt-progress.nuxt-progress-notransition{-webkit-transition:none;transition:none}
.nuxt-progress-failed{background-color:red}#__layout,#__nuxt,body,html{min-height:100%;height:100%}
body{margin:0;font-size:14px;font-family:PingFangSC-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}ul{list-style:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}.moonfont{font-family:moonfont}*{outline:none!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
.right{float:right}.left{float:left}
.bold{font-weight:700}
.inline{display:inline}
.clear{clear:both}
.mt-1{margin-top:1rem!important}
.mb-1{margin-bottom:1rem!important}
.full-height{height:100%!important}
.full-width{width:100%}
.no-transform{text-transform:none}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.ellipse{white-space:nowrap}
.ellipse,.multi-ellipse{overflow:hidden;text-overflow:ellipsis}
.multi-ellipse{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}amount{font-family:Helvetica Neue}
.grey{color:rgba(0,0,0,.45)!important}
.black{color:#303133!important}
.red{color:#fe5555!important}
.green{color:#38bd8a!important}
.blue{color:#007bff!important}
.yellow{color:#ffc74c!important}
.el-table,.el-table td,.el-table th,.el-table tr{background-color:transparent!important;background:transparent!important;border-bottom:none!important}
.el-table:before{display:none}
.el-loading-mask{background-color:rgba(0,0,0,.4);z-index:10!important}
.verifyCode-input .el-input-group__append{padding:0}
.verifyCode-input .el-input-group__append img{width:96px;display:block;cursor:pointer}@media (max-width:960px){.el-message{width:90%!important;max-width:450px;min-width:100px!important}}@font-face{font-family:moonfont;src:url(fonts/04142c2.eot);src:url(fonts/04142c2.eot#iefix) format("embedded-opentype"),url(fonts/43d00f4.ttf) format("truetype"),url(fonts/c9d8488.woff) format("woff"),url(fonts/f0e4c56.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}
.page-footer{background:#2b3036!important}
.quote-page,.quote-page-header{background:#252525!important}
.quote-price-table .symbole-price .symbol-price-rise{color:red!important}
.quote-price-table .symbole-price .symbol-price-fall{color:#0f0!important}.quote-status{color:red!important;background:#252525!important}
.quote-status.red .quote-status{border-color:red!important}
.quote-status.green .quote-status{border-color:#0f0!important}.red{color:red!important}.green{color:#0f0!important}

/* 添加CSS */
.full-height {
  height: 60px;  /* 根据设计调整 */
  padding: 8px 0; /* 增加内边距 */
}
::v-deep .tab-icon {
  font-size: 20px !important;
  margin-bottom: 4px;
}
::v-deep .el-col > div {
  color: #333 !important;
}
.quote-marquee {
  overflow: hidden;
  white-space: nowrap;
}
.quote-marquee b {
  display: inline-block;
  animation: marquee 20s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@media (max-width: 768px) {
  .full-height { height: 50px; }
  .el-col-5 { flex:0 0 24% !important; max-width:24% !important; }
}