@charset "GB2312";body{font-family:PingFangSC,""}
*{margin:0;padding:0;list-style-type:none;}


body{margin-top:0px;background-color:#f5f6fb;font-size: 14px;font-family:'SF_r' }
@media(min-width:768px) and (max-width:999px) {
body {
	margin-top: 0px;background-color:#F2F2F2;
}
}
 @media(max-width:767px) {
body {
	margin-top: 0px;
	background-color:#F2F2F2;
	font-family:'SF_r';
}
}
a {
	color: #69c;
	text-decoration: none
}
a:hover, a:focus {
	color: #69c;
	text-decoration: none;
}

/*font Baskerville*/
@font-face {
	font-family:'Baskerville';
	src: url('Baskerville-Regular.ttf');
}
@font-face {
	font-family:'SF_m';
	src: url('SF-Pro-Display-Medium.otf');
}
@font-face {
	font-family:'SF_r';
	src: url('SF-Pro-Display-Regular.otf');
}

/*WAP style*/
.wap_header{width:100%;height:60px;background-color:#fff;border-bottom:1px solid #e0e0e0;
position:fixed;}
.logo_wap{height:40px;text-align:center;vertical-align:middle;padding:10px 0;}
.logo_wap img{height:40px;}
.slider_wap{width:100%;height:auto;}
.navbar_wap_logo{display:block;width:56%;margin:14px auto;padding-left:10px;text-align: center;}
.navbar_wap_logo img{width:100%;max-width:260px;}
.slider-arrows, .slider-nav{display:none;}
.slider{width:100%;height:auto;float:none;border-radius: 0;margin-left:0;max-height:200px;}
.index_form{width:90%;margin:0 auto;background-color:#fff;border-radius: 15px;float:none;left:0;margin-top:-60px;height:auto;}
.index_form_wap{padding:5%;}
.search_btn_wap{width:200px;margin-right:0;border-radius: 8px 0 0 8px;margin-top:20px;}
.search_txt2 {
    width: 100%;
    height: 46px;
    margin-top: 28px;
    line-height: 24px;
    color: #999;
    text-align: center;
}
.service_li_wap {
    width: 46%;
    text-align: center;
    margin: 0 1%;
    float: left;
}
.data_icon{background-position: 125px 27px;border-radius: 8px 0 0 8px;}
.service_title{text-align:center;margin-top: -60px;padding-left:0;}
.service_txt img{width: 32px;height: 32px;border:0;margin: 6px auto;}
.service_txt_p{width:auto;font-size:15px;padding: 0 10px;}
.service_txt{width:100%;height: auto;padding-bottom: 16px;margin-bottom: 10px;background-color: #f0f0f0;}
.#commentsSlider {width: 100%;position: relative; overflow: hidden;}
.comments-group{width:90%;margin:0 5%;background-color: #fff;border-radius: 10px;padding: 5%;margin-bottom: 10px;height:180px;}
.comments-quote_text{ margin-bottom: 15px;font-size:14px;height: 75px;
    overflow: hidden;}
.comments-quote_name{    font-size: 14px;font-weight: bold;font-family: 'sf-r';text-align: center;}
.comments-quote_date{color:#999;text-align:center;font-weight:normal}


.quote_title{width:210px;text-align:left;margin:74px auto;background:url(../../img/quote_icon.png) right center no-repeat;
font-size:36px;color:#343131;line-height:64px;height:64px;}

/*Map*/
.map_box{width:100%;background-color:#fff;margin-top:16px;padding: 16px 0;}
.map_main{width:100%;margin:0 auto;}
.map_title{width:168px;text-align:left;margin:10px auto;background:url(../../img/map_icon.png) right center no-repeat;
font-size:32px;color:#343131;line-height:64px;height:64px;
    width: 100%;
    margin-top: 18px;
    padding: 2px 8%;}
.map_txt{margin-top:18px;width:94%;margin:0 3%;}
.address_b{color:#8D3D1D;font-size:16px;line-height:25px;font-weight:normal;}
.address_km{color:#8b8b8b;font-size:16px;text-align:center;line-height:22px;margin-top:5px;}
.address_loc{color:#343131;font-size:18px;text-align:center;line-height:25px;margin-top:8px;}
.
.container-tit{height:127px;position:relative;}
.container-tit {
    height: 110px;
    position: relative;
}
.container-tit ul{position:absolute;width:100%;left:-1px;}
.container-tit li{float:left;width:32%;height:60px;text-align:center;overflow:hidden;padding:0 1px;}
.container-tit li img{height:60%;}
.container-tit li.select a p{padding:0;color:#8D3D1D !important;}
.container li a:link,.container li a:visited{text-decoration:none;color:#000;}
.container li a:hover{color:#735858;}
.container-con .mod{margin-top:38px;width:100%;height:320px;overflow:hidden;background-color:#e0e0e0;}
.container-tit li.select{background-color:#edd8e0;border-radius: 8px}
.container-con{width:100%;overflow:hidden;}

.footer {height:auto;}
.list-unstyled li{margin-bottom: 5px;}
.footer h3 {padding-bottom:15px;}

/*Rooms*/
.room-row {
    width: 94%;
    margin:0 3%;
    border-radius: 8px 8px 0 0;
    position: relative;    padding-bottom: 20px;
    margin-bottom: 64px;
    background-color:#fff;
}
.nav>li{width:unset !important;padding:0 10px;}
.room-block {
    width: 100%;
    height: auto;}
.room-detail-hit{width:auto;}
.rd-title {
    font-size: 24px;
    line-height: 45px;
    color: #343131;
    white-space: nowrap;
    overflow: hidden;    text-align: center;
    text-overflow: ellipsis;
    font-family: 'SF_r';
}

.rd-intro {
    font-size: 13px;
    color: #8b8b8b;
    line-height: 18px;
    margin-top:5px;
    font-family: 'SF_r';
}

.room-detail-data {
    width: 100%;
    height: auto;    margin-top: -30px;
    font-family: 'SF_r';
}
.room-detail-book{width:100%;font-family: 'SF_r';}
.rd-use {
    padding-top: 18px;
}

.rd-nip {
    float:left;
    width:33%;
    
}

.rd-pic {
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.pic-adults{background:url(../../img/room_icon_1.png);}
.pic-size{background:url(../../img/room_icon_2.png);}
.pic-bed{background:url(../../img/room_icon_3.png);}
.pic-price{background:url(../../img/room_icon_4.png) no-repeat left top;padding-left:50px;}


.rd-mp {
    text-align:center;
    margin-top:16px;
}

.mp-name {
    color: #8b8b8b;
    font-size: 14px;
    white-space: nowrap;
}

.mp-hot {
    line-height: 24px;
    white-space: nowrap;
    padding-top: 4px;
    font-size: 15px;
    font-weight:bold;
}

.room-detail-split {
    width: 400px;
    height: 1px;
    background: #aeaeae;
}

.rd-book {
    width: 138px;
    height: 46px;
    font-size:20px;
    float: right;
    font-weight:bold;
    line-height: 46px;
    text-align: center;
    border: 1px solid #703B20;
    color: #703B20;
    border-radius: 24px;
    cursor: pointer;
}


.gallery-showlist {
    margin-top: 10px;
    width:100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.gallery-item {
    width: 100%;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.gallery-milist {
    height: 32px;
    position: relative;
    overflow: hidden;
    top: -46px;
        margin-left: 16px;
}

.milist-item {
    float: left;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-right: 4px;
    line-height: 32px;
    border: 1px solid #dfdfdf;
    font-size: 12px;
    color: #9c9c9c;
    background: #dfdfdf;
    cursor: pointer;
}

.milist-focus {
    color: #3b3b3b;
    background: #fffefe;
}

/*Contact*/
#title, #mycall {
    height: 40px;
    width: 100%;
    background-color: #FFF;
    color: #8b8b8b;
    border:1px solid #e0e0e0;
    margin-bottom: 18px;
    vertical-align: middle;
    font-size:14px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 0;

}
label {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  font-weight: 500;
}
label input {
  display: none;
}
label input:checked + span {
}
label input:checked + span:before {
  box-shadow: inset 0 0 0 0.1375em #fff;
  background-color:#703b20;
  border:0.058em solid #703b20;
}
label span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0.375em;
  padding: 0  0.75em 0 0.375em;
  border-radius: 99em;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}
label span:hover {
  background-color: #edd8e0;
}
label span:before {
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  -webkit-transition: 0.1s ease;
  transition: 0.1s ease;
  box-shadow: inset 0 0 0 0.058em #703B20;
}