@charset "utf-8";

*{ margin:0; padding:0;}
.fix:after{content: "."; display: block; height: 0;clear: both; visibility: hidden;}
.fix{zoom:1;}
body { font: normal 100% "微软雅黑", Arial, sans-serif; background-color:#efefef; color: #222222;}
img { border:0;}
a,a:hover,a:visited{ text-decoration:none;}
ul,ol{list-style:none;}

/*header*/

/*section*/
/*section{ padding:1em 0.5em;}*/
section h3 { padding-bottom: 0.5em; text-align: left; font-size: 1.25em; font-weight: normal;}
section h4 { text-align: left; padding: 0.5em 0; font-size: 1em; font-weight: normal; color: #029387;}
section p { line-height: 1.25em; color: #959595;}
section .bad { padding-right: 0;}
/*section li span { float: right; color: #959595;}*/
section li a { width: 57px;color: #959595; height: 22px;line-height: 20px; float: right; display: block; background: url(../report/img/open.png) no-repeat 46px 5px;}
section .detail { display: none;}
section .detail p { text-indent: 0.75em;}
section .data { width: 100%; margin-top: 0.5em;}

.detail h5 {
	font-size: 100%;
	font-weight: normal;
	margin-top: 1em;

	color: #222;
}

.detail a {
	display: block;
	width: 100%;
	height: 24px;
	float: none;
	margin-bottom: -0.5em;
	/*margin-top: 1em;*/

	background: none;
}

.detail label {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;

	background:url(../report/img/close.png) no-repeat;
}

.info,
.code-detail {
	padding: 10px;

	background-color: #fff;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
}

.info-check-score {
	width: 38%;
	float: left;

	text-align: center;
	color: #029387;
}

.score-box {
	position: relative;
	width: 100%;
	float: left;
}

.score-box p {
	text-align: center;
	color: #029387;
	font-size: 87.5%;
}

.score-box-img { width: 100%;height:66px;}

.score-box-img img {
	width: 100%;
}

.score-box-img span {
	position: absolute;
	top: 27%;
	left: 0;
	width: 100%;
	font-size: 300%;
	text-align: center;
	color: #029387;
}

.info-text {
	width: 100%;
	float: left;
}

.info-text p { text-indent: 10px;}

.info-text .infoTit{
	font-size:112.5%;
	color:#029387;
}

.info-text-diagnosis{
	width: 100%; 
	float: right;
}

.conclusion ul {
	width: 100%;

	background-color: #fff;
	/*border: 1px solid #c6c6c6;*/
	border-radius: 4px;
	box-sizing: border-box;
}

.conclusion li {
	padding: 0.5em;

	border-bottom: 1px solid #c6c6c6;
}

/*.data p { padding: 0.5em 0;}*/

.data table {
	width: 100%;

	background-color: #fff;
	/*border: 1px solid #c6c6c6;*/
	border-radius: 4px;
	border-spacing: 0;
}

.data td {
	position: relative;

	padding: 0.5em;

	border-bottom: 1px solid #c6c6c6;
}
#flow_v span{
	float: left;
}
.data td span {
	float: right;

	color: #959595;
}

.data td label { color: #959595;}

.data td a {
	display: block;
	width: 25px;
	height: 24px;
	float: right;

	background: url(../report/img/open.png) 16px 5px no-repeat;
	text-indent: -22px;
}

.code-detail {
	margin-bottom: 0.5em;
}

.code-detail table { 
	width: 100%;

	text-align: center;
	font-size: 0.75em;
	color: #959595;

	border-spacing: 0;
}

.code-detail .text-left { text-align: left;}

.code-detail .text-right { text-align: right;}

.low {
	width: 33.3%;
	height: 10px;

	background-color: #058be8;
	border-right: 1px solid #fff;
}

.normal {
	width: 33.4%;
	height: 10px;

	background-color: #00ac18;
	border-right: 1px solid #fff;
}

.high {
	width: 33.3%;
	height: 10px;

	background-color: #df2722;
}

.empty { height: 0.5em;}

.yes {
	height: 10px;

	color: #fff;

	background-color: #00ac18;
	border-right: 5px solid #fff;
}

.no {
	height: 10px;
	background-color: #959595;

	border-left: 5px solid #fff;
}

.OBD { padding: 5px;}

.download{
	position: relative;
	width: 100%;
	height: 65px;
	padding: 5px 0;
	background: url(../report/img/download-bg.jpg);
	background-size: 100% 100px;
}

.logo{
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

.download-cot{
	float: left;
}

.bg-lunzi{
	position:absolute;
	left: 30%;
	top: 0;
	width: 60%;
	height: 75px;
	overflow: hidden;
}

.bg-lunzi img{
	width: 100%;
}

h1{
	font-weight: normal;
}

.slogan{
	line-height: inherit;
	position:absolute;
	color: #029387;
	font-size: 15px;
	text-indent: 5px;
	left: 4px;
	top: 49px;
}

.slogan a{
	color: #029387;
	text-decoration: underline;
}

.slogan-en{
	display: block;
	width: 100%;
	height: 45px;
	background: url(../report/img/slogan-en.png) no-repeat;
	background-size: contain;
}

.downloadBtn{
	position:absolute;
	top:13px;
	right: 10px;
	padding: 5px 15px;
	color: #fff;
	background-color:#ff8a00;
}

.download_tail{
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
}
.download_tail p{
	padding: 0;
	padding-bottom: 5px;
	text-align: center;
}
.downloadBtn_tail{
	display: block;
	width: 150px;
	height: 38px;
	margin: 0 auto;
	background: url(../report/img/download.png);
}

.conclusion .no-border,.data .no-border { border-bottom: 0;} 

.table-view .title
{
	padding:5px 0;
	color:#029387;
	font-size:1em;
	line-height:2;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
	background-repeat:no-repeat;
	background-position:0 100%;
}

/*.fix
{
	zoom:1;
}*/

ul, ol
{
	list-style:none;
}

.table-view-cell
{
	padding:10px 0;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
	background-repeat:no-repeat;
	background-position:0 100%;
	border-bottom:0;
}

.table-view ul .spanL
{
	display:block;
	width:65%;
	overflow:hidden;
	word-wrap:break-word;
	word-break:break-all;
	float:left;
	line-height:1.5;
}

.table-view-cell:last-child
{
	background-image:none;
}

.TxtGray
{
	color:#959595;
}

.detailImg
{
	margin-top:10px;
}

.detailImg li
{
	width:25%;
	float:left;
	margin-right:5px;
}

.detailImg li img
{
	width:100%;
}

.fix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.content-margin
{
	margin:10px 0;
	padding:10px 10px;
}

.table-view
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
	background-repeat:no-repeat;
	background-position:0 100%,0 0,0 0;
	background-color:#fff;
}

.checkInfo1 li ul li
{
	width:50%;
	float:left;
}

.data .title{
	padding:5px 10px;
	color:#029387;
	font-size:1em;
	line-height:2;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
	background-repeat:no-repeat;
	background-position:0 100%;
	background-color:#fff;
}

.conclusion .title{
	padding:5px 10px;
	color:#029387;
	font-size:1em;
	line-height:2;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
	background-repeat:no-repeat;
	background-position:0 100%;
	background-color:#fff;
}

.conclusion ul .spanR{
	float:right;
	color:#959595;
	text-align:right;
}

.TxtGreen{
	color:#029387;
}

/*car_body*/
.car_out_bg { background-color:#fff; padding: 0.5% 5px; border:1px solid #c6c6c6;border-radius:4px;}
.car_container{width: 100%;margin: 30px auto 20px auto ;position: relative;left: 0;top: 0;}
.car_container img{display: block;width: 100%;}
.car_container .indicate {position: absolute;display: none;}
.car_container .indicate img {width: 100%;}
.car_container .point_1 {width:20%; left: 0;top:5%; z-index: 5;}
.car_container .point_2 {width:30%; left: 0;top:-7%; z-index: 4;}
.car_container .point_3 {width:41%; left: 38%;top:-8%; z-index: 3;}
.car_container .point_4 {width:25%; left: 22%;top:48%; z-index: 2;}
.car_container .point_5 {width:100%; left: 0;top:0; z-index: 1;}

/*footer*/
footer p { text-align: center; padding-bottom: 1em; font-size: 0.75em;}
footer .back { width: 12%; float: left; padding-left: 15px;}
footer .back img { width: 100%;}
#goBackBtn { position: fixed; bottom: 20px; cursor: pointer; left: 0px; _position: absolute; _left: auto;} 
.diagnosis_suggest_btn{
	display: block;
	width: 100%;
	padding:12px 0px;
	border:1px solid #06c1b0;border-radius:7px;
	background-color:#06c1b0;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
}
.textra{
	margin: 0px;
	height: 6em;
	width: 100%;
}