

.article_main{
    margin-top: 44px;
}

/*.art_act_left_a{*/
/*    display: inline-block;*/
/*}*/
.art_menu > ul {
    overflow-y: auto;
    /*height: 720px;*/
    /*min-height: 720px;*/
    /*max-height: 1039px;*/
    /*position: fixed;*/
    /*  top: 0;*/
    /*  bottom: 0;*/
    /*  left: 0;*/
    /*    background-color: #f4f4f4;*/
}

/* 自定义滚动条 */
.art_menu > ul::-webkit-scrollbar {
    width: 1px; /* 设置滚动条的宽度 */
    width: 0px; /* 完全隐藏滚动条 */
    background: transparent;
}

/* 滚动条轨道 */
.art_menu > ul::-webkit-scrollbar-track {
    background-color: #fff; /* 设置滚动条轨道的背景颜色 */
    border-radius: 10px; /* 圆角效果 */
}

/* 滚动条滑块 */
.art_menu > ul::-webkit-scrollbar-thumb {
    background-color: #dcdfe1; /* 设置滑块的颜色 */
    border-radius: 10px; /* 滑块的圆角 */
    border: 1px solid #dcdfe1; /* 滑块边缘的颜色 */
}

/* 滚动条滑块在悬停时 */
.art_menu > ul::-webkit-scrollbar-thumb:hover {
    background-color: #dcdfe1; /* 悬停时的滑块颜色 */
}


/* 仅在 Firefox 中有效 - 使用 `scrollbar-width` 和 `scrollbar-color` 来设置滚动条样式 */
.art_menu > ul {
    scrollbar-width: thin; /* 设置滚动条宽度：`auto`, `thin`, `none` */
    scrollbar-color: #dcdfe1 #fff; /* 设置滚动条的滑块颜色和轨道颜色 */

}

.art_menu {

    padding-bottom: 20px;
}

/**
面包屑
 */
.art_bread{
    margin-bottom: 18px;
    cursor: pointer;
    padding: 16px 22px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.02);

}
.art_bread>ul{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.art_bread>ul>li{
    display: inline;
    position: relative;
}

.art_bread>ul>li > a{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #999999;
}
.art_bread>ul>li:last-child >a{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #333333!important;
}
.art_right_icon{
    color: #999;
    font-size: 12px;
}
.bread_hr{
    margin: 0px 7.69px;
}

.art_main{
    margin-bottom: 90px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.art_left_con{

}
.art_left{
    width: 200px;
    /*min-height: 727px;*/
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.02);
}
.art_menu{
    /*margin: 15px 21px 0px 15px;*/

}
.art_menu_title{
    padding: 20px 0px 23px 37px;
    border-bottom: 1px solid #f0f5fe;
}
.art_menu_title>h3{
    /*font-size: 24px;*/
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #333333;
}

.art_menu>ul{
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
}
.art_menu>ul>li{
    border-bottom: 1px solid #f0f5fe;
    height: 40px;
    line-height: 40px;
    cursor: pointer;

    /*font-size: 18px;*/
    font-size: 15px;
    font-weight: 500;
    text-align: left;


}
.art_menu>ul>li>a{
    /*font-size: 18px;*/
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #999999;
    margin-left: 28px;
    padding-left: 9px;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.art_active{
    /*background: linear-gradient(90deg,#93acf4,rgba(209,221,255,0.00));*/
    /*margin-left: 15px;*/
    border-left: 5px solid  #3b68eb;;
    background: #eff5ff;
}
.art_active_a{
    /*color: #2d3755!important;*/
    /*margin-left: 10px !important;*/
    /*padding-left: 9px !important;*/
    /*padding-left: 6px !important;*/
    color: #3b68eb  !important;
    padding-left: 3px !important;
}


.art_right{
    /*margin-right: 12px;*/
    margin-left: 18px;
    min-height: 1108px;
}
.art_top_banner{
    cursor: pointer;
    margin-bottom: 24px;
}
.art_top_banner >img{
    width: 928px;

    height: 200px;
}
.art_content_main{

}
.art_card{
    min-height: 177px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.02);
    margin-bottom: 10px;
}
.art_card_title{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #333333;
    height: 50.5px;
    line-height: 50.5px;
    padding-left: 20px;
    border-bottom: 1px solid #D8D8D8;
}
.art_card_main{
    padding: 21.5px 20px;
}
.art_card_main>ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /*column-gap: 28px;*/
    row-gap: 20px;
}
.art_card_main>ul>li{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
}
.art_icon{
    /*width: 17px;*/
    /*height: 17px;*/
    /*background: #ffffff;*/
    /*border: 4px solid #2d3755;*/
    /*border-radius: 50%;*/
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: 4px solid #2d3755;
    border-radius: 50%;
}
.art_card_main>ul>li>a{
    margin-left: 7px;
    width: 180px;
    height: 25px;

    /*font-size: 18px;*/
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #999999;
    white-space: nowrap; /* 确保文本在一行内显示 */
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
}


