body .fa{
	font-family: 'FontAwesome' !important;
}
.mini-banner a{
	display: block;
	width: 100%;
	height: 100%;
}
.blog-item{
	margin-top: 60px;
}
.blog-item h3{
	padding-bottom: 10px;
	border-bottom: 2px solid #00ff00;
	font-weight: 600;
    font-size: 18px;
    color: #ffffff;
}
.blog-item ul{
	padding-left: 15px;
}
.blog-item ul li{
	width: 100%;
	margin-top: 20px;
}
.blog-item ul li:after{
	display: block;
    clear: both;
    content: '';
}
.blog-item img{
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 18px;
	border-radius: 50%;
}
.author-name,.blog-item .widget-module a{
	display: block;
	padding-top: 2px;
	margin-bottom: 6px;
	font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.author-publish{
  font-weight: 400;
	font-size: 13px;
	color: #aaaaaa;
	text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.featured img{
	width: 80px;
	height: 60px;
	margin-right: 15px;
	border-radius: 0;
	object-fit: cover;
	object-position: 50% 50%;
}
.featured h3{
	line-height: 18px;
	height: 36px;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.featured .widget-module a{
	margin: 0;
	padding-top: 11px;
}
/*blog 详情*/
.blog-detail{
	background-color: #fff;
}

.related{
	margin-top: 90px;
}
.related h3,.blog-comments h3{
	border-bottom: 2px solid #084cf1;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
}

.blog-detail .blog-right{
	padding-top: 0;
}

/*评论*/
.blog-comments{
	margin-top: 90px;
}
.comment{
	margin: 0;
}
.comments-listing{
	margin: 0;
}
#comments-listing .comment.depth-0,.comment.depth-1{
	padding: 30px 0;
	border: 0;
	border-bottom: 1px solid #222222;
	background-color: #fff;
}
#comments-listing{
	border-bottom: 0;
	margin-bottom: 0;
}
.comment.depth-0{
	margin-top: 0;
}
.comment.depth-1:last-child{
	padding-bottom: 0;
}
.comment.depth-1{
	margin-left: 50px;
}
.comment .comment-from h4{
	margin-right: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
}
.comment-date{
	font-weight: 400;
	font-size: 16px;
	color: #aaaaaa;
}
.comment-body{
	padding: 20px 0 0 0;
}
.comment-body p{
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #aaaaaa;
}
.comment-reply-to{
	display: block !important;
	padding: 0 0 0 28px;
	margin-top: 18px;
	border: 0;
	font-weight: 400;
	font-size: 16px;
	color: #666 !important;
	background: url('../../../../../../hubfs/imgs/blog/pc/reply-normal-icon.png') no-repeat left center / 21px 18px;
}
.comment-reply-to em{
	font-weight: 400;
	font-style: normal;
}
.comment-reply-to:active{
	color: #084cf1 !important;
	background-image: url('../../../../../../hubfs/imgs/blog/pc/reply-click-icon.png');
}
.replying-to{
	display: none;
}
.replying{
	padding: 0;
}
.replying{
	position: relative;
	margin-top: -12px;
	background-color: #fff;
	border: solid 1px #d9d9d9;
}
.replying:before,.replying:after{
	position: absolute;
	display: block;
	content: '';
}
.replying:before{
	top: -21px;
	left: 30px;
	border: 10px solid transparent;
	border-bottom: 10px solid #d9d9d9;
}
.replying:after{
	top: -20px;
	left: 30px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
}
.blog-comments form{
	max-width: none;
	padding: 30px;
} 

.blog-comments form label span{
	font-weight: 400;
	font-size: 18px;
	color: #333333;
}
.blog-comments form .input textarea,.blog-comments form .input input{
	width: 100%;
	height: 40px;
	padding: 12px 10px;
	border-radius: 2px;
	border: solid 1px #d9d9d9;
	background-color: #fff;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
}
.blog-comments form .input textarea{
	margin-top: 14px;
	height: 80px;
}
.blog-comments form .hs-button.primary{
	display: block;
	padding: 16px 25px;
	margin-left: 100px;
	background-color: #084cf1;
	border-radius: 4px;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	border-radius: 4px;
}
.hs_recaptcha{
	display: none;
}
.hs_error_rollup{
	display: none;
}

/*文章*/
.blog-content{
	margin-top: 30px;
}
.hs_cos_wrapper_type_rich_text,.hs_cos_wrapper_type_rich_text p,.hs_cos_wrapper_type_rich_text span{
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #ffffff;
}
.hs_cos_wrapper_type_rich_text a{
	font-weight: 400;
	font-size: 18px;
	color: #00ff00 !important;
}
.hs_cos_wrapper_type_rich_text a:hover{
	text-decoration: underline;
	color: #00ff00;
}
.hs_cos_wrapper_type_rich_text ul{
	margin: 30px 0 30px 20px;
}
.hs_cos_wrapper_type_rich_text li{
	position: relative;
	margin-bottom: 10px;
	padding-left: 18px;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #aaaaaa;
}
.hs_cos_wrapper_type_rich_text li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	color: #666;
	content: '·'
}
.hs_cos_wrapper_type_rich_text strong{
	font-weight: 600;
}
.hs_cos_wrapper_type_rich_text img{
	margin-top: 15px;
	margin-bottom: 15px;
	object-fit: cover;
    object-position: 50% 50%;
}
.hs_cos_wrapper_type_rich_text h2{
	font-weight: 600;
	font-size: 28px;
	line-height: 35px;
	color: #ffffff;
}
.hs_cos_wrapper_type_rich_text h3{
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
}
.hs_cos_wrapper_type_rich_text h4{
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #ffffff;
}

