.article-card .card-left[data-v-051c00e2],.article-card[data-v-051c00e2]{display:flex;justify-content:space-between}.article-card .card-left[data-v-051c00e2]{flex-direction:column;width:9.58333rem}.article-card .card-left .card-title[data-v-051c00e2]{font-size:.83333rem;font-family:Roboto-Regular,Roboto;font-weight:400;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-card .card-left .card-type .icon[data-v-051c00e2]{width:.77778rem;height:.77778rem;border-radius:50%}.article-card .card-left .card-type .des[data-v-051c00e2]{font-size:.72222rem;font-family:Roboto-Regular,Roboto;font-weight:400;color:#999;margin-left:.27778rem;margin-right:.27778rem}.article-card .card-img[data-v-051c00e2],.article-card .card-no-net[data-v-051c00e2]{width:6.05556rem;height:4.44444rem;border-radius:.44444rem}.article-card .card-no-net[data-v-051c00e2]{background:#f7f7f7;display:flex;align-items:center;justify-content:center}.article-card .card-no-net img[data-v-051c00e2]{height:.88889rem;width:4.05556rem}.article-container[data-v-e211f8f2]{width:100%;min-height:100vh;position:relative;background-color:#86c0fe}.article-container.offline[data-v-e211f8f2]{background:linear-gradient(180deg,#3f83ff,#86c0fe)}.article-container .article-header .title[data-v-e211f8f2]{position:absolute;font-size:.94444rem;font-family:Roboto-Bold,Roboto;font-weight:700;color:#fff;margin-left:1.66667rem;margin-top:2.11111rem}.article-container .article-header .article-bg img[data-v-e211f8f2]{height:13.88889rem;width:100%}.article-container .article-header .article-offline[data-v-e211f8f2]{z-index:20;width:100%;height:3.88889rem;padding-bottom:.77778rem}.article-container .article-header .article-offline .offline-content[data-v-e211f8f2]{height:3.11111rem;background:#fff;border-radius:.66667rem;margin:0 .66667rem;padding:0 .77778rem;display:flex;align-items:center}.article-container .article-header .article-offline .offline-content .icon-no-net[data-v-e211f8f2]{width:2.11111rem;height:1.55556rem}.article-container .article-header .article-offline .offline-content .no-net[data-v-e211f8f2]{font-size:.66667rem;font-family:Roboto-Regular,Roboto;font-weight:400;color:#757575;margin-left:.44444rem;margin-right:.44444rem}.article-container .article-header .article-offline .offline-content .button[data-v-e211f8f2]{width:4rem;height:1.55556rem;background:rgba(36,127,255,.15);border-radius:.33333rem;font-size:.66667rem;font-family:Roboto-Bold,Roboto;font-weight:700;color:#247fff;text-align:center;line-height:1.5rem}.article-container .article-content[data-v-e211f8f2]{position:relative;z-index:10;background:#fff;border-radius:.77778rem;min-height:2.77778rem;margin:-1.38889rem .75rem 1.33333rem;padding:.11111rem 1rem}.article-container .article-content .article-item[data-v-e211f8f2]{margin-top:1rem}.article-container .article-content .card[data-v-e211f8f2]{margin-bottom:1rem}.article-container .article-content .divide[data-v-e211f8f2]{content:"";width:16.88889rem;height:.02778rem;background:#e9e9e9;display:block;margin:0 auto}.article-container .article-footer[data-v-e211f8f2]{text-align:center;padding-bottom:1.30556rem}.article-container .article-footer img[data-v-e211f8f2]{width:5.55556rem;height:1.77778rem}.article-container .offline[data-v-e211f8f2]{margin-top:0}