/* public ----------------------------------------------- */ body,div,dl,dt,dd,table,tr,th,td,form{ margin: 0; padding: 0; color: #333; font-size: 12px; font-family: "\5B8B\4F53","Arial Narrow",Tahoma,"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","HELVETICA";}/* 1rem=12px */ ul,ol,li,dl,dt,dd{ list-style-type: none; margin: 0; padding: 0;} li{ vertical-align: bottom;} h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;} strong{ font-weight: bold;} em,cite{font-style:normal;} img{ vertical-align: bottom; border: 0;} img:hover{ filter: Alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9;} a:link,a:visited{ color: #333; text-decoration: none;} a:hover{ color: #177cb0; text-decoration: none;} .gray{color:gray;} .cls{ clear: both; height: 0; font: 0/0 Arial;} .clearfix{zoom:1;} .clearfix:after{ display: block; clear: both; visibility: hidden; content: "."; height: 0;} * html .clearfix{ height: 1%;} .wrapper{ width: 1000px; margin: 0 auto;} html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .errorMsg{background:#FFFFE7 url(http://mat1.gtimg.com/bella/datalib/2012/bella/images/icons.gif) no-repeat;background-position:-545px -158px;font-size:12px;text-align:left;color:#CD483F;display:inline-block;vertical-align:baseline;border:1px solid #FFE9B2;padding:0 20px 0 24px;display:none;position:absolute;height:16px;line-height:16px;} .showTips{position:absolute;z-index:8;color:#929292;font-size:12px;margin-left:6px;width:45px;text-align:right;} body{ background: #fff url("http://mat1.gtimg.com/auto/images/car2013/serial/serial_body_top_bg.jpg") repeat-x 0 25px !important;} /* 栏目模板 */ .column1 .title{ height: 36px;border: 1px solid #e5e5e5; border-top: 2px solid #1c8dd5; } .column1 .title h2{ padding: 0 14px; font: bold 14px/36px "\5B8B\4F53";} .column2{ border: 1px solid #d8d8d8; border-top: 2px solid #1c8dd5; padding: 0 14px;} .column2 .title{ height: 44px; border-bottom: 1px solid #d8d8d8;} .column2 .title h2{ float: left; font: bold 14px/44px "\5B8B\4F53";} .column2 .title h4{ float: right; color: #999; font: 12px/44px "\5B8B\4F53";} .column2 .title span{} .column2 .title a:link,.column2 .title a:visited, .column2 .title a:hover,.column2 .title a:active{ color: #177cb0;} .column3 .title{ height: 28px; border-top: 2px solid #1c8dd5; padding: 0 7px; background: #f8f8f8;} .column3 .title h2{ float: left; font: bold 12px/28px "\5B8B\4F53";} .column3 .title span{ float: right; height: 28px; line-height: 28px;} .column3 .title a:link,.column3 .title a:visited, .column3 .title a:hover,.column3 .title a:active{ color: #177cb0;} .tit1{ overflow: hidden; height: 24px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/tit.png) repeat-x;} .tit1 h2{ overflow: hidden; float: left; width: 184px; height: 24px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/tit.png) no-repeat; text-indent: -9999em;} .tit1 a{ display: inline-block; float: right; height: 24px; margin: 10px 10px 0 0; padding: 0 10px; background: #fff; font: 12px/14px "\5B8B\4F53";} .tit1 a:link,.tit1 a:visited{ color: #777;} .tit1 a:hover,.tit1 a:active{ color: #177cb0;} .tit2{ overflow: hidden; height: 36px; border-bottom: 1px solid #e7e7e7;} .tit2 h2{ float: left; height: 36px; padding-left: 10px; font: normal 18px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";} .tit2 a{ float: right; height: 24px; margin: 12px 10px 0 0; font: 12px/24px "\5B8B\4F53";} .tit2 a:link,.tit2 a:visited{ color: #777;} .tit2 a:hover,.tit2 a:active{ color: #177cb0;} /* 淡入 */ @-webkit-keyframes fadeIn{ 0%{ opacity: 0;} 100%{ opacity: 1;} } @-moz-keyframes fadeIn{ 0%{ opacity: 0;} 100%{ opacity: 1;} } @-ms-keyframes fadeIn{ 0%{ opacity: 0;} 100%{ opacity: 1;} } @-o-keyframes fadeIn{ 0%{ opacity: 0;} 100%{ opacity: 1;} } @keyframes fadeIn{ 0%{ opacity: 0;} 100%{ opacity: 1;} } li{ -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } /*弹出浮层*/ #txcar_layer_box{position:absolute;left:0;top:0;width:100%;z-index:20000;text-align:center;display:none;} #txcar_layer_box .txcar_layer_shadow{position:absolute;z-index:1;width:100%;height:100%;background-color:#000;opacity:.6;filter:Alpha(Opacity=60);left:0;top:0;zoom:1;} #txcar_layer_box .opacity{background-color:#fff;opacity:.4;filter:Alpha(Opacity=40);} #txcar_layer_box .txcar_layer_shadow .handler{position:absolute;z-index:3;width:100%;height:100%;left:0;top:0;} #txcar_layer_box .txcar_layer_shadow iframe{width:100%;height:100%;opacity:0;filter:Alpha(Opacity=0);} #txcar_layer_box .txcar_layer_content{_width:400px;_height:auto;margin:0 auto;background:#fff;border:1px solid #ccc;position:relative;z-index:2;padding:10px;text-align:left;display:inline-block;overflow:hidden;} #txcar_layer_box .txcar_layer_content .border{/*-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius:5px 5px 0 0;*/} #txcar_layer_box .txcar_layer_filter{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;opacity:0.9;filter:Alpha(Opacity=90);} #txcar_layer_box .txcar_layer_hd{position:relative;zoom:1;border-bottom:1px dashed #999;padding-bottom:5px;} #txcar_layer_box .txcar_layer_hd:after{content:'.';display:block;visibility:hidden;clear:both;height:0;} #txcar_layer_box .txcar_layer_hd h3{margin-right:30px;font-weight:bold;font-size:15px;color:#333;text-align:left;padding:5px 10px;height:28px;line-height:28px;} #txcar_layer_box .txcar_layer_hd .txcar_layer_close{position:absolute;top:8px;right:10px;z-index:3;display:block;font-size:30px;/*border:1px solid #999;*/color:#999;height:16px;line-height:10px;font-family:'Microsoft YaHei';_height:14px;_line-height:14px;} #txcar_layer_box .txcar_layer_hd .txcar_layer_close:hover{color:#000;border-color:#000;animation-duration: 0.5s;animation-name: rotation;transform-origin: 50% 50%;-webkit-animation-duration: 0.5s;-webkit-animation-name: rotation;-webkit-transform-origin: center center 0;-moz-animation-duration: 0.5s;-moz-animation-name: rotation;-moz-transform-origin: 50% 50%;-o-animation-duration: 0.5s;-o-animation-name: rotation;-o-transform-origin: 50% 50%;} @-webkit-keyframes rotation { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotation { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes rotation { 100% { -o-transform: rotate(360deg); } } @keyframes rotation { 100% { transform: rotate(360deg); } } #txcar_layer_box .txcar_layer_bd{padding:20px;} #txcar_layer_box .txcar_layer_bd em{color:#c00;margin-right:2px;font-weight:bold;} #txcar_layer_box .txcar_layer_bd .tips{visibility:hidden;} #txcar_layer_box .loading{display:block;width:90px;height:90px;background:transparent url(http://mat1.gtimg.com/bella/icareplus/loading_18.gif) no-repeat center center;font-size:12px;line-height:90px;color:#666;border:0 none;} #txcar_layer_box .txcar_layer_bd span.succ, #txcar_layer_box .txcar_layer_bd span.fail, #txcar_layer_box .txcar_layer_bd span.warn, #txcar_layer_box .txcar_layer_bd span.help{padding-left:20px;background:url(http://mat1.gtimg.com/bella/datalib/2012/bella/images/icons.gif) no-repeat;font-size:14px;} #txcar_layer_box .txcar_layer_bd span.succ{background-position:-548px -105px;} #txcar_layer_box .txcar_layer_bd span.fail{background-position:-548px -159px;} #txcar_layer_box .txcar_layer_bd span.warn{background-position:-548px -55px;} #txcar_layer_box .txcar_layer_bd span.help{background-position:-548px 1px;} #txcar_layer_box .txcar_layer_ft{text-align:center;text-indent:15px;} #txcar_layer_box .txcar_layer_ft a{display:inline-block;text-indent:0;padding:5px 10px;border:1px solid #ccc;background:#eee;margin:15px 15px 15px 0;} #txcar_layer_box .loading .txcar_layer_shadow{opacity:.6;filter:Alpha(Opacity=60);background:#fff} #txcar_layer_box .loading .txcar_layer_content,#txcar_layer_box .loading .border{border:none;} #txcar_layer_box .loading .txcar_layer_filter{opacity:0;filter:Alpha(Opacity=0);} #txcar_layer_box.nothing .txcar_layer_shadow{} #txcar_layer_box.nothing .border{border-radius:5px;} #txcar_layer_box.nothing .txcar_layer_content{border-radius:7px;color:#000;_width:140px;_height:60px;*display:inline;_text-align:center;} #txcar_layer_box.nothing .txcar_layer_filter{border-radius:7px;} /* footer */ #footer{ margin-top:10px; padding-bottom:20px; background:#fff; line-height:28px; text-align:center;} .project_detail #footer{ margin:0;} #footer .wrapper{ background:none; color:#323332; font-size:12px;} #footer .wrapper a{ color:#323332; padding:0 5px;} #footer .wrapper a:hover{ color:red; text-decoration:underline;} #footer .wrapper em{ font-family:Microsoft YaHei,"\5B8B\4F53";} #footer .tcopyright{ padding:20px 0px 0px 0px; *padding:20px 0px 6px 0px;} #footer .tcopyright .en{ color:#323332; text-align:center;} #footer .friend_link{ width:984px; margin:0 auto; padding:30px 0 0; border-bottom:1px solid #E5E8E6;} #footer .friend_link h3{ margin-bottom:25px; color:#3B9702; font-size:24px; text-align:left;} #footer .friend_link ul{ width:1000px; margin-bottom:50px; margin-left:-18px;} #footer .friend_link li{ _display:inline; float:left; margin:0 0 15px 18px;} /* private ----------------------------------------------- */ #hd{margin: 0 auto;text-align: left;zoom:1;width: 1000px;} #hd:after{content:'.';display:block;visibility:hidden;clear:both;height:0;} .delta{display:block;background-color:transparent;position:absolute;right:8px;top:45%;width:0px; height:0px; border:4px solid; border-color:#6d6d6d transparent transparent transparent; border-style:solid dashed dashed dashed;cursor:pointer;overflow:hidden;} /* header */ #header{zoom:1;} #header:after{content:'.';display:block;visibility:hidden;clear:both;height:0;} #header{ position:relative; z-index:99;margin:9px 0 5px;} #header .hd{float:left;margin:0 20px 0 0;width:auto;} #header .hd .logo{display:inline-block;margin-top:-1px;_float:left;_margin-top:-1px;float:left;} #header .hd .slogan{background:url(http://mat1.gtimg.com/auto/images/car2013/models/slogan.png) no-repeat scroll 0 0;float: left;height: 30px;margin: 0 0 0 10px;overflow: hidden;text-indent: -999em;width: 92px;} #header .hd .rss{display:none;} #header .bd{float:left;} #header .header-bread{height: 33px;line-height: 33px;font-size: 12px;font-family: \5b8b\4f53,"Arial Narrow",sans-serif;float: left; color:#999;} #header .header-bread a:link,#header .header-bread a:visited, #header .header-bread a:hover,#header .header-bread a:active{ color:#177cb0;} .nav_item{zoom:1;margin-top:0px;float:left;position:relative; padding:0 1px;} .nav_item:after{content:'.';display:block;visibility:hidden;clear:both;height:0;} .nav_item .trigger{ padding:0 20px 0 0;overflow:hidden;position:relative;background:none;height:34px;float:left;} .nav_item img{ float:left; width:30px; height:30px; margin-right:10px; vertical-align:middle;margin-top:3px;} .nav_item .link{line-height:32px;font-size:14px;vertical-align:middle;color:#444;font-weight:bold;} .nav_item a.all{font:normal 22px/40px microsoft yahei,simhei,sans-serif;color:#6b6b6c;line-height:32px;} #header .ft{float:right;margin-top:2px;width:auto;} .search{float:right;} .searchText, .inputOnblur, .inputOnFocus{ outline:none; display:inline;float:left; width:170px;height:26px;line-height:28px; border:0; padding:0 0 0 5px; background:none; color:#666;} .inputOnFocus{ color:#000;} .searchSubmit{ outline:none; cursor:pointer; overflow:hidden; float:right; width:53px; height:28px; border:0; background:url(http://mat1.gtimg.com/auto/images/car2013/serial/search.png) no-repeat right -29px; text-indent:-999em;} .search{ position:relative; z-index:9; width:236px; height:28px; margin-top:1px; background:url(http://mat1.gtimg.com/auto/images/car2013/serial/search.png) no-repeat;} #car_priceArea .subItemList,#car_typeClass .subItemList{width:100%;_width:100px;} #car_priceArea,#car_typeClass{} /*搜索框提示 ----------------------------------------------*/ .autoComplete {width:224px;border:1px solid #8ebbda;z-index:999;padding:5px;background:#fff;display:none;} .autoComplete a{display:block;line-height:25px;text-decoration:none;text-align:left;position:relative;} .autoComplete a span{position:absolute;right:5px;} .autoComplete a.select,.autoComplete a:hover{background:#e0edfa;} /* navigation */ #navigation{border:0;zoom:1;position:relative;height:34px;line-height:34px;padding:20px 0;z-index:9} #navigation:after{content:'.';display:block;visibility:hidden;clear:both;height:0;} #navigation .navi,#navigation .navi li{float:left;} #navigation .TName{color:#333;font-size:22px;float:left;font-family:Microsoft YaHei;} #navigation .brandFireBtn{color:#cb0000;font-size:18px;font-family:Microsoft YaHei;} #navigation .serial .trigger{color:#979797;} #navigation .bd{overflow:hidden;position:absolute;right:0px;bottom:0px;} #navigation .navi li a{width:62px;outLine:none;} .brandFireBtn{font-size:16px;font-weight:bold;color:#dc0000;} #navigation .brand{margin-left:20px;} .brand .subItemList{width:120px;} .whiteLine{display:none;} .subItemList{position:absolute;z-index:8;width:230px;height:180px;border:1px solid #d3d3d3;bottom:-181px;left:-1px;background:#fff;line-height:27px;display:none;} .subItemList .subBd{margin:10px 0;overflow-y:auto;overflow-x:hidden;height:160px;} .subItemList a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;color:#29539d;font-size:12px;font-weight:400;display:block;} .subItemList a:hover{text-decoration:underline;background:#f3f3f3;} .subItemList a.manu{color:#ff0000;border-bottom:1px dashed #CCCCCC;} .subItemBtnActive{border:1px solid #d3d3d3;border-bottom:0;background:#fff;margin-top:-1px; padding:0;} .subItemBtnActive .subItemList{display:block;} .subItemBtnActive .trigger{background:#fff;z-index:9;} /* serial_ad|inc/ad.shtml */ #serial_ad{margin: 0 auto; width: 100%; height:90px;text-align:center;padding-top:15px;} #serial_ad .l_qq_com{margin:0 auto;z-index:1;} .navTopAd{ float:right;} #serial_helper,#searchType{ display:none;} #focus li em, #focus .num span em, .carColor a.moreColor em, .cityPrice a.moreProvince em, .infoPrice div .cityShow em, .cityPrice .provinceBox a.close em, .favorBt em, .faverTip .title h3 em, .favorClose em, .tagBods_serial .calculator, .tagBods_serial .pk em, .tagBods_serial .pked em, .videoList li em, .dealerTit .provinceMore em, .dealerBody li h4 em, .dealerBody li p em, .hx_c_span_a em, .list_a li a:hover, .list_a li a.selected, .tagVisualBodyCon .visualTitle em, .barR270 .grade h3, .barR270 .editor li h4 em, .videoBox .closeBtn em, .tooltipsyTit a.close em, .askLayerTit a.close em, .navUl li.autoPk em, .navSideBarCon h3 a.close em, .navSideBarList li a.del em, .navSideBarList li a.add em{ background-image: url(http://mat1.gtimg.com/auto/images/autoproject/serial/sprites.png); background-position: no-repeat;} .ie6 #focus li em, .ie6 #focus .num span em, .ie6 .carColor a.moreColor em, .ie6 .cityPrice a.moreProvince em, .ie6 .infoPrice div .cityShow em, .ie6 .cityPrice .provinceBox a.close em, .ie6 .favorBt em, .ie6 .faverTip .title h3 em, .ie6 .favorClose em, .ie6 .tagBods_serial .calculator, .ie6 .tagBods_serial .pk em, .ie6 .tagBods_serial .pked em, .ie6 .videoList li em, .ie6 .dealerTit .provinceMore em, .ie6 .dealerBody li h4 em, .ie6 .dealerBody li p em, .ie6 .hx_c_span_a em, .ie6 .list_a li a:hover, .ie6 .list_a li a.selected, .ie6 .tagVisualBodyCon .visualTitle em, .ie6 .barR270 .grade h3, .ie6 .barR270 .editor li h4 em, .ie6 .videoBox .closeBtn em, .ie6 .tooltipsyTit a.close em, .ie6 .askLayerTit a.close em, .ie6 .navUl li.autoPk em, .ie6 .navSideBarCon h3 a.close em, .ie6 .navSideBarList li a.del em, .ie6 .navSideBarList li a.add em{ background-image: url(http://mat1.gtimg.com/auto/images/autoproject/serial/spritesIE6.png); background-position: no-repeat;} /********** 导航 **********/ .navMain{ height: 36px;overflow:hidden;width:1000px;} .navMain li{ float: left; width: 83px; height: 36px; text-align: center;} .navMain li.active{ width: 87px;} .navMain li a{ display: block; font: bold 14px/36px "\5B8B\4F53";} .navMain li a:link,.navMain li a:visited{ background: #1c8dd5; color: #fff;} .navMain li a:hover,.navMain li a:active, .navMain li.active a:link,.navMain li.active a:visited, .navMain li.active a:hover,.navMain li.active a:active{ background: #5dbdfa; color: #fff;} /********** 首屏 **********/ .barL330{ float: left; width: 330px;} .barR300{ float: right; width: 300px;} /* 焦点图 */ #focus{ overflow: hidden; float: left; width: 330px; height: 308px; margin-bottom: 8px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom;} #focus .layout{ position: relative; overflow: hidden; width: 330px;} #focus .layout:after{ display: table; clear: both; content: "";} #focusCon{ overflow: hidden; width: 330px;} #focus ul{ width: 99999em;} #focus li{ position: relative; overflow: hidden; float: left; width: 330px; height: 220px;} #focus li a, #focus li img{ display: block; width: 330px; height: 220px;} #focus li a{ position: relative;} #focus li h4{ position: absolute; left: 0; bottom: 0; width: 330px; height: 40px; padding-top: 26px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/shadow1.png) no-repeat;} .ie6 #focus li h4{ padding-top: 0; background: #000; filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #focus li h4 strong{ float: left; margin-left: 15px; color: #fff; font: normal 20px/40px "\5FAE\8F6F\96C5\9ED1";} #focus li h4 span{ float: right; margin-right: 15px; color: #999; font: normal 12px/40px "\5B8B\4F53";} #focus li em{ display: block; position: absolute; left: 50%; top: 50%; overflow: hidden; width: 50px; height: 50px; margin: -25px 0 0 -25px; background-position: 0 -68px;} #focus .num{ overflow: hidden; width: 340px; height: 72px; margin-top: 8px;} #focus .num span{ position: relative; z-index: 2; cursor: pointer; overflow: hidden; float: left; width: 106px; height: 72px; margin-right: 6px;display: block;_display:inline;} #focus .num span img{ width: 102px; height: 68px; border: 2px solid #fff;} #focus .num span.on img{ border-color: #2ba7dd;} #focus .num span em{ display: block; position: absolute; left: 50%; top: 50%; width: 27px; height: 27px; margin: -14px 0 0 -14px; background-position: -139px -68px;} /* 图片统计 */ .picsTotal{ overflow: hidden; width: 330px; height: 66px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom;} .picsTotal ul{ width: 338px;} .picsTotal li{ float: left; width: 161px; height: 25px; margin: 0 8px 8px 0;background:#f7f7f7;} .picsTotal li a{ display: block; height: 25px; padding: 0 10px; font: normal 14px/25px "\5B8B\4F53";} .picsTotal li a:link,.picsTotal li a:visited{ background: #f7f7f7; color: #666;} .picsTotal li a:hover,.picsTotal li a:active{ background: #e7e7e7; color: #666;} /* 颜色 */ .carColor{ height: 52px; padding: 5px 0; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom;} .carColor .colors{ display: block; height: 26px;} .carColor label{ display: block; float: left; width: 63px; height: 26px; color: #666; font: normal 12px/26px "\5B8B\4F53";} .carColor .colorsFor{ float: right; width: 265px; height: 24px; padding: 1px;} .ie6 .carColor .colorsFor{ padding: 0;} .carColor ul{ overflow: hidden; float: left; width: 198px; height: 24px; padding: 0 0 0 4px;} .carColor li{ float: left; width: 16px; height: 16px; margin: 4px 6px 7px 0; box-shadow: 1px 1px 0 #e5e5e5; } .carColor li a{ display: block; overflow: hidden; width: 14px; height: 14px; border: 1px solid #edefee;} .carColor li a em{ display: block; width: 14px; height: 7px; font: 0/0 Arial;} .carColor li a:hover{ width: 15px; height: 15px; border: 0;} .carColor li a:hover em{ width: 15px; height: 8px;} .carColor a.moreColor{ display: none; position: relative; float: right; width: 61px; height: 24px; font: normal 12px/24px "\5B8B\4F53";} .carColor a.moreColor:link,.carColor a.moreColor:visited, .carColor a.moreColor:hover,.carColor a.moreColor:active{ color: #666;} .carColor a.moreColor em{ display: block; position: absolute; right: 3px; top: 10px; overflow: hidden; width: 7px; height: 4px; background-position: 0 0;} .carColor a.moreColor em{ -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -ms-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; transition: All 0.2s ease-in-out; } .carColor a.moreColor.hover em{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ie6 .carColor a.moreColor.hover em, .ie7 .carColor a.moreColor.hover em, .ie8 .carColor a.moreColor.hover em{ background-position: 0 -5px;} .carColor .colorsFor.forHover{ right: 0; top: 0; z-index: 9; height: auto; border: 1px solid #e5e5e5; padding: 0; background: #f7f7f7;} .carColor .colorsFor.forHover ul{ height: 49px;} /* 参配概要 */ .infoPrice{ position: relative; border-bottom: 1px solid #e5e5e5; padding: 0px 0 2px 0;} .infoPrice div{ color: #666; font: 12px/26px "\5B8B\4F53";} .infoPrice div strong{ margin-right: 5px; color: #d70000; font: normal 26px/28px "\5FAE\8F6F\96C5\9ED1"; vertical-align: middle;margin-top:-5px;} .infoPrice .ucar{font-weight:bold;} .infoPrice .ucar a{color: #177cb0;} .infoPrice .ucar em{margin-right:8px;color:#D70000;} .infoPrice .ucar a i{margin-right:3px;} .infoPrice .price span,.infoPrice .price strong{float:left;} .infoPrice div i{font-style:normal;} .infoPrice div .cityShow{ display: none; position: relative; cursor: pointer; height: 24px; padding-right: 15px; color: #177cb0; font: normal 12px/24px "\5B8B\4F53";} .ie7 .infoPrice div .cityShow, .ie6 .infoPrice div .cityShow{ display: none;} .infoPrice div .cityShow em{ display: block; position: absolute; right: 3px; top: 10px; overflow: hidden; width: 7px; height: 4px; background-position: 0 0;} .ie7 .infoPrice div .cityShow em,.ie6 .infoPrice div .cityShow em{top: 5px;} .infoPrice div .cityShow em{ -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -ms-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; transition: All 0.2s ease-in-out; } .infoPrice div .cityShow.hover em{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ie6 .infoPrice div .cityShow.hover em, .ie7 .infoPrice div .cityShow.hover em, .ie8 .infoPrice div .cityShow.hover em{ background-position: 0 -5px;} .infointro{padding:5px 0;} .infointro .whalf{width:50%} .infoParameter{ width: 100%;float:left;} .infoParameter li{ color: #666; font: 12px/26px "\5B8B\4F53";float:left;width:100%;height:26px;overflow:hidden;word-wrap:break-word;word-break:break-all;} .infoParameter li.dbh{height:52px;} .infoParameter li strong{ color: #177cb0; font: normal 12px/26px "\5B8B\4F53";display:inline-block;} .infoParameter li span{ margin: 0 5px; color: #bfc0bf; font: normal 12px/26px "\5B8B\4F53";} .favorBt{ position: absolute; right: 0; top: 2px; cursor: pointer; width: 49px; height: 20px; border: 1px solid #e5e5e5; font: 12px/20px "\5B8B\4F53"; text-align: center; vertical-align: middle;} .favorBt em{ display: block; float: left; width: 10px; height: 10px; margin: 5px;} .ie6 .favorBt em{ display: inline;} .favorBt span{ display: inline-block; float: left; width: 29px; height: 20px; font: 12px/20px "\5B8B\4F53"; text-align: left;} .favorBt:link em,.favorBt:visited em{ background-position: -19px 0;} .favorBt:hover em,.favorBt:active em{ background-position: -8px 0;} /* 市场价城市切换 */ .ie7 .barL330.marginL20, .ie6 .barL330.marginL20{ position: relative; z-index: 3;} .cityLayer{position:absolute; z-index: 2; background-image:url(http://mat1.gtimg.com/auto/css/car2013/quotation/20150405/slice/main.png);background-position:0 0;width:416px;height:307px;top:20px;right:-59px;display:none} .cityLayer .layTt{ overflow: hidden; margin-top:10px;margin-left:5px;height:30px;} .cityLayer .layTt .tt{ float:left;margin-top:10px;margin-left:10px;font:18px/21px "\5FAE\8F6F\96C5\9ED1";} .cityLayer .layTt .close{float:right;width:30px;height:30px; margin-right: 3px; font-size:18px;line-height:30px;text-align:center} .cityLayer .layTt .close:hover{text-decoration:none;background-color:#008ED8;color:#fff} .cityLayer .layHd{margin-top:5px;margin-left:5px;padding-bottom:5px} .cityLayer .layHd a{display:inline-block;width:18px;18px;text-align:center;line-height:18px;border:1px solid #C6C6C6;margin-left:10px;font-family: Arial;} .cityLayer .layHd a{display:inline-block;width:18px;18px;text-align:center;line-height:18px;border:1px solid #C6C6C6;margin-left:10px;font-family: Arial;} .cityLayer .layHd a:hover{ border-color: #008ED8; background-color:#008ED8; color:#fff;text-decoration:none} .cityLayer .layBd .FirstLetter,.cityLayer .layBd .proList,.cityLayer .layBd .cityList{float:left;margin-left:15px} .cityLayer .layBd .proList .proDiv{} .cityLayer .layBd .FirstLetter,.cityLayer .layBd .proName{height:24px;line-height:24px} .cityLayer .layBd .proName{float:left;width:42px;text-align:right} .cityLayer .layBd .cityList{margin-left:4px;width:300px} .cityLayer .layBd .cityList li{float:left} .cityLayer .layBd .cityList li a{display:block;color:#008ED8;height:20px;line-height:20px;padding:0 8px;white-space:nowrap} .ie6 .cityLayer .layBd .cityList li a{ display: inline;} .cityLayer .layBd .cityList li a:hover{background-color:#008ED8;color:#fff;text-decoration:none} .cityLayer .layBd{overflow:scroll;height:222px;padding-left:3px;width:410px;overflow-x:hidden} .cityLayer .layBd .letterDiv{margin:10px 0} .cityLayer .layBd .oddRow{background-color:#fafafa} .cityLayer .layBd .evenRow{background-color:#FFF} .cityLayer .layBd .proCont{clear:both} .cityLayer .layBd .FirstLetter{font-size:14px;font-weight:bold; font-family: Arial;} /* 收藏弹层 */ .faverTip{ display: none; position: absolute; left: -70px; top: -30px; z-index: 11; width: 470px; height: 260px;} .faverTip .bg{ width: 100%; height: 100%; background: #000; filter: Alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3;} .faverTip .con{ position: absolute; left: 0; top: 0; width: 410px; height: 200px; margin: 10px; padding: 20px; background: #fff;} .faverTip .title{ height: 62px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom;} .faverTip .title h3{ height: 62px;} .faverTip .title h3 em{ display: block; float: left; width: 21px; height: 21px; margin: 20px 17px 0 0; background-position: -139px -96px;} .faverTip .title h3 strong{ display: block; float: left; width: 372px; height: 62px; margin: 0; color: #333; font: normal 14px/62px "\5B8B\4F53";} .faverTip .title h3 a:link,.faverTip .title h3 a:visited{ color: #177cb0;} .faverTip .title h3 a:hover,.faverTip .title h3 a:active{ color: #333;} .faverTip .body{ overflow: hidden; width: 410px;} .faverTip .body h4{ height: 32px; padding-top: 10px; font: normal 12px/32px "\5B8B\4F53";} .faverTip .body ul{ width: 420px;} .faverTip .body li{ float: left; width: 130px; height: 87px; margin: 10px 10px 0 0;} .faverTip .body a{ display: block; position: relative; width: 130px; height: 87px;} .faverTip .body img{ width: 130px; height: 87px;} .faverTip .body strong{ display: block; position: absolute; left: 0; bottom: 0; width: 130px; height: 33px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/shadow3.png) no-repeat; color: #fff; font: normal 12px/33px "\5B8B\4F53"; text-align: center;} .ie6 .faverTip .body strong{ background: #000; filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .favorClose{ display: block; position: absolute; top: 4px; right: 12px; width: 30px; height: 30px; background-color: #c5dceb;} .favorClose em{ display: block; overflow: hidden; width: 21px; height: 21px; margin: 5px 0 0 5px; background-position: -91px -177px; text-indent: -99em;} .favorClose:hover{ background-color: #88afc8;} /* 询问底价|免费试驾 */ #tagTit_sign{ height: 33px; border-bottom: 2px solid #df5501;margin-top: 1px;} #tagTit_sign li{ cursor: pointer; float: left; width:50%; background: #E9E9E9; color: #333; font: normal 14px/33px "\5FAE\8F6F\96C5\9ED1"; text-align: center;} #tagTit_sign li.hover{ background: #df5501; color: #fff;} #tagBod_sign{ height: 192px; padding: 10px 8px; border: 1px solid #e9e9e9; background: #fefefe;border-top:none;background:#fff;} .tagBods_sign td{ padding: 7px 0;} .tagBods_sign .signLabel{ width: 72px; text-align: right;} .tagBods_sign .signLabel span{ color: #c00;} .tagBods_sign .red1{color:#D90606;} .tagBods_sign .carmodel{ width: 220px;height: 22px; border: 1px solid #e7e7e7; color: #666;} .tagBods_sign .province{ width: 105px;height: 22px; border: 1px solid #e7e7e7; color: #666;} .tagBods_sign .city{ width: 105px;height: 22px; border: 1px solid #e7e7e7; color: #666;} .tagBods_sign .signTxt{ width: 110px; height: 20px; border: 1px solid #e7e7e7; padding: 0 3px; color: #999; line-height: 20px;} .tagBods_sign input.submit{ width: 68px; height: 28px; border: 0; background: #1c8dd5; color: #fff; text-align: center; line-height: 28px;cursor:pointer;} /* 热门中大型车排行榜 */ .topN .body{ padding: 7px 6px 7px 12px;border: 1px solid #e5e5e5;border-top: none;} .topN table{ width:100%; border-collapse:collapse;} .topN td{ height: 20px; padding:5px 3px; color: #999; font:14px/18px Tahoma,"\5B8B\4F53"; text-align:left;} .topN td a{white-space: nowrap; display: inline-block; overflow: hidden; width: 100px;text-overflow: ellipsis;} .topN td.order{ text-align: center;} .topN td.price span{ float: right; color: #333;} .topN td em{ display: inline-block; height: 17px; border: 1px solid #e5e5e5; padding: 0 6px; color: #666; font:12px/18px Tahoma,"\5B8B\4F53";float:left;} .topN td em.top3{ border-color: #df5501; background: #df5501; color: #fff;} .topN td em.on{ border-color: #1c8dd5; background: #1c8dd5; color: #fff;} /* 精彩推荐 */ .recommend .body{} /********** 资讯 **********/ .bar460{ width: 460px;} /* 最新资讯 */ .newsList{position:relative;z-index:99} .newsList ul{ padding: 5px 0;} .newsList li{ height: 30px; color: #666; font:14px/30px "\5B8B\4F53",Tahoma;overflow:hidden;} .newsList li .tit{overflow: hidden; width: 310px;} .newsList li a,.newsList li span{ float: left;} .newsList li span{ margin: 0 8px;} .newsList li time{ float: right; color: #666; font:12px/30px "\5B8B\4F53",Tahoma;} /* 车价弹层 */ .cityPrice{ position: relative; float: left; height: 44px; margin-left: 20px;} .cityPrice h3{ float: left; height: 44px; color: #177cb0; font: 12px/44px "\5B8B\4F53";} .cityPrice a.moreProvince{ display: block; position: relative; float: left; width: 61px; height: 24px; margin: 10px 0 10px 7px; font: normal 12px/24px "\5B8B\4F53";} .cityPrice a.moreProvince:link,.cityPrice a.moreProvince:visited, .cityPrice a.moreProvince:hover,.cityPrice a.moreProvince:active{ color: #333;} .cityPrice a.moreProvince em{ display: block; position: absolute; right: 3px; top: 10px; overflow: hidden; width: 7px; height: 4px; background-position: 0 0;} .cityPrice a.moreProvince em{ -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -ms-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; transition: All 0.2s ease-in-out; } .cityPrice a.moreProvince.hover em{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ie6 .cityPrice a.moreProvince.hover em, .ie7 .cityPrice a.moreProvince.hover em, .ie8 .cityPrice a.moreProvince.hover em{ background-position: 0 -5px;} .cityPrice .provinceBox{ display: none; position: absolute; left: 0; top: 44px; z-index: 1; width: 305px; border: 1px solid #d8d8d8; padding: 0 9px;padding-bottom:5px; background: #fff; box-shadow: 2px 2px 2px #ddd;} .cityPrice .provinceBox p{ position: relative; height: 32px; margin: 0; border-bottom: 1px solid #d8d8d8; font: bold 12px/32px "\5B8B\4F53";} .cityPrice .provinceBox ul{ padding: 0;height:auto;} .cityPrice .provinceBox a.close{ display: block; position: absolute; right: 0; top: 10px; width: 13px; height: 13px; border: 1px solid #c8c8c8; background-color: #fff;} .cityPrice .provinceBox a.close em{ display: block; overflow: hidden; width: 9px; height: 9px; margin: 2px 0 0 2px; background-position: -132px 0; text-indent: -99em;} .cityPrice .provinceBox a.close:hover{ border-color: #ff9600; background-color: #ff9600;} .cityPrice .provinceBox a.close:hover em{ background-position: -132px -10px;} .cityPrice .provinceBox li{ float: left; width: 43px; height: 26px; color: #333; font: 12px/26px "\5B8B\4F53";} .cityPrice .provinceBox li a:link,.cityPrice .provinceBox li a:visited{ color: #177cb0;} .cityPrice .provinceBox li a:hover,.cityPrice .provinceBox li a:active{ color: #333;} /********** 车型列表 **********/ .titSerial h2{ background-position: 0 -24px;} .serialTag{ height: 34px; border-top: 2px solid #1c8dd5; background: #e5e5e5;} #car_list .serial_tab{position:relative;z-index:88;width:400px;} #car_list .serial_tab li{float:left;_display:inline;position:relative;} #car_list .serial_tab li a{display:block;height:34px;line-height:34px;text-align:center;padding-left:10px;padding-right:10px;font-size:14px;font-family:\5B8B\4F53;_display:inline-block;} #car_list .serial_tab .on a,#car_list .serial_tab li a:hover,#car_list .serial_tab .active a,#car_list .serial_tab a.on,#car_list .serial_tab a.active{background-color:#1C8DD5;color:#fff;} #car_list .serial_tab a span{font-size:12px;color:#777;font-weight:400;} #car_list .serial_tab a span em{color:#177CB0;} #car_list .serial_tab .on span,.serial_tab .on span em{color:#fff;} #car_list .serial_tab li a{position:relative;} #car_list .serial_tab li a.rmore{padding-right:20px;} #car_list .serial_tab li a .delta_btm{width:9px;height:5px;background:url(http://mat1.gtimg.com/auto/images/car2013/serial/down_btm.gif) no-repeat;top:14px;right:5px;bottom:0px;left:auto;position:absolute;} #car_list .serial_tab li.on a .delta_btm{background-position:0 -49px;} #car_list .serial_tab li a:hover{background-color:#e5e5e5;color:#000;} #car_list .serial_tab li.on a:hover{background-color:#1C8DD5;color:#fff;} #car_list .sub_menu{z-index:99;white-space:nowrap;border:#CCCCCC 1px solid;display:none;color:#fff;background:#fff;width:84px;position:absolute;left:0px;top:34px;} #car_list li:hover .sub_menu,#car_list .on .sub_menu{display:block;} #car_list .serial_tab li .sub_menu a{color:#177CB0;background:none;font-size:12px ;padding-left:0;padding-right:0;font-weight:normal;border-right:0;display:block;} #car_list .serial_tab li .sub_menu a:hover{background:#E5E5E5;color:#177CB0;} #car_list .serial_tab li .sub_menu a.current{background:#E5E5E5;} .tagBods_serial{ padding-top: 10px;display:none;position:relative;} .tagBods_serial table{ width:100%; border: 1px solid #e7e7e7; border-bottom: 0; border-collapse:collapse;} .tagBods_serial th{ height: 38px; border-bottom: 1px solid #e7e7e7; padding: 0 13px; background: #fafafa; font: bold 12px/38px "\5B8B\4F53"; text-align: left;} .tagBods_serial td{ border-bottom: 1px solid #e7e7e7; padding: 9px 15px;} .tagBods_serial a:link,.tagBods_serial a:visited{ color: #177cb0;} .tagBods_serial a:on,.tagBods_serial a:active{ color: #333;} .tagBods_serial h3{ padding: 5px 0;} .tagBods_serial h3 a{ font: normal 14px/16px "\5B8B\4F53";} .tagBods_serial h3 em{ display: inline-block; padding: 0 2px; color: #fff; font: normal 12px/16px "\5B8B\4F53";} .tagBods_serial h3 em.electrocar{ background: #5fa400;} .tagBods_serial h3 em.new{ background: #1c8dd5;} .tagBods_serial h3 em.old{ background: #52b3d9;} .tagBods_serial span{ color: #666; font: 12px/22px "\5B8B\4F53";} .tagBods_serial .attention{ display: block; position: relative; cursor: pointer; width: 45px; height: 6px; background: #f3f3f3; font: 0/0 Arial;} .tagBods_serial .attention span{ display: block; overflow: hidden; height: 6px; background: #ff9600; font: 0/0 Arial;} .tagBods_serial .attention em{ display: none; position: absolute; left: -20px; top: -20px; width: 85px; font: normal 12px/16px "\5B8B\4F53"; text-align: center;} .tagBods_serial .attention:hover em{ display: block;} .tagBods_serial strong{ color: #d90000; font: normal 12px/19px "\5B8B\4F53";} .tagBods_serial .calculator{ display: inline-block; width: 19px; height: 19px; background-position: -54px 0; vertical-align: middle;} .tagBods_serial .calculator:hover{ background-position: -74px 0;} .tagBods_serial .askprice{ display: inline-block; height: 18px; padding: 0 5px; font: 12px/20px "\5B8B\4F53"; vertical-align: middle;border: 1px solid #cccccc;} .tagBods_serial .ask:link,.tagBods_serial .ask:visited{ background: #ff9600; color: #fff;border: 1px solid #FF9600;} .tagBods_serial .ask:hover,.tagBods_serial .ask:active{ background: #ffa600; color: #fff;border: 1px solid #FF9600;} .tagBods_serial .buy{ display: inline-block; height: 20px; padding: 0 5px; font: 12px/20px "\5B8B\4F53"; vertical-align: middle;} .tagBods_serial .buy:link,.tagBods_serial .buy:visited{ background: #d70000; color: #fff;} .tagBods_serial .buy:hover,.tagBods_serial .buy:active{ background: #e70000; color: #fff;} .tagBods_serial .dk{ display: inline-block; height: 20px; padding: 0 5px; font: 12px/20px "\5B8B\4F53"; vertical-align: middle;} .tagBods_serial .dk:link,.tagBods_serial .dk:visited{ background: #DF5501; color: #fff;} .tagBods_serial .dk:hover,.tagBods_serial .dk:active{ background: #DF5501; color: #fff;} .tagBods_serial .pk, .tagBods_serial .pked{ display: inline-block; cursor: pointer; width: 71px; height: 18px; border: 1px solid #bcbcbc; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/btBg.png) repeat-x; vertical-align: middle;} .tagBods_serial .pk em, .tagBods_serial .pked em{ display: inline-block; float: left; width: 10px; height: 10px; margin: 4px 6px 4px 10px;} .tagBods_serial .pked em{ width: 11px; height: 7px; margin: 5px 6px 6px 9px;} .tagBods_serial .pk span, .tagBods_serial .pked span{ display: inline-block; float: left; width: 35px; height: 18px; padding-left: 10px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/btLine.png) no-repeat 0 center; font: 12px/18px "\5B8B\4F53";} .tagBods_serial .pk:link em,.tagBods_serial .pk:visited em{ background-position: -19px 0;} .tagBods_serial .pk:hover em,.tagBods_serial .pk:active em{ background-position: -8px 0;} .tagBods_serial .pked:link em,.tagBods_serial .pked:visited em{ background-position: -42px 0;} .tagBods_serial .pked:hover em,.tagBods_serial .pked:active em{ background-position: -30px 0;} /********** 车系图片 **********/ .titImage h2{ background-position: 0 -48px;} .serialImage{ overflow: hidden;} .serialImage ul{ width: 1010px;} .serialImage li{ position: relative; overflow: hidden; float: left; width: 192px; height: 128px; margin: 10px 10px 0 0;} .serialImage li a, .serialImage li img{ display: block; width: 192px; height: 128px;} .serialImage li a{ position: relative;} .serialImage li h4{ position: absolute; left: 0; bottom: 0; width: 192px; height: 33px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/shadow2.png) no-repeat; color: #fff; font: normal 12px/33px "\5B8B\4F53"; text-align: center;} .ie6 .serialImage li h4{ background: #000; filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;} /********** 车系视频 **********/ .titVideo h2{ background-position: 0 -72px;} .videoList{ overflow: hidden;} .videoList ul{ width: 1012px;} .videoList li{ position: relative; overflow: hidden; float: left; width: 241px; height: 193px; margin: 12px 12px 0 0;} .videoList li a{ display: block; position: relative; width: 241px; height: 193px; background-color: #fafafa;} .videoList li img{ display: block; width: 241px; height: 161px;} .videoList li span{ display: block; position: absolute; left: 0; top: 0; width: 241px; height: 161px; background: #000; filter: Alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3;} .videoList li em{ display: block; position: absolute; left: 95px; top: 55px; overflow: hidden; width: 50px; height: 50px; background-position: 0 -68px;} .videoList li h4{ width: 241px; height: 32px; font: normal 12px/32px "\5B8B\4F53"; text-align: center;} .videoList li a:hover{ background-color: #1c8dd5;} .videoList li a:hover h4{ color: #fff;} /********** 在售二手车 **********/ .titUcar h2{ background:url('http://mat1.gtimg.com/auto/images/autoproject/ucar/2016-04-20_162618.png')} .ucarList{ overflow: hidden;} .ucarList ul{margin-left:-12px;} .ucarList ul li{float:left;width:241px;overflow:hidden;margin-left:12px;position:relative;} .ucarList ul li .tit{font-size:14px;display:block;line-height:23px;padding:10px 4px 6px 4px;height:22px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;} .ucarList ul li img{width:241px;display:block;} .ucarList ul li .bargain{display:none;} .ucarList ul li.hover{border:#FF7614 1px solid;} .ucarList ul li.hover .action{display:block;} .ucarList ul li .bargain {position:absolute;width:300px;height:314px; box-shadow: 0px 0px 5px 0 #d6d5d5;} .ucarList ul li .bargain .prod{border:#FF7614 1px solid;width:298px;height:263px;display:block;} .ucarList ul li .action{position:absolute;bottom:0;width:300px;height:49px;line-height:49px;background:#FF7614;text-align:center;color:#fff;font-size:18px;display:none;} .ucarList ul li .parameter{color:#999;margin-top:3px;padding:0 4px;} .ucarList ul li .parameter .time{margin-right:12px;font-family:Microsoft YaHei !important;} .ucarList ul li .parameter .time i{background-image:url(http://mat1.gtimg.com/auto/images/autoproject/ucar/icon-time.png);width:14px;height:14px;display:inline-block;float:left;margin-right:3px;margin-top:2px;} .ucarList ul li .parameter .mileage{font-family:Microsoft YaHei !important;} .ucarList ul li .parameter .mileage i{background-image:url(http://mat1.gtimg.com/auto/images/autoproject/ucar/icon-gl.png);width:14px;height:14px;display:inline-block;float:left;margin-right:3px;margin-top:2px;} .ucarList ul li .parameter .price {color:#FF7614;font-size:14px;} .ucarList ul li .parameter .price em{font-size:26px;font-family:Tahoma;} .ucarList ul li .parameter .blue{border:#22BADB 1px solid;color:#22BADB;padding:1px 6px;margin-left:3px;margin-top:8px;} .ucarList ul li .parameter .yellow{border:#FF7614 1px solid;color:#FF7614;padding:1px 6px;margin-left:3px;margin-top:8px;} .ucarList ul li .nothing{background:url(http://mat1.gtimg.com/auto/images/autoproject/ucar/car.jpg) no-repeat center 100px;height:185px;text-align:center;padding-top:315px;line-height:24px;} .ucarList ul li .nothing a{color:#FF7614;} /********** 经销商列表 **********/ .titDealer h2{ background-position: 0 -96px;} .provinceAll{ position: relative; overflow: hidden; height: 34px; background: #e5e5e5;} .provinceAll ul{ float: left; width: 880px;} .provinceAll li{ float: left; width: 80px; height: 24px; padding: 5px 0; text-align: center;} .provinceAll li a{ display: inline-block; height: 24px; padding: 0 10px; font: 14px/24px "\5B8B\4F53";} .provinceAll li a.undis{color:#B7B7B7;cursor:default;} .provinceAll li.hover a:link,.provinceAll li.hover a:visited, .provinceAll li.hover a:hover,.provinceAll li.hover a:active{ background: #1c8dd5; color: #fff;} .provinceAll a.provinceMore{ display: block; position: relative; float: right; width: 90px; height: 34px; padding-right: 30px; font: 14px/34px "\5B8B\4F53"; text-align: right;} .provinceAll a.provinceMore:link,.provinceAll a.provinceMore:visited, .provinceAll a.provinceMore:hover,.provinceAll a.provinceMore:active{ color: #333;} .provinceAll a.provinceMore em{ display: block; position: absolute; right: 19px; top: 15px; overflow: hidden; width: 7px; height: 4px; background-position: 0 0;} .provinceAll a.provinceMore em{ -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -ms-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; transition: All 0.2s ease-in-out; } .provinceAll a.provinceMore.hover em{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ie6 .provinceAll a.provinceMore.hover em, .ie7 .provinceAll a.provinceMore.hover em, .ie8 .provinceAll a.provinceMore.hover em{ background-position: 0 -5px;} .dealerTit dl{ width: 958px; height: 32px; border: 1px solid #e5e5e5; padding: 0 20px;} .dealerTit dt{ float: left; height: 32px; font: bold 12px/32px "\5B8B\4F53";} .dealerTit dd{ float: left; height: 18px; margin-left: 10px;} .dealerTit dd a{ display: inline-block; height: 18px; margin: 7px 0; padding: 0 3px; font: 12px/18px "\5B8B\4F53";} .dealerTit dd.hover a:link,.dealerTit dd.hover a:visited, .dealerTit dd.hover a:hover,.dealerTit dd.hover a:active{ background: #1c8dd5; color: #fff;} .dealerBody{ overflow: hidden; width: 1000px;} .dealerBody ul{ width: 1020px;} .dealerBody li{ float: left; width: 320px; height: 131px; margin-right: 20px; padding: 15px 0; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom;} .dealerBody li h4{ height: 16px; padding: 5px 0;} .dealerBody li h4 em{ display: inline-block; overflow: hidden; width: 26px; height: 15px; background-position: -91px -119px; text-indent: -99em; vertical-align: middle;} .dealerBody li h4 a{ height: 15px; font: bold 14px/15px "\5B8B\4F53"; vertical-align: middle;} .dealerBody li h4 a:link,.dealerBody li h4 a:visited{ color: #177cb0;} .dealerBody li h4 a:hover,.dealerBody li h4 a:active{ color: #333;} .dealerBody li h4 span{ color: #666; font: normal 12px/15px "\5B8B\4F53"; vertical-align: middle;} .ie6 .dealerBody li h4 *, .ie7 .dealerBody li h4 *{ display: block; float: left; margin-right: 5px;} .dealerBody li p{ margin: 0; color: #666; font: normal 12px/26px "\5B8B\4F53";height:26px;overflow:hidden;} .dealerBody li p{zoom:1;} .dealerBody li p:after{ display: block; clear: both; visibility: hidden; content: "."; height: 0;} .dealerBody li p i{float:left;font-style:normal;} .dealerBody li p span{display:inline-block;width:270px;} .dealerBody li p strong{ color: #d70000; font: bold 12px/26px "\5B8B\4F53";} .dealerBody li p em{ display: inline-block; overflow: hidden; width: 32px; height: 13px; margin: 6px 3px 9px 0; text-indent: -99em; vertical-align: middle;} .dealerBody li p em.quanguo{ background-position: -91px -135px;} .dealerBody li p em.benshi{ background-position: -91px -149px;} .dealerBody li p em.bendi{ background-position: -91px -163px;} .ie9 .dealerBody li p em{ margin: 4px 3px 9px 0;} a.loadingMore{ display: block; overflow: hidden; width: 257px; height: 40px; margin: 20px auto 0; font: 14px/40px "\5B8B\4F53"; text-align: center;} a.loadingMore:link,a.loadingMore:visited{ background: #ececec; color: #333;} a.loadingMore:hover,a.loadingMore:active{ background: #5dbdfa; color: #fff; font-weight: bold;} .dealerBody .page{text-align:center;margin:15px;margin-bottom:0px;vertical-align:text-bottom;position:relative;_position:inherit;font-size:14px;} .dealerBody .page a,.dealerBody .page strong,.dealerBody .page span{display:inline-block;overflow:hidden;padding:6px 11px;margin:0 10px 0 0;line-height:1.231;border:1px solid #E0E0E0;background-position:-100px -350px;vertical-align:middle} .dealerBody .page a:hover,.dealerBody .page a.on{text-decoration:none;color:#fff;background:#1C8DD5;border:1px solid #E0E0E0} .dealerBody .page a.pageBtn{padding:7px 10px 5px;font-family:"Simsun"} .dealerBody .page a.disabled:hover{text-decoration:none;cursor:default;color:#DEDEDE;background:#F6F6F6} .dealerBody .page a.disabled{padding:7px 10px 5px;color:#DEDEDE;font-family:"Simsun";background:#F6F6F6} .dealerBody .page strong{color:#fff;background:#1C8DD5} .dealerBody .page span{padding:0;margin:0 8px 0 0;background:none;border:0} .dealerBody .page span.bar{display:block;position:absolute;top:5px;right:0} /********** 车型详解 **********/ .titDetailed h2{ background-position: 0 -120px;} .hx_a{ font-size:14px; font-weight:bold; height:24px; line-height:24px; border-bottom:1px dashed #D8D8D8; margin:2px 9px; } .hx_b{ font-size:20px; font-family:"微软雅黑"; font-weight:bold;} .hx_b span{ color:#1c8dd5; margin-left:10px;} .hx_c{ font-size:12px; font-weight:400; height:39px; overflow:hidden; line-height:40px; line-height:42px\9; border-bottom:1px dashed #D9D9D9; position:relative;} .hx_c a{ color:#177cb0; } .hx_c a:hover{ color:#333;} .hx_c_span_a{ display: inline-block; height: 13px; padding:13px 0; color:#177cb0;} .hx_c_span_a a{display: inline-block; float: left; height: 14px; font: 12px/14px "\5B8B\4F53";} .hx_c_span_a em{ display: inline-block; float: left; width: 17px; height: 13px; margin: 0 5px 0 0; background-position: -109px 0;} .hx_c_span_a span{ display: inline-block; float: left; height: 14px; font: 12px/14px "\5B8B\4F53";} .hx_c_span_b{ display:block; height:39px; overflow:hidden; line-height:40px; line-height:42px; position:absolute; top:0px; right:0px;} .p_a{ font-size:14px; color:#000; line-height:28px; padding-top:10px; text-indent:2em;} .image_a{ padding-left:2em; margin-top:10px;} .list_a{ width:175px; border:1px solid #D8D8D8; background-color:#fff;} .list_a li{ height:23px; padding:3px 0 2px; line-height:23px; position:relative; vertical-align:bottom;} .list_a li a, .list_a li span{ font-size:14px; color:#333; position:absolute; width:175px; display:block; height:28px; text-indent:58px;} .list_a li span{ color:#B2B2B2;} .list_a li a:hover, .list_a li a.selected{ width:177px; height: 23px; margin-left:5px; line-height: 23px; text-indent: 53px; text-decoration:none;} .list_a li a:hover{ background-position: 0 -44px;} .list_a li a.selected{ background-position: 0 -20px; color:#FFF;} .layout_a{ width:100%; height:0px; z-index:1000; } .layout_a_inner{ width:1000px; height:0px; position:relative; margin:0px auto;z-index:9;} .layout_a_inner .list_a{ position:absolute; top:0px; left:0px;z-index:99;} .layout_b{ width:1000px; margin:0px auto;min-height:679px; _height:679px; overflow: visible; } .layout_b .group_a{margin-left:176px;height:795px;overflow-y:auto;overflow-x:hidden;position:relative;} /*内容大框*/ .group_a{ width:820px; border:1px solid #D8D8D8;border-bottom:none; padding:1px 1px 0px 1px; background:#fff; } .group_a_inner{ width:780px; padding:10px 20px 0px 20px; background:url(http://mat1.gtimg.com/auto/images/autoproject/serial/auto_detail_bg_1.gif) 0px 0px repeat-x;font-size: 14px;} .group_a .group_b{ margin-top:10px;} /*本段相关车型*/ .group_b{ border-top:1px solid #D9D9D9;background:url(http://mat1.gtimg.com/auto/datalib/cardetail/auto_detail_sprite_1.gif) -276px -115px no-repeat; padding-bottom:20px;} .group_b_div_a{ padding:0px 20px;} /*分页*/ .turn-page{height:32px; font-size:14px; font-family:"\5B8B\4F53"; padding:12px 5px 5px 0;text-align:right;border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;} .turn-page a{margin-right:2px;padding:5px 12px;overflow:hidden;border:1px solid #e0e0e0;background-color:#fff;color:#333;text-align:center;cursor:pointer; height:20px;line-height:20px;text-decoration:none; display: inline-block;} .turn-page a.disabled{cursor:DEDEDE;background:#F6F6F6;border:1px solid #e0e0e0;} .turn-page a.disabled:hover{background:#F6F6F6;border:1px solid #e0e0e0;} .turn-page a:hover{ border-color: #1c8dd5; background-color:#1c8dd5;text-decoration:none;color:#fff;} .turn-page .selected{border:1px solid #1c8dd5;background-color:#1c8dd5;color:#fff;cursor:default} .turn-page .selected:hover{background-color:#1c8dd5;color:#fff;} .turn-page .dot{width:15px;height:32px; line-height:32px;margin-right:2px;color:#333; vertical-align: middle;} .turn-page .disabled{border:1px solid #C4C4C4;color:#C4C4C4; cursor:default;} .turn-page .disabled:hover{background-color:#fff;color:#C4C4C4;} #prev,#next{width:49px;} /********** 车友点评 **********/ .titVisual h2{ background-position: 0 -144px;} .barR270{ float: right; width: 270px; height: 833px; border: 1px solid #e7e7e7; padding: 0 14px;} .ie6 .barR270{ overflow: hidden;} .barL680{ float: left; width: 680px;} /* 点评内容 */ .tagVisualTitleMain{ height: 32px; border-top: 2px solid #1c8dd5; background-color: #f8f8f8;} .tagVisualTitleMain h2{ float: left; padding: 0 10px; font: bold 14px/32px "\5B8B\4F53";} .tagVisualTitleMain ul{ float: left;} .tagVisualTitleMain li{ cursor: pointer; float: left; width: 82px; font: normal 14px/32px "\5B8B\4F53"; text-align: center;} .tagVisualTitleMain li.hover{ background-color: #1c8dd5; color: #fff;} .tagVisualTitleMain h4{ float: right; margin-right: 15px; font: normal 12px/32px "\5B8B\4F53";} .tagVisualTitleMain h4 span{ color: #999;} .tagVisualTitleMain h4 a:link,.tagVisualTitleMain h4 a:visited{ color: #177cb0;} .tagVisualTitleSub{ height: 16px; border-bottom: 1px solid #e7e7e7; padding: 20px 0; font: normal 12px/16px "\5B8B\4F53";} .tagVisualTitleSub span{ float: left; margin-right: 15px; color: #999;} .tagVisualTitleSub a{ float: left; margin-right: 15px; padding: 0 2px;} .tagVisualTitleSub strong{ font-weight: normal;} .tagVisualTitleSub strong a:link,.tagVisualTitleSub strong a:visited{ color: #333;} .tagVisualTitleSub strong a:hover,.tagVisualTitleSub strong a:active{ background-color: #1c8dd5; color: #fff;} .tagVisualTitleSub a:link,.tagVisualTitleSub a:visited{ color: #666;} .tagVisualTitleSub a:hover,.tagVisualTitleSub a:active, .tagVisualTitleSub a.active:link,.tagVisualTitleSub a.active:visited, .tagVisualTitleSub a.active:hover,.tagVisualTitleSub a.active:active{ background-color: #1c8dd5; color: #fff;} .tagVisualBody{ border: 1px solid #e7e7e7; border-top: 0; padding:0 19px 20px;} .tagVisualBodyCon{max-height: 723px;_height:723px; overflow: auto;} .tagVisualBodyCon li{ border-bottom: 1px dashed #c3c3c3; padding: 15px 0;} .tagVisualBodyCon li:after{ display: block; clear: both; visibility: hidden; content: "."; height: 0;} * html .tagVisualBodyCon li{ height: 1%;} .tagVisualBodyCon .face{ position: relative; float: left; width: 56px; color: #177cb0;} .tagVisualBodyCon .face img{ width: 50px; height: 50px; border: 1px solid #d7d7d7; padding: 2px;} .tagVisualBodyCon .face p{ position: absolute; top: 65px; left: -19px; width: 94px; margin: 0; text-align: center; line-height: 20px;} .tagVisualBodyCon .face p a:link,.tagVisualBodyCon .face p a:visited{ color: #177cb0;} .tagVisualBodyCon .face p a:hover,.tagVisualBodyCon .face p a:active{ color: #333;} .tagVisualBodyCon .txtarea{ float: right; width: 555px;} .tagVisualBodyCon .visualTitle{ height: 16px; padding: 5px 0;} .tagVisualBodyCon .visualTitle em{ display: block; float: left; overflow: hidden; width: 14px; height: 13px; margin-right: 8px; background-position: -94px 0; text-indent: -99em;} .tagVisualBodyCon .visualTitle a{ float: left; font: bold 14px/16px "\5B8B\4F53";} .tagVisualBodyCon .visualTitle a:link,.tagVisualBodyCon .visualTitle a:visited{ color: #177cb0;} .tagVisualBodyCon .visualTitle a:hover,.tagVisualBodyCon .visualTitle a:active{ color: #333;} .tagVisualBodyCon .visualTitle strong{ float: right; margin-left: 10px; color: #999; font: normal 12px/16px "\5B8B\4F53";} .tagVisualBodyCon .visualTitle div{ float: right; width: 55px; height: 10px; margin-top: 3px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/star2.png) repeat-x;} .tagVisualBodyCon .visualTitle span{ display: block; height: 10px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/star2.png) repeat-x 0 -22px;} .tagVisualBodyCon h4{ height: 18px; color: #999; font: 12px/18px "\5B8B\4F53";} .tagVisualBodyCon h5{ font: normal 12px/22px "\5B8B\4F53";} .tagVisualBodyCon h5.yd{ color: #c73600;} .tagVisualBodyCon h5.qd{ color: #0b7aa8;} .tagVisualBodyCon h5.zs{ color: #666;} .tagVisualBodyCon .txtarea p{ margin: 0; line-height: 22px;margin-bottom:15px;} .tagVisualBodyCon .suop{ text-align: right;} .tagVisualBodyCon .suop span{ color: #999;} .tagVisualBodyCon .suop a:link,.tagVisualBodyCon .suop a:visited{ color: #177cb0;} .tagVisualBodyCon .suop a.disabel{color:#666666;cursor:default;} .tagVisualBodyCon .suop a:hover,.tagVisualBodyCon .suop a:active{ color: #333;} /* 评分 */ .barR270 .grade{ width: 270px; height: 90px; margin-top: 9px;} .barR270 .grade h3{ display: block; float: left; width: 90px; height: 90px; background-position: 0 -119px; color: #df5501; font: normal 60px/90px Arial; text-align: center;} .barR270 .grade ul{ float: right; width: 162px; height: 88px; padding: 1px 0;} .barR270 .grade li{ height: 22px;} .barR270 .grade li label, .barR270 .grade li div, .barR270 .grade li span, .barR270 .grade li strong{ display: block; height: 22px;} .barR270 .grade li label{ float: left; width: 55px; line-height: 22px;} .barR270 .grade li div{ float: left; width: 85px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/star1.png) repeat-x 0 0;} .ie6 .barR270 .grade li div{ background-image: url(http://mat1.gtimg.com/auto/images/autoproject/serial/star1IE6.png);} .barR270 .grade li span{ width: 0; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/star1.png) repeat-x 0 -22px;} .ie6 .barR270 .grade li span{ background-image: url(http://mat1.gtimg.com/auto/images/autoproject/serial/star1IE6.png);} .barR270 .grade li strong{ float: right; width: 22px; color: #666; font: normal 12px/22px "\5B8B\4F53"; text-align: right;} .barR270 .paiming{ display: block; width: 270px; height: 30px; margin: 20px auto; line-height: 30px; text-align: center;} .barR270 .paiming:link,.barR270 .paiming:visited{ background: #f8f8f8; color: #666;} .barR270 .paiming:hover,.barR270 .paiming:active{ background: #e8e8e8; color: #333;} .barR270 .paiming span{ color: #177cb0;} /* 编辑点评 */ .barR270 .editor li{ height: 72px; padding: 10px 0;} .barR270 .editor li h4{ float: left; width: 43px; height: 72px; margin-left: 8px; font: normal 12px/28px "\5B8B\4F53"; text-align: center;} .ie6 .barR270 .editor li h4{ margin-left: 4px;} .barR270 .editor li h4 em{ display: block; width: 43px; height: 43px;} .barR270 .editor li p{ float: right; width: 208px; height: 72px; margin: 0; line-height: 24px;} .barR270 .editor li.good{ background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom;} .barR270 .editor li.good h4 em{ background-position: -51px -68px;} .barR270 .editor li.bad h4 em{ background-position: -95px -68px;} /*serial_comment|点评表单*/ #serial_comment{margin-top:20px;*margin-top:0;} #serial_comment table { border-collapse: collapse; border-spacing: 0;} #serial_comment a{color:#039;} #serial_comment textarea{height:50px;overflow-y:auto;width:306px;border:1px solid #ccc;color:#666;font-size:12px;line-height:15px;padding:5px;} #serial_comment .orange1{color:#F25619;} #serial_comment .qlan{color:#009FE1;} #serial_comment .red1{color:#D90606;} #serial_comment .inputtxt{width:306px;padding:5px;} #serial_comment .tag{width:200px;} #serial_comment .tag a{border:1px solid #fff;display:inline-block;height:16px;line-height:16px;padding:0 2px;margin-right:5px;} #serial_comment .tag a:hover{background-color:#CDE0EE} #serial_comment .tag a.on{background-color:#CDE0EE;border-color:#3870E0;} #serial_comment .score{width:351px;} #serial_comment .score li{float:left;width:50%;*width:49%;padding:0 0 5px;} #serial_comment .title{display:inline-block;*float:left;width:50px;vertical-align:top;} #serial_comment .icon{display:inline-block;*float:left;width:85px;background:url(http://mat1.gtimg.com/auto/datalib/comment_front/star_big3.gif) repeat-x 0 -1px;position:relative;height:16px;} #serial_comment .icon .display{width:0px;position:absolute;z-index:1;left:0;top:0;height:16px;background:url(http://mat1.gtimg.com/auto/datalib/comment_front/star_big3.gif) repeat-x left -17px;} #serial_comment .icon_list li{width:auto;padding:0;} #serial_comment .icon_list a{position:absolute;top:0;display:block;width:8px;height:16px;line-height:16px;text-indent:-999px;overflow:hidden;font-size:0;z-index:20;vertical-align:top;} #serial_comment .icon_list a:hover{background:url(http://mat1.gtimg.com/auto/datalib/comment_front/star_big3.gif) repeat-x left -33px;z-index:2;left:0;} #serial_comment .icon_list a.one{left:0;} #serial_comment .icon_list a.one:hover{left:0;width:9px;} #serial_comment .icon_list a.two{left:9px;} #serial_comment .icon_list a.two:hover{left:0;width:17px;background-position:right -33px;} #serial_comment .icon_list a.three{left:17px;} #serial_comment .icon_list a.three:hover{left:0;width:26px;} #serial_comment .icon_list a.four{left:26px;} #serial_comment .icon_list a.four:hover{left:0;width:34px;background-position:right -33px;} #serial_comment .icon_list a.five{left:34px;} #serial_comment .icon_list a.five:hover{left:0;width:43px;} #serial_comment .icon_list a.six{left:43px;} #serial_comment .icon_list a.six:hover{left:0;width:51px;background-position:right -33px;} #serial_comment .icon_list a.sven{left:51px;} #serial_comment .icon_list a.sven:hover{left:0;width:60px;} #serial_comment .icon_list a.eight{left:60px;} #serial_comment .icon_list a.eight:hover{left:0;width:68px;background-position:right -33px;} #serial_comment .icon_list a.nine{left:68px;} #serial_comment .icon_list a.nine:hover{left:0;width:76px;} #serial_comment .icon_list a.ten{left:76px;} #serial_comment .icon_list a.ten:hover{left:0;width:85px;background-position:right -33px;} #serial_comment .score li .info{display:inline-block;*float:left;width:33px;vertical-align:top;*vertical-align:baseline;} #serial_comment .showTips em{color:#676767;margin-right:0;font-weight:normal;} /* 车友印象 */ .impression .body{ height: 98px;} .impression .body ul{ width: 279px;} .impression .body li{ cursor: pointer; float: left; width: 84px; height: 22px; margin: 9px 9px 0 0;position:relative;} .impression .body li h4{ background-color: #5dbdfa; color: #fff; font: normal 12px/22px "\5B8B\4F53"; text-align: center;} .impression .body li div{ display: none; position: absolute; right: -15px; top: 0; width: 116px; border: 1px solid #5dbdfa; padding: 0 6px; background: #fff;} .impression .body li div strong{ display: block; padding: 3px 0; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 bottom; color: #5ebcfa; font: normal 12px/19px "\5B8B\4F53";} .impression .body li div p{ height: 25px; margin: 0; color: #666;} .impression .body li div span{ float: left; font: normal 12px/25px "\5B8B\4F53";} .impression .body li div em{ float: right; font: normal 12px/25px "\5B8B\4F53";} .impression .body li.hover{ position: relative; z-index: 9;} .impression .body li.hover div{ display: block;} .impression .body li .tips{position:absolute;display:none;top:0px;left:0px;} .impressionmore{} .impressionmore .body ul{width: auto;} .impressionmore .body{padding-left:32px;} .impression p{ height: 32px; margin: 0; line-height: 32px;} .impression .addMyImpression{ height: 22px; padding: 10px 0 20px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/lineX.png) repeat-x 0 0;} .impression .addMyImpression label{ float: left; line-height: 22px;} .inputTxt, .inputOnblur, .inputOnFocus{ float: left; width: 120px; height: 20px; border: 1px solid #e7e7e7; padding: 0 7px; color: #999; line-height: 20px;} .inputOnFocus{ color:#000;} .inputSubmit{ float: right; width: 42px; height: 22px; border: 1px solid #dfdfdf; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/submitBg.png) repeat-x; line-height: 20px; text-align: center;} /* 竞争车系 */ .contend .body{ overflow: hidden; width: 270px;} .contend .body ul{ width: 280px;} .contend .body li{ float: left; width: 130px; height: 87px; margin: 10px 10px 0 0;} .contend .body a{ display: block; position: relative; width: 130px; height: 87px;} .contend .body img{ width: 130px; height: 87px;} .contend .body strong{ display: block; position: absolute; left: 0; bottom: 0; width: 130px; height: 33px; background: url(http://mat1.gtimg.com/auto/images/autoproject/serial/shadow3.png) no-repeat; color: #fff; font: normal 12px/33px "\5B8B\4F53"; text-align: center;} .ie6 .contend .body strong{ background: #000; filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6;} /********** 视频弹层 **********/ .videoShadow{ display: none; position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: #000; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5;} .videoBox{ display: none; position: absolute; left: 50%; top: 100px; z-index: 100; width: 906px; height: 0; /*height: 661px;*/ margin-left: -453px; background-color: #fff;} .videoBox h2{ width: 826px; height: 60px; margin: 10px auto; font: normal 22px/60px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";} .videoBox #mod_player{ width: 826px; margin: 0 auto;} .videoBox .closeBtn{ display: block; position: absolute; top: 6px; right: 5px; width: 30px; height: 30px; background-color: #c5dceb;} .videoBox .closeBtn em{ display: block; overflow: hidden; width: 21px; height: 21px; margin: 5px 0 0 5px; background-position: -91px -177px; text-indent: -99em;} .videoBox .closeBtn:hover{ background-color: #88afc8;} /********** 购车计算器 **********/ .tooltipsy{border: 1px solid #e7e7e7; padding: 0 9px; background: #fff; box-shadow: 2px 2px 2px #ddd;} .tooltipsyTit{width:227px;overflow: hidden; height: 36px; } .tooltipsyTit h3{height: 36px; font: normal 16px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";} .tooltipsyTit a.close{ display: block; position: absolute; right: 0; top: 11px; width: 13px; height: 13px; border: 1px solid #c8c8c8; background-color: #fff;} .tooltipsyTit a.close em{ display: block; overflow: hidden; width: 9px; height: 9px; margin: 2px 0 0 2px; background-position: -132px 0; text-indent: -99em;} .tooltipsyTit a.close:hover{ border-color: #ff9600; background-color: #ff9600;} .tooltipsyTit a.close:hover em{ background-position: -132px -10px;} .tooltipsyBod {width:227px;border-top: 1px solid #e7e7e7;} .tooltipsyBod dt{ height: 30px; font-weight: bold;line-height:30px;} .tooltipsyBod dd{ height: 24px; line-height: 24px;} .tooltipsyBod dd label{ float: left; font-style: normal;} .tooltipsyBod dd span{ float: right;} .tooltipsyBod dd strong{ color: #c00; font-style: normal;} .tooltipsyBod dd.bold *{ font-weight: bold;} .tooltipsyBod dl.dk{ margin-top: 10px; border-top: 1px solid #e7e7e7;} .tooltipsyBod dl.dk dd{ height: 30px; line-height: 30px;} .tooltipsyBod dd select{ float: left; width: 55px; margin: 5px 5px 0 0;} /*(购车计算器|差异配置)浮层*/ #tooltipsy{position:fixed;_position:absolute;z-index:9999;display:none;} #tooltipsy .compare{table-layout:fixed;width:913px;margin-bottom:9px;background:#EEEEEE;border-collapse:collapse;border-spacing:0;} #tooltipsy .compare th{font-size:14px;font-weight:bold;text-align:center;height:30px;background-color:#ccc;} #tooltipsy .compare tr{font-weight:normal;} #tooltipsy .compare td{padding:5px;height:30px;} #tooltipsy .compare .price_title{width:100px;} #tooltipsy .compare .price1,#tooltipsy .compare .price2{text-align:center;} #tooltipsy .compare td select{border:1px solid #999;width:150px;height:20px;} #tooltipsy .compare td a{display:inline-block;margin:5px;background:#ccc;border:1px solid #999;padding:5px 7px;margin:5px;text-align:center;} #tooltipsy .compare td span{display:inline-block;margin:5px;background:#ccc;border:1px solid #999;padding:5px 7px;margin:5px;text-align:center;color:#aaa;} /*车型对比浮层*/ #serail_compare .content li .delCompare,#serail_compare .content li .addCompete,#serail_compare .content .link .doCompare{background: url(http://mat1.gtimg.com/auto/datalib/serialindexv3/s11_bg_clzt_1.gif) no-repeat;} #serail_compare {background:#FBFDFF url(http://mat1.gtimg.com/auto/datalib/serialindexv3/s11_bg_clzt_1.gif) no-repeat -45px 0;cursor: pointer;min-height: 147px;_height: 147px;position: fixed;_position:absolute;width: 35px;z-index: 1000;zoom:1;} #serail_compare:after{content:'.';display:block;visibility:hidden;clear:both;height:0;} #serail_compare h2{display:none;} #serail_compare iframe{display:none;} #serail_compare .content{display:none;} #serail_compare .defaults{display:none;} #serail_compare.show{background:#FAFAFA url();width:208px;cursor:default;} #serail_compare.show h2{display:block;background:#1C8DD5;height: 30px;overflow: hidden;position: relative;line-height:30px;color:#fff;font-weight:bold;text-align:left;padding-left:10px;font-size:14px;} #serail_compare.show h2 b{font-size:13px;margin-right:5px;} #serail_compare.show .content{display:block;border:1px solid #E4E4E4;min-height:100px;padding:0 10px 0 10px;border-bottom:none;} #serail_compare .defaults{display:block;} #serail_compare .content .defaults .hd{height:20px;line-height:20px;border-bottom:1px solid #E2E2E2;font-size:12px;text-align:center;} #serail_compare .content .defaults .bd {text-align:center;} #serail_compare .content .defaults .bd h4{text-align:left;font-size:13px;padding:5px 0 10px 0;font-weight:normal;} #serail_compare .content .defaults .bd select{height:20px;border:1px solid #ABACB0;width:186px;margin:0 auto 10px auto;display:block;} #serail_compare .content .defaults .ft{border:none;text-align:center;padding:12px 0 ;} #serail_compare .content .compare{text-align:left;padding-top:3px;} #serail_compare .ucenter{padding:2px 0;text-align:center;border:1px solid #E4E4E4;border-top:none;padding:10px 0;} #serail_compare .ucenter a{display:inline-block;line-height:30px;height:30px;margin:0 auto;} #serail_compare .ucenter img{margin-right:8px;width:30px;} #serail_compare .ucenter em{display:inline-block;line-height:30px;height:30px;cursor:pointer;} #serail_compare .content li{padding:8px 0;border-bottom:1px solid #E2E2E2;} #serail_compare .content li span{display:block;overflow:hidden;text-overflow:ellipsis;width:162px;font-size:12px;color:#000;} #serail_compare .content li span a{font-size:12px;color:#000;} #serail_compare .content li .delCompare{background-position: -82px -244px;float: right;height: 17px;position: relative;width: 17px;_display:inline} #serail_compare .content li .addCompete{background-position: -82px -272px;float: right;height: 17px;position: relative;width: 17px;_display:inline} #serail_compare .content .compete{text-align:left;margin-top:5px;} #serail_compare .content .compete ul{padding-top:3px;} #serail_compare .content .compete li{padding:8px 0;border-bottom:1px solid #E2E2E2;} #serail_compare .content .compete h3{color:#fff;font-weight:bold;font-size:14px;line-height:30px;height:30px;background:#1C8DD5;margin-left:-10px;margin-right:-10px;padding-left:10px;} #serail_compare.show h2 .close{display:block;cursor: pointer;height: 20px;position: absolute;right: 6px;top: 5px;width: 20px;background:url(http://mat1.gtimg.com/auto/images/autoproject/serial/duibibutton.gif) no-repeat -17px 4px; } #serail_compare.show iframe{display:block;position:absolute;z-index:-1;opacity:0;filter:Alpha(Opacity=0);left:0;top:0;} #serail_compare .content .link{margin:10px 0 0 0;} #serail_compare .content .link input{line-height:24px;_line-height:27px;padding-top:0 \0;padding-top:7px \9\0;} #serail_compare .content .link .doCompare {background:#1C8DD5;border:none;color: #fff;cursor: pointer;font-size: 12px;margin-left: 0;margin-right: 10px;width: 88px;float:left;} #serail_compare .content .link .clearCompare{border:none;float:left;background:#D9D9D9;color:#333333;cursor: pointer;width: 88px;} /********** 询问底价 **********/ .askLayer{ display: none; position: fixed; top: 100px; left: 50%; z-index:9999; width: 773px; height: 538px; margin-left: -387px; border: 1px solid #e7e7e7; background: #fff; box-shadow: 2px 2px 2px #ccc;} .ie6 .askLayer{ position: absolute; top: 1350px;} .askLayerTit{ position: relative; overflow: hidden; height: 53px; border-bottom: 1px solid #e7e7e7;} .askLayerTit h3{ float: left; height: 53px; padding-left: 20px; font: normal 16px/53px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";} .askLayerTit a.close{ display: block; position: absolute; right: 20px; top: 20px; width: 13px; height: 13px; border: 1px solid #c8c8c8; background-color: #fff;} .askLayerTit a.close em{ display: block; overflow: hidden; width: 9px; height: 9px; margin: 2px 0 0 2px; background-position: -132px 0; text-indent: -99em;} .askLayerTit a.close:hover{ border-color: #ff9600; background-color: #ff9600;} .askLayerTit a.close:hover em{ background-position: -132px -10px;} #tagTit_ask{ float: left; width: 300px; height: 484px; background: #fafafa;} #tagTit_ask li{ cursor: pointer; height: 110px; padding: 0 80px 0 20px;} #tagTit_ask li h3{ height: 60px; font: bold 20px/60px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";} #tagTit_ask li p{ margin: 0; font: 12px/22px "\5B8B\4F53";} #tagTit_ask li.hover{ background:#fff url(http://mat1.gtimg.com/auto/images/autoproject/serial/arrow.png) no-repeat 256px center;} #tagTit_ask li.hover h3{ color: #0f7ec5;} .tagBods_ask{ float: right; width: 433px; margin-right: 20px; padding-top: 10px;} .tagBods_ask td{ padding: 7px 0;} .tagBods_ask .signLabel{ width: 68px; text-align: right;} .tagBods_ask .signLabel span{ color: #c00;} .tagBods_ask .carmodel{ width: 327px; border: 1px solid #e7e7e7; color: #666;} .tagBods_ask .province{ width: 105px; border: 1px solid #e7e7e7; color: #666;} .tagBods_ask .city{ width: 105px; border: 1px solid #e7e7e7; color: #666;} .tagBods_ask .signTxt{ width: 110px; height: 20px; border: 1px solid #e7e7e7; padding: 0 3px; color: #999; line-height: 20px;} .tagBods_ask input[type="radio"]{ vertical-align: middle;} .tagBods_ask input.submit{ width: 68px; height: 28px; border: 0; background: #1c8dd5; color: #fff; text-align: center; line-height: 28px;} .tagBods_ask .ask{ display: inline-block; width: 68px; height: 28px; margin-top: 20px; padding: 0 5px; font: 12px/28px "\5B8B\4F53"; text-align: center;} .tagBods_ask .ask:link,.tagBods_ask .ask:visited{ background: #ff9600; color: #fff;} .tagBods_ask .ask:hover,.tagBods_ask .ask:active{ background: #ffa600; color: #fff;} .tagBods_ask .drive{ display: inline-block; width: 66px; height: 26px; margin-top: 20px; border: 1px solid #dcdcdc; padding: 0 5px; font: 12px/26px "\5B8B\4F53"; text-align: center;} .tagBods_ask .drive:link,.tagBods_ask .drive:visited{ background: #fff; color: #666;} .tagBods_ask .drive:hover,.tagBods_ask .drive:active{ background: #fcfcfc; color: #666;} .tagBods_ask dl{ width: 441px; margin-top: 28px; border: 1px solid #e7e7e7;} .tagBods_ask dt{ height: 30px; padding: 0 9px; background: #fafafa; font: bold 12px/30px "\5B8B\4F53";} .tagBods_ask dd{ height: 50px; border-top: 1px solid #e7e7e7; padding: 9px;} .tagBods_ask dd a{ color: #177cb0; font: 14px/28px "\5B8B\4F53";} .tagBods_ask dd p{ margin: 0; color: #666; font: 12px/22px "\5B8B\4F53";} /********** 右侧栏 **********/ .navSideBar{ position: absolute; left: 50%; top: 0; z-index: 100; width: 38px; height: 100%; margin-left: 510px; border: 1px solid #e3e3e3; border-width: 0 1px; background-color: #f7f7f7;} .navSideBarCon{ position: absolute; left: 50%; top: 0; z-index: 99998; width: 190px; height: 100%; margin-left: 549px; border: 1px solid #e3e3e3; border-width: 0 1px; padding: 0 9px 0 10px; background-color: #f7f7f7;} .navSideBarCon h3{ position: relative; height: 40px; margin-top: 25px; font: normal 16px/40px "\5FAE\8F6F\96C5\9ED1";} .navSideBarCon h3 a.close{ display: block; position: absolute; top: 13px; right: 0; width: 13px; height: 13px; background-color: #dadada;} .navSideBarCon h3 a.close em{ display: block; overflow: hidden; width: 4px; height: 7px; margin: 3px 5px 3px 4px; background-position: -127px 0; text-indent: -99em;} .navSideBarCon h3 a.close:hover{ background-color: #88afc8;} .navSideBarCon h3 a.close:hover em{ background-position: -127px -8px;} /* 右侧边栏导航 */ .navUl{ position: fixed; left: 50%; top: 0; z-index: 101; width: 38px; height: 302px; margin-left: 510px;border:#E3E3E3 1px solid;background:#FAFAFA;display:none;} .ie6 .navUl{ position: absolute;} .navUl li{ width: 30px; height: 125px; padding:20px 4px 0; text-align: center;} .navUl li a{ display: block; cursor: pointer; width: 100%; height: 100%;} .navUl li a img{width:30px;height:30px;} .navUl li.hover, .navUl li.active{ background-color: #fff;} .navUl li.autoPk{ border-top: 1px solid #e2e2e2; width: 30px;} .navUl li.autoPk em{ display: block; width: 28px; height: 24px; margin: 3px 1px; background-position: -124px -119px;} .navUl li.autoPk i{ display: block; width: 13px; height: 13px; margin: 9px 8px; background:url(http://mat1.gtimg.com/auto/images/autoproject/serial/duibibutton.gif);} .navUl li.autoPk.hover em, .navUl li.autoPk.active em{ background-position: -124px -144px;} .navUl li span{ display: inline-block; width: 12px; margin: 10px auto 0; font: 12px/16px "\5FAE\8F6F\96C5\9ED1";} /* 车型对比 */ .navSideBarList{ position: fixed;} .ie6 .navSideBarList{ position: absolute;} .navSideBarList h4{ font: bold 12px/30px "\5FAE\8F6F\96C5\9ED1";} .navSideBarList li{ border-bottom: 1px solid #e2e2e2; padding: 8px 0;} .navSideBarList li:after{ display: block; clear: both; visibility: hidden; content: "."; height: 0;} * html .navSideBarList li{ height: 1%;} .ie7 .navSideBarList li{ min-height: 36px;} .ie6 .navSideBarList li{ height: 36px;} .navSideBarList li p{ float: left; width: 165px; margin: 0; font: 12px/18px "\5B8B\4F53";} .navSideBarList li a.del, .navSideBarList li a.add{ display: block; float: right; width: 13px; height: 13px; margin-top: 10px; border: 1px solid #c8c8c8; background-color: #fff;} .navSideBarList li a em{ display: block; overflow: hidden; width: 9px; height: 9px; margin: 2px 0 0 2px; text-indent: -99em;} .navSideBarList li a.del em{ background-position: -132px 0;} .navSideBarList li a.add em{ background-position: -142px 0;} .navSideBarList li a.del:hover, .navSideBarList li a.add:hover{ border-color: #ff9600; background-color: #ff9600;} .navSideBarList li a.del:hover em{ background-position: -132px -10px;} .navSideBarList li a.add:hover em{ background-position: -142px -10px;} .navSideBarList .btn{ height: 30px; margin-top: 10px;} .navSideBarList .btn a{ display: block; width: 90px; height: 30px; font: 12px/30px "\5B8B\4F53"; text-align: center;} .navSideBarList .btn a:link,.navSideBarList .btn a:visited{ background-color: #d9d9d9;} .navSideBarList .btn a:hover,.navSideBarList .btn a:active{ background-color: #1c8dd5; color: #fff;} .navSideBarForm{ position: fixed;} .ie6 .navSideBarForm{ position: absolute;} .navSideBarForm h5{ border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1"; text-align: center;} .navSideBarForm ul{ border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;} .navSideBarForm h6{ margin: 10px 0 5px; font: normal 12px/22px "\5FAE\8F6F\96C5\9ED1";} .navSideBarForm li{ margin-bottom: 10px;} .navSideBarForm select{ width: 188px;} .navSideBarForm .allSelect{ display: block; height: 30px; margin-top: 20px; font: 12px/30px "\5B8B\4F53"; text-align: center;} .navSideBarForm .allSelect:link,.navSideBarForm .allSelect:visited{ background-color: #d9d9d9;} .navSideBarForm .allSelect:hover,.navSideBarForm .allSelect:active{ background-color: #1c8dd5; color: #fff;} /* media query ----------------------------------------------- */ .maxW1520 .navSideBarCon{ margin-left: 300px; padding: 0 10px 0 9px;} .maxW1520 .navSideBarCon h3 a.close em{ background-position: -152px 0;} .maxW1520 .navSideBarCon h3 a.close:hover em{ background-position: -152px -8px;} /* 补充 ----------------------------------------------- */ .undis{ display: none;} .dis{ display: block;} .fl{ float: left;} .fr{ float: right;} .marginT10{ margin-top: 10px;} .marginT20{ margin-top: 20px;} .marginT40{ margin-top: 40px;} .marginL20{ margin-left: 20px;} /* |xGv00|4d415c8a883e0cbf87fbb3ac16f56634 */