Project-Annex/operationSupport/src/assets/zz.styl

@import './fun.styl'
.system-menu
	background-color: transparent
	border-radius: 0
	border: none
	bottom: 0
.elcfire-monitor
	border-radius: 0
.elcfire-device, .elcfire-spss
	background-color: transparent
	border: none
	border-radius: 0
.alarm-select-color
	position: absolute
	top: 1px
	right: 0
	width: 40%
	height: vw(32)
	border-left: 1px solid #dcdfe6
	padding-left: 3px
	color: #3E3E3E
	line-height: vw(32)
	.color-picker
		border: none
		vertical-align: top
	.el-color-picker__trigger
		border: none
		width: vw(32)
		height: vw(32)

.zz-tip
	position: absolute
	top: -999px
	left: 0
	background-color: #000
	color: #fff
	border-radius: 4px
	line-height: 1
	padding: 10px
	z-index: 99
	&:after
		font-family: element-icons!important;
		speak: none;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		vertical-align: baseline;
		display: inline-block;
		-webkit-font-smoothing: antialiased
		content: "\E60B"
		font-size: 32px
		position: absolute;
		top: 100%;
		color: #000;
		left: 50%;
		margin-top: -12px

.floor-info
	.el-radio-button__inner
		width: 100%
		border: 1px solid #dcdfe6
		border-radius: 4px !important
// 站点管理提示框
.site-tips
	background: #303133
	height: auto
	max-width: 375px
	position: absolute
	top: -25px
	left: 115px
	box-shadow:0px 4px 26px 0px rgba(206,206,206, .3);
	border-radius:5px;
	color: #fff
	padding: 12px 14px
	z-index: 9999
	transform: translate(-50%, -120%)
	word-break: break-all;
	&:after
		content: ' '
		position: absolute
		bottom: -(vw(9))
		left: 50%
		margin-left: -(vw(10))
		width:0; 
		height:0; 
		border-left: vw(10) solid transparent;
		border-right:vw(10) solid transparent;
		border-top:vw(10) solid #303133;
	strong
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;

.real
	height: 100%
	position: relative
	.model-ctrl
		width: vw(218)
		height: vw(36)
		position: absolute
		top: vw(10)
		right: vw(20)
		background:rgba(255,255,255,1)
		box-shadow: 0px 2px 12px 0px rgba(110, 106, 106, 0.74)
		transition: all .3s
		transition-delay: 0s
		z-index: 1
		&.popper
			transition-delay: .1s
			right: vw(370)
		li
			width: 50%
			height: 100%
			float: left
			alignMiddle()
			font-size: vw(14)
			text-align: center
			cursor: pointer
			color: #6D7081
			&.active
				color: #42CCCC
			span, img
				vertical-align: middle
			.icon-map
				height: vw(14)
			.icon-list
				height: vw(9)
	.search-ctrl
		position: absolute
		top: vw(10)
		left: vw(20)
		width: vw(300)
		height: vw(36)
		background-color: #fff
		box-shadow: 0px 2px 12px 0px rgba(110, 106, 106, 0.74)
		padding: vw(2) 0
		font-size: 0
		.el-input__inner
			border: none
			font-size: vw(16)
			padding: 0 vw(10)
		.el-input
			width: vw(225)
		.el-select
			width: vw(75)
			.el-input
				width: vw(75)
			.el-select__caret
				font-size: vw(14)
				width: vw(14)
			&:after
				content: ' '
				display: block
				width: vw(2)
				height: vw(20)
				background-color: #EAEDF3
				position: absolute
				top: vw(8)
				right: 0
	.zoom
		width: vw(24)
		height: vw(33)
		position: absolute
		right: vw(338)
		top: 50%
		margin-top: -(vw(11.5))
		z-index: 2
		cursor: pointer
		transition: all .3s
		transition-delay: .1s
		&.zoomout
			right: -(vw(4))
			transition-delay: 0s
	.listbox
		border-radius: vw(5)
		position: absolute
		top: vw(20)
		left: vw(20)
		bottom: vw(20)
		right: vw(20)
		overflow: auto
		background: #fff
		h3
			padding: vw(20) vw(20)
			background: #fff
			font-size: vw(20)
			color: #6D7081

	.realDialog
		.el-dialog__headerbtn
			z-index: 1
		.el-dialog__body
			top: 0
.real-index__search_popper
	margin-top: vw(10) !important
	min-width: vw(225)
	width: auto !important
.real-index,.rule-manage-modal
	.el-dialog
		width: 100% !important
		height: 100% !important
		padding: 0
		margin: 0 !important
		.el-dialog__header
			height vw(54)
			line-height vw(54)
			padding: 0 vw(32)
			text-align: left 
			font-size: vw(20)
			color: #3E3E3E
			border-bottom: 1px solid #EAEDF3
		.el-dialog__headerbtn 
			top: vw(15)
			.el-dialog__close
				color: #8F8F8C
				font-size: vw(18)
		.el-dialog__body
			padding: 0
			position: absolute
			top: vw(105)
			left: 0
			bottom: 0
			width: 100%
			overflow: hidden

/* 表单单纯显示必填*号 */
.show-required-icon
	.el-form-item__label
		&:before
			content: '*'
			color: #f56c6c
			margin-right: 4px

.organ-management
	.form-box
		.el-cascader, .el-input, .el-textarea, .el-select
			width vw(544) !important
#img-view
	position: fixed 
	top 0
	left 0
	width: 100%
	height 100%
	z-index: 2000;
	background: rgba(0,0,0,.8);
	text-align: center
	color: #fff
	overflow: auto
	img
		display: block
		margin: 10px auto 0 auto