﻿body{ background:#f4f4f4; }
/*****搜狐头****/
.header{ background: #fff; height: 90px;}
.header .logo{ width: 526px; float: left; height:90px; background: url("../img/logo.jpg") no-repeat 0 0; text-align: left; overflow: hidden; text-indent: -20em; }
.header .headtip{ float: left;  margin-top: 34px; width: 74px; height: 28px; border: 1px #E6E6E6 solid; border-radius: 4px;  font-size: 14px; line-height: 28px; text-align: center; position: relative; cursor: pointer}
.tipcon{ display: none; background: #fff;  border:1px #E6E6E6 solid;  border-radius: 4px; position: absolute;  left:98px; top:-12px;width: 234px; padding:10px 15px; font-size: 14px; line-height: 20px; text-align: left; }
.tipcon em{ width: 14px; height: 22px; background: url("../img/head_arr_ico.jpg") no-repeat 0 0; position: absolute; top: 15px; left: -13px; }
.header .headtip:hover .tipcon{ display: block}
.header .headperson{ float: right; font-size: 14px; margin-top: 38px; height: 30px; line-height: 30px; padding-left: 36px; background: url("../img/head_person_ico.jpg") no-repeat 0 center;}
/*****menu**/
.menu{ background:#FDD001; height: 60px; font-size: 22px; line-height: 60px; }
.menu-list{ float: left;}
.menu-list a{ padding: 0 24px; color: #333; float: left}
.menu-list .cur,.menu-list a:hover{ background:#222; color:#FDD001;   }
.menu-btn,.menu-btn:hover{ float: right; background: #C33131; color: #fff; padding: 0 30px;}
.menu-btn:hover{ background:#a52020}
.nav{ background: #fff; height: 50px; font-size: 16px; line-height: 50px;}
.nav a{ display: inline-block; padding: 0  24px; color:#777; }
.nav .cur,.nav a:hover{ color: #333; position: relative;}
.nav .cur:after,.nav a:hover:after{ content: ''; position: absolute; width:30%; height: 3px; bottom: 0px; background: #333; left: 35%; }

.menu .headperson{ display: block; width: 150px; margin: 0 auto; padding-left: 40px; background: url("../img/person-ico.jpg") no-repeat 0 center;}
.navcon a{ padding: 0px;}
.navcon span{ color: #aaa}

.question-list{ padding-top: 20px;}
.question-list li{ border: 1px #E6E6E6 solid; background: #fff; overflow: hidden; margin-bottom: 18px; border-radius: 4px; position: relative;}
.question-list li:after{ content: ''; position: absolute;  border-left: 1px #E6E6E6 solid; left: 280px; top: 0px; height: 100%; }
.question-head{ width:230px; padding: 10px  0 0 30px ; float: left }
.question-head dd{ padding: 8px 0 8px 74px; font-size: 14px; line-height: 20px; position: relative;}
.question-head strong{ position: absolute; width: 74px; top: 8px; line-height: 20px; font-size: 14px; color: #777; font-weight: normal; left: 0px;}
.question-head img{ margin-top: -10px;}
.question-head .tip{ padding: 3px 15px; border-radius: 6px;}
.question-head dd p{ word-wrap: break-word; width: 150px;}
.tip-on{ border: 1px #5E9FE1 solid; color:#5E9FE1  }
.tip-end{ border: 1px #10BD25 solid; color:#10BD25 }
.tip-off{ border: 1px #777 solid; color: #777}

.question-list .info{ width:920px; box-sizing: border-box; padding: 10px 20px 10px 26px; float: right;min-height:100%  }
.question-list .info strong{ display: block; padding: 10px 0 15px; font-size: 22px; line-height: 30px; font-weight: normal}
.question-list .info p{ font-size: 16px; line-height: 30px; padding: 5px 0 ; color: #777}
.question-list .info p a{color: #777}
.fot{ height: 40px; font-size: 16px; line-height: 30px;color: #777}
.fot a{ float: right; padding-left:30px; margin-left: 30px; }
.btn-good{ background: url("../img/good_ico.jpg") no-repeat 0 center;}
.btn-commt{ background: url("../img/view_ico.jpg") no-repeat 0 center;}
.btn-good.cur{background: url("../img/good_ico_cur.jpg") no-repeat 0 center;}
.recomd-box{ border-top: 1px #e6e6e6 solid; padding-top: 10px;}
.recomd-box dt{ font-size: 16px; line-height: 30px; }
.recomd-box dd{ height: 30px; padding-left: 20px; position: relative; line-height: 30px; font-size: 16px;}
.recomd-box dd:before{ content: ''; position: absolute; left: 4px; width:8px; height: 8px; border-radius: 50%; background: #aaa; top: 50%; margin-top: -4px; }

.pagebox{ padding: 20px 0 40px; height: 30px; font-size: 16px; line-height: 30px; text-align: center}
.pagebox a,.pagebox span{ display: inline-block; padding: 0 12px; margin: 0 6px;  background: #fff; border: 1px #e6e6e6 solid; box-sizing: border-box; border-radius: 4px;}
.pagebox .cur,.pagebox a:hover,.pagebox .page-btn{  background: #FDD001; color: #333;}
.pagebox .pagenum{ height: 28px;border: 1px #e6e6e6 solid; width: 64px; margin: 0 6px; text-align: center; font-size: 14px;}

.nodata{  text-align: center; position: relative; margin: 160px 0;}

.fcbox{ border:1px #E6E6E6 solid;  border-radius: 8px; position: absolute;  left:50%; bottom:170px;width: 420px; padding:20px; font-size: 14px; line-height: 20px; text-align: left; background: #fff;  color: #333; margin-left: -230px;}
.fcbox em{ width: 23px; height: 14px; position: absolute; background: url("../img/nodata_arr.jpg") no-repeat 0 0; left: 50%; bottom: -13px; margin-left: -12px;}


/*****/
.zx-list{background: #fff; border: 1px #e6e6e6 solid; padding:20px 22px;}
.zx-list li{border-bottom:1px #F5F5F5 solid; padding:15px 0; position:relative; overflow:hidden; }
.zx-list .car-image{ float:left; width:150px; height:100px; margin-right:20px;}
.zx-list .info{ padding-bottom:30px; float:left;}
.zx-list strong,.zx-list .box h3{ display:block; font-size:18px; line-height:24px;  font-weight:normal; width:976px;}
.zx-list .foot{ line-height:20px; padding:10px 0 0; height:20px; font-size:14px; color:#aaa; position:absolute; bottom:15px; height:20px; overflow:hidden; width:100%}
.zx-list .foot img{ width:20px; height:20px; border-radius:50%; float:left; margin-right:6px; display:block}
.zx-list .foot a{color:#aaa;}
.zx-list .fotnum{ position:absolute; right:0px;height:20px; font-size:14px; color:#aaa; bottom:15px;}
.zx-list .fotnum .num{ background:url(//m2.auto.itc.cn/car/theme/autohomepc/images/num_60aef88.png) no-repeat 0 center; padding-left:20px; color:#aaa;}
.zx-list .fotnum .view{background:url(//m2.auto.itc.cn/car/theme/autohomepc/images/view_120b6b9.png) no-repeat 0 center; padding-left:20px;color:#aaa; margin-right:25px;}




#foot {
    font: 14px/22px "\5FAE\8F6F\96C5\9ED1";
    text-align: center;  color: #aaa; background: #fff; width: 100%; padding:30px 0 ; margin-top: 20px;
}
#foot a{ color: #aaa;}
#foot h3{text-align: left;color: #333;font-size: 24px;}
#foot .defect-logo{display: block;height: 40px;width: auto;margin-top: 20px;margin-left:100px;margin-bottom:20px;}




.agree-box{ padding: 30px; font-size: 16px; line-height: 32px; }
.agree-box p{ padding:5px 0;}
.agree-box strong{ font-size: 20px; display: block; text-align: center; line-height:36px}
