body {
	background-color: #f5f6f7;
	font-size: 14px;
	color: #555666;
}

* {
	box-sizing: border-box;
}

.img {
	font-size: 0;
}

.wrapper {
	margin: 0 auto;
	width: 1200px;
	background: #fff;
}

.discipline-wrap {
	margin: 12px 0;
}

.discipline-wrap .hd {
	padding: 40px 0 45px;
	text-align: center;
	color: #555666;
}

.discipline-wrap .hd h4 {
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 400;
}

.discipline-wrap .hd p {
	margin-bottom: 20px;
	font-size: 16px;
}

.discipline-wrap .hd a {
	font-size: 12px;
	margin: 0 auto;
	display: block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #fff;
	color: #60af8d;
	border-radius: 4px;
	border: solid 1px #60af8d;
	transition: all .4s;
}

.discipline-wrap .hd a:hover {
	color: #fff;
	background: #60af8d;
}

.discipline-wrap .bd {
	padding-bottom: 50px;
}

.discipline-wrap .bd ul {
	margin: 0 auto;
	width: 736px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.discipline-wrap .bd li {
	margin: 0 50px 50px 0;
	width: 210px;
	height: 210px;
	background-color: #ffffff;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	border: solid 1px #d2d2d2;
	transition: all .4s;
}

.discipline-wrap .bd li:hover {
	background: #60af8d;
	border-color: #60af8d;
}

.discipline-wrap .bd li:hover a {
	color: #fff;
}

.discipline-wrap .bd li:hover .img-x {
	opacity: 1;
	visibility: visible;
}

.discipline-wrap .bd li:hover .img-w {
	opacity: 0;
	visibility: hidden;
}

.discipline-wrap .bd li:nth-child(3n) {
	margin-right: 0;
}

.discipline-wrap .bd a {
	display: block;
	color: #555666;
	height: 100%;
	text-align: center;
	transition: all .4s;
}

.discipline-wrap .bd .img {
	position: relative;
	height: 130px;
}

.discipline-wrap .bd img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 64px;
	height: 64px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all .4s;
}

.discipline-wrap .bd .img-w {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

.discipline-wrap .bd .tit {
	font-size: 18px;
	font-weight: bold;
}

.discipline-wrap .bd .desc {
	margin-top: 10px;
	font-size: 12px;
}

@media screen and (max-width: 1025px) {
	* {
		-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	}

	.wrapper {
		width: 95%;
		box-sizing: border-box;
	}

	.discipline-wrap .wrapper {
		padding: 0 15px;
	}

	.discipline-wrap .hd .bd {
		padding: 35px 0;
	}

	.discipline-wrap .hd h4 {
		font-size: 20px;
	}

	.discipline-wrap .hd p {
		font-size: 13px;
	}

	.discipline-wrap .bd {
		padding-bottom: 20px;
	}

	.discipline-wrap .bd ul {
		width: auto;
		justify-content: space-between;
	}

	.discipline-wrap .bd li {
		margin: 0 0 15px;
		padding-bottom: 35px;
		width: 47%;
		height: auto;
	}

	.discipline-wrap .bd .tit {
		font-size: 16px;
	}

	.discipline-wrap .bd .img {
		height: 100px;
	}

	.discipline-wrap .bd img {
		width: 40px;
		height: 40px;
	}
}

.main-wrap .wrapper {
	margin: 12px auto;
	position: relative;
	background-color: #fff;
	min-height: calc(100vh - 118px);
}

.main-wrap>.title {
	margin: 48px 0;
	text-align: center;
	font-size: 24px;
	color: #555666;
}

.breadCrumbs {
	background: #fff;
}

.breadCrumbs .wrapper {
	height: 44px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #9c9da4;
}

.breadCrumbs a {
	color: #9c9da4;
}

.breadCrumbs a:hover {
	color: rgb(165,181,110);
}

.breadCrumbs ul {
	display: flex;
	align-items: center;
}

.breadCrumbs li:last-child::after {
	display: none;
}

.breadCrumbs li::after {
	content: '>';
	margin: 0 3px;
	display: inline-block;
}

.page-main-wrap .wrapper {
	min-height: calc(100vh - 162px);
}

.tool-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 61%;
}

.tool-wrap ul {
	margin: -25px;
	display: flex;
	flex-wrap: wrap;
}

.tool-wrap li {
	position: relative;
	padding: 25px;
	width: 33.33%;
}

/* .tool-wrap li:nth-child(2) .box:hover .tip {
	top: -117px;
} */
.tool-wrap li:nth-child(3) .box:hover .tip {
	top: -132px;
}

.tool-wrap .box {
	position: relative;
	padding: 42px 0 24px;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	border: solid 1px #d2d2d2;
	text-align: center;
	transition: all .3s;
}

.tool-wrap .box:hover {
	background: rgb(165,181,110);
}

.tool-wrap .box:hover .icon .img-s {
	visibility: visible;
	opacity: 1;
}

.tool-wrap .box:hover .icon .img-w {
	visibility: hidden;
	opacity: 0;
}

.tool-wrap .box:hover .content p {
	color: #fff;
}

.tool-wrap .box:hover .content a {
	border-color: #fff;
	color: #fff;
}

.tool-wrap .box:hover .tip {
	opacity: 1;
	visibility: visible;
	/* top: -95px; */
}

.tool-wrap .icon {
	margin: 0 auto 15px;
	position: relative;
	width: 58px;
	height: 58px;
}

.tool-wrap .icon img {
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
}

.tool-wrap .icon .img-s {
	opacity: 0;
	visibility: hidden;
}

.tool-wrap .content p {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #555666;
	transition: all .3s;
}

.tool-wrap .content a {
	margin: 0 auto;
	display: block;
	width: 80px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	border: solid 1px rgb(165,181,110);
	font-size: 12px;
	color: rgb(165,181,110);
	transition: all .3s;
}

.tool-wrap .tip {
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
	position: relative;
	position: absolute;
	top: -110px;
	left: 0;
	padding: 20px 10px;
	background: #f5f6f7;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	border-radius: 6px;
	font-size: 14px;
	color: #747480;
	text-align: left;
}

.tool-wrap .tip::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -17px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #f5f6f7 transparent transparent transparent;
}

.tool-wrap .txt {
	margin-top: 79px;
	text-align: center;
}

