
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'瀹嬩綋' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
.head_title {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	margin-bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 0px;
	/* border-bottom: 1px solid #e5e5e5; */
	border-radius: 0px;
	background-color: #efefef;
	top: 0px;
}
.navbar{
	min-height: 40px;
}
#searching {
	width: 12%;
	height: 100%;
	line-height: 100%;
}

#searching input {
	height: 35px;
	width: 100%;
	line-height: 35px;
	margin-top: 7px;
	background: url("../Img/PNG02/113.png") right center no-repeat;
	background-color: white;
}

.user_status {
	width: 50%;
	height: 45px;
}

.head_title>div {
	height: 45px;
	line-height: 45px;
	float: left;
}

.logo {
	width: 160px;
	height: 100%;
}

.main_menu {
	background-color: #364150;
	height: 100%;
	width: 160px;
	float: left;
}

.second_title {
	background-color: balck;
	left: 0px;
	width: 100%;
}

.main_menu_body ul, .main_menu, .main_menu_body a {
	color: white;
	font-size: 14px;
	text-decoration: none;
}

.nav_button{
	height: 100%;
	line-height: 50px;
}

.nav_icon {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-top: 9px;
	margin-left: 15px;
	margin-right: 11px;
}

.main_menu_body ul li {
	color: white;
	height: 50px;
}

.nav_tri {
	position: absolute;
	visibility: hidden;
	opacity: 1;
	z-index: 10;
	background-color: #888888;
	border: 1px solid black;
	border-left: 0;
	border-radius: 3px;
}

.nav_tri dt {
	height: 32px;
}

.nav_tri dt:nth-of-type(1) {
	border-left: 0;
}

.nav_tri li {
	list-style: none;
	margin:0px;padding:0px;border:none;
	border-left: 1px dashed #ccc;
	line-height: 100%;
}

.nav_tri li:nth-of-type(1) {
	border-left: 1px;
}

.nav_tri span {
	font-size: 14px;
	margin:0px auto;
	text-align:center;
	justify-content:center;
	display:flex;
	align-items:center;
}

.nav_tri dt a {
	font-size: 14px;
	margin:0px auto;
	text-align:center;
	justify-content:center;
	display:flex;
	align-items:center;
}

.main_menu_title {
	font-family: "Microsoft YaHei";
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
}

.main_menu_body li>.nav_button:hover {
	background-color: #888888;
}

.main_menu_body li:hover .nav_tri {
	visibility: visible;
	display: block;
}

/* 该样式用于强制显示 */
.is_menu_active {
	visibility: visible;
	display: block;
}

.main_menu_body li:hover .nav_button {
	background-color: #888888;
}

.nav_tri a:hover {
	color: red;
	cursor: pointer;
}

.main_menu_body li>div>a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.nav_image_produce {
	background: url("../Img/navigate/gur-project-08.png") no-repeat;
	transform:scale(1);
}
.nav_image_meter {
	background: url("../Img/navigate/gur-project-14.png") no-repeat;
}
.nav_image_baipei {
	background: url("../Img/navigate/gur-project-22.png") no-repeat;
}
.nav_image_finished {
	background: url("../Img/navigate/gur-project-30.png") no-repeat;
}
.nav_image_metal {
	background: url("../Img/navigate/gur-project-13.png") no-repeat;
}
.nav_image_dye {
	background: url("../Img/navigate/database_chart_32.png") no-repeat;
}
.nav_image_finman {
	background: url("../Img/navigate/gur-project-18.png") no-repeat;
}
.nav_image_basic {
	background: url("../Img/navigate/home_32.png") no-repeat;
}
.nav_image_sys {
	background: url("../Img/navigate/advanced.png") no-repeat;
}
.nav_image_quality {
	background: url("../Img/navigate/gur-project-09.png") no-repeat;
}

.user_ico {
	float: left;
	width: 32px;
	height: 32px;
	/*vertical-align:middle;*/
	background: url("../Img/PNG02/131.png") no-repeat;
	display: block;
}

#main_body {
	width: calc(100% - 160px);
	height: 100%;
	float: left;
}

#main_body #taskbar {
	width: 100%;
	height: 35px;
}

#main_body #content-tab-div {
	width: 100%;
	height: calc(100% - 35px);
}

iframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.tab_card {
	display: none;
	visibility: hidden;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

/*妗嗘灦浠诲姟鏍�*/
.title-item{
	background-color:#d8d8d8;
	display: inline-block;
    text-decoration: none;
    margin-right:5px;
    margin-bottom:-1px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
    border-width: 1px;
	cursor: pointer;
	float: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.title-item:hover .title-item-icon{opacity: 2;}
.selected {
    color: white;
    cursor: default;
    opacity: 2;
    background-color: #979393;
    border-bottom: 3px solid blue;
}
.title-item:hover{border-bottom: 3px solid blue;}
.title-item-icon{opacity: 2;}
.title-item-icon{
	position: relative;
	top:8px;
	left:5;
	right: 0;
	float:right;
	opacity: 0;
}
.close-icon:before{
	content: "";
	background: url("../Img/tools/no.png") no-repeat;
	display: inline-block;
	width:16px;
	height: 16px;
	margin: 2px;

}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .50;
	filter: alpha(opacity = 80);
}

.white_content {
    display:none;
    position: absolute;
    top: calc( (100% - 400px) / 2);
    left: calc( (100% - 520px) / 2);
    width: 520px;
    height: 400px;
    padding: 0;
    background-color: white;
    z-index: 1003;
    overflow: hidden;
    font-size: 16px;
}

.form-control{border:0;outline: none;background-color: #ffffff;}
.form-control[readonly]{background-color: #ffffff;}
ul>.active{font-weight: bold;color: blue;}
#myTab>li>a{padding-top: 14px;padding-bottom: 14px;border-bottom: 0;}
#myTab li {height: 100%;}
#exit:hover {color: blue;cursor: pointer;}
ul .active a{color: blue;font-weight: bold;}
.btn-primary{background-color: #6b6461;border-color: #6b6461;}
.navbar-brand{font-size: 15px;}
.tab_panel_{float: left; width: 33%; height: 100%;}
.tab_panel{width: 100%; height: 100%; z-index: 11; display: block;}
.nav_tri_01{width: 400px; height: 240px; left: 159px; top: 50px;}
.nav_tri_02{width: 400px; height: 240px; left: 159px; top: 100px;}
.nav_tri_03{width: 400px; height: 260px; left: 159px; top: 100px;}
.nav_tri_04{width: 400px; height: 240px; left: 159px; top: 150px;}
.nav_tri_05{width: 400px; height: 240px; left: 159px; top: 200px;}
.nav_tri_06{width: 400px; height: 240px; left: 159px; top: 200px;}
.nav_tri_07{width: 400px; height: 240px; left: 159px; top: 250px;}
.nav_tri_08{width: 400px; height: 280px; left: 159px; top: 210px;}
.nav_tri_09{width: 400px; height: 350px; left: 159px; top: 200px;}
.nav_tri_10{width: 400px; height: 240px; left: 159px; top: 200px;}
/* 文本 */
form .pull-left {
	height: 35px;
	margin-top: 7px;
}

form .easyui-passwordbox {
	width: 140px;
}

form label {
	width: 75px;
	text-align: right;
}
.form-input{
	padding: 3px;
}
