/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/13525(当前备注仅在演示里出现，下载源码不包含)*/.blog-slider{position:relative}ul.blog-wrap{background-color:var(--extra-color)}ul.blog-wrap li.blog-wrapper a.blog-img{position:relative;width:100%;border-radius:5px;overflow:hidden;transition:all .2s ease-in-out}ul.blog-wrap:hover li.blog-wrapper a.blog-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}ul.blog-wrap li.blog-wrapper a.blog-img img{-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}ul.blog-wrap li.blog-wrapper a.blog-img::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;visibility:hidden;transition:all .2s ease-in-out;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;background:rgb(0 0 0 / 30%)}ul.blog-wrap:hover li.blog-wrapper a.blog-img::after{opacity:1;visibility:visible}ul.blog-wrap li.blog-wrapper .blog-post-content{margin-top:30px;position:relative}ul.blog-wrap li.blog-wrapper .blog-post-content h2{font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.blog-wrap li.blog-wrapper .blog-post-content p{font-size:16px;line-height:30px;margin-top:15px;font-weight:400}ul.blog-wrap li.blog-wrapper .read-more a{margin-top:20px}@media(max-width:1599px){ul.blog-wrap li.blog-wrapper .blog-post-content p{font-size:14px;margin-top:10px}}@media(max-width:1199px){ul.blog-wrap li.blog-wrapper .blog-post-content{margin-top:15px}ul.blog-wrap li.blog-wrapper .read-more a{margin-top:20px}}@media(max-width:767px){ul.blog-wrap li.blog-wrapper .blog-post-content h2{font-size:16px}ul.blog-wrap li.blog-wrapper .read-more a i{display:none}}.blog-content-wrap .blog-grid-wrapper{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-30px 0 0 -30px}.blog-content-wrap .blog-grid-wrapper .blog-grid-wrap{margin:30px 0 0 30px}@media(max-width:767px){.blog-content-wrap .blog-grid-wrapper{margin:-30px 0 0 -12px}.blog-content-wrap .blog-grid-wrapper .blog-grid-wrap{margin:30px 0 0 12px}}.blog-content-wrap ul.single-blog-area{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-30px 0 0 -30px}.blog-content-wrap ul.single-blog-area>li{width:calc(33.33% - 30px);margin:30px 0 0 30px}@media(max-width:991px){.blog-content-wrap ul.single-blog-area>li{width:calc(50% - 30px)}}@media(max-width:767px){.blog-content-wrap ul.single-blog-area{margin:-30px 0 0 -12px}.blog-content-wrap ul.single-blog-area>li{width:calc(100% - 12px);margin:30px 0 0 12px}}.blog-search .blog-search-title{text-align:center;margin-bottom:30px}.blog-search .blog-saerch-input form{position:relative}.blog-search .blog-saerch-input form input{width:100%;padding:10px 15px;background-color:var(--extra-color);border:1px solid var(--border-color)}.blog-search .blog-saerch-input form a.search-btn{color:var(--extra-color);font-size:16px;position:absolute;bottom:50%;transform:translateY(50%);right:0;width:60px;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--font-color-primary)}.blog-search .blog-saerch-inputt form a.search-btn:hover{color:var(--extra-color);background-color:var(--font-color-header)}.blog-search .blog-saerch-input form a.search-btn i{display:block;line-height:0}.blog-search .blog-search-title{text-align:center;margin-bottom:30px}.blog-search .blog-search-input form{position:relative}.blog-search .blog-search-input form input{width:100%;padding:10px 15px;background-color:var(--extra-color);border:1px solid var(--border-color)}.blog-search .blog-search-input form a.search-btn{color:var(--font-color-header);font-size:16px;position:absolute;bottom:50%;transform:translateY(50%);right:0;width:60px;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--font-color-primary)}.blog-search .blog-search-input form a.search-btn:hover{color:var(--extra-color);background-color:var(--font-color-header)}.blog-search .blog-search-input form a.search-btn i{display:block;line-height:0}.blog-pro-area .blog-pro-items ul.single-blog-area{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px}.blog-pro-area .blog-pro-items ul.single-blog-area>li{width:calc(33.33% - 30px);margin-left:30px;margin-top:30px}@media(max-width:991px){.blog-pro-area .blog-pro-items ul.single-blog-area>li{width:calc(50% - 30px)}}@media(max-width:767px){.blog-pro-area .blog-pro-items ul.single-blog-area{margin-left:-12px}.blog-pro-area .blog-pro-items ul.single-blog-area>li{width:calc(100% - 12px);margin-left:12px}}.blog-content-wrap .blog-grid-wrapper{display:flex;flex-wrap:wrap;margin:-30px 0 0 -30px}.blog-content-wrap .blog-grid-wrapper.right-side{flex-direction:row-reverse}.blog-content-wrap .blog-grid-wrapper.left-side .blog-sidebar,.blog-content-wrap .blog-grid-wrapper.right-side .blog-sidebar{width:calc(25% - 30px);margin:30px 0 0 30px}.blog-content-wrap .blog-grid-wrapper.left-side .blog-grid,.blog-content-wrap .blog-grid-wrapper.right-side .blog-grid{width:calc(75% - 30px);margin:30px 0 0 30px}@media(max-width:991px){.blog-content-wrap .blog-grid-wrapper.left-side .blog-sidebar,.blog-content-wrap .blog-grid-wrapper.right-side .blog-sidebar,.blog-content-wrap .blog-grid-wrapper.left-side .blog-grid,.blog-content-wrap .blog-grid-wrapper.right-side .blog-grid{width:calc(100% - 30px)}}@media(max-width:767px){.blog-content-wrap .blog-grid-wrapper{margin:-30px 0 0 -12px}.blog-content-wrap .blog-grid-wrapper.left-side .blog-sidebar,.blog-content-wrap .blog-grid-wrapper.right-side .blog-sidebar,.blog-content-wrap .blog-grid-wrapper.left-side .blog-grid,.blog-content-wrap .blog-grid-wrapper.right-side .blog-grid{width:calc(100% - 12px);margin:30px 0 0 12px}}.blog-sidebar-wrap{position:sticky;top:0}.blog-sidebar-wrap .blog-post-sidebar{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.blog-sidebar-wrap .blog-post-sidebar:first-child{margin-top:0;padding-top:0;border-top:0}.blog-sidebar-wrap .blog-post-sidebar h6.blog-sidebar-title{font-size:16px;padding-left:10px;position:relative}.blog-sidebar-wrap .blog-post-sidebar h6.blog-sidebar-title::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--font-color-primary)}.blog-sidebar-wrap .blog-post-sidebar .search-post{position:relative;margin-top:30px}.blog-sidebar-wrap .blog-post-sidebar .search-post form{position:relative;display:flex}.blog-sidebar-wrap .blog-post-sidebar .search-post form input{width:100%;height:45px;border-radius:50px}.blog-sidebar-wrap .blog-post-sidebar .search-post a{color:var(--extra-color);font-size:16px;position:absolute;right:0;width:60px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:0 50px 50px 0;background-color:var(--font-color-primary)}.blog-sidebar-wrap .blog-post-sidebar .search-post a:hover{background-color:var(--font-color-header)}.blog-sidebar-wrap .blog-post-sidebar .search-post a i{display:block;line-height:0}.blog-sidebar-wrap .blog-post-sidebar{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.blog-sidebar-wrap .blog-post-sidebar h6.blog-sidebar-title{font-size:16px;padding-left:10px;position:relative}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner{display:flex;flex-wrap:wrap;align-items:center;padding:30px 0 0}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner.sidbar-inner-wrap .post-image{width:auto}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner .post-image{width:90px}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner .recent-blog-content{width:calc(100% - 90px);padding-left:15px}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner.sidbar-inner-wrap .recent-blog-content{width:100%;padding-top:13px;padding-left:0}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner .recent-blog-content h4{font-size:14px}.blog-sidebar-wrap .blog-post-sidebar .sidbar-inner .recent-blog-content span{margin-top:9px;line-height:1}.blog-sidebar-wrap .blog-post-sidebar .sidebartag{padding-top:30px}.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag{display:flex;flex-wrap:wrap;margin:-5px 0 0 -5px}.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag li{margin:5px 0 0 5px}.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag li a{color:var(--font-color-body);font-size:13px;height:30px;display:flex;align-items:center;padding:0 15px;background-color:var(--extra-bgcolor);border:1px solid var(--border-color);line-height:1;-webkit-transition:all 0s ease-in-out 0s;border-radius:50px;-o-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag li a:hover{color:var(--extra-color);background-color:var(--font-color-header);border:1px solid var(--font-color-header)}.blog-sidebar-wrap .blog-post-sidebar ul.sidebar-tag li a::before{content:"#"}.blog-grid-wrapper.left-side .blog-grid ul.single-blog-area>li,.blog-grid-wrapper.right-side .blog-grid ul.single-blog-area>li{width:calc(50% - 30px)}@media(max-width:767px){.blog-grid-wrapper.left-side .blog-grid ul.single-blog-area>li,.blog-grid-wrapper.right-side .blog-grid ul.single-blog-area>li{width:calc(50% - 12px);margin:30px 0 0 12px}}@media(max-width:479px){.blog-grid-wrapper.left-side .blog-grid ul.single-blog-area>li,.blog-grid-wrapper.right-side .blog-grid ul.single-blog-area>li{width:calc(100% - 12px)}}.article-area .blog-article-wrapper{display:flex;flex-wrap:wrap;margin:-30px 0 0 -30px}.article-area .blog-article-wrapper .blog-article-wrap{margin:30px 0 0 30px}@media(max-width:767px){.article-area .blog-article-wrapper{margin:-30px 0 0 -12px}.article-area .blog-article-wrapper .blog-article-wrap{margin:30px 0 0 12px}}.single-blog-area .single-blog-post .blog-post-opt{margin-top:30px}.single-blog-area .single-blog-post .blog-post-opt:first-child{margin-top:0}.single-blog-area .single-blog-post .blog-image{position:relative;border-radius:5px;overflow:hidden}.single-blog-area .single-blog-post .blog-image ul{position:absolute;bottom:0;left:0}.single-blog-area .single-blog-post .blog-image ul li{padding:5px 15px}.single-blog-area .single-blog-post .blog-image ul li.date-time{background-color:var(--extra-color)}.single-blog-area .single-blog-post .blog-image ul li.blog-comment{color:var(--extra-color);background-color:var(--font-color-primary)}.single-blog-area .single-blog-post .blog-revert h6.post-title{font-size:20px;margin-top:16px}.single-blog-area .single-blog-post .blog-revert .post-info{margin-top:20px}.single-blog-area .single-blog-post .blog-content .blog-wrap-desc p.blog-desc{position:relative;padding-left:15px}.single-blog-area .single-blog-post .blog-content .blog-wrap-desc p.blog-desc::before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;background-color:var(--font-color-body)}.single-blog-area .single-blog-post .blog-content .blog-wrap-desc .blockquote blockquote{font-size:16px;color:var(--extra-color);margin:23px 0 22px;padding:24px 30px 23px;background-color:var(--font-color-primary);font-weight:600;border-radius:5px}@media(max-width:767px){.single-blog-area .single-blog-post .blog-content .blog-wrap-desc .blockquote blockquote{padding:24px 12px 23px}}.single-blog-area .single-blog-post .post-info-tag ul.post-tag{display:flex;flex-wrap:wrap;margin:-5px 0 0 -5px}.single-blog-area .single-blog-post .post-info-tag ul.post-tag li{margin:5px 0 0 5px}.single-blog-area .single-blog-post .post-info-tag ul.post-tag li a{color:var(--font-color-body);font-size:14px;height:30px;display:flex;align-items:center;padding:0 15px;background-color:var(--extra-bgcolor);border:1px solid var(--border-color);border-radius:5px;line-height:1}.single-blog-area .single-blog-post .post-info-tag ul.post-tag li a:hover{color:var(--extra-color);background-color:var(--font-color-header);border:1px solid var(--font-color-header)}ul.social-icons{display:flex;flex-wrap:wrap;margin:-5px 0 0 -5px}ul.social-icons li{margin:5px 0 0 5px}ul.social-icons li a{color:var(--extra-color);font-size:18px;padding:5px 15px;line-height:0;border-radius:5px}ul.social-icons li a span{display:block;font-size:14px;line-height:1}ul.social-icons li a.facebook{background-color:#3b5999}ul.social-icons li a.twitter{background-color:#55acee}ul.social-icons li a.pinterest{background-color:#bd081c}ul.social-icons li a.facebook:hover,ul.social-icons li a.twitter:hover,ul.social-icons li a.pinterest:hover{color:var(--extra-color);background-color:var(--font-color-primary)}.single-blog-area .single-blog-post .blog-prev-next{padding:30px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.single-blog-area .single-blog-post .blog-prev-next ul{display:flex;align-items:center;justify-content:space-between;line-height:1}.single-blog-area .single-blog-post .blog-prev-next ul li a{color:var(--font-color-body);display:flex;line-height:1}.single-blog-area .single-blog-post .blog-prev-next ul li a:hover{color:var(--font-color-body);text-decoration:underline}.single-blog-area .single-blog-post .blog-prev-next ul li a i{line-height:0}.single-blog-area .blog-comments{margin-top:30px}.single-blog-area .blog-comments .review_comment{padding-bottom:23px;border-bottom:1px solid var(--border-color)}.cmt-tit-count h6{font-size:16px;padding-left:10px;position:relative}.cmt-tit-count h6::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--font-color-primary)}.cmt-info-wrap .comment-info{margin-top:23px}.cmt-info-wrap .comment-info:first-child{margin-top:30px}.cmt-info-wrap .comment-info .comment-avtar{display:flex}.cmt-info-wrap .comment-info .comment-avtar .review-name .avtar-cmt{font-size:20px;color:var(--font-color-header)}.cmt-info-wrap .comment-info .comment-avtar .review-name .avtar-cmt,.cmt-info-wrap .comment-info .comment-avtar .review-name .avtar-cmt .cmt-auth{width:45px;height:45px;background-color:var(--font-color-primary);display:flex;align-items:center;justify-content:center;border-radius:5px}.cmt-info-wrap .comment-info .comment-avtar .review-name .avtar-cmt .cmt-auth{color:var(--extra-color);font-size:14px;font-weight:600;text-transform:uppercase}.cmt-info-wrap .comment-info .comment-avtar .review-info{margin-left:15px}.cmt-info-wrap .comment-info .comment-avtar .review-info span{display:block}.cmt-info-wrap .comment-info .comment-avtar .review-info span.cmt-authr{color:var(--font-color-header);font-size:14px;text-transform:capitalize;font-weight:600}.cmt-info-wrap .comment-info .comment-avtar .review-info span.time{margin-top:6px}.cmt-info-wrap .comment-info .comment-content{margin-top:7px}.single-blog-area .blog-comment-form{margin-top:30px}.comments-reply-area h6.comment-title{font-size:16px;padding-left:10px;position:relative}.comments-reply-area h6.comment-title::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--font-color-primary)}.comments-reply-area .form-wrap .form-filed{margin-top:25px}.comments-reply-area .form-wrap .form-filed label{display:block;margin-bottom:11px}.comments-reply-area .form-wrap .form-filed input,.comments-reply-area .form-wrap .form-filed textarea{width:100%}.comments-reply-area .comment-form-submit{margin-top:30px}.related-blog{padding-top:0;padding-bottom:100px;background-color:var(--extra-color)}@media(max-width:1199px){.related-blog{padding-top:0;padding-bottom:80px}}@media(max-width:767px){.related-blog{padding-top:0;padding-bottom:60px}}.article-area .blog-article-wrapper{display:flex;flex-wrap:wrap;margin:-30px 0 0 -30px}.article-area .blog-article-wrapper.right-side{flex-direction:row-reverse}.article-area .blog-article-wrapper.left-side .blog-article,.article-area .blog-article-wrapper.right-side .blog-article{width:calc(25% - 30px);margin:30px 0 0 30px}.article-area .blog-article-wrapper.left-side .single-blog-area,.article-area .blog-article-wrapper.right-side .single-blog-area{width:calc(75% - 30px);margin:30px 0 0 30px}@media(max-width:991px){.article-area .blog-article-wrapper.left-side .blog-article,.article-area .blog-article-wrapper.right-side .blog-article,.article-area .blog-article-wrapper.left-side .single-blog-area,.article-area .blog-article-wrapper.right-side .single-blog-area{width:calc(100% - 30px)}}@media(max-width:767px){.article-area .blog-article-wrapper{margin:-30px 0 0 -12px}.article-area .blog-article-wrapper.left-side .blog-article,.article-area .blog-article-wrapper.right-side .blog-article,.article-area .blog-article-wrapper.left-side .single-blog-area,.article-area .blog-article-wrapper.right-side .single-blog-area{width:calc(100% - 12px);margin:30px 0 0 12px}}/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/13525(当前备注仅在演示里出现，下载源码不包含)*/