/**
v3
 */
.art_main_v3{
    flex: 1;
    width: 100%;
    min-height: 727px;
}
.art_content_v3{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.02);
    padding: 20px;
    margin-bottom: 20px;
}
.art_top{
    line-height: 28px;
    margin-bottom: 45px;
    margin-top: 10px;
    font-size: 14px;
}
.art_top>span{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}
.art_content_item_v3{
    margin-bottom: 29px;
}
.art_content_item_title_v3{
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #333333;
    margin-bottom: 10px;
}
.art_content_item_ul_v3{
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: #2d3755;
    line-height: 24px;
    list-style: none;
}
.art_content_item_ul_v3>ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 20px;
}
.art_content_item_ul_v3>ul>li{
    flex: 1 1 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
}

.art_content_item_li_v3 > a{
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #2d3755;
    color: #428bca;

    line-height: 27px;

    display: inline-block;
    width: 100%;
    height: 100%;
    /*超出省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.art_ad{
    height: 180px;
}
.art_ad>img{
    width: 100%;
    height: 100%;
}


.art_right_list{
    margin-left: 12px;
    width: 300px;
    background: #ffffff;
    /*border: 1px solid #e3e3e3;*/
    border-radius: 10px;
}
.art_right_list_main{

}
.art_right_list_title{
    height: 33px;
    line-height: 33px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #333333;
    padding: 11px 14px ;
}
.art_right_list_title>img{
    width: 30px;
    height: 30px;
    margin-right: 6px;
}


