	// 方框介绍
	.mobile-product {
		width: 17.54rem;
		margin: 1.27rem auto 0.77rem;
		height: 15.25rem;		

		&__sec {
			display: flex;
			justify-content: space-between;
			align-items: center;

			@mixin secStyle {
				width: 6.63rem;
				height: 4.74rem;
				background: linear-gradient(182deg, #232E3C, #05080B);
				border-radius: 0.27rem;
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
				font-family: MiSans-Semibold;
			}

			&__item1 {
				@include secStyle;
				align-items: center;

				* {
					font-family: MiSans-Semibold;
					background: linear-gradient(128deg, #0FFFC4 0%, #0FFFC4 40%, #006AFF 60%, #006AFF 100%, );
					-webkit-background-clip: text;
					background-clip: text;
					-webkit-text-fill-color: transparent;
				}

				&__text {
					margin-top: 0.27rem;
					height: 1.55rem;
					font-size: 1.11rem;
					font-weight: 600;
					line-height: 1.24rem;
					width: fit-content;
				}

				&__text2 {
					width: fit-content;
					height: 1.02rem;
					font-size: 0.74rem;
					font-weight: 600;
					color: #FFFFFF;
					font-family: MiSans-Medium;
					line-height: 0.93rem;
				}

			}

			&__item2 {
				@include secStyle;
				width: 4.71rem;
				display: flex;
				flex-direction: column;
				align-items: center;

				&__img {
					margin: 0.31rem 0 0.21rem;
					width: 2.23rem;
					height: 2.72rem;
				}

				&__content {
					display: flex;
					width: fit-content;
					justify-content: center;

					&__text {
						width: fit-content;
						height: 0.96rem;
						line-height: 0.89rem;
						font-size: 0.89rem;
						font-weight: 600;
						background: linear-gradient(87deg, #0FFFC4 0%, #006AFF 100%);
						-webkit-background-clip: text;
						background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					&__text2 {
						height: 0.96rem;
						font-size: 0.52rem;
						line-height: 1.02rem;
						font-weight: 600;
						background: linear-gradient(87deg, #0FFFC4 0%, #006AFF 100%);
						-webkit-background-clip: text;
						background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					&__text3 {
						padding-left: 0.15rem;
						height: 0.96rem;
						line-height: 1.05rem;
						font-size: 0.52rem;
						font-family: MiSans-Regular;
						color: #FFFFFF;
					}
				}
			}

			&__item3 {
				@include secStyle;
				width: 5.73rem;
				align-items: center;

				&__img {
					margin-top: 0.71rem;
					width: 1.61rem;
					height: 2.54rem;
				}

				&__text {
					margin-top: 0.52rem;
					width: fit-content;
					height: 1.55rem;
					font-size: 0.58rem;
					font-weight: 600;
					color: #FFFFFF;
					font-family: MiSans-Medium;
					background: linear-gradient(81deg, #0FFFC4 0%, #006AFF 100%);
					-webkit-background-clip: text;
					background-clip: text;
					-webkit-text-fill-color: transparent;
				}
			}
		}

		&__sec2 {
			margin-top: 0.27rem;
			display: grid;
			grid-template-columns: 6.63rem 6.63rem 3.81rem;
			grid-template-rows: 4.74rem 4.74rem;
			grid-row-gap: 0.27rem;
			grid-column-gap: 0.27rem;
			font-family: MiSans-Semibold;
			grid-template-areas:
				'gap1 gap1 gap2'
				'gap3 gap4 gap4';

			&__item1 {
				grid-area: gap1;
				background: url('/static/product/detail/n051/solar__2.webp') center center/cover;
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
				border-radius: 0.62rem;

				&__content {
					padding-right: 0.31rem;
					display: flex;
					flex-direction: column;
					align-items: flex-end;

					&__top {
						display: flex;
						&__text {
							height: 1.14rem;
							font-size: 0.8rem;
							color: #FFFFFF;
							background: linear-gradient(87deg, #0FFFC4 0, #0FFFC4 20%, #006AFF 100%);
							-webkit-background-clip: text;
							background-clip: text;
							-webkit-text-fill-color: transparent;
						}

						&__text2 {
							font-size: 0.43rem;
							padding: 0.43rem 0 0 0.15rem;
							background: linear-gradient(87deg, #006AFF 0, #006AFF 100%);
							-webkit-background-clip: text;
							background-clip: text;
							-webkit-text-fill-color: transparent;
						}
					}

					&__bottom {
						height: 0.83rem;
						font-size: 0.52rem;
						font-family: MiSans-Regular;
						color: #FFFFFF;

						text {
							font-size: 0.43rem;
						}
					}
				}
			}

			&__item2 {
				grid-area: gap2;
				background: url('/static/product/detail/n051/charging.webp') center center/cover;
				display: flex;
				flex-direction: column;
				align-items: center;
				border-radius: 0.27rem;
				text-align: center;

				&__text {
					margin-top: 1.67rem;
					width: fit-content;
					height: 0.58rem;
					line-height: 0.58rem;
					font-size: 0.58rem;
					font-weight: 600;
					background: linear-gradient(87deg, #0FFFC4 0%, #006AFF 100%);
					-webkit-background-clip: text;
					background-clip: text;
					-webkit-text-fill-color: transparent;
				}

				&__text2 {
					width: fit-content;
					height: 0.58rem;
					line-height: 0.58rem;
					font-size: 0.37rem;
					background: linear-gradient(90deg, #0FFFC4 0%, #0FFFC4 70%, #006AFF 100%);
					
					background-clip: text;
					-webkit-text-fill-color: transparent;
					font-weight: 500;
				}

				&__text3 {
					margin-top: 0.86rem;
					height: 0.99rem;
					font-size: 0.55rem;
					font-family: MiSans-Regular;
					font-weight: 500;
					color: #FFFFFF;
				}
			}

			&__item3 {
				grid-area: gap3;
				background: url('/static/product/detail/n051/rate.webp') center center/cover;
				display: flex;
				flex-direction: column;
				align-items: center;
				border-radius: 0.27rem;

				&__text {
					transform: translateY(1.42rem);
					width: fit-content;
					height: 1.11rem;
					font-size: 0.8rem;
					font-weight: 600;
					color: #FFFFFF;
					background: linear-gradient(87deg, #0FFFC4 0%, #006AFF 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}

				&__text2 {
					transform: translateY(1.86rem);
					width: 5.27rem;
					height: 0.71rem;
					font-family: MiSans-Medium;
					font-size: 0.52rem;
					font-weight: 500;
					color: #FEFEFE;
					line-height: 0.71rem;
					text-align: center;
				}
			}

			&__item4 {
				grid-area: gap4;
				display: flex;
				justify-content: center;
				align-items: center;
				background: linear-gradient(182deg, #232E3C, #05080B);
				border-radius: 0.27rem;

				&__img {
					margin-top: 0.46rem;
					width: 4.4rem;
					height: 4.4rem;
				}

				&__content {
					width: fit-content;
					text-align: center;

					&__text {
						height: fit-content;
						font-size: 0.8rem;
						color: #FFFFFF;
						background: linear-gradient(266deg, #0FFFC4 0%, #006AFF 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;

					}

					&__text2 {
						height: 1.27rem;
						font-size: 0.55rem;
						line-height: 0.93rem;
						font-family: MiSans-Regular;
						color: #FFFFFF;
					}
				}
			}
		}
	}

	//放大视频
	.mobile-Energy {
		width: 18.1rem;
		height: 9.79rem;
		margin: 0 auto;
		&__avater {
			width: inherit;
			height: inherit;
		}

	}
	//白天黑夜
	.mobile-sun {
		width: 100%;
		height: 19.06rem;	
		&__img {
			width: 100%;
			height: 9.36rem;	
	
			&:last-child {
				transform: translateY(0.24rem);
			}
		}
	}
	
	//电流视频
	.mobile-filter-video {
		&__box {
			width: 16.02rem;
			height: 9.42rem;
			margin: 4.03rem auto 0;
			position: relative;
	
			&__avater {
				width: 100%;
				height: 100%;
			}
	
			&__content {
				width: fit-content;
				position: absolute;
				font-family: MiSans-Regular;
				top: 0;
				width: 8.06rem;
				&__text {
					display: flex;
					width: fit-content;
					height: 1.55rem;
					font-size: 1.55rem;
					font-family: MiSans-Medium;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 1.55rem;
					background: linear-gradient(128deg, #0FFFC4 20%, #006AFF 100%, );
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
	
				&__text2 {
					font-size: 0.38rem;
					font-weight: 400;
					color: #dfdfdf;
					line-height: 1.6;
				}
			}
	
		}
	}
	
	//AC太阳能板
	.Plugged {
		margin-top: 5.36rem;
		&__bar-view {
			width: 16.52rem;
			height: 0.86rem;
			margin: 1.55rem auto 0;
	
			&__box {
				position: relative;
				&__list {
					display: flex;
					justify-content: space-around;
					color: #C1C1C1;
					border-bottom: 0.09rem solid #646464;
					padding: 0;
	
					li {
						padding-bottom: 0.15rem;
						cursor: pointer;
						margin-right: 0;
						font-size: 0.46rem;
						position: relative;
						&::after {
							content: '';
							position: absolute;
							bottom: -0.09rem;
							left: 50%;
							transform: translateX(-50%);
							width: 0.93rem;
							transition: all 0.3s;
							height: 0.09rem;
						}
					}
	
					&-li--active {
						&::after {
							background-color: #ffffff;
						}
					}
				}
			}
		}
	
		//AC太阳能板
		&__swiper {
			margin: 1.11rem auto 2.54rem;
			width:15.25rem;
			height:12.71rem;
			background-color: #000;
			color: #fff;
	
			&__full {
				width:15.4rem;
				height:12.71rem;
				&__item {
					//显示小时裁决样式
					@mixin hoursStyle {
						display: flex;
						height: 1.79rem;
						align-items: flex-end;
						&__right {
							font-size: 0.43rem;
							line-height: 0.62rem;
						}
	
						&__left {
							font-family: MiSans-Regular;
							font-weight: 600;
							color: #FFFFFF;
							font-size: 1.73rem;
							height: 1.79rem;
							line-height: 1.79rem;
							background: linear-gradient(128deg, #0FFFC4 0%, #006AFF 100%);
							-webkit-background-clip: text;
							background-clip: text;
							-webkit-text-fill-color: transparent;
						}
	
						&__right {
							height: 1.79rem;
							font-size: 0.58rem;
							line-height: 2.69rem;
							padding-left: 0.21rem;
						}
					}
	
					&__box {
						margin-top: 1.02rem;
	                    display: flex;
	                    align-items: flex-start;
						width:15.5rem;
						&__img {								
							width:7.16rem;
							height:5.76rem;
							position: relative;
							img {
								width:7.16rem;
								height:5.76rem;
							}
	
							&__power {
								font-size: 0.58rem;
								position: absolute;
								top: 1.14rem;
								left: 0.71rem;
								color: #CCCCCC;
								font-family: MiSans-Regular;
							}
						}
	
						&__hour {
	                        margin:0.55rem 0 0 0.77rem ;
							@include hoursStyle;
						}
					}
	
					&__box2 {
	                    width:15.25rem;
	                    height:5.79rem;
						margin-top: 1.02rem;
						position: relative;
	
						&__img2 {
							width: inherit;
							height: inherit;
						}
	
						&__power {
							font-size: 0.58rem;
							position: absolute;
							top: 1.24rem;
							left: 1.36rem;
							color: #CCCCCC;
							font-family: MiSans-Regular;
							z-index: 9;
						}
	
						&__hour {
							position: absolute;
							top: 0.55rem;
							right: 4.09rem;
							@include hoursStyle;
						}
					}
	
					&__box3 {
						margin-top: 2.54rem;
						&__img3 {
							width:12.46rem;
							height:4.21rem;
	                        padding-left: 2.82rem;
							img {
								width: inherit;
								height: inherit;
							}
						}
					}
	
					&__box4 {
						display: flex;
						justify-content: center;
						margin-top: 3.81rem;
						&__img4{
							width:12.09rem;
							height:3.96rem;
						}
	
						&__img5 {
							width:11.56rem;
							height:4.24rem;
						}
	
						&__hour {
							@include hoursStyle;
							position: absolute;
							top: 2.54rem;
							right: 2.04rem;
	
							&__left {
								font-size: 1.73rem;
								height: 3.44rem;
								line-height: 3.44rem;
							}
	
							&__right {
								font-size: 0.77rem;
								line-height: 0.77rem;
							}
						}
	
						&__hour2 {
							@include hoursStyle;
							position: absolute;
							top: 2.04rem;
							right: 4.46rem;
							&__left {
								font-size: 1.64rem;
								height: 3.44rem;
								line-height: 3.68rem;
							}
							&__right {
								font-size: 0.58rem;
								line-height: 1.14rem;
							}
						}
					}
				}
			}
		}
	}
	// 快充进度条 
	.Fast {
		width: 18.6rem;
		margin: 0 auto 0;
		padding-left: 1.02rem;
		color: #fff;		
		h2 {
			height: 1.86rem;
			font-family: MiSans-Medium;
			font-weight: 500;
			line-height: 1.86rem;
			color: #FFFFFF;
			width: fit-content;
			font-size: 0.86rem;
			overflow: hidden;
			p{
				display: inline-block;
				height: fit-content;
			}
		}
	
	
		text {
			font-size: 0.46rem;
			height: fit-content;
			line-height: 0.93rem;
		}
	
		&__progress-first {
			margin-top: 1.33rem;	
			&__content {
				height: 0.86rem;
				transition: width .5s ease-out;
				background: linear-gradient(125deg, #0FFFC4 0,#0FFFC4 30%, #006AFF 70%,#006AFF 100%);
				width: 0;
			}
	
			&--active {
				width: 3.65rem;
			}
		}
		
	
		&__progress-second {
			margin-top: 1.33rem;
	
			text {
				color: #C5C5C5;
			}
	
			&__content {
				width: 0;
				height: 0.86rem;
				background: #C5C5C5;
				transition: width .5s ease-out;
			}
	
			&--active {
				width: 11.19rem;
			}
		}
		
	}
	
	//芯片BMS
	.battery {
		margin: 4.58rem auto 0;
		width: 17.54rem;
	
		&__box {
			display: flex;
			margin-top: 1.61rem;
	
			&__decorate {
				width: 9.48rem;
				height: 7.53rem;
				border-radius: 0.27rem;
				display: flex;
				justify-content: center;
				align-items: center;
				background: linear-gradient(182deg, #3B3B3B, #05080B);
	
				&__img {
					width: 6.72rem;
					height: 4.34rem;
					margin-right: 0.77rem;
				}
	
				&__img2 {
					width: inherit;
					height: inherit;
				}
	
				&__img3 {
					width: 5.36rem;
					height: 5.95rem;
				}
			}
	
			&__content {
				margin-left: 0.62rem;
				width: 8.06rem;
	
				h2 {
					height: 1.02rem;
					font-size: 0.62rem;
					font-family: MiSans-Medium;
					font-weight: 400;
					color: #ffffff;
					line-height: 0.93rem;
					margin: 1.42rem 0 0.49rem;
				}
	
				p {
					font-size: 0.4rem;
					font-family: MiSans-Regular;
					color: #f5f5f5;
					line-height: 0.65rem;
				}
			}
	
			&__content2 {
				text-align: right;
				margin-left: 0;
				margin-right: 0.96rem;
				h2{
					font-size: 0.62rem;
				}
			}
		}
	}
	
	@mixin proIteTitle {
		height: 1.36rem;
		font-size: 0.68rem;
		font-family: MiSans-Semibold;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 0.46rem;
		text-align: center;
	}
	
	@mixin sectionBox {
		margin: 0.52rem auto 0;
		width: 16.43rem;
		height: 10.41rem;
		background: linear-gradient(182deg, #3B3B3B, #05080B);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0.21rem;
	
	}
	
	$caitainerWidth: 18.32rem;
	//15ports
	.prots {
		width: $caitainerWidth;
		margin: 5.95rem auto 0;		
		h2 {
			@include proIteTitle;
		}
	
		&__box {
			@include sectionBox;		
			&__text {
				font-size: 0.77rem;
				font-family: MiSans-Semibold;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 1.55rem;
			}
		}
	}
	
	//智能APP
	.Intelligent-App {
		width: $caitainerWidth;
		margin: 3.68rem auto 3.72rem;
	
		h2 {
			@include proIteTitle;
		}
	
		&__box {
			margin-top: 0.52rem;
			display: flex;
			flex-direction: column;
			align-items: center;
	
			&__item {
				width: 16.74rem;
				height: 9.2rem;
				border-radius: 1.02rem;				
				position: relative;
	
				&__img {
					width: inherit;
					height: inherit;
				}
	
				&__text {
					position: absolute;
					top: 3.72rem;
					left: 1.61rem;
					width: 5.64rem;
					height: 1.79rem;
					font-size: 0.55rem;
					font-family: MiSans-Medium;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 0.83rem;
					text-align: center;
				}
				
				&__text-lang {
					width: 3.72rem;
					left: 3.16rem;
				}
	
				&__text2 {
					position: absolute;
					width: fit-content;
					height: 0.77rem;
					font-size: 0.55rem;
					padding-bottom: 1.27rem;
					font-family: MiSans-Medium;
					text-align: center;
					color: #FFFFFF;
					transform: translate(10%);
					bottom: 0;
				}
				&__text2-lang{
					position: absolute;
					transform: translate(40%);
				}
			}
		}
	}	
	//Whats
	.boat {
		width: $caitainerWidth;
		margin: 3.06rem auto 2.69rem;		
		h2 {
			@include proIteTitle;
		}
	
		&__box {
			@include sectionBox;
			background: linear-gradient(182deg, #120F0F, #2D2D2D);
		}
	}
	
	//更多产品
	.More {
		width: 18.56rem;
		margin: 1.42rem auto 2.04rem;
	
		&__top {
			display: flex;
			justify-content: space-between;
			padding: 0 1.02rem 0;
	
			&__title {
				font-size: 0.58rem;
				font-family: MiSans-Medium;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 1.27rem;
				cursor: pointer;
			}
		}
	
		&__box {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			height: fit-content;
			width: 16.52rem;
			margin: 0 auto;
	
			&__item {
				width: 7.9rem;
				height: 11.47rem;
				background: #121212;
				border-radius: 0.27rem;
				text-align: center;
				display: flex;
				align-items: center;
				flex-direction: column;
	
				//手机端不能有hover事件
				&:hover {
					margin-bottom: 0;
				}
	
				&__img {
					width: 4.8rem;
					height: 3.84rem;
					margin-top: 2.04rem;
				}
	
				&__title {
					font-size: 0.68rem;
					font-family: MiSans-Medium;
					font-weight: 600;
					color: #FFFFFF;
					line-height: 1.02rem;
					margin-top: 0.58rem;
				}
	
				&__subTit {
					font-size: 0.46rem;
					width: fit-content;
					color: #478fff;
					cursor: pointer;
					background-color: #949494;
				}
			}
		}
	
		&__bottom {
			padding: 0.52rem 1.55rem 0 0;
			font-size: 0.58rem;
			font-family: MiSans-Medium;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 0.77rem;
			cursor: pointer;
			text-align: right;
		}
	}
	
	