.Hk-box{
    background: linear-gradient(to right, #f6f1f8, #f8f6f3);
    /* padding-top: 2rem; */
    padding: 8rem 1rem 1rem 1rem;
}
.US-centerBox{
    /* width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px; */
}
/* .stockInfo {
    padding: 2rem 0 0rem 0;
} */
.info-bot{
    margin-top: 0.6rem;
}
.info-top h1 {
    font-size: 3.2rem;
    color: #2e2b29;
    margin-right: 1rem;
}
.info-top .stockCode {
    font-size: 2.5rem;
    color: #2e2b29;
    margin-right: 1.2rem;
    font-weight: 600;
}
.info-top ul{
    margin-top: 1rem;
    flex-wrap: wrap;
}
.info-top ul li{
    font-size: 1.2rem;
    margin-right: 0.8rem;
    color: #2e2b29;
    background: #fff;
    border-radius: 4px;
    padding: 0.6rem 0.8rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}
.detail_grade {
    padding: 2.4rem 0 2.4rem 2rem !important;
    background-image: linear-gradient(to top, #fff, #eff2f5) !important;
    /* margin: 2rem 0; */
    justify-content: space-around;
    flex-wrap: wrap;
}
.detail_grade li{
    width: 50%;
    display: flex;
    align-items: center;
}
.detail_grade .grade {
    font-size: 1.3rem;
    line-height: 3.2rem;
    font-weight: 600;
    width: 40%;
    text-align: left;
}
.detail_grade .text {
    /* margin-top: 0.8rem; */
    margin-right: 2rem;
    color: #969aa0;
    font-size: 1.2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    width: 20%;
}
.white-card {
    background-color: #fff;
    margin-top: 1.6rem;
    border-radius: 8px;
    /* margin-bottom: 3rem; */
    padding: 1.5rem;
}
.UsCharts{
    width: 100%;
    height: 400px;
}

.fund-module-title {
    color: #2e2b29;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
}
.fund-module-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    margin-right: 0.4rem;
    background: linear-gradient(90deg, #e3271c 0%, #ff5b27 100%);
}
.tv ul li.active {
    color: #E3271C;
    border: 1px solid #E3271C;
}
.tv ul li {
    border-right: 1px solid #DFE0E2;
    padding: 5.2px 10px;
    cursor: pointer;
}
.tv ul:last-of-type {
    border-right: 1px solid #fff;
}
.tv ul {
    border: 1px solid #DFE0E2;
    font-size: 1.4rem;
    color: #2e2b29;
    /* margin-right: 3rem; */
    margin-left: auto;
}
.charts-k{
    justify-content: space-between;
    flex-wrap: wrap;
}
.pe ul li:first-child{
    border-left: 1px solid #DFE0E2;
}
.pe ul li{
    border-right: 1px solid #DFE0E2;
    border-top: 1px solid #DFE0E2;
    border-bottom: 1px solid #DFE0E2;
    padding: 5.2px 10px;
}
.pe ul li.active {
    color: #E3271C;
    border: 1px solid #E3271C;
}
.pe{
    justify-content: end;
    padding-bottom:1rem;
}

.gradient-text{
    background: linear-gradient(90deg,  rgb(250 0 0) 0%, rgb(234, 88, 12) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    margin-left: 5px;
}
.tv{
    /* display: flex;
    justify-content: flex-end; 
    margin-right: 123px; */
    /* margin-left: auto; */
    /* margin-top: 1rem; */
}
.tvK{
    width: 120px;text-align: center;
    padding: .55rem;
    font-size: 1.4rem;
    border: 1px solid #DFE0E2;
    text-align: center;
    border-left: none;
}
.tv > div:hover {
    /* border: 1px solid transparent; */
    border-color: #E3271C;
    border: .1px solid #E3271C !important;
    opacity: 0.6;
    cursor: pointer;
}
.tv{
    /* justify-content: space-between; */
    /* margin-right: 28px; */
}
.tv ul li.active {
    color: #E3271C;
    border: 1px solid #E3271C;
}
.tv ul li {
    border-right: 1px solid #DFE0E2;
    padding: 5.2px 10px;
    cursor: pointer;
}
.tv ul:last-of-type {
    /* border-right: 1px solid #fff; */
}
.tv ul li:last-of-type{
    /* border-right:none */
}
.tv ul {
    border: 1px solid #DFE0E2;
    font-size: 1.4rem;
    color: #2e2b29;
    border-right:none
    /* margin-right: 3rem;、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、 */
}
.hk_card{
    margin-top: 0;
    border-radius: 0 0 8px 8px;
}

.white-card-tab {
    margin: 0 auto;
    padding: 1rem;
    padding-bottom: .2rem;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #E6E7EB;
    background: linear-gradient(to bottom, #c2d4f9, #fff);
    margin-top: 0.8rem;
}
.stock_li li.active {
    border-color: red;
    color: #000;
}
.stock_li li {
    margin-right: 3rem;
    font-size: 1.5rem;
    color: #909194;
    border-bottom: 2px solid transparent;
    padding-bottom: 1rem;
    font-weight: 600;
}
.stock_pr li.active {
    border-color: red;
    color: #000;
}
.stock_pr li {
    margin-right: 3rem;
    font-size: 1.5rem;
    color: #909194;
    border-bottom: 2px solid transparent;
    padding-bottom: 1rem;
    font-weight: 600;
}
.AHPrTrend{
    display: none;
}

/* 基础信息 */
.ant-row span {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 22px;
    white-space: nowrap;
}
.ant-col-8 {
    font-size: 1.2rem;
    line-height: 2rem;
    padding: .5rem 0;
    align-items: normal;
}
.ant-col-8 .name-l {
    font-size: 1.4rem;
    line-height: 22px;
    /* padding-right: .5rem; */
}
.fontColor {
    color: #1d93ff;
    font-size: 1.4rem;
}
.echarts-l,.echarts-com,.echarts-r{
    height: 300px;
}
#echarts-r,#echarts-l,#echarts-t,#echarts-his{
    /* width: 600px; */
    height: 300px;
}

.numHis,.details{
    white-space: nowrap;
}


/* 弹框 */
.modal {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .modal-content,.con_lock,.numHis_lock {
    background-color: #fff;
    /* margin: 100% auto; */
    border: 1px solid #888;
    width: 80%;
    z-index:1000;
    border-radius: 8px;
  }
  .modal-content,.con_lock,.chat_lock,.numHis_lock {
    background-color: #fff;
    margin: 0 auto; /* 左右居中 */
    border: 1px solid #888;
    width: 80%;
    /* height: 80%; 设置盒子的高度为80% */
    position: fixed; /* 使用固定定位 */
    top: 50%; /* 将盒子的顶部置于视口的垂直中间 */
    left: 50%; /* 将盒子的左侧置于视口的水平中间 */
    transform: translate(-50%, -50%); /* 使用transform属性进行居中调整 */
    z-index: 1000;
    border-radius: 8px;
}
  .modalTitle,.lock_title,.numHis_title{
    /* margin-bottom: 2rem; */
    background: #F3F7FA;
    border-radius: 8px 8px 0 0;
    padding: 0.5rem 1.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
  }
  .chat_title{
    background: #F3F7FA;
    border-radius: 8px 8px 0 0;
    font-size: 1.5rem;
    padding-bottom: .5rem;
  }
  .close,.close_lock,.close_c,.close_numHis {
    color: #787A80;
    font-size: 28px;
  }
  .font_f{
    color: #1d93ff !important;
  }
  #numHis-chart{
    height: 20rem;
  }
  .title-numHis{
    font-size: 1.5rem;
  }
  .managers_table{
    overflow-x: scroll;
  }
  .mainBz-t td:nth-of-type(4) span{
      width:6rem;
      display: inline-block;
  }
  .mainBz-t td:nth-of-type(5) span{
    width:40em;
    display: inline-block;
  }
  /* 弹窗表格 */
  .z_detail{
    background-color: #E1F1FF;
    position: sticky;
    top: -20px;
  }
.table {
    padding:2rem 2rem 2.5rem 2rem;
    width: 100%;
    height: 25rem;
    overflow: auto;
    font-size: 1.3rem;
}
.table-d{
    padding: 2rem;
    width: 100%;
    height: 25rem;
    overflow: auto;
    font-size: 1.3rem;
}
.text-c{
    padding: 2rem;
    font-size: 1.3rem;
}
#table, #table_lock {
    width: 100%;
    border-collapse: collapse;
}
.lock_thead{
    background-color: #E1F1FF;
    position: sticky;
    top: -20px;
}
.mainBz {
    background-color: #E1F1FF;
}
.mainBz th:last-of-type{
    flex: 1;
}
.mainBz-t td:last-of-type{
    flex: 1;
}
.mainBz th:nth-of-type(1){
    width: 6rem;
}
.mainBz-t td{
    width: 11rem;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    font-weight: 500;
    text-align: center;
}
.mainBz-t td:nth-of-type(1){
    width: 6rem;
    padding-left: 1rem;
}
.mainBz-t:nth-of-type(2n) {
    background-color: #F4F4F5;
}
.mainBz th {
    width: 11rem;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    font-weight: 500;
}
.see_more {
    width: 3rem;
    height: 80%;
    position: absolute;
    top: 4rem;
    right: .1rem;
    background: linear-gradient(to left,rgba(255,255,255,1) 40%, rgba(255,255,255,.5) 100%);
    z-index: 9;
}
.noScroll {
    height: 100%;
    overflow: hidden;
}

/* 财报 */
.report{
    display: none;
}
.tableTree{
    /* padding: 2rem; */
    font-size: 14px;
    overflow-x: scroll;
}
#tree-table{
    width: 120rem;
    text-align: center;
    border-collapse: collapse;
}
#tree-table thead tr{
    background-color: #E1F1FF;
    height: 40px;
}
#tree-table thead th{
    font-weight: 500;
}
#tree-table tbody td{
    height: 40px;
}
.tableTree tr th:nth-of-type(1) {
    width: 24rem;
    height: 100%;
    box-shadow: 6px 0 6px -4px rgba(0, 0, 0, .15);
    transition: box-shadow .3s ease;
}
.tableTree tr td:nth-of-type(1) {
    width: 24rem;
}
.parent-row{
    cursor: pointer;
}
.tableTree tr:nth-of-type(2n) {
    background-color: #F4F4F5;
}
.tableTree tr td {
    border-right: 1px solid #d9e7f4;
}
.tableTree tr:last-child td{
    border-bottom: 1px solid #d9e7f4;
}
.table-expand-icon {
    cursor: pointer;
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 14px;
    border: 1px solid #e8e8e8;
    user-select: none;
    background: #fff;
}
.ech-tit-font {
    padding: 0 1rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
}

