/*body{ background-color: #ffffff}*/

/*div {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

.text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jump-more--end {
    color: #ffcc66;
    font-size: 12px;
}

.jump-more--right {
    color: #ffcc66;
    font-size: 12px;
    margin-left: 24px;
}

.head-navbar {
    height: 40px;
}

.head-navbar_ul {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.head-navbar_ul li {
    color: #656565;
    text-align: center;
    margin-left: 56px;
}
.head-navbar_ul li:first-child {
    font-size: 28px;
    color: #2c2c2c;
    margin-left: 0;
}

.navbar_selected {
    position: relative;
    color: #000000;
    font-weight: bold;
}
.navbar_selected::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #757575; /* 下划线颜色，可根据需求修改 */
    left: 0;
    top: calc(100% + 8px);
}

<!-- 首页要闻 -->
.home-block-news {
    width: 100%;
    height: 400px;
    margin: 12px 0;
}

.home-news_top {
    display: flex;
    justify-content: center;
}

.top-news-left_a {
    width: auto;
    height: auto;
}

.news_item_w {
    width: 220px;
}

.news_pic_box_larger {
    display: block;
    width: auto;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #eee;
}

.news_pic_box {
    display: block;
    width: 220px;
    height: 132px;
    overflow: hidden;
    border-radius: 5px;
}

.news-pic {
    width: 220px;
    height: 132px;
}

.news-pic-larger {
    width: 380px;
    height: 228px;
}

.news-pic,.news-pic-larger {
    border-radius: 5px;
    transition: all 0.3s ease 0s;
}

.news-pic:hover,.news-pic-larger:hover {
    transform: scale(1.2); /*设置图片按照比例放大*/
}

/*文本头部，16px、18px、20px、26px或者30px 适用于突出性的标题内容。*/
.text-title {
    color: #100f0f;
    font-size: 20px;
    line-height: 22px;
    -webkit-line-clamp: 2; /* 限制最多显示行数 */
}

/*文本内容，14px 则适用于非突出性的普通正文内容。*/
.text-content_clamp2 {
    /*height: 34px;*/
    padding-top: 16px;
    color: #515151;
    font-size: 16px;
    line-height: 18px;
    -webkit-line-clamp: 2; /* 限制最多显示行数 */
}

.text-content_clamp3 {
    color: #666666;
    font-size: 16px;
    line-height: 18px;
    -webkit-line-clamp: 3; /* 限制最多显示行数 */
}

/*文本其它信息，12px 是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。*/
.text-foot {
    font-size: 12px;
    color: #333333;
    -webkit-line-clamp: 2; /* 限制最多显示行数 */
}

.text-title,.text-content_clamp2,.text-content_clamp3,.text-foot {
    overflow: hidden;
    text-overflow: ellipsis;/* 可选，部分浏览器不生效 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.top-news-right-lay {
    width: 572px;
    height: 228px;
    margin: 12px 16px 0 10px;
    justify-content: space-around;
    box-sizing: border-box;
}

.news-lay-title {
    width: 100%;
    padding: 12px 16px 16px 0;
}

.news-lay-info {
    display: flex;
    margin: 12px 0;
    text-align: center;
    align-items: center;
}

.news-lay-content {
    margin: 16px 16px 16px 0;
    overflow: hidden;
}

.news-avatar {
    width: 28px;
    height: 28px;
    border-radius: 14px;
}
.news-nickname {
    font-size: 16px;
    color: #1f1f1f;
    padding: 0 10px;
}
.news-time{
    font-size: 14px;
    color: #333333;
}

.home-news_bottom {
    margin-top: 16px;
    margin-bottom: 16px;
}

.home-news_bottom >ul {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.home-news_bottom >ul >li {
    overflow: hidden;
    flex: 0 0 24%;
}


/*行情市场*/
.home-block-market {
    width: 100%;
    margin-top: 20px;
}

.market-column-box {
    display: -webkit-flex;
    display: flex;
    width: auto;
    flex-flow: row nowrap;
    align-items: baseline;
}

.market-column-box >ul{
    list-style-type: none;
    font-size: 18px;
    text-align: center;
    color: #333333;
}

.market-column-box >ul >li{
    display: inline-block;
    padding: 12px 24px 12px 0;
}

.market-column_selected {
    position: relative;
    white-space: nowrap; /* 防止文本换行 */
    color: #fd8e1f;
}

.market-column_selected::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 6px;
    border-radius: 2px;
    background-color: #fd8e1f; /* 下划线颜色，可根据需求修改 */
    left: calc( (100% - 20px) / 2 );
    top: calc(100% + 8px);/* top: 110%; */
}

