@charset "utf-8";
.W-950{ width: 1000px; margin: 0 auto; position: relative;}
.updateTips{ position: fixed; background: #000; width: 100%; height: 100%; z-index: 999; top:0; left:0;}
.updateTips ul{ font-size: 16px; color:#fff; text-align: center; left: 50%; top:50%; background: #ff9d62; border-radius: 6px; padding: 30px 20px 20px; overflow: hidden; width: 450px; height: 350px; position: fixed; margin: -190px 0 0 -245px;}
.updateTips ul li{ line-height: 24px; padding: 16px 10px; overflow: hidden}
.updateTips ul li a{ font-size: 18px; display: inline-block; border-radius: 4px; border: 1px solid #fec29d; padding: 8px 0; width: 100px; text-align: center; color:#fff; margin: 0 12px; background: #fb8c4a}
.updateTips ul li a:hover{ background: #fca46f}
.updateTips ul i{ width: 16px; height: 16px; position: absolute; right: 20px; top:20px; background: url(../images/close.png) no-repeat; cursor: pointer;}

.header{position: relative; z-index: 99; height: 36px; background: #e6e6e6; box-shadow: -2px 1px 5px 0px #c3bdbd;}
.weibo,.wechat{ float: left; width: 28px; height: 24px; padding: 6px 0; margin-right: 20px; background: url(../images/weibo.png) center no-repeat;}
.wechat{ position: relative; background: url(../images/wechat.png) center no-repeat;}
.tel{ width: 170px; padding-right: 18px; line-height: 36px; height: 36px; float: left; background: url(../images/tel_bg.png) center no-repeat; font-size: 14px; text-align: center}
.wechat i{ visibility: hidden; transition: all 0.4s linear; opacity: 0; position: absolute; top:36px; left:50%; margin-left: -100px; width: 200px; height: 200px; background: url(../images/zw.jpg) no-repeat; background-size: 200px 200px;}
.wechat:hover i{transition: all 0.8s linear; opacity: 1; z-index: 5; visibility: visible;}
.left-logo{box-shadow: 0 0 7px #c3bdbd; z-index: 2; position: absolute; top:0; left: 0; width: 280px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: rgba(255,255,255,0.6); text-align: center; padding: 6px 0}
.nav{ z-index: 1; position: absolute; top:36px; left: 0; width: 100%; background: rgba(53,38,28,0.8); height: 80px;}
.nav li{ float: left;  border-right: solid 1px #666; padding: 15px 10px;font-size: 16px}
.nav ul{ padding-top: 29px;}
.nav li a{ color: #fff}

.news{ padding: 30px 0; overflow: hidden;}
.news h3{ padding-bottom: 10px; font-size: 16px; font-weight: bold;}
.news a{ float: left; width: 241px; margin-right: 12px; background: #ededed}
.news a img{ width: 241px; height: 204px;}
.news p.bold{ font-size: 14px; padding: 14px 14px 30px}
.news a:last-child{ margin: 0}

.main-content{ padding: 30px 0; overflow: hidden; min-height: 300px}
.main-content .left{ width:250px; border: 1px solid #ddd;}
.main-content .left h3{ background: #eee; padding: 8px 20px; font-size: 15px;color: #8d5a19; font-weight: bold;}
.main-content .left li{ line-height: 36px; padding-left: 36px; font-size: 14px}
.main-content .left li a{ display: block;}
.main-content .left li.current,.main-content .left li:hover{ background: #f8f8f8}
.main-content .right{ width: 730px;}
.main-content .right h3{background: #eee; height: 42px; line-height: 42px;}
.main-content .right h3 span{ float: left; padding: 0 26px; font-size: 18px; background: #5c4e45; color: #fff; font-weight: bold;}
.main-content .right li{ padding: 10px;}
.main-content .right li p{ line-height: 32px; padding-bottom: 20px}
.main-content .right li .qrcode-box{ width:250px; height: 270px; text-align: center;}
.main-content .right li .qrcode-box .qrcode{ width: 240px; height: 240px; }

/* 预订功能 */
.order{
  width: 90%;
  margin: 180px auto 0;
  overflow: hidden;
  min-height: 400px;
  font-size: 15px
}
.search{
  border: 1px solid #ddd;
  background: #f9f9f9;
  padding: 20px 30px;
  overflow: hidden;
  border-radius: 4px;
}
.search li{
  float: left;
  position: relative;
}
.start{
  margin-right: 80px;
}
.search li input{
  border: 1px solid #ddd;
  background: #fff;
  line-height: 34px;
  text-indent: 5px;
  width: 200px;
  padding: 0;
  margin: 0 5px;
  cursor: pointer;
}
.icon-date{
  position: absolute;
  top:50%;
  right: 12px;
  width: 16px;
  height: 16px;
  background: url(../images/icon-date.png) no-repeat;
  margin-top: -8px;
}

.icon-search{
  margin: 0 30px;
  background: rgba(53,38,28,0.8);
  border-radius: 2px;
  color: #fff;
  line-height: 36px;
  width: 100px;
  height: 36px;
  display: inline-block;
  text-align: center;
}
.icon-search:hover{
  background: rgba(53,38,28,1);
  color: #fff
}
.search li.my-order{
  float: right
}

.order h3{
  padding:5px 0 10px;
  font-weight: bold;
}
.order table{
  width: 100%;
  margin: 20px 0
}
.order table .pic{
  position: relative;
  padding-left: 214px;
  height: 124px
}
.order table .pic img{
  width: 200px;
  height: 120px;
  position: absolute;
  left:4px;
  top:50%;
  margin-top: -60px;
  cursor: pointer;
}
.order table p{
  line-height: 26px;
  font-size: 14px;
}
.icon-order,.icon-cancel,.icon-pay,.icon-grey{
  background: #f60;
  border-radius: 2px;
  line-height: 32px;
  text-align: center;
  width: 90px;
  display: inline-block;
  color: #fff
}
.icon-pay{
  background: #00a73d;
}
.icon-pay:hover{
  background: #097731;
  color: #fff
}
.icon-order:hover{
  color: #fff;
  background: #f90
}
.icon-cancel{
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}
.no-data{
  padding: 30px;
  color: #aaa;
  font-size: 16px;
  text-align: center;
}
.icon-grey,.icon-grey:hover{
  background: #ccc;
  cursor: default;
  color: #666
}

.slider-box{
  position: fixed;
  z-index: 100;
  width: 500px;
  background: #fff;
  top:50%;
  left:50%;
  text-align: center;
  transform: translate(-50%,-50%);
  padding: 0 40px;
}
.slider-box h3{
  padding: 10px;
  font-size: 15px;
}
.slider-box h4{
  font-size: 13px;
  color: #999;
  padding: 0 6px 12px;
}
.slider-box h4 span{
  padding: 0 8px
}
.icon-close{
  position: absolute;
  top:-24px;
  right: -24px;
  width: 24px;
  height: 24px;
  background: url(../images/close.png) #f00 3px 3px no-repeat;
  cursor: pointer;
}
.icon-close:hover{
  background: url(../images/close.png) #ddd 3px 3px no-repeat;
}
.slider-box img{
  width: 100%;
  max-height: 400px
}
.grey-box{
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 15px;
  overflow: hidden;
  margin-bottom: 20px
}
.form-list li{
  padding: 6px 0;
  line-height: 32px;
}
.form-list li label{
  width: 120px;
  float: left;

}
.form-list li input{
  min-width: 120px;
  border: 1px solid #ddd;
  height: 28px;
  text-indent: 5px
}
.form-list li span{
  padding-right: 20px
}
.form-list li .btn{
  background: #f90;
  padding: 0 16px;
  font-size: 13px;
  border-radius: 2px
}
.form-list li .btn:hover{
  background: #f60
}
.form-list li .border{
  border: 1px solid #7a91b3;
  border-radius: 2px;
  margin-right: 10px;
  padding: 4px 14px
}
.form-list li textarea{
  width: 85%;
  resize: none;
  height: 160px;
  text-indent: 5px;
  border: 1px solid #ddd
}
.radio-breakfast{
  padding:0 0 0 26px;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
}
.radio-breakfast::after{
  display: block;
  content: '';
  position: absolute;
  top:50%;
  left: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #666;
  border-radius: 20px;
  margin-top: -10px
}
.radio-breakfast.active::before{
  width: 10px;
  height: 10px;
  background: #666;
  border-radius: 10px;
  display: block;
  position: absolute;
  content: '';
  top:50%;
  left:8px;
  margin-top: -5px
}
.btn-code{
  padding: 0 15px;
  border: 1px solid #4562a7;
  margin: 0 10px;
  line-height: 30px;
  vertical-align: middle;
  background: #4562a7;
  color: #fff;
  cursor: pointer;
}
.btn-code.grey{
  background: #ccc;
  border: 1px solid #ccc;
  color: #aaa;
  cursor: default;
}
.order .tright{
  padding: 0 0 20px;
  overflow: hidden;
}
.order .tright .submit{
  border: 1px solid #ddd;
  float: right;
  line-height: 42px;
}
.order .tright .submit span{
  padding: 0 15px
}
.btn-submit{
  background: #f60;
  color: #fff;
  padding: 0 17px;
  cursor: pointer;
  display: inline-block;
}
.btn-submit:hover{
  background: #f90;
  color: #fff
}
.slider-box.search li{
  padding:10px 0;
  overflow: hidden;
}
.slider-box.search li.tcenter{
  width: 100%
}
.slider-box.search {
  padding-bottom: 10px
}
.slider-box.search li label{
   padding: 8px 24px;
   margin: 0 12px;
   background: #f60;
   border-radius: 2px;
   color: #fff;
   cursor: pointer;
}
.slider-box.search li label:last-child{
  background: #aaa
}
.slider-box.search li label:hover{
  opacity: 0.8
}

.cash .title{
  float: left;
  line-height: 150px;
  padding-left: 200px;
  position: relative;
  font-size: 24px;
}
.cash{
  padding: 20px;
  min-height: 500px;
  width: 1160px;
  margin: 0 auto
}
.cash .title img{
  position: absolute;
  top:10px;
  left: 20px;
  width: 160px;
}
.cash .left{
  text-align: center;
  width: 600px;
  margin: 0 0 0 100px;
}
.cash .left p{
  line-height: 36px
}
.cash .left i{
  padding: 10px 0;
  width: 100px;
  border-radius: 2px;
  margin: 20px 10px;
  border: 1px solid #36c;
  cursor: pointer;
}
.cash .left i.active,.cash .left i:hover{
  background:url(../images/check.png) #36c top right no-repeat;
  color:#fff
}

.cash .left ul{
  position: relative;
}
.cash .left ul img,.cash .left ul iframe{
  position: absolute;
  top:80px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  padding: 20px;
  border: 1px solid #ddd
}
.copyright{ clear: both; background: #d0d0d0; padding: 18px 0; width: 100%; font-size: 12px}
.copyright p{ line-height: 22px}
.datetimepicker table{
  border: 0
}

#scanCode canvas {
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ddd
}