.wb-dm{--wb-bfc:#c3c3c3;--wb-fcs:#fff;--wb-wk:#999;--wb-wke:#686868;--wb-bgc:#2b2b2b;--wb-bbc:#4d4d4d;--wb-bgcl:#353535;--wb-dropdown-bc:#4d4d4d}.container-blog-detail .bread-crumbs{padding-top:30px}.container-blog-detail .pw{max-width:1200px}.container-blog-detail .post-single{padding-top:0}.container-blog-detail .panel-inner{padding:0}.container-blog-detail .panel-inner .sc-title{font-size:20px;line-height:40px}.content-single-blog{display:flex}.content-single-blog .post-metas{margin-top:10px}.content-single-blog .wb-adbanner{margin-top:20px}.main-blog{background-color:var(--wb-bgcl,#fff);border:1px solid var(--wb-bbc,#f0f0f0);border-radius:8px;box-sizing:border-box;padding:30px;width:69%}.main-blog .mb-inner{margin-left:auto;margin-right:auto;max-width:710px}.main-blog .title-detail{font-size:26px;font-weight:700;line-height:32px;word-break:break-all}.main-blog .article-detail{padding:30px 0 0}.sidebar-blog{box-sizing:border-box;flex:1;margin-left:20px}.sidebar-blog .with-border-box{background-color:var(--wb-bgcl,#fff);border:1px solid var(--wb-bbc,#f0f0f0);border-radius:8px;padding:30px 30px 0}.sidebar-blog .wbw-sticky-part{display:none;position:sticky;top:90vh;transform:translateY(-100%)}.sidebar-blog .wbw-sticky-part.active{display:block}.sidebar-blog .search-form .form-control{width:100%}.sidebar-blog .search-form .btn-search:hover svg{fill:var(--wb-bfc,#333)}@media (max-width:1024px){.content-single-blog{display:block}.container-blog-detail .bread-crumbs{padding-bottom:20px}.main-blog{border:0;padding-left:20px;padding-right:20px;width:auto}.sidebar-blog{border:0;display:block;margin-left:auto;margin-top:10px}}.wb-loading svg{animation:anm360 .75s linear infinite;height:35px;position:absolute;width:35px}.wb-loading svg .main-color{stop-color:var(--wb-theme-color,#06c)}@keyframes anm360{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(1turn)}}.swiper-panel{overflow:hidden;position:relative;-webkit-user-select:none}.swiper-panel .swiper-wrapper{overflow:hidden;padding-right:32%;padding-top:25.6%;position:relative}.swiper-panel:hover .wbsl-button{opacity:1}.swiper-panel .wbsl-button{background-color:rgba(0,0,0,.2);opacity:0;padding:5px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);z-index:5}.swiper-panel .wbsl-button:hover{background-color:rgba(0,0,0,.6)}.swiper-panel .wbsl-button:hover svg{fill:#fff}.swiper-panel .wbsl-button:active{transform:translateY(-50%) scale(.85);transform-origin:center}.swiper-panel .wbsl-button.wbsl-prev{left:0}.swiper-panel .wbsl-button.wbsl-prev svg{transform:rotate(180deg)}.swiper-panel .wbsl-button.wbsl-next{right:32%}.swiper-panel .wbsl-button svg{fill:hsla(0,0%,100%,.5);display:inline-block;height:20px;vertical-align:middle;width:20px}.swiper-panel .swiper-slide{background-color:transparent;bottom:0;left:0;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;right:32%;top:0;transition:opacity 1s,visibility 1s 1s,z-index 1s 1s;visibility:hidden;z-index:1}.swiper-panel .swiper-slide.current{opacity:1;transition:opacity .5s,visibility 0s 0s,z-index 0s 0s;visibility:visible;z-index:2}.swiper-panel .swiper-slide .media-pic{background-color:var(--wb-bgc,#f5f6f7);height:100%;position:absolute;right:0;top:0;width:58%}.swiper-panel .swiper-slide .media-pic img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.swiper-panel .swiper-slide .media-body{background-color:var(--wb-theme-color,#06c);box-sizing:border-box;height:100%;left:0;padding:75px 35px;position:absolute;top:0;width:42%}.swiper-panel .swiper-slide .inner{height:100%;position:absolute;width:100%;z-index:2}.swiper-panel .swiper-slide .title{color:#fff;font-size:24px;line-height:34px;max-height:68px}.swiper-panel .swiper-slide .summary,.swiper-panel .swiper-slide .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:block;display:-webkit-box;margin-bottom:10px;overflow:hidden}.swiper-panel .swiper-slide .summary{color:hsla(0,0%,100%,.5);font-size:14px;line-height:21px;max-height:42px}.swiper-panel .swiper-slide .item-cate{font-size:12px}.swiper-panel .swiper-slide svg{fill:hsla(0,0%,100%,.5)}.swiper-panel .swiper-slide .meta-item{color:hsla(0,0%,100%,.5)}.swiper-panel .wb-loading{background-image:linear-gradient(rgba(3,7,15,0),rgba(3,7,15,.7));border-radius:5px;bottom:0;color:#fff;font-size:14px;left:0;padding:15px;position:absolute;right:32%;text-align:center;top:0;z-index:998}.swiper-panel .wb-loading svg{margin-top:-18px;top:50%}@media (max-width:640px){.swiper-panel .wb-loading{right:0}}.swiper-panel iframe,.swiper-panel video{height:100%;width:100%}.swiper-panel .wbsl-pagination{bottom:30px;font-size:0;left:35px;line-height:13px;position:absolute;text-align:left;z-index:3}.swiper-panel .wbsl-pagination.align-left{text-align:left}.swiper-panel .wbsl-pagination.align-right{text-align:right}.swiper-panel .wbsl-pagination.hidden{display:none}.swiper-panel .wbsl-pagination .wbsl-pagination-item{background-color:hsla(0,0%,100%,.8);display:inline-block;height:11px;margin:0 8px;position:relative;vertical-align:middle;width:11px}.swiper-panel .wbsl-pagination .current{background-color:#ff14d9;border:1px solid #fff}.swiper-thumbs{bottom:0;overflow:hidden;position:absolute;right:0;top:0;width:29.6%}.swiper-thumbs .swiper-wrapper-thumbs{bottom:-35.4166666667%;box-sizing:content-box;overflow:hidden;padding-right:20px;position:absolute;width:100%}.swiper-thumbs .swiper-wrapper-thumbs.transition{transition:transform .6s ease}.swiper-thumbs .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--wb-fcs,#253137);display:-webkit-box;font-size:14px;line-height:22px;max-height:44px;overflow:hidden}.st-item{margin:auto;overflow:hidden;padding-top:30.6306306306%;position:relative}.st-item,.st-item .inner{box-sizing:border-box;width:100%}.st-item .inner{background-color:var(--wb-bgcl,#fff);border:1px solid var(--wb-bbc,#f0f0f0);bottom:0;left:0;position:absolute;top:20px}.st-item .media-pic{height:100%;left:0;position:absolute;top:0;width:34%}.st-item .media-pic img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.st-item .media-body{box-sizing:border-box;padding:10px 15px;position:absolute;right:0;top:0;width:66%}.st-item.current:before{border:2px solid var(--wb-theme-color,#06c);opacity:1}@media (max-width:1200px){.swiper-panel .swiper-slide{right:0}.swiper-panel .swiper-slide .media-body{padding-top:30px}.swiper-panel .swiper-slide .summary{display:none}.swiper-panel .wbsl-button.wbsl-next{right:0}.st-item .cate-tag,.swiper-thumbs{display:none}}@media (max-width:640px){.swiper-panel .swiper-thumbs .title{font-size:12px;line-height:18px}.swiper-panel .media-body{padding:10px 20px}}.wb-is-mobile .swiper-panel .swiper-wrapper{padding-right:0;padding-top:var(--wb-thumb-rate,194px)}.wb-is-mobile .swiper-panel .swiper-slide{right:0}.wb-is-mobile .swiper-panel .wbsl-button{display:none;padding:10px}.wb-is-mobile .swiper-panel .wbsl-button.wbsl-next{right:0}.wb-is-mobile .swiper-thumbs{display:none}.container-blog .focus-slider{margin-bottom:30px;margin-top:50px}.container-blog .pw{max-width:1200px}.container-blog .bread-crumbs,.container-blog .cpl-style-a{margin-top:30px}.title-floor{align-items:center;display:flex;padding-bottom:20px;padding-top:20px;position:relative}.title-floor h2{font-size:20px;height:30px;line-height:30px;position:relative}.title-floor .tf-ft{flex:1;padding-left:20px;text-align:right}@media (max-width:640px){.title-floor{padding-bottom:10px;padding-left:20px;padding-right:20px}.title-floor h2{font-size:16px;height:26px;line-height:26px}.articles-list+.title-floor{padding-top:30px}}@media (max-width:1600px){.swiper-panel .st-item .media-body{align-items:center;display:flex;height:100%}.swiper-panel .st-item .cate-tag{display:none}}@media (max-width:1440px){.swiper-panel .swiper-slide .media-body{padding-top:30px}.swiper-panel .swiper-slide .summary{display:none}}@media (max-width:1200px){.floor-blogs .post:nth-of-type(n+9){display:none}}@media (max-width:640px){.swiper-panel{display:none}}.list-main-blog .bread-crumbs{margin-top:30px}.list-main-blog.pw{max-width:1200px}.list-main-blog .list-blog{margin-bottom:20px}.bread-crumbs+.ctrl-panel-list,.bread-crumbs+.list-blog{margin-top:10px}.bread-crumbs+.list-main-blog,.ctrl-panel-list+.list-blog{margin-top:30px}.list-blog{display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}.list-blog .post{background-color:var(--wb-bgcl,#fff);border:1px solid var(--wb-bbc,#f0f0f0);border-radius:8px}.list-blog .post:hover{box-shadow:0 0 7px rgba(0,0,0,.1)}.list-blog .inner{display:block;margin:30px 30px 20px;position:relative}.list-blog .media-body{padding-top:10px}.list-blog .post-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--wb-fcs,#253137);display:block;display:-webkit-box;font-size:14px;font-weight:700;height:36px;line-height:18px;overflow:hidden}.list-blog .media-pic{background-color:var(--wb-bgcl,#fff);display:block;overflow:hidden;position:relative}.list-blog .media-pic:after{content:"";display:block;padding-top:var(--wb-thumb-rate-blog,66.67%);position:relative;z-index:0}.list-blog .media-pic img,.list-blog .media-pic video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.list-blog .post-adb.post .wba-cont{height:98px;padding-top:var(--wb-thumb-rate-blog,66.67%)}.list-blog .post-metas{justify-content:flex-end;padding-top:10px}@media (max-width:1200px){.list-blog{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.list-blog{gap:15px;grid-template-columns:repeat(2,1fr);margin-left:20px;margin-right:20px;margin-top:20px}.list-blog .inner{margin:15px}.list-blog .post-title{display:block;font-weight:400;height:auto;line-height:normal}.list-blog .post-metas .meta-comment{display:none}}.widget{padding-bottom:30px}.widget .widgettitle,.widget h3{color:var(--wb-fcs,#253137);font-size:20px;line-height:26px;padding-bottom:15px;position:relative}.widget-hot li{margin-bottom:20px}.widget-hot li:hover{box-shadow:0 0 0 10px var(--wb-bgcl,#fff),0 0 3px 11px var(--wb-bbc,#f0f0f0)}.widget-hot .inner{align-items:center;display:flex}.widget-hot .media-body{flex:1}.widget-hot .media-pic{background-color:var(--wb-bgc,#f5f6f7);margin-right:20px;position:relative;width:35%}.widget-hot .media-pic:before{content:"";display:block;padding-top:var(--wb-thumb-rate-blog,66.67%)}.widget-hot .media-pic img{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.widget-hot .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--wb-fcs,#253137);display:block;display:-webkit-box;font-size:14px;line-height:18px;max-height:36px;overflow:hidden;word-break:break-word}@media (max-width:640px){.sidebar .adbanner-block{margin-bottom:0!important;padding-bottom:20px}}.widget-social{align-items:center;display:flex;padding-top:10px}.widget-social svg{fill:var(--wb-wk,#999);display:inline-block;vertical-align:middle}.widget-social .wb-share-poster{display:inline-block;line-height:36px;padding-right:10px;vertical-align:middle}.widget-social .wb-share-poster span{display:inline-block;padding-left:5px}.widget-social .wb-inline-mode{flex:1}.widget-social .wb-share-list,.widget-social .wb-share-list .share-logo{display:inline-block;vertical-align:middle}.widget-social .wb-share-list .share-logo{height:20px;padding:6px;text-align:center;width:20px}.widget-social .wb-btn-share{display:inline-block;vertical-align:middle}.widget-social .wb-btn-share svg{margin-right:5px}.widget-social .fav{--fav-fill:none;--fav-line:var(--wb-wk,#999)}.widget-social .fav svg{height:20px;width:20px}.widget-social .fav.active{--fav-fill:var(--wb-theme-color,#06c);--fav-line:none}@media (max-width:1024px){.sidebar-blog .with-border-box{border:0}.sidebar-blog .with-border-box,.widget-social{padding-left:20px;padding-right:20px}}.wbw-content-lift{overflow-x:hidden;overflow-y:auto;transition:opacity .3s cubic-bezier(.31,1,.34,1);z-index:1}.wbw-content-lift::-webkit-scrollbar{background-color:transparent;width:8px}.wbw-content-lift::-webkit-scrollbar-thumb{background-color:var(--wb-bfc,#333)}.wbw-content-lift::-webkit-scrollbar-thumb:hover{background-color:var(--wb-theme-color,#06c)}.wbw-content-lift.active{opacity:1}.wbw-content-lift .wbw-cl-inner{box-sizing:border-box;margin-top:10px;max-height:340px;min-height:200px;padding-right:20px;width:100%}.wbw-content-lift ul{overflow:hidden;position:relative;z-index:3}.wbw-content-lift li{color:var(--wb-bfc,#333);cursor:pointer;display:block;line-height:20px;margin-left:0!important;padding-bottom:5px;padding-left:10px;padding-top:5px;position:relative;transition:color .3s cubic-bezier(.31,1,.34,1)}.wbw-content-lift li.current,.wbw-content-lift li.current .wb-toc-subtitle,.wbw-content-lift li:hover,.wbw-content-lift li:hover .wb-toc-subtitle{color:var(--wb-theme-color,#06c)}.wbw-content-lift li.current .wb-toc-title:before,.wbw-content-lift li:hover .wb-toc-title:before{opacity:1}.wbw-content-lift .wb-toc-title{display:block;font-size:14px;padding-left:14px;position:relative}.wbw-content-lift .wb-toc-title:before{background-color:var(--wb-theme-color,#06c);border-radius:6px;content:"";height:6px;left:0;opacity:.2;position:absolute;top:7px;width:6px}.wbw-content-lift .wb-toc-subtitle{color:var(--wb-wk,#999);display:block;font-size:12px;padding-left:18px}.wbw-content-lift .wb-toc-subtitle:before{content:"- "}.related-posts .text-item{color:var(--wb-theme-color,#06c);display:block;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-posts .text-item a:hover{text-decoration:underline}.related-posts .list-ul{padding-top:10px}.related-posts .list-ul li{margin-left:15px;padding-left:12px;position:relative}.related-posts .list-ul li:before{background-color:var(--wb-theme-color,#06c);border-radius:2px;content:"";height:4px;left:0;margin-top:-2px;position:absolute;top:50%;width:4px}.related-posts .list-blog{grid-template-columns:repeat(4,1fr)}.related-posts .list-blog .post{border:0}.related-posts .list-blog .post:hover{box-shadow:none}.related-posts .list-blog .post:hover .post-title{color:var(--wb-theme-color,#06c)}.related-posts .list-blog .inner{margin:0}