.list-type {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 18px;
    vertical-align: top;
    position: absolute;
    top: 27px;
    color: white;
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
}

/* 活动：橙红色 */
.list-type.type-activity {
    background-color: #db7040;
}
.content-list li:hover .list-type.type-activity {
    background-color: #b84f26;
}
.content-list li:hover .list-text.type-activity,
.content-list li:hover .list-date.type-activity {
    color: #b84f26;
}

/* 维护：青绿色 */
.list-type.type-maintain {
    background-color: #20b2aa;
}
.content-list li:hover .list-type.type-maintain {
    background-color: #17827c;
}
.content-list li:hover .list-text.type-maintain,
.content-list li:hover .list-date.type-maintain {
    color: #17827c;
}

/* 游戏：蓝色 */
.list-type.type-game {
    background-color: #3a78d1;
}
.content-list li:hover .list-type.type-game {
    background-color: #2d5ca1;
}
.content-list li:hover .list-text.type-game,
.content-list li:hover .list-date.type-game {
    color: #2d5ca1;
}

/* 玩法：紫色 */
.list-type.type-way {
    background-color: #9b59b6;
}
.content-list li:hover .list-type.type-way {
    background-color: #7d3c98;
}
.content-list li:hover .list-text.type-way,
.content-list li:hover .list-date.type-way {
    color: #7d3c98;
}

.content-list li span:nth-child(2) {
    margin-left: 52px;
}

.content-list li:hover .list-type {
    color: white;
    background-color: #a98664;
}

@media screen and (max-width: 750px) {
    .list-text {
        width: calc(100% - 1.9rem);
    }

    .list-type {
        width: 0.52rem;
        height: 0.26rem;
        line-height: 0.26rem;
        font-size: 0.2rem;
        top: 0.36rem;
    }

    .content-list li span:nth-child(2) {
        margin-left: 0.7rem;
    }
}