.active-box[data-v-1587e549]{padding:20px 16px;background:#fff;box-shadow:0 0 12px 0 rgba(23,38,71,.04);border-radius:12px;margin-bottom:20px}.title[data-v-1587e549]{display:flex;align-items:center}.title span[data-v-1587e549]:first-child{padding:2px 4px;border-radius:3px;font-size:10px}.title span[data-v-1587e549]:nth-child(2){color:#303133;font-size:14px;font-weight:700;margin-left:10px;padding-right:10px;flex:1}.title span[data-v-1587e549]:nth-child(3){color:#999;font-size:10px}.author[data-v-1587e549]{color:#909399;font-size:12px}.date[data-v-1587e549]{display:flex;align-items:center;justify-content:space-between;line-height:2}.date span[data-v-1587e549]:first-child{color:#303133;font-size:20px}.date span img[data-v-1587e549]{vertical-align:middle;width:24px}.span1[data-v-1587e549]{background:rgba(68,101,243,.2);color:#4465f3}.span2[data-v-1587e549]{background:rgba(253,164,35,.2);color:#fda423}.span3[data-v-1587e549]{background:rgba(161,168,184,.2);color:#a1a8b8}.span4[data-v-1587e549]{background:rgba(119,98,212,.2);color:#7762d4}.span5[data-v-1587e549]{background:rgba(244,106,106,.2);color:#f46a6a}