zhxf-app/common/common.scss

/* common */
body {
	font-size: 32rpx;
}


radio,checkbox {
			transform: scale(0.7)
}

/* 修改placeholder颜色 */
	.uni-input-placeholder{
		color:#999
	}
	
/* 一行显示*/
.inOneLine{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 画面监控引入特殊字体 */
	@font-face {
	  font-family: 'FANDOLFANG-REGULAR';  /* project id 2394829 */
	  src: url('static/font/FANDOLFANG-REGULAR.OTF');
	}

.cu-bar .search-form uni-input{
	padding:0 30rpx
}
.searchSelect{
		position: -webkit-fixed;
		    position: fixed;
		    // top: 88rpx;
			top: var(--window-top);
		    z-index: 999;
		    -webkit-box-flex: 1;
		    -webkit-flex: 1;
		    flex: 1;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		    -webkit-flex-direction: column;
		    flex-direction: column;
		    overflow: hidden;
		    background-color: #fff;
			width:254rpx;
			.search{
				min-height:80rpx;
			}
			.search-form{
				border:1px solid #E9E9E9;
				height:50rpx;
				line-height:50rpx;
				
				
				.cuIcon-search{
					color:#4074E7
				}
				input{
					padding-left:20rpx;
					padding-right:0rpx
				}
			}
			.select-item{
				 padding:12rpx 32rpx;
				text-align:center;
				border-top:1px solid #E9E9E9;
				font-size:28rpx
				
			}
	}
		
/* 九宫格样式 */
.cu-list.grid>.cu-item uni-text {
	color: #333;
	font-size: 30rpx;
	margin-top:14rpx
}

.cu-list.menu-avatar>.cu-item>.cu-avatar {
	left: 24rpx;
	background-color:rgba(0,0,0,0)
}

.cu-list.menu-avatar>.cu-item .action {
	width: 132rpx
}

.iconfont.phone {
		color:#08BE04!important;
		font-size:45rpx;
		position:relative;
		top:6rpx;
		left:10rpx;
	}
	.iconfont.map{
		color:#4074E7!important;
		font-size:38rpx;
	}
	
/* 列列表公共样式 */
.processWrapper .cu-avatar {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff
}

.cu-avatar.lg {
	width: 90rpx;
	height: 90rpx
}

.cu-list.menu-avatar .cu-item {
	margin-left: 24rpx;
	padding: 30rpx 0;
}

.cu-list.menu-avatar>.cu-item>.cu-avatar {
	left: 0
}

.cu-list.menu-avatar>.cu-item .content {
	left: 120rpx;
	width: 580rpx;
}

.unProcess,.error {
	color: #FF4E00
}

.processed ,.online{
	color: #08BE04
}
.bg-error {
	background: #FF4E00;
	color:#fff;
	display:inline-block;
	padding:0 10px ;
}

.bg-online{
	background: #08BE04;
	color:#fff;
	display:inline-block;
	padding:0 10px ;
}

/* 页面样式 */

/* 站点列表页 */
/* 筛选框 */
.filter-section {
	/* position: fixed; */
	/* top: 88rpx; */
	width: 100%;
	z-index: 9
}

.cu-bar .search-form {
	background: #fff
}

.cu-btn {
	padding: 0 46rpx;
}

/* 站点列表 */
.site-items {
	margin-top:100rpx;
	width: 100%;
	height: calc(100% - 100rpx);
	overflow: scroll
}

.site-items .site-tit {
	font-size: 32rpx;
	color: #333;
	    justify-content: space-between;
	
}

.site-items .cu-avatar {}

/* 新增按钮 */
.site-wrapper .plus {
	position: fixed;
	bottom: 20rpx;
	right: 20rpx
}


	
	
/* 已处理未处理列表 */
.processList .cu-list.menu-avatar .cu-item {
	
	height: 178rpx;
}

.pro-title {
	color: #333;
}

.pro-des,
.pro-date {
	font-size: 28rpx;
	color: #666;
}

.pro-res {}

.processList {
	margin-top:100rpx;
	/* position: fixed; */

	width: 100%;
	height: calc(100% - 100rpx);
	overflow-y: scroll;
}




/* 已处理未处理详情页样式 */
.timeBox {
	height: 88rpx;
	background: #EFF4FF;
	line-height: 88rpx;

	.time {
		color: #333
	}
}

.info-tit {
	color: #4074E7;
	line-height: 90rpx;
	height: 90rpx;
}

/* // 基本信息 */
.info-content>view {
	margin-left: 24rpx;
	border-bottom: 1px solid #EDEDED;
	line-height: 92rpx;
	color: #666;
	.checkMore {
		color: #4074E7!important
	}

}



.info-content view text:first-child {
	width: auto!important;
	display: inline-block
}
.info-content view text:last-child {
	color:#333
}


.analyse-wrapper {
		.top-banner {
			width: 100%;
			height: 273rpx;
			background: url(/static/analyse-bg.png) no-repeat;
			background-size:cover;
			
		}
		.cu-list.menu-avatar .cu-item{
		
			margin:30rpx 0 0;
			margin-left:0;
			
			.cu-avatar{
				background-color:rgba(0,0,0,0);
				left:26rpx;
			}
			.content{
				left:130rpx;
				font-size:32rpx;
			}
		}
		
		

	}
	
	
	.submitBottomBtn {
		position: fixed;
		width: 100%;
		left:0;
		bottom: 44rpx;
		z-index: 999;
		background-color: #ffffff;
	}
	
	
	
	// 权限新增
	.siteItems{
		z-index:999;
		position:absolute;
		border:1px solid #eee;
		width:100%;
		.site-item{
			background:#fff;
			padding:10rpx;
			font-size:28rpx;
			
		}
		
	}
	.selectedBox .cuIcon-close{
		position:relative;
		top:3rpx;
		right:-10rpx;
	}
	.noResult{
		padding:0 20rpx;
		font-size:28rpx;
		color:#aaa
	}
	
	
	// 离线设备
	
	.ding{
		position:fixed;
		width:100%;
		top: var(--window-top);
			// position: sticky;
				/* #ifdef H5 */
				// top: 44px;
				/* #endif */
				/* #ifndef H5 */
				// top: 0;
				/* #endif */
				z-index: 999;
				flex: 1;
				flex-direction: column;
				overflow: hidden;
				background-color: #ffffff;
		
		}
		
	.cu-bar{
		min-height:0rpx;
		
	}
	.cu-bar .search-form {
		margin:0 24rpx;
		margin-top:26rpx;
		
	}
	
	select{
		outline:none;
		border:none;
		width:90%;
		padding-left:24rpx;
		color:#999
	}
	
	// 未处理textarea样式
	/* // 处理内容 */
	.cu-form-group {
		background: #f5f5f5;
	
	}
	
	.processStatus {
		textarea {
			background: #F5F5F5;
			color: #999999;
		}
	}
	
	// textarea
	.JTxtArea {
		position: relative;
	
		&.sm {
			min-height: 60rpx;
		}
	
		&.lg {
			min-height: 100rpx;
		}
	
		&:after {
			content: attr(data-maxnum);
			position: absolute;
			right: 10rpx;
			bottom: 0px;
		}
	}
	
	
	// 导出页面
	.cu-dialog{
		width:70%
	}
	.cu-modal .cu-dialog>.cu-bar:first-child .action{
		min-height:50rpx;
		min-width:auto;
	}
	.cu-dialog{
		border-radius:20rpx
	}
	
	// 设备类型
	.cu-list.menu-avatar .deviceTypeItem.cu-item{
		height:110rpx;
		 .content{
			 left:100rpx!important
		 }
		.cu-avatar.round{
			width:70rpx;
			height:70rpx
			
			
		}
		.title{
			font-size:32rpx!important;
		}
		.num{
			color:#666;
		}
	}
	
	// 设备详情
	.radiusStatus{
		width:20rpx;height:20rpx;border-radius:50%;display:inline-block;
		margin-right:6rpx
	}
	.radiusStatus.offLine{
		
	}
	.bg-offLine{
		background:#ABABAB;
		color:#666666;
		.radiusStatus{
			background:#666
		}
	}
	.bg-onLine{
		background:#08BE04;
		color:#fff;
		.radiusStatus{
			background:#fff
		}
	}