.index-toplist {
    padding: 15px 0;
    background: #fff;
}

.index-toplist .box-a .left {
    width: 60px;
    float: left;
}

.index-toplist .box-a .left span {
    color: #e53333;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
}

.index-toplist .box-a .right {
    margin-left: 60px
}

.index-toplist .box-a .right p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    line-height: 25px;
    font-size: 14px;
}

.index-toplist .box-b ul li {
    width: 49%;
    float: left;
    position: relative;
    margin-top: 10px;
}

.index-toplist .box-b ul li:nth-child(2n+2) {
    float: right;
}

.index-toplist .box-b ul li:nth-child(2n+3) {
    clear: left;
}

.index-toplist .box-b ul li img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.index-toplist .box-b ul li p {
    width: 100%;
    margin-top: 5px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 25px;
}

.index-toplist .box-c {
    margin-top: 10px;
}

.index-toplist .box-c ul li a {
    display: block;
    line-height: 25px;
    clear: both;
    margin-left: 8px;
}

.index-toplist .box-c ul li a::before {
    content: '■';
    color: #4894e0;
    content: '■';
    color: #4894e0;
    left: -8px;
    top: -1px;
    position: relative;
}

.index-sortlist {
    margin-top: 15px;
    padding: 15px 0;
    background: #fff;
}

.index-sortlist .all-comment-title .sx {
    display: block;
    float: left;
    width: 4px;
    height: 17px;
    border-radius: 50px;
    margin: 2px 10px 0 0;
    background-color: #f21282;
}

.index-sortlist .all-comment-title span {
    font-size: 15px;
    color: #333;
}

.index-sortlist .all-comment-title .more {
    float: right;
    font-size: 14px;
    color: #666;
}

.index-sortlist .sortlist-box .boxitem {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.index-sortlist .sortlist-box .boxitem .thumbnail {
    float: left;
}

.index-sortlist .sortlist-box .boxitem .thumbnail img {
    width: 100px;
    height: 65px;
    object-fit: cover;
}

.index-sortlist .sortlist-box .boxitem .info {
    margin-left: 110px;
}

.index-sortlist .sortlist-box .boxitem .info h4 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.index-sortlist .sortlist-box .boxitem .meta .address {
    margin-bottom: 5px;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.index-sortlist .sortlist-box .boxitem .meta .f_time {
    width: 50px;
    height: 16px;
    display: block;
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
}

.index-sortlist .sortlist-box .boxitem .meta .f_s {
    background: #2C89C7;
}

.index-sortlist .sortlist-box .boxitem .meta .f_c {
    background: #359A00;
}

.index-sortlist .sortlist-box .boxitem .meta .f_o {
    background: #FE931B;
}

.index-sortlist .sortlist-box .boxitem-zt {
    width: 49%;
    float: left;
    position: relative;
    margin-top: 10px;
}

.index-sortlist .sortlist-box .boxitem-zt:nth-child(2n+2) {
    float: right;
}

.index-sortlist .sortlist-box .boxitem-zt:nth-child(2n+3) {
    clear: left;
}

.index-sortlist .sortlist-box .boxitem-zt img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border: 1px solid #eee;
}

.index-sortlist .sortlist-box .boxitem-zt p {
    width: 100%;
    margin-top: 5px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 25px;
    text-align: center;
}

.wrapper {
    position: relative;
    height: 40px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #003e4d;
}

.wrapper .scroller {
    position: absolute;
}

.wrapper .scroller li {
    float: left;
    line-height: 40px;
    text-align: center;
}

.wrapper .scroller li a {
    color: #fff;
    display: block;
    margin: 0 10px;
    font-size: 15px;
    transition: all 0.3s linear;
    position: relative;
}

.wrapper .scroller li.cur a::after {
    content: '';
    width: 80%;
    display: block;
    height: 4px;
    position: absolute;
    bottom: 0px;
    left: 10%;
    background: #e90751;
}

.index-toplis-video {
    margin-top: 0 !important;
}

.index-toplis-video .sortlist-box-top .boxitem-zt:first-child {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.index-toplis-video .sortlist-box-top .boxitem-zt img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border: 1px solid #eee;
}

.index-toplis-video .sortlist-box-top .boxitem-zt p i {
    color: #e53333;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    margin-right: 10px;
}