/*菜单*/
.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:#eeb819;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: #eeb819}
.store_list .active{background:#eeb819;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:#eeb819;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:#eeb819}
/*时间*/
.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: #eeb819}
/*营业时间*/
.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: #eeb819;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/index/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: 398px;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:#eeb819 }
.arrowR{display: inline-block;width: 0;height: 0;border-left: 8px solid #eeb819;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:#eeb819;color: #fff}
.recCar{width: 100%;height: 287px;margin-top: 25px}/*车型展示*/
.recCar>div{float: left; width: 20%;height: 287px}
.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/index/222.png")}
.recCarBox:hover .noImg{background: url("../images/index/444.png")}
.recCarBox:hover .carImg p{color: #fff}
.recCarBox:hover .price{color: #eeb819}
.recCarBox,.carImg,.carImg p,.price{transition:all .2s ;-webkit-transition:all .2s;-moz-transition:all .2s}
.carImg{width: 100%;height: 170px;background: url("../images/index/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: 25px;float: left;padding:0 12px 0 10px}
.carIcon>div a{font-size: 12px;color: #CFCFCF}
.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/index/333.png");}
/*其他*/
.other{width: 100%;height: 1550px;background: #E8E6E6}
.oBox1{width: 1180px;margin: auto}
.oBox1>div{float: left;position: relative}
.oBox1_L{width: 732px;height: 372px;}
.o_tit{font-size: 20px;color: #24354b}
.oBox2{width: 100%;height: 333px;margin-top: 13px}
/*优惠活动*/
.discount{width: 732px;height: 372px;margin-top:32px;}
.discountBox{overflow: hidden;position: relative}
.discountBox ul{width:100%;height: 100%;overflow: hidden;}
.discountBox ul li{position: relative;float: left;width: 110px; height: 333px;overflow: hidden;background: #fff;}
.discountBox ul li a{display: block;width: 100%;height: 100%}
.discountBox li,.discountBox img,.discountBox div{-moz-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s}
.discountBox img{position: absolute;left: 0;top: 0;z-index: 0}
.discountBox div{padding: 20px;position: relative;z-index: 1;font-size: 16px;line-height: 28px;color: #fff}
.discountBox ul .active{width: 510px}
.discountBox ul .active div{opacity: 0;filter: alpha(opacity=0);}
.discountBox ul .active img{left: -111px}

/*附近门店*/
.around{width: 438px;height: 372px;margin-top:32px;margin-left:10px;}
.aroundBox{margin-top: 13px;background: #fff}
.moreStore{display:block;background: #FE9226;color: #fff;position: absolute;right: 0;bottom: 68px;font-size: 14px;padding:10px 18px;font-weight: 700;transition: all 700ms ease 0s;}
.moreStore:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
#map{width: 436px;height: 269px;border: 1px solid #dcdcdc}
.aroundStore{width: 416px;height: 42px;padding: 10px;border: 1px solid #dcdcdc;border-top: 0;}
.aroundStore>a{font-size: 14px;color: #24354b}
.aroundStore>a b{color: #eeb819}
.aroundStore>ul{width: 100%;height: 16px;margin-top: 5px}
.aroundStore>ul li{font-size: 12px;color: #eeb819;width: 25%;float: left;text-align: center}
.aroundStore>ul li a{color: #24354b;padding-left: 5px}
.aroundStore>ul li a:hover{color: #eeb819}

/*大方新闻*/
.news1{width: 732px;height: 372px;margin-top: 50px}
.news1_L{width: 510px;height: 333px;float: left;position: relative;overflow: hidden}
.news1_L>img{transition: all 1500ms ease 0s;}
.news1_L>img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.news1_L>div{width:100%;height: 38px;line-height:38px;color: #fff;background: #FF6124;text-align: center; position: absolute;left: 0;bottom: 0}
.news1_R{width: 216px;height: 333px;float: right}
.news1_R>div{width: 100%;height: 109px;position: relative;overflow: hidden}
.news1_R>div div{width: 150px;padding: 10px 20px; position: absolute;left: 0;bottom: 0;font-size: 12px;color: #fff}
.news1_R img{width: 221px;height: 109px;transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s}
.news1_R>div:hover img{-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-webkit-transform: translateX(-5px);transform: translateX(-5px)}
.news2{width: 391px;height: 303px;margin-left:10px;margin-top: 88px;border: 1px solid #dcdcdc;padding: 29px 20px 0 25px;background: #fff}
.news2>a{font-size: 14px;color: #24354b}
.news2Box{width: 100%;margin-top: 20px}
.news2Box>div{width: 100%;height: 40px;line-height: 40px;font-size: 12px}
.news2Box>div a{display: inline-block; width: 305px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #24354b}
.news2Box>div a:hover{color: #eeb819}
.news2Box>div span{float: right;color: #949494}

/*租车体验*/
.experience1{width: 732px;height: 372px;margin-top: 50px}
.evaluate1{width: 216px;height: 333px;float: left;overflow: hidden}
/*.evaluate1>img{width: 221px;transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s}*/
/*.evaluate1:hover img{-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-webkit-transform: translateX(-5px);transform: translateX(-5px)}*/
.evaluate1>div{width: 216px;text-align: center;color: #fff;position: absolute;bottom: 10px}
.evaluate1 h4{font-size: 17px;font-weight: 400;margin-bottom: 10px}
.evaluate1 p{font-size: 12px;line-height: 25px}
.cityShow{width: 510px;height: 333px;float: right;overflow: hidden}
/*.cityShow img{width: 515px;transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s}*/
/*.cityShow:hover img{-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-webkit-transform: translateX(-5px);transform: translateX(-5px)}*/
.experience2{width: 436px;height: 333px;margin-left:10px;margin-top: 88px;border: 1px solid #dcdcdc;overflow: hidden;background: #fff}
.evaluate2{width: 100%;}
.evaluate2 li{width: 434px;height: 109px;border: 1px solid transparent}
.evaluate2 li:hover{animation: borColor 1s; border-color: #eeb819}
.photo{margin:15px 9px;overflow: hidden;float: left}
.evaluate2_body{width: 322px;height: 90px;margin: 18px 0 0 0;float: right;padding-right: 15px;color: #949494;font-size: 12px;position:relative;}
.name{display: inline-block;width:65px;}
.evaluate2_body p{height: 40px;line-height: 20px;overflow: hidden;color: #24354b;margin-top: 5px}
.address{float: left;margin:5px 0 0 130px}
.time{float: right;margin-top: 5px}
/*城市列表*/
.cityList{width: 1180px;height: 372px;z-index: 1;margin-top: 50px}
.cityListBox{width: 1168px;border: 1px solid #dcdcdc;background: #fff;margin-top: 13px;padding: 30px 0 20px 10px;overflow: hidden;zoom: 1}
.cityListBox a{display: block;width: 97px;height: 35px;line-height: 35px;padding-left: 19.8px;font-size: 12px;color: #949494;float: left}
.cityListBox a:hover{color: #eeb819}
/*页脚*/
.footTop{height: 160px;width: 100%;background: #767271}
/*广告图*/
.Advertisement{position: fixed;left: 0;bottom: 0;background: url("../images/index/advertisement.png") no-repeat top center;width: 100%;height: 279px;z-index: 99;transition:0.8s;-moz-transition:0.8s;-o-transition:0.8s;-webkit-transition:0.8s}
.Advertisement>div{width: 1180px;height: 100%;margin: auto;position: relative}
.AdvertisementExit{width: 22px;height: 22px;position: absolute;right: -22px;bottom: 117px;cursor: pointer}
.AdvertisementExit:hover{background-color: #000;filter: alpha(opacity=30);background-color: rgba(0,0,0,0.3)}
.Advertisement img{position: fixed;left: -120px;bottom: 43px}
.AdvertisementExit,.Advertisement img{-moz-transition: 0.5s;-o-transition: 0.5s ;-webkit-transition: 0.5s;transition: 0.5s;}
/*查看门店位置*/
#storeMap{width: 1000px;height: 600px;display: none}
#storeMap .box{width: 320px;min-height: 200px;font-size: 12px;color: #23454b;padding: 10px 10px 0 10px}
#storeMap .title{font-size: 14px;color: #eeb819;font-weight: 700}
#storeMap .comments{color: #23454b;float: right}
#storeMap .toStore{display:block;padding: 5px 15px;border: 1px solid #eeb819;color: #eeb819;margin: 30px 0; transition: 0.5s;text-align: center;position: relative;overflow: hidden}
#storeMap .toStore:hover{box-shadow: 0 0 5px #eeb819}
#storeMap .nav{width: 318px;height: 23px;line-height: 23px;margin-top: 15px}
#storeMap .nav>div{width: 105px;height: 23px;margin-right: 1px;background: #eee;float: left;position: relative;text-indent: 30px;cursor: pointer}
#storeMap .nav .active{background: #eeb819;color: #fff}
#storeMap .navBox>div{width: 100%;height: 24px;margin-top: 15px}
#storeMap .navBox input{height: 22px;border: 1px solid #eee;font-size: 12px}
#storeMap .place{width: 205px;margin-right: 2px;text-indent: 10px}
#storeMap .navBox input[type=button]{width: 47px;background: #fff}
#storeMap .seaBut{width: 100px!important;}
#storeMap .go,.search{display: none}
/*ICON*/
.iconMap{display:inline-block;background: url("../images/storeMap/icon.png") no-repeat;position: absolute;left: 10px;top: 3px}
.icon_M1{width: 89px;height: 66px;background-position:0 0}
.icon_M2{width: 12px;height: 17px;background-position:-90px 0}
.icon_M3{width: 12px;height: 17px;background-position:-90px -17px}
.icon_M4{width: 12px;height: 17px;background-position:-90px -34px}
.icon_M5{width: 12px;height: 17px;background-position:-103px 0}
.icon_M6{width: 12px;height: 17px;background-position:-103px -17px}