.home-template-blog-9{color:#1f2542;margin-top:55px}.home-template-blog-9 .home-top{align-items:center;background:linear-gradient(180deg,#f4f6ff 0,#fff);display:flex;flex-direction:column;padding:39px 20px;text-align:center}.home-template-blog-9 .home-top .home-title{color:var(--5d1130f2);font-size:50px;font-weight:700;margin-bottom:22px;margin-top:5px}.home-template-blog-9 .home-top .home-desc{color:var(--5d1130f2);font-size:1.25rem;line-height:1.75rem}.home-template-blog-9 .home-top .home-top-search-box{margin-top:30px}.home-template-blog-9 .home-top .home-top-search-box .search-input{height:52px;width:600px}.home-template-blog-9 .home-top .home-top-search-box .search-input .el-input__wrapper{border:1px solid transparent;border-radius:12px;box-shadow:0 0 transparent,0 0 transparent,0 8px 13px 4px rgba(98,113,159,.08);font-size:16px}.home-template-blog-9 .home-top .home-top-search-box .search-input .el-input__wrapper.is-focus,.home-template-blog-9 .home-top .home-top-search-box .search-input .el-input__wrapper:hover{border:1px solid var(--el-color-primary)}.home-template-blog-9 .type-box-wrapper{background:#f4f6ff;padding:18px 20px 5px;text-align:center}.home-template-blog-9 .type-box-wrapper .type-con{align-items:flex-start;display:flex;justify-content:space-between;margin:auto;max-width:1200px}.home-template-blog-9 .type-box-wrapper .container{border:1px solid #ccc;font-family:sans-serif;margin:20px;padding:20px;width:500px}.home-template-blog-9 .type-box-wrapper .controls{display:flex;margin-top:15px}.home-template-blog-9 .type-box-wrapper .type-box{display:flex;flex:1;flex-wrap:wrap;overflow:hidden;transition:max-height .3s ease-in-out}.home-template-blog-9 .type-box-wrapper .type-box.collapsed{max-height:38px}.home-template-blog-9 .type-box-wrapper .menu-item{color:#8f92a0;cursor:pointer;font-size:16px;line-height:25px;margin-bottom:11px;margin-right:2.5rem;padding:0;white-space:nowrap}.home-template-blog-9 .type-box-wrapper .menu-item:hover{text-decoration:underline}.home-template-blog-9 .type-box-wrapper .menu-item.active{color:var(--el-color-primary);font-weight:700}.home-template-blog-9 .type-box-wrapper .btn-flex{align-items:flex-start;display:flex}.home-template-blog-9 .type-box-wrapper .btn-flex .toggle-btn{background:none;border:none;color:var(--el-color-primary);cursor:pointer;flex-shrink:0;font-size:14px;line-height:28px;margin-left:15px;padding:0}.home-template-blog-9 .type-box-wrapper .btn-flex .toggle-btn:hover{opacity:.8}.home-template-blog-9 .blog-box{padding:60px 20px 0;text-align:center}.home-template-blog-9 .blog-box .blog-list{margin:auto;max-width:1200px}.home-template-blog-9 .blog-box .blog-list-row .blog-item{margin-bottom:70px}.home-template-blog-9 .blog-box .blog-list-row .blog-item:hover .title{text-decoration:underline}.home-template-blog-9 .blog-box .blog-list-row .blog-item .blog-img-box{border-radius:12px;height:228px;overflow:hidden;position:relative}.home-template-blog-9 .blog-box .blog-list-row .blog-item .blog-img-box .blog-img{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%}.home-template-blog-9 .blog-box .blog-list-row .blog-item .blog-img-box .time-box{-webkit-backdrop-filter:saturate(100%) blur(15px);backdrop-filter:saturate(100%) blur(15px);background:rgba(0,0,0,.7);border-radius:4px;bottom:15px;color:#fff;font-family:rubik,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;font-size:14px;padding:6px 10px;position:absolute;right:15px}.home-template-blog-9 .blog-box .type-name{color:var(--el-color-primary);display:block;font-size:16px;margin-top:15px;text-align:left}.home-template-blog-9 .blog-box .type-name:hover{text-decoration:underline}.home-template-blog-9 .blog-box .info-box{margin-top:15px;text-align:left}.home-template-blog-9 .blog-box .info-box .title{display:-webkit-box;font-size:24px;font-weight:500;line-height:36px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.home-template-blog-9 .blog-box .info-box .desc{color:#666e94;display:-webkit-box;font-size:1rem;line-height:1.5rem;margin-top:10px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.home-template-blog-9 .blog-box .no-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px}.home-template-blog-9 .blog-box .no-box .no-img{width:180px}.home-template-blog-9 .blog-box .no-box .text{color:#8f92a0;font-size:1rem;line-height:1.5rem;margin-top:20px}.home-template-blog-9 .pagination-box{display:flex;justify-content:center}@media screen and (max-width:768px){.home-template-blog-9 .home-top .home-top-search-box{width:92%}.home-template-blog-9 .home-top .home-top-search-box .search-input{width:100%}}