// APP-PLUS特有的样式
/* #ifdef APP-PLUS */
.pages.login{
	.top{
		padding-top: 80rpx;
	}
}
/* #endif */
.f-padding{padding-left: 24rpx;padding-right: 24rpx;}
.page-padding{padding-left: 30rpx;padding-right: 30rpx;}
.list-block{
	background-color: #fff;
	margin-bottom: 24rpx;
	padding: 40rpx 24rpx 20rpx;
	.list-block-til{
		font-size: 36rpx;
		font-weight: 500;
		color: #000000;
		line-height: 50rpx;
		letter-spacing: 1px;
		margin-bottom: 44rpx;
	}
	.list-block-con{
		text-align: center;
		.list-block-item{
			position: relative;
			width: 25%;
			margin-bottom: 40rpx;
			.img{
				width: 88rpx;
				height: 88rpx;
			}
			.txt{
				margin-top: 7rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #353535;
				line-height: 33rpx;
				letter-spacing: 1px;
			}
		}
	}
}
.info-table{
	padding: 24rpx;
	margin-bottom: 24rpx;
	background-color: #fff;
	.title{font-size: 36rpx;padding: 0 24rpx;margin-bottom: 24rpx;}
	.info-item{
		width: 50%;box-sizing: border-box;padding-left: 24rpx;
		text:first-of-type{color: #676666;margin-right: 10rpx;}
	}
}
// 预警中心工单确认顶部切换类型
.switch-type{
	display: flex;
	justify-content: space-between;
	background-color: #f6f6f6;
	padding: 25rpx 30rpx;
	color: #575757;
	.number{
		color: #f00;
		margin: 0 10rpx;
	}
	.icon{
		margin-left: 17rpx;
	}
}
// 工单确认，预警 维保页面数据项
.g-device-item{
	margin: 20rpx 30rpx;
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 21rpx;
	.status{
		color: #FE1919;
		.down{
			color: #5FAB4A;
		}
	}
}

.warning-details{
	padding-bottom: 48rpx;
	.status-item{
		margin-top: 30rpx;
		margin-bottom: 50rpx;
		.status-item-img{
			width: 145rpx;
			height: 145rpx;
			margin-bottom: 14rpx;
		}
		.status-item-text{
			font-size: 32rpx;
			font-weight: 400;
			color: #232323;
			line-height: 45rpx;
			letter-spacing: 1px;
		}
	}
	.info-wrap{
		margin-bottom: 53rpx;
		.info-item{
			margin-bottom: 15rpx;
			font-size: 30rpx;
			font-weight: 400;
			color: #414141;
			line-height: 42rpx;
			letter-spacing: 1px;
			align-items: flex-start;
			.til{
				width: 216rpx;
			}
			.con{
				text-align: right;
			}
			.con.img-list{
				flex: 1;
				.img{
					margin-left: 10rpx;
				}
			}
		}
	}
	.warning-con{
		margin-top: 39rpx;
		margin-bottom: 50rpx;
		font-size: 26rpx;
		font-weight: 400;
		color: #676666;
		line-height: 37rpx;
		overflow-x: auto;
		.value{
			color: #FE2D2D;
		}
		.warning-con-item{
			font-size: 24rpx;
			padding: 24rpx;
			border-bottom: 6rpx solid #ddd;
			.con{
				color: #333;
				font-size: 30rpx;
				margin-left: 5rpx;
			}
		}
	}
}

.bottom-wrap{
	.bottom{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 30rpx;
		font-size: 26rpx;
		line-height: 33rpx;
		.bottom-p + .bottom-p{
			margin-top: 10rpx;
		}
		.btn{
			border-radius: 10rpx;
			padding: 20rpx 0;
			font-size: 30rpx;
			background-color: #808080;
			color: #fff;
			&.red{
				background-color: #ff3f2c;
			}
			&.done{
				background-color: $u-type-success;
			}
		}
	}
	
}
.c-offline{
	color: $u-type-error;
}
.c-online{
	color: $u-type-success;
}
.c-repair{
	color: $u-type-primary;
}

uni-modal{z-index: 20000!important;}
.popupForm{
	.content{
	padding: 20rpx;
		.title{
			text-align: center;
			padding-top: 28rpx;
			margin-bottom: 24rpx;
			font-size: 36rpx;
			font-weight: bold;
		}
	}
}