.blog-item{box-shadow:var(--shadow-primary);display:flex;overflow:hidden;text-decoration:none}.blog-item:hover img{transform:scale(1.2)}.blog-item .cover-box{width:50%}.blog-item .cover-box img{transition:all 2s}.blog-item .blog-item-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:30px}.blog-item .blog-item-tit{color:var(--font-primary);font-size:20px}.blog-item .blog-item-time{color:var(--font-tertiary);font-size:12px}@media screen and (max-width:700px){.blog-item{border-radius:8px;flex-direction:column}.blog-item .cover-box{width:100%}.blog-item .blog-item-info{padding:12px}.blog-item .blog-item-tit{color:var(--font-primary);font-size:16px;margin-bottom:0}.blog-item .blog-item-time{margin-top:8px}}.blog-wrapper{box-sizing:border-box;margin:40px auto;max-width:100%;padding:0 16px;position:relative;width:1086px}.blog-wrapper .list-loading{align-items:center;color:var(--font-tertiary);display:flex;font-size:14px;justify-content:center;margin:20px auto 0;text-align:center}.blog-wrapper .list-loading .loading-dom{margin-right:8px}.blog-wrapper .list-more{align-items:center;color:var(--font-primary);cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:20px auto 0;text-align:center}.blog-wrapper .blog-item-wrapper{padding:24px 0 12px}.blog-wrapper .blog-item-wrapper:first-child{padding-top:0}.blog-wrapper .blog-item-wrapper.template{display:flex}.blog-wrapper .blog-item-wrapper.template .el-skeleton__image{height:175px;width:50%}.blog-wrapper .blog-item-wrapper.template .el-skeleton__text{height:30px;margin:30px;width:50%}@media screen and (max-width:700px){.blog-wrapper{margin:16px auto}.blog-wrapper .blog-item-wrapper{padding:12px 0}.blog-wrapper .blog-item-wrapper:first-child{padding-top:0}.blog-wrapper .blog-item-wrapper.template{flex-direction:column}.blog-wrapper .blog-item-wrapper.template .el-skeleton__image{width:100%}.blog-wrapper .blog-item-wrapper.template .el-skeleton__text{height:16px;margin:12px 0 0;width:100%}}