/*示例蒙版*/ .condition_content{position: relative;} #demoPanel{position: absolute;height: 100px;left: 0;top: 0;right: 0;bottom: 0;z-index: 101;width: 100%;} #demoPanel img{left:42%;width: 16%;position: absolute;top: 8%;} .condition0 img{top: 40px!important;} .second_banner img.banner_pc{ display: block; } .second_banner img.banner_pad{ display: none; } .second_banner img.banner_wap{ display: none; } .second_banner{ position: relative; } .second_banner img{ display: block; } .second_banner .second_title{ width:1200px;position: absolute; left: 50%; margin-left: -600px; top: 0; padding-top:19%; font-size: 1.25em; color:#fff;} .second_banner .second_title h2{ font-size: 32px; letter-spacing: 3px; } .set_carnumber{ color: #d50032; } .car_prov{display: block;position: absolute;width: 42px;height: 42px;text-align: center;background: #efefef;line-height: 42px;} /*违章查询*/ .autocompleter.autocompleter_wrap{width:auto;top: 4em;left: 1.5em;width: 30%;} .autocompleter.autocompleter_wrap li{margin-bottom: 0;cursor: pointer;} .autocompleter.autocompleter_wrap li strong{font-size: 13px!important;font-weight: 700;} .autocompleter.autocompleter_wrap li:hover{background: #f5f5f5;} .login_carnum .login_form li input{ /* float: left; */ width: 86%; margin-left: 51px; } .car_num_content{ margin: 1em 0 0; clear: both; overflow: hidden; zoom: 1; background: #efefef; display: none; } .car_num_content .num_list{ display: block; float: left; width: 42px; height: 42px; line-height: 42px; /* margin: 5px 0 0 0; */ text-align: center; } .car_num_content .num_list:hover,.car_prov:hover,.car_prov.active{ background: #D50032; color: #fff; cursor: pointer; } .login_carnum .error .error_text{ margin: 0 0 0.5em 0; } .login_carnum .info_yz{ bottom:1em; top: auto } .bgimg{position: absolute;width:100%;left: 0;top: 0;} /* 精华推荐 */ .recommendation { padding: 32px 0; text-align: center; } .recommendation .service_title{ padding: 0 0 32px 0; font-size:24px; } .recommendation_content{ width: 100.6%; } .recommendation_content li{position: relative;width: 33%;margin:0 0.33% 0 0; float: left; overflow: hidden; cursor: pointer;} .recommendation_content li a{ display: block; border: 1px solid #e5e5e5; } .recommendation_content li img{ display: block; width: 70%; margin:3em auto 1em;} .recommendation_content li p.self_text{ width: 100%; font-size:2.5em; text-align: center; margin-bottom: 1em;} .recommendation_bg{ display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); } .recommendation_content .photo_num,.recommendation_content .page_photo_btn,.photo_content{ display: none; } /*自助服务*/ .selfservice ul{ width: 101%; margin:3em 0 2em -1%; } .selfservice li{ float: left; overflow: hidden; margin-bottom: 1%; } .selfservice li a{ display: block; background: #e5e5e5;} .selfservice li.self_com3{width: 32.33%;margin-left: 1%;} .selfservice li.self_com2{width: 49%;margin-left: 1%;} .img_content{ display: block; background: #efefef; overflow:hidden; position: relative; height: 0; } .img_content img{position: absolute;top: 0; } .selfservice li.self_com3 .img_content{padding-top: 46%;} .selfservice li.self_com2 .img_content{padding-top: 30.5%;} .selfservice li.self_com3 .img_content img{width: 90%; left: 5%; } .selfservice li.self_com2 .img_content img{width: 70%;left: 15%;} .selfservice li .text_content{ position: relative; display: block; padding: 1em 2em; height: 7.5em; } .selfservice li .text_content strong{ font-size:1.45em; display: block; margin-bottom: 0.25em; } .selfservice li .text_content em{ color:#d50032; position: absolute; bottom: 1.2em; left: 2em; font-style: normal; } .selfservice li a:hover{ background:#d50032; color:#fff; } .selfservice li a:hover em{ color:#fff; } /*车型推荐*/ .self_wrap .index_product ul li{width: 33.33%;} .self_wrap h5.title{margin: 3.75em 0;font-size: 20.83px;text-align: center;} .self_wrap .index_product ul li{border: 1px solid #e5e5e5;} .self_wrap .index_product ul li a.mainurl{padding: 0;} /*谷加 新能源车*/ .self_wrap_two .condition-front-left-door2{background-image: url(../images/blink/condition/condition-front-left-door-warning.png);} .self_wrap_two .condition-back-cover2{background-image: url(../images/blink/condition/condition-back-cover-warning.png);} .self_wrap_two .condition-back-right-door2{background-image: url(../images/blink/condition/condition-back-right-door-warning.png)} .self_wrap_two .condition-left-wheel2{background-image: url(../images/blink/condition/condition-left-wheel-warning.png);} /* .self_wrap_two .condition-left-whell_val.vehicle1{top: 46%;left: 18%;} .self_wrap_two .condition-left-whell_val.vehicle2{top: 46.5%;} .self_wrap_two .condition-left-whell_val.vehicle3{top: 16%;} .self_wrap_two .condition-left-whell_val.vehicle4{top: 16.5%;} */ .self_wrap_two .condition-left-whell_val em{font-style: normal;color: #D50032;} .self_wrap_two .condition-left-whell_val span.two{margin-top: 0.3em;} .self_wrap_two .condition-instrument2{background-image: url(../images/blink/condition/car_progress.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;top: 33%;left: 5%;padding: 15% 0 0 35%;position: absolute;} .self_wrap_two .progress_text{font-size: 15px;color: #abaaaa;position: absolute; top: 16%; left: 17%;letter-spacing: 2px;} .self_wrap_two .progress_text p{float: left;} .self_wrap_two .progress_text p.red{font-size: 29px;color:#b52913;font-weight: bold;} .self_wrap_two .progress_text p.yellow{font-size: 29px;color:#f8d23c;font-weight: bold;} .self_wrap_two .progress_text p.green{font-size: 29px;color:#5bb40b;font-weight: bold;} .self_wrap_two .progress_text p.gray{font-size: 29px; color:#CCCCCC; font-weight: bold;} .self_wrap_two .progress_text p.text{margin: 0.75em 0.5em 0 0;} /* .self_wrap_two .condition-instrument2 .progress1{background-image: url(../images/blink/condition/progress1.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 70.5%;left: 5%;padding: 6% 0 0 7.5%;} .self_wrap_two .condition-instrument2 .progress2{background-image: url(../images/blink/condition/progress2.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 77.7%;left: 9.2%;padding: 5% 0 0 11.5%;} .self_wrap_two .condition-instrument2 .progress3{background-image: url(../images/blink/condition/progress3.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 82.5%;left: 18%;padding: 3.5% 0 0 12.5%;} .self_wrap_two .condition-instrument2 .progress4{background: url(../images/blink/condition/progress4.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 85.5%;left: 29%;padding: 5% 0 0 11%;} .self_wrap_two .condition-instrument2 .progress5{background-image: url(../images/blink/condition/progress5.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 87.5%;left: 39%;padding: 3% 0 0 10%;} .self_wrap_two .condition-instrument2 .progress6{background-image: url(../images/blink/condition/progress6.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 87.5%;left: 50%;padding: 3% 0 0 10%;} .self_wrap_two .condition-instrument2 .progress7{background-image: url(../images/blink/condition/progress7.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 85.5%;left: 59%;padding: 3% 0 0 11.5%;} .self_wrap_two .condition-instrument2 .progress8{background-image: url(../images/blink/condition/progress8.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 82.5%;left: 68.5%;padding: 5% 0 0 12%;} .self_wrap_two .condition-instrument2 .progress9{background-image: url(../images/blink/condition/progress9.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 77.5%;left: 78%;padding: 4% 0 0 11%;} .self_wrap_two .condition-instrument2 .progress10{background-image: url(../images/blink/condition/progress10.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 70.5%;left: 87%;padding: 5% 0 0 6.4%;} */ .self_wrap_two .condition-instrument2 .progress_new{background-position: center 0;background-size: 100%;background-repeat: no-repeat;position: absolute;top: 70.5%;left: 5%;padding:10% 0 0 88.5%; display: none; } .self_wrap_two .condition-instrument2 .progress1{background-image: url(../images/blink/condition/1_03.png);} .self_wrap_two .condition-instrument2 .progress2{background-image: url(../images/blink/condition/2_03.png);} .self_wrap_two .condition-instrument2 .progress2.special{background-image: url(../images/blink/condition/2_03_special.png);} .self_wrap_two .condition-instrument2 .progress3{background-image: url(../images/blink/condition/3_03.png);} .self_wrap_two .condition-instrument2 .progress4{background-image: url(../images/blink/condition/4_03.png);} .self_wrap_two .condition-instrument2 .progress5{background-image: url(../images/blink/condition/5_03.png);} .self_wrap_two .condition-instrument2 .progress6{background-image: url(../images/blink/condition/6_03.png);} .self_wrap_two .condition-instrument2 .progress7{background-image: url(../images/blink/condition/7_03.png);} .self_wrap_two .condition-instrument2 .progress8{background-image: url(../images/blink/condition/8_03.png);} .self_wrap_two .condition-instrument2 .progress8.special{background-image: url(../images/blink/condition/8_03_special.png);} .self_wrap_two .condition-instrument2 .progress9{background-image: url(../images/blink/condition/9_03.png);} .self_wrap_two .condition-instrument2 .progress10{background-image: url(../images/blink/condition/10_03.png);} .self_wrap_two .condition-instrument2 .progress_new.active{ display: block; } .self_wrap_two .conditon-instrument-text2{background-image: url(../images/blink/condition/condition-instrument-ico2.png);background-position: center 0;background-size: 100%;background-repeat: no-repeat; position: absolute;background-position: center 0; background-repeat: no-repeat;background-size: 100%;top: 25%;left: 56%;padding:19% 0 0 35%; font-size: 1.15em;} .conditon-instrument-text2 .all_licheng{position: absolute;left: 0;top: 15%;} .conditon-instrument-text2 .licheng2{position: absolute;left:38%;top:15%;} .conditon-instrument-text2 .car_wendu{position: absolute;left:74%;top: 15%;} .conditon-instrument-text2 .dianya2{position: absolute;left: 0;top:54%;} .conditon-instrument-text2 .xitong{position: absolute;left:39%;top: 54%;} .conditon-instrument-text2 .chedeng2{position: absolute;left:75%;top: 54%;} /* .self_wrap_two .conditionVehicle-car2{padding: 53% 0 0 65%;} */ .self_wrap_two .warning_contnet_text{color:#333;margin-top: 1.68em;border: 1px solid #e5e5e5;padding: 0% 15% 1.25em 10%;border-radius: 50px;position: absolute;top: 70%;left: 23%;} .self_wrap_two .warning_contnet_text span{color: #000;margin-left: 0.75em;} .self_wrap_two .warning_contnet_text p{margin-top: 1.25em;} /* 车况查询 */ .condition_info{border: 1px solid #e5e5e5; margin: 32px auto 20px;} .condition_info .info-title{ background:#e5e5e5; color: #000; padding:0.75em 1em; position: relative; height: 1.5em; } .condition_info .info-title span{ display: block; float: left; width: 40%; font-size: 1.05em;line-height: 1.5em; } .condition_info .info-title span em{ font-style:normal; } .condition_info .info-title span.choice_car{position: absolute;right: 1em; top: 0; width: 7em;cursor: pointer; padding:0.65em 0;} .condition_info .info-title span.choice_car ul{ display: none; clear:both;overflow: hidden;zoom:1;margin:0.65em 0;position: absolute;right: -1em;width: auto;} .condition_info .info-title span.choice_car ul li{display: block;float: left;width: 8em;padding: 0.65em 0 0.65em 1em;margin:0;background: #D50032;color: #fff;} .condition_info .info-title span.choice_car .car_name{ display: block; background: url(../images/blink/condition/select.png) 95% center no-repeat; } .condition_info .info-title span.choice_car ul li.current{ background: url(../images/blink/condition/yes.png) 90% center no-repeat #D50032; } .info_content{ padding:1em; } .info_content span{ width: 40%; float: left; padding:0.75em 0; font-size: 1.05em; } .info_content span.cphm{ width: 20%; } .content_menu {z-index: 90;} .condition_menu ul{ margin:0; width: 100%; } .condition_menu ul li{ width: 20%; margin:0; } .condition_menu ul li a{ display: block; padding:1.75em 0; text-align: center; width: 100%; font-size: 1.05em; border-left: 1px solid #fff; cursor: pointer; } .condition_menu ul li a.current{ background: #d50032; color: #fff; } .condition_main{ border:1px solid #e5e5e5; } .condition_main .mian_time,.condition_main .mian_weizhi{ border-bottom:1px solid #e5e5e5; padding:1em 2em 1em 4em; position: relative;} .condition_main .mian_time:before{content:""; margin-right: 0.5em; display:block; position: absolute; left: 2em; margin-top: 0.05em; width: 16px; height: 16px; background: url(../images/blink/condition/autoVehicleTimeIcon.png) center center no-repeat; } .condition_main .mian_weizhi:before{content:""; margin-right: 0.5em; display:block; position: absolute; left: 2em; margin-top: 0.05em; width: 16px; height: 16px; background: url(../images/blink/sendtocar/location.png) no-repeat; } .main_item{ width: 50%; float: left; box-sizing:border-box; border-right:1px solid #e5e5e5; } .main_item.main_long{ border: none; border-top:1px solid #e5e5e5; width: 100%; padding:29.785% 0 0 0; position: relative; } .list_main{padding: 48.875% 0 0 0;position: relative;} .main_item h2{ position: absolute; left: 2em; top: 1.5em; font-size:1em;} .condition_door_window{padding: 96% 0 0 65%;position: absolute;top: 8.5%;left: 15%;background-image: url(../images/blink/condition/condition-door-window.png);background-position: center 0;background-repeat: no-repeat;background-size: contain;} .condition-front-cover{position: absolute;background-image: url(../images/blink/condition/condition-front-cover.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;left: 24.5%;top: 31.5%;padding: 6% 0 0 13%;} .condition-front-cover.warning{background-image: url(../images/blink/condition/condition-front-cover-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-back-cover{position: absolute;background-image: url(../images/blink/condition/condition-back-cover.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;padding: 5% 0 0 11%;left: 60%;top: 29.5%;} .condition-back-cover.warning{background-image: url(../images/blink/condition/condition-back-cover-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-front-left-door{position: absolute;z-index: 9;background-image: url(../images/blink/condition/condition-front-left-door.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;top: 30.5%;left: 36%;padding: 14% 0 0 14%;} .condition-front-left-door.warning{background-image: url(../images/blink/condition/condition-front-left-door-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-front-right-door{position: absolute;z-index: 8;background-image: url(../images/blink/condition/condition-front-right-door.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;padding: 14% 0 0 12.5%;left: 37.2%;top: 27.5%;} .condition-front-right-door.warning{background-image: url(../images/blink/condition/condition-front-right-door-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-back-left-door{position: absolute;z-index: 9;background-image: url(../images/blink/condition/condition-back-left-door.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;padding: 14.5% 0 0 9.5%;top: 30.25%;left: 47.8%;} .condition-back-left-door.warning{background-image: url(../images/blink/condition/condition-back-left-door-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-back-right-door{position: absolute;z-index: 8;background-image: url(../images/blink/condition/condition-back-right-door.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;padding: 12% 0 0 9%;top: 26.5%;left: 48%;} .condition-back-right-door.warning{background-image: url(../images/blink/condition/condition-back-right-door-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-status-icon{display: block;padding-left: 30px;font-size:20px;color: #333; position: absolute;} /*.condition-status-icon.warning{background: url(../images/blink/condition/condition-status-icon.png) 0 -24px no-repeat} .condition-status-icon.large{color: #000;background: url(../images/blink/condition/condition-status-icon.png) no-repeat} .condition-status-icon.large.warning{background: url(../images/blink/condition/condition-status-icon.png) 0 -24px no-repeat} */.condition-door-bottomLeftLine{position: absolute;z-index: 10;background-image: url(../images/blink/condition/condition-door-bottomLeftLine.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;padding: 20% 0 0 32%;top: 39%;left: 15%;} .condition-door-bottomRightLine{position: absolute;z-index: 10;background-image: url(../images/blink/condition/condition-door-bottomRightLine.png);background-position: center 0;background-repeat: no-repeat;background-size: contain;padding: 25% 0 0 27%;top: 37%;left: 51.5%;} .back,.back-left,.back-left-pressure,.back-left-temperature,.back-right,.back-right-pressure,.back-right-temperature,.front,.front-left,.front-left-pressure,.front-left-temperature,.front-right,.front-right-pressure,.front-right-temperature,.lock,.window{position: absolute} .dian_item{padding-left: 1.1em;} .dian_item:before{position: absolute;left: 0;width: 10px;height: 10px;background: #00af62; content:"";display:block;border-radius: 50%; top: 20%;} .dian_item.warning:before{ background: #D50032;} .dian_item.gray:before{ background: #CCCCCC;} .condition-status-icon.front-left{left: 20.2%;top: 53%;} .condition-status-icon.front-right{left: 29%;top: 13%;} .condition-status-icon.back-left {left: 68%;top: 52.5%;color: #333;} .condition-status-icon.back-right{left: 64.5%;top: 13%;} .condition-status-icon.large-lock{left: 20%;top: 77%;} .condition-status-icon.large-window{left: 59%;top: 77%;} .condition-status-icon.large-back{left: 20%;top: 90%;} .condition-status-icon.large-front{left: 59%;top: 90%;} .condition-status-icon.large.dian_item{padding-left: 6%;color: #000;font-size: 1.05em;} .conditionVehicle-car{position: absolute;background-image: url(../images/blink/condition/condition-wheel-car.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;top: 25%;left: 17%;padding: 96% 0 0 65%;} .condition-left-wheel{background-image: url(../images/blink/condition/condition-left-wheel.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%;position: absolute;left: 27%;top: 38.7%;padding: 10% 0 0 10%;} .condition-left-wheel.warning{background-image: url(../images/blink/condition/condition-left-wheel-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-right-wheel{position: absolute;background-image: url(../images/blink/condition/condition-right-wheel.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;left: 32%;top: 32%;padding: 6.5% 0 0 7%;} .condition-right-wheel.warning{background-image: url(../images/blink/condition/condition-right-wheel-warning.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%!important} .condition-wheel-topLeftLine{position: absolute;z-index: 10;background-image: url(../images/blink/condition/condition-wheel-topLeftLine.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%;padding: 14% 0 0 20%;left: 18%;top: 22%;} .condition-wheel-topRightLine{position: absolute;z-index: 10;background-image: url(../images/blink/condition/condition-wheel-topRightLine.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%;padding: 11% 0 0 21%;left: 59%;top: 23%;} .conditionWindow{position: absolute;z-index: 10;background-image: url(../images/blink/condition/conditionWindow.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;padding: 10% 0 0 28%;left: 39%;top: 29.5%;} .condition-left-wheel.back-right-wheel{top: 39%;left: 59%;} .condition-right-wheel.back-right-wheel{top: 33%;left: 57.2%;} .condition-left-whell_val{ position: absolute;color: #333; } .condition-left-whell_val span{ display: block; } /* .condition-left-whell_val.vehicle1{top: 54%;left: 19%;} .condition-left-whell_val.vehicle2{top: 54%;left: 70%;} .condition-left-whell_val.vehicle3{top: 18%;left: 20%;} .condition-left-whell_val.vehicle4{top: 18.5%;left: 69%;} */ .condition-left-whell_val.vehicle1{top: 54%;left: 19%;} .condition-left-whell_val.vehicle2{top: 54%;left: 70%;} .condition-left-whell_val.vehicle3{top: 18%;left: 20%;} .condition-left-whell_val.vehicle4{top: 18.5%;left: 69%;} .conditon-instrument-text { font-size:1.25em; } .condition-instrument{position: absolute;background-image: url(../images/blink/condition/condition-instrument-bg.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;top: 15%;left: 16%;padding: 23% 0 0 26%;} .condition-instrument-line{position: absolute;background-image: url(../images/blink/condition/condition-Pointer.png);background-position: center 0;background-repeat: no-repeat;background-size: 100%;top: 32%;left: 22%;padding: 23% 0 0 30%;} .conditon-instrument-text{position: absolute;background-image: url(../images/blink/condition/condition-instrument-ico.png); background-position: center 0; background-repeat: no-repeat;background-size: 100%;top: 25%;left: 56%;padding: 18% 0 0 33%;} .licheng{position: absolute;top: 41%;left: 2%;} .wendu{position: absolute;top: 41%;left: 66%;} .dianya{position: absolute;top: 85%;left: 2%;} .chedeng{position: absolute;top: 85%;left: 66%;} .condition_main { margin-bottom:50px; } .condition_menu .photo_num,.condition_menu .page_photo_btn{ display: none; } /* 车辆诊断 */ .gray_condition_main{ background: #eeeeee; border:none; } .autognosis_result { display: none; } .gray_condition_main.condition_main .mian_time{ border: none; } .vehicle_content {margin:0 10px 10px;background: #fff;border-radius: 4px;padding: 4em 1em 4em 4em; border-bottom: 10px solid #eeeeee; } .vehicle_zhuangtai{float: right;width: 46%;text-align: center;font-size:1.15em;} .vehicle_list{ float: left;width: 50%; } .searchAddress.vehicle_list{width:95%;} .autognosis_img{ width: 25%; margin:0 auto; } .autognosis_img img{ width: 100%; } .autognosis_wsj{color:#c0c6c8;margin-top: 4em;} .autognosis_wyc{color: #00af62;margin-top: 6em;} .autognosis_yc{color: #d50032;margin-top: 2em;} .autognosis_text{ margin-top: 1em; } .autognosis_phone_item{background: #f7f7f7;margin: 2em 5%;clear: both;overflow: hidden;zoom: 1;} .autognosis_phone{display: block;float: left;margin-left: 2%;padding: 1em 0;width: 13%;} .autognosis_phone img{ width: 100%; } .autognosis_phonen{color: #373a3c;display: block;float: left;text-align: left;padding:0 4%; margin:1em 0;width: 34%;} .autognosis_phonen em{color: #528fcc;font-style: normal;display: block;font-size: 1.25em;margin-top: 0.15em;} .border-left{ border-left: 1px solid #e5e5e5; } .vehicle_list{ float: left; height: 360px; overflow: hidden; } .vehicle_list .scrollbar{position:absolute;right: -15px;top: 0;bottom:30px;width: 10px;background: rgb(230, 230, 230);font-size:0;line-height:0;overflow:hidden;height: 99%;border-radius: 6px;} /*滚动条可自定义整体高度*/ .vehicle_list .scrollbar .scrollbar_tt,.scrollbar .scrollbar_bb{ height:5px; background: rgb(230, 230, 230); overflow:hidden;} .vehicle_list .scrollbar .scrollbar_m{height:0;overflow:hidden;background:#e5e5e5;position:relative;border-radius: 12px;} ul.autonosis_icon_list { margin:0 0 5px; } .autonosis_icon_list li:after{ display: block; content:""; width: 10px; height: 10px; position: absolute; right: 1em; top: 1em; border-radius: 50%; background: #00af62; } .autonosis_icon_list li.warning:after{ background: #D50032;} .autonosis_icon_list li{ float: none; position: relative; padding-left: 4em; height: 45px; line-height: 45px;border-bottom: 1px dashed #e5e5e5 } .autonosis_icon_list li:before{ display: block; content:""; width: 4em; height: 45px; position: absolute; left: 0; top: 0; } .autonosis_icon_list li.yxkz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -315px no-repeat; } .autonosis_icon_list li.hskz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -360px no-repeat; } .autonosis_icon_list li.sqxt:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -270px no-repeat; } .autonosis_icon_list li.czkz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -405px no-repeat; } .autonosis_icon_list li.ktkz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -450px no-repeat; } .autonosis_icon_list li.fdjkz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -45px no-repeat; } .autonosis_icon_list li.dzzc:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -495px no-repeat; } .autonosis_icon_list li.ddzx:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -90px no-repeat; } .autonosis_icon_list li.dzwd:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -225px no-repeat; } .autonosis_icon_list li.dzzx2:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -540px no-repeat; } .autonosis_icon_list li.ybkz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -585px no-repeat; } .autonosis_icon_list li.dgnxz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -630px no-repeat; } .autonosis_icon_list li.bcfz:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -675px no-repeat; } .autonosis_icon_list li.wys:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -720px no-repeat; } .autonosis_icon_list li.ddwm:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -765px no-repeat; } .autonosis_icon_list li.hssx:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -810px no-repeat; } .autonosis_icon_list li.aqqn:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -180px no-repeat; } .autonosis_icon_list li.clw:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -855px no-repeat; } .autonosis_icon_list li.bsx:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -0 no-repeat; } .autonosis_icon_list li.tyjc:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -135px no-repeat; } .autonosis_icon_list li.dzxh:before{ background: url(../images/blink/autognosis/autognosis-icon.png) -10px -900px no-repeat; } .condition-wheel-warningInfo{ position: absolute; left: 35%; top: 63.5%;} .condition-wheel-warningInfo .warning{ width: 37px; height: 29px; background: url(../images/blink/condition/condition-wheel-warning.png) center center no-repeat; float: left; } .warning_contnet{ display: block; float: left; line-height: 27px; font-size: 16px; } /*发送到车*/ .stc_maparea .address_bar .pathPanel{height: 500px;width: 100%;} .stc_maparea .address_bar .pathPanel table{width: 100%; margin-top: 0.5em;} .stc_maparea .address_bar .pathPanel .addItem{width: 20px;height: 20px;position: absolute;left: 9px;top: 25px;cursor: pointer;} .stc_maparea .address_bar .pathPanel .start{background: url(../images/blink/sendtocar/starti2.png) 0 2px no-repeat;height: 30px;display: inline-block;line-height: 30px; padding: 0 30px;margin: 0;width: 100%; box-sizing: border-box; } .stc_maparea .address_bar .pathPanel .pathPoint .last{background: url(../images/blink/sendtocar/end2.png) no-repeat;height: 52px;display: inline-block;width: 100%;line-height: 36px;padding: 0 30px;margin: 0;box-sizing: border-box; } .stc_maparea .address_bar .pathPanel .pathPoint li{background: url(../images/blink/sendtocar/Waypoints2.png) 2px -2px no-repeat; float: none; height: 50px;line-height: 50px;padding: 0 30px;margin: 0; overflow: visible; position: relative;box-sizing: border-box; } .stc_maparea .address_bar .pathPanel table .td1{width: 50px;position: relative;padding: 0;} .stc_maparea .address_bar .pathPanel table .td1 span{position: absolute;left: 12px;} .btn-red {color: #FFF;background-color: #d50032;border-color: #D50032;position: absolute;left: 3.8em;} .btn{display: inline-block; padding: 6px 0;width: 8em;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143; text-align: center; white-space: nowrap; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;border-radius: 4px;} .btn-default{color: #333;background-color: #fff;border-color: #e5e5e5;position: absolute;left: 13.8em;} .stc_maparea .address_bar .pathPanel .pathPoint li span, .stc_maparea .address_bar .pathPanel .start span { width: 90%;display: inline-block;border-bottom: 1px solid #e5e5e5; font-size: 12px;} .stc_maparea .address_bar .pathPanel .notify{background-color: #FDF8E5;margin: 5px 10px;text-align: center;padding: 10px;} ul.pathPoint{margin: 0; width:80%; clear: both; overflow: hidden; zoom:1;} .stc_maparea .address_bar .pathPanel .pathPoint li span{ line-height: 40px; } .stc_maparea .address_bar .pathPanel .pathPoint li .remove { background: url(../images/blink/sendtocar/iconfont-cuo.png) no-repeat; width: 9px; height: 9px; display: inline-block; position: absolute; right: 50px; bottom: 20px; cursor: pointer; } .stc_maparea .address_bar .pathPanel .pathPoint li .switch { background: url(../images/blink/sendtocar/switch.png) no-repeat; width: 22px; height: 25px; display: inline-block; position: absolute; right: 10px; bottom: -8px; cursor: pointer; } .stc_maparea .address_bar .pathPanel .pathPoint .last .remove { display: none!important; } .stc_maparea .address_bar .pathPanel .pathPoint .last .switch { display: none!important; } .harging_main {height: 515px;overflow: hidden;} .harging_menu{ width: 4%;height: 515px;float: right;background-color: #0e0e0e; } .harging_menu_list{padding: 1em 0;width: 100%;text-align: center;cursor: pointer;color: #fff;} .harging_menu_list span{display: block;margin: 0 auto 0.15em;width: 40%;} .harging_menu_list span img{ width: 100%; } .harging_menu_list.active{ background: #d50032; } .hargin_list{width: 27%;float: right;height: 517px;} .search_bar{ padding: 5px; position: relative;} input.searchInput{ height: 35px; width: 90%; padding:0 5%; line-height: 35px; border:1px solid #e5e5e5; } .searchButton{background: url(../images/blink/sendtocar/icon_20.png) center center no-repeat #e5e5e5;position: absolute; cursor: pointer; text-indent: -999em; right: 4px;top: 6px;width: 35px;height: 35px;} .autocompleter {/* display: none; */position: absolute;max-height:470px;left: 0;margin: 0 4px;background: #fff;border: 1px solid #e5e5e5;/*overflow-x:hidden;overflow-y: scroll;*/} .autocompleter ul{ margin:0; } .autocompleter li{/* width: 100%; */float: none;padding: 0.5em 1em;border-bottom: 1px solid #e5e5e5;} .autocompleter li strong{font-size: 1.35em;} .autocompleter li span{color: #333;} .searchAddress{height: 470px;overflow-y: scroll;} .search-message-none{margin: 5em auto;text-align: center;display: none;} .searchAddress ul.addressList,.collect_Address ul.collectionList{ margin: 0; width: 100%;} .searchAddress ul.addressList li,.collect_Address ul.collectionList li{float: none;position: relative;padding: 0.5em 0 0.5em 3em; cursor: pointer; border-bottom: 1px solid #eee;} .searchAddress ul.addressList li.active,.collect_Address ul.collectionList li.active{ } /*.searchAddress ul.addressList li .num{position: absolute;width: 30px;height: 25px;background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png) no-repeat;top: 0.6em;left: 10px;}*/ .searchAddress ul.addressList li .num{position: absolute;width: 30px;height: 25px;background: url(../images/blink/chargingPile/icon_charging_map.png) no-repeat;top: 0.6em;left: 10px;} .searchAddress ul.addressList li.active,.collect_Address ul.collectionList li.active{ background: #f5f5f5; } .searchAddress ul.addressList li:hover .actionBtn,.searchAddress ul.addressList li.active .actionBtn{ display:block; } .searchAddress ul.addressList li .num1{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: 0 -598px} .searchAddress ul.addressList li .num2{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -32px -598px} .searchAddress ul.addressList li .num3{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -64px -598px} .searchAddress ul.addressList li .num4{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -96px -598px} .searchAddress ul.addressList li .num5{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -128px -598px} .searchAddress ul.addressList li .num6{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -160px -598px} .searchAddress ul.addressList li .num7{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -192px -598px} .searchAddress ul.addressList li .num8{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -224px -598px} .searchAddress ul.addressList li .num9{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -256px -598px} .searchAddress ul.addressList li .num10{background: url(http://img.mapbar.com/web/3in1/imgs/Icon_y.png);background-position: -288px -598px} .searchAddress ul.addressList li.active .num1{background-position: 0 -624px} .searchAddress ul.addressList li.active .num2{background-position: -32px -624px} .searchAddress ul.addressList li.active .num3{background-position: -64px -624px} .searchAddress ul.addressList li.active .num4{background-position: -96px -624px} .searchAddress ul.addressList li.active .num5{background-position: -128px -624px} .searchAddress ul.addressList li.active .num6{background-position: -160px -624px} .searchAddress ul.addressList li.active .num7{background-position: -192px -624px} .searchAddress ul.addressList li.active .num8{background-position: -224px -624px} .searchAddress ul.addressList li.active .num9{background-position: -256px -624px} .searchAddress ul.addressList li.active .num10{background-position: -288px -624px} .searchAddress ul.addressList li h2,.collect_Address ul.collectionList li h2{ /* color: #b4b4b4; */ font-size: 1.15em; } .searchAddress ul.addressList li span.addressjl,.collect_Address ul.collectionList li span.addressjl{ position: absolute; right: 0.5em; top: 0.8em; font-size: 70%; color: #aaaaaa; } .searchAddress ul.addressList li dl dt,.collect_Address ul.collectionList li dl dt{ color: #aaaaaa; font-size: 12px; margin: 8px 0 3px; } .searchAddress ul.addressList li dl dd,.collect_Address ul.collectionList li dl dd{ color: #000; line-height: 1.45em; } .searchPageBtn { overflow: hidden; } .searchPageBtn ul{ margin:1em 0; text-align: center; } .searchPageBtn ul li{ float:none; display: inline-block;} .searchPageBtn ul li a{ background: none; padding:0 0.4em; } .searchPageBtn ul li a:hover{ background: none; color:#D50032; cursor: pointer; } .map_area{height: 515px;float: left;width: 69%;position: relative} .map_area .mapContainer{width: 100%;height: 515px} .map_area .car, .map_area .zoomIn, .map_area .zoomOut{height: 40px;width: 40px;position: absolute;right: 10px;cursor: pointer} .map_area .car{background: url(../images/blink/sendtocar/car.png) no-repeat;background-size: cover;top: 30%} .map_area .zoomIn{background: url(../images/blink/sendtocar/enlarge.png) no-repeat;background-size: cover;top: 40%} .map_area .zoomOut{background: url(../images/blink/sendtocar/Narrow.png) no-repeat;background-size: cover;top: 50%} .map_area table{border: none!important} .map_area table td>div{overflow: hidden!important;border: none!important} .tdropdown{display: inline;position: absolute!important;z-index: 100;left: 20px;top: 10px;padding: 3px;border: 1px solid #e5e5e5;background: #FFF} .tdropdown button{border: none;background-color: transparent} .tdropdown .tdropdown-menu{overflow: hidden;width: 400px;height: 415px;position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #e5e5e5;border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,.175)} .tdropdown .tdropdown-menu .tdropdown-header{font-weight: 700;min-height: 16.43px;padding: 3px 10px;font-size: 12px;line-height: 1.42857143;color: #999;border-bottom: 1px solid #e5e5e5} .tdropdown .tdropdown-menu .tdropdown-header button{float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;margin-top: -2px} .tdropdown .tdropdown-menu .tdropdown-body{padding: 10px 15px} .tdropdown .tdropdown-menu .tdropdown-body ul{overflow-y: auto;height: 330px} .tdropdown .tdropdown-menu .tdropdown-body ul li{padding-left: 72px;padding-top: 2px;font-size: 12px;border-bottom: #e5e5e5 dotted 1px;overflow: hidden; width:80%;} .tdropdown .tdropdown-menu .tdropdown-body ul li:hover{background-color: #f5f5f5} .tdropdown .tdropdown-menu .tdropdown-body ul li span{float: left;margin-left: -72px;color: #333;line-height: 24px} .tdropdown .tdropdown-menu .tdropdown-body ul li a{float: left;padding-left: 6px;line-height: 24px;color: #428bca; background: none;} .tdropdown .tdropdown-menu .tdropdown-body ul li a:hover{color: #2a6496;text-decoration: underline} .tdropdown li,.tdropdown ul{padding: 0;margin: 0;list-style: none} .open .tdropdown-menu{display: block} .tdropdown-search-container{position: relative;border-bottom: #e5e5e5 dotted 1px; padding:0.5em 0;} .tdropdown-search-container>input[type=text]{margin: 4px 0 4px 10px;width: 160px;border: 1px solid #e5e5e5;padding-left: 4px} .tdropdown-search-container>button{margin: 4px 0 4px 10px} .selfservice ul.ulCityList{position: absolute;display: none;list-style: none;left: 10px;width: 160px;background: #fff;border: 1px solid #e5e5e5} .ulCityList.show{display: block;} .selfservice ul.ulCityList li{list-style: none;padding-left: 10px} .selfservice ul.ulCityList li.hover,.selfservice ul.ulCityList li:hover{background: #f5f5f5} .caret {display: inline-block;width: 0;height: 0; vertical-align: middle; margin-left: 2px;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;} .collect_Address{ height: 515px; overflow-y:scroll; } .collect_Address ul.collectionList { width: 100%; margin:0; } .collect_Address ul.collectionList{ margin: 0; width: 100%;} .collect_Address ul.collectionList li{float: none;position: relative;padding: 0.5em 0 0.5em 3em; border-bottom: 1px solid #eee; cursor: pointer;} .collect_Address ul.collectionList.active{ } .collect_Address ul.collectionList .num{ position: absolute;width: 30px;height: 25px;background: url(../images/blink/sendtocar/blue.png) no-repeat;top: 0.6em;left: 10px; } .collect_Address ul.collectionList li.active .num{ background: url(../images/blink/sendtocar/red.png) no-repeat #f5f5f5; } .address_bar .searchAddress>ul>li .btn{font-size: 10px!important;margin-right: 4px;padding: 6px 5px; width:auo;} .address_bar .searchAddress>ul .active{background: #f5f5f5} .address_bar .searchAddress>ul .active .actionBtn{display: inherit!important;margin-top: 22px} .map_area{height: 500px;float: right;width: 69%;position: relative} .actionBtn { margin-top:14px; display:none; } .actionBtn a.btn { display: inline-block; background: #fff; padding: 6px 0.25em; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px;} .actionBtn a.btn-map{border: 1px solid #e5e5e5;margin: 0 1px;color: #000;background-color: #fff; width:auto;} .actionBtn a.btn-map.btn-tjd{ width: 6em;background-color: #fff; } .actionBtn a.btn-map:hover,.actionBtn a.btn-map.btn-tjd:hover{border-color: #D50032;color: #D50032; background: #fff;} .actionBtn a.btn-map.btn-tjd.disable-click,.actionBtn a.btn-map.btn-tjd.disable-click:hover{ background: #e5e5e5; border-color: #e5e5e5; color: #333333; } .btn-around, .btn-collect, .btn-send-icon { padding-left: 25px!important;} .actionBtn a.sc_btn,.actionBtn a.sc_btn:hover{ background: #fff; } .actionBtn a.btn-collect,.actionBtn a.btn-collect:hover{background: url(../images/blink/sendtocar/icon-collect.png) 5px 7px no-repeat #ffffff} .actionBtn a.btn-send-icon,.actionBtn a.btn-send-icon:hover{background: url(../images/blink/sendtocar/send.png) 5px 7px no-repeat #ffffff} .actionBtn a.btn-around,.actionBtn a.btn-around:hover{background: url(../images/blink/sendtocar/icon-around.png) 5px 7px no-repeat #ffffff} .collect_Address ul.collectionList li:hover .actionBtn,.collect_Address ul.collectionList li.active .actionBtn{ display:block; } .addressList { display:none; } p.caption{color:#333;font-size:16px} .button{margin:20px auto;display:inline-block;padding:16px 40px;background:#70b3eb;text-decoration:none;font-size:30px;color:#fff;text-shadow:0 -1px 1px rgba(26,62,103,.42);box-shadow:inset 0 0 0 1px #70b3eb,inset 0 1px 0 1px rgba(255,255,255,.5);border-radius:5px;-webkit-transition:.2s ease -webkit-transform;transition:.2s ease transform}.button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.field{position:relative} .autocompleter,.autocompleter-hint,.icon{position:absolute}.field input{width:100%;box-sizing:border-box;color:#000;height:60px;font-size:24px;padding:0 12px;border:0}.field input:focus{outline:0}.icon{right:0;top:0;width:60px;height:60px;background-image:url(../img/icon.png);background-color:#fff} .autocompleter{width: 100%;background:#FFF;left:0;z-index:100;margin: 0; z-index: 1; }.autocompleter-item-selected,.autocompleter-item:hover{background:#f5f5f5}.autocompleter-list{box-shadow:inset 0 0 6px rgba(0,0,0,.1);list-style:none;margin:0;padding:0;text-align:left;box-sizing:border-box}.autocompleter-item{padding:6px 12px;color:#444;font-size:13px;cursor:pointer}.autocompleter-item strong{text-shadow:0 1px 0 #fff}.autocompleter-item span{color:#bbb}.autocompleter-hint{color:#ccc;text-align:left;top:-56px;font-weight:400;left:0;width:100%;padding:12px 12px 12px 13px;font-size:24px;display:none}.autocompleter-hint span{color:transparent}.autocompleter-hint-show{display:block} /*.autocompleter-closed{display:none}*/ .tkwapper{width: 370px;height:180px;padding: 5px 10px;overflow: hidden;} .tkmain{width: 95%;height: 100px;overflow:hidden;} .tkcontent{width: 100%;height: 85px;overflow-y: auto;overflow-x: hidden;} .search-around-modal{width: 100%;margin-top: 20px;} .search-around-modal a{text-decoration: none;cursor: pointer;color: #000} .search-around-modal .search-input-panel{width: 100%;height: 60px;margin: 5px auto;position: relative;} .search-around-modal .search-input-panel input{height: 50px;width: 94%;padding: 4px 3%} .search-around-modal .search-input-panel .icon-s{position: absolute; right: -1px;top: 0;width: 60px;height: 60px;background: url(../images/blink/sendtocar/icon_183.png) center center no-repeat #c6cdd0;background-size: 30px;cursor: pointer} .search-around-modal .base-search{width: 100%;clear: both;overflow: hidden;zoom: 1;} .search-around-modal .base-search ul{height: 70px;list-style: none;padding: 0;margin: 10px 20px} .search-around-modal .base-search ul li{float: left;width: 62px} .search-around-modal .base-search ul li a{display: inline-block;width: 100%;height: 30px;text-align: center;padding-top: 45px} .search-around-modal .base-search ul li .icon-food{background: url(../images/blink/sendtocar/food.png) 10px 5px no-repeat} .search-around-modal .base-search ul li .icon-bank{background: url(../images/blink/sendtocar/bank.png) 12px 5px no-repeat} .search-around-modal .base-search ul li .icon-hotel{background: url(../images/blink/sendtocar/hotel.png) 5px 5px no-repeat} .search-around-modal .base-search ul li .icon-movie{background: url(../images/blink/sendtocar/movie.png) 14px 5px no-repeat} .search-around-modal .base-search ul li .icon-purchase{background: url(../images/blink/sendtocar/purchase.png) 17px 5px no-repeat} .search-around-modal .base-search ul li .icon-relaxation{background: url(../images/blink/sendtocar/relaxation.png) 17px 5px no-repeat} .search-around-modal .base-search ul li .icon-scenery{background: url(../images/blink/sendtocar/scenery.png) 10px 5px no-repeat} .search-around-modal .base-search ul li .icon-toilet{background: url(../images/blink/sendtocar/toilet.png) 15px 5px no-repeat} .search-around-modal .base-search ul li .icon-traffic{background: url(../images/blink/sendtocar/traffic.png) 15px 5px no-repeat} .search-around-modal .base-search ul li .icon-travel{background: url(../images/blink/sendtocar/travel.png) 13px 5px no-repeat} .search-around-modal .quickSearch-panel{width: 100%} .search-around-modal .quickSearch-panel .panel-title{width: 100%; padding:10px 0; text-align: left;} .search-around-modal .quickSearch-panel .search-address-panel{width: 100%; margin:0 auto; } .search-around-modal .quickSearch-panel .search-address-panel .panel-list{list-style: none;padding: 0; margin:0 auto; width: 100%; border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5} .search-around-modal .quickSearch-panel .search-address-panel .panel-list li{width: 100%;padding: 0; margin:0;} .search-around-modal .quickSearch-panel .search-address-panel .panel-list .list-item{list-style: none;padding: 0 auto; width:100%;overflow: hidden;margin-top: -1px; margin:0; border-left: 1px solid #e5e5e5;} .search-around-modal .quickSearch-panel .search-address-panel .panel-list .list-item li{float: left;text-align: center;width: 12.3%;padding: 10px 0; margin:0; border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5} .search-around-modal .quickSearch-panel .search-address-panel .panel-list .list-item li a{padding: 2px 0;width: 100%;display: inline-block; background: none;} .search-around-modal .quickSearch-panel .search-address-panel .panel-list .list-item li a:hover{color: #D50032} .search-around-modal .quickSearch-panel .search-address-panel .panel-list .list-item li:first-child{color: #428bca;font-weight: 700;background-color: #F9FAFD; margin:0;} .modal-open .modal{ overflow: hidden; } .modal { margin-top:0; position: fixed; z-index: 99999; display: none; -webkit-overflow-scrolling: touch; outline: 0; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); } .modal-dialog {margin: 0 auto;padding: 10px;} .modal-content { position: relative; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0,0,0,.5); padding: 0 25px 25px; } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close {margin-top: -2px;-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;font-size: 34px;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;float: right;margin-top: 6px;} .modal-title {font-size: 22px;color: #000;margin: 0;line-height: 1.42857143; } /* 充电桩 */ .charging_pile_more .modal-dialog{ width: 700px; } .charging_pile_more .modal-dialog .modal-content{ padding: 0; border-radius: 0px; } .charging_pile_more .modal-dialog .modal-header{ padding: 8px 0; background: #e5e5e5; } .charging_pile_more .modal-dialog .modal-header .modal-title{ text-align: center; font-size: 20px; } .charging_pile_more .modal-dialog .modal-header .close{ margin-top: -3px; opacity: 0.7; margin-right: 10px; } .charging_pile_more .modal-dialog .chrging-pile-modal ul{ width: 100%; margin:0; } .charging_pile_more .modal-dialog .chrging-pile-modal ul li{ margin:20px; float: none; border-bottom: 1px solid #e5e5e5; padding-bottom:20px;} .charging_pile_more .modal-dialog .chrging-pile-modal ul li.border_no{ border:none; } .charging_pile_more .modal-dialog .chrging-pile-modal ul li dd{ color: #333; line-height: 1.45em; margin-top: 0.25em; } .chrging-pile-modal ul li dd span{ padding-left:20px; margin-right: 2em; position:relative;display:inline-block;vertical-align:middle;text-align:left;*display:inline; } .chrging-pile-modal ul li dd span.pile_address{ background: url(../images/blink/sendtocar/charging_pile1.png) left top no-repeat; } .chrging-pile-modal ul li dd span.pile_num{ background: url(../images/blink/sendtocar/charging_pile2.png) left top no-repeat; } .chrging-pile-modal ul li dd span.pile_mi,.chrging-pile-modal ul li dd span.service_stop{padding:0; } .chrging-pile-modal ul li dd span.socket_man{ background: url(../images/blink/sendtocar/charging_pile3.png) left top no-repeat; } .chrging-pile-modal ul li dd span.socket_kuai{ background: url(../images/blink/sendtocar/charging_pile4.png) left top no-repeat; } .chrging-pile-modal ul li dd span.service_time{ background: url(../images/blink/sendtocar/charging_pile5.png) left top no-repeat; } .chrging-pile-modal ul li dd span.price_icon{ background: url(../images/blink/sendtocar/charging_pile6.png) left top no-repeat; } .pile_list span{ position: relative; } .pile_list span:before{ content: ""; display: block; position: absolute; left: 4px; top: 6px; width: 8px; height: 8px; border-radius: 50%; } .pile_list span.yes:before{ background: #1279be; } .pile_list span.no:before{ background: #e5e5e5; } .chrging-pile-modal ul li dd span strong{ display: block; } .chrging-pile-modal ul li dd span em{ font-size: 12px; font-style: normal; } @media all and (max-width:1240px){ .second_banner .second_title,.service_title{ width:96%;} .second_banner .second_title{ width:96%; left: 2%; margin: 0;} .condition-status-icon{ font-size:1.15em; } .autognosis_phonen em{ font-size: 1.1em } ul.pathPoint{ width: 90%; } } @media all and (max-width:1024px){ .second_banner .second_title{ padding-top: 17%; } .condition-status-icon{ font-size:1.1em; } .autognosis_phonen em{ font-size: 1em } .stc_maparea .address_bar .pathPanel table .td1{ width: 37px; } .charging_pile_more .modal-dialog{ width: 90%; } } @media all and (min-width:0px) and (max-width:999px){ .second_banner img.banner_pc,.second_banner img.banner_wap{ display: none; } .second_banner img.banner_pad{ display: block; } .second_banner .second_title{ padding-top: 23%; } .second_banner{margin-top: 12.5%; } .selfservice li .text_content{height: 8em; padding:1em 1.5em;} .selfservice li .text_content strong{ font-size: 1.25em; } .selfservice li .text_content em{ left: 1.5em; } .condition-status-icon{ font-size:1em; } .condition-status-icon.large.dian_item,.conditon-instrument-text{ font-size:1.1em; } .condition-left-whell_val span{ font-size:90%; } .autognosis_phone{ width: 10%; } .autognosis_phonen em{ font-size:90%; } } @media all and (min-width:768px) and (max-width:999px){ .searchAddress ul.addressList li span.addressjl, .collect_Address ul.collectionList li span.addressjl{ position: static; width: 100%;float: left } } @media all and (max-width: 767px){ .second_banner img.banner_pc,.second_banner img.banner_pad{ display: none; } .second_banner img.banner_wap{ display: block; } .recommendation_content .page_photo_btn{ display: block; } .second_banner .second_title{font-size:12px;} .second_banner .second_title h2{ font-size:18px; } .selfservice ul{ width: 100%; margin:2em auto; } .selfservice li.self_com3,.selfservice li.self_com2{ width: 100%; margin-left: 0;} .selfservice li .text_content{ font-size: 12px; height: 7em; } .selfservice li.self_com2 .img_content{padding-top: 46%;} .selfservice li.self_com2 .img_content img{width: 90%; left: 5%; } .recommendation li img{ margin-top: 1.5em; } .recommendation_content li p.self_text{ font-size: 1.45em; margin-bottom: 0.5em; } .service_title strong{ font-size: 17px; } .service_title{ font-size: 12px; } .recommendation .service_title{ padding-bottom:2em; } .recommendation{ font-size: 12px; padding-top: 3em; } /* 服务理念 */ /* .service_recommendation.inner_content */ .recommendation ul{position:relative;list-style-type:none; white-space:nowrap;font-size:0;zoom:1; width:100%; overflow-x: scroll; } .recommendation li{width:50%;position:relative;display:inline-block;*display:inline;margin-right:-0.5em;zoom:1; overflow:hidden; float: none;} .recommendation li img{ width: 70%; } .recommendation .photo_content{ display: none; } .recommendation .photo_num{ display: none; } .recommendation_bg{ display: block; } .current .recommendation_bg{ display: none; } .recommendation_content{ position: relative; } .page_photo_btn a{ display: block; position: absolute; width: 24%; height: 100%; top: 0; text-indent: -9999em; cursor: pointer; } .page_photo_btn a.page_photo_prev{ left: 0; background: url(../images/left_white.png) center center no-repeat; } .page_photo_btn a.page_photo_next{ right: 0; background: url(../images/right_white.png) center center no-repeat; } .page_photo_btn a.noshow{ display: none; } .recommendation_content li .recommendation_text{ display: none; } .recommendation_content li:hover .recommendation_bg{ display: none; } .recommendation_content li a{ display: block; position: relative; font-size: 14px; } .recommendation_content li:hover .recommendation_text,.recommendation_content li a.current .recommendation_text{ display: block; bottom:1em; font-size:14px; } /*自助服务*/ .self_wrap .selfservice ul li.self_com3,.self_wrap .selfservice ul li.self_com2{width: 100%;margin-bottom: 1%;} .self_wrap .selfservice ul li.odd2{margin-left: 0;margin-right: 0;} .condition_main .mian_time,.condition_main .mian_weizhi{ padding:1em 0.5em 1em 3em; font-size:90%; } .condition_info .info-title span,.info_content span{ font-size:90%; } .condition_info .info-title span.choice_car{top: 0.5em;} .self_wrap_two .progress_text p{ display: inline-block; float: none; font-size: 90%; } .self_wrap_two .progress_text p.number{ font-size: 20px; } .self_wrap_two .progress_text{width: 100%;left: 0;text-align: center;top: 10%;} .self_wrap_two .condition-instrument2{padding: 30% 0 0 70%;top: 25%;left: 15%;} .self_wrap_two .conditon-instrument-text2{padding:38% 0 0 63%;top: 57%;left: 18%;background: url(../images/blink/condition/condition-instrument-ico2wap.png);background-size:100%; font-size: 90%;} .conditon-instrument-text2 .all_licheng{position: absolute;left: 0;top: 16%;} .conditon-instrument-text2 .licheng2{position: absolute;left: 70%;top: 16%;} .conditon-instrument-text2 .car_wendu{position: absolute;left: 0;top: 57%;} .conditon-instrument-text2 .dianya2{position: absolute;left: 70%;top: 57%;} .conditon-instrument-text2 .xitong{position: absolute;left: 1%;top: 98%;} .conditon-instrument-text2 .chedeng2{position: absolute;left: 69%;top: 98%;} /* 车况查询 */ .main_item{ width: 100%; } .list_main:nth-child(1){ padding:96.875% 0 0 0; margin-top: 1.5em; border:none; } .list_main:nth-child(2){ padding:94.875% 0 0 0; } .main_item:nth-child(1) h2{ margin-top: -1.5em; } .main_item.main_long{ padding:116.785% 0 0 0; } .condition-instrument{ padding:70% 0 0 70%; top: 5%; left: 15% } .conditon-instrument-text{ padding:38% 0 0 70%; top: 64%; left: 15%; } .main_item{ border: none; border-top: 1px solid #e5e5e5 } .condition-status-icon,.condition-status-icon.large.dian_item, .conditon-instrument-text,.condition-left-whell_val{ font-size:90%; } .condition_info .info-title span,.info_content span,.info_content span.cphm{ width: 100%; padding:0.25em 0; } .condition_menu ul{width: 100%;margin: 0 auto;white-space: nowrap; overflow-x: scroll;} .condition_menu ul li{width: 50%;float: none;display: inline-block;} .condition_menu a.photo_prev,.condition_menu a.photo_next{display: none;} .condition_menu{ position: relative; } .condition_menu .photo_num{ display: none; } .condition_menu ul li{ width: 100%; } .condition_menu .page_photo_btn a.noshow{ display: block; } .condition_menu .page_photo_btn a.page_photo_prev,.condition_menu .page_photo_btn a.page_photo_next{ background-size:12%; } .condition_main .mian_time:before,.condition_main .mian_weizhi:before{ left: 1em; } .condition_main { margin-bottom: 2em; } .condition_menu .page_photo_btn{ display: block; } /* 车辆诊断 */ .scroll_content{ background: #fff; } .vehicle_content{ padding:2em 1em 0; } .vehicle_zhuangtai{ width: 100%; } .vehicle_list{ height: auto; width: 100%; } .autognosis_phone_item{ margin:2em 0 0; } .autognosis_text{ font-size: 90%; } .autognosis_phonen{ font-size:90%; } .condition-wheel-warningInfo{ left: 31%; } /* 发送倒车 */ .map_area{ width: 100%; height: 250px; } .map_area .mapContainer{ height: 250px; } .harging_menu{ width: 15%; } .hargin_list{ width: 85%; height: 325px; } .harging_main{ height: 580px } .searchAddress{ height: 280px; width: 100%; } .searchAddress.vehicle_list{ width: 100%; } .collect_Address{ height: 328px; } .pathPanel ul.pathPoint{margin: 0;} .condition_info .info-title{height: auto;} .warning_contnet{ font-size: 12px; } .tdropdown .tdropdown-menu{ width: 300px} .tdropdown .tdropdown-menu .tdropdown-body ul{ margin-top: 0} .tdropdown .tdropdown-menu .tdropdown-body ul li{ width: auto;} .autocompleter.autocompleter_wrap{width: auto;} .autocompleter.autocompleter_wrap{left: 0;} .autocompleter.autocompleter_wrap ul{margin: 0;} } @media all and (max-width: 375px){ .btn{width: 7em;} .btn-red{left: 2.8em;} .btn-default{left: 12.8em;} .tdropdown .tdropdown-menu{ width: 260px} } @media all and (max-width: 320px){ .btn-red{left: 2.8em;} .btn-default{left: 10.5em;} .btn{width: 6em;} .condition_info{margin: 40px auto 20px;} .condition_info .info-title span.choice_car{top: -2.9em;} } @media all and (min-width: 0){ .dian_item:before{top: 0.4em;} }