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;
body{
	margin: 0;
	color: $font-color;
	font-family: "微软雅黑";
	font-size: 14px;
	background: $bodyback-color;
}
input{
	font-family: "微软雅黑";
}
a:link{
text-decoration:none;
 /* 指正常的未被访问过的链接*/
}
a:visited{
    text-decoration:none;
     /*指已经访问过的链接*/
}a:hover{
     text-decoration:none;
     /*指鼠标在链接*/
}
a:active{
    text-decoration:none;
    /* 指正在点的链接*/
}
.inputBox{
	display: inline-block;
	width: 150px;
}
.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;
}
.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;
	}
}
.detaiCon span{
	display: inline-block;
	width: 150px;
}
.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;
}