.container {
    background: #fff;
}

.news_list_content {
    min-width: 1200px;
    height: 100%;
    /* background-color: #f9f9f9; */
}

.category {
    width: 160px;
}

.category li {
    margin-top: 25px;
    padding-left: 10px;
    border-left: 2px solid #cf131b;
}

.category li a {
    color: #282828;
    font-size: 16px;
}

.news_content {
    width: 652px;
    padding: 0 24px;
    padding-top: 25px;
    background-color: #fff;
}

.news_content .crumb {
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.news_content .swper {
    width: 652px;
    height: 296px;
    background-color: rebeccapurple;
}

.news_content .news_title {
    font-size: 22px;
    color: #282828;
    margin-top: 30px;
}

.news_content .news_item {
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
    border-bottom: 1px solid #e6e6e6;
}

.news_item:last-child {
    border-bottom: none !important;
}

.news_content .news_item .pre_img {
    width: 188px;
    height: 107px;
    margin-right: 19px;
    overflow: hidden;
}

.news_content .news_item .pre_img img {
    width: 100%;
}

.item_content .item_title {
    font-size: 16px;
    color: #282828;
    line-height: 31px;
}

.item_content .item_info {
    font-size: 14px;
    line-height: 19px;
    width: 447px;
    color: #8a8c91;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.item_content .pulish_time {
    display: inline-block;
    font-size: 14px;
    color: #8a8c91;
    margin-top: 21px;
}

.news_conten_side {
    background-color: #fff;
}

.news_conten_side .side_news_item {
    margin-top: 25px;
    width: 312px;
    padding: 13px;
    background-color: #f9f9f9;
    /* margin-bottom: 24px; */
}

.side_news_item .side_news_item_title {
    color: #282828;
    font-size: 22px;
    border-left: 2px solid #cf131b;
    padding-left: 9px;
    margin: 12px 0 20px 0;
}

.side_news_item .side_news_content li {
    display: inline-block;
    position: relative;
    color: #565658;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px;
    padding-left: 14px;
}

.side_news_item .side_news_content li::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: '';
    background: url(/static/v2/web/img/red_point.jpg) no-repeat left center;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    overflow: hidden;
}

.news_top {
    margin-bottom: 25px;
}

.news_top .title {
    color: #565658;
    font-size: 16px;
    margin: 15px 0;
}

.news_top .info {
    font-size: 14px;
    color: #8a8c91;
    line-height: 21px;
}

.recomment_img {
    display: flex;
    justify-content: space-between;
}

.recomment_img .img_item {
    position: relative;
    width: 140px;
    height: 100px;
}

.recomment_img .img_item img {
    width: 100%;
    height: 100%;
}

.recomment_img .img_item .mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 28px;
    text-align: center;
    background: rgba(0, 0, 0, .2);
}

.recomment_img .img_item .mask a {
    color: #fff;
    font-size: 12px;
    line-height: 28px;
}

.recommon_news_list li {
    font-size: 14px;
    color: #565658;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.item_title:hover,
.title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.swper_area {
    width: 652px;
    background-color: pink;
}


/* swiper 配置 */

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    color: #fff !important;
    text-align: center;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    color: #fff !important;
    text-align: center;
}


/* 详情配置 */

.swiper .item_info {
    position: absolute;
    height: 52px;
    line-height: 52px;
    width: 652px;
    text-align: left;
    padding-left: 22px;
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
}

.swiper .item_info a {
    color: #ffffff;
    font-size: 20px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #f5d273 !important;
    /* background-color: rgba(0, 0, 0, .6); */
}