.tool-wrap .txt .tit {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tool-wrap .txt .tit span {
	width: 20px;
	height: 2px;
	background: #555666;
}

.tool-wrap .txt .tit p {
	padding: 0 20px;
}

.tool-wrap .txt .desc {
	font-size: 14px;
	color: #9c9c9e;
}

.tool-wrap .txt .desc a {
	color: rgb(25,118,210);
}

.tool-wrap .txt .desc a:hover {
	color: rgb(76, 144, 212);
	text-decoration: underline;
}

.g-a-button {
	margin: 0 auto;
	display: block;
	text-align: center;
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	background-color: rgb(25,118,210);
	border-radius: 6px;
	transition: all .3s;
}

.g-a-button:hover {
	/* background: #248a5e !important;
	border-color: #248a5e !important; */
	background-color: rgb(76, 144, 212);
    border-color: rgb(76, 144, 212);
	color: #fff;
}

.g-tips {
	position: relative;
}

.g-tips:hover .txt {
	opacity: 1;
	visibility: visible;
    white-space: nowrap;
}

.g-tips .handel {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.g-tips .handel img {
	margin-right: 8px;
	display: block;
}

.g-tips .handel span {
	font-size: 14px;
	color: #555666;
}

.g-tips .txt {
	position: absolute;
	top: 50%;
	left: 95px;
	transform: translateY(-50%);
	padding: 12px 28px 15px 15px;
	/* width: 390px; */
	background-color: #f5f6f7;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	font-size: 14px;
	color: #747480;
	line-height: 20px;
}

.g-tips .txt::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: transparent #f5f6f7 transparent transparent;
}

.g-evaluating-list .title {
	position: relative;
	padding: 0 25px 0 25px;
	display: flex;
	align-items: center;
}

.g-evaluating-list .title.open .icon::after {
	transform: rotate(0);
}

.g-evaluating-list .title.open .checkbox-block {
	opacity: 1;
	visibility: visible;
}

.g-evaluating-list .title.open .tit {
	background-color: rgb(165,181,110);
	color: #fff;
}

.g-evaluating-list .title.open .tit span {
	opacity: 1;
	visibility: visible;
}

.g-evaluating-list .icon {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #555666;
	cursor: pointer;
}

.g-evaluating-list .icon::before,
.g-evaluating-list .icon::after {
	content: '';
	position: absolute;
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: #fff;
}

.g-evaluating-list .icon::after {
	transform: rotate(90deg);
	transition: all .3s;
}

.g-evaluating-list .tit {
	flex: 1;
	min-width: 0;
	padding: 10px 15px;
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	font-size: 16px;
	color: #555666;
	transition: all .3s;
}

.g-evaluating-list .tit span {
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
}

.g-evaluating-list .checkbox-block {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
}

.g-evaluating-list .checkbox-block label {
	display: block;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.g-evaluating-list .checkbox-block input {
	display: none;
}

.g-evaluating-list .checkbox-block input:checked+i {
	background: url(../images/icon_12.png) no-repeat center;
	background-size: cover;
	border: none;
}

.g-evaluating-list .checkbox-block i {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #767676;
	border-radius: 2px;
}

.g-evaluating-list li {
	margin-bottom: 20px;
}

.g-evaluating-list .childer {
	display: none;
	margin: 15px 0;
	padding-left: 45px;
}

.g-evaluating-list .childer li {
	margin-bottom: 10px;
}

.g-evaluating-list .childer .title {
	margin-bottom: 0;
}

.g-evaluating-list .childer .title.open .tit {
	background: #eff7f3;
	color: rgb(165,181,110);
}

.g-evaluating-list .childer .icon {
	width: 16px;
	height: 16px;
}

.g-evaluating-list .childer .icon::before,
.g-evaluating-list .childer .icon::after {
	top: 7px;
	left: 4px;
	width: 8px;
	height: 2px;
}

.g-evaluating-list .childer .tit {
	padding: 10px 12px;
	font-size: 14px;
}

.g-evaluating-list .content {
	margin: 0;
	display: none;
	padding: 20px 37px 10px 25px;
}

.g-evaluating-list .content .box {
	margin: -10px -13px;
	display: flex;
	flex-wrap: wrap;
}

.g-evaluating-list .content .checkbox-item {
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	width: 20%;
	padding: 10px 13px;
}

.g-evaluating-list .content .checkbox-item input {
	display: none;
}

.g-evaluating-list .content .checkbox-item input:checked+span {
	background-image: url(../images/icon_14.png);
	color: #fff;
}

.g-evaluating-list .content .checkbox-item span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(../images/icon_13.png);
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 30px 0 15px;
}

.g-evaluating-list .content .checkbox-item span i {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: normal;
}

.g-evaluating-list .content .all input:checked+span {
	background: rgb(254,154,0);
	border-color: rgb(254,154,0);
}

.g-evaluating-list .content .all span {
	background: none;
	border-radius: 4px;
	border: 1px solid #555666;
}

.g-evaluating-list .evaluating-buttons {
	padding: 5% 0;
	display: none;
	text-align: center;
}

.g-evaluating-list .evaluating-buttons a {
	margin-right: 30px;
	display: inline-block;
	width: 150px;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
}

.g-evaluating-list .evaluating-buttons a:hover {
	background: #478bce;
	color: #fff;
}

.g-evaluating-list .evaluating-buttons a:last-child {
	margin-right: 0;
}

.evaluating-wrap {
	padding: 28px 60px;
}

.evaluating-wrap .tip {
	margin-top: 32px;
	margin-bottom: 58px;
}

.evaluating-wrap .btn {
	margin-top: 70px;
}

.pop-up-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

.pop-up-wrap .pop-up-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	display: table;
	width: 520px;
	height: 320px;
}

.pop-up-wrap .close-btn {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) no-repeat center;
	background-size: 17px;
}

.pop-up-wrap .close-btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.pop-up-wrap .bd {
	display: table-cell;
	vertical-align: middle;
}

.pop-up-wrap .title {
	margin-bottom: 60px;
	text-align: center;
	font-size: 18px;
	color: #434343;
}

.pop-up-wrap .btns {
	display: flex;
	justify-content: center;
}

.pop-up-wrap .btns a {
	margin: 0;
	width: 106px;
	line-height: 36px;
	height: 36px;
}

.pop-up-wrap .btns .left-button {
	margin-right: 25px;
}

.pop-up-wrap .btns .left-button {
	background: transparent;
	border: 1px solid rgb(165,181,110);
	color: rgb(165,181,110);
}

.pop-up-wrap .grade {
	margin: 0 auto 35px;
	display: block;
	text-align: center;
}

