@charset "utf-8"; body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;} ul,li{list-style:none; margin:0px; padding:0px;} img{border:0; vertical-align:middle;} em{ font-style:normal;} input,input[type="button"], input[type="submit"], input[type="reset"] { font-family:"microsoft yahei";} textarea {font-family:"microsoft yahei";} *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;} .clearfix{zoom:1;} img{vertical-align: middle;} body{background-color: #fff;} .find-dealer{font-size: 16px;color: #666;line-height: 1.5;position: relative;margin-top: 40px;} .find-dealer a{display: inline-block;} .find-dealer .map{width: 100%;height: 660px!important;position: relative;z-index: 60;border:#959595 1px solid;border-radius: 15px;} .find-dealer .map-fixed{position: absolute;z-index: 65;left: 15px;top: 15px;bottom: 15px;margin: auto;width: 380px;color: #333;} .find-dealer .map-fixed .top{padding:18px 15px;margin-bottom:10px;background-color: #fff;border-radius: 15px;} .find-dealer .map-fixed .title{margin-bottom: 15px;overflow: hidden;} .find-dealer .map-fixed .title .city{margin-right: 15px;} .find-dealer .map-fixed .title .city:before{content: '';width: 13px;height: 15px;background: url(/uploads/image/btfimages/adress_icon2.png) center center no-repeat;background-size: 100% 100%;display: inline-block;position: relative;top: -1px;margin-right: 8px;vertical-align: middle;} .find-dealer .map-fixed .title .changecity{color: #c00;margin-right:25px;display: inline-block;border-bottom: #c00 1px solid;cursor: pointer;} .find-dealer .map-fixed .title .location{cursor: pointer;} .find-dealer .map-fixed .title .location:after{content: '';width: 13px;height: 13px;background: url(/uploads/image/btfimages/location.png) center center no-repeat;background-size: 100% 100%;display: inline-block;position: relative;top: -1px;margin-left: 4px;vertical-align: middle;} .find-dealer .search{height:40px;position: relative;} .find-dealer .search .btn{width:80px;height:40px; box-sizing: border-box;line-height: 40px;border:#cc0000 1px solid;border-radius: 5px;text-align: center;color: #c00;font-size:18px;text-align: center;float: right;margin-left: 5px;text-decoration: none;} .find-dealer .search .btext{overflow: hidden;position: relative;} .find-dealer .search .btext:before{content: '';width: 19px;height: 19px;background: url(/uploads/image/btfimages/search2.png) center center no-repeat;background-size: 100% ;display: inline-block;position: absolute;z-index: 1;top: 0;bottom: 0;margin: auto;left: 10px;} .find-dealer .search .text{height: 40px;width:100%; border:none;padding-right: 10px;box-sizing: border-box; background-color: #efefef;box-sizing: border-box;padding-left:40px;line-height: 40px;color: #333;border-radius: 5px; outline: none;font-size: 18px;} .find-dealer .mapbox{position: relative;background-color: #fff;border-radius: 15px;padding: 15px;} .find-dealer .mapbox .tips{margin-bottom: 10px;font-size: 18px;font-weight:700;} .find-dealer .mapbox .tips b{color: #cc0000;} .find-dealer .listsvh{overflow: hidden;} .find-dealer .listsvh .tt{line-height: 28px;font-size: 18px;margin-bottom: 10px;} .find-dealer .listsvh .tabs{display: inline-block;vertical-align: middle;margin-left: 15px;padding: 0 10px;height: 28px;text-align: center;color: #999;background-color: #efefef;border-radius: 5px;} .find-dealer .listsvh .tabs.on{background-color: #333;color: #fff;} .find-dealer .listsvh .box{overflow-y: auto; width: 100%;height: 400px;} .find-dealer .listsvh .item{position: relative;overflow: hidden;padding: 15px 25px 15px 25px;background-color: #fff;cursor: pointer;} .find-dealer .listsvh .item:after{content: '';position: absolute;z-index: 1;left: 0;right:25px;border-bottom: #c2c2c2 1px solid;margin: auto;display: inline-block;bottom: 0;} .find-dealer .listsvh .item:last-child:after{display: none;} .find-dealer .listsvh .item .nums{width: 20px;height: 26px;background: url(/uploads/image/btfimages/adress_icon.png) center center no-repeat;background-size: 100% ;display: inline-block;position: absolute;z-index: 1;top: 14px;margin: auto;left: 0;text-align: center;line-height: 20px;color: #fff;font-size: 14px;} .find-dealer .listsvh .t{font-size: 18px;color: #666;margin-bottom: 8px;line-height: 25px;} .find-dealer .listsvh .btn{line-height: 25px;height:25px;border:#cc0000 1px solid;border-radius:5px;font-size: 15px;color: #c00;text-align: center;width: 100px;margin-left: 5px;display: inline-block;vertical-align: middle;} .find-dealer .listsvh .d{color: #666;font-size: 18px;margin-bottom: 8px;} .find-dealer .listsvh .p{color: #c00;} /*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ .find-dealer .listsvh .box::-webkit-scrollbar{ width: 10px; height: 10px; border-radius: 10px; background-color: #efefef; } /*定义滚动条的轨道,内阴影及圆角*/ .find-dealer .listsvh .box::-webkit-scrollbar-track{ border-radius: 10px; background-color: #efefef; } /*定义滑块,内阴影及圆角*/ .find-dealer .listsvh .box::-webkit-scrollbar-thumb{ /*width: 10px;*/ height: 10px; border-radius: 10px; background-color: #333; } .find-dealer .concat_prop{/*position: absolute;z-index: 99;position: fixed;left: 0;right:0; top: 50%; margin: auto; background: #fff;border-radius:15px;padding: 0 20px; width: 326px; box-shadow: rgba(0,0,0,0.2) 0 0 15px;*/color: #666;line-height: 1.5;font-size: 16px;} .find-dealer .concat_prop .t{border-bottom: 1px solid #464646;color: #464646;font-size: 18px;padding: 5px 0 10px;} .find-dealer .concat_prop .con{overflow: hidden;padding:10px;} .find-dealer .concat_prop .adress,.find-dealer .concat_prop .tel{position: relative;padding-left: 30px;position: relative;} .find-dealer .concat_prop .adress{margin-bottom: 10px;} .find-dealer .concat_prop .tel{margin-bottom: 5px;} .find-dealer .concat_prop .adress i{width: 12px;height: 16px;background: url(/uploads/image/btfimages/mapadress.png) center center no-repeat;background-size: 100% ;display: inline-block;position: absolute;z-index: 1;top: 5px;margin: auto;left: 0;} .find-dealer .concat_prop .tel i{width: 19px;height: 12px;background: url(/uploads/image/btfimages/maptel.png) center center no-repeat;background-size: 100% ;display: inline-block;position: absolute;z-index: 1;top: 5px;margin: auto;left: 0;} .find-dealer .concat_prop .btn{display: block;width: 120px;height: 30px;line-height: 30px;border:#cc0000 1px solid;border-radius:5px;font-size: 15px;color: #c00;text-align: center;margin: 10px auto 0;} .city_prop{position: absolute;z-index: 100;top: 60px;background: #fff;border-radius: 15px;box-shadow: rgba(0,0,0,0.2) 0 0 15px;padding: 20px 25px;left: 0;right: 0;display: none;} .city_prop .cir{width: 30px;height: 14px;position: absolute;z-index: 1;top: -14px;left: 100px;display: block;background: url(/uploads/image/btfimages/cir.png) center center no-repeat;background-size: 100% ;} .city_prop .close{width: 18px;height: 18px;position: absolute;z-index: 10;top: 10px;right: 10px;display: block;background: url(/uploads/image/btfimages/close.png) center center no-repeat;background-size: 100% ;} .city_prop .title{margin-bottom: 20px;color: #666;font-size: 22px;} .city_prop .con{overflow: hidden;} .city_prop .con .item{margin-bottom: 20px;line-height: 30px;color: #666;font-size: 16px;overflow: hidden;} .city_prop .con .item .n{float: left;margin-right: 15px;} .city_prop .con .item .val{overflow: hidden;} .city_prop .con .item .val select{width: 100%;height: 30px;border:#ababab 1px solid;color: #666;outline: none;} .city_prop .bottom{text-align: right;overflow: hidden;} .city_prop .bottom .btn{height: 32px; line-height: 32px; width: 110px;border:#ababab 1px solid;border-radius: 5px;margin-left: 3px;display: inline-block; color: #999;font-size: 16px; text-align: center;} .city_prop .bottom .btn.comfirm{color: #cc0000;border-color: #cc0000;} .find-dealer .old_btn { display: inline-block; background-color: #da251c; line-height: 22px; font-size: 16px; color: #fff; vertical-align: middle; padding: 5px; border-radius: 5px; margin-top: 10px; cursor: pointer; } .pop_old { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 100; display: table; font-size: 12px; color: #5f5e5e; } .pop_old table{ border-collapse: collapse; border-spacing: 0; } .pop_old>div { display: table-cell; vertical-align: middle; } .pop_old .pop-content { width: 600px; background: white; margin: 0 auto; padding: 20px 30px 40px; box-sizing: border-box; position: relative; -moz-animation: popcontent 0.5s forwards; -ms-animation: popcontent 0.5s forwards; -o-animation: popcontent 0.5s forwards; animation: popcontent 0.5s forwards; } .pop_old .pop-close{ position: absolute; right: 0; top: 0; width: 46px; cursor: pointer; z-index: 1; } .pop_old .pop-title { font-size: 30px; position: relative; margin-bottom: 30px; } .pop_old .pop-title span { background: white; position: relative; z-index: 2; padding-right: 5px; } .pop_old .pop-title em { position: absolute; right: 0; width: 100%; bottom: 10px; border-bottom: 1px solid #dfdfdf; z-index: 1; } .pop_old p.title{ background-color: #da251c; color: #fff; text-align: center; line-height: 30px; font-size: 16px; margin-top: 30px; } .pop_old .pop-title{ color: #da251c; } .pop_old table{ width: 100%; line-height: 1.5; text-align:center; } .pop_old table tr th,.pop_old table tr td { border:1px solid #e2e1e1;padding: 10px;} .pop_old table tr th{white-space: nowrap;} .pop_old table tr td:nth-child(1),.pop_old table tr td:nth-child(2),.pop_old table tr td:nth-child(3),.pop_old table tr td:nth-child(4){white-space: nowrap;} .pop_old .pop-content{ width: 850px; margin-top:50px; height:600px; } @-webkit-keyframes popcontent{ from{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } to{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes popcontent{ from{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } to{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes popcontent{ from{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } to{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes popcontent{ from{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } to{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes popcontent{ from{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } to{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .servicequestion h1{ display:none; } .recall_box { margin: 20px auto; width: 1000px; } .recall_box .formbox { margin: 0px 80px; font-size: 14px; color: #363636; line-height: 1.8; } .recall_box .formbox .floleft { font-size: 14px; width: 416px; display: inline-block; } .recall_box .formbox img { margin-right: 50px; clear: left; float: right; } .recall_box .formbox b { font-size: 16px; color: #c00; } .recall_box .formbox .text_input { margin: 5px 0px; padding: 0px 10px; height: 50px; border: 1px #e0e0e0 solid; line-height: 50px; width: 260px; font-size: 16px; vertical-align: middle; } .recall_box .formbox img.searchimg { margin: 5px -1px; clear: none; float: none; vertical-align: middle; cursor: pointer; } .recall_box .formbox span { font-size: 12px; color: #969696; } .recall_box .recall_box_imformation { font-size: 10px; clear: both; text-align: center; line-height: 3em; } .showbox { display: none; width: 100%; height: 100%; position: absolute; clear: both; z-index: 999; } .showbox-bg { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .showbox-info { width: 760px; /*height: 230px;*/ z-index: 1000; position: fixed; top: 50%; left: 50%; margin-top: -150px; padding: 50px 10px; margin-left: -380px; background: #fff; text-align: center; line-height: 2; /*padding-bottom:10px;*/ } .showbox-info b { font-size: 30px; color: #c00; } .showbox-info-closebutton { z-index: 1000; position: absolute; top: 0px; right: 0px; width: 26px; height: 26px; cursor: pointer; } @media only screen and (max-width:720px) { .recall_box { width: auto; } .recall_box .formbox { margin: 0 10% 16px; font-size: 1.2em; } .recall_box .formbox .floleft { font-size: 14px; width: auto; } .recall_box .formbox img { clear: both; float: none; width: 100%; margin-right: 0px; } .recall_box .formbox .text_input { width: 70%; } .recall_box .formbox img.searchimg { clear: none; float: none; width: auto; } .showbox-info { width: 90%; height: auto; z-index: 1000; position: fixed; top: 50%; left: 0px; margin: -180px 10px 0px; line-height: 2; padding: 50px 10px; } .showbox-info b { font-size: 1.5em; } } .recalltips3{ overflow: hidden;margin-bottom: 5px; } .recalltips3 p{position: relative;padding-left: 10px;} .recalltips3 p:before{content:"";display: inline-block;width: 4px;height: 4px;background-color: #363636;border-radius: 50%;position: absolute;left: 0;top: 12px;z-index: 1;} .mapnav { width: 110px; height: 50px; line-height: 56px; background: url(/uploads/image/sosmap/mapnav.png) no-repeat left top; background-size: auto; margin-top: -50px; margin-left: -55px; }