.blog-banner{position:relative}.blog-banner .wap-banner{display:none!important}.blog-banner .web-banner{height:300px;object-fit:cover}.blog-banner img{width:100%}.blog-banner h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;line-height:48px;color:#fff}.blog-wrap{display:flex;padding:0}.blog-sidebar{margin-right:64px;width:240px}.blog-sidebar .blog-menu-input{display:none}.blog-sidebar .blog-menu-item{padding-bottom:16px}.blog-sidebar .blog-menu-item.active .blog-menu-title .iconfont{transform:rotate(0)}.blog-sidebar .blog-menu-item .blog-menu-title{font-size:16px;font-weight:600;cursor:pointer}.blog-sidebar .blog-menu-item .blog-menu-title.on a{color:#fe7424}.blog-sidebar .blog-menu-item .blog-menu-title span{display:inline-block;min-width:95px}.blog-sidebar .blog-menu-item .blog-menu-title a{color:#272727}.blog-sidebar .blog-menu-item .blog-menu-title .iconfont{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:25px;transform:rotate(180deg);transition:transform .5s}.blog-sidebar .blog-menu-item .blog-menu-list{margin-top:16px;padding-left:16px}.blog-sidebar .blog-menu-item .blog-menu-list li{margin-bottom:12px;font-size:16px;line-height:16px}.blog-sidebar .blog-menu-item .blog-menu-list li.on a{color:#fe7424}.blog-sidebar .blog-menu-item .blog-menu-list li a{color:#272727}.blog-sidebar .blog-menu-item .blog-menu-list li:last-child{margin-bottom:0}.blog-main{flex:1;padding-bottom:96px}.blog-main .blog-tags{padding-bottom:64px}.blog-main .blog-tags .blog-tags-title{margin-bottom:16px;font-size:16px;font-weight:600}.blog-main .blog-tags .blog-tags-list{display:flex;flex-flow:wrap row}.blog-main .blog-tags .blog-tags-list li{margin-right:16px;margin-bottom:16px;font-size:12px;padding:8px 12px;border:1px solid #EAEAEA;border-radius:4px;transition:border .5s}.blog-main .blog-tags .blog-tags-list li:hover,.blog-main .blog-tags .blog-tags-list li.active{border-color:#fe7424}.blog-main .blog-tags .blog-tags-list li:hover a,.blog-main .blog-tags .blog-tags-list li.active a{color:#fe7424}.blog-main .blog-tags .blog-tags-list li a{color:#272727;transition:color .5s}.blog-main .blog-recommend{margin-bottom:64px}.blog-main .blog-recommend .blog-recommend-cover{display:block}.blog-main .blog-recommend .blog-recommend-cover img{max-width:100%;width:100%;height:300px;object-fit:cover}.blog-main .blog-recommend .blog-recommend-content{display:block;margin-top:16px;color:#272727}.blog-main .blog-recommend .blog-recommend-content h3{margin-bottom:8px;font-size:22px;line-height:22px;font-weight:600}.blog-main .blog-recommend .blog-recommend-content span{font-size:14px;color:#bdbdbd}.blog-main .blog-recommend .blog-recommend-content p{margin-top:16px}.blog-main .blog-list h2{margin-bottom:32px;font-size:28px;line-height:28px;font-weight:700}.blog-main .blog-list ul{display:flex;flex-flow:wrap row}.blog-main .blog-list ul .blog-item-row{margin-bottom:48px;width:calc(50% - 24px);margin-right:24px}.blog-main .blog-list ul .blog-item-row a{display:block;color:#272727}.blog-main .blog-list ul .blog-item-row a img{margin-bottom:16px;max-width:100%;width:100%;height:240px;object-fit:cover}.blog-main .blog-list ul .blog-item-row a .blog-item-title{margin-bottom:8px;font-size:18px;font-weight:600}.blog-main .blog-list ul .blog-item-row a .blog-item-time{font-size:14px;line-height:14px;color:#8f8f8f}.blog-main .blog-list ul .blog-item-row a .blog-item-desc{margin-top:16px;font-size:14px;line-height:24px}.blog-main .blog-list ul .blog-item-row:nth-child(2n){margin-right:0}.article-pagination{display:flex;justify-content:center}.article-pagination li{width:25px;height:20px;font-size:14px;line-height:20px;text-align:center;font-weight:500}.article-pagination li .pagination--current{color:#272727}.article-pagination li a,.article-pagination li span{color:#bdbdbd}.article-pagination li:first-child{width:20px;margin-right:40px}.article-pagination li:last-child{width:20px;margin-left:40px}.article-pagination li .iconfont{font-size:20px}.article-pagination li .pagination-arrow{color:#171717}.article-pagination li .pagination-arrow.pagination-disable{color:#bdbdbd}@media (max-width: 1200px) and (min-width: 1024px){.blog-wrap{max-width:95%}}@media (max-width: 860px) and (min-width: 768px){.blog-sidebar{margin-right:24px;width:200px}}@media (max-width: 768px){.blog-banner .web-banner{display:none!important}.blog-banner .wap-banner{display:block!important;height:160px}.blog-wrap{flex-direction:column;padding:0 16px}.blog-sidebar{margin-right:0;width:100%;margin-bottom:20px;padding:0;border:1px solid #eaeaea;border-radius:4px;overflow:hidden}.blog-sidebar .blog-menu-box{display:none;padding-top:10px}.blog-sidebar .blog-menu-input{position:relative;display:block}.blog-sidebar .blog-menu-input .iconfont{position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .5s}.blog-sidebar .blog-menu-input .iconfont.on{transform:translateY(-50%) rotate(180deg)}.blog-sidebar .current-menu{height:36px;width:100%;border:none;border-radius:4px;outline:none;padding-left:16px}.blog-sidebar .blog-menu-item{padding:0 16px 8px}.blog-sidebar .blog-menu-item .blog-menu-title{font-size:13px}.blog-sidebar .blog-menu-item .blog-menu-list{margin-top:10px;padding-left:10px}.blog-sidebar .blog-menu-item .blog-menu-list li{margin-bottom:8px;font-size:12px;line-height:15px}.blog-main{padding-bottom:48px}.blog-main .blog-tags{padding-bottom:32px}.blog-main .blog-tags .blog-tags-title{margin-bottom:12px;font-size:13px}.blog-main .blog-tags .blog-tags-list li{margin-right:12px;margin-bottom:12px}.blog-main .blog-recommend{margin-bottom:32px}.blog-main .blog-recommend .blog-recommend-cover img{height:140px}.blog-main .blog-recommend .blog-recommend-cover h3{font-size:16px;line-height:16px}.blog-main .blog-recommend .blog-recommend-cover span{font-size:12px}.blog-main .blog-recommend .blog-recommend-cover p{margin-top:12px;font-size:13px;line-height:21px}.blog-main .blog-list h2{margin-bottom:24px;font-size:21px;line-height:21px}.blog-main .blog-list ul .blog-item-row{margin-bottom:32px;width:100%;margin-right:0}.blog-main .blog-list ul .blog-item-row a .blog-item-title{font-size:15px}.blog-main .blog-list ul .blog-item-row a .blog-item-time{font-size:12px;line-height:12px}.blog-main .blog-list ul .blog-item-row a .blog-item-desc{margin-top:12px;font-size:13px;line-height:21px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/blog.scss.css.map */