#title{width: 100%;height: 170px;margin-top: 50px;background: url("./img/title_005.jpg") no-repeat;background-size: auto 100%;background-position: top center;text-align: center;color: #000;}
#title h1{font-size: 34px;font-weight: 400;padding-top: 25px;}
#title p{font-size: 16px;padding-top: 5px;}
#content{width: 90%;max-width: 1000px;margin: 0 auto;padding-bottom:150px;}
.from_box {width: 90%;max-width: 1000px;margin: 10px auto;background: rgba(0,0,0,.5);padding: 15px 0;color: #fff;border-radius: 5px;}
.from_box ul li{display:inline-block;float:left;line-height:30px;font-size:14px;margin-left:20px;}
.from_box li input{width:150px;color:#000;text-indent:2px;line-height:30px;margin-left:10px;border:none;border-radius:5px;}
.from_box .search_btn {display: block;float: left;margin-left: 60px;padding: 0 40px;background: #f68b33;line-height:30px;color:#fff;border-radius:5px;font-size:16px;}
.hotel_box {width: 47%;overflow: hidden;border: 1px solid #d9e8ff;float:left;margin:10px 1%;cursor:pointer;}
.hotel_box:hover{cursor:pointer;background: #f4f5f7;box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translate3d(0,-2px,0);transition:all .2s linear;}
.hotel_box:hover .txt_box a {color: #006eb9;}
.hotel_box:hover .txt_box a .iconfont{color: #006eb9;}
.hotel_box img {width: 170px;height: 130px;float: left;margin: 10px;}
.hotel_box .txt_box{margin:10px;position:relative;height:130px;}
.hotel_box .txt_box .iconfont {color: #ddd;}
.hotel_box .txt_box .iconfont.on {color: #f68b33;}
.hotel_box .txt_box h2 {margin: 5px 0;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotel_box .txt_box dl {line-height: 20px;}
.hotel_box .txt_box dt {display: block;float: left;}
.hotel_box .txt_box dd{max-height:40px;overflow:hidden;}
.hotel_box .txt_box a {font-size: 15px;position: absolute;bottom: 0;right: 0;}
.hotel_box .txt_box a .iconfont {font-size:20px;color:#464646;margin-left:5px;}
.page_box{padding:20px 0 100px 0;text-align:center;}
.page_box ul{display:inline-block;}
.page_box ul li {height: 25px;line-height: 25px;font-size: 14px;padding: 0 5px;display: inline-block;float: left;}
.page_box ul li a {color: #036bb0;}
.page_box ul li a:hover {color: #f00;}
.page_box ul .disabled a {cursor: not-allowed;color:inherit;}
.page_box ul .active span{color:#f00;}

@media screen  and (max-width: 800px){
.min{width: 100%;max-width: none;min-width:inherit;}
#header{height: 50px;}
#header .logo{margin-left: 20px;width: 30%;padding: 5px 0;}
#header .btn{font-size: 14px;width: 50px;line-height: 50px;}
#header .nav_list li{float: none;}
#header #mobile_nav_btn{display: block;}
#header .nav_list{display: block;  padding-top: 50px;}
#header .nav_list a{font-size: 14px;line-height: 40px;}
#header .nav_txtbox{display: block;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#header .nav_txtbox p{display: block;width: 50%;padding: 10px;font-size: 14px;line-height: 25px;color: #fff;}
#header .nav_txtbox img{width: 120px;height: 120px;margin: 10px;}
#footer{margin-top: 0;}
#footer .fr{display: none}
#footer p{font-size: 10px;line-height: 20px;padding: 0 10px;}
#footer .copy p:nth-child(1){display: none;}
#content{width:95%;}
.content .hotel_box{width:100%; margin:10px 0;}
.page_box{padding:20px 0 30px 0;}
}

@media screen and (max-width: 500px) {
    .hotel_box img {width: 120px;height: 90px;float: left;margin: 5px;}
    .hotel_box .txt_box{margin:5px;height:120px;}
    .hotel_box .txt_box .iconfont{font-size:12px;margin:0 1px;}
    .hotel_box .txt_box h2{font-size:14px;margin:0;}
    .hotel_box .txt_box dl{line-height:16px;}
    .hotel_box .txt_box dd{max-height:32px;}
    .hotel_box .txt_box a{font-size:12px;}
    .page_box ul li{font-size:12px;padding:0 2px;}
}