.blog-tpl{
	max-width: 744px;
	margin: 0 auto;
}

.blog-top{
	margin-top: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid #222222;
}
.blog-top img{
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 180px;
	margin: 0 20px 0 0;
}
.introduction{
	position: relative;
	display: flex;
    align-items: center;
	width: 100%;
	height: 180px;
	padding-left: 260px;
}
.anchor{
	clear: both;
	margin-top: 30px;
}
.anchor a{
	display: block;
	width: fit-content;
	margin-top: 12px;
}
.blog-detail .section{
	margin-top: 45px;
}
.blog-detail .section h2{
	margin-bottom: 25px;
}
.blog-detail .section h3{
	margin-bottom: 12px;
}
.blog-detail .section h4{
	margin-bottom: 10px;
}
.col{
	margin: 30px 0 15px 0;
	font-size: 0;
}
.col img{
	margin-top: 0;
	margin-bottom: 0;
}
.col-12 img{
	width: 100%;
}
.col-12 span{
	font-size: 13px;
	color: #999999;
}
.col-6 img{
	width: 49%;
	margin-right: 2%;
}
.col img.last{
	margin-right: 0;
}
.col-4 img{
	width: 32%;
	margin-right: 2%;
}
.blog-tpl .swiper-wrapper,.blog-tpl .swiper-slide{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 375px;
}
.blog-tpl .swiper-slide:before{
	content: '';
}
.blog-tpl .swiper-button-prev,.blog-tpl .swiper-button-next{
  left: 0;
  width: 30px;
  height: 46px;
  opacity: 0.5;
  background: url('../../../../../../hubfs/imgs/blog/pc/cover-arrow-icon.png') no-repeat center center / 15px 24px;
  background-color: #000000;
}
.blog-tpl .swiper-button-next{
  left: auto;
  right: 0;
  transform: rotate(180deg);
}
.blog-tpl .swiper-pagination{
  text-align: center;
  bottom: 10px !important;
}	
.blog-tpl .swiper-pagination-bullet{
  background-color: rgba(0,0,0,1);
}
.blog-tpl .swiper-pagination-bullet-active{
  background-color: #ffffff;
}
.blog-tpl .swiper-slide img{
	width: 100%;
	height: 100%;
}
.info{
	display: table;
	position: relative;
	width: 100%;
	padding-left: 340px;
	min-height: 270px;
	margin-bottom: 20px;
}
.info img{
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 240px;
}
.info .text{
	display: table-cell;
	vertical-align: middle;
}
.link-outer{
	margin-top: 20px;
	margin-bottom: 40px;
}
.link-outer a{
	position: relative;
	display: block;
	padding-right: 190px;
}
.link-outer a:hover{
	text-decoration: none;
}
.link-outer a img{
	position: absolute;
	right: 0;
	top: 0;
	width: 190px;
	height: 142px;
	margin: 0;
}
.link-outer-box{
	width: 100%;
	height: 142px;
	padding: 20px 50px 20px 20px;
	box-shadow: 0px 1px 3px 0px rgba(2, 0, 14, 0.05);
	border: solid 1px #d9d9d9;
}
.link-outer-box p{
	font-size: 13px;
	line-height: 15px;
	color: #666666;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.link-outer-box span{
	display: block;
	margin-top: 15px;
	font-size: 12px;
	color: #999999;
}
.precautions{
	margin-top: 25px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding-left: 15px;
	border-left: 4px solid #084cf1;
	color: #666666 !important;
}
.table{
	position: relative;
	padding-left: 125px;
	margin: 30px 0;
}
.table-per{
	padding-left: 0;
}
.table ul{
	position: absolute;
	left: 0;
	top: 0;
	width: 125px;
	margin: 0;
	background-color: #f7f7f7;
	vertical-align: middle;
}
.table ul li{
	display: flex;
    align-items: center;
    justify-content: center;  
	border: 1px solid #d9d9d9;
	border-top: 0;
	padding: 0;
	margin: 0;
	min-height: 60px;
	font-size: 14px;
	text-align: center;
}
.table ul li:first-child{
	border: 1px solid #d9d9d9;
	min-height: 45px;
}
.table ul li:before{
	content: '';
}
.table table{
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	margin-left: -1px;
	width: 100%;
}
.table thead{
	background-color: #f7f7f7;
	
}
.table td{
	border: 1px solid #d9d9d9;
	font-weight: 400;
	font-size: 14px;
}
.table thead td{
	height: 44px;
	color: #666666;
}
.table tbody td{
	height: 60px;
	color: #333333;
}
.blog-tpl .btn{
	display: block;
	width: 224px;
	height: 47px;
	margin: 0 auto;
	padding: 0;
	background-color: #084cf1;
	border-radius: 4px;
	line-height: 47px;
	font-size: 18px;
	color: #ffffff !important;
	text-align: center;
}
.blog-tpl .btn:hover,.blog-tpl .btn:link{
	color: #fff !important;
	text-decoration: none;
}
@media screen and (min-width: 1024px){
	body #at-custom-sidebar{
		top: 50% !important;
		transform: translateY(-50%);
	}
	body .slideInRight{
		animation-name: none;
	}
	.main{
		width: 1200px !important;
	}
	.blog-left{
		float: left;
		width: 65.8%;
	}
	.blog-right{
		float: right;
		width: 25.9%;
		padding: 30px 0;
	}
	.mini-banner{
		width: 100%;
		height: 190px;
		background: url('../../../../../../hubfs/imgs/2024/activity/vpc/VAPORESSO_CARE_ECO_GO_GREEN.jpg') no-repeat center center / cover;
	}


	/*博客详情*/
	.blog-detail-main{
		padding: 18px 35px;
	}
	.blog-detail-main h1{
		font-weight: 600;
		font-size: 38px;
		line-height: 42px;
		letter-spacing: 0.2px;
		color: #000000;
	}
	.blog-detail-main h1 span{
		font-weight: 600;
	}
	.author-info{
		margin-top: 40px;
		padding: 10px 0;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
	}
	.author-icon{
		float: left;
	}
	.author-icon img{
		float: left;
		width: 22px;
		height: 22px;
		border-radius: 50%;
	}
	.author-info span{
		float: left;
		display: inline-block;
		margin-left: 8px;
		margin-right: 30px;
		font-weight: 400;
		font-size: 13px;
		line-height: 22px;
		color: #aaaaaa;
	}
	.author-info span a{
		font-weight: 400;
	}
	.articles-related{
		float: left;
	}
	.articles-related img{
		float: left;
		margin-top: 3.5px;
		width: 15px;
		height: 15px;
	}
	.author-share{
		float: right;
	}
	.author-share a{
		display: inline-block;
		margin-right: 12px;
	}
	.author-share img{
		width: 20px;
		height: 20px;
	}
	.related ul{
		margin-top: 20px;
	}
	.related ul li{
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	.related ul li:nth-child(3n){
		margin-right: 0;
	}
	.related ul li a{
		display: block;
	}
	.related ul li img{
		width: 100%;
		height: 170px;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.related ul li span{
		display: block;
		height: 60px;
		margin-top: 12px;
		font-weight: 600;
		font-size: 15px;
		line-height: 20px;
		color: #333333;
		text-overflow: ellipsis;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    overflow: hidden;
	}
}
@media screen and (max-width: 1023px){
	.blog-right{
		margin-top: 40px;
		padding: 0 15px;
	}
	.mini-banner{
		width: 100%;
		height: 56.25vw;
		background: url('../../../../../../hubfs/imgs/2024/activity/vpc/VAPORESSO_CARE_ECO_GO_GREEN.jpg') no-repeat center center / cover;
	}
	.blog-item{
		margin-top: 40px;
	}
	.blog-item ul{
		padding-left: 0;
	}
	.blog-item li{
		padding-bottom: 15px;
		border-bottom: none;
	}
	.blog-item h3{
		font-size: 15px;
		border-bottom-width: 2px;
	}
	.blog-item img{
		width: 60px;
		height: 60px;
		margin-right: 15px;
	}
	.author-name,.blog-item .widget-module a{
		padding-top: 10px;
		margin-bottom: 8px;
	}
	.author-publish{
		font-size: 12px;
	}
	.featured img{
		width: 80px;
		height: 60px;
	}
	.featured .author-name .blog-item .widget-module a{
		padding-top: 0;
	}


	/*博客详情*/
	.blog-detail-main .blog-right{
		padding: 0;
	}
	.blog-detail-main{
		padding: 25px 15px 40px 15px;
	}
	.blog-detail-main h1,.blog-detail-main h1 span{
		font-weight: 600;
		font-size: 27px;
		line-height: 25px;
		color: #ffffff;
	}
	.author-info{
		margin-top: 25px;
		padding-top: 10px;
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
	}
	.author-icon{
		float: left;
		padding-bottom: 10px;
		color: #333333;
	}
	.author-icon img{
		width: 30px;
		height: 30px;
		margin-right: 10px;
		border-radius: 50%;
	}
	.author-icon a{
		display: inline-block;
		font-weight: 400;
		font-size: 13px;
		line-height: 30px;
	}
	.author-share{
		float: right;
	}
	.author-share a{
		display: inline-block;
		margin-left: 12px; 
		padding: 5px 0;
		width: 30px;
		height: 30px;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		text-align: center;
	}
	.articles-related{
		clear: both;
		border-top: 1px solid #e6e6e6;
		padding: 10px 0;
	}
	.articles-related img{
		float: left;
		width: 15px;
		margin-right: 5px;
	}
	.articles-related span{
		float: left;
		display: inline-block;
		margin-right: 30px;
		font-weight: 400;
		font-size: 10px;
		line-height: 15px;
		color: #666666;
	}
	.articles-related span:last-child{
		margin-right: 0;
	}

	.related h3, .blog-comments h3{
		padding-bottom: 12px;
		font-size: 15px;
		border-bottom-width: 4px
	}
	#comments-listing .comment.depth-0, .comment.depth-1{
		padding: 20px 0;
	}
	.comment .comment-from h4{
		font-size: 12px;
	}
	.comment-date{
		font-size: 12px;
	}
	.comment-body{
		padding-top: 15px;
	}
	.comment-body p{
		font-size: 14px;
		line-height: 18px;
	}
	.comment-reply-to{
		margin-top: 20px;
		font-size: 14px;
	}
	.comment.depth-1{
		margin-left: 30px;
	}
	.blog-comments form{
		padding: 20px 0 30px 0;
	}
	.blog-comments form label span{
		font-size: 14px;
	}
	.blog-comments form .input textarea, .blog-comments form .input input{
		height: 35px;
		padding: 10px;
		font-size: 14px;
	}
	.blog-comments form .input textarea{
		height: 80px;
	}
	.blog-comments form .hs-button.primary{
		padding: 10px 15px;
		margin-left: 60px;
		font-size: 14px;
	}
	.replying{
		margin-top: 0;
	}
	.replying form{
		padding-left: 10px;
		padding-right: 10px;
	}
	.replying:before{
		top: 20px;
	}
	.replying:after{
		top: 19px;
	}

	.related li{
		position: relative;
		margin: 16px 0;
	}
	.related li a{
		display: block;
	}
	.related li img{
		float: left;
		width: 100px;
		height: 75px;
		object-fit: cover;
    	object-position: 50% 50%;
	}
	.related li span{
		position: absolute;
		top: 50%;
		left: 110px;
		transform: translateY(-50%);
		display: inline-block;
		font-weight: 400;
		line-height: 18px;
		max-height: 54px;
		font-size: 14px;
		color: #333333;
		text-overflow: ellipsis;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    overflow: hidden;
	}
	/*文章*/
	.hs_cos_wrapper_type_rich_text,.hs_cos_wrapper_type_rich_text p,.hs_cos_wrapper_type_rich_text span{
		font-size: 14px;
		line-height: 20px;
	}
	.hs_cos_wrapper_type_rich_text a{
		font-size: 14px;
	}
	.hs_cos_wrapper_type_rich_text ul{
		margin: 30px 0 30px 16px;
	}
	.hs_cos_wrapper_type_rich_text li{
		font-size: 14px;
		line-height: 20px;
	}
	.hs_cos_wrapper_type_rich_text h2{
		font-size: 20px;
		line-height: 30px;
	}
	.hs_cos_wrapper_type_rich_text h3{
		font-size: 16px;
		line-height: 23px;
	}
	.hs_cos_wrapper_type_rich_text h4{
		font-size: 14px;
		line-height: 20px;
	}

	/*模板*/
	.blog-tpl h2{
		margin-bottom: 20px;
	}
	.blog-top{
		margin-top: 30px;
		padding-bottom: 20px;
	}
	.introduction{
		display: block;
		height: auto;
		padding-left: 0;
	}
	.introduction img{
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	.blog-top span{
		display: block;
		font-size: 14px;
		line-height: 18px;
	}
	.anchor{
		margin-top: 25px;
	}
	.blog-detail .section{
		margin-top: 35px;
	}
	.col{
		margin: 20px 0;
	}
	.col-12 span{
		display: block;
		margin-top: 10px;
		font-size: 11px;
	}
	.col-12 img{
		height: 180px;
	}
	.col-6 img{
		height: 130px;
	}
	.col-4 img{
		height: 100px;
	}
	.blog-tpl .swiper-wrapper, .blog-tpl .swiper-slide{
		height: 180px;
	}
	.info{
		display: block;
		padding: 0;
	}
	.info img{
		position: relative;
		width: 100%;
		height: 180px;
	}
	.link-outer a{
		padding-right: 120px;
	}
	.link-outer-box{
		padding: 10px 20px 10px 10px;
		height: 90px;
	}
	.link-outer a img{
		width: 120px;
		height: 90px;
	}
	.link-outer-box span{
		margin-top: 5px;
		font-size: 10px;
	}
	.precautions{
		margin-left: 0;
		padding-left: 10px;
		border-left-width: 3px;
	}
	.table{
		padding-left: 85px;
		overflow: hidden;
	}
	.table-per{
		padding-left: 0;
	}
	.table ul li:first-child{
		min-height: 37px;
	}
	.table ul{
		width: 85px;
		margin: 0;
		z-index: 2;
	}
	.table ul li{
		min-height: 50px;
		font-size: 11px;
	}
	.table td{
		font-size: 11px;
	}
	.table thead td{
		height: 36px;
	}
	.table tbody td{
		height: 50px;
	}
	.blog-tpl .btn{
		width: 175px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
    .scroll{
		min-width: 430px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
    }
}
@media screen and (max-width: 1023px){
	.scroll{
		width: 430px;
	}
}