.pop-up-wrap .grade .grade-tip {
	margin-top: 15px;
}

.layui-rate li i.layui-icon {
	font-size: 26px;
}

#showtime {
	margin-left: 2px;
	display: flex;
	align-items: center;
}

.evaluating-page-wrap .wrapper {
	background: none;
	min-height: auto;
}

.evaluating-page-wrap .hd {
	padding: 45px 0;
	text-align: center;
	font-size: 24px;
	line-height: 1;
	color: #555666;
}

.evaluating-page-wrap .hd h3 {
	font-weight: 400;
}

.evaluating-page-wrap .bd {
	min-height: calc(100vh - 281px);
	display: flex;
}

.evaluating-page-wrap .bd .left,
.evaluating-page-wrap .bd .right {
	background: #fff;
}

.evaluating-page-wrap .bd .left {
	position: relative;
	padding: 40px;
	flex: 1;
	min-width: 0;
}

.evaluating-page-wrap .bd .right {
	margin-left: 20px;
	padding: 20px;
	width: 300px;
}

.evaluating-page-wrap .left .flag {
	position: absolute;
	right: 40px;
	bottom: 40px;
	display: flex;
	align-items: center;
	font-size: 14px;
	cursor: pointer;
}

.evaluating-page-wrap .left .flag:hover,
.evaluating-page-wrap .left .flag.active {
	color: #60af8d;
}

.evaluating-page-wrap .left .flag:hover i,
.evaluating-page-wrap .left .flag.active i {
	background: url(../images/icon_16.png) no-repeat center;
	background-size: cover;
}

.evaluating-page-wrap .left .flag i {
	margin-right: 6px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_15.png) no-repeat center;
	background-size: cover;
}

.evaluating-page-wrap .right .timekeeping {
	margin-bottom: 20px;
	padding: 8px 15px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #dcdcdc;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.evaluating-page-wrap .right .timekeeping .time {
	display: flex;
	align-items: center;
}

.evaluating-page-wrap .right .timekeeping .time i {
	margin-right: 7px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_18.png) no-repeat;
	background-size: cover;
}

.evaluating-page-wrap .right .timekeeping .time span {
	margin-left: 2px;
	font-weight: bold;
}

.evaluating-page-wrap .right .timekeeping .btn {
	margin-left: auto;
}

.evaluating-page-wrap .right .timekeeping .btn button {
	display: flex;
	align-items: center;
	background: transparent;
	border: none;
	cursor: pointer;
}

.evaluating-page-wrap .right .timekeeping .btn button.play i {
	background: url(../images/icon_20.png) no-repeat;
	background-size: cover;
}

.evaluating-page-wrap .right .timekeeping .btn i {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/icon_19.png) no-repeat;
	background-size: cover;
}

.evaluating-page-wrap .right .timekeeping .time-remaining {
	width: 100%;
	display: flex;
}

.evaluating-page-wrap .right .timekeeping .time-remaining img {
	margin: 0 10px 0 4px;
}

.evaluating-page-wrap .right .timekeeping .time-remaining span {
	margin-right: 5px;
}

.evaluating-page-wrap .right .timekeeping #remaining {
	font-weight: bold;
}

