.channel-arcgrid {
    width: 970px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.channel-arcgrid>li {
    width: 303px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px 0px rgb(116 117 118 / 15%), 0px 0px 30px 0px rgb(116 117 118 / 15%);
    height: 286px;
}

.channel-arcgrid>li>a>img {
    width: 303px;
    height: 160px;
}

.channel-arcgrid-context {
    width: 303px;
    height: 126px;
}

.channel-arcgrid-context>p {
    width: 263px;
    height: 48px;
    margin: 20px 20px 12px 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    text-shadow: 0px 0px 30px rgba(116, 117, 118, 0.15);
}

.channel-arcgrid-context>div {
    width: 263px;
    height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 20px 20px 20px;
}

.channel-arcgrid-context>div>span:first-child {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    text-shadow: 0px 0px 30px rgba(116, 117, 118, 0.15);
}

.channel-arcgrid-context>div>span:last-child {
    font-size: 14px;
    font-weight: 400;
    color: #155FA0;
    text-shadow: 0px 0px 30px rgba(116, 117, 118, 0.15);
}