component-blog-type-style *{outline:none !important;text-decoration:none !important;user-select:none !important}component-blog-type-style .cover_blog{margin:15px 0}component-blog-type-style .cover_blog span{color:#000;font-size:16px;font-weight:100;margin-right:15px;transition:all .3s}component-blog-type-style .cover_blog span.active{color:#2d2d2d;font-weight:600}component-blog-type-style .cover_blog span:hover{color:#525050}component-blog-type-style .cover_post{padding:15px 0;transition:transform .3s}component-blog-type-style .cover_post .cover_background_image .background_image{padding-top:100%;background-size:cover;background-position:top;background-color:#f5f5f5;background-repeat:no-repeat}component-blog-type-style .cover_post .cover_background_image .background_image img{width:100%}component-blog-type-style .cover_post .cover_info{padding:20px;background-color:#fff;border:1px solid #e4e1e1}component-blog-type-style .cover_post .cover_info .cover_date{text-align:right;margin-bottom:5px}component-blog-type-style .cover_post .cover_info .cover_date span{color:#000;font-size:16px}component-blog-type-style .cover_post .cover_info .post_search_title{margin-bottom:5px}component-blog-type-style .cover_post .cover_info .post_search_title h1{margin:0;padding:0;color:#000;height:56px;font-size:24px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical}component-blog-type-style .cover_post .cover_info .post_search_description p{margin:0;padding:0;color:#000;height:88px;font-size:16px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical}component-blog-type-style .cover_more{margin-top:15px;margin-bottom:30px;text-align:center}component-blog-type-style .loader_circle{margin:15vh auto;width:60px;height:60px;position:relative}component-blog-type-style .loader_circle .circle{width:100%;height:100%;position:absolute;left:0;top:0}component-blog-type-style .loader_circle .circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:circleFadeDelay 1.2s infinite ease-in-out both;animation:circleFadeDelay 1.2s infinite ease-in-out both}component-blog-type-style .loader_circle .circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}component-blog-type-style .loader_circle .circle12:before{-webkit-animation-delay:0s;animation-delay:0s}component-blog-type-style .loader_circle .circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}component-blog-type-style .loader_circle .circle11:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}component-blog-type-style .loader_circle .circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}component-blog-type-style .loader_circle .circle10:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}component-blog-type-style .loader_circle .circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}component-blog-type-style .loader_circle .circle9:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}component-blog-type-style .loader_circle .circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}component-blog-type-style .loader_circle .circle8:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}component-blog-type-style .loader_circle .circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}component-blog-type-style .loader_circle .circle7:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}component-blog-type-style .loader_circle .circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}component-blog-type-style .loader_circle .circle6:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}component-blog-type-style .loader_circle .circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}component-blog-type-style .loader_circle .circle5:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}component-blog-type-style .loader_circle .circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}component-blog-type-style .loader_circle .circle4:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}component-blog-type-style .loader_circle .circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}component-blog-type-style .loader_circle .circle3:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}component-blog-type-style .loader_circle .circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}component-blog-type-style .loader_circle .circle2:before{-webkit-animation-delay:-1s;animation-delay:-1s}component-blog-type-style .loader_circle .circle1{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}component-blog-type-style .loader_circle .circle1:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}@-webkit-keyframes circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}component-blog-type-style .cover_emptydata{margin:15vh auto;text-align:center}