* {
	box-sizing: border-box;
}

#productInfo {
	width: 100%;
	background: #fff;
}

/* ******* banner ******* */
#productInfo .title-container,
#productInfo .title-container>img {
	width: 100%;
}

/* ******* 产品彩页 产品短视频 ******* */
#productInfo .news-info {
	margin-top: 0.60rem;
	padding: 0 2.30rem;
	padding-bottom: 1.3rem;
}

#productInfo .news-info .tab-box,
#productInfo .news-info .tab-one,
#productInfo .news-info .tab-two {
	font-size: 0.2rem;
	display: flex;
	flex-direction: row;
	margin-bottom: 0.2rem;
}

#productInfo .news-info .tab-one,
#productInfo .news-info .tab-two {
	margin-right: 0.4rem;
	padding-bottom: 0.1rem;
	cursor: pointer;
}

#productInfo .news-info .active {
	color: #0DA0C6;
	border-bottom: 2px solid #0DA0C6;
}

#productInfo .news-info .tabOne-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#productInfo .news-info .tabOne-box .one-seach {
	width: 20%;
	margin-left: 77.9%;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 0.16rem;
	padding-top: 0px;
	border-radius: 4px;
}

#productInfo .news-info .tabOne-box .one-seach input {
	width: 86%;
	height: 85%;
	font-size: 0.13rem;
	border: none;
	outline: none;
	color: #333;
	background-color: rgba(0, 0, 0, 0);
	border-right: 1px solid #ccc;
}

#productInfo .news-info .tabOne-box .one-seach #img-search {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

#productInfo .news-info .tabOne-content li {
	position: relative;
	width: 32%;
	height: 3rem;
	margin-right: 1%;
	margin-top: .2rem;
	cursor: pointer;
}

#productInfo .news-info .tabOne-content .box-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 0.55rem;
	padding: 0.08rem 0.15rem;
	display: flex;
	justify-content: space-between;
	background-color: rgba(255, 255, 255, 0.9);
}

#productInfo .news-info .tabOne-content .left-one {
	display: flex;
	flex-direction: row;
}



#productInfo .news-info .tabOne-content .left-button {
	width: 0.5rem;
	color: #fff;
	font-size: 0.11rem;
	height: 0.21rem;
	line-height: 0.21rem;
	text-align: center;
	background-color: #0DA0C6;
	border-radius: 0.02rem;
	margin-right: 0.4rem;
}

#productInfo .news-info .tabOne-content .left-title {
	font-size: 0.15rem;
	font-weight: 700;
}

#productInfo .news-info .tabOne-content .left-two {
	height: 0.33rem;
	margin-top: 0.02rem;
	font-size: 0.12rem;
}

#productInfo .news-info .tabOne-content .info-two {
	margin: 0px 0.11rem;
}

#productInfo .news-info .tabOne-content .line {
	width: 1px;
	height: 0.1rem;
	margin: 0px 0.1rem;
	display: inline-block;
	background-color: #666;
}

#productInfo .news-info .tabOne-content .left-info {
	font-size: 0.12rem;
	color: #666;
	display: inline-block;
	height: 0.2rem;
}

#productInfo .news-info .tabOne-content .right-down {
	color: #0DA0C6;
	font-size: 0.12rem;
	width: 0.9rem;
	cursor: pointer;
	text-align: center;
}

#productInfo .news-info .tabOne-content .mgTop {
	margin-top: 0.06rem;
}

#productInfo .news-info .tabTwo-box {
	display: none;
}

/* 产品短视频 */

#productInfo .news-info .tabTwo-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#productInfo .news-info .tabTwo-content li {
	position: relative;
	width: 23%;
	height: 4.5rem;
	margin-right: 2%;
	margin-top: .2rem;
	cursor: pointer;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#productInfo .news-info .tabTwo-content li:nth-child(4n) {

	margin-right: 0% !important;
}

#productInfo .news-info .tabTwo-content li .playImg {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -60%);
}

#productInfo .news-info .tabTwo-content .box-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 0.6rem;
	padding: 0.08rem 0.15rem;
	background: rgba(255, 255, 255, 0.9);
}

#productInfo .news-info .tabTwo-content .left-one {
	display: flex;
	flex-direction: row;
}




#productInfo .news-info .tabTwo-content .left-title {
	font-size: 0.15rem;
	font-weight: 700;
	color: #333;
}

#productInfo .news-info .tabTwo-content .left-two {
	height: 0.33rem;
	margin-top: 0.02rem;
	font-size: 0.12rem;
	display: flex;
	justify-content: space-between;
}

