.yn .content {
    font-family: Roboto !important;
    color: #333;
    line-height: 1.6;
}

.yn-detail-content .box {
    display: flex;
    /* flex-direction: row; */
    flex-direction: row-reverse;
    width: 100%;
}

.yn-detail-content .box .left {
    width: 80%;
}

.yn-detail-content .box .right {
    width: 20%;
    margin-right: 20px;

    position: -webkit-sticky;
    /* 对于 Safari */
    position: sticky;
    top: 101px;
}


@media (max-width: 479px) {
    .yn .list-box {
        background-color: #fff;
    }

    .yn-detail-content .box {
        display: block;
    }

    .yn-detail-content .box .left {
        width: 100%;

    }

    .yn-detail-content .box .right {
        width: 100%;
        margin-right: 0px;
    }
}