﻿/*---------------------------------------------------------租车搜索---------------------------------------------------------*/
.inputBtu {background-color: #37c9d6; color: #fff; line-height: 40px; width: 100%; font-size: 1.6rem; border-radius: 5px; margin-top: 20px; display: block; text-align: center;}
.iBox{padding: 0 20px;}
.date {background-color: #fff;}
.dorpBox {display:none;}
.dorpBox .showBox{position:fixed;bottom:0;left:0;bottom: 0; width:100%;height:250px; background:#FFF;z-index: 999;}
.dorpBox .showBox h2{font-weight:500;font-size:14px;height:40px; line-height:40px; text-align:center; border-bottom:1px solid #DEDEDE; margin:0;}
.dorpBox .showBox h2:after{content: ''; position: absolute; right: 10px; top: 9px; width: 20px; height: 20px; background: url(../images/icon/guanbi.png) no-repeat 0 0/cover;}
.dorpBox .showBox .showList{padding:10px 25px; height:210px;overflow:auto;}
.dorpBox .showBox p{text-align:center;height:36px; line-height:36px; margin:0;font-size: 1.4rem;}
.dorpBox .showBox p font{color:#000;width:25px;text-align:right;padding-right:30px;}
.dorpBox .showBox p.cur{border:1px solid #37c9d6;color:#37c9d6; border-width:1px 0;}
.dorpBox .dorpBoxBg{position:fixed;bottom:0;left:0;bottom: 0; width:100%; height:100%;background:#999;opacity: 0.3;}
.c_search{}
.c_search ul{}
.c_search li{color: #666; border-bottom: 1px solid #e1dfdf;padding: 0 15px 0px; line-height: 40px; font-size: 1.4rem; overflow: hidden; position: relative; height: 40px; background-color: #fff;margin-bottom: 10px;border-top: 1px solid #e1dfdf;}
.c_search li span{width: 50%; float: left; /*color: #999;*/ box-sizing:border-box;position: relative;height: 40px;}
.c_search li span .ip_city{position: absolute;top: 0;width: 100%;left: 0;padding-left: 60px;box-sizing: border-box;background-color: rgba(0,0,0,0);color: #A9A9A9;}
.c_search li span:nth-child(1){border-right: 1px solid #e1dfdf;}
.c_search li span:nth-child(2){text-align: right;}
.c_search li span:nth-child(2) input{text-align: right;width: 70%;}
.c_search li span:nth-child(2):after{content: "";display: inline-block;width: 10px;height: 10px;border-right: 1px solid #b9b9b9;border-bottom: 1px solid #b9b9b9;-webkit-transform: rotate(-45deg)translateY(15px);transform: rotate(-45deg)translateY(15px);margin-right: 10px;margin-top: 4px;float: right;}
.c_search li span i{width: 25px; height: 25px; display: block; float: left; background-size: contain; background-repeat: no-repeat; margin-top: 6px; margin-right: 15px; margin-left: 20px;}
.c_search li span i.c_city{background-image: url(../images/icon/city.png);}
.c_search li span i.c_date{background-image: url(../images/icon/date.png);}
.c_search li span i.c_time{background-image: url(../images/icon/time.png);}
.c_search li span i.c_place{background-image: url(../images/icon/place.png);background-size: 30px;background-position: -5px -5px;}
.c_search li span i.c_branks{background-image: url(../images/icon/brands.png);}
.c_search li span div.arrow{float: right;color: #b9b9b9;margin-right: 10px;}
.c_search li span div.arrow em {width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #b9b9b9; display: inline-block; margin: 17px 0 0 10px;}
.car-search{}
.car-search .hd{}
.car-search .hd li{width: 50%; float: left; height: 40px; line-height: 40px; text-align:  center; font-size: 16px;}
.car-search .hd li.on{background-color: #ddd;}
/*---------------------------------------------------------租车列表---------------------------------------------------------*/
.list{}
.list li{position: relative;padding: 10px 15px;background-color: #fff;border-top: 1px solid #e1dfdf;border-bottom: 1px solid #e1dfdf;margin-bottom: 10px;}
.list li .state{background: url(../images/icon/tj.png) no-repeat 0 0/cover;width: 40px;height: 40px;position: absolute;left: 0;top: 0;}
.list li a{display: block;}
.list li .fl{float: left;height: 70px;line-height: 23px;}
.list li .fl .img{width: 100px; height: 70px;background-size: cover;background-position: 50%;padding:0;}
.list li .con{float: left;height: 70px;line-height: 23px;padding-left: 10px;}
.list li .con p{font-size: 1.2rem; color: #999;}
.list li .con p em{color:#37c9d6;font-size: 1.4rem;}
.list li .con p.tl{color: #000;}
.list li .con .pro_price{position:absolute;top: 50%;right: 0;display:table;color:#999;text-align:right;height: 20px;line-height: 20px;margin-top: -10px;}
.list li .con .price_right{display:table-cell;vertical-align:middle;line-height:14px;}
.list li .con .price_right odb,.list li .con .price_right s{font-size:1.2rem;}
.list li .con .pro_price s{color:#fe7f1c;text-decoration: none;}
.list li .con .pro_price em{color:#fe7f1c;font-style:normal;font-size:2rem;}
.list li .con .price_right odb{color:#424242;}
.list li .collect{position: relative;}
.collect-list{border-top: 1px solid #e1dfdf;margin-top: 5px;/* padding-top: 5px; */font-size: 12px;}
.collect-list dd{padding: 10px 0;border-bottom: 1px solid #e1dfdf;}
.collect-list dd:last-child{border-bottom: 0;padding-bottom: 0;}
.collect-list dd .fl{height: auto;max-width: 70%;}
.collect-list dd .fl .logo{display: none; width: 20px; height: 20px; float: left; background-position: 50%; background-size: cover; margin-right: 5px;}
.collect-list dd .fl .seller{color: #000;}
.collect-list dd .fl .seller .point{color: #999;}
.collect-list dd .fl .address{color: #328605;}
.collect-list dd .fl .service{}
.collect-list dd .fl .service span{display: inline-block; border: 1px solid #c7c7c7; padding: 0 3px; border-radius: 3px; min-width: 34px; text-align: center; cursor: pointer; margin: 2px 0; color: #666; line-height: 16px; font-size: 10px;}
.collect-list dd .fr{float: right;max-width: 30%;}
.collect-list dd .fr .price .t{color: #f60;line-height: 24px;}
.collect-list dd .fr .price .t em{font-size: 14px;}
.collect-list dd .fr .price .b{color: #999;}
/*---------------------------------------------------------租车展示---------------------------------------------------------*/
.slideBox .bd li a > div{padding-bottom: 45%;background-size: cover;}
.slideBox .bd li a .tl{position: absolute; bottom: 0; width: 100%; left: 0; height: 25px; color: #fff; background: rgba(0,0,0,0.5); line-height: 25px; padding: 0 15px; box-sizing: border-box; font-size: 1.2rem;}
.slideBox .bd li a .tl .fl{float: left; display: block;}
.slideBox .bd li a .tl .fr{float: right; display: block;}
.brief{background-color: #fff; margin-bottom: 10px; border-bottom: 1px solid #e1dfdf;}
.brief ul{padding: 10px 15px;color: #b9b9b9;}
.brief li{width: 50%; float: left; font-size: 1.4rem; line-height: 25px;}
.brief li:nth-child(1),.brief li:nth-child(2){color: #000;}
.brief li em{color: #ff8800;}
.show{}
.show .hd{height: 48px;margin-bottom: 6px;border-bottom: 1px solid #e1dfdf;border-top: 1px solid #e1dfdf;width: 100%;z-index: 99;}
.show .hd.fixed{position: fixed;top: 0;left: 0;}
.show .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.show .hd li{height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
.show .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.show .bd{background:#fff;}
.show .bd .text{padding: 10px;font-size: 1.4rem;line-height: 20px;}
.show .bd .text img{max-width: 100%;height: auto!important;}
.show .bd .title{font-size: 16px;line-height: 30px;color: #666;position: relative;}
.show .bd .title span{background-color: #fff;margin: 0 auto;width: 100px;display: block;z-index: 2;position: relative;text-align: center;}
.show .bd .title:after{content: "";height: 1px;background: #d4d4d4;position: absolute;width: 100%;top: 49%;left: 0;-webkit-transform: scaleY(0.5);-ms-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 1;}
.show .comment li{padding:0;}
.extend h2 {font-size: 14px;/* background-color: #FFFFFF; *//* border-left: 4px solid #37c9d6; *//* padding: 6px 0 6px 8px; */color: #37c9d6;}

footer.f_show{background-color: #fff;padding: 0;height: 48px;}
footer.f_show ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
footer.f_show li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;height: 48px;line-height: 48px;font-size: 1.6rem;}
footer.f_show li:nth-child(1){-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;line-height: 18px;text-align: center;font-size: 10px;color: #666;background-color: #f0f0f0;padding: 5px 0;box-sizing: border-box;}
footer.f_show li:nth-child(2){background-color: #ff7d13; color: #fff;-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;-o-box-flex:2;}
footer.f_show li:nth-child(2) a{color: #fff;}
footer.f_show li i{background: url(../images/icon/line/phone.png) no-repeat scroll 0 0/cover;height: 30px;width: 30px;float: left;display: inline-block;margin-top: 7px;}
footer.f_show li i.collect{background: url(../images/icon/collect.png) no-repeat 1px -28px / 28px;display: block;float: none;height: 23px;margin: 0 auto;}
footer.f_show li i.collect.on{background-position: 1px -51px;}
footer.f_show li:nth-child(2) i{background-image: url(../images/icon/line/yuding.png);}
footer.f_show li span{}
footer.f_show li > div{text-align: center;}

.discount_icon{font-size: 1.2rem;height: 16px;line-height: 14px;padding: 0 2px;white-space: nowrap;border-radius: 2px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;color: #ff4646;border: 1px solid #ff4646;position: relative;margin-right: 12px;}
.discount_icon:after{content: "";width: 3px;height: 3px;background: #bbb;border-radius: 50%;position: absolute;right: -9px;top: 6px;}
.sales{margin-bottom: 10px;border-top: 1px solid #e1dfdf;}
.sales li{height: 40px;line-height: 40px;background-color: #fff;border-bottom: 1px solid #e1dfdf;padding: 0 10px;font-size: 14px;position: relative;}
.sales li a{display: block;}
.sales li.policy{line-height: 30px;font-size: 1.2rem;padding-top: 5px;padding-bottom: 5px;position: relative;height: 30px;}
.sales li.policy >div{float: left;padding-right: 10px;}
.sales li:after{content: "";display: inline-block;width: 10px;height: 10px;border-right: 1px solid #b9b9b9;border-bottom: 1px solid #b9b9b9;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);position: absolute;right: 15px;top: 50%;margin-top: -5px;}
.sales li.dl .yuan {display: inline-block; background: #37c9d6 url(../images/icon/line/line_show.png) no-repeat scroll 0 13px/27px; border-radius: 100%; height: 25px; width: 25px; position: absolute; top: 6px; left: 10px;}
.sales li.dl.comment .yuan{background-position:0 -53px;}
.sales li.comment{padding-left: 40px;}
.sales li.comment .fr{padding-right: 20px;}
.sales .collect-list{margin-top: 0; border-top: 0; padding: 0 10px 10px 10px; background: #fff; border-bottom: 1px solid #e1dfdf; line-height: 23px;}
.sales .date{}
.sales .date .get{width: 50%;float: left;border-right: 1px solid #e1dfdf;box-sizing: border-box;position: relative;overflow: hidden;}
.sales .date .back{width: 50%;float: left;position: relative;}
.sales .date .get i,.sales .date .back i{background: #37c9d6;color: #fff;font-size: 14px;padding: 5px;border-radius: 50%;}
.sales .date .back i{margin-left: 10px;}
.sales .date input[type="text"]{width: 100%; position: absolute; top: 13px; left: 32px;}
.sales .date .back input[type="text"]{left: 44px;}
.sales li.date:after{display: none;}
.policybox{background-color: rgba(0,0,0,0.7);color: #fff;padding: 20px;box-sizing: border-box;}
.policybox .content{height: 80%;}
.policybox h2{text-align: center; font-size: 16px; font-weight: normal; margin-bottom: 25px;}
.policybox .row{font-size: 14px; line-height: 40px;}
.policybox .text{font-size: 13px; color: #999;}
.policybox .close{background: url(../images/icon/close.png) no-repeat 0 0/cover;}