@media screen and (min-width:768px){.BlogList[data-v-437bc2fc]{display:flex;flex-wrap:wrap;margin-bottom:40px;margin-top:36px}.BlogList a[data-v-437bc2fc]{border:1px solid #f0f0f2;border-radius:8px;margin-bottom:21px;margin-left:21px;padding:20px;transition:all .3s;width:386px}.BlogList a[data-v-437bc2fc]:nth-child(3n+1){margin-left:0}.BlogList a .cover[data-v-437bc2fc]{background-position:50%;background-size:100% auto;border-radius:6px;height:150px;width:100%}.BlogList a h5[data-v-437bc2fc]{color:#141424;font-size:18px;font-weight:600;line-height:23px;margin-top:16px;transition:all .3s;line-clamp:2;-webkit-line-clamp:2}.BlogList a h5[data-v-437bc2fc],.BlogList a>p[data-v-437bc2fc]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-break:break-all}.BlogList a>p[data-v-437bc2fc]{color:#555462;font-size:14px;font-weight:400;height:54px;line-height:18px;margin-top:10px;line-clamp:3;-webkit-line-clamp:3}.BlogList a .info[data-v-437bc2fc]{justify-content:space-between;margin-top:32px}.BlogList a .info[data-v-437bc2fc],.BlogList a .info .left[data-v-437bc2fc]{align-items:center;display:flex}.BlogList a .info .left img[data-v-437bc2fc]{border-radius:50%}.BlogList a .info .left div[data-v-437bc2fc]{margin-left:10px}.BlogList a .info .left div b[data-v-437bc2fc]{color:#141424;font-size:14px;font-weight:500;line-height:18px}.BlogList a .info .left div p[data-v-437bc2fc]{color:#91919b;font-size:12px;font-weight:400;line-height:15px;margin-top:4px}.BlogList a .info .right[data-v-437bc2fc]{background-color:#eeeef6;border-radius:50%;color:#91919b;height:30px;line-height:30px;text-align:center;transition:all .3s;width:30px}.BlogList a .info .right[data-v-437bc2fc]:hover{background-color:var(--primary-color);color:#fff}.BlogList a[data-v-437bc2fc]:hover{box-shadow:0 10px 10px 6px #0000000d;transform:translateY(-6px)}.BlogList a:hover h5[data-v-437bc2fc]{color:var(--primary-color)}}@media screen and (max-width:768px){.BlogList[data-v-437bc2fc]{margin-top:2rem}.BlogList a[data-v-437bc2fc]{border:.1rem solid #f0f0f2;border-radius:.8rem;display:block;padding:1.5rem}.BlogList a .cover[data-v-437bc2fc]{background-position:50%;background-size:100% auto;border-radius:.6rem;height:15rem;width:100%}.BlogList a h5[data-v-437bc2fc]{color:#141424;font-size:1.8rem;font-weight:600;line-height:2.3rem;margin-top:1.6rem;overflow:hidden;text-overflow:ellipsis;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.BlogList a p[data-v-437bc2fc]{color:#555462;font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:1rem}.BlogList a .info[data-v-437bc2fc]{justify-content:space-between;margin-top:3rem}.BlogList a .info[data-v-437bc2fc],.BlogList a .info .left[data-v-437bc2fc]{align-items:center;display:flex}.BlogList a .info .left img[data-v-437bc2fc]{border-radius:50%;flex:0 0 3.6rem;height:3.6rem}.BlogList a .info .left div[data-v-437bc2fc]{margin-left:1rem}.BlogList a .info .left div b[data-v-437bc2fc]{color:#141424;font-size:1.4rem;font-weight:500;line-height:1.8rem}.BlogList a .info .left div p[data-v-437bc2fc]{color:#91919b;font-size:1.2rem;font-weight:400;line-height:1.5rem}.BlogList a .info .right[data-v-437bc2fc]{align-items:center;background:#eeeef6;border-radius:50%;display:flex;flex:0 0 3rem;height:3rem;justify-content:center}.BlogList a+a[data-v-437bc2fc]{margin-top:1.6rem}}