/*====== reset css 重置样式  ============*/
@import "../font-awesome/css/font-awesome.min.css";
*,::before,::after {
	margin: 0;
	padding: 0;
	/*设置所有的盒子的宽度从边框开始计算*/
	/*在移动端在兼容主流浏览器  必须要兼容的是webkit内核*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*清除移动端点击高亮效果*/
	-webkit-tap-highlight-color: transparent;
}

body {
	font-size: 14px;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	/*移动端默认的字体*/
	color: #333;
}

ul,ol {
	list-style: none;
}

a {
	color: #fff;
	text-decoration: none !important;
	out-line: none;
}

a:hover {
	color: #fff;
}

p {
	margin: 0;
}

input,textarea {
	border: none;
	outline: none;
	resize: none;
	/*不让用户自动调整大小 textarea */
	/*在移动端 清除浏览器默认的效果*/
	/*  -webkit-appearance: none; */
	/*清除控件默认样式*/
}

img {
	border: 0;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

em,i {
	font-style: normal;
}

/*--- 清除浮动 ---*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

label {
	line-height: 21px;
	margin-right: 3px;
}

.noborder {
	border: none;
}

.hidden {
	display: none;
}

.textleft{
	text-align: left;
}
.textcenter{
	text-align: center;
}
/*====== common css 公共样式 ============*/
.f_left {
	float: left;
}

.f_right {
	float: right;
}

.clearfix::after,.clearfix::before {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
}

.yellowbtn {
	padding: 3px 10px;
	background: #FF9E3D;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	cursor: pointer;
}

.bluebtn {
	padding: 3px 5px;
	background: #2EB2F3;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	cursor: pointer;
}

.sidebar {
	width: 280px;
	height: 100%;
	background: rgba(30, 136, 229, 1);
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

.smsidebar {
	width: 90px;
}

.sidebar .header {
	background: #2196D9;
	margin: 0px auto;
	height: 105px;
	padding-top: 20px;
}

.sidebar .header .logo {
	background: url(../../images/qms/logo_white.png) no-repeat;
	background-size: contain;
	width: 50%;
	margin: 0px auto;
	padding-top: 50px;
	height: 65px;
}

.sidebar .header .smlogo {
	width: 90%;
}

.sidebar .body {
	width: 100%;
	margin-top: 0px;
	height: 100%;
}

.sidebar .header .logo>span {
	display: block;
	width: 100%;
	margin: 0px auto;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	letter-spacing: 8px;
}

.sidebar .body .menu {
	width: 90px;
	margin-top: 0px;
	height: 100%;
	float: left;
}

.sidebar .body .menu>ul {
	width: 100%;
	margin: 0px auto;
	height: 100%;
}

.sidebar .body .menu ul>li {
	padding-top: 20px;
	width: 100%;
	height: 111px;
	cursor: pointer;
}

.sidebar .body .menu ul>li.current {
	background-color: rgba(55, 168, 246, 1);
}

/*
.sidebar .body .menu ul>li:nth-child(1) {
	background: url(../../images/qms/addnaire2.png) no-repeat;
	background-size: contain;
}

.sidebar .body .menu ul>li:nth-child(1).current {
	background: url(../../images/qms/addnaire.png) no-repeat;
	background-size: contain;
}

.sidebar .body .menu ul>li:nth-child(2) {
	background: url(../../images/qms/icon_naire2.png) no-repeat;
	background-size: contain;
}

.sidebar .body .menu ul>li:nth-child(2).current {
	background: url(../../images/qms/icon_naire.png) no-repeat;
	background-size: contain;
}

.sidebar .body .menu ul>li:nth-child(3) {
	background: url(../../images/qms/icon_naire5.png) no-repeat;
	background-size: contain;
}

.sidebar .body .menu ul>li:nth-child(3).current {
	background: url(../../images/qms/icon_naire4.png) no-repeat;
	background-size: contain;
}
*/

.sidebar .body .menu ul>li img {
	width: 60%;
	margin: 0 20%;
}

.sidebar .body .menu ul li>span {
	color: #ffffff;
	font-size: 10px;
	margin-top: 8px;
	display: block;
	text-align: center;
	width: 100%;
}

.sidebar .body .submenu {
	width: 190px;
	margin-top: 0px;
	height: 100%;
	float: left;
	background: rgba(55, 168, 246, 1);
	/*background: -moz-linear-gradient(top, #09B1DE, #117DD8);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#09B1DE),
		to(#117DD8));
	background: -o-linear-gradient(top, #09B1DE, #117DD8);
	background: -moz-linear-gradient(top, #09B1DE 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09B1DE),
		color-stop(100%, #117DD8));
	background: -webkit-linear-gradient(top, #09B1DE 0%, #117DD8 100%);
	background: -o-linear-gradient(top, #09B1DE 0%, #117DD8 100%);
	background: -ms-linear-gradient(top, #09B1DE 0%, #117DD8 100%);
	background: linear-gradient(to bottom, #09B1DE 0%, #117DD8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09B1DE',
		endColorstr='#117DD8', GradientType=0);*/
}

:root .gradient {
	filter: none;
}

.sidebar .body .submenu ul {
	width: 95%;
	margin: 0px auto;
	margin-top: 25px;
	height: 100%;
}

.sidebar .body .submenu ul>li {
	width: 100%;
	padding: 10px 5px;
	height: 50px;
}

.sidebar .body .submenu ul>li.current {
	background: #2BBDE4;
}

.sidebar .body .submenu ul li>em {
	width: 25px;
	height: 25px;
	background-size: contain;
	display: inline-block;
	float: left;
}
.logoutli em{
	background: url(../../images/qms/icon_logout.png) no-repeat;
}
.messageli em{
	background: url(../../images/qms/icon_email.png) no-repeat;
}
.sidebar .body .submenu ul li>span {
	margin-left: 10px;
	color: #000000;
	font-size: 10px;
	height: 30px;
	float: left;
	display: inline-block;
}

.sidebar .body .submenu .yellowbtn {
	border-radius: 4px;
	width: 90%;
	height: 32px;
	margin-left: 5%;
	background-color: rgba(255, 195, 0, 1);
}

.sidebar .body .submenu .bluebtn {
	border-radius: 4px;
	width: 90%;
	height: 32px;
	margin-left: 5%;
	background-color: rgba(30, 136, 229, 1);
	margin-top: 20px;
}

.sidebar .body .submenu select {
	width: 90%;
	height: 30px;
	padding: 4px;
	margin-left: 5%;
	background: rgb(255, 255, 255);
	border-radius: 4px;
	border: 0px solid rgb(204, 204, 204);
}

.sidebar .body .submenu select>optgroup {
	color: #117DDC;
}

.sidebar .body .submenu input[type='text'] {
	width: 90%;
	height: 30px;
	padding: 4px;
	margin-left: 5%;
	border: 0px solid rgb(204, 204, 204);
	border-radius:4px;
}

.maincontent {
	left: 280px;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0;
	overflow: auto;
	background: #F6F7F9;
}

.maincontentlg {
	left: 90px;
}

.maincontent .titlebar {
	width: 100%;
	height: 45px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 5%);
}

.maincontent .titlebar ul {
	float: left;
	height: 100%;
	width: 100%;
}

.maincontent .titlebar ul li {
	float: right;
	height: 100%;
	padding: 10px 15px;
}
.maincontent .titlebar ul li:nth-child(1) {
	float: left;
}
.maincontent .titlebar ul li>em {
	width: 30px;
	height: 20px;
	background-size: contain;
	display: inline-block;
	cursor: pointer;
	margin-top: 2px;
}

.maincontent .titlebar ul li:nth-child(1)>em {
	background: url(../../images/qms/icon_email.png) no-repeat;
}

/*.maincontent .titlebar ul li:nth-child(2)>em {
	background: url(../../images/qms/icon_set.png) no-repeat;
}
.maincontent .titlebar ul li:nth-child(3)>em {
	background: url(../../images/qms/icon_logout.png) no-repeat;
}
*/
.menuoffbtn {
	position: fixed;
	left: 273px;
	top: 50%;
	color: #FFFFFF;
	cursor: pointer;
	z-index: 9999;
}

.menuonbtn {
	position: fixed;
	left: 0px;
	top: 50%;
	color: #117FD6;
	cursor: pointer;
	z-index: 9999;
}
.menuli{
	display: none;
}
.closemenubtn{
	display: none;
	color: #FFFFFF;
	font-size: 24px;
}
.closemenubtn i{
	float: right;
}
.backli{
	cursor: pointer;
}
@media screen and (max-width:640px) { /*宽度小于等于320,同理*/
	.sidebar{
		display: none;
	}
	.maincontent{
		left: 0px;
	}
	.menuli{
		display: block;
	}
	.sidebarmobile{
		display: block;
		z-index: 1000;
	}
	.closemenubtn{
		display: block;
	}
	.sidebar .body .submenu ul{
		margin-top: 0px;
	}
}