.container-blog-detail{background-color:#fff}.container-blog-detail .content{padding-top:50px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (max-width:768px){.container-blog-detail .content{padding-top:20px}}.container-blog-detail .post-metas svg{fill:#c3c3c3}.container-blog-detail .post-metas em{display:inline-block;vertical-align:middle;font-size:12px;color:#c3c3c3;margin-left:6px}.container-blog-detail .meta-item{display:inline-block;margin-left:10px;margin-right:10px}.container-blog-detail .panel-inner{padding-left:0;padding-right:0}@media (max-width:1200px){.container-blog-detail{display:block}.container-blog-detail .detail-blog{max-width:none;padding-right:0;width:522px;margin-left:auto;margin-right:auto}.container-blog-detail .sidebar{display:none!important}}@media (max-width:1024px){.container-blog-detail .main-detail{width:100%}}@media (max-width:768px){.container-blog-detail .detail-blog{width:auto;margin-left:20px;margin-right:20px}}.ctrl-panel-list .filter-panel{background-color:#fbfbfb;padding-left:20px}.ctrl-panel-list .cat-item{margin:5px;padding:5px 10px;font-size:14px}.ctrl-panel-list .cat-item.current,.ctrl-panel-list .cat-item.current-cat{-webkit-box-shadow:0 0 0 1px #c3c3c3;box-shadow:0 0 0 1px #c3c3c3}.ctrl-panel-list .cat-item.current-cat a,.ctrl-panel-list .cat-item.current a{color:var(--mainColor,#cd355a)}.list-main-blog .list-blog{padding-bottom:20px;margin-top:-10px}.list-blog{font-size:0;margin-left:-13px;margin-right:-13px}.list-blog .post{width:50%;font-size:12px;display:inline-block;vertical-align:top;position:relative;text-align:left}.list-blog .inner{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:10px;min-height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:13px;border-radius:3px;border:1px solid #ebebeb;background-color:#fff}.list-blog .inner:hover{-webkit-box-shadow:0 0 9px rgba(0,0,0,.05);box-shadow:0 0 9px rgba(0,0,0,.05)}.list-blog .post-title{display:block;line-height:22px;font-size:16px;font-weight:700;height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .3s cubic-bezier(.31,1,.34,1);transition:color .3s cubic-bezier(.31,1,.34,1)}.list-blog .post-title a:hover{color:var(--mainColor,#cd355a)}.list-blog .media-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;overflow:hidden}.list-blog .summary{line-height:18px;font-size:12px;color:#999;padding-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:36px}.list-blog .media-pic{width:168px;height:112px;position:relative;padding-top:0;margin-right:20px;overflow:hidden}.list-blog .media-pic img{display:block;width:100%;height:auto;position:absolute;left:50%;top:0;z-index:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:-webkit-transform 1s cubic-bezier(.31,1,.34,1);transition:-webkit-transform 1s cubic-bezier(.31,1,.34,1);transition:transform 1s cubic-bezier(.31,1,.34,1);transition:transform 1s cubic-bezier(.31,1,.34,1),-webkit-transform 1s cubic-bezier(.31,1,.34,1)}.list-blog .post-date{font-size:12px;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-blog .post-date em{font-style:italic}.list-blog .cate-tag{position:relative;color:#fff;display:inline-block;line-height:1;padding:5px;font-size:12px}.list-blog .cate-tag:hover{color:var(--mainColor,#cd355a)}.list-blog .cate-tag+.cate-tag:before{content:"";width:1px;height:10px;background-color:#fff;position:absolute;left:0;top:50%;margin-top:-5px}.list-blog .post-metas{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:0;padding-top:10px}.list-blog .post-metas .primary{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.list-blog .post-metas svg{fill:#c3c3c3}.list-blog .post-metas em{display:inline-block;vertical-align:middle;font-size:12px;color:#c3c3c3;margin-left:6px}.list-blog .meta-item+.meta-item{margin-left:20px}.list-blog .no-cover .media-pic{display:none}.list-blog .no-cover .post-cate{position:static;display:inline-block;vertical-align:middle}@media (max-width:1024px){.list-blog .post{width:100%}.list-blog .post .inner{width:auto;margin-left:23px;margin-right:23px}.list-blog.list-mode-b{margin-left:0;margin-right:0;opacity:1}.list-blog.list-mode-b .post{display:block}.list-blog.list-mode-b .post .inner{width:auto;padding:20px;min-height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;border-top:0}.list-blog.list-mode-b .post .inner:hover{-webkit-box-shadow:none;box-shadow:none;background-color:#f6fdff}.list-blog.list-mode-b .post+.post{border-top:1px solid #fbfbfb}}@media (max-width:1024px) and (max-width:768px) and (-webkit-min-device-pixel-ratio:2){.list-blog.list-mode-b .post+.post{position:relative;border-top-color:transparent}.list-blog.list-mode-b .post+.post:before{content:"";border-top:1px solid #fbfbfb;-webkit-transform:scaleY(.5);transform:scaleY(.5);position:absolute;height:0;top:0;left:0;right:0}}@media (max-width:1024px){.list-blog.list-mode-b .media-pic{width:120px;height:80px;position:relative;padding-top:0;margin-right:20px}.list-blog.list-mode-b .media-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;padding:0}.list-blog.list-mode-b .post-title{height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-blog.list-mode-b .summary{padding-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:36px}.list-blog.list-mode-b .post-metas{display:none}.list-blog.list-mode-b .adb-a{display:none!important}.list-blog.list-mode-b .adb-b{display:block!important}}.main-detail{background-color:#fff;padding-right:60px;padding-bottom:40px}.main-detail .adbanner-block{text-align:center;margin-bottom:15px}.main-detail .adbanner-block a{display:block}.main-detail .adbanner-block img{display:block;max-width:100%;height:auto;margin:0 auto}.main-detail .post-metas{display:block;text-align:center;font-size:0;padding-bottom:0}.main-detail .post-metas svg{fill:#c3c3c3}.main-detail .post-metas em{display:inline-block;vertical-align:middle;font-size:12px;color:#c3c3c3;margin-left:6px}.main-detail .meta-item{display:inline-block;margin-left:10px;margin-right:10px}.article-header{padding:35px 0 30px;text-align:center;border-bottom:1px solid #ebebeb;margin-bottom:30px}.article-header .post-meta{padding-bottom:10px;color:#999}.article-header .post-meta em{margin:0 5px}.article-header .post-meta a{color:inherit}.title-detail{line-height:32px;font-size:28px;font-weight:700;padding-bottom:20px;color:#3e4045}.tag-items{font-size:0;padding-bottom:30px}.tag-items a{display:inline-block;border:1px solid #ebebeb;border-radius:3px;background-color:#fff;line-height:30px;height:32px;padding:0 9px;margin-top:10px;font-size:14px;vertical-align:top;margin-right:10px}.tag-items a:hover{border-color:var(--mainColor,#cd355a);background-color:var(--mainColor,#cd355a);color:#fff}@media (max-width:768px){.main-detail .post-metas{text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.main-detail .post-metas .meta-author{display:none}.main-detail .post-metas .meta-date{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:0}.main-detail .post-metas .meta-comment{margin-right:0}.article-header{text-align:left}}.ctrl-area-cbm{padding-top:50px;padding-bottom:30px;border-top:1px solid #ebebeb;text-align:center;font-size:0}.ctrl-area-cbm .ctrl-item{position:relative;display:inline-block;margin:0 10px;vertical-align:top}.ctrl-area-cbm .btn-ctrl{min-width:120px;height:48px;line-height:44px}.wb-btn.share{background:none!important;float:none!important;margin:0!important;color:var(--mainColor,#cd355a)!important;width:auto!important;display:block!important}.wb-btn.share:active,.wb-btn.share:hover{background-color:var(--mainColor,#cd355a)!important;color:#fff!important}.wb-btn.share:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;z-index:2}