#productInfo .news-info .tabTwo-content .left-two .info-two {
	/* width: 0.6rem; */
	height: 0.22rem;
	border-radius: 0.1rem;
	padding: 0.01rem 0.06rem;
	background-color: #666;
	color: #fff;
}

#productInfo .news-info .tabTwo-content .left-two .bule {

	background-color: rgb(240 253 244) !important;
	color: rgb(49 165 84) !important;
}

#productInfo .news-info .tabTwo-content .left-two .oragne {

	background-color: rgb(255 253 231) !important;
	color: rgb(212 155 30) !important;
}

#productInfo .news-info .tabTwo-content .left-two .purple {
	background-color: rgb(239 247 255);
	color: rgb(158 74 235) !important;
}

#productInfo .news-info .tabTwo-content .left-info {
	font-size: 0.12rem;
	color: #666;
	height: 0.16rem;
	margin-top: 0.03rem;
}

#productInfo .news-info .tabTwo-content .left-info img {
	vertical-align: middle;
	margin-right: 4px;
}


#productInfo .news-info .tabTwo-box {
	display: none;
}

#productInfo .news-info .tabTwo-box .two-title {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#productInfo .news-info .tabTwo-box .title-class {
	color: #fff;
	font-size: 0.13rem;
	padding: 0.04rem 0.13rem;
	color: #0DA0C6;
	cursor: pointer;
	background: rgba(13, 160, 198, 0.1);
	border-radius: 0.12rem;
	margin-right: 0.4rem;
	margin-bottom: 0.08rem;
}

#productInfo .news-info .tabTwo-box .active {
	color: #fff;
	background-color: #0DA0C6 !important;
}

/* 视频播放 */

#productInfo .news-info .video-box {
	position: fixed;
	top: 20%;
	left: 50%;
	width: 65%;
	height: 59%;
	display: none;
	background-color: #000;
	transform: translateX(-50%);
}

#productInfo .news-info .video-box .close {
	background: url(/imgs/video/vbg01.png?v=202504071630) -131px -139px no-repeat;
	cursor: pointer;
	height: 34px;
	margin-top: 14px;
	position: absolute;
	right: 20px;
	width: 34px;
	z-index: 9999;
}

#productInfo .video-box video {
	/* height: auto !important;
	object-fit: fill */
}

#productInfo .vjs-default-skin .vjs-big-play-button:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -116px -196px no-repeat;
	font-size: 0;
	height: 56px;

	width: 56px;
}

#productInfo .vjs-default-skin .vjs-play-control:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -114px -58px no-repeat;
	content: "" !important;
	font-size: 0;
}

/* 播放按钮 */
#productInfo .video-js .vjs-playing:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -113px -94px no-repeat;
	content: "" !important;
	font-size: 0;
}

/* 暂停按钮 */
#productInfo .video-js .vjs-paused:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -114px -58px no-repeat;
	content: "" !important;
	font-size: 0;
}

/* 声音按钮 */
#productInfo .vjs-default-skin .vjs-vol-3:before,
#productInfo .vjs-default-skin .vjs-mute-control:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -153px -59px no-repeat;
	content: "" !important;
	font-size: 0;
}

#productInfo .vjs-default-skin .vjs-vol-0:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -153px -95px no-repeat;
	content: "" !important;
	font-size: 0;
}

/* 全屏按钮 */
#productInfo .vjs-default-skin .vjs-fullscreen-control:before {
	background: url(/imgs/video/vbg01.png?v=202504071630) -192px -58px no-repeat;
	content: "" !important;
	font-size: 0;
}

#productInfo .vjs-default-skin .vjs-volume-control {
	display: none;
}

#productInfo .vjs-default-skin .vjs-control-bar {
	bottom: 20px;
}

#productInfo .vjs-default-skin .vjs-big-play-button {
	left: 50%;
	margin-left: -1.5em;
	margin-top: -.75em;
	top: 43%;

	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: calc(var(--fontRatio, 1) * 3em);
	height: 56px;

	line-height: 56px;
	opacity: 1;
	padding: 0;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	width: 56px;
}

/* 分页 */
#productInfo .paging-container {
	margin: 0.80rem auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

#productInfo .paging-container .page {
	width: 0.40rem;
	height: 0.40rem;
	border: 1px solid #0DA0C6;
	border-radius: 50%;
	text-align: center;
	line-height: 0.40rem;
	font-size: 0.20rem;
	color: #0DA0C6;
	margin-right: 0.20rem;
	cursor: pointer;
}

#productInfo .paging-container .page:nth-last-child(1) {
	margin-right: 0;
}

#productInfo .paging-container .page:hover,
#productInfo .paging-container .active {
	background: #0DA0C6;
	border-radius: 50%;
	color: #fff;
}