﻿.banner{position:relative;min-height:450px;}
.banner .carousel img{min-height:450px;margin:0 auto;}
.carousel-indicators{width:200px !important;margin-left:-100px !important;}
/*.search-section{position:absolute;width:64%;left:50%;margin-left:-30%;top:32%;padding:35px 35px 10px;z-index:2;background:rgba(0,0,0,0.5);}*/
.search-section{position:absolute;top:35px;border-radius:5px;padding-top:10px;z-index:2;background:rgba(0,0,0,0.5);border:1px solid none;box-sizing:border-box;box-shadow:0 0 8px #333;}
.search-section h3{font-size:20px;margin:10px;color:white;}
.search-section h3 span{color:#249c60;}
.search-section p{margin:0 10px 10px;color:white;}
.search-section .row{padding:5px 10px;background-color:white;margin:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.search-section .row div[class*=col]{background:white;border-radius:3px;border:1px solid #ddd;box-sizing:border-box;margin:5px 0;}
.search-section .row input,.search-section .row select{border:0;height:40px;background:white;outline:none;border-radius:0;padding-right:8px;}
.search-section .row input{width:100%;padding-left:30px;}
.search-section .row select{width:100%;padding-right:0;}
.search-section .row .date-input{display:inline-block;width:40%;padding:0;line-height:40px;text-align:center; background:white;cursor:pointer;}
.search-section .row .days{position:absolute;top:14px;right:10%;}
.search-section .row .action_search{width:100%;}
.search-section .btn{height:45px;font-size:16px;}
@media screen and (max-width:768px){
    .search-section{top:20px;}
    .search-section .row div[class*=col] {
        margin-bottom: 5px;
    }
}
.houseicon{text-align:right;}
.searchicon,riliicon,.peopleicon,.houseicon{position:relative;}
.location,.location input{cursor:pointer;}
.location:before{position:absolute;left:5px;top:5px;font-family:'iconfont';content:"\e8c2";color:#aaa;font-size:20px;}
.searchicon:before{position:absolute;left:5px;top:5px;font-family:'iconfont';content:"\e870";color:#aaa;font-size:20px;}
.riliicon:before{position:absolute;left:5px;top:5px;font-family:'iconfont';content:"\e8c6";color:#aaa;font-size:20px;}
.peopleicon:before{position:absolute;left:5px;top:0;line-height:40px;font-family:'iconfont';content:"\e8c9";color:#aaa;font-size:20px;}
.houseicon:before{position:absolute;left:5px;top:0px;line-height:40px;font-family:'iconfont';content:"\e618";color:#aaa;font-size:22px;}
.countryicon:before{position:absolute;left:5px;top:5px;font-family:'iconfont';content:"\e8a2";color:#aaa;font-size:22px;}
.countryicon input{padding-right:0 !important;}
.houseicon,.peopleicon{/*display:inline-block;width:48%;*/text-align:center;height:40px;padding-left:30px;box-sizing:border-box;line-height:45px;}
.changeocc span{white-space:nowrap;overflow:hidden;display:block;}
.riliicon{padding-left:30px !important;}

.index-title{font-size:28px;text-align:center;padding:40px 0;}
.index-title-nav{text-align:center;font-size:16px;padding:0 0 40px;}
.index-title-nav span{display:inline-block;margin:0 10px;line-height:1;padding:5px 15px;border-radius:10px;cursor:pointer;}
.index-title-nav span.active,.index-title-nav span:hover{background:#f90;color:white;}

.index-hotel .row{margin-bottom:30px;}
.index-hotel div[class*=col-]{position:relative;}
.index-hotel div[class*=col-]:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);}
.index-hotel a{display:block;}
.index-hotel a+a+a+a{margin-top:20px;}
.index-hotel .pic{height:200px;overflow:hidden;}
.index-hotel .pic img{min-height:200px;}
.index-hotel .title{position:absolute;left:15px;right:15px;bottom:0;padding:10px 5px;background:rgba(0,0,0,0.5);color:white;line-height:1;}
.index-hotel .title:after{clear:both;content:'';display:table;}
.index-hotel .title-l p{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-hotel .title-r{float:right;margin-left:10px;}

.hot-city .row{margin-bottom:30px;}
.hot-city div[class*=col]{position:relative;}
.hot-city .pic{height:200px;overflow:hidden;}
.hot-city .pic img{min-height:200px;}
.hot-city .title{position:absolute;left:15px;right:15px;top:0;bottom:0;background:rgba(0,0,0,0.1);color:white;text-shadow:0 0 5px #333;text-align:center;line-height:200px;font-size:24px;}
.hot-city .title span{font-size:13px;}