/* 技术分析 */
.macd_tv ul {
    padding: 5px;
    padding-left: 0;
    font-size: 1.4rem;
    flex-wrap: wrap;
}
.macd_tv ul li {
    border: none !important;
    padding: 5.2px 10px;
    border-right: none !important;
}
.macd_tv ul span.active {
    color: #E3271C;
    background-color: #FFEFEB;
    border-radius: 6px;
}
.strategy_choose>span{
    font-size: 1.4rem;
    padding: 5px;
    margin-right: 10px;
}
.strategy_choose {
    margin-top: 1rem;
}
.strategy_choose span.active {
    color: #E3271C;
    background-color: #FFEFEB;
    border-radius: 6px;
}
.macd_tv ul span {
    padding: 5px;
    margin-right: 10px;
}
#echartsN{
    display: none;
}
/* 对比基准时间 */
.tab_type_wrap_list ul{
    flex-wrap: wrap;
    padding-top: 1rem;
}
.xs-nav-block-item.active {
    background-color: #e1322d1a;
    font-weight: 700;
    --un-text-opacity: 1;
    color: #E3271C;
}
.xs-nav-block-item {
    cursor: pointer;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    /* line-height: 5rem; */
    --un-text-opacity: .8;
    color: hsla(0, 0%, 0%, var(--un-text-opacity));
}

.custom-dropdown .custom-dropdown-menu li.active {
    color: #000 !important;
    font-weight: 500;
}
.industry{
    color: #1d93ff !important;
}