.article-list[data-v-233071d4] {
    padding: .21333rem
}

.article-list[data-v-233071d4] .article-item {
    border-radius: .21333rem;
    height: 2.24rem;
    padding: .21333rem;
    transition: background-color .3s
}

.article-list[data-v-233071d4] .article-item:active {
    background-color: #f1f1f1
}


.article-list[data-v-233071d4] .article-item .a-link {
    display: flex;
    height: 100%
}

.article-list[data-v-233071d4] .article-item .a-cover-wrap {
    border-radius: .21333rem;
    height: 1.81333rem;
    margin-right: .32rem;
    position: relative;
    width: 3.01333rem
}

.article-list[data-v-233071d4] .article-item .a-cover-wrap .a-cover {
    border-radius: .21333rem;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article-list[data-v-233071d4] .article-item .a-cover-wrap .a-tag {
    height: .64rem;
    padding: .10667rem .21333rem;
    position: absolute;
    right: 0;
    top: 0
}

.article-list[data-v-233071d4] .article-item .a-tag {
    background-color: #0056ff;
    background-color: var(--tag-color,#0056ff);
    border-radius: .10667rem;
    color: #fff;
    display: inline-block;
    font-size: .32rem;
    font-weight: 700;
    height: .53333rem;
    line-height: .42667rem;
    padding: .05333rem .21333rem
}

.article-list[data-v-233071d4] .article-item .a-info-wrap {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%
}

.article-list[data-v-233071d4] .article-item .a-title {
    font-size: .4rem;
    font-weight: 400;
    line-height: .53333rem
}

.article-list[data-v-233071d4] .article-item .a-title .a-tag {
    border-radius: .10667rem;
    margin-right: .32rem
}

.article-list[data-v-233071d4] .article-item .a-time {
    color: #999;
    font-size: .32rem;
    line-height: .42667rem;
    margin-top: auto
}

.article-item-skeleton[data-v-6fe296a6] {
    display: flex;
    padding: .42667rem
}

.article-item-skeleton .im-skeleton__image[data-v-6fe296a6] {
    border-radius: .10667rem;
    height: 1.81333rem;
    margin-right: .32rem;
    width: 3.01333rem
}

.article-item-skeleton .im-skeleton__p[data-v-6fe296a6] {
    display: block
}

.article-item-skeleton .im-skeleton__p[data-v-6fe296a6]:first-child {
    margin-top: 0
}

.article-item-skeleton .im-skeleton__p[data-v-6fe296a6]:last-child {
    width: 40%
}

.article-item-skeleton .info[data-v-6fe296a6] {
    flex: 1;
    overflow: hidden
}

.invest-list[data-v-7b54a33a] {
    padding: 0 .32rem
}

.invest-time[data-v-7b54a33a] {
    display: inline-flex;
    font-size: .37333rem;
    height: .85333rem;
    line-height: .8rem;
    margin: .64rem 0 .32rem;
    overflow: hidden
}

.invest-time .date-time[data-v-7b54a33a] {
    background-color: #4a8a5b;
    border-radius: .21333rem 0 0 .21333rem;
    color: #fff
}

.invest-time .date-time[data-v-7b54a33a],.invest-time .week-time[data-v-7b54a33a] {
    border: .02667rem solid #4a8a5b;
    height: 100%;
    padding: 0 .21333rem
}

.invest-time .week-time[data-v-7b54a33a] {
    border-radius: 0 .21333rem .21333rem 0;
    color: #4a8a5b
}

.invest-item[data-v-7b54a33a] {
    display: flex
}

.invest-item .i-timeline[data-v-7b54a33a] {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-right: .42667rem;
    position: relative;
    width: .34667rem
}

.invest-item .i-timeline .line[data-v-7b54a33a] {
    border-left: .02667rem dashed rgba(74,138,91,.4);
    width: 0
}

.invest-item .i-timeline .dot[data-v-7b54a33a] {
    background-color: #fff;
    border: .05333rem solid #4a8a5b;
    border-radius: 50%;
    height: .34667rem;
    left: 0;
    position: absolute;
    top: .16rem;
    width: .34667rem
}

.invest-item .i-body[data-v-7b54a33a] {
    flex: 1;
    padding-bottom: .64rem
}

.invest-item .i-time[data-v-7b54a33a] {
    color: #999;
    font-size: .32rem;
    line-height: .64rem;
    margin-bottom: .32rem
}

.invest-item .i-title[data-v-7b54a33a] {
    font-size: .48rem;
    font-weight: 700;
    line-height: .64rem;
    margin-bottom: .32rem;
    transition: color .3s;
    word-break: break-all
}

.invest-item .i-title[data-v-7b54a33a]:hover {
    color: #4a8a5b
}

.invest-item .i-summary[data-v-7b54a33a] {
    color: #999;
    font-size: .37333rem;
    line-height: .58667rem
}

.al-tabs[data-v-0d772c84] {
    -webkit-backdrop-filter: blur(.32rem);
    backdrop-filter: blur(.32rem);
    background-color: hsla(0,0%,100%,.8);
    height: 1.28rem;
    position: sticky;
    top: 0;
    z-index: 1000
}

.al-tabs .al-tab-swiper-slide[data-v-0d772c84] {
    width: auto!important
}

.al-tabs .al-tab-item[data-v-0d772c84] {
    cursor: pointer;
    font-size: .37333rem;
    line-height: 1.28rem;
    padding: 0 .32rem;
    position: relative;
    transition: color .3s
}

.al-tabs .al-tab-item[data-v-0d772c84]:after {
    background-color: #077d1d;
    border-radius: .21333rem;
    bottom: .21333rem;
    content: "";
    height: .05333rem;
    left: .37333rem;
    opacity: 0;
    position: absolute;
    right: .37333rem;
    transform: scaleX(0);
    transition: transform .3s,opacity .3s;
    width: auto
}

.al-tabs .al-tab-item.is-active[data-v-0d772c84] {
    color: #077d1d;
    font-weight: 700
}

.al-tabs .al-tab-item.is-active[data-v-0d772c84]:after {
    opacity: 1;
    transform: scaleX(1)
}

.al-container[data-v-0d772c84] {
    padding: .32rem .32rem 1.06667rem
}

.al-card[data-v-0d772c84] {
    background-color: #fff;
    border-radius: .42667rem;
    min-height: 100vh
}

.al-card-footer[data-v-0d772c84] {
    padding: .32rem
}

.al-btn-load[data-v-0d772c84] {
    background-color: #f5f5f5;
    border: none;
    border-radius: .21333rem;
    display: block;
    width: 100%
}