/*
 * 页面规整样式文件
 * author: yuxiangxiang
 * mailto: 365879415@qq.com
 * date: 2015.05.04
 */

@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
	/*font-family: "sans serif", tahoma, verdana, helvetica;*/
	font-family: "Microsoft YaHei", "SimHei", "sans-serif" !important;
	/*font-size: 14px;*/
	/*overflow: hidden;*/
	background-color: #f6f6f6;
	color:#333;
	width: 100%;
	min-width: 320px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


@media screen and (min-width: 320px) {
	body {
		font-size: 14px;
	}
}

@media screen and (min-width: 375px) {
	body {
		font-size: 16px;
	}
}

@media screen and (min-width: 414px) {
	body {
		font-size: 18px;
	}
}

@media screen and (min-width: 640px) {
	body {
		font-size: 24px;
	}
}

@media screen and (min-width: 800px) {
	body {
		font-size: 28px;
	}
}

a,
a:link,
a:visited {
	text-decoration: none;
	outline: 0 none;
	/*color: #333333;*/
}

a:hover {
	color: #24BDB0;
}
table{border-collapse:collapse;}
ul,
ol {
	list-style: none;
	height: auto;
	overflow: hidden;
}

button,
img {
	border: 0;
	outline: 0;
}

img {
	display: inline-block;
	vertical-align: middle;
	height: auto;
	overflow: hidden;
}

input {
	box-sizing: border-box;
}

input,
button,
textarea,
select {
	outline: 0 none;
	font-family: "Microsoft YaHei", "SimHei", "sans-serif" !important;
}


/*去除number输入框后面的上下箭头*/

input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.box-sizing{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;}
span,
label,
i,
a {
	display: inline-block;
}

.noborder {
	border: 0 !important;
}

.w640 {
	width: 640px !important;
}

.w1024 {
	width: 1024px !important;
}

.w100 {
	width: 100% !important;
}

.h100 {
	height: 100% !important;
}

.mc {
	margin: 0 auto;
}

.ho {
	height: auto;
	overflow: hidden;
}

.f-l {
	float: left !important;
}

.f-r {
	float: right !important;
}

.ta-c {
	text-align: center !important;
}

.ta-l {
	text-align: left !important;
}

.ta-r {
	text-align: right !important;
}

.po-r {
	position: relative !important;
}

.po-a {
	position: absolute !important;
}

.po-f {
	position: fixed !important;
}

.cp {
	cursor: pointer;
}

.d-n-i {
	display: none !important;
}

.d-n {
	display: none;
}

.d-b-i {
	display: block !important;
}

.d-b {
	display: block;
}

.d-ib {
	display: inline-block;
}

.bor {
	border: 1px solid #d9d9da;
}

.bor-l {
	border-left: 1px solid #d9d9da;
}

.bor-r {
	border-right: 1px solid #d9d9da;
}

.bor-t {
	border-top: 1px solid #d9d9da;
}

.bor-t-d {
	border-top: 1px dotted #d9d9da;
}

.bor-b {
	border-bottom: 1px solid #d9d9da;
}

.touming {
	background: #000000;
	opacity: 0.8;
	/*ie9以上 */
	filter: alpha(opacity=80);
	/*ie7 8 9 10*/
}

.color-w {
	color: #ffffff;
}

.color-gray {
	color: #888888 !important;
}

.color-r {
	color: #fc0301 !important;
}

.color-1 {
	color: #F3663C !important;
}

.color-2 {
	color: #037304 !important;
}

.color-3 {
	color: #00D12C !important;
}

.color-4 {
	color: #24BDB0 !important;
}

.font-s-14 {
	font-size: 14px !important;
}

.font-s-16em {
	font-size: 1.6em !important;
}

.margin-b-1 {
	margin-bottom: 1em !important;
}

.margin-l-1 {
	margin-left: 1em !important;
}

.margin-l-01 {
	margin-left: 0.1em !important;
}

.margin-l-05 {
	margin-left: 0.5em !important;
}
.margin-t-0{
	margin-top:0 !important;
}

.bac-w {
	background-color: #FFFFFF;
}

.padding-l-1 {
	padding-left: 1em !important;
}
.padding-t-1{
	padding-top: 1em !important;
}
.padding-r-1 {
	padding-right: 1em !important;
}
.padding-tb-1 {
	padding: 1em 0 !important;
}

.w3em {
	width: 3em !important;
}

.w8em {
	width: 8em !important;
}


/*省略设置*/