.evaluating-page-wrap .right .btns {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.evaluating-page-wrap .right .btns a {
	margin: 0;
	display: block;
	width: 120px;
	line-height: 35px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #dcdcdc;
	color: #555666;
}

.evaluating-page-wrap .right .btns .next-btn {
	border-color: rgb(25,118,210);
	background: rgb(25,118,210);
	color: #fff;
}

.evaluating-page-wrap .right .answer-cars {
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #dcdcdc;
}

.evaluating-page-wrap .right .answer-cars .tit {
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	background: #f4f4f4;
	font-size: 16px;
	color: #555666;
}

.evaluating-page-wrap .right .answer-cars .tit .number {
	font-size: 14px;
}

.evaluating-page-wrap .right .answer-cars .tit .num {
	color: rgb(165,181,110);
}

.evaluating-page-wrap .right .answer-cars .content {
	padding: 17px;
	padding-right: 8px;
}

.evaluating-page-wrap .right .answer-cars .explain {
	display: flex;
}

.evaluating-page-wrap .right .answer-cars .explain span {
	margin-right: 18px;
	display: flex;
	align-items: center;
}

.evaluating-page-wrap .right .answer-cars .explain span i {
	margin-right: 7px;
	display: block;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #dcdcdc;
}

.evaluating-page-wrap .right .answer-cars .explain span.success i {
	background-color: rgb(40,178,139);
	border-color: rgb(40,178,139);
}

.evaluating-page-wrap .right .answer-cars .explain span.error i {
	background-color: red;
	border-color: red;
}

.evaluating-page-wrap .right .answer-cars .explain span:last-child {
	margin-right: 0;
}

.evaluating-page-wrap .right .answer-cars .list {
	height: 310px;
}

.evaluating-page-wrap .right .answer-cars .list .mCSB_container {
	padding-top: 17px;
}

.evaluating-page-wrap .right .answer-cars .list .item {
	margin-bottom: 20px;
}

.evaluating-page-wrap .right .answer-cars .list .title {
	margin-bottom: 15px;
	font-size: 16px;
	color: #555666;
}

.evaluating-page-wrap .right .answer-cars .list ul {
	margin: -6px;
	display: flex;
	flex-wrap: wrap;
}

.evaluating-page-wrap .right .answer-cars .list li {
	position: relative;
	padding: 6px;
	width: 20%;
}

.evaluating-page-wrap .right .answer-cars .list li::before {
	display: none;
	content: '';
	position: absolute;
	top: -4px;
	right: -3px;
	width: 18px;
	height: 18px;
	background: url(../images/icon_17.png) no-repeat;
	background-size: cover;
}

.evaluating-page-wrap .right .answer-cars .list li.active::before {
	display: block;
}

.evaluating-page-wrap .right .answer-cars .list li.success a {
	background: rgb(40,178,139);
	border-color: rgb(40,178,139);
	color: #fff;
}

.evaluating-page-wrap .right .answer-cars .list li.unknow a{
	background: rgb(165,181,110);
	border-color: rgb(165,181,110);
	color: #fff;
}

.evaluating-page-wrap .right .answer-cars .list li.error a {
	background: red;
	border-color: red;
	color: #fff;
}

.evaluating-page-wrap .right .answer-cars .list a {
	display: block;
	width: 100%;
	line-height: 30px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #dcdcdc;
	text-align: center;
	font-size: 16px;
	color: #555666;
}

.evaluating-page-wrap .right .sub-btn {
	margin-top: 20px;
}

.g-select-item {
	margin-bottom: 40px;
}

.g-select-item:last-child {
	margin-bottom: 0;
	border: none;
}

.g-select-item .title {
	font-size: 16px;
	line-height: 30px;
	color: #555666;
    /* display: flex;
    align-items: center; */
}

.g-select-item .title img{
    width: 100% !important;
    height: auto !important;
}

.g-select-item .title span {
	margin-right: 5px;
	display: inline-block;
	padding: 0 10px;
	line-height: 24px;
	background-color: rgb(165,181,110);
	border-radius: 4px;
	text-align: center;
	color: #fff;
	min-width: 80px;
}

.g-select-item .select ul.judge {
	display: flex;
}

.g-select-item .select ul.judge li label i {
	width: 100px;
	height: 40px;
	border-radius: 50px;
}

.g-select-item .select {
	margin-top: 25px;
}

.g-select-item .select li {
	margin-bottom: 20px;
}

.g-select-item .select li img{
    width: 100% !important;
    height: auto !important;
}

.g-select-item .select label {
	display: flex;
	align-items: center;
	font-size: 16px;
	cursor: pointer;
}

.g-select-item .select label input {
	display: none;
}

.g-select-item .select label input:checked+i {
	background: rgb(165,181,110);
	border-color: rgb(165,181,110);
	color: #FFF;
}

.g-select-item .select label i {
	margin-right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: initial;
	width: 30px;
	height: 30px;
	color: #555666;
	border: 1px solid #555666;
	border-radius: 50%;
}

.g-select-item .select label>span {
    flex: 1;
}

.g-select-item .del-btn {
	padding: 60px 0 25px;
	text-align: right;
}

.g-select-item .del-btn a {
	display: inline-block;
}

.g-select-item .del-btn a:hover {
	color: #13995f;
}

.g-select-item .del-btn img {
	margin-right: 5px;
}

.g-select-item .del-btn img,
.g-select-item .del-btn span {
	display: inline-block;
	vertical-align: middle;
}

.g-select-item .horz-line {
	width: 100%;
	height: 1px;
	background: gainsboro;
}

.g-select-item .result {
	margin: 30px 0;
	display: flex;
	align-items: center;
}

.g-select-item .result .status {
	margin-right: 20px;
	display: block;
	/* width: 80px; */
    padding: 0 10px;
	line-height: 24px;
	text-align: center;
	background-color: rgb(254,154,0);
	border-radius: 4px;
	color: #fff;
}

.g-select-item .result .list {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #9c9c9c;
}

.g-select-item .result .list p {
	padding-right: 15px;
	margin-right: 15px;
	line-height: 1;
	border-right: 1px solid #9c9c9c;
}

.g-select-item .result .list p:last-child {
	border: none;
}

.g-select-item .result .list span {
	color: rgb(165,181,110);
}

.g-select-item .resolve li {
	margin-bottom: 30px;
	position: relative;
	padding-left: 70px;
	min-height: 30px;
}

.g-select-item .resolve .label {
	position: absolute;
	top: 0;
	left: 0;
	color: #9c9c9c;
	line-height: 30px;
}

.g-select-item .resolve .txt {
	font-size: 14px;
	line-height: 24px;
	color: #555666;
}

.g-select-item .resolve .tag {
	display: flex;
	align-items: center;
}

.g-select-item .resolve .tag a {
	margin-right: 12px;
	display: block;
	width: 90px;
	line-height: 30px;
	padding-left: 11px;
	background: url("../images/icon_22.png") no-repeat;
	background-size: cover;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.g-select-item .evaluate {
	display: flex;
	align-items: center;
}

.g-select-item .evaluate i {
	margin-right: 7px;
	display: block;
	width: 20px;
	height: 25px;
	background: url(../images/start.png) no-repeat center;
	background-size: 20px;
}

.g-select-item .handle {
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	border-bottom: 1px solid gainsboro;
}

.g-select-item .handle a {
	margin-right: 25px;
	display: flex;
	align-items: center;
}

.g-select-item .handle a:last-child {
	margin-right: 0;
}

.g-select-item .handle a:hover,
.g-select-item .handle a.active {
	color: rgb(165,181,110);
}

.g-select-item .handle i {
	margin-right: 4px;
	display: block;
	font-size: 18px;
}

.g-select-item .handel-btns {
	margin-bottom: 30px;
	text-align: right;
}

.g-select-item .handel-btns button {
	margin-right: 15px;
	background: none;
	border: none;
	cursor: pointer;
	color: #555666;
}

.g-select-item .handel-btns button.active {
	color: #60af8d;
}

.g-select-item .handel-btns button i {
	margin-right: 5px;
}

.g-select-item .handel-btns button:last-child {
	margin-right: 0;
}

.g-select-item .handel-btns button i,
.g-select-item .handel-btns button span {
	display: inline-block;
	vertical-align: middle;
}

.g-select-item .handel-btns .detail-btn.open i::before {
	transform: rotate(0);
}

.g-select-item .handel-btns .detail-btn i {
	position: relative;
	width: 17px;
	height: 17px;
	background: rgb(165,181,110);
}

.g-select-item .handel-btns .detail-btn i::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icon_30.png) no-repeat center;
	background-size: 9px 6px;
	transform: rotate(180deg);
}

.report-wrap {
	padding: 3%;
}

