* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.list-crumbs {
    display: block;
    /*margin-left: 0.6rem;*/
}

.info-container .info-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*  width: 94vw;*/
    margin: 0px 0px 0px 6px;
}

    .info-container .info-t .info__img {
        width: 120px;
        margin-right: 0.5rem;
        /*  height: 5rem;*/
        overflow: hidden;
        border-radius: 0.1rem;
    }

        .info-container .info-t .info__img img {
            width: 100%;
        }

    .info-container .info-t .info-i {
        width: 278px;
    }

        .info-container .info-t .info-i .info-i__title {
            font-size: 18px;
            font-weight: bold;
            /*  margin-bottom:0.1rem;*/
            margin-top: -0.2rem;
        }

            .info-container .info-t .info-i .info-i__title .info-i--title {
                display: inline-block;
                vertical-align: middle;
                /*overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;*/
                width: 100%;
            }

            .info-container .info-t .info-i .info-i__title .info-i--auth {
                display: inline-block;
                vertical-align: middle;
                font-size: 0.4rem;
                font-weight: normal;
                margin-top: -0.6rem;
            }

        .info-container .info-t .info-i .info-i__tag {
            margin-top: -0.4rem;
        }

        .info-container .info-t .info-i .info-i__count {
            margin: -0.6rem 0 0.1rem 0;
        }

            .info-container .info-t .info-i .info-i__count .info-i--count {
                display: inline-block;
                font-size: 0.5rem;
                font-weight: bold;
                position: relative;
                margin-right: 0.2rem;
            }

                .info-container .info-t .info-i .info-i__count .info-i--count::after {
                    content: "|";
                    position: absolute;
                    top: 50%;
                    right: -0.2rem;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-weight: normal;
                    color: rgba(0, 0, 0, 0.3);
                }

                .info-container .info-t .info-i .info-i__count .info-i--count:last-of-type::after {
                    content: "";
                }

            .info-container .info-t .info-i .info-i__count .info-i--company {
                font-weight: normal;
                font-size: 0.5rem;
            }

        .info-container .info-t .info-i .info-i__new-writer {
            font-size: 14px;
            margin-top: 0.1rem
        }

        .info-container .info-t .info-i .info-i__new-paper {
            display: block;
            font-size: 14px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            /*  white-space: nowrap;*/
            margin-top: 0.1rem
        }

            .info-container .info-t .info-i .info-i--new-writer span,
            .info-container .info-t .info-i .info-i__new-paper span {
                font-size: 14px;
            }

            .info-container .info-t .info-i .info-i__new-paper .info-i--new-title {
                color: #1e90ff;
            }

        .info-container .info-t .info-i .info-i__article {
            position: relative;
            margin-top: 0.1rem
        }

            .info-container .info-t .info-i .info-i__article .info-i--article-content {
                font-size: 14px;
                display: block;
                /*-webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;*/
                word-break: break-all;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                /* 这里是超出几行省略 */
                overflow: hidden;
            }

                .info-container .info-t .info-i .info-i__article .info-i--article-content.flow {
                    overflow: hidden;
                    position: relative;
                }

            .info-container .info-t .info-i .info-i__article .info-i--article-status {
                position: absolute;
                bottom: 0;
                right: 0;
                font-size: 0.5rem;
                padding-left: 0.2rem;
                color: #1e90ff;
                background-color: #fff;
                cursor: pointer;
                display: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

.info-container .recommend {
    width: 94vw;
    margin: 0.4rem auto 0;
    line-height: 22px;
}

    .info-container .recommend .recommend--title,
    .info-container .recommend .recommend--item {
        color: #2ed573;
        /*  display: inline-block;*/
        vertical-align: middle;
        font-size: 14px;
        line-height: 0.8rem;
    }

        .info-container .recommend .recommend--title.recommend--item,
        .info-container .recommend .recommend--item.recommend--item {
            color: #1e90ff;
            margin-right: 0.2rem;
            /*  margin-right: 0.2rem;
  position: relative;*/
        }

            /*.info-container .recommend .recommend--title.recommend--item::after,
.info-container .recommend .recommend--item.recommend--item::after {
  content: "/";
  position: absolute;
  top: 50%;
  right: -0.2rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}*/

            .info-container .recommend .recommend--title.recommend--item:last-of-type::after,
            .info-container .recommend .recommend--item.recommend--item:last-of-type::after {
                content: "";
            }

.list-container {
    width: 94vw;
    margin: 0.8rem auto;
}

    .list-container .list-container__title {
        border-bottom: 0.02rem solid rgba(0, 0, 0, 0.3);
        padding-bottom: 0.2rem;
        display: block !important;
    }

        .list-container .list-container__title .list-container--title {
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            font-weight: bold;
            margin-right: 0.2rem;
        }

        .list-container .list-container__title .list-container--buy {
            display: inline-block;
            vertical-align: middle;
            background-color: #2ed573;
            color: #fff;
            font-size: 0.4rem;
            padding: 0 0.2rem;
            letter-spacing: 0.05rem;
            height: 0.533rem;
            line-height: 0.533rem;
            margin-right: 0.2rem;
        }

        .list-container .list-container__title .list-container--count {
            display: inline-block;
            vertical-align: middle;
            font-size: 0.4rem;
        }

    .list-container .list-container__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .list-container .list-container__list .list-container--item {
            font-size: 16px;
            width: 100%;
            display: block;
            line-height: 36px;
            border-bottom: 0.02rem dashed rgba(0, 0, 0, 0.3);
            color: rgba(0, 0, 0, 0.7);
            -webkit-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            cursor: pointer;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .list-container .list-container__list .list-container--item:hover {
                color: #ff4757;
            }

.m-read {
    margin-top: 0.5rem;
    display: block;
    padding-left: 0.5rem;
}

    .m-read::after {
        content: "";
        display: block;
        clear: both;
    }

    .m-read a.m-startedbtn {
        display: block;
        float: left;
        text-decoration: none;
        text-align: center;
        background-color: #ff3955;
        border: 1px solid #ff3955;
        color: #fff;
        width: 90px;
        height: 33px;
        line-height: 30px;
        border-radius: 0.2rem;
        margin-right: 0.5rem;
        font-size: 16px;
    }

    .m-read a.m-diralinks {
        display: block;
        color: #ff3955;
        text-align: center;
        border: 1px solid #ff3955;
        text-decoration: none;
        float: left;
        width: 80px;
        height: 30px;
        line-height: 30px;
        border-radius: 0.2rem;
        margin-right: 0.5rem;
        font-size: 14px;
    }