body {
    font-size: 16px;
}

.navigation {
    background: unset;
}

.navigation .primary {
    font-size: 17px;
}

.sidebar .list a {
    font-weight: normal;
}

.navigation .primary,
.navigation .primary li {
    border: unset;
}

.item .title {
    font-weight: normal;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.content {
    margin-top: 5px;
}

.partnerTitle,
.recommendTitle,
.friendTitle {
    float: unset;
    color: #ff6933;
    font-size: 20px;
    line-height: 25px;
    padding-left: 6px;
    margin-bottom: 10px;
}

.headline {
    padding: 0 !important;
    padding-left: 6px;
    margin: 10px 0;
    color: #ff6933;
}

.item .wrap {
    font-size: 12px;
}

.video-info-left {
    right: 5px;
    bottom: 5px;
    background: #f4861fb8 !important;
    color: white;
    width: unset !important;
    padding: 0 5px;
}

.video-info-right {
    right: 5px;
    bottom: 0px;
    background: #000000bd !important;
    color: white;
    width: unset !important;
    padding: 0 5px;
}

[class^='video-info-'] {
    position: absolute;
    z-index: 2;
    border-radius: 8px;
    text-align: center;
    height: 25px !important;
    line-height: 25px !important;
    font-size: 12px;
}

.video-extra-info {
    display: flex;
    color: white !important;
    position: relative;
}

.video-extra-info i::before {
    margin-right: 5px;
}

.video-extra-info i:last-child {
    position: absolute;
    right: 10px;
}