.article-list[data-v-a4ada4aa]{contain:layout;display:flex;flex:1;flex-direction:column}.article-list[data-v-a4ada4aa],a[data-v-a4ada4aa],article[data-v-a4ada4aa],div[data-v-a4ada4aa],i[data-v-a4ada4aa],img[data-v-a4ada4aa],p[data-v-a4ada4aa],span[data-v-a4ada4aa]{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.article-item[data-v-a4ada4aa]{background:#fff;box-shadow:0 3px 8px 6px #07111b0d;cursor:pointer;display:flex;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease}.article-content a[data-v-a4ada4aa]{text-decoration:none}article[data-v-a4ada4aa]{background:#fff;border:1px solid #ccc;border-left-width:5px;box-shadow:0 3px 8px 6px #07111b0d;cursor:pointer;display:flex;max-height:15em}article[data-v-a4ada4aa]:hover{border:1px solid #409eff}article[data-v-a4ada4aa] :hover *{border:none}.article-title[data-v-a4ada4aa]{color:#333;font-weight:700;text-decoration:none}.article-image[data-v-a4ada4aa]{align-items:center;background:#f5f5f5;display:flex;justify-content:center;padding:1em}.article-image[data-v-a4ada4aa],.article-image img[data-v-a4ada4aa]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.article-image img[data-v-a4ada4aa]{height:160px;width:250px}.article-image img[data-v-a4ada4aa]:hover{transform:scale(1.05);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.article-content[data-v-a4ada4aa]{display:flex;flex:1;flex-direction:column;justify-content:space-around;min-width:0;padding:1em;width:60%}.article-content .title[data-v-a4ada4aa]{color:#42b983;color:#333;font-weight:700;text-decoration:none}.article-content .title[data-v-a4ada4aa]:hover{color:#3690cf;font-weight:700}.article-content .meta[data-v-a4ada4aa]{color:#666;font-size:.9em;margin:0 0 8px}.article_createTime[data-v-a4ada4aa],.category[data-v-a4ada4aa],.tags[data-v-a4ada4aa]{color:#767575}.fade-enter-active[data-v-a4ada4aa],.fade-leave-active[data-v-a4ada4aa]{transition:opacity .5s ease}.fade-enter-from[data-v-a4ada4aa],.fade-leave-to[data-v-a4ada4aa]{opacity:0}@media screen and (max-width:480px){.article-image img[data-v-a4ada4aa]{height:65px;width:110px}.article_createTime[data-v-a4ada4aa]{font-size:1em}}@media screen and (min-width:481px) and (max-width:768px){.article-image img[data-v-a4ada4aa]{height:100px;width:150px}.article_createTime[data-v-a4ada4aa]{font-size:1em}}