.art-right-list{
    padding: 16px 20px;
}
.art-right-list-item{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 20px;
    cursor: pointer;
}
.art-right-list-item-img{
    width: 97px;
    height: 130px;
    background: #e0e0e0;
    margin-right: 15px;
    position: relative;
}
.art-right-list-item-img>img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.art-right-list-item-info{

}
.art-right-list-item-info>h4{
    width: 143px;
    /*超出省略号*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #333333;
    color: #428bca;
    margin-bottom: 10px;
}
.art-right-list-item-info>p{
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #999999;
}




.company-info{
    border: 1px solid #e3e3e3;
    padding: 18px 30px;
    border-radius: 10px;
    margin-bottom: 22px;

}
.company-info-title{
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #333333;
    margin-bottom: 20px;
}
.company-info-li{
}
.company-info-li>p{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #999999;
    margin-bottom: 17px;
}
.article-ad{
    width: 100%;
    height: 151px;
    margin-bottom: 25px;
}
.article-ad>img{
    width: 100%;
    height: 100%;
}












/**
文章详情
 */

.art_detail_content{

}
.art_detail_content_main{
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.02);
    padding: 20px 19px 25px;
}
/*.art_detail_title{*/
/*    line-height: 33px;*/
/*    font-size: 24px;*/
/*    font-weight: 600;*/
/*    text-align: left;*/
/*    color: #333333;*/
/*    margin-bottom: 9px;*/
/*}*/
.art_detail_title{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.art_detail_title>h3{
    font-size: 36px;
    color: #333;
    font-weight: 700;
}
.art_detail_title>p{
    font-size: 18px;
}
.art-detail-title-desc{
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: left;
    color: #333333;
    margin-bottom: 25px;
}
.art_detail_desc{
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #7e889a;
    margin-bottom: 22px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.art_detail_desc>div:first-child{
    margin-right: 20px;
}
.art_zhengwen{
    word-break: break-all;
    margin-bottom: 25px;
    font-family: 宋体;

}

.art_zhengwen,
.art_zhengwen p,
.art_zhengwen h1,
.art_zhengwen h2,
.art_zhengwen h3,
.art_zhengwen h4,
.art_zhengwen h5,
.art_zhengwen h6,
.art_zhengwen span,
.art_zhengwen strong,
.art_zhengwen em,
.art_zhengwen b,
.art_zhengwen i {
    font-family: 宋体;
    font-size: 14px !important; /* 可选：统一字号 */
}
.art_zhengwen img{
    width: 100%;
}
.art_zhengwen >p{
    font-size: 14px !important;
    font-family: 宋体;
    margin: 5px 0;
    line-height: 24px!important;
}
.art_zhengwen >p> span{

    font-size: 14px !important;
    font-family: 宋体;
}
.art_zhengwen > span,.art_zhengwen >p>span>strong,.art_zhengwen >p>span>span,.art_zhengwen >p>span>strong>span{
    font-family: 宋体;
    font-size: 14px !important;
}

.art-detail-card{
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.02);
    padding: 20px 12px;
    margin-bottom: 25px;
}
.art-detail-card-title{
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    text-align: left;
    color: #333333;
    margin-bottom: 10px;
}
.art-detail-card-li{
    padding: 0px 12px 0px 0px;
}
.art-detail-card-li>a{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    text-align: left;
    color: #2d3755;
    color: #428bca;
    margin-bottom: 10px;
}









.center_tips {
    padding-bottom: 28px;
}

.center_tips_main {
    margin: auto;
    /*width: 677px;*/
    /*height: 230px;*/
    background: #f8f8f8;
    border-radius: 0px 0px 10px 10px;
}

.center_tips_top {
    /*width: 958px;*/
    height: 40px;
}

.center_tips_top > img {
    width: 100%;
    height: 100%;
}

.center_tips_content{
    padding: 27px 30px 3px
}
.center_tips_item{
    margin-bottom: 20px;
}
.center_tips_item>div:first-child{
    font-size: 16px;
    font-weight: 600;
    color: #2d3755;
    /*line-height: 40px;*/
}
.center_tips_item>div:last-child{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #7e889a;
    /*line-height: 20px;*/
}



/*
走势图
*/


.qa_top_right_main {
    flex: 1;
    background: #fafafa;
    background: #fff;
}

.qa_top_right_card {
    /*margin: 52px 22.5px;*/
    margin: 20px 22.5px 2px 22.5px;
}


.qa_top_card{

}
.qa_top_card_title{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.qa_top_card_title>div:first-child{
    font-size: 20px;
    font-weight: 700;
    /*color: #161718; */
    /*color: #0368d0;*/
    color: #333;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qa_top_card_title>div:last-child{
    flex-shrink: 0;
    font-size: 20px;
    color: #5b5c5d;
    line-height: 22px;
    margin-right: 2px;
}
.qa_top_card_title>div:last-child>span{
    color: #fc3a17;
    font-weight: 700;
}
.qa_top_card_list{
    margin-top: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.qa_top_card_list_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.qa_top_card_list_item>p{
    font-size: 18px;
    color: #78797a;
    line-height: 28px;
    flex-shrink: 0;
}
.qa_top_card_list_item>p:first-child{
    font-weight: 600;
    color: #333;
}
.qa_top_card_list_item>p:last-child{
    font-size: 16px;
}
.qa_top_right_card > ul > li {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #7e889a;
    margin-bottom: 6px;

}

.qa_card_tips{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px 34px;;
    margin-top: 20px;
    position: relative;
    /* width: 540px; */
    word-wrap: break-word;
    margin-bottom: 30px;
    /*font-weight: bold;*/
}
/*.qa_card_tips:before {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 20px;*/
/*    transform: translateY(-100%);*/
/*    display: block;*/
/*    content: "";*/
/*    border: 6px solid transparent;*/
/*    border-bottom: 12px solid #f4f5f7;*/
/*}*/
.qa_top_right_card > ul > li > span {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #000000;

}

.qa_top_right_tips {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #2d3755;
    margin: 14px 0px;
}

.qa_top_right_tips_content {
    width: 573px;
    word-wrap: break-word;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #999999;
}











/**
相关指南
*/
.uc_xg_hr{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #333333;
    margin-bottom: 30px;

}
/**
推介标签
 */
.uc_tuijie_tips{

}
.uc_tuijie_span{
    background: #ffffff;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #333333;
    padding:12px 18px;
    margin-bottom: 10px;
    margin-right: 8px;
    display: inline-block;
}





