.omission {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@font-face {
	font-family: "iconfont";
	src: url('iconfont/iconfont.eot?t=1458640934');
	/* IE9*/
	src: url('iconfont/iconfont.eot?t=1458640934#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont/iconfont.woff?t=1458640934') format('woff'), /* chrome, firefox */
	url('iconfont/iconfont.ttf?t=1458640934') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont/iconfont.svg?t=1458640934#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 1.6em;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.icon-radio,
.icon-checkbox {
	color: #D7DCDE;
}

.iconfont.icon-radio {
	font-family: arial !important;
	color: transparent;
	border: 1px solid #ddd;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
}

.iconfont.icon-radio-checked {
	font-family: arial !important;
	color: transparent;
	border: 1px solid #3a81f9;
	background: #ecf3ff;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	vertical-align: middle
}

.iconfont.icon-radio-checked:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #3a81f9;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -5px;
	border-radius: 50%;
}

.iconfont.icon-checkbox {
	font-family: arial !important;
	color: transparent;
	border: 1px solid #ddd;
	width: 20px;
	height: 20px;
	vertical-align: middle
}

.iconfont.icon-checkbox-checked {
	font-family: arial !important;
	color: transparent;
	border: 1px solid #3a81f9;
	background: #ecf3ff;
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle
}

.iconfont.icon-checkbox-checked:before {
	content: '';
	position: absolute;
	width: 6px;
	left: 6px;
	top: 0;
	height: 13px;
	border: solid #3a81f9;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.icon-radio-checked,
.icon-checkbox-checked {
	color: #1B7E5A;
}

.icon-radio:before {
	content: "\e607";
}

.icon-radio-checked:before {
	content: "\e606";
}

.icon-checkbox:before {
	content: "\e605";
}

.icon-checkbox-checked:before {
	content: "\e604";
}


/*cs3弹性盒子*/

.box {
	display: -moz-box;
	display: -webkit-box;
	display: box;
}

.box_1 {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.box_2 {
	-moz-box-flex: 2;
	-webkit-box-flex: 2;
	box-flex: 2;
}

.box_3 {
	-moz-box-flex: 3;
	-webkit-box-flex: 3;
	box-flex: 3;
}

.box_4 {
	-moz-box-flex: 4;
	-webkit-box-flex: 4;
	box-flex: 4;
}

.box_cz {
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
}

.box_sp {
	-moz-box-orient: inline-axis;
	-webkit-box-orient: inline-axis;
	-o-box-orient: inline-axis;
	box-orient: inline-axis;
}

.box_czjz {
	-moz-box-align: center;
	-webkit-box-align: center;
	-o-box-align: center;
	box-align: center;
}

.box_spjz {
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-o-box-pack: center;
	box-pack: center;
}


/*宽度*/

.wh80 {
	width: 80%;
	margin-left: 10%;
}


/*
.wh90 {
    width: 90%;
    margin-left: 5%;
}
*/

.wh96 {
	width: 96%;
	margin-left: 2%;
}


/*字体颜色*/

.tx-red {
	color: #da251c;
}


/*字体居中*/

.tx-c {
	text-align: center;
}

.tx-l {
	text-align: left;
}

.tx-r {
	text-align: right;
}


/*显示隐藏*/

.dis-hide {
	display: none;
}

.dis-show {
	display: block;
}


/*进度条*/

.progress-bar {
	background-color: #d8e6fe;
	height: 6px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	/*margin-bottom: 1em;*/
}

.progress-bar span {
	position: absolute;
	top: 0em;
	display: inline-block;
	height: 100%;
	line-height: 1.2em;
	width: 100%;
	transition: width .4s ease-in-out;
	background-color: #3a81f9;
	font-size: .7em;
	color: #fff;
	text-align: right;
}

.footer-logo img {
	width: 100%;
}

.plan {
	border-radius: 0px !important;
}


/*点选题内容*/

.singleC {
	background-color: #fff;
	padding-bottom: 1em;
}


/*.singles {
    padding-top: 1em;
}

.singles ~ .singles {
    margin-top: 0em;
}*/

.singles .singleTitle {
	padding: 0.5em 1em 0.5em 2em;
	font-size: 1em;
	margin: 1em 0;
	background: #f6f6f6;
	position: relative;
	line-height: 150%;
}

.singles .singleTitle .que-num {
	position: absolute;
	left: 1em;
	text-align: left;
}

.singles .singleOption {
	padding: 0 1em 1em 1em;
}
#page1 .singles .singleOption.wh96{width: 90%;}
.singles .singleOption .singleDel {
	padding-left: 0.6em;
	color: #6A6A6A;
}

.singleDel .singleDel1 {
	font-size: 1em;
}

.singleDel div.desc {
	font-size: 0.9em;
}

.dd_select {
	padding-bottom: 1em;
	margin-top: -0.6em
}

.dd_select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../img/Arrow.png) no-repeat right center;
	background-size: 1em 1.5em;
	width: 90%;
	padding-left: 8px;
	margin-left: 5%;
	display: block;
	height: 3.8em;
	line-height: 3.8em;
	font-size: 1em;
	color: #6a6a6a;
	border: none;
	border-bottom: 1px solid #eee
}

.nextPage,
.backPage {
	width: 46%;
	margin-left: 27%;
	text-align: center;
	font-size: 1.2em;
	border: 1px solid #5BDAFA;
	border-radius: 2em;
	padding-top: .3em;
	padding-bottom: .3em;
	color: #5BDAFA;
	margin-top: 1em;
	margin-bottom: 1em;
}

.nextPage span {
	padding-left: .5em;
}


/*我的资料*/

.headPortrait {
	height: 12em;
	background: -webkit-linear-gradient(#4DAFE9, #A8DDFC);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#4DAFE9, #A8DDFC);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#4DAFE9, #A8DDFC);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#4DAFE9, #A8DDFC);
	/* 标准的语法（必须放在最后） */
	text-align: center;
}

.headPortrait img {
	width: 6.5em;
	height: 6.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/*border: 0.2em solid #AADBF8;*/
}

.hint {
	height: 2.5em;
	line-height: 2.5em;
	background-color: #F8F8F8;
	color: #797979;
}

.hint span {
	padding-left: 5%;
	padding-right: 1%;
	color: #8ACCF3;
}

.PorMessage {
	background-color: #fff;
}

.PorMessage dd {
	height: 3em;
	line-height: 3em;
	border-top: 1px solid #D5D5D5;
}

.PorMessage dd:last-child {
	border-bottom: 1px solid #D5D5D5;
}

.PorMessage dd> span:first-child {
	padding-left: 1em;
}

.PorMessage dd> span:last-child {
	color: #838383;
}

.PorMessage dd input {
	border: none;
	width: 65%;
}

.PorMessage .rightK {
	float: right;
	padding-right: 5%;
	color: #5BDAFA !important;
	font-size: 1.5em;
}

.save,
.save1 {
	width: 46%;
	margin-left: 27%;
	text-align: center;
	font-size: 1.2em;
	background-color: #5BDAFA;
	color: #fff;
	border-radius: 2em;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

.save img:first-child {
	padding-right: 1.5em;
	width: 1.2em;
}

.save img:last-child {
	padding-right: 1.5em;
	width: 1.2em;
	margin-top: -0.2em;
}

.save1 img {
	padding-right: .5em;
	width: 1.2em;
	margin-top: -0.1em;
}


/*企业ID*/

.firmImg {
	height: 12em;
	width: 100%;
	background: url(../img/banner01.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

.firmImg span {
	padding-top: 7.7em;
	font-size: 1.2em;
	color: #2E4577;
}

.firmID {
	text-align: center;
	color: #7A7A7A;
	font-size: 1.2em;
	margin-top: 3em;
	margin-bottom: 3em;
}

.firmID span {
	color: #8ACCF3;
}

.firmID span:first-child {
	padding-right: .5em;
}

.firmID span:last-child {
	padding-left: .7em;
}

.firmID1 {
	width: 60%;
	margin-left: 20%;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 6em;
}

.firmID1 input {
	width: 85%;
	border: 0 none;
	font-size: 1.2em;
	color: #7a7a7a;
	padding-left: 0.8em;
}

.firmID1 img {
	float: right;
	display: inline-block;
	width: 1.5em;
}


/*问答题*/

.essayQue dt {
	padding-top: 2em;
	padding-bottom: 2em;
	color: #909090;
}

.essayQue {
	margin-top: 2em;
}

.essayQue~.essayQue {
	margin-top: 0em;
}

.essayQue dt span {
	color: #79C0EB;
	padding-right: 0.5em;
}

.essayQue .essayTitle {
	padding: 0.5em 1em;
	font-size: 1em;
	margin: 1em 0;
	background: #f6f6f6;
}

.essayQue textarea {
	width: 90%;
	height: 10em;
	margin-top: 0.5em;
	margin-left: 5%;
	background-color: #FBFBFB;
	border: 1px solid #E2E2E2;
	resize: none;
	box-sizing: border-box;
	padding: 0.6em;
	font-size: 16px;
}

.essayQue p {
	text-align: right;
	margin: 0 1em 2em 1em;
	color: #79C0EB;
	display: none;
}

.essayQue span {
	color: red;
}

.backPage img {
	padding-right: 1.5em;
	width: 1.4em;
}

.nextPage img {
	padding-left: 1.5em;
	width: 1.4em;
}


/*打分题*/

.grade .gradeTitle,
.mul .mulTitle {
	padding: 0.5em 1em 0.5em 2.4em;
	line-height: 150%;
	font-size: 1em;
	margin: 1em 0;
	background: #f6f6f6;
	position: relative;
}

.grade .gradeTitle .que-num {
	position: absolute;
	left: 1em;
	text-align: right;
	width: 1.3em;
}

.grade .buleBox {
	padding: 0 2em
}

.titleDetail {
	font-size: 0.6em;
	color: #4AABE5;
	line-height: 1.4em;
}

.lineMo {
	padding-right: 24px;
	height: 0.6em;
	text-align: center;
	margin: 0.5em 10px;
	display: block;
	position: relative;
	filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#DEE6F5', endColorStr='#0A75C3', gradientType='1');
	background: -moz-linear-gradient(left, #DEE6F5, #0A75C3);
	background: -o-linear-gradient(left, #DEE6F5, #0A75C3);
	background: -webkit-gradient(linear, 0% 0%, 120% 0%, from(#DEE6F5), to(#0A75C3));
}

.smallWhite {
	border: 0.3em solid transparent;
	border-left: 0.3em solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 1px;
}

.smallBlue {
	border: 0.3em solid transparent;
	border-left: 0.3em solid #3089cc;
	width: 0;
	height: 0;
	position: absolute;
	right: -0.5em;
	top: 1px;
}

.lineimg {
	background: url(../img/img_arrow.png) no-repeat center 60%;
	background-size: contain;
	display: block;
	margin: 0 0.5em;
}


/*.grade .gradeChange {
    border: 1px solid #5BDAFA;
    text-align: center;
    border-radius: 0.2em;
    color: #8C8C8C;
    padding: 3px;
    overflow: hidden;
}

.gradeChange div {
    background-color: #F6F6F6;
    height: 3em;
    line-height: 3em;
    margin-left: 3px;
}

.gradeChange div:last-child {
    margin-right: 0px;
}

.gradeChange div:first-child {
    margin-left: 0px;
}*/


/*.activeIt {
    color: #fff;
    background: #5BDAFA !important;
    font-size: 1.4em;
    height: 2.15em !important;
    line-height: 2.15em !important;
}*/


/*.gradeChange1 {
    color: #A7A7A7;
    padding-top: 0.5em;
}*/

.changePage {
	width: 70%;
	margin-left: 15%;
	border: 1px solid #5BDAFA;
	border-radius: 2em;
	color: #5BDAFA;
	border-radius: 2em;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 1.2em;
}

.changePage div:nth-child(2) {
	color: #F0F0F0;
}

.changePage div:nth-child(1) {
	padding-left: 3%;
}

.changePage div:nth-child(3) {
	padding-right: 3%;
}

.changePage img:first-child {
	width: 1.2em;
	padding-right: 0.5em;
	margin-top: -0.1em;
}

.changePage img:last-child {
	width: 1.2em;
	padding-left: 0.5em;
	margin-top: -0.1em;
}

.boxMove {
	background-color: #5BDAFA;
	z-index: 0;
	left: 4px;
	top: -3px;
	position: relative;
	text-align: center;
	color: #fff;
}


/*多选题*/

.mul .muls {
	border: 1px solid #E1E1E1;
	border-radius: 0.4em;
	padding: .3em;
	margin-bottom: 1em;
	color: #696969;
}

.mul .muls span {
	padding: 2% 2%;
	display: inline-block;
	display: block;
	width: 96%;
}

.muls-bRed {
	border: 1px solid #FF7687 !important;
}

.muls-bgRed {
	background-color: #FF7687;
	color: #fff;
}

.muls-bGreen {
	border: 1px solid #99D35F !important;
}

.muls-bgbGreen {
	background-color: #99D35F;
	color: #fff;
}

.muls-bOrg {
	border: 1px solid #FFB947 !important;
}

.muls-bgOrg {
	background-color: #FFB947;
	color: #fff;
}


/*.muls-img{position: relative;top:-1.3em;width: 1.3em;z-index: 1;left:45%;display: inline-block;}*/

.muls input {
	width: 80%;
	border: 1px solid #fff;
	font-size: 1em;
	display: inline-block;
	outline: none;
}

.mulsGray {
	color: #E1E1E1 !important;
}


/*二维码*/

.QRimg {
	height: 15em;
	width: 100%;
	background: url(../img/pic.png) no-repeat center center;
	background-size: 100% 100%;
	text-align: center;
}

.QRinf {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 5em;
}

.QRinf p:first-child {
	color: #2E4577;
	font-size: 1.3em;
}

.QRinf p:nth-child(2) {
	color: #8A8A8A;
	margin-top: .5em;
	font-size: 0.9em;
}

.QRinf img {
	width: 10em;
	height: 10em;
	margin-top: 2em;
}

.copyright {
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 4em;
	line-height: 2em;
	background-color: #393939;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	padding-top: .5em;
}


/*我的测评*/

.testTitle {
	margin: 2% 5%;
}

.testTitle span {
	color: #8ACCF3;
}

.menuChange {
	border: 1px #4BAEE9 solid;
	padding: 0.1em;
	text-align: center;
	border-radius: 5em;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.menuChange span {
	display: inline-block;
	width: 49%;
	color: #5AB5EB;
	height: 1.5em;
	line-height: 1.5em;
}

.menuColor {
	color: #fff !important;
	background-color: #4BAEE9;
	border-radius: 5em;
}

.testLeft dd,
.testRight dd {
	padding: 0.8em 5%;
	border-bottom: 1px solid #E9E9E9;
	font-size: 1.1em;
}

.testLeft dd:first-child,
.testRight dd:first-child {
	border-top: 1px solid #E9E9E9;
}

.testLeft dd font,
.testRight dd font {
	color: #8ACCF3;
	padding-right: 0.3em;
	font-size: 1.2em;
}

.testLeft dd span {
	background-color: #FEFAFB;
	color: #FC919E;
	font-size: 0.9em;
	padding: 0.1em 0.5em;
	display: inline-block;
	float: right;
	border-radius: 1em;
	border: 1px solid #FC919E;
}

.testRight dd span {
	background-color: #F2FAE8;
	color: #A2DF5E;
	font-size: 0.9em;
	padding: 0.1em 0.5em;
	display: inline-block;
	float: right;
	border-radius: 1em;
	border: 1px solid #A2DF5E;
}


/*顶部提示*/

.hintBlue,
.hintBlue1 {
	margin: 0px auto;
	margin-top: 1em;
	border: 1px solid #B2E2FF;
	background-color: #F5FBFE;
	color: #4AABE5;
	padding: 0.8em 0.8em;
	width: 90%;
}

.hintBlue1 {
	font-size: 0.8em;
}

.hintBlue1 span {
	width: 33%;
	float: left;
}


/*上下页按钮*/

.changePage1 {
	font-size: 1.2em;
	color: #fff;
	margin: 1em;
}

.changePage1 div {
	height: 2.8em;
	border-radius: 0.3em;
	line-height: 2.8em;
}

.changePage1 div:last-child {
	text-align: center;
}

.changePage1 div:first-child {
	text-align: center;
}

.leftImgBule {
	background: #ecf3ff;
	border: 1px solid #3a81f9;
	color: #3a81f9;
	margin-right: 0.3em;
}

.leftImgGray {
	background:#ccc;
}

.rightImgBule {
	background: #3a81f9;
	text-align: center;
	margin-left: 0.3em;
	min-width: 5em;
}

.rightImgGray {
	background:#ccc;
}


/*打分题*/

.gradeChange2 label {
	font-size: 1em;
	padding-left: 0.2em;
}

.gradeChange2 div {
	height: 1.8em;
	line-height: 1.8em;
}


/*多选题*/

.mul1 {
	margin-top: 1em;
}

.mul1 .mulTitle {
	line-height: 150%;
	padding: 0.5em 1em 0.5em 2.4em;
	font-size: 1em;
	margin: 1em 0;
	background: #f6f6f6;
	position: relative;
}

.mul1 .mulTitle .que-num {
	position: absolute;
	left: 1em;
	text-align: right;
	width: 1.3em;
}

.muls1 {
	padding: 0 1.3em 1em 1.3em;
	color: #676767;
	height: 2.6em;
}

.muls1.last {
	height: 6.8em;
	position: relative;
}

.muls1.last .mul-text {
	position: absolute;
	top: 2.6em;
	left: 0;
	right: 0;
	border: 1px solid #ddd;
	padding: 8px 10px;
	background: #fff;
	width: 80%;
	margin: 0 auto;
}

.que-num-i {
	font-weight: normal;
	font-style: normal;
	color: #f96900;
}

.muls1.last .mul-text textarea {
	border: none;
	width: 100%;
	height: 100%;
	height: 4em;
	font-size: 0.9em;
	color: #666;
}

.muls1 .box_1,
.muls1 .labelCon {
	height: 100%;
}

.muls1 .box_1 {
	text-align: center
}

.muls1 .labelCon {
	width: 90%;
}

.muls1 .labelCon label {
	width: 100%;
}

.muls1 .labelCon input[type='text'] {
	width: 90%;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #D1D1D1;
	outline: none;
}

.muls1 img {
	width: 1.2em;
	height: 1.2em;
}


/*提交按钮*/

.save2 {
	width: 64%;
	margin-left: 18%;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	height: 2em;
	line-height: 2em;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	background: url(../img/btn_own.png) no-repeat;
	background-size: 100% 100%;
}

.save2.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.save2 img {
	padding-right: .5em;
	width: 1.2em;
	margin-top: -0.1em;
}

.testLeft dd font,
.testRight dd font {
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -0.7em;
}

.testLeft dd span,
.testRight dd span {
	position: absolute;
	top: 50%;
	right: 5%;
	z-index: 99;
	margin-top: -0.8em;
}

.testLeft dd,
.testRight dd {
	padding-right: 5em;
	position: relative;
	text-align: justify;
	padding-left: 10%;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.testLeft dd span.freeze,
.testRight dd span.freeze {
	border-color: #ddd;
	color: #ccc;
	background-color: #f1f1f1;
}


/*- 错误页面 -*/

.error_box {
	text-align: center;
	color: #7f7f7f;
}

.error_box img {
	width: 6em;
	margin: 12em auto 1em;
}

.error_box p {
	letter-spacing: .2em;
}


/*- 引导页 -*/

.max_w640 {
	max-width: 640px;
	margin: 0 auto;
}

.banner_bg {
	width: 100%;
}

.banner_bg img {
	width: 100%;
}

.reviews_box {
	color: #666;
	padding: 1.2em 1.2em 0;
}

.reviews_box p {
	line-height: 180%;
	font-size: 0.9em;
	margin: 0 auto 1em;
	text-indent: 2em;
	text-align: justify
}

.reviews_box p:last-of-type {
	text-indent: 0;
	margin-bottom: 0;
}

.color_red {
	color: red;
	display: initial;
}

.font_weight {
	font-weight: bold;
	display: initial;
}

@media screen and (min-width: 640px) {
	.copyright {
		position: static;
		margin-top: 2em;
	}
	.d0d0d0,
	.d0d0d0 body {
		height: auto;
	}
}


/*input上下箭头禁用*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

@media screen and (max-height: 481px) {
	.copyright {
		position: static;
	}
}

.page-group {
	height: 100%;
	background: #fff;
	overflow-y: auto;
}


/*title*/

.gsname-title {
	background: #3a81f9;
	color: #fff;
	text-align: center;
	padding: 1.2em 0;
}

.gsname-title span {
	font-size: 1.1em;
	padding-bottom: 0.5em;
	font-weight: 100;
}

.gsname-title p {
	font-size: 1.6em;
}

.wj-time-num {
	padding: 0.6em 1em 0;
	line-height: 150%;
	text-align: justify;
	font-size: 1em;
}

.wj-time-num span {
	color: #3a81f9;
	margin: 0 0.2em
}


/*--问卷--*/

.clrfix {
	zoom: 1;
}

.clrfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.background_f6f6f6 {
	background: #f6f6f6;
}

.backgroundFFF {
	height: 100%;
	background: #fff;
}

.wj-title {
	text-align: center;
	background: #f6f6f6;
	padding: 1em 0;
	font-size: 1em;
}

.wj-box {
	border: solid #ddd;
	border-width: 1px 0;
	background: #fff;
	padding: 0 1em;
}

.wj-hd {
	font-size: 0.9em;
	padding: 1em 0;
}

.wj-hd span {
	float: left;
}

.wj-hd ul {
	float: right;
	width: 12em
}

.wj-hd ul li {
	float: right;
	font-size: 0.8em;
	padding: 0.2em 0.5em;
	color: #3a81f9;
	border-radius: 0.3em;
}

.wj-hd ul li.on {
	color: #fff;
	background: #3a81f9;
}
.bmtdl-box ul {
	position: relative;
	z-index: 1;
}

.dapart-tisp{position:absolute;
	width: 150px;
	display: none;
	background:rgba(255,255,255,0.7);
	-wekit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #3383fe;
	top: 1em;
    left: 48%;
	font-size: 12px;
	padding:5px;
	z-index: 10;
	border:1px solid #3083ff;}
.bmtdl-box ul li {
	height: 1.04em;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 1;
}
.depart-gun{
	padding-bottom: 1em;
}
.tdl-bottom-date{
	position: absolute;
	width:100%;
    bottom: 1.5rem;
    left: 0;
}
.tdl-bottom-date li{
	font-size: 12px;
	float: left;
	width: 25%;
	text-align: center;
}
.bmtdl-box ul li p {
	font-size: 0.8em;
	float: left;
	width: 48%;
}

.bmtdl-box ul li span {
	float: right;
	width: 52%;
	background: #f1f1f1;
	height: 0.4em;
	border-radius: 0.4em;
	overflow: hidden;
	margin-top: 0.3em;
}

.bmtdl-box ul li span i {
	background: #3383fe;
	height: 100%;
	display: block;
	width: 0;
}

.bmtdl-box {
	position: relative;
	padding-top: 1.4em;
	display: none;
}
.line-bg {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.8em;
	color: #999;
	height: 91%;
	border-left: 1px solid #eee;
	padding-left: 0.3em;
	z-index: 0;
}

.line-bg.line50 {
	left: 74%;
}

.line-bg.line80 {
	left: 89.5%
}

#web_echarts {
	width: 100%;
	height: 16em;
	position: relative;
	top: -2em
}

.zttdl-box {
	width: 100%;
	overflow: hidden;
	height: 14em;
	position: relative;
}

.zttdl-box .zhuX {
	width: 100%;
	position: absolute;
	bottom: 24px;
}

.zttdl-box .zhuX li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 0.66em;
	color: #666;
}

.wj-tdqk li {
	width: 100%;
	overflow: hidden;
	color: #999;
	font-size: 0.8em;
	margin-bottom: 0.6em
}

.sm-tip {
	margin-bottom: 1em
}

.sm-tip li {
	font-size: 0.8em;
	color: #666;
	float: left;
}

.sm-tip li:last-child {
	float: right;
}

.wj-tdqk li p {
	float: left;
	text-align: left;
}

.wj-tdqk li p i,
.sm-tip li i {
	margin-left: 0.3em;
	cursor: pointer;
}

.wj-tdqk li p i img,
.sm-tip li i img {
	height: 1.1em;
    margin-top: -1px;
}

.wj-tdqk li span {
	float: right;
	text-align: right;
}

.wj-tdqk li span.green {
	color: #00b600;
}

.wj-tdqk li span.orange {
	color: #fa7e53;
}

.wj-ganxie {
	padding: 2em 0 1.4em;
	font-size: 0.9em;
	text-align: center;
	line-height: 180%;
}

.blue-text {
	color: #3a81f9;
}

.orange-text {
	color: #fa7e53;
}
.gray-text{
	color:#a4a4a4;
}
.wj-ganxie-hd {
	font-size: 1.2em;
	display: block;
}

.tdqk-box {
	margin-top: 1em
}

a.btn {
	width: 100%;
	display: block;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	font-size: 1em;
	border-radius: 0.2em;
}

a.btn.btn-default {
	color: #fff;
	background: #3a81f9;
}

a.btn.btn-default:hover {
	background: #297eff;
	color: #fff !important;
}

a.btn.btn-default:active {
	background: #016cff;
	color: #fff;
}

a.btn.btn-primary {
	border: 1px solid #3a81f9;
	background: #ecf3ff;
	color: #3a81f9;
}

a.btn.btn-primary:hover {
	background: #d4e5ff;
	color: #3d89fe !important;
}

a.btn.btn-primary:active {
	background: #c1d8ff;
	color: #3d89fe;
}

a.btn.btn-disabled {
	border: 1px solid #dddddd;
	background: #f7f7f7;
	color: #aaa;
}

a.btn.btn-disabled:hover {
	color: #aaa !important;
}


/*弹窗*/

.overflow-hidden {
	overflow: hidden;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 999;
}

.popup .popup-box {
	width: 80%;
	background: #fff;
	position: absolute;
	left: 10%;
	height: 27em;
	top: 50%;
	margin-top: -13.5em
}

.popup-title {
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding: 0.8em 0;
	font-size: 1.1em;
	font-weight: 200;
	position: relative;
}

.popup-title a {
	position: absolute;
	right: 1em;
	top: 0.8em;
	width: 1em
}

.popup-title a img {
	width: 100%
}

.popup-bd {
	padding-top: 7.8em;
	background: url(../img/tdl-red.png) no-repeat;
	background-size: contain;
	width: 18em;
	margin: 0 auto;
	position: relative;
}

.popup-bd em {
	color: red;
	font-size: 1.6em;
	position: absolute;
	right: 1.8em;
	top: 1.8em;
	width: 4em;
	text-align: center;
}

.popup-tdl {
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 0.8em;
}

.popup-tdl span {
	padding: 0 1em;
	margin: 1em 0;
	font-size: 1.1em;
	color: #333;
}

.popup-tdl span:first-child {
	border-right: 1px solid #ddd
}

.popup-box p {
	color: #999;
	font-size: 0.8em;
	border-top: 1px solid #ddd;
	padding: 2em 1em;
	line-height: 180%;
}

.popup-box p b {
	color: #333;
	font-weight: normal;
}

.popup .popup-box .btn {
	position: absolute;
	bottom: 0;
	color: #fff;
	left: 1em;
	right: 1em;
	width: auto
}

.btn.btn-red {
	background: #ff3c1d;
}

.btn.btn-blue {
	background: #3a81f9;
}

.btn.btn-orange {
	background: #fd7d4d;
}

.btn.btn-red:hover,
.btn.btn-blue:hover,
.btn.btn-orange:hover {
	color: #fff !important;
}

a.btn.examcomplete-disabled,
a.btn.examcomplete-disabled:hover,
a.btn.examcomplete-disabled:active {
	background: #e4e4e4 !important;
	color: #9f9f9f !important;
	border-color: #e4e4e4 !important;
	cursor: no-drop !important;
}

.error-tisp {
	border: 1px red dashed;
	padding: 10px;
	margin: 1em;
	text-align: left;
	font-size: 12px;
	color: red;
	line-height: 150%;
	display: none;
}

.popup-blue .popup-bd {
	background: url(../img/tdl-blue.png) no-repeat;
	background-size: contain;
}

.popup-blue .popup-bd em {
	color: #3a81f9;
}

.popup-orange .popup-bd {
	background: url(../img/tdl-orange.png) no-repeat;
	background-size: contain;
}

.popup-orange .popup-bd em {
	color: #fd7d4d;
}

.btn.btn-blue:hover {
	background: #297eff
}

.btn.btn-red:hover {
	background: #fd4628
}

.btn.btn-orange:hover {
	background: #fe7643;
}

.btn.btn-blue:active {
	background: #016cff
}

.btn.btn-red:active {
	background: #fc3616
}

.btn.btn-orange:active {
	background: #fc6f3a
}

.popup-tip p {
	padding: 1em;
	margin: 0;
	border: none
}

.popup-tip .popup-box {
	height: 15em;
	margin-top: -7.5em
}
.popup-tipzt p {
    padding: 1em;
    margin: 0;
    border: none
}

.popup-tipzt .popup-box {
    height: 15em;
    margin-top: -7.5em
}
.popup-tipxy p {
    padding: 1em;
    margin: 0;
    border: none
}

.popup-tipxy .popup-box {
    height: 15em;
    margin-top: -7.5em
}
/*cq-Mobile*/

.color_333 {
	color: #333;
}

.improve_5d98fd {
	color: #5d98fd!important;
}

.wh100 {
	width: 100%;
}

.nomarginT {
	margin-top: 0!important;
}

.QRinf img.questionComplete {
	width: 6.785em;
	height: 6.785em;
}

.QRinf> h4 {
	font-size: 1.285em;
	margin-top: 2.5em;
	margin-bottom: 1em;
}

.QRinf> p {
	line-height: 2em;
}

.p-tip {
	margin: 1.5em auto;
	font-size: 1.285em;
}

.doing {
	margin-bottom: 1em;
}

.doing img {
	margin-top: 1em;
	width: 0.6em;
	height: 1em;
}
.over .orangise .singleOption img{
	margin-top: 0;
    width: 0.6em;
	height: 1em;
}

.doing dl,
.over dl {
	cursor: pointer;
}

.orangise {
	border-top: 1px solid #ddd;
	background: #fff;
}

.orangise:last-child {
	border-bottom: 1px solid #ddd;
}

.orangise .singleOption {
	padding:1em 0.8em;
	padding-right: 0.2em;
}

.orangise .singleOption:nth-child(2) {
	padding-left: 0;
}

.orangise .singleOption .singleDel .singleDel1 {
	color: #333;
	font-size: 1.07em;
}

.orangise .details {
	color: #999;
	font-size: 0.785em;
}

.orangise .details span {
	margin-right: 1.5em;
	margin-top: 0.8em;
}

.orangise .details span:last-child {
	margin-right: 0;
}

.oricon,
.grayicon,
.blueicon {
	background: #fa7e53;
	border-radius: 15px;
	color: #fff;
	font-size: 0.8em;
	padding: 0.2em 0.8em;
}

.grayicon {
	background: #ccc;
}

.blueicon {
	background: #5d98fd;
}

.orangise .singleDel1 span {
	float: left;
}

.orangise .singleDel1 span:last-child {
	margin-left: 0.5em;
}

.tipContent {
	text-align: center;
	background: #fff;
	height: 100%;
}

.tipContent> p {
	font-size: 1.2em;
	margin: 0 auto;
	padding-top: 5em;
	line-height: 2em;
}

.zdtip {
	margin-bottom: 2em;
}

.zdtip> h4 {
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.zdtip> p {
	line-height: 1.5em;
}

.improve {
	margin-top: 1em;
	color: #fa7e53;
}

.improve img {
	margin-top: 0;
	margin-left: 0.5em;
	width: 0.6em;
	height: 1em;
}


/*--完善公司信息--*/

.wechat-h2 {
	font-size: 1.6em;
	font-weight: 100;
	text-align: center;
	position: relative;
	padding: 2.5em 1rem 2em;
}

.wechat-h2:after {
	content: '';
	position: absolute;
	width: 6em;
	height: 0;
	border-bottom: 2px solid #3183fe;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 1.5em;
}

.hello-box {
	width: 90%;
	margin: 0 auto
}

.hello-box .wechat-title {
	font-size: 1.2em;
}

.hello-box span {
	font-size: 0.9em;
}

.department-box {
	background: #fff;
	padding: 2em 1em;
	-webkit-box-shadow: 0 0 30px #ccc;
	-moz-box-shadow: 0 0 30px #ccc;
	-o-box-shadow: 0 0 30px #ccc;
	-ms-box-shadow: 0 0 30px #ccc;
	box-shadow: 0 0 30px #ccc;
}

.info-primary {
	width: 100%;
	display: block;
	text-align: center;
	padding: 1em 0;
	font-size: 1em;
	border-radius: 0.2em;
	background: #016cff;
	color: #fff;
	border: none
}

.department-box .moreinfor-list label {
	font-size: 1em;
	font-weight: normal;
}

.department-box .has-feedback .form-control {
	padding-right: 35px;
}

.department-box .moreinfor-list {
	margin-bottom: 1em;
}

.department-box .moreinfor-list .color999 {
	color: #999;
	font-size: 0.8em;
}

.department-box .moreinfor-list .radio-inline {
	margin: 1em 0 0 0;
	display: block;
	font-size: 0.9em;
}

.department-box .perfect-lis {
	margin-bottom: 0;
}

.department-box .has-feedback .form-control,
.department-box .has-feedback .form-control:focus {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.department-box .departorginse .nopaddingL {
	padding: 0;
}

.department-box .departorginse .nopaddingL table {
	width: 100%;
	;
}

.department-box .moreinfor-list .radio-inline .form-control-feedback {
	display: none !important;
}

.department-box .departorginse .nopaddingL table tr td {
	padding-top: 0.5em;
	font-size: 0.9em;
}

.department-box .departorginse .nopaddingL table tr td:first-child {
	width: 9em;
	vertical-align: top;
	padding-top: 1.3em
}

.department-box .departorginse .nopaddingL table thead td {
	font-size: 0.9em;
	color: #999;
	padding-top: 1em
}

.department-box .form-control-feedback {
	top: auto;
	bottom: 21px;
	right: 10px
}

.department-box .has-success .form-control-feedback {
	bottom: 0;
}

.department-box .btn-primary[disabled],
.department-box .btn-primary[disabled]:hover,
.department-box .btn-primary[disabled]:active {
	background: #e4e4e4;
	color: #9f9f9f;
	border-color: #e4e4e4;
}

.department.layui-layer {
	width: 232px;
}

.department.layui-layer-msg {
	background: #3183fe!important;
	background: rgba(58, 129, 249, 0.8) !important;
	padding: 0;
	color: #fff;
	border: none;
	border-radius: 3px;
}

.department.layui-layer-dialog .layui-layer-content {
	padding: 10px 0;
	text-align: center;
}


/*完善部门人数*/

.backgroundFFF .zdtip {
	background: #f6f6f6;
	margin: 0;
	padding-bottom: 2em;
}

.backgroundFFF .QRinf.zdtip> h4 {
	margin-top: 0;
	padding-top: 1.5em;
}

.wsbmrs-box .orangise {
	border-top: 0;
	border-bottom: 1px solid #ddd;
}

.wsbmrs-box {
	background: #fff;
	margin-bottom: 0;
	padding-bottom: 1em;
}
.wsbmrs-box .orangise .singleOption {
	padding: 1em 0;
}

.wsbmrs-box .wsbmrs-title {
	background: #f8f8f8;
	padding: 0 1em;
	border-top: 1px solid #ddd;
}

.wsbmrs-box .wsbmrs-bd {
	margin: 0 1em;
}

.wsbmrs-box .wsbmrs-bd:last-of-type {
	margin: 0;
	padding: 0 1em;
}

.caozuo-btn {
	padding: 0 1em;
}

.wsbmrs-box .wsbmrs-bd b {
	font-weight: normal;
}

.wsbmrs-box .orangise .singleOption input {
	width: 5em;
	border: none;
	text-align: right;
	font-size: 1em;
}

.wsbmrs-box .orangise .singleOption.tx-r b {
	margin-left: 0.5em
}

input[type="text"]:disabled {
	background: transparent;
}

.wsbmrs {
	border: 1px solid #e0e0e0;
	padding: 1em;
	line-height: 180%;
	height: 10em;
	margin: 0 1em;
	font-size: 0.8em;
	color: #666;
	position: relative;
}

.wsbmrs a.btn {
	position: absolute;
	padding: 0.5em 0;
	border-radius: 4px;
	bottom: 0.5em;
	width: 8em;
	left: 50%;
	margin-left: -4em;
}
/*选择题库*/
.chooseTitle .title{text-align: center;padding:1em 0;}
.chooseTitle .chooseUl li{border:1px solid #ddd;min-height: 8em;padding: 1em;margin-bottom: 1em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-o-border-radius:0.3em;-ms-border-radius:0.3em;cursor: pointer;color: #999999;}
.chooseTitle .chooseUl .stayTuned{text-align: center;line-height: 8em;background:#fdfdfd;}
.chooseTitle .chooseUl li.on{border-color: #3a81f9;background-color: #f9fbff;}
.chooseTitle .chooseUl li h3{text-align: center;color: #333333;font-weight: normal;font-size: 1em;}
.chooseTitle .chooseUl li div{text-align: center;padding: 0.4em 0;}
.chooseTitle .chooseUl li div span{font-size:0.8em;color: #666;margin: 0 0.4em;}
.chooseTitle .chooseUl li p{font-size: 0.8em;line-height: 180%;}



/*进度条*/
.progressBar{width: 85%;margin: 1em auto 0.4em;}
.progressBar tr td{font-size: 0.8em;text-align: center;position: relative;   padding-bottom: 2em;}
.progressBar tr td hr{width: 100%;border:none;border-top:2px solid #ddd;}
.progressBar tr td:nth-child(2n-1){width: 2.2em;}
.progressBar tr td span{display:block;width: 2.2em;height: 2.2em;border:2px solid #ddd;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;text-align: center;line-height: 2.2em;position: relative;}
.progressBar tr td span i{font-style: normal;color: #999;}
.progressBar tr td p{width: 6em;text-align: center;position: absolute;margin-left: -3em;left: 50%;top:3em;color: #999;}
/*已完成*/
.progressBar tr td.completed span{border-color: #3183fe;background-color: #3183fe ;}
.progressBar tr td.completed span i{width: 1em;height: 0.5em;border: solid #fff;border-width: 0 0 2px 2px;position: absolute;top: 0.6em;left: 0.6em;-webkit-transform: rotate(-50deg);-moz-transform: rotate(-50deg);-o-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform: rotate(-50deg);}
.progressBar tr td.completed p{color: #3183fe;}
/*进行中*/
.progressBar tr td.ongoing p{color: #3183fe;}
.progressBar tr td.ongoing span{background-color: #ecf3ff;border-color:#3183fe;}
.progressBar tr td.ongoing span i{font-style: normal;color: #3183fe;}
/*蓝线*/
.progressBar tr td.ok hr{border-color: #3183fe;}



/*企业微信btn*/

.manage-btn{
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 3.18em;
    line-height: 3.18em;
    margin: 1em auto 0;
    font-size: 1.08em;
    border-radius: 0.2em;
    }
.manage-dis,.manage-dis:hover,.manage-dis:active,
.manage-blue[disabled], .manage-blue[disabled]:hover, .manage-blue[disabled]:active
{
	display: inline-block;
	background: #e4e4e4 !important;
    color: #9f9f9f !important;
    border-color: #e4e4e4 !important;
    cursor: not-allowed !important;
}
.manage-blue{
	display: inline-block;
	background-color: #3184fe !important;
	border-color:  #3184fe !important;
	color: #fff !important;
}
.manage-blue:hover{
	background-color: #297eff !important;
	border-color:  #297eff !important;
	color: #fff !important;
}
.manage-blue:active{
	background-color: #026cff !important;
	border-color:  #026cff !important;
	color: #fff !important;
}
.manage-light{
	display: inline-block;
	background-color: #ecf3ff !important;
    border:1px solid #b5d2ff !important;
    color: #3b89fe !important;
}
.manage-light:hover{
	background-color: #d4e5ff !important;
	border-color:  #b5d2ff !important;
	color: #3d89fe !important;
}
.manage-light:active{
	background-color: #c1d8ff !important;
	border-color:  #93bcff !important;
	color: #3b89fe !important;
}
.manage-gray{
	display: inline-block;
	background-color: #f1f1f1 !important;
    border:1px solid #ddd !important;
    color: #999 !important;
}
.manage-gray:hover{
	background-color: #eaeaea !important;
	border-color:  #e2e2e2 !important;
	color: #999 !important;
}
.manage-gray:active{
	background-color: #e0e0e0 !important;
	border-color:  #dadada !important;
	color: #999 !important;
}
.manage-org{
	display: inline-block;
	background-color: #fd7c4c !important;
    border-color:#fd7c4c !important;
    color: #fff !important;
}
.manage-org:hover{
	background-color: #ef6938 !important;
	border-color:  #ef6938 !important;
	color: #fff !important;
}
.manage-org:active{
	background-color: #dc6133 !important;
	border-color:  #dc6133 !important;
	color: #fff !important;
}
.manage-red{
	display: inline-block;
	background-color: #fff5f5 !important;
    border:1px solid #ff2520 !important;
    color: #ff2520 !important;
}
.manage-red:hover{
	background-color: #feeded !important;
	border-color:  #ff2520 !important;
	color: #ff2520 !important;
}
.manage-red:active{
	background-color: #fce8e8 !important;
	border-color:  #ff2520 !important;
	color: #ff2520 !important;
}

/*发起组织能力诊断初始状态*/
.index-box{background: url(../img/index-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;color: #fff;text-align: center;position: relative;overflow: hidden;}
.index-box h1{font-weight: normal;font-size: 2.15em;padding-top:3.6em;}
.index-box ul{padding-top: 2.6em;font-size: 1.715em;text-align: center;}
.index-box ul li{-webkit-animation-name: cd-bounce-right;-moz-animation-name: cd-bounce-right;animation-name: cd-bounce-right;}
.index-box ul li {-webkit-animation-duration: 0.8s;-moz-animation-duration: 0.8s;animation-duration: 0.8s;}
.index-box p{width: 88%;margin:1.6em auto 0;line-height: 180%;}
.index-box .index-zjfq{position: absolute;color: #fff;bottom: 120px;left: 0;right: 0;margin: auto;text-decoration: underline;}
.index-box .index-zjfq:hover{color: #fff;}
.declineIn{width:1.6em;position: absolute;left:50%;bottom:15px;margin-left:-0.8em;cursor: pointer;-webkit-animation: next1 2s ease-in-out infinite;-moz-animation: next1 2s ease-in-out infinite;-o-animation: next1 2s ease-in-out infinite;animation: next1 2s ease-in-out infinite;}
.index-box p span,.index-box h1{-webkit-animation-name: cd-bounce-left;-moz-animation-name: cd-bounce-left;animation-name: cd-bounce-left;}
.index-box p span,.index-box h1{-webkit-animation-duration: 0.8s;-moz-animation-duration: 0.8s;animation-duration: 0.8s;}

@keyframes next1{0%{bottom: 15px;}50%  {bottom: 30px;}100% {bottom: 15px;}}
@-wekit-keyframes next1{0%{bottom: 15px;}50%  {bottom: 30px;}100% {bottom: 15px;}}
@-moz-keyframes next1{0%{bottom: 15px;}50%  {bottom: 30px;}100% {bottom: 15px;}}
@-o-keyframes next1{0%{bottom: 15px;}50%  {bottom: 30px;}100% {bottom: 15px;}}

@-webkit-keyframes cd-bounce-right {
	0% {opacity: .2;-webkit-transform: translateX(-800px);}
    60% {opacity: .7;-webkit-transform: translateX(15px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes cd-bounce-right {
    0% {opacity: .2;-moz-transform: translateX(-800px);}
    60% { opacity: .7;-moz-transform: translateX(15px);}
    100% {opacity: 1;-moz-transform: translateX(0);}
}
@keyframes cd-bounce-right {
    0% {opacity: .2;-webkit-transform: translateX(-800px);
        -moz-transform: translateX(-800px);
        -ms-transform: translateX(-800px);
        -o-transform: translateX(-800px);
        transform: translateX(-800px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-left {
    0% {
        opacity: .2;
        -webkit-transform: translateX(800px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-left {
    0% {
        opacity: .2;
        -moz-transform: translateX(800px);
    }
    60% {
        opacity: .7;
        -moz-transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-left {
    0% {
        opacity: .2;
        -webkit-transform: translateX(800px);
        -moz-transform: translateX(800px);
        -ms-transform: translateX(800px);
        -o-transform: translateX(800px);
        transform: translateX(800px);
    }
    60% {
        opacity: .7;
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        transform: translateX(-15px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
.m-box1,.m-box3,.m-box5{background-color:#fff}
.m-box2,.m-box4{background-color:#edf1f4;}
.section h2{font-size: 1.4em;font-weight: normal;text-align: center;padding-top: 2em;padding-bottom: 1em;position: relative;}
.section h2:after{content:'';position: absolute;border-bottom: 2px solid #3a81f9;width: 4.22em;left: 50%;margin-left: -2.11em;bottom: 0;}
.h3Text{padding: 1.7em 0;font-size: 1em;width: 88%;margin: 0 auto;text-align: center;line-height: 150%;}
.m-box1 ul li{float: left;width: 38%;padding:0 6%;text-align: center;}
.m-box1 ul li span{display: block;width: 3.8em;margin: 0 auto;border: 1px solid #3a81f9;height: 1.8em;line-height: 1.8em;-webkit-border-radius: 1.8em;-moz-border-radius: 1.8em;-o-border-radius: 1.8em;-ms-border-radius: 1.8em;border-radius: 1.8em;margin-bottom: 10px;color: #3a81f9;}
.m-box1 ul{position: relative;}
.m-box1 ul li p{color:#666;}
.m-box1 ul:after{content: '';position: absolute;width: 0;height: 100%;border-left:1px dashed #ccc;top: 0;left:50%;}
.m-box2>i{display: block;width: 3em;margin: 2em auto 1.4em;}
.m-box2>span{display: block;text-align: center;width: 8em;margin: 0 auto;border: 1px solid #3a81f9;height: 1.8em;line-height: 1.8em;-webkit-border-radius: 1.8em;-moz-border-radius: 1.8em;-o-border-radius: 1.8em;-ms-border-radius: 1.8em;border-radius: 1.8em;margin-bottom: 10px;color: #3a81f9;}
.m-box3 .fcs-bg{width: 88%;margin: 0 auto;padding-bottom: 2em;}
.m-box4 .gs-bg{width: 88%;margin:2em auto 2.15em;}
.m-box4 .characteristics{width: 88%;text-align: justify;margin: 0 auto 2.2em;line-height: 3em;}
.m-box4 hr{border:dashed #ccc;border-width: 1px 0 0 0;width: 88%;margin: 0 auto;}
.section-ysj{width: 72%;margin: 0 auto 2em;}
.m-ygwd{display: block;width: 5.6em;border: 1px solid #3a81f9;text-align: center;height: 1.8em;line-height: 1.8em;margin: 1.25em auto 0;color: #3a81f9;-webkit-border-radius: 1.8em;-moz-border-radius: 1.8em;-o-border-radius: 1.8em;-ms-border-radius: 1.8em;border-radius: 1.8em;}
.ysjcsr-box{background:url(../img/ysjcsr.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;height: 14em;position: relative;}
.ysjcsr-box ul{position: absolute;right: 2.5em;top:2em}
.ysjcsr-box ul li{margin-top: 1em;}

.m-box5 ul{width: 84%;margin:0 auto;overflow: initial;padding-bottom: 2.4em;}
.m-box5 ul li{margin-top:3em;box-shadow: 0 0 30px #ddd ;padding:1.43em;color: #666;}
.m-box5 .tx-box>div{float: left;}
.m-box5 .tx-box .tx-img{width:3.4em;}
.m-box5 .tx-box .m-name{padding-left: 1em;}
.m-box5 .tx-box .m-name p{margin-bottom: 0.4em;font-size: 1.1em;color: #333;}
.m-box5 .m-info{padding:2.5em 1.5em 1.5em;border-top:1px solid #eee;margin-top:1.43em;line-height: 180%;position: relative;text-align: justify;}
.m-box5 .m-info:before{position: absolute;content: '';background: url(../img/quotes.png) no-repeat;width: 1.4em;height: 1.4em;background-size:1.4em 2.8em;top:1em;left:0;}
.m-box5 .m-info:after{position: absolute;content: '';background: url(../img/quotes.png) no-repeat 0 -1.4em;width: 1.4em;height: 1.4em;background-size:1.4em 2.8em;bottom:0;right:0;}
.foot-box{background: url(../img/index-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;color: #fff;text-align: center;padding-bottom: 1em;;}
.requirements{width: 84%; margin: 0 auto; text-align: center; position: relative; border: 1px solid #dae5f6; margin-top: 2.8em;padding: 1em 0;}
.requirements p{padding:1em 1em 1em 2.4em;text-align: left;}
.requirements span{position: absolute;background: #dae5f6;color: #333;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;-o-border-radius: 0.2em;-ms-border-radius: 0.2em;border-radius: 0.2em;top: -1em;width: 5.2em;height: 1.8em;line-height: 1.8em;left: 50%;margin-left: -2.6em;font-size: 1.1em;}
.signUp-btn{display: block;color: #FFF;width: 84%;background:#3a81f9;height: 3.18em;margin: 1.43em auto;line-height: 3.18em;font-size: 1.2em;}
.signUp-btn:hover{color: #fff !important;background:#2a75f4;}
/*填公司信息*/
.m-table{display: table;width: 100%;}
.m-table-cell{display: table-cell;}
.h4Text{text-align: center;padding:2.14em 0;}
.h4Text .h4Span{color:#999;font-size: 0.85em;padding-top:1.07em;}
.h3Qy{color: #666;font-weight: normal;font-size: 1.07em;padding:1.8em 0 0.7em;width: 88%;margin: 0 auto;}
.wj-box .fillInfo{border-top:1px solid #e9e9e9;padding:1em 0;}
.wj-box .fillInfo:first-of-type{border-top:none;}
/*.wj-box .fillInfo .box_left{display:block;width: 6em;}*/
.wj-box .fillInfo input,.wj-box .fillInfo select{width: 100%;font-size: 1em;border:none}
.wj-box .fillInfo select{margin-left: -3px;}
dl.m-table dd{display: table-cell;}
.wj-box .fillInfo dd.box_right{width: 15em;}
.overseas-box{width: 12em;text-align: right;}
.overseas-box span{display: inline-block;width: 4.2em;height: 1.8em;background-color:#fff;border:1px solid #e9e9e9;text-align: center;line-height: 1.8em;color: #999;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;-o-border-radius: 0.2em;-ms-border-radius: 0.2em;border-radius: 0.2em;margin-left: 0.2em;}
.overseas-box span.on{color:#fff;background-color: #3a81f9;border-color:#3a81f9}

/*完善公司信息*/

.qy-box{background:#fff}
.qy-box .wj-box{border-bottom:none;}
.box_top{-moz-box-align: top;-webkit-box-align: top;-o-box-align: top;box-align: top;padding:0 0.5em 1.2em;}
.qy_singles .singleTitle{padding:0.6em 1em;}
.qy_singles .box_top .box_1{text-align: center;display: block;}
.qy_singles .box_top p{font-size:0.8em;padding-top: 0.4em;}
.qy_singles .qy_input,.qy_singles .qy_select{padding: 0 1em;}
.qy_singles .qy_input input,.qy_singles .qy_select select{height: 2.8em;line-height:2.8em;width:100%;padding:0 2%;border:1px solid #e7e7e7;font-size: 1em;}
.qy_singles .qy_select hr{border:none;margin: 1em 0;}
.qy_singles .qy_float{padding:0 1em;margin-top: -0.8em;}
.qy_singles .qy_float>.clrfix{border-bottom: 1px solid #e7e7e7;height: 2.8em;line-height: 2.8em;padding:0.2em 0}
.qy_singles .qy_float span.f-r{width: 60%;position: relative;}
.qy_singles .qy_float span input{height: 2.8em;line-height: 2.8em;text-align: right;width: 100%;border:none;padding: 0 2%;font-size: 1em;}
.qy_singles .qy_float.form-bfb span input{width: 92%;}
.qy_singles .qy_float.form-bfb span em{width: 8%;text-align: right;font-style: normal;font-size: 0.9em;position: absolute;top: 0;right: 0;line-height: 2.8em;height: 2.8em;}

.red-color{color: red !important;}
#perfectInfo small.help-block{display: none !important;}
#perfectInfo .has-error .singleTitle{color:red}
/*单选美化*/
.qy_singles.form-group input[type='radio']{opacity: 0;filter: alpha(opacity=0);}
.qy_singles.form-group .radio-inline{position: relative;}
.qy_singles.form-group .radio-inline .iconfont{position: absolute;top: 0;left: 50%;margin-left: -11px;}
/*定制题目*/
.inst-box a{display: inline-block;background: #ddd;height: 2.4em;line-height: 2.4em;}
.inst-box .box_1:first-child{font-size: 0.8em;text-align: justify;line-height: 150%;}
.inst-box .box_1:last-child{width:12em;text-align: right;padding-left:1em}
.custom-position{padding:0 1em 1em;}
.custom-position label input[type="text"]{width: 100%;}
.custom-position label.m-table{margin-bottom: 0.5em;}
.custom-position .m-table .m-table-cell:first-child{width: 35px;position: relative;}
.custom-position .m-table .m-table-cell input[type='text']{height: 3.8em;padding:0.5em 0;border:solid #e7e7e7;border-width: 0 0 1px 0;}
.custom-position .m-table .m-table-cell input[type='checkbox'],.custom-position .m-table .m-table-cell input[type='radio']{opacity: 0;filter: alpha(opacity=0);}
.qy_singles .custom-position .radio-inline .iconfont{left:0;position:absolute;top: 50%;margin-top: -12px;}
.qywx-tisp{color:#a4a4a4;padding: 1em;text-align: center;font-size: 0.8em;line-height: 180%;}
.customModify{line-height: 2.4em;height: 2.4em;margin: 0;width: 5em;}
.custom-title{line-height: 2.4em;}
.custom-position .m-table .m-table-cell p{height: 3.8em;line-height: 3.4em;}
.disableCursor {cursor:not-allowed;}
.pageSave .d-n {display:none;}
.layui-layer-hui{background:#3183fe!important;background:rgba(58,129,249,0.8)!important;font-family: "Microsoft YaHei", "SimHei", "sans-serif" !important;}
body .layui-m-layer .layui-m-layer-msg.layui-layer-hui{bottom: auto;}
/*分发问卷遮罩*/
.qy_mask{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background:rgba(0,0,0,0.5);z-index: 999;text-align: right;display: none;}
.qy_mask i{display:block;width: 100%;}
.qy_mask i img{width: 20%;margin-top: 10px;margin-right: 20px;}
.qy_mask p{text-align: center;color: #fff;font-size: 1.6em;padding:0.5em;}
/*预览问卷*/
.Preview-box{padding-bottom:1em;}
.Preview-box p.h3Text{padding:1.7em 0 1.2em;}
.Preview-box .gray-text{text-align: center;font-size:0.8em;padding-bottom:1em;}