#app {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 0;
}

#app p {
	margin: 0;
}

#app .head_back {
	width: 100%;
	/* height: 240px; */
	display: flex;
	overflow: hidden;
	margin-top: 80px;
	position: relative;
}
#app .head_back img {
	width: 100%;
}

#app .head_back .go-pc-style {
	width: 15.5rem;
	height: 2.6rem;
	border-radius: 0.43rem;
	opacity: 1;
	background-color: transparent;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	position: absolute;
	bottom: 15%;
	left: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.device-control {
	width: 100%;
	background-image: url("../images/app/bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f0f0f0; /* 图片加载前或加载失败时的背景色 */
	display: flex;
	justify-content: center;
}
.device-control-item {
	width: 1200px;
	display: flex;
	flex-direction: column;
	margin-top: 4.875rem;
	margin-bottom: 5.25rem;
}
.device-control-item .title {
	font-size: 2.375rem;
	font-family: SimHei-Regular, SimHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 2.75rem;
}
.device-control-item .title img {
	width: 2.125rem;
	height: 2.125rem;
	margin-left: 11px;
	margin-top: -10px;
}
.device-control-item .entitle {
	font-size: 1.4375rem;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.625rem;
}
.device-control-item .content {
	display: flex;
	justify-content: space-around;
	margin-top: 3.5625rem;
}
.device-control-item .content .content-item .img {
	position: relative;
}
.device-control-item .content .content-item img {
	width: 21.625rem;
	height: 38.8125rem;
}
.device-control-item .content .content-item .intro {
	color: #fff;
	position: absolute;
	top: 1.3125rem;
	left: -3.1875rem;
}
.device-control-item .content .content-item .intro h3 {
	font-size: 1.9375rem;
	font-weight: 900;
	line-height: 2.125rem;
}
.device-control-item .content .content-item .intro span {
	font-size: 1.5625rem;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
}


/* 标题 start */
.push-information,
.member-management,
.ota-upgrade,
.download-experience {
	width: 100%;
	background: #FFFFFF;
	display: flex;
	justify-content: center;
}
.push-information-item,
.member-management-item,
.ota-upgrade-item,
.download-experience-item {
	width: 1200px;
	display: flex;
	flex-direction: column;
	margin-top: 4.875rem;
}
.push-information-item .title,
.member-management-item .title,
.ota-upgrade-item .title,
.download-experience-item .title {
	font-size: 2.375rem;
	font-family: SimHei-Regular, SimHei;
	font-weight: 400;
	color: #000000;
	line-height: 2.75rem;
}
.push-information-item .title img,
.member-management-item .title img,
.ota-upgrade-item .title img,
.download-experience-item .title img {
	width: 2.125rem;
	height: 2.125rem;
	margin-left: 11px;
	margin-top: -10px;
}
.push-information-item .entitle,
.member-management-item .entitle,
.ota-upgrade-item .entitle,
.download-experience-item .entitle {
	font-size: 1.4375rem;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(66, 66, 66, 0.6);
	line-height: 1.625rem;
}
/* 标题 over */


.push-information {
	background-image: url("../images/app/bg2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f0f0f0; /* 图片加载前或加载失败时的背景色 */
}
.push-information-item {
	margin-bottom: 3.25rem;
}
.push-information-item .content {
	display: flex;
	justify-content: space-around;
	margin-top: 3.625rem;
}
.push-information-item .content .one {
	display: flex;
	flex-direction: column;
	text-align: center;
	position: relative;
}
.push-information-item .content .one .bg {
	margin-bottom: 2rem;
	width: 21.625rem;
}
.push-information-item .content .one .float {
	position: absolute;
	width: 27.5rem;
	top: 9.5rem;
	left: 50%;
	transform: translateX(-50%); /* 左右居中 */
	border-radius: 25px;
	
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.push-information-item .content .one h4 {
	font-size: 1.5625rem;
	font-family: SimHei-Regular, SimHei;
	font-weight: 400;
	color: #000000;
}
.push-information-item .content .one span {
	font-size: 0.8125rem;
	font-family: SimHei-Regular, SimHei;
	font-weight: 400;
	color: #3F3F3F;
	line-height: 0.9375rem;
}



.member-management-item .content {
	display: flex;
	justify-content: center;
	margin-top: 3.375rem;
}
.member-management-item .content .left, .member-management-item .content .right {
	display: flex;
	flex-direction: column;
}
.member-management-item .content .left {
	margin-right: 4.5625rem;
}
.member-management-item .content .left img {
	margin-bottom: 1.875rem;
	width: 16.9375rem;
}
.member-management-item .content .right img {
	margin: 1.75rem 0 2.75rem;
	width: 16.9375rem;
}
.member-management-item .content .right .top-bottom {
	padding: 1.625rem 1.4375rem;
	background: #FFFFFF;
	box-shadow: 0px 0px 28px 6px rgba(0,0,0,0.13);
	border-radius: 13px 13px 13px 13px;
	opacity: 1;
}
.member-management-item .content .right .top-bottom p {
	font-size: 1.5625rem;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #3F3F3F;
	line-height: 1.8125rem;
}
.member-management-item .content .right .top-bottom span {
	font-size: 0.8125rem;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: rgba(63,63,63,0.8);
	margin-top: 6px;
	display: inline-block;
}


.ota-upgrade-item {
	margin-bottom: 5.0625rem;
}
.ota-upgrade-item .content {
	display: flex;
	justify-content: space-around;
	margin-top: 6.3125rem;
}
.ota-upgrade-item .content .left-right {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ota-upgrade-item .content .left-right img {
	width: 15.5625rem;
	height: 13.4375rem;
	margin-bottom: 2.5rem;
}
.ota-upgrade-item .content .left-right p {
	font-size: 1.4375rem;
	font-family: SimHei-Regular, SimHei;
	font-weight: 400;
	color: #008BF3;
	line-height: 1.625rem;
}
.ota-upgrade-item .content .left-right span {
	font-size: 1.1875rem;
	font-family: SimHei-Regular, SimHei;
	font-weight: 400;
	color: #666666;
	margin-top: 0.8125rem;
	display: block;
}


.download-experience-item {
	margin-bottom: 3.1875rem;
}
.download-experience-item .content {
	margin-top: 4.25rem;
	display: flex;
	flex-direction: column;
}
.download-experience-item .content .download {
	display: flex;
	justify-content: space-around;
}
.download-experience-item .content .download .one {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.download-experience-item .content .download .one img {
	margin-bottom: 2.1875rem;
	width: 11.25rem
}
.download-experience-item .content .download .one p {
	font-size: 1.5625rem;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: #3a3939;
	line-height: 1.8125rem;
}
.download-experience-item .content .download .one span {
	font-size: 0.6875rem;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: rgba(0,0,0,0.7);
	line-height: 0.8125rem;
	text-align: left;
}
.download-experience-item .content .dots {
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
}
.download-experience-item .content .dashed-line {
	flex: 1;
	border-bottom: 1px dashed #2a2a2a;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	padding-left: 20px; /* 空出点的位置 */
}
.download-experience-item .content .dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #2a2a2a;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.download-experience-item .content .qrcode {
	display: flex;
	margin-top: 3.5rem;
}
.download-experience-item .content .qrcode .bg {
	padding: 2.4375rem 2.9375rem;
	display: flex;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 0px 1.8125rem -0.25rem rgba(0,0,0,0.2);
	border-radius: 1.125rem;
	opacity: 1;
	margin-left: 2.5625rem;
}
.download-experience-item .content .qrcode .bg img {
	width: 3.625rem;
	height: 3.625rem;
}
.download-experience-item .content .qrcode .bg div {
	margin-left: 0.6875rem;
}
.download-experience-item .content .qrcode .bg p {
	font-size: 1.4375rem;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: #2f2e2e;
	line-height: 1.625rem;
}
.download-experience-item .content .qrcode .bg span {
	font-size: 0.8125rem;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: #2f2e2e;
	line-height: 0.9375rem;
}
.download-experience-item .downtep {
	display: none;
}


@media (max-width: 1200px) {
	#app .head_back .go-pc-style {
		width: 15.5rem;
		height: 3rem;
	}
	/* 标题 start */
	.device-control-item .title,
	.push-information-item .title,
	.member-management-item .title,
	.ota-upgrade-item .title,
	.download-experience-item .title {
		margin-left: 2.5rem;
	}
	.device-control-item .entitle,
	.push-information-item .entitle,
	.member-management-item .entitle,
	.ota-upgrade-item .entitle,
	.download-experience-item .entitle {
		margin-left: 2.5rem;
	}
	.device-control-item .title img,
	.push-information-item .title img,
	.member-management-item .title img,
	.ota-upgrade-item .title img,
	.download-experience-item .title img {
		vertical-align: baseline;
	}
	/* 标题 over */
	
	.device-control-item .content,
	.push-information-item .content,
	.member-management-item .content,
	.ota-upgrade-item .content,
	.download-experience-item .content {
		padding-left: 3.75rem;
		padding-right: 3.75rem;
	}
}

@media (min-width: 751px) {
	#app .head_back_m {
		display: none;
	}
}
@media (max-width: 750px) {
	#app .head_back {
		display: none;
	}
	#app .head_back_m {
		width: 100rem;
		/* height: 32rem; */
		margin-top: 16rem;
		position: relative;
		font-size: 1.6rem;
	}
	#app .head_back_m img {
		width: 100%;
	}
	
	#app .head_back_m .go-pc-style {
		width: 19.867rem;
		height: 4rem;
		border-radius: .27rem;
		border: 0.26rem solid #FFFFFF;
		background-color: transparent;
		color: #FFFFFF;
		position: absolute;
		bottom: 15%;
		left: 10%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	/* 标题 */
	.device-control-item .title,
	.push-information-item .title,
	.member-management-item .title,
	.ota-upgrade-item .title,
	.download-experience-item .title {
		font-size: 4rem;
		line-height: 4.6875rem;
	}
	.device-control-item .entitle,
	.push-information-item .entitle,
	.member-management-item .entitle,
	.ota-upgrade-item .entitle,
	.download-experience-item .entitle {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	.device-control-item .title img,
	.push-information-item .title img,
	.member-management-item .title img,
	.ota-upgrade-item .title img,
	.download-experience-item .title img {
		width: 4rem;
		height: 4rem;
		vertical-align: middle;
	}
	
	
	/* 智能设备管控 */
	.device-control-item .content {
		flex-direction: column;
		align-items: center;
		margin-top: 11.3125rem;
	}
	.device-control-item .content .content-item:nth-child(2) {
		margin-top: 6.625rem;
	}
	.device-control-item .content .content-item img {
		width: 59.875rem;
		height: 100%;
	}
	.device-control-item .content .content-item .intro {
		top: 5.4375rem;
		left: -10rem;
	}
	.device-control-item .content .content-item .intro h3 {
		font-size: 6rem;
		line-height: 6.625rem;
	}
	.device-control-item .content .content-item .intro span {
		font-size: 4.625rem;
	}
	
	
	/* 信息实时推送 */
	.push-information-item .content {
		flex-direction: column;
		align-items: center;
		margin-top: 9.3125rem;
	}
	.push-information-item .content .one .bg {
		margin-bottom: 3rem;
		width: 59.875rem;
		height: 100%;
	}
	.push-information-item .content .one .float {
		width: 61.25rem;
		top: 20rem;
	}
	.push-information-item .content .one h4 {
		font-size: 4.25rem;
		margin-top: -15.7rem;
	}
	.push-information-item .content .one span {
		font-size: 2.375rem;
		line-height: 2.8125rem;
	}
	
	
	/* 多成员协同管理 */
	.member-management-item .content-wap {
		margin: 0 auto 11.6875rem;
		text-align: center;
	}
	.member-management-item .content-wap img {
		width: 59.875rem;
		margin-top: 10.375rem;
	}
	.member-management-item .content-wap div {
		margin-top: 10.375rem;
	}
	.member-management-item .content-wap div p {
		font-size: 3.3125rem;
		font-weight: 500;
		color: #3F3F3F;
		line-height: 4rem;
	}
	.member-management-item .content-wap div span {
		font-size: 1.625rem;
		font-weight: bold;
		color: rgba(63,63,63,0.8);
		line-height: 1.875rem;
		margin-top: 1.3125rem;
		display: inline-block;
	}
	
	
	/* OTA远程升级 */
	.ota-upgrade-item .content .left-right img {
		width: 20rem;
		height: 17.3125rem;
		margin-bottom: 2.5rem;
	}
	.ota-upgrade-item .content .left-right p {
		font-size: 2.375rem;
		line-height: 2.8125rem;
	}
	.ota-upgrade-item .content .left-right span {
		font-size: 2.375rem;
		margin-top: 2.375rem;
	}
	
	
	/* 下载与体验 */
	.download-experience-item {
		margin-bottom: 0;
	}
	.download-experience-item .content .qrcode {
		justify-content: space-around;
	}
	.download-experience-item .content .qrcode .bg {
		padding: 4.4375rem 5.875rem;
		box-shadow: 0px 0px 6.125rem -0.9375rem rgba(0,0,0,0.2);
		border-radius: 3.75rem;
	}
	.download-experience-item .content .qrcode .bg img {
		width: 8rem;
		height: 8rem;
	}
	.download-experience-item .content .qrcode .bg p {
		font-size: 3.4375rem;
		color: #000000;
		line-height: 4rem;
	}
	.download-experience-item .content .qrcode .bg span {
		font-size: 2.6875rem;
		color: rgba(0, 0, 0, 0.7);
		line-height: 3.0625rem;
	}
	.download-experience-item .downtep {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10.625rem 0;
		margin-top: 3.0625rem;
		background-image: url("../images/app/bg3.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #f0f0f0; /* 图片加载前或加载失败时的背景色 */
	}
	.download-experience-item .downtep .left,
	.download-experience-item .downtep .right {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.download-experience-item .downtep .left img,
	.download-experience-item .downtep .right img {
		width: 26.625rem;
	}
	.download-experience-item .downtep .left .desc,
	.download-experience-item .downtep .right .desc{
		margin: 5.3125rem 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.download-experience-item .downtep .left .desc div,
	.download-experience-item .downtep .right .desc div {
		display: flex;
		align-items: center;
	}
	.download-experience-item .downtep .left .desc div p,
	.download-experience-item .downtep .right .desc div p {
		font-size: 5.3125rem;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #3F8CED;
		line-height: 6.25rem;
	}
	.download-experience-item .downtep .left .desc img {
		height: 4.4375rem;
		width: 2.6875rem;
		vertical-align: middle;
		margin-left: 2.6875rem;
	}
	.download-experience-item .downtep .left .desc span,
	.download-experience-item .downtep .right .desc span {
		font-size: 2.375rem;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: rgba(0,0,0,0.7);
		line-height: 2.8125rem;
	}
	.download-experience-item .downtep .right {
		margin-left: 4rem;
	}
	.download-experience-item .downtep .right .desc img {
		height: 4.4375rem;
		width: 2.6875rem;
		vertical-align: middle;
		margin-right: 2.6875rem;
	}
	.download-experience-item .downtep .right .desc span {
		margin-left: 5.375rem;
	}
	
}

@media (max-width: 540px) {
	#app .head_back_m .go-pc-style {
		width: 22.867rem;
		height: 5rem;
	}
}
@media (max-width: 414px) {
	.ota-upgrade-item .content .left-right p {
		line-height: 3.6rem;
	}
	#app .head_back_m .go-pc-style {
		width: 28.867rem;
		height: 6rem;
	}
}