.new-tit {
    padding-top: 2.85rem;
    box-sizing: border-box;
    width: 15.5rem;
    margin: 0 auto;
    background: url(../img/new/new-top.png) top center no-repeat;
    background-size: 100%;
    min-height: 5rem;
    box-sizing: border-box;
    font-size: .5rem;
    line-height: 1em;
    font-family: 'myfont_b';
    text-align: center;
}

.new-tit img {
    width: 1.7rem;
    height: .64rem;
}

.hot-new {
    width: 15.55rem;
    margin: 0 auto;
    margin-bottom: .4rem;
    display: flex;

    background: #ededed;
}

.hot-new .img-box {
    width: 7.75rem;
    height: 4.4rem;
    flex: 0 0 7.75rem;
}
.hot-new .img-box img{
    width: 7.75rem;
    height: 4.4rem;
}
.hot-new .txt-box {
    width: 5.75rem;
    flex: 0 0 5.75rem;
    padding-left: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hot-new .txt-box .time {
    margin-bottom: .5rem;
    font-size: .28rem;
    font-weight: bold;
    color: #040000;
}

.hot-new .txt-box .time span {
    position: relative;
    padding-right: .4rem;
    margin-right: 0.2rem;
    font-size: .86rem;
    line-height: 1em;
}

.hot-new .txt-box .time span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0rem;
    width: 1px;
    height: .85rem;
    transform: rotate(30deg);
    background: #040000;
}

.hot-new .txt-box .title {
    margin-bottom: .4rem;
    font-size: .4rem;
    font-weight: bold;
    line-height: .49rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot-new .txt-box .title:hover,
.hot-new .txt-box .desc:hover {
    color: #5b40c8;
}

.hot-new .txt-box .desc {
    font-size: .25rem;
    line-height: .37rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-list {
    padding-bottom: 1.25rem;
    width: 15.55rem;
    margin: 0 auto;
}

.new-list .item {
    width: 5rem;
    height: 6.75rem;
    background: #ededed;
    float: left;
    margin-right: .27rem;
}

.new-list .item:nth-of-type(3n) {
    margin-right: 0;
}

.new-list .item .img-box {
    width: 5rem;
    height: 2.85rem;
}

.new-list .item .img-box img {
    width: 5rem;
    height: 2.85rem;
}

.new-list .item a:hover .item-tit,
.new-list .item a:hover .item-desc,
.new-list .item a:hover .time {
    color: #5b40c8;

}

.new-list .item a:hover .item-tit::before {
    background: #5b40c8;
}

.new-list .item .item-tit {
    margin-bottom: .3rem;
    position: relative;
    padding-top: .4rem;
    padding-bottom: .3rem;
    font-size: .3rem;
    line-height: .35rem;
    font-weight: bold;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-list .item .item-tit::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: .4rem;
    height: .06rem;
    background: #040000;
}

.new-list .item .item-desc {
    width: 3.95rem;
    margin: 0 auto .3rem auto;
    font-size: .22rem;
    line-height: .32rem;
    color: #040000;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-list .item .time {
    font-size: .3rem;
    font-weight: bold;
    color: #040000;
    text-align: center;
}

.turn-page {
    margin-bottom: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.turn-page .prev,
.turn-page .next {
    width: .48rem;
    height: .47rem;
}

.turn-page .prev img,
.turn-page .next img {
    width: .48rem;
    height: .47rem;
}

.turn-page .num {
    display: flex;
    align-items: center;

}

.turn-page .num a {
    margin: 0 .1rem;
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    font-size: .22rem;
    color: #595757;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.turn-page .num a.now {
    background: #5c41c8;
    color: #fff;
}