b_addnew.wxss 3.25 KB
/* pages/book/b_addnew.wxss */
.page{
  width: 90%;
  margin: 0 5%;
}
.base-info{

}
.section{
  height: 92rpx;
  line-height: 92rpx;

}
.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: 50rpx;
  width: 150rpx !important;
  min-width: 150rpx !important;
  border-radius: 10rpx;
  border: 2rpx solid #199095;
  margin-right: 62rpx;
  text-align: center;
  display: inline-block;
}
.section .tab .checked{
  background-color:#199095;
  color: #FEFEFE;
}

/**
可定桌位
 */
.page-full{
  width: 112%;
  margin-left: -6%;
  background-color: #F5F5F5;
}
.tables{
  height: 314rpx;
  margin-top: 10rpx;
  font-size: 30rpx;
}
.tables .title{
  padding-top: 36rpx;
}
.advice-desk-detail{
  height: 220rpx;
  width:100%;
}
.order-desk-info{
  width:160rpx;
  min-width: 160rpx;
  height:160rpx;
  background:#EBF8F8;
  border:1px solid #199095;
  border-radius:10rpx;
  position:relative;
  overflow:hidden;
  margin-left:22rpx;
}
.advice-desk-detail .order-desk-info:first-child{
  margin-left:0;
}
.desk-active{
  position: absolute;
  top: -2rpx;
  right: -2rpx;
}
.order-desk-type{
  width:100%;
  height:42rpx;
  line-height: 42rpx;
  background:#199095;
  position:absolute;
  left:0;
  bottom:0;
  font-size: 26rpx;
}
.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;
}
.book-info-single{
  width:100%;
  height:120rpx;
  padding-top:80rpx;
  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;
}
.phone-reminder{
  width:32rpx;
  height:32rpx;
  margin-left:20rpx;
}


/**
提交按钮
 */
.submit{
  padding-top: 18rpx;
  padding-bottom: 174rpx;
}
.confirm-button{
  width:680rpx;
  height:85rpx;
  background:#199095;
  margin:42rpx auto 0;
  border-radius:10rpx;
  opacity:.6;
}
.confirm-button-active{
  opacity:1;
}

/**
 */
.calendar-mask{
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  background-color: rgba(0,0,0,.5);
}
.calendar {
  background-color: #eeedff;
  padding-top: 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.calendar-header{
  font-size: large; /*修改了标题文字和按钮的大小*/
  color: #605eac;   /*修改了标题文字和按钮的颜色*/
}
.calendar-board {
  background-color: #dddcff;
  color: white;
}