.report-wrap .title {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.report-wrap .title img {
	margin-right: 11px;
	display: block;
	width: 22px;
}

.report-wrap .title span {
	font-weight: bold;
}

.report-wrap .result {
	margin-bottom: 40px;
	padding: 60px 30px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: solid 1px #dcdcdc;
}

.report-wrap .result .left {
	display: flex;
	justify-content: center;
	width: 50%;
	border-right: 1px solid #dcdcdc;
}

.report-wrap .result .right {
	padding-left: 90px;
	flex: 1;
	min-width: 0;
}

.report-wrap .result .item {
	margin-bottom: 20px;
	display: flex;
	font-size: 16px;
}

.report-wrap .result .item span{
    width: 100px;
}
.report-wrap .result .item p{
    width: calc(100% - 100px);
}

.report-wrap .result .item:last-child {
	margin-bottom: 0;
}

.report-wrap .result .item span {
	color: #9c9c9e;
}

.report-wrap .result .item p {
	color: #555666;
}

.report-wrap .result .btns {
	margin-top: 25px;
	display: flex;
	align-items: center;
}

.report-wrap .result .btns a {
	margin-right: 30px;
	display: block;
	width: 80px;
	line-height: 30px;
	border-radius: 4px;
	border: solid 1px #555666;
	text-align: center;
	font-size: 12px;
	color: #555666;
	transition: all .3s;
}

.report-wrap .result .btns a:last-child {
	margin-right: 0;
}

.report-wrap .result .btns a:hover {
	background-color: rgb(25,118,210);
	border-color: rgb(25,118,210);
	color: #fff;
}

.report-wrap .result .progress {
	position: relative;
	margin-right: 35px;
	display: block;
	width: 200px;
}

.report-wrap .result .tip {
	position: absolute;
	left: 50%;
	bottom: 58px;
	transform: translateX(-50%);
}

.report-wrap .result .tip .handel img {
	margin: 0 0 0 8px;
}

.report-wrap .result .tip .txt {
	padding: 12px 15px;
	width: 260px;
}

.answer-car {
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #dcdcdc;
	overflow: hidden;
	width: 100%;
}

.answer-car .hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	background: #f4f4f4;
	font-size: 16px;
}

.answer-car .hd .number .num {
	color: rgb(165,181,110);
}

.answer-car .bd {
	padding: 22px 30px;
}

.answer-car .tit {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
}

.answer-car .tit .item {
	margin-right: 8px;
	font-size: 14px;
	color: #555666;
	display: flex;
	align-items: center;
}

.answer-car .tit .item i {
	display: block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
}

.answer-car .tit .item .answer {
	background-color: rgb(40,178,139);
	border-color: rgb(40,178,139);
}

.answer-car .tit .item .success {
	background-color: rgb(40,178,139);
	border-color: rgb(40,178,139);
}

.answer-car .tit .item .error {
	/* background: #0070c0;
	border-color: #0070c0; */
    background: red;
    border-color: red;
}

.answer-car .content .title {
	margin-bottom: 15px;
}

.answer-car .content ul {
	margin-right: -15px;
	display: flex;
	flex-wrap: wrap;
}

.answer-car .content li {
	margin-right: 15px;
	margin-bottom: 15px;
}

.answer-car .content a {
	display: block;
	width: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	font-size: 16px;
	color: #555666;
}

.answer-car .content .answer a {
	background-color: rgb(40,178,139);
	border-color: rgb(40,178,139);
	color: #fff;
}

.answer-car .content .success a {
	border-color: rgb(40,178,139) !important;
	background: rgb(40,178,139) !important;
	color: #fff;
}

.answer-car .content .error a {
	/* background: #0070c0 !important;
	border-color: #0070c0 !important; */
    background: red;
    border-color: red;
	color: #fff;
}

.analysis-wrap .wrapper {
	display: flex;
	background: none;
}

.analysis-wrap .left {
	margin-right: 20px;
	background: #fff;
	flex: 1;
	min-width: 0;
	padding: 3%;
}

.analysis-wrap .right {
	padding: 20px;
	width: 300px;
	background: #fff;
}

.analysis-wrap .answer-car .bd {
	padding: 17px 20px;
}

.analysis-wrap .answer-car .content li:nth-child(5n) {
	margin-right: 0;
}

.analysis-wrap .sub-btn {
	margin-top: 27px;
}

.analysis-wrap .comment {
	display: none;
	margin: 35px 0 50px;
}

.analysis-wrap .comment .text-block {
	width: 100%;
}

.analysis-wrap .comment .text-block textarea {
	display: block;
	padding-top: 10px;
	width: 100%;
	height: 90px;
	background-color: #ffffff;
	border-radius: 6px;
	border: solid 1px rgb(165,181,110);
	resize: none;
	text-indent: 2em;
	background: url(../images/icon_31.png) no-repeat 8px 12px;
	background-size: 14px 13px;
	font-size: 13px;
}

.analysis-wrap .comment .btns {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.analysis-wrap .comment .btns input {
	display: inline-block;
	border: none;
	background: none;
	font-size: 13px;
	color: #555666;
}

.analysis-wrap .comment .btns .fold-btn {
	margin-left: 25px;
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #555666;
	background: none;
	border: none;
	cursor: pointer;
}

.analysis-wrap .comment .btns .fold-btn i {
	position: relative;
	margin-right: 5px;
	display: block;
	width: 17px;
	height: 17px;
	background-color: rgb(165,181,110);
	border-radius: 4px;
}

.analysis-wrap .comment .btns .fold-btn i::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icon_30.png) no-repeat center;
	background-size: 9px 6px;
}

.analysis-wrap .comment-list li {
	position: relative;
	padding-left: 50px;
	margin-bottom: 22px;
}

.analysis-wrap .comment-list .headpic {
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
}

.analysis-wrap .comment-list .headpic a {
	display: block;
}

.analysis-wrap .comment-list .headpic img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.analysis-wrap .comment-list .user-info {
	padding-top: 5px;
	margin-bottom: 10px;
}

.analysis-wrap .comment-list .user-info .t1 {
	margin-bottom: 4px;
	font-size: 13px;
	color: #555666;
}

.analysis-wrap .comment-list .user-info .t2 {
	font-size: 12px;
	color: #9c9da4;
}

.analysis-wrap .comment-list .desc {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #555666;
}

