a:hover,
        .c-title::after,
        .pc-nav .active,
        .pc-nav .sub-nav a:hover,
        #aside_hot .list-1,
        #aside_hot .list-2,
        #aside_hot .list-3,
        .recommend-b .category,
        .full-post .read-more,
        .flink a.iconfont:hover,
        .thumbs-btn,
        #cancel-reply,
        .art-content a,
        #tbCalendar a,
        .table_card .active,
        .table_card .tab li:hover,
        .footer a:hover,
        .app-list .download,
        .commentname a,
        .comment-at {
            color: #;
        }

        .recommend-b .category,
        .full-post .read-more,
        .thumbs-btn,
        .art-content .tags:hover,
        #divCatalog li a:hover,
        #divContorPanel .cp-login a:hover,
        #divContorPanel .cp-vrs a:hover,
        .app-list .download:hover,
        .app-list .download,
        .app-main figure .download,
        #divCommentPost input.button,
        #divSearchPanel input[type='submit'] {
            border: 1px solid #;
        }

        .art-content a:hover {
            border-bottom: 1px dashed #;
        }

        .art-content blockquote {
            border-left: 4px solid #;
        }

        ::selection,
        ::-moz-selection {
            background: #;
        }

        .thumbs_done,
        .thumbs-btn:hover,
        .pc-nav li a::before,
        .pc-nav .active::before,
        .art-content .tags:hover,
        #widget_aside_author .level,
        .full-post .read-more:hover,
        .recommend-b .category:hover,
        #middle_1 .download,
        #left_1 .download,
        .m-nav .sub-nav,
        .com-submit,
        .page-numbers,
        a.page-numbers:hover,
        #divCatalog li a:hover,
        #divTags li a:hover,
        #divContorPanel .cp-login a:hover,
        #divContorPanel .cp-vrs a:hover,
        #qr:hover,
        .btn.qq:hover,
        .toolbar .btn:hover,
        .dropdown-nav li a:hover,
        .dropdown-nav .active a,
        .dropdown-nav .active a:hover,
        #divSearchPanel input[type='submit'],
        #tbCalendar tbody a,
        .toolbar .btn,
        .app-list .download:hover,
        .app-main figure .download,
        .app-content .title-css .i,
        .related-item .download,
        #divCommentPost input.button,
        .header-top a:hover {
            background-color: #;
        }

        
.articleBar {
    display: flex;
    flex-wrap: wrap;
    height: 0;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
}

.articleBar a {
    width: calc(25% - 10px);
    display: block;
    background: #1f0c3e;
    margin: 0px 5px 10px 5px;
    overflow: hidden;
    transition: all ease 0.3s;
}

.articleBar a .img-box {
    position: relative;
}

.articleBar a span.video-time {
    position:
        absolute;
    bottom: 0;
    right: 0;
    background: #00000075;
    padding: 2px 3px;
    font-size: 13px;
    color: #fff;
}

.articleBar a:hover {
    background: #250856;
}

.articleBar a .ln-info {
    position: relative;
}

.articleBar a .ln-info .img {
    display: block;
    margin: 0 auto;
    background: #000000;
}

.articleBar a h1 {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 23px;
    font-weight: 100;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.articleBar a .detailInfo {
    font-size: 14px;
    padding: 3px 8px;
}

.articleBar a .detailInfo .info {
    padding: 2px 0;
    font-size: 12px;
}

.articleBar a .tag {
    background: #eb0061a6;
    font-size: 13px;
    height: 22px;
    padding: 0 3px;
    line-height: 20px;
    margin-right: 5px;
    display: block;
    color: #ffc6c6;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    border: 1px solid #f00;
}

.articleBar a .img-box {
    height: 0;
    padding-bottom: 67.00%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #0d0718;
    background-position: center center;
    transition: all ease .3s;
    position: relative;
}

.articleBar a .img-box img {
    width: auto;
    height: 100%;
    border: none;
    background: #01010159;
    position: absolute;
    left: 0;
    top: 0;
}

.articleBar a * {}

.articleBar a:hover .img-box::after {
    content: "";
    background: url(https://bttzyw23.com/Tpl/custom//images/load.png) no-repeat 50% #00000029;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 35px 35px;
}

.articleBar a .time {
    line-height: 20px;
}

.articleBar a .time i {
    font-size: 13px;
}

.articleBar a .view i {
    font-size: 12px;
}

.articleBar a .views {}