.market-swiper {
    position:relative;
    width: 100%;
    height: auto;
    padding: 16px 30px;
    box-sizing: border-box;
    /*border: 1px solid #fd7e14;*/
}

/*
 980 - 2*pd + 6*item + 5mg
 */
/*.swiper {*/
/*    width: 100%;*/
/*    position: initial;*/
/*}*/

/*先去掉默认样式*/
.swiper-button-prev:after,.swiper-button-next:after{
    display: none;
}
.market-swiper >.swiper-button-prev {
    background: #ececec no-repeat center center;
    color: #b1b1b1;
    left: 0;
}
.market-swiper >.swiper-button-next {
    background: #ececec no-repeat center center;
    color: #b1b1b1;
    right: 0;
}

.market-swiper >.swiper-button-prev, .market-swiper >.swiper-button-next {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    text-align: center;
    font-weight: bold;
    outline: none;
    top: 60%;
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.market-data-item {
    /* 16 : 9 */
    width: 144px;
    height: 90px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    text-align: center;
    border-radius: 5px;
    padding: 8px;
    box-sizing: border-box;
}

.market-data-name {
    font-size: 16px;
    color: #100f0f;
    font-weight: bold;
}

.market-data-price {
    font-size: 14px;
    font-weight: bold;
}

.market-data-amplitude {
    display: flex;
    font-size: 10px;
    justify-content: space-around;
}

.up {
    color: rgb(255,0,17);
    /*background: #ff0011;*/
}
.up-bg {
    background-color: rgba(252, 233, 235, 0.9);
}

.down {
    color: rgb(4, 172, 58);
    /*background: #04ac3a;*/
}
.down-bg {
    background-color: rgba(227, 245, 239, 0.9);
}

/* 通用头部栏目样式*/
.columns-top-common-box {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.columns-top-common-box >a {
    font-size: 20px;
    font-weight: bold;
    color: #313131;
    position: relative;
    margin-left: 18px;/* 前缀宽度6+间隔12 */
}

.columns-top-common-box >a::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 70%;
    border-radius: 2px;
    background-color: #cf0622; /* 下划线颜色，可根据需求修改 */
    left: -18px;
    top: 15%;
}


.columns-top-common-box >.columns-head-nav-box {
    font-size: 14px;
    color: #403b51;
}

.columns-head-nav-box>ul {
    list-style-type: none;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.columns-head-nav-box>ul>li {
    margin-right: 24px;
}

.columns-nav_selected {
    position: relative;
    white-space: nowrap; /* 防止文本换行 */
    color: #cf0420;
}

.columns-nav_selected::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: #cf0420; /* 下划线颜色，可根据需求修改 */
    left: 0;
    top: calc(100% + 2px);/* top: 110%; */
}

/*操盘数据*/
.home-block-operate {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.home-operate_charts {
    height: auto;
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

.home-operate_charts >div {
    width: 420px;
    height: 360px;
    border: 1px solid #E8EBED;
}

.home-operate_bottom {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    flex: 1 1 auto;
}
.home-operate_bottom >li {
    margin-right: 32px;
    line-height: 24px;
}

.home-operate_bottom >li >a {
    height: 18px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #333333;
    line-height: 18px;
    position: relative;
}

.home-operate_bottom >li >a:after {
    width: 1px;
    height: 14px;
    background: #ccc;
    content: '';
    position: absolute;
    right: -15px;
    top: 2px;
}
.home-operate_bottom >li >a:hover {
    color: #d10420;
}

.home-operate_bottom >li:last-child {
    margin-right: 0;
}
.home-operate_bottom >li:last-child >a:after {
    display: none;
}

/*底部 百科*/
.home-block-encyclopedias {
    width: 100%;
    box-sizing: border-box;
    display: flex;
}
/*学院*/
.home-block-encyclopedias >.encyclopedias-left_academy {
    width: 950px;
    position: relative;
    padding-right: 30px;
}

.encyclopedias-left_academy >ul {
    margin-top: 16px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.encyclopedias-left_academy >ul>li {
    flex: 0 0 auto;
    align-items: center;
    width: 220px;
    height: 220px;
}

.encyclopedias-left_academy >ul>li>a>div {
    border: 1px solid #dfebfa;
}

.encyclopedias-left_academy >ul>li>a>div>img {
    /*220:123*/
    width: 100%;
    height: auto;
    object-fit: fill;
}

.encyclopedias-left_academy >ul>li>a>div>p {
    box-sizing: border-box;
    height: 80px;
    font-size: 14px;
    text-align: left;
    color: #333;
    padding: 12px;
}

/*热搜词条*/
.encyclopedias-right_hot {
    width: 300px;
    height: auto;
    /*background-color: #b1dfbb;*/
    margin-left: 20px;
}

.encyclopedias-right_hot >ul {
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
}

.encyclopedias-right_hot >ul>li {
    flex: 1 1 10%;
    justify-content: stretch;
    border-top: 1px solid #eee;
    padding: 12px 8px;
    vertical-align: middle;
}

/*.encyclopedias-right_hot >ul>li:hover{*/
/*    background-color: #ffc107;*/
/*}*/

.encyclopedias-right_hot >ul>li>a {
    display: -webkit-inline-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.encyclopedias-right_hot >ul>li>a>i {
    font-size: 16px;
}

.encyclopedias-hot_title {
    font-size: 14px;
    color: #333;
    margin-left: 24px;
}

.icon-1,.icon-2,.icon-3 {
    color:#eb0f29;
}
.icon-4,.icon-5,.icon-6,.icon-7,.icon-8,.icon-9,.icon-10 {
    color: #5b636a;
}

.encyclopedias-left_academy::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e4e4e4;
    top: 0;
    left: 100%;
}

.encyclopedias-left_academy >ul::after {
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #eceeef;
    top: 56px;
    left: 0;
}


/*直播*/
.home-block-live {
    width: 100%;
    height: auto;
    overflow: hidden;
    /*border: 1px solid #007aff;*/
}

.home-live-head {
    display: flex;
    justify-content: space-between;
    margin-left: 12px;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
}

.title_icon--size {
    font-size: 16px;
}

.home-live-slider {
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    position: relative;
}
.home-live-slider .live-item {
    border-radius: 8px;
    border: 1px solid #f3f1f1;
}
.live-item-content {
    width: 232px;
    height: 402px;
    border-radius: 8px;
    position: relative;
}
.live-item_banner {
    width: 100%;
    height: auto;
    overflow: clip;
    border-radius: 8px 8px 0 0;
}
.live-item_tips {
    width: 100%;
    height: 320px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
}
.live-tip_status {
    position: absolute;
    color: white;
    font-size: 12px;
    text-align: center;
    background-color: #eb0f29;
    width: 34%;
    height: auto;
    padding: 6px 4px;
    border-radius: 16px;
    top: 8px;
    right: 8px;
}
.live-tip_status >img {
    width: 20px;
    height: 20px;
}

/*直播中时间*/
.live-tip_time_alive {
    position: absolute;
    left: 8px;
    bottom: 8px;
    color: white;
}

/*非直播中时间*/
.live-tip_time_past {
    color: #999;
    margin-left: 8px;
}

.live-item-bottom {
    height: 82px;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    background: white;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

.live-item-bottom .live-item-title {
    height: 42px;
    line-height: 16px;/*行高*/
    padding: 8px;
    color: #999;
    display: -webkit-box;
    word-break: break-word;
    text-overflow: ellipsis;/* 可选，部分浏览器不生效 */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制最多显示行数 */
}

.live-info {
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.live-moderator {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    color: #333;
}

.live-moderator >img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    /*border: 1px solid #e1e1e1;*/
}

.live-moderator >div {
    margin-left: 2px;
    padding: 0 4px;
}

.live-info >.live-ad-account_jump {
    color: #eb0f29;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid #eb0f29;
}

/*套利*/
.home-block-arbitrage {
    width: 300px;
    min-height: 600px;
    margin-top: 20px;
}

.arbitrage-column {
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

.arbitrage-column-buttons {
    padding: 8px 16px;
    background-color: #ececec;
    color: #848484;
    border-radius: 8px;
}

.arbitrage_selected1 {
    background-color: #fd8e1f;
    color: #fdf6f3;
}

.arbitrage-graphic-area {
    width: 300px;
    height: auto;
    padding: 16px;
    align-items: center;
}

.arbitrage-chart {
    width: 100%;
    height: 288px;
}

.arbitrage-rank {
    width: 100%;
    height: 330px;
    overflow: hidden;
}

.arbitrage-rank-tab {
    width: 100%;
}


.table tr{
    width: 100%;
    height: 30px;
}

.table td, .table th {
    padding: 0;
    vertical-align: middle;
    align-items: center;
}

.tb-th {
    font-size: 10px;
    color: #a3a6ad;
}

.td-item1{
    width: 40px;
}
.td-item2{
    width: 140px;
}
.td-item3{
    width: 60px;
}
.td-item4{
    width: 60px;
}

.rank1 {
    color: #fd4f27;
}

.rank2 {
    color: #fd9717;
}

.rank3 {
    color: #f4dd24;
}

.arbitrage-rank-tab .tr-bg-white{
    background-color: white;
}

.arbitrage-rank-tab .tr-bg-gray{
    background-color: gray;
}


/*日历*/
.home-calendar {
    width: 300px;
    height: auto;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 12px;
    border: #EEEEEE 1px solid;
    border-radius: 4px;
}

.home-calendar__date-nav {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
}

.home-calendar__date-nav >ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.home-calendar__date-nav >ul >li {
    width: 60px;
    padding: 8px 12px;
    border-radius: 12px;
}

.home-calendar__date-nav >ul >li:hover {
    background-color: #fdeddd;
}

.day_selected {
    color: #fd8e1f;
    background-color: #fdeddd;
}

.calendar-list_index {
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    height: 1100px;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.calendar-list_index::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.calendar_index_ul {
    width: 100%;
    list-style: none;
}

.rl-group_item {
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    padding-top: 12px;
    padding-bottom: 12px;
}

.rl-item_time {

}

.time_show {
    padding-top: 16px;
    padding-bottom: 4px;
}

.rl-item_time >span{
    color: white;
    background-color: black;
    font-size: 10px;
    padding: 1px 3px;
}

.rl-item_top {
    height: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rl-item_top >img {
    width: 20px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #eee;
}

.rl-item_top >a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    height: 24px;
/*    white-space: nowrap;
    overflow: hidden;*/
    margin-left: 6px;
    margin-right: 6px;
    text-align: left;
}

.rl-item_top >a:hover {
    /*background-color: #ffc107;*/
}

.rl-item_top >a >div {
}

.rl-item_top >.rl-index-import {
    /*‌横向图标间隙*/
    /*1.父元素设置font-size: 0，子元素单独设置字号‌*/
    font-size: 0;
    /*2.使用flex布局消除默认间距：*/
    display: flex;
    gap: 0;/* 现代浏览器支持 */

    width: 42px;
    line-height: 12px;
}

.rl-index-import >i {
    font-size: 12px;
}

.rl-item_bottom {
    height: 12px;
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: stretch;
}

.rl-item_bottom >span{
    flex: 0 1 33%;
    white-space: nowrap;
}