@CHARSET "UTF-8";

.main_menu {
	position: relative;
	height: 48px;
	background-color: #366ff5;
}

.main_content {
	height: 592px;
}

.text_menu {
	float:left;
	width: 120px;
  	height: 100%;
  	color: #fff;
  	font-size: 24px;
  	line-height: 48px;
  	text-align: center;
}

.func_menu {
	float: left;
  	width: 100px;
  	height: 100%;
  	margin-left: 10px;
  	line-height: 48px;
  	font-size: 16px;
  	color: #fff;
  	text-align: center;
  	opacity: 0.6;
  	cursor: pointer;
}

.func_menu:hover {
  	opacity: 1.0;
  	border-bottom:2px solid #fff;
}

.strong_func_menu {
	opacity: 1.0;
  	border-bottom:2px solid #fff;
}

.userAccount {
	position: absolute;
	cursor: pointer;
	width: 150px;
	height: 100%;
	top: 0px;
	right: 0px;
	line-height: 48px;
	opacity: 0.6;
	background: url("../image/login_username.png") 10px center no-repeat, url("../image/icon-arr-down.png") 120px center no-repeat;
}
.userAccount:hover {
	opacity: 1.0;
	background-color: #477eff;
}
.userAccount #user {
    max-width: 85px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    margin-left: 35px;
}

.icon_menu {
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 100%;
	top: 0px;
	line-height: 48px;
	text-align: center;
/* 	opacity: 0.6; */
}
.icon_menu:hover {
/* 	opacity: 1.0; */
	background-color: #477eff;
}

.operate_menu {
	position: absolute;
	width: 150px;
	height: 80px;
	top: 48px;
	right: 0px;
}
.operate_menu .operate_subMenu {
	cursor: pointer;
	width: 100%;
	height: 40px;
	background-color: #477eff;
	line-height: 40px;
/* 	opacity: 0.6; */
}
.operate_menu .operate_subMenu span {
	color: #fff;
	font-size: 12px;
	margin-left: 40px;
}
.operate_menu .operate_subMenu:hover {
	background-color: #366ff5;
/* 	opacity: 1.0; */
}

.upgrade_menu {
	position: absolute;
	width: 280px;
	height: 40px;
	top: 48px;
	right: 150px;
	background-color: #477eff;
	line-height: 40px;
	padding-left: 20px;
	color: #fff;
	font-size: 12px;
	z-index: 1000;
}

#showVersionModal div.modal-dialog {
	position: absolute; 
	margin: 0; 
	width: 320px;
	height: 206px;
	left: 50%; 
	top: 50%; 
	margin-left: -160px;
	margin-top: -103px;
}
#showVersionModal .modal-body .logo {
	width: 100%;
	height: 47px;
	text-align: center;
}
#showVersionModal .modal-body .name {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #525252;
	text-align: center;
	margin-top: 15px;
}
#showVersionModal .modal-body .version {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #a3a3a3;
	text-align: center;
}
#showVersionModal .modal-body .copyRight {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #c2c2c2;
	text-align: center;
	margin-top: 15px;
}
#remoteAssistance  #ulAssistance{
	list-style:none;
	text-align:center;
	width:65px;
	height:50px;
	background-color: #366ff5;
	position:absolute;
	margin:0px;
	padding:0px;
	line-height: 25px;
	cursor: pointer;
	opacity: 1;
	top:35px;
	right:348px;
	z-index:1000;
	display:none;
}
#ulAssistance  li:hover{
	opacity:0.7;
}

/* 通知栏样式 */
#cloudNoticeModal div.modal-dialog {
	position: absolute;
	margin: 0;
	width: 350px;
	right: 0px;
	top: 48px;
}

#cloudNoticeModal div.modal-dialog {
	-webkit-animation-name: included;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes included {
	from {right: -100px;}
	to {right: 0px;}
}

#cloudNoticeContent a {
	margin-left: 5px;
	margin-right: 5px;
	color: #0067B0;
	text-decoration: underline;
    cursor: pointer;
}
#cloudNoticeContent a:hover {
	color: #0067B0;
}

.noticeContent {
	margin-bottom: 15px;
	padding: 0px 10px;
}
.noticeContent:hover {
	background: #E6F2FA;
}
.noticeTime {
	float: right;
	color: #a3a3a3;
}
.noticeTitle {
	float: left;
	color: #a3a3a3;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
}
.noticeBody {
	margin-top: 3px;
	color: #a3a3a3;
	text-align: justify;
}

.unread {
	border-left: 2px solid #0067B0;
}
.unread .noticeTitle {
	color: #0067B0;
}
.unread .noticeTime {
	color: #0067B0;
}
.unread .noticeBody {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #0067B0;
}
#cloudNoticeContent .unread a {
	color: #0067B0;
}