.blog-detail{padding:30px 0}.blog-detail .blog-cate{display:flex;flex-wrap:wrap}.blog-detail .blog-cate a{color:#fff;font-size:18px;min-width:150px;padding:7px 15px;text-align:center}.blog-detail .blog-cate a:first-child{background:var(--style-color)}.blog-detail .blog-cate a:last-child{background:#434443;border-radius:0 12px 12px 0}.blog-detail .title{margin-top:25px;margin-bottom:5px;font-family:'HarmonyOSSans-M'}.blog-detail .date{color:#838383;text-align:center;margin-bottom:30px;font-family:'HarmonyOSSans-L'}.blog-detail .sub-info>*:not(:last-child){margin-bottom:20px}.blog-detail .sub-info h2{font-size:20px;text-align:left}.blog-detail .sub-info h3{font-size:18px}.blog-detail .sub-info ul{padding-left:20px}.blog-detail .sub-info ol{list-style:decimal;padding-left:20px}.blog-detail .sub-info img{display:block;margin-left:auto;margin-right:auto}.blog-detail .icon-list{display:flex;align-items:center;justify-content:flex-end}.blog-detail .share-article{border-top:1px dashed #434443;padding-right:30px}.blog-detail .share-title{text-align:right;padding-top:16px;margin-bottom:14px;font-family:'HarmonyOSSans-M'}.blog-detail .icon-list li:not(:last-child){margin-right:15px}.blog-detail .icon-list li a{width:42px;height:42px;color:#fff;line-height:1;font-size:24px;border-radius:50%;background:var(--style-color);display:flex;align-items:center;justify-content:center}.blog-detail .icon-list li i{font-size:inherit}@media (min-width:768px){.blog-detail .blog-cate a{min-width:200px;font-size:20px}}@media (min-width:1200px){.blog-detail{padding:40px 0}.blog-detail .blog-cate a{min-width:260px;font-size:24px}.blog-detail .title{margin-top:53px;margin-bottom:13px}.blog-detail .date{margin-bottom:63px}.blog-detail .sub-info>*:not(:last-child){margin-bottom:40px}.blog-detail .sub-info h2{font-size:25px}.blog-detail .sub-info h3{font-size:22px}.blog-detail .icon-list li a{transition:all .3s}.blog-detail .icon-list li a:hover{background:#434443}}.recommend{padding:30px 0;background:#F9F9F9}.recommend .title{margin-bottom:20px;font-family:'HarmonyOSSans-M'}.recommend .title::after{content:'';width:0;margin-top:6px;border-top:12px solid var(--style-color);border-left:10px solid transparent;border-right:10px solid transparent;display:block;margin-left:auto;margin-right:auto}.recommend .scale-img{border-radius:10px}.recommend .scale-img img{width:100%;aspect-ratio:314 / 182}.recommend .tit{color:#161616;margin-top:14px;margin-bottom:10px;line-height:1.44}.recommend .info{color:#434443;line-height:1.2;margin-bottom:12px;font-family:'HarmonyOSSans-L'}.recommend .date{font-size:12px;color:#838383;font-family:'HarmonyOSSans-L'}@media (min-width:768px){.recommend .swiper-wrap{position:relative}}@media (min-width:1200px){.recommend{padding:60px 0}.recommend .title{margin-bottom:46px}.recommend .title::after{margin-top:13px;border-top-width:17px;border-left-width:16px;border-right-width:16px}.recommend .sub-info,.recommend .tit{font-size:25px}.recommend .tit:hover{color:var(--style-color);text-decoration:underline}}@media (min-width:1440px){.recommend{padding:91px 0 95px}.recommend .swiper-slide>*:not(.scale-img){margin-left:7px;margin-right:7px}}