@charset "utf-8";
@font-face {
    font-family: '微软雅黑';
}
button{
	cursor: pointer;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, legend, input, textarea, p, th, td {margin: 0;padding: 0;}
a, input, button, select, textarea {outline: 0;font-family: 微软雅黑;}
img {border: 0;vertical-align: middle}
em,i {font-style: normal}
textarea {resize: none}
table{ border-collapse:collapse}
html{height:100%}
body {font: 14px/1.5 微软雅黑; padding:0; margin:0;min-height: 100%; background:#e9f0f9; color:#344659;position:relative;}
a {text-decoration: none; color:inherit;}
ol, ul {list-style: none}
h1, h2, h3, h4, h5 {font-size: 14px; font-weight:normal}
input, label, select {}
.clearfix:before, .clearfix:after {content: ".";display: table;height: 0;font-size: 0;line-height: 0;visibility: hidden}
.clearfix:after {clear: both}
.clearfix {*zoom:1}
.fl{ float:left;_display:inline;}
.fr{ float:right;_display:inline;}
select { border:1px solid #c7d5df; height:28px; line-height:28px; padding:0 5px; border-radius:4px; width:164px; box-sizing: border-box;}
input[type='text'],input[type='password']{ -webkit-appearance: none;border: 1px solid #c7d5df; height:28px; line-height:28px; padding:0 5px; border-radius:4px; box-sizing: border-box;}
textarea { border: 1px solid #c7d5df; padding:0 5px;border-radius:4px;box-sizing: border-box; line-height:1.5;}
/*::-webkit-input-placeholder {color: #344659;font-size:14px;font-weight:normal;}
:-moz-placeholder{color: #344659;font-size:14px;font-weight:normal;}*/
::-moz-placeholder {color: #344659;font-size:14px;font-weight:normal;}
:-ms-input-placeholder{color: #344659;font-size:14px;font-weight:normal;}
* {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
input,button,label {
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
}
body {
	background-color: #f5f5f5;
}
body,html {
	width: 100%;
	height: 100%;
	font-size: 0px;
	/*font-family: "Microsoft Yahei" !important;*/
	font-family: "微软雅黑";
}
input,button,select,textarea {
	outline:none;
}
input{ margin:0; padding:0;}
html hr {
	
	height:1px;
	background-color: #e5e5e5;
	border: none;

}
.cl_red {
	color: #d43030;
}
.fs_16 {
	font-size: 16px;
}
.bold {
	font-weight: 700;
}
.cl_bule {
	color: #0b9bee;
}
/*head部分*/
.head {
	width: 100%;
	height: 80px;
	background: url(../images/sign4.jpg) no-repeat;
	padding: 28px 60px;
	box-sizing: border-box;
	background-size: 100% 100%;
	z-index: 4;
}
.sign2 {
	height: 24px;
	float: left;
}
.sign2 img {
	height: 100%;
}
.site-sign {
	float: right;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}
.site-sign span {
	color: #fff;
}
.site-sign a {
	color: #fff;
}
#limg {
	width: 19px;
    height: 19px;
    margin: 0 8px;
    margin-top: -5px;
}
#dianwo,#guanbi{
	display: none;
}
/*内容框*/
.mysurvey {
	padding: 0 60px 0 60px; 
	height: 100%;
	/* overflow-y: auto; */
	box-sizing: border-box;
	background-size: 100% auto;
	background-color: #f5f5f5;
}
.box {
	position:relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	
	/* overflow-y: auto; */
}
/*左边栏*/
.ms-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 100%;
	background-color: #fff;
	box-sizing: border-box;
	border-right: 1px solid #d9d9d9;
	background-size: 100% auto;
	padding-top: 10px;
}
/*右边栏*/
.ms-right {
	margin-left: 180px;
	height: 100%;
	background-color: #fff;
	box-sizing: border-box;
	background-size: 100% auto;	
	font-size: 14px;
	color: #383838;
	padding-top: 10px;
	padding-bottom: 30px;
	overflow-y: auto;
}
.ms-left li {
	height: 50px;
	box-sizing: border-box;
}
.ms-left li a {
	display: block;
	height: 22px;
	line-height: 22px;
	color: #383838;
	font-size: 14px;
	font-weight: 700;
	padding:14px 10px 14px 50px;
}
.ms-left span {
	display: block;
	height: 22px;
	line-height: 22px;
	color: #383838;
	font-size: 14px;
	font-weight: 700;
	padding:14px 10px 14px 50px;
}
.head_b02 i,
.head_b03 i,
.head_b07 i {
	margin-left: -32px;
	font-size: 22px;
	margin-right: 10px;
}
.ms-left-head {
	background-color: #fff;
	z-index: 998;
}
.line {
	width: 3px;
	height: 50px;
	background-color: #0b9bee;
	position: absolute;
	top: 60px;
	right: 0;
}
.ms-left li.head_b01 { background: url(../images/survey.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b02 { background: url(../images/star.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b03 { background: url(../images/uer.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b07 { background: url(../images/feedback.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b08 { background: url(../images/notice.png) no-repeat 20px center/auto 22px;}
.ms-left li.haed_open span{ background: url(../images/downward.png) no-repeat 155px center/auto 7px;}
.ms-left li a:hover { background-color: rgba(0, 136, 214, 0.1); border-right: 3px solid #0b9bee;color: #0b9bee;}
.ms-left li.head_b02:hover , .ms-left li.head_b02:active, .ms-left li.current.head_b02  {  background: url(../images/blue_star.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b03:hover , .ms-left li.head_b03:active, .ms-left li.current.head_b03  { background: url(../images/blue_user.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b07:hover , .ms-left li.head_b07:active, .ms-left li.current.head_b07  { background: url(../images/blue_feedback.png) no-repeat 20px center/auto 22px;}
.ms-left li.head_b08:hover , .ms-left li.head_b08:active, .ms-left li.current.head_b08  { background: url(../images/blue_notice.png) no-repeat 20px center/auto 22px;}
.ms-left li.current a { background-color: rgba(0, 136, 214, 0.1); border-right: 3px solid #0b9bee;color:#0b9bee;}

/*底部栏*/
.bottom {
	position:fixed;
	width: 100%;
	height: 55px;
	left: 0px;
	bottom: 0px;
	background-color: #383838;
	padding-left:60px;
	color:#fff;
	font-size: 12px;
}
.bottom a { 
	color: #fff;
}
.bottom span {
	color: #fff;
	padding: 3px;
}
.bot1 {
	width: 100%;
	height: 25px;
	line-height: 25px;
	margin-top: 15px;
}
.bot2 {
	width: 100%;
	height: 25px;
	line-height: 25px;
}
.bottom p {
	display: inline-block;
}
.uname_mobile{
	display: none;
}
/* 弹框遮蔽 */
.pub_bg{ position: fixed; z-index: 8888; width: 100%; height: 100% !important; top: 0; left: 0; background-color: rgb(0, 0, 0); opacity: 0.3;}	

@media screen and (max-width: 720px){
	.uname_mobile{
	   display: inline-block;
    }
	.mail01{display: inline-block;}
	body {
		font-size: 14px;
	-webkit-text-size-adjust: none;
	}
	
	.head{
		padding: 0;
		height: 50px;
		line-height: 50px;
		z-index: 9999999 ;
		position: relative;
	}
	.sign2 {
		width: 15%;
		height: 18px;
		margin-left: 15px;
	}
	.site-sign {
	  	position: relative;
	}
	.sign2 img {
		height: 100%;
	}
	/* .mail01{height: 19px;
		margin: 14px 0px 17px 10px;
    	vertical-align: middle;}
	 */
	#dianwo {
		display: inline-block;
		height: 22px;
		margin: 14px 10px 15px 7px;
    	vertical-align: middle;
	}
	#guanbi {
		height: 22px;
		margin: 14px 10px 15px 7px;
    	vertical-align: middle;
	}
	#limg {
        margin-right: 2px;
        margin-left: 0px;
    }
	.top_head {
		position: absolute;
		width: 100%;
		height: 600%;
		top:50px;
		left:0;	
		background-color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		z-index: 99999999;
	}
	 .top_head li {
	 	border-bottom: 1px solid #e5e5e5;
	 	height: 50px;
	 	line-height: 50px;
		box-sizing: border-box;
	}
	.top_head  li a {
		display: block;
		/*height: 22px;*/
		line-height: 22px;
		color: #383838;
		font-size: 14px;
		padding:14px 10px 14px 50px;
	}
	
	.top_head  span {
		display: block;
		height: 22px;
		line-height: 22px;
		color: #383838;
		font-size: 14px;
		font-weight: 700;
		padding:14px 10px 14px 50px;
	}
	.top_head li.head_b01 { background: url(../images/survey.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b02 { background: url(../images/star.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b03 { background: url(../images/uer.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b07 { background: url(../images/feedback.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b08 { background: url(../images/notice.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b09 { background: url(../images/androidicon.png) no-repeat 20px center/auto 22px;}
	.top_head li a:hover { background-color: rgba(0, 136, 214, 0.1); /*border-right: 3px solid #0b9bee;*/color: #0b9bee;}
	.top_head li.head_b02:hover , .top_head li.head_b02:active, .top_head li.current.head_b02  {  background: url(../images/blue_star.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b03:hover , .top_head li.head_b03:active, .top_head li.current.head_b03  { background: url(../images/blue_user.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b07:hover , .top_head li.head_b07:active, .top_head li.current.head_b07  { background: url(../images/blue_feedback.png) no-repeat 20px center/auto 22px;}
	.top_head li.head_b08:hover , .top_head li.head_b08:active, .top_head li.current.head_b08  { background: url(../images/blue_notice.png) no-repeat 20px center/auto 22px;}
	.top_head li.current a { background-color: rgba(0, 136, 214, 0.1); /*border-right: 3px solid #0b9bee*/;color:#0b9bee;}
	
	
	
	.ms-left{
		display: none !important;
	}
	.mysurvey {
		padding: 0 !important;
		height: calc(100% - 80px) !important;
		
	}
	.ms-right{
		margin-left: 0;
		width: 100%;
		padding-bottom: 0;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #f5f5f5;
	
	}
	.bottom{
		padding: 7px 0 10px 0;
		height: 25px !important;
		background-color: #f5f5f5;
	    position:static !important;
		box-sizing: border-box;
		/* z-index: 10000; */
	}
	.bottom a,.bottom span{
	    color: #a6a6a6 !important; 
	}
	.bot1 {
		margin-top: 0;
		margin: 0  auto !important;
		color: #a6a6a6 !important; 
		height: 18px;
		line-height: 18px;
		text-align: center;
	}
	.hidden {
		display: none !important;
	}
	.out {
		display: block !important;
	}
	.mar_top10 {
		margin-top: 10px;	
	}
	.mar_top15 {
		margin-top: 15px;	
	}
}