/* pages/book/b_addnew.wxss */
.page{
  width: 90%;
  margin: 20rpx 4% 0;

}
.base-info{

}
.section{
  height: 110rpx;
}
.section .label{
  width: 60rpx;
  font-size: 30rpx;
  margin-right: 38rpx;
}
.date{
  color:#199095;
  width: 100%;
  font-size: 38rpx;
  font-weight: bold;
}
.date-item{
  width: 50%;
}
.date-item-text{
  height: 60rpx;
  line-height: 60rpx;
  border-bottom: 4rpx solid rgba(0,0,0,0);
  width: 200rpx;
  text-align: center;
  color: #666666;
}
.checked .date-item-text{
  border-bottom: 4rpx solid #199095;
  color: #199095;
}
.date .more{
  width: 65rpx;
  min-width: 65rpx;
  height: 60rpx;
}
.date .more view{
  width: 12rpx;
  height: 12rpx;
  border-radius: 50%;
  margin-right: 12rpx;
  background-color: #999;
}
.section .tab{
  font-size: 34rpx;
  color: #199095;
}
.section .tab .item{
  height: 50rpx;
  line-height: 49rpx;
  width: 210rpx !important;
  min-width: 210rpx !important;
  border-radius: 10rpx;
  border: 2rpx solid #199095;
  margin-right: 20rpx;
  text-align: center;
}
.section .tab .item .item-text,.section .tab .item .picker{
  height: 46rpx;
  line-height: 46rpx;
}
.section .tab .item .picker{
  width:210rpx;
  text-align: center;
}
.section .tab .item-pnum{
  height: 50rpx;
  line-height: 50rpx;
  width: 60rpx !important;
  min-width: 60rpx !important;
  border-radius: 10rpx;
  border: 2rpx solid #199095;
  margin-right: 32rpx;
  text-align: center;
}
.section .tab .item-pnum .pnum,.section .tab .item .pnum input{
  height: 46rpx;
  line-height: 46rpx;
  font-size: 34rpx;
}
.section .tab .item:last-child{
  margin-right: 0;
}
.section .tab .item-pnum:last-child{
  margin-right: 0;
}
.section .tab .checked{
  background-color:#199095;
  color: #FEFEFE;
  border: 2rpx solid #199095;
}
.section .tab .disabled{
  background-color:#999999;
  color: #efefef;
  border: 2rpx solid #999999;
}

/**
可定桌位
 */
.page-full{
  width: 112%;
  margin-left: -6%;
  background-color: #F5F5F5;
}
.tables{
  height: 314rpx;
  font-size: 30rpx;
}
.tables .title{
  padding-top: 36rpx;
  height: 42rpx;
  line-height: 42rpx;
}
.advice-desk-detail{
  height: 220rpx;
  width:100%;
}
.order-desk-info{
  width:160rpx;
  min-width: 160rpx;
  height:160rpx;
  background:#A9E3E6;
  border:1px solid #A9E3E6;
  border-radius:10rpx;
  position:relative;
  overflow:hidden;
  margin-left:22rpx;
}
.desk-checked{
  border:1px solid #199095;
}
.advice-desk-detail .order-desk-info:first-child{
  margin-left:0;
}
.desk-active{
  position: absolute;
  top: -2rpx;
  right: -2rpx;
}
.order-desk-type{
  height:30rpx;
  line-height: 30rpx;
  background:#61A5D1;
  position:absolute;
  left:0;
  top:0;
  font-size: 26rpx;
  padding: 0 12rpx 4rpx 8rpx;
  border-radius: 0 16rpx 16rpx 0;
}
.advice-more{
  padding:20rpx 0;
  padding-left:30rpx;
}
.cut{
  width:100%;
  height:4px;
  background:#efeef3;
}



/**
预订人信息
 */
.book-info{
  width:100%;
  padding-top:20rpx;
  margin:0 auto;
  padding-bottom: 300rpx;
}
.book-info-single{
  width:100%;
  height:120rpx;
  padding-top:40rpx;
  border-bottom:1px solid #efeef3;
}
.book-info-single>input{
  width:100%;
  height:100rpx;
}
.book-info-grand{
  height:50rpx;
  border:1px solid #199095;
  margin-top:20rpx;
}
.book-grand{
  width:90rpx;
  height:100%;
  box-sizing:border-box;
}
.book-grand-active{
  background:rgba(25,153,149,.8);
}
.book-grand-border{
  border-right:1px solid #199095;
}
.book-grand-border:last-child{
  border-width: 0;
}
.phone-reminder{
  width:32rpx;
  height:32rpx;
  margin-left:20rpx;
}


/**
提交按钮
 */
.submit{
  position: fixed;
  bottom: 120rpx;
  left: 0;
  right: 0;
  height: 150rpx;
  background-color: #fefefe;
  z-index: 9;
}
.confirm-button{
  width:680rpx;
  height:85rpx;
  background:#199095;
  margin:42rpx auto 0;
  border-radius:10rpx;
  opacity:.6;
}
.confirm-button-active{
  opacity:1;
}


@import "common/calendar.wxss";




.placeholder-class-pnum{
  color:#199095;
  font-size: 34rpx;
}

.timePicker{
  width: 80%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  border-top: 2rpx solid #ccc;
  background-color: #FEFEFE;
  padding: 20rpx 10% 80rpx;
}
.timePicker .time-item{
  width: 150rpx;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 40rpx;
  font-weight: bold;
  color:#199095;
  border: 2rpx solid #199095;
  border-radius: 10rpx;
  text-align: center;
  margin-right: 66rpx;
  margin-bottom: 60rpx;
}
.timePicker .time-item.checked{
  background-color: #199095;
  color:#fefefe;
}
.timePicker .close{
  width: 50rpx;
  height: 50rpx;
  transform:rotate(45deg);
  margin-top: -10rpx;
  margin-right: -10%;
}

.CustomRemark{
  line-height: 60rpx;
  overflow: hidden;
}
.CustomRemarks{
  width: 100%;
}
.CustomRemarksView{
  height: 60rpx;
  overflow: hidden;
}
.CustomRemarkMore{
  width: 200rpx;
  min-width: 200rpx;
  color:#199095;
  font-size: 30rpx;
}
.CustomRemarkItem{
  height: 48rpx;
  line-height: 48rpx;
  padding: 4rpx 14rpx;
  background-color: #F5F5F5;
  font-size: 30rpx;
  color: #999999;
  border-radius: 10rpx;
  margin-right: 20rpx;
  float: left;
  margin-bottom: 40rpx;
}
.CustomRemarkItem:last-child{
  margin-right: 0;
}
.CustomRemarkMore .CustomRemarkItem{
  padding: 4rpx 24rpx;
}
.book-info-single.last{
  border-width: 0;
}
.CustomRemarkItem.active{
  background-color: #6AB6B9;
  color: #FFFFFF;
}