.analysis-wrap .comment-list .handle {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.analysis-wrap .comment-list .handle i {
	font-size: 16px;
}

.analysis-wrap .comment-list .handle a {
	margin-right: 10px;
	display: block;
}

.analysis-wrap .comment-list .handle a.active {
	color: #248a5e;
}

.analysis-wrap .comment-list .handle a:last-child {
	margin-right: 0;
}

.analysis-wrap .comment-list .comment-item {
	display: none;
	margin-bottom: 20px;
	padding: 20px;
	background: #f5f6f7;
}

.analysis-wrap .comment-list .opencomm dd {
	position: relative;
	margin-bottom: 24px;
	padding-left: 50px;
}

.analysis-wrap .comment-list .opencomm dd:last-child {
	margin: 0;
}

.analysis-wrap .comment-list .opencomm .pic {
	position: absolute;
	top: 0;
	left: 0;
}

.analysis-wrap .comment-list .opencomm .pic a {
	display: block;
	width: 38px;
	height: 38px;
}

.analysis-wrap .comment-list .opencomm .pic img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.analysis-wrap .comment-list .opencomm .name {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.analysis-wrap .comment-list .opencomm .name .dzan {
	cursor: pointer;
	font-size: 13px;
}

.analysis-wrap .comment-list .opencomm .name .dzan.active {
	color: rgb(165,181,110);
}

.analysis-wrap .comment-list .opencomm .desc {
	font-size: 13px;
	color: #555666;
}

.analysis-wrap .comment-list .opencomm .btn {
	display: flex;
	align-items: center;
	font-size: 13px;
}

.analysis-wrap .comment-list .opencomm .btn .time {
	margin-right: 10px;
	color: #9c9da4;
}

.analysis-wrap .comment-list .opencomm .btn a {
	color: #555666;
}

.analysis-wrap .comment-list .morecomm {
	display: block;
	font-size: 12px;
	color: #9c9da4;
	line-height: 22px;
}

.analysis-wrap .comment-list .morecomm span {
	color: #555666;
}

.analysis-wrap .comment-list .morecomm .allcomm {
	color: #555666;
}

.analysis-wrap .comment-list .form {
	display: none;
	margin-top: 25px;
}

.analysis-wrap .comment-list .form form {
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.analysis-wrap .comment-list .form textarea {
	display: block;
	flex: 1;
	min-width: 0;
	height: 85px;
	background-color: #f5f6f7;
	border-radius: 6px;
	border: 1px solid rgb(165,181,110);
	box-shadow: 0 0 6px 0 rgb(165,181,110);
	padding: 15px 20px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #3c3c3c;
	resize: none;
}

.analysis-wrap .comment-list .form input,
.analysis-wrap .comment-list .form button {
	display: block;
	margin-left: 10px;
	width: 60px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px rgb(165,181,110);
	/* font-family: MicrosoftYaHei; */
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: rgb(165,181,110);
	background-color: #fff;
	cursor: pointer;
}

.analysis-wrap .comment-list .form button {
	border-color: #ededed;
	color: #9c9da4;
}

.simulation-wrap {
	padding: 3%;
}

.simulation-wrap .tip .txt {
	left: 72px;
	padding: 12px 15px;
	width: 553px;
}

.simulation-wrap .list {
	margin-top: 48px;
}

.simulation-wrap li {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	background-color: #f5f6f7;
	border-radius: 20px;
	height: 160px;
	overflow: hidden;
}

.simulation-wrap li:last-child {
	margin-bottom: 0;
}

.simulation-wrap li.default .left {
	background: #a0a0a0;
}

.simulation-wrap li.default .right .title a {
	background: #a0a0a0;
}

.simulation-wrap .left {
	display: table;
	background: rgb(165,181,110);
	color: #fff;
	width: 200px;
	height: 100%;
	text-align: center;
}

.simulation-wrap .left .box {
	display: table-cell;
	vertical-align: middle;
}

.simulation-wrap .left .t1 {
	font-size: 24px;
}

.simulation-wrap .left .t1 i {
	font-size: 12px;
	vertical-align: 16px;
}

.simulation-wrap .left p {
	margin-bottom: 5px;
	font-size: 16px;
}

.simulation-wrap .right {
	margin: 0 30px;
	flex: 1;
	min-width: 0;
}

.simulation-wrap .right .title {
	padding: 0 0 15px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid gainsboro;
}

.simulation-wrap .right .title h4 {
	font-size: 24px;
	color: #555666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 70%;
}

.simulation-wrap .right .title a {
	margin: 0;
	margin-left: auto;
	font-size: 14px;
	width: 100px;
	line-height: 30px;
	height: 30px;
}

.simulation-wrap .right .content {
	padding-top: 20px;
}

.simulation-wrap .right .content .desc {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #555666;
}

.simulation-wrap .right .content .desc span {
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 1;
	border-right: 2px solid #e3e3e3;
}

.simulation-wrap .right .content .desc span:last-child {
	border-right: none;
}

.simulation-wrap .right .content .date {
	display: flex;
	font-size: 14px;
	color: #9c9da4;
}

.simulation-wrap .right .content .date span {
	display: block;
	margin-right: 15px;
}

.simulation-report-wrap .result .left {
	width: 70%;
}

.simulation-report-wrap .result .right {
	padding-left: 30px;
}

.simulation-report-wrap .result .progress .tit {
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	font-size: 16px;
	color: #555666;
	text-align: center;
}

.simulation-report-wrap .result .progress .number {
	position: absolute;
	left: 0;
	bottom: 64px;
	font-size: 14px;
	color: #555666;
	width: 100%;
	text-align: center;
}

.simulation-report-wrap .result .progress .number span {
	margin-right: 5px;
	font-size: 42px;
	letter-spacing: 0;
	font-weight: bold;
	color: rgb(25,118,210);
}

.simulation-report-wrap .answer-car .content {
	overflow: hidden;
}

.simulation-report-wrap .answer-car .content ul {
	margin-right: -60px;
}

/* .simulation-report-wrap .answer-car .content li:nth-child(5n) {
	margin-right: 60px;
} */

#record-data {
	width: 100%;
	height: 290px;
}

.record-data-box {
	margin: 50px 0;
}

.record-data-box .btn {
	text-align: right;
}

.record-data-box .more {
	color: #60af8d;
	font-weight: bold;
}

.report-test-box .title {
	margin: 50px 0 35px;
	font-size: 16px;
	color: #555666;
}

.report-test-box .tabs {
	margin-bottom: 35px;
	display: flex;
	align-items: center;
}

.report-test-box .tabs a {
	margin-right: 20px;
	display: block;
	font-size: 16px;
	color: #555666;
}

.report-test-box .tabs a.active {
	color: rgb(165,181,110);
}

.report-test-box .content {
	padding-bottom: 8%;
}

.report-test-box .item {
	display: none;
}

.report-test-box .record-table-box th:nth-child(1) {
	padding-left: 0;
	text-align: center;
}

.report-test-box .record-table-box tr td:nth-child(1) {
	text-align: center;
}

.g-table-box table {
	border-collapse: collapse;
	border: solid 1px #e5e5e5;
	width: 100%;
	font-size: 14px;
}

.g-table-box th,
.g-table-box td {
	text-align: center;
	height: 50px;
}

.g-table-box th {
	background: #f5f6f7;
	color: #9c9da4;
}

.g-table-box th:nth-child(2) {
	/* padding-left: 130px; */
	text-align: center;
}

.g-table-box tr {
	border-bottom: 1px solid #e5e5e5;
	color: #555666;
}

.g-table-box tr:last-child {
	border: none;
}

.g-table-box tr .btn {
	margin: 0 auto;
	display: block;
	width: 80px;
	line-height: 26px;
	text-align: center;
	border-radius: 8px;
	border: solid 1px rgb(25,118,210);
	font-size: 12px;
	color: rgb(25,118,210);
	transition: all .3s;
}

.g-table-box tr .btn:hover {
	background: rgb(25,118,210);
	color: #fff;
}

.g-table-box tr td:nth-child(1) {
	padding: 0 20px;
	text-align: left;
}

.g-table-box tfoot tr {
	border-top: 1px solid #e5e5e5 !important;
}

.g-table-box tfoot .operation {
	height: 50px;
	line-height: 50px;
}

.g-table-box tfoot td:nth-child(1) {
	padding: 0;
}

.topic-error-box .topic-error-hd {
	position: relative;
	padding: 50px 0 60px;
}

.topic-error-box .error-number {
	text-align: center;
	color: #555666;
}

.topic-error-box .error-number p {
	font-size: 60px;
	font-weight: bold;
}

.topic-error-box .error-number span {
	margin: 5px 0 15px;
	display: block;
	font-size: 14px;
}

.topic-error-box .error-number a {
	margin: 0 auto;
	display: block;
	width: 170px;
	line-height: 36px;
	text-align: center;
	background-color: rgb(25,118,210);
	border-radius: 8px;
	font-size: 16px;
	color: #fff;
}

.topic-error-box .switch-btn {
	position: absolute;
	top: 58px;
	right: 0;
	display: flex;
	align-items: center;
}

.topic-error-box .switch-btn span {
	display: block;
	margin-right: 10px;
	font-size: 14px;
	color: #9c9da4;
}

.topic-error-box .switch-btn .check-btn label {
	position: relative;
	display: block;
	width: 40px;
	height: 20px;
	border-radius: 10px;
	padding: 2px;
	background: #dddfe5;
	cursor: pointer;
	transition: all .3s;
}

.topic-error-box .switch-btn .check-btn label.open {
	background: rgb(165,181,110);
}

.topic-error-box .switch-btn .check-btn input {
	display: none;
}

.topic-error-box .switch-btn .check-btn i {
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	transition: all .3s;
}

.topic-error-box .switch-btn .check-btn input:checked+i {
	left: 23px;
}

.topic-error-box .topic-error-tabs {
	padding-bottom: 20px;
	display: flex;
	border-bottom: 1px solid #e5e5e5;
}

.topic-error-box .topic-error-tabs a {
	margin-right: 20px;
	display: block;
}

.topic-error-box .topic-error-tabs a.active,
.topic-error-box .topic-error-tabs a:hover {
	color: rgb(165,181,110);
}

.topic-error-box .topic-error-tabs a:last-child {
	margin-right: 0;
}

.topic-error-box .topic-error-content {
	padding: 40px 0;
}

.topic-error-box .topic-error-content .item {
	display: none;
}

.g-filter {
	margin: 50px 0 40px;
	padding: 9px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f5f6f7;
}

.g-filter .filter-reminder {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
}

.g-filter .filter-reminder .item {
	margin-right: 30px;
	display: flex;
	align-items: center;
}

.g-filter .filter-reminder .item:last-child {
	margin-right: 0;
}

.g-filter .filter-reminder i {
	margin-right: 2px;
}

.g-filter .filter-reminder i,
.g-filter .filter-reminder span,
.g-filter .filter-reminder img {
	display: inline-block;
	vertical-align: middle;
}

.g-filter .filter-reminder img {
	margin-left: 5px;
}

.g-filter .filter-reminder a.active,
.g-filter .filter-reminder a:hover {
	color: rgb(165,181,110);
}

.g-filter .filter-reminder a:last-child {
	margin-right: 0;
}

.g-filter .filter-reminder .tips img {
	cursor: pointer;
}

.g-filter .filter-reminder .txt {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	padding-top: 27px;
	width: auto;
	height: auto;
	background: transparent;
	z-index: 2;
}

.g-filter .filter-reminder .txt::before {
	left: 50%;
	top: 8px;
	transform: translateX(-50%);
	border-color: transparent transparent #f5f6f7 transparent;
}

.g-filter .filter-reminder .txt p {
	width: 180px;
	height: 56px;
	padding: 9px 15px;
	border-radius: 6px;
	background-color: #f5f6f7;
}

.g-filter .filter-search {
	position: relative;
	width: 280px;
	height: 32px;
	background-color: #ffffff;
	border-radius: 15px;
	border: solid 1px #dcdcdc;
	overflow: hidden;
}

.g-filter .filter-search form {
	display: block;
	width: 100%;
	height: 100%;
}

.g-filter .filter-search input {
	display: block;
	padding: 0 40px 0 10px;
	width: 100%;
	height: 100%;
	border: none;
	background: #fff;
}

.g-filter .filter-search .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: url(../images/icon_36.png) no-repeat center;
	background-size: 16px;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.testing-collect-wrap .collect-list .analytical-result {
	display: none;
}

.testing-collect-wrap .collect-list .item {
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.testing-collect-wrap .collect-list .item:last-child {
	margin-bottom: 0;
}

.testing-collect-wrap .collect-list .item .handle {
	border: none;
}

.testing-collect-wrap .filter-content .btn {
	margin-top: 5%;
	text-align: center;
}

.testing-collect-wrap .filter-content .btn a {
	margin: 0;
	display: inline-block;
}

.testing-collect-wrap .filter-content .btn .empty-btn {
	margin-left: 20px;
	background: transparent;
	border: 1px solid #60af8d;
	color: #60af8d;
}

.g-button-border {
	display: block;
	width: 136px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	border: solid 1px rgb(25,118,210);
	text-align: center;
	font-size: 14px;
	color: rgb(25,118,210);
	background: transparent;
	cursor: pointer;
	transition: all .3s;
    margin-bottom: 10px
}

.g-button-border.active {
	background: #60af8d;
	color: #fff;
}

.testing-contribute-wrap .tabs {
	margin: 40px 0 30px;
	display: flex;
	font-size: 16px;
}

.testing-contribute-wrap .tabs a {
	margin-right: 30px;
}

.testing-contribute-wrap .tabs a:last-child {
	margin-right: 0;
}

.testing-contribute-wrap .tabs a.active {
	color: rgb(165,181,110);
}

.testing-contribute-wrap .form {
	font-size: 14px;
}

.testing-contribute-wrap .form li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.testing-contribute-wrap .form .label {
	padding-top: 7px;
	padding-right: 30px;
	line-height: 1.3;
	width: 100px;
	text-align: right;
}

.testing-contribute-wrap .form .label i {
	color: #e60012;
}

.testing-contribute-wrap .form .content {
	flex: 1;
	min-width: 0;
}

.testing-contribute-wrap .form .childer {
	padding-left: 100px;
	width: 100%;
}

.testing-contribute-wrap .form .types {
	display: flex;
}

.testing-contribute-wrap .form .types label {
	margin-right: 8px;
	display: block;
	width: 90px;
	line-height: 32px;
	border: 1px solid rgb(165,181,110);
	color: rgb(165,181,110);
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.testing-contribute-wrap .form .types label.active {
	background: rgb(165,181,110);
	color: #fff;
}

.testing-contribute-wrap .form .types input {
	display: none;
}

.testing-contribute-wrap .form .item {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.testing-contribute-wrap .form .item .label {
	padding: 0;
	width: 50px;
	text-align: left;
}

.testing-contribute-wrap .form .edit {
	flex: 1;
}

.testing-contribute-wrap .form .handle {
	margin-left: 20px;
	display: flex;
	align-items: center;
}

.testing-contribute-wrap .form .handle label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.testing-contribute-wrap .form .handle label input {
	display: block;
	margin-right: 5px;
}

.testing-contribute-wrap .form .handle .del-btn {
	margin-left: 15px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.testing-contribute-wrap .form .edui-default {
	flex: 1;
	min-width: 0;
}

.testing-contribute-wrap .form .edui-default .edui-editor-iframeholder {
	height: 80px !important;
}

.testing-contribute-wrap .form .title {
	position: relative;
	margin-bottom: 20px;
	padding-left: 15px;
	font-size: 16px;
	color: #555666;
}

.testing-contribute-wrap .form .title::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: url(../images/icon_37.png) no-repeat;
	background-size: cover;
}

.testing-contribute-wrap .form .select-btn {
	display: flex;
	align-items: center;
}

.testing-contribute-wrap .form .select-btn button {
	margin-right: 10px;
}

.testing-contribute-wrap .form .handle-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.testing-contribute-wrap .form .handle-btns a {
	margin-right: 20px;
}

.testing-contribute-wrap .form .handle-btns .back-btn {
	border-color: #a0a0a0;
	color: #a0a0a0;
}

.testing-contribute-wrap .form .handle-btns .sub-btn {
	margin: 0;
	border: none;
	cursor: pointer;
}

.testing-contribute-wrap .form .handle-btns a,
.testing-contribute-wrap .form .handle-btns .sub-btn {
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.testing-contribute-wrap .analytical-result {
	display: none;
}

.edui-default .edui-editor {
	width: 100% !important;
}

.edui-default .edui-editor-toolbarbox {
	z-index: 1 !important;
}

.edui-default .edui-editor-iframeholder {
	width: 100% !important;
}

.testing-analysis-wrap .filter {
	margin: 30px 0;
}

.report-popup{
	display: none;
	margin: 0 auto;
	width: 670px;
	height: 100%;
	padding: 30px 0;
	background: #fff;
	z-index: 1000;
}
.report-popup .box{
	padding: 0 30px;
	height: 100%;
	overflow-y: auto;
}
.report-popup .hd{
	margin-bottom: 20px;
	text-align: right;
	font-size: 14px;
	color: #626262;
}
.report-popup .logo{
	margin-bottom: 10px;
	font-size: 0;
}
.report-popup .logo img{
	max-width: 100%;
}
.report-popup h4{
	margin-bottom: 15px;
	font-size: 18px;
}
.report-popup .title{
	margin-bottom: 20px;
	background: rgb(204,204,153);
	line-height: 1;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	font-style: italic;
	padding: 10px 12px;
}
.report-popup .banner{
	margin-bottom: 20px;
}
.report-popup .banner img{
	display: block;
	width: 100%;
}
.report-popup .letter{
	margin-bottom: 15px;
	background: #f5f5f5;
	padding: 40px 25px 30px;
	color: #434343;
}
.report-popup .letter .name{
	margin-bottom: 5px;
	font-size: 18px;
}
.report-popup .letter span{
	text-decoration: underline;
}
.report-popup .letter .desc{
	text-indent: 2em;
	font-size: 14px;
	line-height: 24px;
}
.report-popup .icon{
	text-align: center;
	margin-bottom: 25px;
}
.report-popup .box::-webkit-scrollbar {
	width: 5px;
}
.report-popup .box::-webkit-scrollbar-track-piece {
	background-color:#f3f3f3;
}
.report-popup .box::-webkit-scrollbar-thumb {
	background-color:#444;
	background-clip:padding-box;
	height:10px;
	border-radius: 10px;
}
.report-popup .record{
	margin-bottom: 34px;
}
.report-popup table{
	border: solid 1px #dcdcdc;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}
.report-popup table th{
	background: #f5f5f5;
	width: 16.66%;
}
.report-popup table td,
.report-popup table th{
	border: solid 1px #dcdcdc;
	height: 40px;
}
.report-popup .my-echarts{
	margin-bottom: 60px;
	height: 500px;
}
.report-popup .btns{
	padding-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.report-popup .btns a{
	margin-right: 24px;
	display: block;
	border-radius: 6px;
	padding: 10px 0;
	width: 180px;
	text-align: center;
	border: solid 1px #e5e5e5;
	background: #fff;
	color: #a0a0a0;
	transition: all .3s;
}
.report-popup .btns a:hover{
	border-color: #015995;
	background: #015995;
	color: #fff;
}
.layui-layer-demo{
	height: 95%;
	border-radius: 5px;
}
.layui-layer-demo .layui-layer-content{
	height: 100%;
}
.layui-layer-demo .layui-layer-setwin .layui-layer-close{
	display: none;
	right: -14px;
	top: -15px
}
.layui-layer-shade{
	z-index: 1000 !important;
}


.online_l{ position:fixed; right:0px; top:50%; z-index:1000000;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.online_l .box{ position:relative;}
.online_l .box .pic1 { width:41px;transition: all .3s ease;-webkit-transition: all .3s ease;display:block; }
.online_l .box .pic2 { width:135px;transition: all .3s ease;-webkit-transition: all .3s ease; display:none;-webkit-filter: drop-shadow(0px 0px 3px #c5c4c4);
  filter: drop-shadow(0px 0px 3px #c5c4c4);}
.online_l .box img{ cursor:pointer;}
.online_l .box.show .pic1{display:none;}
.online_l .box.show .pic2{display:block;}