/* Weikezhan SCSS         */




.none {
  display: none; }

.cl {
  clear: both; }

.clx:before,
.clx:after {
  content: "";
  display: table; }

.clx:after {
  clear: both; }

.clear {
  height: 0px;
  font-size: 0px;
  overflow: hidden;
  clear: both; }

/* Public End */
a.button_more {
  display: block;
  /*width:310px;*/
  height: 30px;
  margin: 15px auto;
  padding: 5px 0;
  font-size: 14px;
  line-height: 30px;
  border: 1px solid #e8e8e8;
  background: #f7f7f7;
  text-align: center;
  color: #000; }

.corner5 {
  border-radius: 5px; }

.button_red_big,
.button_wxpay,
.button_alipay,
.button_alipay_2,
.button_gray_big {
  height: 40px;
  width: 100%;
  font-size: 18px;
  text-align: center;
  color: #fff;
  -webkit-appearance: none;
  outline: 0; }

.button_red_big {
  border: none;
  background: #00bff3; }
  .button_red_big:active {
    background: #00a4d0; }

.button_wxpay {
  border: 1px solid #fff;
  background: #35a701;
  background: -webkit-linear-gradient(top, #54be42 0%, #1e9500 100%); }
  .button_wxpay:active {
    background: #1e9500; }

.button_alipay {
  border: 1px solid #fff;
  background: #f18700;
  background: -webkit-linear-gradient(top, #ffa600 0%, #e66e15 100%); }
  .button_alipay:active {
    background: #e66e15; }

.button_alipay_2 {
  border: 1px solid #ccc;
  background: #fff;
  color: #555; }
  .button_alipay_2:active {
    border-color: #555; }

.button_gray_big {
  border: none;
  background: #cbcbcb; }
  .button_gray_big:active {
    background: #b2b2b2; }

.text1 {
  width: 98%;
  padding: 10px 5px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #dedede;
  border-top-color: #8c8c8c; }

.select1 {
  width: 98%;
  font-size: 14px;
  height: 40px;
  background: #fff;
  border: 1px solid #dedede;
  border-top-color: #8c8c8c; }

.select2 {
  font-size: 16px;
  margin-right: 10px; }

.loadbox {
  padding: 15px 0px;
  font-size: 14px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 35%;
  left: 20%;
  right: 20%;
  z-index: 10;
  color: #fff;
  border-radius: 10px; }
  .loadbox span.loading {
    width: 40px;
    height: 40px; }
    .loadbox span.loading img {
      width: 40px;
      height: 40px; }

span.loading {
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  vertical-align: middle; }
  span.loading img {
    width: 18px;
    height: 18px; }

.bgcolor {
  background-color: #f4f4f4; }

.dark_bg {
  background: #f5f5f5; }


/*index================*/
.indexhead {
  background-color: #f5f5f5;
  margin-bottom: 10px; }
.indexhead h1 {
    padding: 10px 20px;
    text-align: left;
    font-size: 28px;
    line-height: 40px;
    color: #555; }
.indexhead h1:before {
      content: '';
      float: left;
      width: 40px;
      height: 40px;
      margin: 0 10px 0 0;
      background: url(../pic/miot-applogo.png?t=201503111600) no-repeat;
      background-size: 40px 40px; 
  }
.indexhead span {
    font-size: 14px;
    margin-left: 10px;
    color: #777; 
}

.cityindex .geobox {
  margin: 10px 0;
  background-color: #fff;
  border-top: 1px solid #ddd; }

.cityindex .geobox-title {
  font-size: 16px;
  padding: 7px 10px;
  color: #777;
  border-bottom: 1px solid #ededed; 
}

.cityindex li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }
  .cityindex li:nth-child(4n) {
    border-right: 0; }
  .cityindex li a {
    display: block;
    height: 40px;
    padding: 2px 0;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #555; }
    .cityindex li a:active {
      background: rgba(0, 0, 0, 0.1); }

.cityindex #footer {
  color: #777;
  padding: 20px 0; }

.filterBox {
  padding: 5px 0;
  background: #fff;
  border-bottom: 1px solid #ccc; }
  .filterBox dt {
    float: left;
    width: 90px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 0 6px 10px; }
  .filterBox dd {
    float: left;
    width: 65%; }
    .filterBox dd .divide {
      color: #777;
      margin: 0 5px; }

.filterBox dl dd .text1,
.filterBox dl dd .button_red_big {
  width: 27%; }

.filterBox dl dd .text1 {
  padding: 5px 2px; }

.filterBox dl dd .button_red_big {
  height: 32px;
  font-size: 14px; }

.innlistBox {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  transform: translate3d(0, 100%, 0);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms; }

.ilB_in {
  transform: translate3d(0, 0, 0); }

.ilB_out {
  transform: translate3d(0, 100%, 0); }

.ilB_out_up {
  transform: translate3d(0, -100%, 0); }

.popBox {
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  z-index: 15;
  transform: translate3d(0, 100%, 0);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms; }

.pop_in {
  transform: translate3d(0, 0, 0); }

.pop_out {
  transform: translate3d(0, 100%, 0); }

.innlistBox .innlist {
  -webkit-tap-highlight-color: transparent;
  padding-bottom: 0; }
  .innlistBox .innlist li {
    padding: 0 10px;
    -webkit-tap-highlight-color: transparent; }
  .innlistBox .innlist:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); 
}
.qinye-b .content .wkz-calendar {
  border-bottom: 2px solid #AB9A6D;
}
.noinnlist {
  padding: 100px 0;
  font-size: 16px;
  text-align: center; }

.tipBox {
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 50%;
  top: 35%;
  z-index: 1005;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  opacity: 0;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: translate3d(0, 0, 0) scale(0.815);
  transform: translate3d(0, 0, 0) scale(0.815); }
  .tipBox .return {
    width: 44px;
    height: 44px;
    background: url(../pic/return_topbar.png?t=201503111600) no-repeat;
    background-size: 44px 44px;
    position: absolute;
    top: 0;
    right: 0; }

.tB_in {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  opacity: 1; }

.favtips {
  width: 280px;
  padding: 20px 10px 60px;
  margin-left: -150px;
  font-size: 13px; }
  .favtips .ghimg {
    float: left;
    width: 56px;
    margin-right: 10px; }
    .favtips .ghimg img {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      border: 3px solid #fff;
      box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5); }
  .favtips .ghinfo {
    float: left; }
    .favtips .ghinfo h5 {
      margin: 5px 0 5px;
      font-size: 15px;
      color: #333; }
    .favtips .ghinfo p {
      color: #777; }
  .favtips .text {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 16px;
    line-height: 24px; }
  .favtips .fullbtn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 20px;
    padding: 10px 0;
    background-color: #00bff3;
    color: #fff;
    font-size: 16px;
    text-align: center; }

.mptips {
  background: rgba(0, 0, 0, 0.8);
  z-index: 15; }
  .mptips i {
    width: 180px;
    height: 115px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../pic/mptip.png?t=201503111600) no-repeat top right;
    background-size: 180px 115px; }

/*old code*/
.search_box {
  border: 1px solid #ddd;
  border-top: none;
  padding: 12px;
  background: #fff;
  text-align: center;
  border-radius: 0px 0px 5px 5px; }
  .search_box th, .search_box td {
    padding: 5px 0px;
    text-align: left; }
  .search_box th {
    font-size: 13px; }

.city_box {
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-top: 2px;
  display: none; }
  .city_box .title {
    background: #f3f3f3;
    height: 20px;
    padding: 2px 5px;
    border-radius: 5px 5px 0px 0px; }
  .city_box a.close {
    padding-right: 3px;
    color: #666666;
    float: right; }
  .city_box ul {
    padding: 5px; }
    .city_box ul li {
      padding: 3px 0px;
      font-size: 14px; }
      .city_box ul li:active {
        background: #eeeeee; }
      .city_box ul li a {
        color: #000; }

/*index end*/
/*topBar=============*/
.topbar {
  height: 80px;
  background: #fff;
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 4; 
}

  .topbar .return {
    width: 44px;
    height: 44px;
    line-height: 44px;
    background-size: 44px 44px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0; 
}
  .topbar .inner {
    height: 44px;
    padding: 0 15px;    
}
    .topbar .inner h2 {
      font-size: 15px;
      line-height: 44px;
      color: #000; }
  .topbar .date h2 {
    padding-top: 0;
    font-size: 1.4em; }
  .topbar .date a {
    display: block;
    color: #fff; }
  .topbar .pick {
    width: 40px;
    height: 40px;
    border-right: 1px solid #ccc;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 0; }
    .topbar .pick .pickbox {
      width: 150px;
      position: absolute;
      top: 30px;
      z-index: 30; }
  .topbar .navi {
    width: 40px;
    height: 40px;
    border-right: 1px solid #ccc;
    background: url(../pic/gps_topbar.png?t=201503111600) no-repeat;
    background-size: 40px 40px;
    position: absolute;
    top: 5px;
    left: 0; }
  .topbar .topAlert {
    line-height: 44px;
    background: rgba(255, 77, 0, 0.8);
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate3d(0, -100%, 0);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms; }
  .topbar .topAlert_in {
    transform: translate3d(0, 0, 0); 
    }

.topbar .weeks li{
	float: left;
	width: 14.25%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #fff;
	color: #333;
}  
  .topbar .weeks li.weekend{
	color: #ff9036;
}    

.pickbox, .pickbox:active {
  -webkit-tap-highlight-color: transparent; }

.pickbox .list {
  background: #363636;
  color: #fff;
  box-shadow: 0px 2px 5px #aaa;
  font-size: 14px; }

.pickbox .pot {
  height: 15px;
  overflow: hidden;
  position: relative; }
  .pickbox .pot span {
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background: #363636;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 20px; }

.pickbox ul {
  padding: 5px 0px; }
  .pickbox ul li {
    text-align: left;
    font-size: 12px;
    padding: 8px 10px;
    line-height: 1.5em;
    border-bottom: 1px solid #4e4e4e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.7); }
    .pickbox ul li:last-child {
      border-bottom: none; }
    .pickbox ul li:active {
      background: rgba(0, 191, 243, 0.5); }
  .pickbox ul li.on, .pickbox ul li.on:active {
    background: #00bff3; }

/*topBar end*/
/*inn================*/
.brief {
  position: relative;
  color: #fff; }
  .brief .info .avator {
    height: 240px;
    overflow: hidden;
    background: #fff url(../pic/bg_img.jpg?t=201503111600) no-repeat center;
    background-size: cover;
    position: relative; }
    .brief .info .avator img {
      width: 100%; }
    .brief .info .avator h3 {
      height: 20px;
      line-height: 20px;
      padding: 5px 15px;
      background-color: rgba(0, 0, 0, 0.45);
      font-size: 14px;
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
	z-index:10;}
    .brief .info .avator .video {
      width: 100%;
      height: 100%;
      background: url(../pic/play_video.png?t=201503111600) no-repeat center 75px;
      background-size: 70px 70px;
      position: absolute;
      top: 0;
      left: 0; }
      .brief .info .avator .video:active {
        opacity: .7; }
  .brief .info .avator-h {
    background-image: url(../pic/bg_img_h.jpg?t=201503111600); }
  .brief .info .avator-app {
    background-image: url(../pic/bg_img_app.jpg?t=201503111600); }

.nav {
  position: relative; }
  .nav a {
    float: left;
    width: 50%;
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
    line-height: 20px; }
  .nav .on {
    color: #00bff3; }
  .nav .line {
    width: 50%;
    height: 2px;
    background: #00bff3;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: left .2s linear; }
  .nav .line_right, .nav .line_mid {
    left: 50%; }

.nav-3 a {
  width: 33.33%; }
.nav-3 .line {
  width: 33.33%; }
.nav-3 .line_mid {
  left: 33.33%; }
.nav-3 .line_right {
  left: 66.66%; }

.com-block {
  margin: 0 auto; }
.com-block h2 {
    padding: 4px 0 4px 23px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    position: relative;
    }
.com-block h2:before {
      content: '';
  width: 4px;
  height: 4px;
  border: 2px solid #07c0f3;
  background-color: #f4f4f4;
  border-radius: 10px;
  position: absolute;
  left: 10px;
  top: 9px; 
  }
   



.booktip {
  /*margin-top: -10px;*/
  padding: 2px 0;
  background: rgba(255, 77, 0, 0.8);
  color: #fff;
  text-align: center; }
  .booktip strong {
    margin: 0 3px; }

.roompop .booktip {
  margin-top: -10px; }

.tipsale {
  display: inline-block;
  margin: 0 5px;
  padding: 0 3px;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  color: #fff;
  background: rgba(255, 77, 0, 0.8); }

.pics .content {
  margin: 0 15px;
  border: 0;
  padding: 0;
  background: #f4f4f4; }
  .pics .content .list li {
    width: 49%;
    padding: 8px 8px 0;
    height: auto;
    margin: 0 2% 10px 0;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box; }
    .pics .content .list li:nth-of-type(2n) {
      margin: 0 0 10px 0; }
    .pics .content .list li .thumb {
      height: auto; }
      .pics .content .list li .thumb img {
        margin-top: 0; }
    .pics .content .list li .info {
      display: none; }

.reviewlist li {
  border-top: 1px dashed #ddd;
  padding: 6px 0;
  clear: both;
  position: relative; }
  .reviewlist li:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    color: #333; }
  .reviewlist li .pic {
    float: left;
    width: 32px; }
    .reviewlist li .pic img {
      width: 32px;
      height: 32px; }
  .reviewlist li .info {
    margin-left: 40px; }
    .reviewlist li .info .author {
      font-size: 14px;
      margin-bottom: 5px; }
    .reviewlist li .info .sub {
      height: 21px; }
  .reviewlist li p {
    line-height: 1.5em;
    padding-bottom: 4px;
    font-size: 12px; }

.ic-review {
  float: left;
  width: 84px;
  height: 16px;
  background: url(../pic/ic-review.png?t=201503111600) no-repeat;
  background-size: 84px auto;
  overflow: hidden; }

.ir-5 {
  background-position: 0 0; }

.ir-4 {
  background-position: 0 -16px; }

.ir-3 {
  background-position: 0 -32px; }

.ir-2 {
  background-position: 0 -48px; }

.ir-1 {
  background-position: 0 -64px; }

.ir-0 {
  background-position: 0 -80px; }

.reviewBox .intxt {
  width: 100%;
  padding: 5px 0;
  border: none;
  font-size: 14px; }
.reviewBox .comments {
  text-align: center; }
  .reviewBox .comments textarea {
    width: 99%;
    height: 160px;
    margin: 0 auto;
    resize: none;
    border-color: #ededed;
    font-size: 14px; }

.comm-star {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../pic/ic-reviewwrite.png?t=201503111600) no-repeat 0 -36px;
  background-size: 36px auto;
  overflow: hidden; }

.star-cur {
  background-position: 0 0; }

.features .content {
  padding: 15px 10px; }
.features .pic {
  float: left;
  width: 65px;
  height: 65px;
  padding: 1px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  margin: 0 0 10px 0;
  position: relative; }
  .features .pic div {
    overflow: hidden; }
  .features .pic img {
    width: 65px;
    height: 65px;
    border-radius: 30px; }
.features .pic2 .inner1, .features .pic2 .inner2 {
  width: 32px;
  height: 65px;
  position: absolute;
  top: 1px; }
.features .pic2 .inner1 {
  left: 1px; }
.features .pic2 .inner2 {
  right: 1px; }
  .features .pic2 .inner2 img {
    margin-left: -33px; }
.features .pic3 .inner1,
.features .pic3 .inner2,
.features .pic3 .inner3 {
  width: 32px;
  position: absolute;
  top: 1px; }
.features .pic3 .inner1 {
  height: 65px;
  left: 1px; }
.features .pic3 .inner2 {
  height: 32px;
  right: 1px; }
  .features .pic3 .inner2 img {
    width: 32px;
    height: 32px;
    border-radius: 0 30px 0 0; }
.features .pic3 .inner3 {
  height: 32px;
  top: 34px;
  right: 1px; }
  .features .pic3 .inner3 img {
    width: 32px;
    height: 32px;
    border-radius: 0 0 30px 0; }
.features .pic4 .inner1,
.features .pic4 .inner2,
.features .pic4 .inner3,
.features .pic4 .inner4 {
  width: 32px;
  height: 32px;
  position: absolute; }
  .features .pic4 .inner1 img,
  .features .pic4 .inner2 img,
  .features .pic4 .inner3 img,
  .features .pic4 .inner4 img {
    width: 32px;
    height: 32px; }
.features .pic4 .inner1 {
  top: 1px;
  left: 1px; }
  .features .pic4 .inner1 img {
    border-radius: 30px 0 0 0; }
.features .pic4 .inner2 {
  top: 1px;
  right: 1px; }
  .features .pic4 .inner2 img {
    border-radius: 0 30px 0 0; }
.features .pic4 .inner3 {
  top: 34px;
  right: 1px; }
  .features .pic4 .inner3 img {
    border-radius: 0 0 30px 0; }
.features .pic4 .inner4 {
  top: 34px;
  left: 1px; }
  .features .pic4 .inner4 img {
    border-radius: 0 0 0 30px; }
.features .text {
  margin-left: 75px; }
  .features .text div {
    line-height: 16px; }
.features .tags i {
  display: inline-block;
  height: 16px;
  padding: 0 2px;
  margin: 5px 5px 0 0;
  line-height: 16px;
  background: #00bff3;
  font-style: normal;
  color: #fff; }

.visited {
  margin-top: 10px;
  -webkit-transform: translate3d(0, 0, 0); }
  .visited li {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 6px 3px 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000; }
    .visited li img {
      width: 32px;
      height: 32px; }
  .visited .more {
    height: 20px;
    line-height: 14px;
    padding: 6px 0;
    text-align: center;
    background: #f7f7f7;
    font-weight: 700; }

.hasbBar {
  padding-bottom:60px; }

.listpaging {
  padding-top: 10px;
  margin-bottom: 20px; }
  .listpaging a {
    padding: 10px 15px;
    color: #555;
    border-radius: 5px;
    position: relative; }
    .listpaging a:after {
      content: '';
      width: 5px;
      height: 5px;
      border-left: 3px solid #555;
      border-top: 3px solid #555;
      position: absolute;
      top: 50%;
      margin-top: -5px;
      display: block; }
    .listpaging a:active {
      background: #ededed; }
  .listpaging .prev {
    float: left;
    padding-left: 25px;
    margin-left: 10px; }
    .listpaging .prev:after {
      left: 10px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .listpaging .next {
    float: right;
    padding-right: 25px;
    margin-right: 10px; }
    .listpaging .next:after {
      right: 10px;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }

.bottomBar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 40px;
  background-color: rgba(255, 77, 0, 0.8);
  text-align: center;
  color: #fff;
  font-size: 16px; }
  .bottomBar a:first-child {
    border-left: 0; }
  .bottomBar a:visited {
    color: #fff; }

.bar-1 a {
  width: 100%; }

.bar-2 a {
  width: 49%;
  border-left: 1px solid rgba(255, 255, 255, 0.5); }

.bar-3 a {
  width: 32%;
  border-left: 1px solid rgba(255, 255, 255, 0.5); }

.booknow,
.btnlike {
  display: inline-block;
  height: 20px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center; }

.btnlike i,
.btnliked i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../pic/icon-like.png?t=201503111600) 0 0 no-repeat;
  background-size: 20px 40px;
  margin-right: 3px;
  vertical-align: -4px; }

.btnliked i {
  background-position: 0 -20px; }

.booknow i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../pic/icon-bottom-book.png?t=201503111600) 0 0 no-repeat;
  background-size: 20px 20px;
  margin-right: 3px;
  vertical-align: -4px; }

.btncontact i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../pic/icon-phone.png?t=201503111600) 0 0 no-repeat;
  background-size: 20px 20px;
  margin-right: 3px;
  vertical-align: -4px; }

.innlist {
  padding-bottom: 10px; }
  .innlist li {
    border-top: 1px dotted #ccc; }
    .innlist li:first-child {
      border-top: 0; }
    .innlist li a {
      display: block;
      padding: 10px 0; }
    .innlist li h3 {
      height: 20px;
      font-size: 13px;
      line-height: 20px;
      font-weight: 400; }
    .innlist li p {
      height: 20px;
      color: #959595; }
    .innlist li .price {
      float: right;
      margin-top: 0;
      font-size: 16px;
      color: #00bff3; }
      .innlist li .price dfn {
        font-style: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #00bff3; }
    .innlist li .distance {
      float: right;
      text-align: right;
      color: #777; }
    .innlist li .name,
    .innlist li .addr {
      float: left;
      width: 75%; }
    .innlist li .addr {
      width: 60%; }

/*inn end*/
/*poppage=============*/
.return_index {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5) url(../pic/return_index.png?t=201503111600) no-repeat center;
  background-size: 40px 40px;
  position: fixed;
  bottom: 40px;
  left: 20px;
  z-index: 1; }

.masklayout {
  background: rgba(0, 0, 0, 0.2);
  z-index: 5; }

.maskopacity {
  background: transparent;
  z-index: 10; }

.poppage {
  background: #fff;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: top .5s ease; }

.poppage,
.poppage:active {
  -webkit-tap-highlight-color: transparent; }

.pop_in {
  top: 30%; }

.dateChangeBox.pop_in {
  top: 60%; }

.pop_out {
  top: 100%; }

.poppage .close {
  display: block;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 0;
  top: -40px; }

.pop_out .close {
  display: none; }

.poppageInner {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  overflow: hidden; }

.roompop .ordertip {
  margin: -10px -10px 10px;
  padding: 10px;
  background-color: #fff9f9;
  border-left: 2px solid #c00;
  color: #c00; }

.roompop .thumb {
  margin: 0 auto 10px;
  min-height: 140px;
  max-height: 300px;
  text-align: center;
  overflow: hidden; }
  .roompop .thumb img {
    width: 100%;
    max-width: 500px; }

.roominfo {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc; }
  .roominfo .l {
    width: 40%; }
  .roominfo .r {
    width: 60%;
    text-align: right; }
  .roominfo .alt {
    clear: both; }
    .roominfo .alt .tipsale {
      margin: 0 5px 0 0; }
  .roominfo .price {
    font-size: 16px;
    color: #00bff3; }
    .roominfo .price dfn {
      font-style: normal;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #00bff3; }

.bookingbox .status {
  padding-bottom: 10px; }
  .bookingbox .status a {
    color: #2578bd;
    margin-left: 10px; }
.bookingbox .order_form th {
  width: 60px; }
.bookingbox .order_form td {
  padding: 5px 0; }
.bookingbox .order_form .btn-coupon {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 11px 0;
  width: 15%;
  margin-left: 10px;
  background: #00bff3;
  font-size: 12px;
  color: #fff;
  text-align: center; }

.dateChangeBox .title {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 10px; }

.innlistBox .map-locate {
  width: 25px;
  height: 25px;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8) url(../pic/locate.png?t=201503111600) no-repeat center;
  background-size: 25px 25px;
  position: fixed;
  bottom: 30px;
  left: 10px;
  z-index: 1; }
.innlistBox .map-navigate {
  height: 25px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 25px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 30px;
  left: 80px;
  z-index: 1; }
.innlistBox .map-tip {
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 1;
  width: 200px;
  margin-left: -100px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0; }
  .innlistBox .map-tip .loading {
    vertical-align: -3px;
    margin-right: 5px; }

.poi-info-window {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.4);
  position: absolute; }
  .poi-info-window:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 10px;
    height: 8px;
    margin: 0 0 0 -5px;
    background-image: url(../pic/poi-info-arrow.png?t=201503111600);
    background-repeat: no-repeat;
    background-size: contain; }
  .poi-info-window li {
    float: left; }
  .poi-info-window .iw-c {
    height: 20px;
    line-height: 20px;
    padding: 13px 5px;
    font-size: 14px; }
  .poi-info-window .iw-c-title {
    max-width: 130px; }
  .poi-info-window .iw-r {
    width: 40px;
    height: 46px;
    border-left: 1px solid #c6c6c6;
    background: url(../pic/navigate.png?t=201503111600) no-repeat center;
    background-size: 25px 25px; }

.mapBox,
.videoBox {
  min-height: 300px;
  background: url(../pic/loading.gif?t=201503111600) no-repeat center; }

.videoBox {
  background: url(../pic/pic_loading.gif?t=201503111600) no-repeat center;
  background-size: 40px 40px; }
  .videoBox .alert {
    padding: 40px 40px 100px;
    font-size: 16px;
    background: #fff; }

.alert .btn {
  display: inline-block;
  width: 45%;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
  background: #f7f7f7;
  border: 1px solid #ccc;
  text-align: center;
  color: #fff; }
.alert .btn-accept {
  background: #5bb438;
  border-color: #0b7a1a; }
.alert .btn-cancel {
  background: #c75e5e;
  border-color: #a81414; }

.contacterbox .person {
  text-align: center;
  border-bottom: 1px solid #ccc; }
  .contacterbox .person img {
    width: 100%;
    max-width: 500px; }
  .contacterbox .person .text {
    line-height: 16px;
    padding: 10px;
    color: #666;
    text-align: left;
    position: relative; }

/*poppage end*/
/*paging start*/
.paging {
  margin: 20px 0;
  text-align: right; }

.paging ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0; }

.paging ul li {
  display: inline; }

.paging ul li a, .paging ul li span {
  float: left;
  width: 38px;
  padding: 10px 0;
  margin: 0 2px;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px; }

.paging ul li .wide {
  width: 52px; }

.paging ul li a:hover, .paging ul .active a {
  background-color: #ee685e;
  color: #fff; }

.paging ul .active a, .paging ul .active span {
  cursor: default; }

.paging ul li span {
  background: none;
  border-color: transparent; }

.paging ul .disabled span, .paging ul .disabled a, .paging ul .disabled a:hover {
  background-color: #fff;
  color: #999;
  cursor: default; }

/*paging end*/
/*innstyle*/
.innstyle {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .innstyle img {
    display: block;
    width: 100%;
    height: 100%; }

/* msgtip */
.msgtip {
  width: 100%;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 14; }
  .msgtip .text {
    position: relative;
    overflow: hidden; }
    .msgtip .text p {
      margin: 10px 15px;
      color: #fff;
      font-size: 14px; }

/* RWD */
@media (max-width: 320px) {
  .brief .info .avator {
    height: 210px; }

  .intro .content .faclist li {
    width: 49.5%; } }
/*Animation===========*/
.ani_slide {
  -webkit-animation: pageSlide 0.5s linear; }

@-webkit-keyframes pageSlide {
  0% {
    -webkit-transform: translate3d(0, 100%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }
.puffIn {
  -webkit-animation: puffIn 1s; }

@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(2px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px); } }
.ani_rotate {
  -webkit-animation: rotate 1s infinite linear; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg); } }
/*Calendar============*/
.wkz-calendar {
  margin: 0 auto; 
}

.list-wkz-calendar .calendar-head {
  border-top: 0; }

.calendar-head {
  margin-top: -10px;
  padding: 10px 0;
}
  .calendar-head:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    color: #333; }
  .calendar-head .active {
    border-bottom-color: #00bff3; 
}
.calendar-head .ws{
  float: left;
  width: 16%;
  box-sizing: border-box;
  height: 24px;
  line-height: 24px;
  padding: 0 2.5px;
  text-align: center;
  font-size: 10px;
  color: rgba(255,255,255,0.3);
  border: solid 1px rgba(255,255,255,0.1);
  margin-top: 8px;
  margin-left: 1%;
}
.calendar-head input{
	background: transparent;
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  color: #AB9A6D;
  font-size: 12px;
}
.calendar-tab {
	/*background: #f00;*/
  float: right;
  width: 41%;
  box-sizing: border-box;
  height: 40px;
  line-height: 20px;
  padding: 0 5px;
  text-align: center;
  position: relative; 
  }
  .calendar-tab:first-child {
  	float: left;
/*    border-right: 1px solid rgba(255,255,255,0.1); */
}

  .calendar-tab:before, .calendar-tab:after {
    content: '';
    width: 10px;
    height: 2px;
    /*background-color: #ccc;*/
    position: absolute;
    right: 10px; }
  .calendar-tab:before {
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .calendar-tab:after {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .calendar-tab h5 {
    font-size: 14px;
    color: #555; }
  .calendar-tab p {
    color: #fff; }

.calendar-body {
/*  margin: 10px 0; */
  }

.calendar-header {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  background-color: #f6f6f6;
  /*border: 1px solid #e8e8e8;*/
  position: relative; }
  .calendar-header strong {
    color: #AB9A6D; 
  }
  .calendar-header .calendar-header-prev, .calendar-header .calendar-header-next {
    padding: 0 10px;
    font-size: 14px;
    position: absolute;
    top: 0;
    color: #b5b5b5; }
    .calendar-header .calendar-header-prev:after, .calendar-header .calendar-header-next:after {
      position: absolute;
      top: 15px;
      content: '';
      border: 5px solid #b5b5b5; }
    .calendar-header .calendar-header-prev:active, .calendar-header .calendar-header-next:active {
      color: #00bff3; }
  .calendar-header .calendar-header-prev {
    left: 0;
    padding-left: 20px; }
    .calendar-header .calendar-header-prev:after {
      border-color: transparent #b5b5b5 transparent transparent;
      left: 0; }
  .calendar-header .calendar-header-next {
    right: 0;
    padding-right: 20px; }
    .calendar-header .calendar-header-next:after {
      border-color: transparent transparent transparent #b5b5b5;
      right: 0; }

.calendar-content .weekend,
.calendar-content .weekend em {
  color: #ff9036 !important; }

.calendar-content ul {
  border-right: 1px solid #e8e8e8; }
  .calendar-content ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    color: #333;
    }

.calendar-content li {
  float: left;
  width: 14%;
  height: 60px;
  line-height: 60px;
  border: 1px solid #f5f5f5;
  border-width: 0 0 1px 1px;
  box-sizing: border-box; 
 }
  .calendar-content li em,
  .calendar-content li i {
    display: block;
    line-height: 20px; }
  .calendar-content li em {
    text-align: right;
    font-style: normal;
    color: #555;
    font-size: 16px;
    margin: 5px 5px 0 0; }
  .calendar-content li i {
    text-align: center;
    font-style: normal;
    color: #393; }

.calendar-content li:nth-of-type(7n), .calendar-content li:nth-of-type(7n+1) {
  width: 15%; 
}

.calendar-content .weeks li {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f3f3f3;
  color: #333; 
}

.calendar-content li .d-price{
	font-size: 11px;
	color: #AB9A6D;
	line-height: 16px;
	padding: 0 3px;
}
.calendar-content .null {
  background-color: #fff; 
}

.calendar-content .dis,
.calendar-content .full {
  background-color: #fff;
}

.calendar-content .dis em, 
.calendar-content .full em,
.calendar-content .dis p {
  color: #ccc !important; 
}

.calendar-content .dis i {
  display: none; }


.calendar-content .full i {
  color: #c00; }

.calendar-content .start {
  background-color: #AB9A6D
}

.calendar-content .start em, 
.calendar-content .start i, 
.calendar-content .start p{
  color: #fff !important; 
}

.calendar-content .dur {
  background-color: #fff; }

.calendar-content .end {
  background-color: #ff9036;
}

.calendar-content .end em,
.calendar-content .end i,
.calendar-content .end p{
  color: #fff; 
}