common.scss

$main-color:#0069FF;
$font-color:#555555;
$white-font-color:#ffffff;
$white-back-color:#ffffff;
$bodyback-color:#f5f7f9;
$border-color:#e5e5e5;
$title-color:#f4f4f4;
$title-backgroud:#f3f3f3;
$dialog-title:#3BB7FF;
.primaryButton{
	background: $dialog-title!important;
	border-color: $dialog-title!important;
}
.plainButton{
	color:$dialog-title;
    background: $white-back-color;
    border-color: $dialog-title;
}
body{
	margin: 0;
	color: $font-color;
	font-family: "微软雅黑";
	font-size: 14px;
	background: $bodyback-color;
}
.minHeight{
	height: calc(100vh - 140px);
	overflow: auto;
}
input{
	font-family: "微软雅黑";
}
a:link{
text-decoration:none;
 /* 指正常的未被访问过的链接*/
}
a:visited{
    text-decoration:none;
     /*指已经访问过的链接*/
}a:hover{
     text-decoration:none;
     /*指鼠标在链接*/
}
a:active{
    text-decoration:none;
    /* 指正在点的链接*/
}
.big .el-radio__label,.big{
		font-size: 16px!important;
	}
.inputBox{
	display: inline-block;
	width: 150px;
}
.maxHeight{
		max-height: 400px;
		overflow-y: auto;
	}
.innnerBox{
	padding: 10px;background: #FFFFFF;margin: 10px;
}
.selectBox{
	width:150px;
	display: inline-block;
}

.editIcon{
	cursor: pointer;
	color:#0069ff;
	font-size:16px;
}
.editIcon2{
	cursor: pointer;
	color:#87d14b;
	font-size:16px;
}
.playIcon{
	cursor: pointer;
	color:#34b3a2;
	font-size:16px;
}
.pauseIcon{
	cursor: pointer;
	color:#ffc62e;
	font-size:14px;
}
.delIcon{
	cursor: pointer;
	color:#f2365a;
	font-size:16px;
}
.no-btn{
	color:#cccccc;
}
.custom-tree-node{
	width: 100%;
}
.tree-btn{
	float: right;
	margin-right: 10px;
}
.blue{
	.tableSpanBorder{
		display: inline-block;
		height: 18px;
		border-left:2px solid #E5E5E5;
		margin: 0 17px;
		position: relative;
		top:3px;
	}
	.headers{
		background: $main-color;
		line-height: 65px;
		height: 65px;
	}
	.logoImg{
		width: 136px;
		margin-top: 14px;
	}
	.headRight{
		float: right;
		span{
			color:$white-font-color
		}
		img{
			position: relative;
			top: 10px;
			width: 32px;
			margin-left: 72px;
		}
		.exit{
			margin:{
				right: 90px;
				left: 12px;
			}
			cursor: pointer;
		}
	}
	.nav{
		height:40px;
		background: $white-back-color;
	}
	.contentBox{
		padding: 12px;
		overflow: hidden;
	}
}
.leftButton{
	float: left;
}
.detaiCon span{
	display: inline-block;
	width: 80px;
}
.arrow{
	position: absolute;
	font-size: 38px;
	top: 43%;
	cursor: pointer;
	color:$dialog-title;
}
.leftArrow{
	 @extend .arrow;
	left: -27px;
}
.rightArrow{
	 @extend .arrow;
	right: -27px;
}
.delIcon{
	cursor: pointer;
	color:#f2365a;
	font-size:16px;
}
@media screen and (max-width: 1366px) {
    .compatibleBtn {
        margin-left: 0px!important;
		margin-top: 6px!important;
    }
// 	.treeWidth{
// 		display: inline-block;
// 		width: 50px;
// 		white-space: nowrap;
// 		text-overflow: ellipsis;
// 		overflow: hidden;
// 		word-break: break-all;
// 		
// 	}
}