/*全局公用样式*/
body {font-family:"Microsoft YaHei","微软雅黑","Arial",sans-serif; font-size:12px; background-color:#fff; position:relative;}
.yh {font-family:"Microsoft YaHei", "微软雅黑","Lucida Grande","Helvetica Neue",Helvetica, Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
.w1000 {margin:0 auto; position:relative;}

/*全局颜色样式*/
.cl1 {color:#626262}
.cl2 {color:#707173}
.cl3 {color:#666}
.cl4 {color:#333}

/*全局间隔样式*/
.mt10 {margin-top:10px}
.mt30 {margin-top:30px}

.ml20 {margin-left:20px}
.ml22 {margin-left:22px}
.ml24 {margin-left:24px}
.ml30 {margin-left:30px}
.ml69 {margin-left:69px}

.mr5  {margin-right:5px}
.mr8  {margin-right:8px}
.mr10 {margin-right:10px}
.mr12 {margin-right:12px}
.mr20 {margin-right:20px}

.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}

.pb40 {padding-bottom:40px}

.lh30 {line-height:30px}
/*全局字体样式*/
.fs12 {font-size:12px}
.fs14 {font-size:14px}
.fs15 {font-size:15px}
.fs16 {font-size:16px}
.fs17 {font-size:17px}
.fs18 {font-size:18px}
.fs24 {font-size:24px}

/*箭头样式*/
.arraw-down,.arraw-top{width:0;height:0;border-right:4px solid transparent;border-left:4px solid transparent; display:inline-block;}
.arraw-left,.arraw-right{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent; display:inline-block;}
.arraw-down{border-top:4px solid #333}
.arraw-left{border-right:4px solid #333}
.arraw-top{border-bottom:4px solid #333}
.arraw-right{border-left:4px solid #333}

.btn-arraw {width:4px; height:7px; background:url(../images/btn-arraw.png) no-repeat; display:inline-block; position:absolute; top:15px; left:13px; }
/*==========================================================================================================================*/

/*顶部*/
.header {height:99px; border-bottom:3px #dedede solid;}
.header .logo {height:60px; margin:0 auto;}
.header .logo img {margin-top:30px; width:242px;}

/*搜索页-内容区域*/
.page h3{font-weight:normal; margin-bottom:10px;}
.page .formbox {margin:0 auto; background-color:#f8f8f8;}
.page .formbox .item {position:relative; margin-top:30px; margin-bottom:30px;/*border:1px solid red;*/ }
.page .formbox .item p {font-size:16px; margin-bottom:10px;}
.page .btn {width:192px; height:39px; background-color:#004e97; color:#fff; margin-right:20px; padding-left:25px; border:0; text-align:left; position:relative; cursor:pointer; }
.page .btn-arraw {top:16px;}
.page .tips {line-height:39px;}
.page .tips a{color:#e8082d;}

.page .formbox .selectstyle {width:216px; height:37px; border:1px solid #d2d2d2; display:inline-block; line-height:37px; overflow:hidden; background:transparent; position:relative;-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.page .formbox .selectstyle select {width:100%; height:36px; font-size:16px; color:#707173; position:absolute; left:0; top:0; margin:0; padding:0;}
.page .formbox .selectstyle .val {height:36px; font-size:16px; color:#8e8e8e; padding-left:10px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background:url(../images/list-arraw.png) 195px 17px no-repeat #fff;}

.info-tips .bg{width:100%; height:100%; background-color:#000; position:fixed; z-index:100; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.info-tips .frame {width:626px; height:340px; padding:40px 0 0 40px; background-color:#fff; position:absolute; z-index:120; left:50%; margin-left:-333px; top:100px;}
.info-tips .row {margin-bottom:18px;}
.info-tips .row label {width:65px; font-size:16px; color:#707173; display:inline-block; line-height:34px;}
.info-tips .row input {height:34px; border:1px solid #d2d2d2; padding-left:10px; font-size:14px; vertical-align:middle;}
.info-tips .row span {top:2px; left:10px; position:relative;}
.info-tips .btn {width:102px; height:36px; background-color:#e8082d; color:#fff; border:0; position:relative; text-align:left; padding-left:25px; cursor:pointer; line-height:36px;}
.info-tips a {width:77px; height:36px; background-color:#e8082d; color:#fff; position:relative; display:block; padding-left:25px; line-height:36px;}

/*搜索结果-页面*/
.btn-hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.content {width:960px; margin:0 auto; position:relative; overflow:hidden;}
.content .top {background-color:#e8e8e8; padding-left:20px;}
.content .top .cur {color:#004e97;}
.content .top .cur .arraw-right {border-left:4px solid #004e97;}

.content .top .btn-item {margin-right:20px; line-height:48px;}
.content .top a {color:#333333; float:left; font-size:16px; color:#333}
.content .top a:hover {color:#e8082d;}
.content .top a:hover .arraw-right {border-left:4px solid #004e97;}

.content .ct-item {background-color:#f8f8f8; border-bottom:1px solid #d1d1d1; padding:30px 30px 40px 30px;}
.content .pro-info {width:666px; position:relative;}
.content .pro-info .pro-tit {line-height:51px;}
.content .pro-info .ico-pos {position:absolute; top:0; right:0;}
.content .pro-info .para-item {font-size:14px; color:#707173; line-height:32px; border-bottom:1px solid #d1d1d1;}
.content .pro-download a {display:block; font-size:16px; color:#333; line-height:60px;}
.content .pro-more a {width:122px; height:36px; padding-left:10px; font-size:16px; color:#fff; background-color:#f18d00; display:inline-block; text-align:left; line-height:36px; }
.content .pro-more .arraw-right {border-left:4px solid #fff; position:relative; top:-1px;}
.content .ct-tips .arraw-right {border-left:4px solid #fff; position:relative; top:-1px;}
.content .ct-tips a {width:192px; height:36px; padding-left:10px; font-size:14px; color:#fff; background-color:#004e97; display:block; text-align:left; line-height:36px; }
.page .formbox .select-cartype{width: 100px;}
.page .formbox .select-cartype .val{background-position: 80px 17px;}
.page .formbox .select-fuel{width: 120px;}
.page .formbox .select-fuel .val{background-position: 98px 17px;}
.page .formbox .select-displacement{width: 200px;}
.page .formbox .select-displacement .val{background-position: 180px 17px;}

@media screen and (min-width: 1024px) {
    .w1000 {width:1000px;}
    .header .logo {width:960px;}
    .page h3{font-size:30px;}
    .page .formbox {width:960px; height:228px;}
    .page .formbox .item {float:left;}
}

@media screen and (max-width: 1023px) {
    .w1000, .content {width:100%;}
    .wprow {width:90%; margin: 20px auto;}
    .header .logo {width:90%; text-align:center;}
    .page h3{font-size:24px;}
    .page .fs16{font-size:14px;}
    .page .formbox {padding:5px 0 15px; width:90%; height:auto;}
    .page .formbox .selectstyle,
    .page .formbox .select-fuel,
    .page .formbox .select-cartype,
    .page .formbox .select-displacement{width: 100%;}
    .page .formbox .item {padding: 0 15px;}
    .page .formbox .item.mr12 {margin-right:0;}
    .page .formbox .item.ml24 {margin-left:0;}
    .page .formbox .note {width:90%; margin:20px auto 0; line-height:1.5em;}
    .page .formbox .selectstyle{background-color:#fff;}
    .page .formbox .selectstyle .val{margin-right:10px; background-position: right 17px;}
    .content .ct-item .pro-info {padding-top:25px; overflow:hidden;}
    .content .pro-info .pro-tit{margin-top: 15px;}
    .content .pro-info .ico-pos{display:none;}
    .content .ct-item {background:#fefefe;}
    .content .ct-item .fr{width:100%; float:none;}
    .content .ct-item .fl{width:100%; float:none; margin: 0 auto; text-align:center;}
    .content .ct-item .fl img {margin: 0 auto;}
    .content .ct-tips{padding:30px 30px 40px 30px;}
    .content .ct-tips .lh30{font-size:13px; line-height:1.75em;}
}