
.notice {
    width: 4.7rem;
    height: 1.1rem;
    color: #2c4f71;
    position: absolute;
    bottom: 7.5%;
    right: .4rem;
    overflow: hidden;
}

.notice div {
    font-size: .28rem;
    line-height: .4rem;
    position: relative;
}

.rank_box {
    margin-top: .6rem;
}

.list-box {
    width: 94%;
    height: auto;
    margin: 0 auto;
}

.list-box .list-title-box {
    height: .4rem;
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    width: calc(86% + .4rem);
    margin: 0 auto;
}

    .list-box .list-title-box .list-title {
        width: 50%;
        height: .8rem;
        line-height: .8rem;
        border-radius: .2rem;
        font-size: .3rem;
        font-weight: 600;
        margin: 0 auto;
        position: relative;
        top: -.4rem;
        background-color: #6B9C87;
        color: #fff;
        text-align: center
    }

.list-box .list-body {
    padding: 0 .2rem .1rem;
    height: auto;
    background: #fff;
    overflow: hidden;
    width: 86%;
    margin: 0 auto;
    padding-top: .2rem
}

.list-box .list-body {
    display: flex;
    gap: .1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.list-box .list-body .list-cont {
    width: calc(50% - .1rem);
    border: 1px solid #2c4f71;
    overflow: hidden;
    border-radius: .2rem;
}

.list-box .list-body .list-cont > a {
    position: relative;
    display: block;
}

.list-box .list-body .list-cont .prize-icon {
    position: absolute;
    top: .2rem;
    left: .1rem;
    width: .5rem
}

.list-box .list-body .list-cont .litpic {
    width: 100%;
    height: 4rem;
    object-fit: cover
}

.list-box .list-body .list-cont .worklist {
    display: flex;
    gap: .1rem;
    justify-content: space-between;
}

.list-box .list-body .list-cont .worklist div:nth-child(2n) {
    width: calc(100% - 1rem);
}

.list-box .list-body .list-cont .worklist .head {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    margin: .05rem
}

.list-box .list-body .list-cont .worklist span {
    display: block;
    font-size: .24rem !important;
    text-align: center;
    line-height: .5rem;
    white-space: nowrap
}

    .list-box .list-body .list-cont .go_video {
        display: block;
        background: #6B9C87;
        color: #fff;
        width: 90%;
        font-size: .24rem;
        padding: .1rem 0;
        border-radius: .22rem;
        height: .24rem;
        line-height: .24rem;
        text-align: center;
        margin: .1rem auto;
    }

.list-box .list-body .list-cont .no_video {
    background: #acacac !important;
}

.list-box .list-page {
    padding: 0 .2rem 2rem;
    background: #fff;
    width: 86%;
    margin: 0 auto;
    text-align: center;
}

.list-box .list-page a, .list-box .list-page span, .list-box .list-page em {
    font-size: .22rem;
    height: .26rem;
    line-height: .26rem;
    padding: .1rem .15rem
}

.list-box .list-page i {
    font-size: .22rem;
}

