.homeleft {
  	padding: 32px;
  }

  video {
  	width: 533.3px;
  }

  .wrapindex {
  	position: relative;
  }

  .wrapindex .statement {
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	-khtml-user-select: none;
  	position: absolute;
  	bottom: 0px;
  	left: 0px;
  	text-align: center;
  	width: 100%;
  	z-index: -1;
  }

 

  .b2 {
  	height: 2px;
  	background: #005AFF;
  	border-radius: 1px;
  	opacity: 0.1;
  }



  .remark { 
  	height: auto; 
  	border-radius: 3px;
  	padding: 0px 10px;
  	font-size: 14px;
  	font-family: Microsoft YaHei;
  	line-height: 30px;
  	z-index: 666; 
  	background: #EEF1F8;
  	margin-top: 10px;
  	cursor: pointer;
	min-height: 30px;
  }

  .remark_arr {
  	width: 0;
  	height: 0;
  	border-top: 10px solid transparent;
  	border-left: 25px solid transparent;
  	border-right: 25px solid #eee;
  	border-bottom: 15px solid transparent;
  	position: absolute;
  	top: 10px;
  	left: -50px;
  }

  .remark_msg {
  	height: auto;
  	overflow: hidden;
  	word-break: break-all;
  	text-overflow: ellipsis;
  }

  .small_tips {
  	/* position: absolute; */
  	/* left: 15px; */
  	/* top: 50px; */
  	font-size: 14px;
  	color: #f00;
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	background: #EEF1F8;
  	border-radius: 3px;
  	padding: 8px 9px;
  }

  .post-title {
  	line-height: 40px;
		margin-top: 15px;
		margin-bottom: 15px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 24px !important;
		color: #333333 !important;
  }

  .corner {
  	position: absolute;
  	width: 100px;
  	height: 100px;
  	background: url(/static/img/corner.png) center center no-repeat;
  	background-size: cover;
  	bottom: -9px;
  	right: -8px;
  	z-index: 6;
  }

  .statement {
  	font-size: 15px;
  	text-align: center;
  	color: #f00;
  	margin-bottom: 30px;
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  }

  .post-content {
  	/* min-height: 100px; */
  	display: flex;
  	flex-direction: row;
  	justify-content: flex-start;
  	align-items: flex-start;
  	flex-wrap: nowrap;
  	margin: 15px 0 !important;
  }

  .content_title {
  	display: block;
  	flex-shrink: 0;
  	min-width: 56px;
  	text-align: right;
  	font-family: Microsoft YaHei;
  	font-weight: 400;
  	font-size: 14px;
  	color: #666666;
  	margin-right: 14px;
		line-height: 24px;
  }

  #copy_area {
  	display: block;
  	font-family: Microsoft YaHei;
  	font-weight: 400;
  	font-size: 14px;
  	color: #262626;
		line-height: 24px;
  }
	#copy_area table {
		    width: 100%;
		    border-collapse: collapse;
		    border: 1px solid #999;
		    margin: 10px 0;
		}
		#copy_area th,
		#copy_area td {
		    border: 1px solid #999;
		    padding: 8px 6px;
		    text-align: center;
		}
		#copy_area th {
		    /* background: #eee; */
		}
		#copy_area p {
		    line-height: 1.6;
		}
		#copy_area img {
		    max-width: 100%;
		}
  .cover_timage {
  	display: flex;
  	flex-direction: row;
  	justify-content: flex-start;
  	align-items: flex-start;
  	flex-wrap: nowrap;
		margin-bottom: 15px;
  }

  .cover_title {
  	flex-shrink: 0;
  	min-width: 56px;
  	text-align: right;
  	font-family: Microsoft YaHei;
  	font-weight: 400;
  	font-size: 14px;
  	color: #666666;
  	margin-right: 14px;
  }

  .cover_right {
  	width: 199px;
  	height: 200px;
  	background: #fff;
  	border-radius: 3px;
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	align-items: center;
  	position: relative;
  	border: 1px solid rgba(238, 241, 248, 0.5);
  }


  .cover_right img {
  	max-width: 100%;
  	max-height: 100%;
  	object-fit: contain;
  	border-radius: 3px;
  	pointer-events: none;
  }

  .cover_right:hover {
  	background: #333;
  }

  .cover_icon_box {
  	display: none;
  }

  .cover_right:hover .cover_icon_box {
  	display: block;
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 100%;
  	height: 100%;
  	z-index: 10;
  	background: rgba(51, 51, 51, 0.5);
  	border-radius: 3px;
  	display: flex;
  	flex-direction: column;
  	align-content: center;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;

  }

  .downloadCover {
  	width: 120px;
  	height: 32px;
  	background: #E1F2FF;
  	border-radius: 3px;
  	font-family: 'Microsoft YaHei';
  	font-weight: bold;
  	font-size: 14px;
  	color: #178CF0;
  	line-height: 32px;
  	text-align: center;
  	cursor: pointer;
  	margin-left: 16px;
  }
	.batchDownload {
  	width: 120px;
  	height: 32px;
  	background: #E1F2FF;
  	border-radius: 3px;
  	font-family: 'Microsoft YaHei';
  	font-weight: bold;
  	font-size: 14px;
  	color: #178CF0;
  	line-height: 32px;
  	text-align: center;
  	cursor: pointer;
  	margin-left: 16px;
  }
	.downloadVideo {
		width: 120px;
		height: 32px;
		background: #E1F2FF;
		border-radius: 3px;
		font-family: 'Microsoft YaHei';
		font-weight: bold;
		font-size: 14px;
		color: #178CF0;
		line-height: 32px;
		text-align: center;
		cursor: pointer;
		margin-left: 16px;
	}
	.imageBox{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.imageBox_right{
		width: 533px;
		height: 320px;
		/* background: #262626; */
		border-radius: 3px;
		/* border: 1px solid #C3C3C3; */
	}
	
	.videoBox{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.videoBox_right{
		width: 533px;
		height: 320px;
		/* background: #262626; */
		border-radius: 3px;
		/* border: 1px solid #C3C3C3; */
	}
	#previewVideo {
		/* 初始样式，将由JS根据视频比例调整 */
		max-width: 100%;
		max-height: 100%;
	}
	.videoBox_src{
		width: 533px;
		height: 320px;
		background: #262626;
		border-radius: 3px;
		overflow: hidden;
	}
	.videoBox_src video{
		display: block;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain; /* 竖屏视频按比例缩放，不溢出固定盒子 */
		background: #000;
	}
	
  .carousel-container {
  	width: 100%;
  	margin: 0 auto;
  	position: relative; 
  }

  .carousel-container .swiper-container {
  	width: 100%;
  	height: 300px;
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  	overflow: hidden;
  }

  .carousel-container .swiper-slide {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	/* background-color: #f1f1f1; */
		background: #262626;
  }

  .carousel-container .swiper-slide .carousel-image {
  	max-width: 100%;
  	max-height: 100%;
  	object-contain: contain;
  	transition: transform 0.5s ease;
  }

  .carousel-container .swiper-slide-active .carousel-image {
  	transform: scale(1);
  }

  .carousel-container .swiper-button-prev,
  .carousel-container .swiper-button-next {
  	width: 40px;
  	height: 40px;
  	background-color: rgba(38, 38, 38, 0.4);
  	border-radius: 50%;
  	color: #333;
  	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  	transition: all 0.3s ease;
  }

  .carousel-container .swiper-button-prev::after,
  .carousel-container .swiper-button-next::after {
  	font-size: 18px;
  	font-weight: bold;
  	color: #e2e2e2;
  }

  .carousel-container .swiper-pagination {
  	bottom: -10px !important;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	flex-wrap: nowrap;
  }

  .carousel-container .swiper-pagination .swiper-pagination-bullet {
  	width: 100%;
  	height: 4px;
  	background-color: #C3C3C3;
  	margin: 0 4px !important;
  	transition: all 0.3s ease;
  	border-radius: 2px;
  }

  .carousel-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  	background: #FF2442;
  	border-radius: 2px;
  }

  .carousel-container .page-indicator {
  	position: absolute;
  	top: 15px;
  	right: 15px;
  	background-color: rgba(38, 38, 38, 0.4);
  	color: #FFFFFF;
  	/* padding: 4px 12px; */
  	border-radius: 20px;
  	font-size: 10px;
  	font-weight: 400;
  	z-index: 10;
		width: 56px;
		height: 24px;
		text-align: center;
		line-height:24px ;
  }
















  .btn {
  	display: flex;
  	align-items: center;
  	flex-wrap: wrap;
  	justify-content: flex-end;
  	flex-direction: row;
  }

  button.copyBtn_title {
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	width: 96px;
  	height: 32px;
  	border: 0;
  	outline: 0;
  	/* background: url(/static/img/copy_btn_bg.png); */
  	background-size: cover;
  	line-height: 34px;
  	font-size: 16px;
  	color: #fff;
  	cursor: pointer;
  	/* position: absolute; */
  	/* right: 8px; */
  	/* top: 32px; */
  	background: #005AFF;
  	border-radius: 3px;
  	margin-right: 12px;

  }

  button.copyBtn {
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	width: 96px;
  	height: 32px;
  	border: 0;
  	outline: 0;
  	/* background: url(/static/img/copy_btn_bg.png); */
  	background-size: cover;
  	line-height: 34px;
  	font-size: 16px;
  	color: #fff;
  	cursor: pointer;
  	/* position: absolute; */
  	/* right: 8px; */
  	/* top: 32px; */
  	background: #0078FF;
  	border-radius: 3px;


  }

  #tips {
  	position: absolute;
  	top: 150px;
  	left: 0;
  	right: 0;
  	margin: auto;
  	width: 150px;
  	height: 38px;
  	line-height: 38px;
  	background-color: rgba(0, 0, 0, .6);
  	color: #fff;
  	font-size: 16px;
  	text-align: center;
  	z-index: -666;
  	opacity: 0;
  	transition: opacity linear .3s
  }

  #tips.show {
  	opacity: 1;
  	z-index: 666
  }

  .remark2 {
  	position: absolute;
  	width: 150px;
  	height: auto;
  	right: -180px;
  	top: 100px;
  	border-radius: 3px;
  	padding: 10px;
  	font-size: 14px;
  	line-height: 24px;
  	z-index: 666;
  	background: #fff;
  }

  .remark2 a {
  	font-size: 14px;
  	padding: 4px 10px;
  	display: block;
  	color: #fff;
  	background-color: #0e90d2;
  	width: 60px;
  	text-align: center;
  	margin: 10px auto 0px;
  	cursor: pointer
  }

  .remark2 span {
  	color: red
  }

  button.downloadBtn {
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	width: 98px;
  	height: 34px;
  	border: 0;
  	outline: 0;
  	background: url(/static/img/download_img.png);
  	background-size: cover;
  	line-height: 34px;
  	font-size: 16px;
  	color: #fff;
  	cursor: pointer;
  	position: absolute;
  	right: 98px;
  	top: 32px;
  }

  .remark3 {
  	position: absolute;
  	width: 150px;
  	height: auto;
  	left: -180px;
  	top: 300px;
  	border-radius: 3px;
  	padding: 10px;
  	font-size: 14px;
  	line-height: 24px;
  	z-index: 666;
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	background: #fff;
  }