/*菜单*/
.menu{position: absolute;top: 28px;left: 0}
/*预定框*/
.bookBox{width: 1180px;margin: auto;position: absolute;left: 0;right: 0;top: 115px;z-index: 2}
.book{width: 310px;height:400px;position: absolute;left: 0;top: 18px;background-color: #000;filter: alpha(opacity=50);background-color:rgba(0,0,0,0.5);padding: 13px 11px;}
.bookTit{width: 310px;height: 51px;position: absolute;left: 11px;top: 13px;cursor: pointer}
.bookTit>div{width: 50%;height: 51px;line-height: 51px;float: left;color: #fff;text-align: center}
.bookTit>div a{font-size: 12px;padding-left: 5px}
.bookTit .active{color: #24354b;background: #fff;}
.longRent img{position: absolute;right: 15px;top: 8px;animation:img 2s linear infinite}
@keyframes img {0%{box-shadow: 0 0 1px #ff0000} 50%{box-shadow: 0 0 20px #ff0000} 100%{box-shadow: 0 0 1px #ff0000} }
.bookBody{width: 310px;height: 350px;background: #fff;position: absolute;left: 11px;top: 64px}
.Arrow{width: 0;height: 0;border-top: 7px solid #24354b;border-right: 5px solid transparent;border-left: 5px solid transparent;float: right;margin:12px 8px 0 0;transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s}
.ArrowHover{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
.show{width: 100%;height: 100%}
.show>a{padding-left: 10px}
/*-------------短租-------------*/
.shortBox{width: 281px;height: 326px;padding: 5px 15px 0 15px;color:#24354b;font-size: 13px;position: relative}
.shortBox>span{font-size: 14px;padding-left: 2px; position:relative}
.shortBox > label { line-height:30px }
/*城市*/
.shortCar{width: 100%;height: 30px;line-height:28px;margin: 5px 0 10px 0;position: relative;}
#returnCar{margin-bottom: 15px}
.shortCar>hr{width: 9px;height: 1px;border: 0;background: #BABABA;position: absolute;top: 15px;left: 111px}
.shortCar>div{height: 28px;border: 1px solid #BABABA;cursor: pointer;position: relative}
.shortCar>div>a{padding-left: 10px;}
.shortCity{width: 100px;float:left;}
.shortStore{width: 150px;float:right;}
/*取还车城市列表*/
.city_list{width: 430px;position: absolute;left: -1px;top: 28px;border:1px solid #BABABA;z-index: 10;min-height: 100px;background: #fff;padding: 10px;display: none}
.city_list_tit{width: 100%;height: 30px;line-height: 25px;border-bottom: 1px solid #EC6924;position: relative}
.city_list_tit a{padding: 0 7px}
.city_list_arrow{width: 0;height: 0;border-bottom: 6px solid #EC6924;border-right: 6px solid transparent;border-left: 6px solid transparent;position: absolute;left: 27px;bottom: -1px}
.city_list_body{width: 420px;padding: 20px 5px 0 5px;}
.city_list_body a{padding: 2px 10px}
.city_list_body a:hover{background:#EA5506;color: #fff}
.city_list_body li{display: none}
.city_list_body li>span{display: inline-block;width: 80px;height:20px;line-height: 20px; margin-bottom: 15px}
.city_list_body li>div{width: 395px;line-height: 20px;padding-left: 25px;margin-bottom: 15px;position: relative}
.city_list_body li>div b{display: block;width: 20px;height:20px;line-height: 20px; font-weight: 400;color:#959595;position: absolute;left: 0;top: 0}
.city_list_body li>div span{display: inline-block;width: 75px;height:20px;line-height: 20px; margin-bottom: 10px}
/*取还车门店*/
.store_list{width: 662px;position: absolute;left: -1px;top: 28px;border:1px solid #BABABA;z-index: 10;min-height: 100px;background: #fff;display: none}
.store_list_tit{padding-left:15px;height: 15px}
.area{border-bottom: 2px solid #EC6924;margin:10px 15px;padding-bottom: 10px}
.area a{display:inline-block;height: 30px; padding: 0 10px;margin-right: 15px;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.area a:hover{background:#eee;color: #EA5506}
.store_list .active{background:#EA5506;color: #fff}
.store{padding:0 15px;}
.store ul{display: none}
.store li{display: inline-block;width: 155px;height: 30px}
.store li a{padding:0 8px}
.store li a:hover{background:#EA5506;color: #fff}
.storeInfo{margin-top: 10px;padding: 10px 18px;background:#FCEEE7;position: relative}
.storeInfo div{width: 350px;padding-left: 80px;position: relative;}
.storeInfo div a{display: inline-block;position: absolute;left: 0;top: 0}
.storeInfo div p{display: inline-block}
.toMap{display: block;width: 72px;height: 60px;position: absolute;right: 18px;top: 0;bottom: 0;margin: auto;color: #24354b;line-height: 20px;text-align: center}
.toMap:hover{color:#EA5506}
/*时间*/
.shortTime{width: 279px;height: 28px;border: 1px solid #BABABA;margin: 5px 0 10px 0;position: relative;}
.shortTime>div{height: 28px;line-height: 26px;cursor: pointer;position: relative}
.shortTime>div>a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-indent: 10px}
/*日期*/
.shortDate{width: 190px;float: left;padding-right: 4px;border-right: 1px solid #EEEEEE}
.shortDate>span{font-size: 12px;margin:0 10px 0 0;float: right;color: #EA5506}
/*营业时间*/
.shortHour{width: 80px;float: right;padding-left: 4px;position: relative}
.hourBox{width: 220px;position: absolute;left: -1px;top: 28px;border:1px solid #BABABA;z-index: 10;min-height: 100px;background: #fff;padding:10px;display: none;}
.hourBox a{float: left;height: 20px;line-height: 20px; padding:5px 10px}
.hourBox a:hover{color: #EA5506;background: #eee}
/*日历*/
#calendar{width: 195px;height: 94px;line-height: 73px;text-align: right; position: absolute;bottom: 75px;left: 15px;color: transparent;color: #fff\9;font-size: 8px;z-index: 7;cursor: pointer}
.calendar{width: 195px;height: 34px;position: absolute;bottom: 105px;left: 15px;z-index: 8;}
/*短租预订*/
#startBook{width: 281px;height: 35px;background: #FF6F05;color: #fff;margin-top: 10px;border: 0;font-size: 15px;transition: all 1s;position: relative;overflow: hidden}
#startBook span{display: block;width: 10px;height: 10px;border-radius: 10px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#startBook .active{background-color: #000;filter: alpha(opacity=20);background-color: rgba(0,0,0,0.2);width: 300px;height: 300px;border-radius: 300px;}

/*优惠套餐*/
.setMeal{width: 281px;height: 316px;padding: 15px 15px 0 15px;color:#24354b;font-size: 16px;position: relative;display: none}
.setMeal>div{width: 100%;height: 74px;border: 1px solid #ddd;margin: 20px auto;cursor: pointer;border-radius: 10px;color: #FF9A36}
.setMeal>div>div{float: left;}
.sM_L{width: 110px;height: 40px;padding: 17px 0;line-height: 20px;text-align: center;}
.setMeal .hr{width: 1px;height: 72px;margin-top: 1px;background: url("../images/hr.png") 0 0;}
.sM_R{width: 170px;height: 40px;padding: 17px 0;line-height: 40px;overflow: hidden;position: relative;text-indent: 30px}
.sM_R a{font-size: 40px}
.sM_R button{float: right;margin-right: 20px;width: 40px;height: 40px;border-radius: 40px;color: #fff;background: #FF9A36;border: 0;font-size: 12px;overflow: hidden;text-indent: 0;line-height: 15px}
.setMeal>div,.setMeal button{-moz-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s}
.setMeal .active{background: #FF9A36;color: #fff;border-color: #FF9A36;box-shadow: 2px 2px 5px #aaa}
.setMeal .active .hr{background-position: -2px 0}
.setMeal .active button{background: #fff;color: #FF9A36}

/*-----------幻灯片-------------*/
.slide{width: 100%;height: 531px;overflow:hidden;position: relative}
.slide li{transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s}
.slide .img{width: 100%;height: 531px;position: relative}/*图片*/
.slide .img li{width: 100%;height: 531px;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);z-index: -1}
.slide .img .active{opacity: 1;filter: alpha(opacity=100);z-index: 0}
.slide .img li a{display: block;width: 100%;height: 531px}
.slide .hd{width:1180px;margin: auto;position: absolute;left:0;right: 0;bottom: 18px}/*索引*/
.slide .tit{float: right}
.slide .tit li{display: inline-block;width: 34px;height: 10px;margin-right: 15px; border-radius: 4px;background: #000;opacity: 0.5;filter: alpha(opacity=50)}
.slide .tit .active{background: #fff!important;opacity: 1!important;filter: alpha(opacity=100)!important}
.slide .tit .last_tit{margin: 0!important}

/*宣传图*/
.card{width: 100%;height: 210px}
.card_box{width: 1180px;height: 176px;margin: auto;padding-top: 34px}
.card_box>div{float:left;width: 242px;padding-left: 29px; height: 140px;margin-right: 32px;position: relative;color: #fff;overflow: hidden;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s}
.card_box>div:hover{-webkit-filter:brightness(.8)}

.card_box>div *{position: absolute;}
.card_box>div h2{top: 23px;font-size: 22px}
.card_box>div span{top: 52px}
.card_box>div p{top: 70px;font-size: 14px}
.card_box>div i{right: 0;bottom: 0}
.card1{background: #ff4f60}
.card2{background: #ff7937}
.card3{background: #48cfae}
.card4{background: #3ac9fb;margin-right: 0!important;}
/*推荐车型*/
.recommendBox{width: 100%; background:#e8e6e6; }
.recommend{width: 1180px;height:auto;margin: auto;}
.recTit{padding-top: 36px;}/*标题*/
.recTit>a{font-size: 20px;color: #24354b}
.hotCity{display: inline-block;margin-left: 46px;position: relative;}/*热门城市*/
.hotCity:hover .hotCityList{width: 540px;}
.hotCity b{font-size: 14px;color:#EA5506 }
.arrowR{display: inline-block;width: 0;height: 0;border-left: 8px solid #EA5506;border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-left: 5px}/*箭头*/
.hotCityList{position: absolute;left: 60px;top: -20px;width: 0;overflow: hidden;background:#fff;box-shadow: 2px 2px 10px #666;z-index: 10;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s}/*热门城市列表*/
.hotCityList>div{width: 540px;padding: 10px;}
.hotCityList span{display: inline-block;width: 90px;font-size: 14px;color:#24354b;cursor: pointer}
.hotCityList a{padding: 0 10px}
.hotCityList a:hover{background:#EA5506;color: #fff}
.recCar{width: 100%;height: 630px;margin-top: 25px}/*车型展示*/
.recCar>div{float: left; width: 20%;height: 287px; padding-bottom:30px}
.recCarBox{width: 200px;height: 285px;margin: auto;color: #24354b;background: #fff}
.recCarBox:hover{box-shadow: 0 0 20px #333}
.recCarBox:hover .carImg{background: url("../images/222.png")}
.recCarBox:hover .noImg{background: url("../images/444.png")}
.recCarBox:hover .carImg p{color: #fff}
.recCarBox:hover .price{color: #0088cc}
.recCarBox,.carImg,.carImg p,.price{transition:all .2s ;-webkit-transition:all .2s;-moz-transition:all .2s}
.carImg{width: 100%;height: 170px;background: url("../images/111.png");overflow: hidden}
.carImg p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #24354b;text-align: center;margin-top: 15px}
.carImg img{width: 167px;display: block;margin:15px auto;}
.price{width: 100%;height: 85px;color: #24354b;border-bottom: 1px dashed #CFCFCF;text-align: center}/*日期、价格*/
.price span{font-size: 14px;margin-top: 10px}
.price b{display: block;font-size: 30px;padding-top: 10px}
.carIcon{width: 100%;height: 32px;}/*车型展示小图标*/
.carIcon>div{height: 25px;line-height: 30px;float: left;padding:0 12px 0 10px}
.carIcon>div a{font-size: 12px;color: #CFCFCF; padding-left:3px}
.last_carIcon{padding-right: 0!important;}
/*推荐车型为空*/
.noRecCar{margin-left: 472px}
.button{display: block;margin: 30px auto;width: 140px;height: 35px;border: 1px solid #24354b;color: #24354b;text-align: center;line-height: 35px;font-size: 13px;box-shadow: 0 0 1px #24354b;transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s}
.button:hover{background: #24354b;color: #fff}
.noImg{width: 166px;height: 66px;margin: 60px auto 0 auto;background: url("../images/333.png");}

/*ICON*/
.icon{display:inline-block;background: url("../images/icon1.png") no-repeat;}
.icon_phone{width: 8px;height: 12px;background-position:-228px 0}
.icon_logo{width: 224px;height: 54px;background-position:0 0}
.icon1{width: 66px;height: 64px;background-position:0 -53px}
.icon2{width: 66px;height: 64px;background-position:-66px -53px}
.icon3{width: 66px;height: 64px;background-position:-132px -53px}
.icon4{width: 66px;height: 64px;background-position:-198px -53px}
.icon11{width: 132px;height: 8px;background-position:-75px -119px}
.icon12{width: 124px;height: 8px;background-position:-75px -127px}
.icon13{width: 137px;height: 8px;background-position:-75px -135px}
.icon14{width: 145px;height: 8px;background-position:-75px -143px}
.icon_location1{width: 9px;height: 12px;background-position:-237px 0}
.icon_location2{width: 9px;height: 12px;background-position:-247px 0}
.icon_car1{width: 10px;height: 14px;background-position:-228px -12px}
.icon_car2{width: 10px;height: 14px;background-position:-228px -26px}
.icon_car3{width: 10px;height: 14px;background-position:-241px -12px}
.icon_car4{width: 10px;height: 14px;background-position:-241px -26px}
.icon_message{width: 74px;height: 65px;background-position:0 -119px}