@charset "utf-8";
@import url("common.css");


body{background: #f5f5f5;}
/*我是头部*/
.header{ height:141px; background: url(../img/top_background.gif) ;  }
.logo{ padding-top:30px; }
.biaoyu{text-align:right; padding-top:20px;}
.readonly{ background-color: #f5f5f5; }


/*我是导航*/
.layui-fluid,.layui-nav{padding:0;margin:0;}
.nav{ background-color: #511f7a;  }
.layui-nav{ background:none; }
.layui-nav .layui-nav-item a{font-size:18px;}
.layui-card .layui-card-header h2>a{font-size:20px; font-weight:bold; color: #000; text-decoration:none; }
.layui-card .layui-card-header h2>a:hover{ color: #9700a9; }

/*我是banner*/
.banner{display:block; position: relative;}
.banner>img{ width: 100%; }


/*我是首页顶部搜索*/
.search{ margin:10px 0px; padding:0px 10px; }
.search .keylinks{ margin:8px 0px 0px 10px; float: left; width: 33%;  }
.search a{ text-decoration:none; padding:5px; border: 1px solid #ccc; }
.search a:hover{ background:#9700a9; color: #fff; }

/*我是主体部分内容*/

.layui-tab .layui-tab-title li{ font-size:16px; }
.layui-this{  }
.layui-tab-title .layui-this{color: #9700a9;  }
/*新聞資訊*/
.news .newsfirst_left{width: 30%; float: left;}
.news .newsfirst_left img{ width: 90%; }

.news .newsfirst_right{width: 70%; float: right;}
.news .newsfirst{  border-bottom: 1px dashed #ccc; padding-bottom:10px;  }
.news .newsfirst dt{margin-bottom:10px;}
.news .newsfirst dt h3{ font-weight: 700; }
.news .newsfirst dt a{ color: #880099; text-decoration: none;  }
.news .newsfirst dt a:hover{ color: #f60; }
.news .newsfirst_right dl dd{ height:77px; overflow: hidden;  }
.news .newsfirst p{ text-indent: 25px; }
.news .newslist span{float: right; color: #f60;}
.news .newslist a{ text-decoration: none; color: #000;   }
.news .newslist a:hover{ color: #f60; }
.news .newslist ul li{ border-bottom: 1px dashed #ccc;   padding:4px 5px; }


/*最新酒店*/
.newhotel .newhotel_list{ background: #f5f5f5; margin-bottom:10px; }
.newhotel .newhotel_left{ float: left; width: 20%; }
.newhotel .newhotel_left img{width: 100%; height: 96px;}
.newhotel .newhotel_right{ float: left; padding-left:10px; width: 78%; height: 90px ;overflow:hidden; }
.newhotel .newhotel_right h4 { height: 22px;  line-height: 25px; overflow: hidden;}
.newhotel .newhotel_right h4 span{ color: #f60; float: right; }
.newhotel .newhotel_right p{text-indent:25px; line-height: 22px; overflow: hidden; margin-top: 7px; }
.newhotel .newhotel_right a{ color: #9700a9;  }
.newhotel .newhotel_right a:hover{text-decoration:none; color: #f60;}

/*最新客房*/
.newroom ul li{float: left; margin-right:11px; margin-bottom: 26px; width: 23.1%;}
.newroom ul li img{width: 100%;  height: 110px;}
.newroom .newroomname{ text-align: center; height: 23px; overflow: hidden; }
.newroom .newroomname a{ color: #000; text-decoration:none; }
.newroom .newroomname a:hover{ color: #f60; }

/*行政区酒店*/
.hotelarea{ padding-left:15px; }
.hotelarea dl {  float: left;  width: 13.2%; margin-right:1%; background: #f5f5f5; }
.hotelarea dl dt{ margin-bottom:5px; }
.hotelarea dl dt img{ width: 100%; height: 125px; }
.hotelarea dl dd a{ font-size:16px; text-decoration:none; color:#9700a9;  }
.hotelarea dl dd a:hover{color: #f60;}
.hotelarea dl dd { overflow: hidden; height: 21px; }



/*熱門商圈*/
.shangquan{}
.shangquan dl dd{ padding:5px 10px; float:left; background: #f5f5f5; margin: 4px 3px 4px 0px; }
.shangquan dl dd a{font-size:14px;}
.shangquan dl dd a:hover{ text-decoration:none; color: #f60; }

/*我是首页品牌*/
.pinpai dl dd{ width:100px; height: 100px; float:left; margin:5px;  }
.pinpai dl dd img{ width: 100%; }

/*评论*/
.comment li{ margin:12px 5px 12px 5px; border-bottom: 1px dashed #ccc;padding-bottom:10px; }
.comment .left_comment{width: 20%;float: left;}
.comment .left_comment .tx_comment{  padding-left:8px; }
.comment .left_comment img{border-radius: 50%; width: 50%; text-align:center;}
.comment .right_comment{width: 80%;float: left;}

/*问答*/
.question dl{ margin:5px 0px 10px 0px; background: #f5f5f5; padding:10px 5px;  }

/*我是导航*/
.daohang{ margin-top: 10px; }

/*=======酒店搜索页==========*/

.searchbox{ padding:20px 10px; background-color: #fff; margin:10px 0px;  }
/*.searchbox dl.first{display:block; float: left; width: 100%; padding:18px 6px; border-bottom: 1px dotted #e1e1e1;line-height:30px;}
.searchbox .first dt{ width: 52px; float: left; text-align:left;  }
.searchbox .first dd{ display:block; margin-left:60px; }
.searchbox .first dd a.on{ color: #fff; background:#00bf4b; border-radius:2px; }
.searchbox .first dd .tag{ float: left; }
.searchbox .first dd .tag a{position:relative; padding:0 20px 0 10px; margin:0px 7px; border-top: 1px solid #fff;  text-align:left;}
.searchbox .first dd .notto{ width: 44px; margin-right: -2px;text-align:center; padding:2px 1px; }
.searchbox dl.other{display:block; position: relative; float: left; width: 100%;padding:10px 0; border-bottom: 1px dotted #e1e1e1;}
.searchbox .other dd{display:block; position: relative; margin-left: 60px; padding-left:60px; height:24px; line-height: 20px; overflow: hidden;}
.searchbox .other dt{float: left; width: 52px; text-align:left; line-height:24px; color: #999;}
.searchbox .other dd .notto.on{ color: #fff; background:#00bf4b; border-radius:2px; }
.searchbox .house_price dd a{ padding-left:17px;cursor:pointer; background:url(https://hotel.cncn.com/static/img/list_option_icon.png) no-repeat 0 -144px; }*/

.search_lable{ position: relative; float: left; display:block; padding:7px; }
.search_lable2{ float: left;display:block;  padding:7px 0px 0px 2px; margin-right:10px; }
.search_lable2>a{ background-color: #16b777; padding:5px; color: #fff; margin:0px 10px; }
.searchbox .bottom_line .display_box{ display:block; width: 90%; float: right; }

.layui-form-item{ margin-bottom: 10px; }
.bottom_line{ margin-left: 0; border-bottom: 1px dashed #ccc; padding-bottom:8px; }



/*我是搜索列表*/
.hotellist_left{ width: 71%; float:left; background-color: #fff; }
.hotellist_cycle{ border-bottom: 1px dashed #ccc; }
.hotellist_singe_img{ width: 22.5%; float:left; padding:15px; }
.hotellist_singe_img img{width: 100%; height: 145px;}
.hotellist_singe_info{ width: 53%; float:left;   padding:15px 0px;  }
.hotellist_singe_info dt{ font-size:22px;  overflow: hidden;white-space: nowrap; letter-spacing: 0.5px; margin-bottom:3px;}
.hotellist_singe_info dl dd {font-size: 16px;}
.hotellist_singe_info dl dd span{font-weight: bold;}
.hotellist_singe_info dt h3{ font-weight:bold; line-height: 25px; }
.hotellist_singe_info dt a{ color: #000; text-decoration: none; font-size:24px; }
.hotellist_singe_info dt a:hover{color: #f30;}
.hotellist_price_right{ width: 14%; float:right;  text-align: right; padding-right:15px;}
.hotellist_price_right dd{ margin:4px 0px; }
.hotellist_price_right dt{ font-weight:normal; font-size:28px; color: #f30; padding-top:10px; margin-bottom:15px;  }
.hotellist_price_right dt span{ font-size:14px; }
.hotelmap_right{position:sticky; top:10px; width: 28%; float:right;  height: 600px; background-color: #fff;  }




/*=======分页==========*/
#page{display:block;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN:15px; COLOR: #a0a0a0; PADDING-TOP: 10px;  TEXT-ALIGN: center;}
#page a {BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 10px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 10px;  PADDING-BOTTOM: 5px; BORDER-LEFT: #909090 1px solid; COLOR: #000; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none;}
#page a:hover {BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid;  BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040;}
#page a:active {BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid;  BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040;}
#page span.current {BORDER-RIGHT:#671d80 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #671d80 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #671d80 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #671d80 1px solid; BACKGROUND-COLOR: #671d80;}
#page span.disabled {BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid;}
/*=======搜索页结束==========*/


/*新闻列表页*/
.newslist{background: #f5f5f5; margin:0px ; }

.newslist .newslist_left{ float: left; width: 20%; margin:10px; }
.newslist .newslist_left img{ width: 90%; margin:10px; }
.newslist .newslist_right{ float: right; width: 75%;margin:10px; }
/*.newslist .newslist_right .fa-calendar-alt:before{content:"\f073";}*/

.newslist dl dt{ height: 40px; overflow: hidden; margin-top: 5px; }
.newslist dl dt h3{  font-weight: normal; line-height: 40px;  }
.newslist dl dt h3 a{ color: #000; text-decoration:none; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; }
.newslist dl dt h3 a:hover{ color: #f60; }
.newslist dl dd p{ text-indent:25px; font-size: 16px; line-height: 1.5em;  height: 100px; overflow:hidden; }
.newslist dl dd span{ margin-right: 15px; }


/*新闻详情*/
.news_detail .news_title{ margin: 10px; }
.news_detail .news_title h1{ font-size: 28px; text-align:center; margin:10px;  }
.news_detail .news_info{ font-size: 20px; text-align:center; margin: 20px;}
.news_detail .news_content{ font-size: 16px; line-height: 26px;  padding:20px;}

/*右侧新闻列表*/
.newslist_side dl{ background: #f5f5f5; margin:10px 0px;  }
.newslist_side dl dt{ margin-bottom: 10px; }
.newslist_side dl dd p{  font-size: 14px; }
.newslist_side{ font-size: 16px; }


/*首页右侧最新酒店列表*/
.new_hotel_list .new_hotel_left{ float: left; width: 25%; }
.new_hotel_list .new_hotel_left img{ width: 100%;}
.new_hotel_list .new_hotel_right{ float: right; width: 75%;  padding-left:10px;}
.new_hotel_list .new_hotel_right dt{ font-size: 16px; }

/*首页右侧最新客房列表*/
.new_room_list .new_room_left{ width: 25%; float: left; }
.new_room_list .new_room_left img { width: 100%; }
.new_room_list .new_room_right{ width: 75%; float: left; padding-left:10px; }
.new_room_list .new_room_right dt{ font-size: 16px; }

/*我是脚部*/
.footer{ background: #541868; color: #fff; padding-top:30px; padding-bottom: 20px; margin-top: 10px; }
.footer .links{ margin-bottom:10px;  }
.footer .links ul li{ width: 80px; float: left; border-right:solid 1px #ccc; text-align:center; }
.footer .links ul li a{color: #e9e9e9;}
.footer .links ul li a:hover{ color: #fff; }

.footer a{ color: #a67ab1; text-decoration:none; }
.footer a:hover{color: #fff;}
.footer .copyright{padding-left:10px; color: #ccc; padding-bottom: 20px;}
.footer .friendlink{ padding-bottom:10px; }
.footer .friendlink ul li{ float: left; padding:0px 8px;  }
.footer .intro{ padding:10px 0px 10px 10px; color: #ccc;}
.footer .tel{ font-size: 30px; padding-left: 10px; }
/*
.footer .footerlink{ vertical-align:top; }
.footer .footerlink dt {  font-size: 20px;padding:5px; }
.footer .footerlink dl {  width: 15%; float: left; }
.footer .footerlink dd { padding:3px; padding-left:5px; }

.footer .copyright{ text-align:center; padding-top:20px; }
.footer .bookingtel{ text-align:center; }

*/

/*酒店详情*/
.hoteldetail{ margin-bottom:10px; }
.hoteldetail .hotelname{ padding-left:10px; padding-top:20px; color: #000; }
.hoteldetail .hotelname span{ float: right; font-size: 20px; background:#d5ead8; color: #187e29; padding:10px ;margin-right: 10px;}
.hoteldetail .address{ padding:10px 0px 0px 10px; font-size: 20px; }
.hoteldetail .address span a{ color: #f60;  }
.hoteldetail .address span a:hover{ text-decoration:none; color: #74009e }
.hoteldetail .map{ display: block; width: 100%; height:280px; background:#f5f5f5; }

/*图片*/
.hoteldetail .imglist{ padding:10px; }
.hoteldetail .imglist .imglist_left{ float: left; width: 39%;  margin-right:0px;position:relative; overflow: hidden; }
.hoteldetail .imglist .imglist_left img{width: 100%; height: 287px; object-fit:cover; transition:transform 0.2s;}

.hoteldetail .imglist .imglist_right{ float: right; width: 60%;  }
.hoteldetail .imglist .rowright{width:100%;}
.hoteldetail .imglist .imglist_right  .rowright dl dd{ float: left; width: 31%; margin-right: 7px; margin-bottom:7px; }
.hoteldetail .imglist .imglist_right  .rowright dl dd .img_more{ position: absolute;  right:30px ; bottom: 20px; padding:10px 10px; background-color:rgba(0,0,0,0.5); position: cursor; }
.hoteldetail .imglist .imglist_right  .rowright img{width: 100% ; height: 140px;  object-fit:cover; transition:transform .2s;}

/*概述*/
.hotelinfo_left{float: left; width: 70%;}
.hotelinfo_right{float: right; width: 30%;}
.hoteldetail .hotelinfo_right img{ width: 100%; height: 280px; }
.hoteldetail .hotelinfo_left .intro_list{ padding:8px 0px 5px 20px }
.hoteldetail .hotelinfo_left .layui-card-header h5{ font-weight: bold; font-size: 18px; }
.hoteldetail .hotelinfo_left .intro_list dl { float: left; width: 30%; margin-left:10px;}
.hoteldetail .hotelinfo_left .intro_list dl dd{font-size: 14px; margin-bottom: 5px;}
.hoteldetail .hotelinfo_left .intro_list dl dd span{ font-weight: bold; color: #9700a9; }
.hoteldetail .hotelinfo_left p{ text-indent:28px; font-size: 16px; padding:5px 20px 0px 30px; }
.hoteldetail .hotelinfo_left .intro{ height: 80px; overflow:hidden; }
.hotelpolicy{ background:#fff; }
.hotelpolicy .layui-cow{ margin:10px; padding:10px; }


/*右侧列表*/
.haslook ul li{ line-height: 23px;height: 23px; overflow: hidden; margin: 5px 0px; }
.haslook ul li span{float: right;color: #f60; }
.haslook ul li span a{ color: #f60; font-size: 14px; }
.haslook ul li span a:hover{ color: #f30;}
.haslook ul li a{ text-decoration:none;  }
.haslook ul li a:hover{ color: #9700a9; }

/*最新酒店页*/
.newhotel_list{}
.newhotel_list .newhotel_list_cycle{ background-color: #f5f5f5; margin:10px; padding:10px; }
.newhotel_list .newhotel_list_left{float: left; width: 20%; height: 150px;  }
.newhotel_list .newhotel_list_left img{width: 100%; height:100%;border: 1px solid #ccc;}
.newhotel_list .newhotel_list_left img:hover{ border:1px solid #f60; }
.newhotel_list .newhotel_list_right{float: right; width: 78%;  }
.newhotel_list .newhotel_list_right dt h3{font-size: 25px;}
.newhotel_list .newhotel_list_right dt h3 a{color:#9700a9; }
.newhotel_list .newhotel_list_right dt h3 a:hover{color: #f60;}
.newhotel_list .newhotel_list_right dd {font-size: 16px; margin:5px;}
.newhotel_list .newhotel_list_right dd a:hover{color: #f60;}
.newhotel_list .newhotel_list_right dd.intro{text-indent: 27px; height: 90px; overflow: hidden;}

/*最新客房页*/
.newroom_list{ padding:10px;}
.newroom_list dl dd{ float: left;width:18.9%;  margin:5px; background-color: #f5f5f5; padding-bottom: 5px; }
.newroom_list dl dd img{width: 100%; height: 125px; border:1px solid #ccc;}
.newroom_list dl dd img:hover{ border:1px solid #f60; }
.newroom_list dl dd .roomname{ margin-top: 5px; height: 21px; overflow: hidden; }
.newroom_list dl dd .hotelname{  height: 21px; overflow: hidden; }
.newroom_list dl dd a{ color: #9700a9; }
.newroom_list dl dd a:hover{ color: #f60 }

.layui-form{ margin:0px 10px; }
.layui-form .price thead th{ background:#efe9f2;font-size: 16px;  }
.layui-form .price tbody tr td{ text-align:center; font-size: 14px; padding:10px 3px; }
.layui-form .price tbody tr td img{ width: 100% ; max-width:100%;}

.layui-bg-zise{ background:#74009e; }
.layui-bg-zise:hover{ background:#da00ff; }
.layui-bg-zise a{color: #fff;}
.layui-btn-zise{ height: 30px; line-height: 30px; padding:0px 10px ;  font-size: 14px; color: #fff; }

.service ul{ margin: 0px 10px 10px 10px; }
.service ul li{ float: left;  padding: 5px 10px; margin-right: 5px; margin-bottom:5px; background:#f5f5f5; color: #000; cursor: pointer; }
.service ul li:hover{ background:#f60;  color: #fff;}