.news_detail_box {
    width: 100%;
    padding: calc(30px + 5rem);
}

.news_detail {
    max-width: 1400px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}


.news_detail_left {
    width: 63.0714%;

}

.news_detail_left .news_detail_title {
    font-family: PINGFANG;
    font-weight: bold;
    font-size: calc(4px + 1.5rem);
    color: #333333;
    line-height: calc(5px + 1.5rem);
    text-align: center;
}

.news_time_visit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(8px + 1.5rem);
    margin-top: calc(5px + 1rem);
    border-bottom: 1px #D6D6D8 solid;
    padding-bottom: calc(2px + 1rem);
}

.news_time {
    font-family: Arial;
    font-weight: 400;
    font-size: calc(6px + 0.5rem);
    color: #30333B70;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5px + 0.25rem);

}

.news_time img {
    width: calc(6px + 0.5rem);
    height: calc(6px + 0.5rem);
}

.news_visit {
    font-family: Arial;
    font-weight: 400;
    font-size: calc(6px + 0.5rem);
    color: #30333B70;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5px + 0.25rem);
}

.news_visit img {
    width: calc(2px + 1rem);
}

.news_detail_con {
    padding-top: calc(6px + 1rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 0.5rem);
}

.news_detail_con p {
    font-family: PINGFANG;
    font-weight: 500;
    font-size: calc(8px + 0.5rem);
    color: #757983;
    line-height: calc(6px + 1.5rem);
    text-align: justify;
}

.news_detail_con p img {
    width: 60%;
    margin: calc(6px + 1rem) 0;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.news_prev_next {
    margin-top: calc(10px + 2rem);
}

.news_prev {
    font-family: Arial;
    font-weight: 400;
    font-size: calc(10px + 0.5rem);
    color: #666666;
}

.news_next {
    font-family: Arial;
    font-weight: 400;
    font-size: calc(10px + 0.5rem);
    color: #666666;
}

.news_detail_right {
    width: 25.2857%;
}

.hot_sports_title {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: calc(6px + 1rem);
    color: #333333;
}


.hot_sports{
    border-top: 1px #dde2f0 solid;
    padding: calc(10px + 1.5rem) 0;
}
.hot_sports_list{
    margin-top: calc(10px + 2rem);
}
.hot_sports_list .hot_sports p:nth-of-type(1) {
    font-family: Arial;
    font-weight: 400;
    font-size: calc(10px + 0.5rem);
    color: #30333B;
    line-height: calc(2px + 1.5rem);
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot_sports_list .hot_sports p:nth-of-type(2){
    font-family: Arial;
    font-weight: 400;
    font-size: calc(6px + 0.5rem);
    color: #b4b4b4;
    margin-top: calc(2px + 0.5rem);

}