jzlife_wx_servant/pages/new/serviceOrder/serviceOrder.wxss

page {
  background: #F3F3F3;
  color: #333;
  /* padding:0 24rpx; */
}
view,text{
  box-sizing: border-box;
  color:#333;
  font-size: 34rpx;
}
.whole-page{
  /* min-height: 2000rpx; */

}

/* 服务单 */
.service-order{
  margin:10rpx 24rpx 16rpx;
  width:702rpx;
  background: #fff;
border-radius: 18rpx;
min-height: 300rpx;
padding:0 20rpx 32rpx;
}
.service-title{
  height:96rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 96rpx;
}
.ser-title-left image{
  width:36rpx;
  height:36rpx;
  margin-right:6rpx;
}
.ser-title-left view{
  font-size: 32rpx;
}
.ser-title-right view{
  font-size: 22rpx;
  color: #09AFFF;
}
.ser-title-right image{
  width:24rpx;
  height:24rpx;
  margin-right:6rpx;
}
.ser-title-left,.ser-title-right{
  display: flex;
  align-items: center;
  height: 96rpx;
}
.related-info{
  background: #F6FFED;
border-radius: 18rpx;
padding:24rpx 12rpx 32rpx;
}
.related-info .column{
  height: 60rpx;
  line-height: 60rpx;
  display: flex;
  justify-content: space-between;
}
.column .title{
  font-weight: bold;
}
.related-info .row{
  line-height: 60rpx;
}
.notice{
padding:10rpx 12rpx;
background: #E6F7FF;
border-radius: 14rpx;
display: flex;
line-height: 36rpx;
align-items: center;
}
.notice image{
  width:30rpx;
  height:30rpx;
  margin-right:20rpx;
}
.notice view{
  color: #09AFFF;
  font-size: 26rpx;
}
.service-info{
  padding-left:12rpx;
}
.service-info .row{
  line-height: 60rpx;
}
.service-info .order-num{
  height: 60rpx;
  display: flex;
  align-items: center;
}
.copy-img{
 width:36rpx;
 height:36rpx;
 margin-left:4rpx;
}
.service-info .column{
  height: 60rpx;
  line-height: 60rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.callup-img{
  width:36rpx;
  height: 36rpx;
}
.service-info .address{
  display: flex;
  margin:6rpx 0;
  line-height: 48rpx;
}
.service-info .address .detail{
  flex:1;
}
.service-info .address image{
  margin:12rpx 0 0 30rpx;
  width:36rpx;
  height: 36rpx;
}
.operate-block{
  display: flex;
  align-items: center;
  margin-top:22rpx;
  height: 40rpx;
  line-height: 40rpx;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.operate-item{
  display: flex;
  height: 40rpx;
  align-items: center;
	margin-left:20rpx;
	margin-bottom:10rpx;
}
.operate-item image{
  width:28rpx;
  height:28rpx;
  margin-right:4rpx;
}
.operate-item view{
  font-size: 30rpx;
color: #0EAEFC;
}
.operate-item.disable view{
  color: rgba(0,0,0,0.25);
}
/* 日维度 */
.date-board-wrapper{
  width: 702rpx;
height: 250rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:16rpx 26rpx;
margin:0 24rpx;
}
.date-board{
  width: 650rpx;
height: 218rpx;
background: #E6F7FF;
border-radius: 15rpx;
display:flex;
align-items: center;
margin-bottom:38rpx;
}
view.date-order-left{
  height:218rpx;
  width:172rpx;
  border-right:2rpx solid #e4e4e4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size:30rpx;
}
.date-order-left view{
  font-size: 30rpx;
}
view.date-order-left .number{
  font-size: 36rpx;
  height: 50rpx;
  line-height: 50rpx;
  margin-bottom:10rpx;
}
.date-order-right{
  display:flex;
  flex-wrap: wrap;
  height: 218rpx;
  flex:1;
}
.data-item{
  height: 100rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width:158rpx;
}
.data-item .num{
  font-size: 36rpx;
  height: 50rpx;
  color:#E2B650;
}
.data-item .item-tag{
  font-size: 24rpx;
  height: 36rpx;
  line-height: 36rpx;
  border-radius:4rpx;
  color:#fff;
  width:120rpx;
  text-align: center;
  background:#E2B650;
}
.data-item.red .num{

  color: #E85050;
  } 
.data-item.red .item-tag{
  width:74rpx;
background: #FF5050;
} 
.data-item.green .num{

  color: #39CB7F;
  } 
  .data-item.green .num text{
    font-size: 24rpx;
    color: #39CB7F;
  }
.data-item.green .item-tag{
  width:74rpx;
background: #39CB7F;
} 
.data-item.blue .num{

  color: #09AFFF;
  } 
  .data-item.blue .num text{
    font-size: 24rpx;
    color: #09AFFF;
  }
.data-item.blue .item-tag{
   
  width:74rpx;
  background: #09AFFF;
} 
.current-date{
  height: 70rpx;
  display:flex;
  align-items: center;
  padding-left:48rpx;
  background:#F3F3F3;
}
.current-date .day{
  color: #09AFFF;
line-height: 48rpx;
height: 48rpx;
font-size: 30rpx;
border-bottom: 4rpx solid #09afff;
}
.current-date .today{
  width: 64rpx;
height: 40rpx;
background: #FFFFFF;
border-radius: 4rpx;
border: 2rpx solid #1677FF;
font-size: 24rpx;
color:#1677FF;
margin:8rpx 0 0 8rpx;
text-align: center;
}
/* 请假记录 */
.leave-fold{
  width: 702rpx;
height: 66rpx;
background: #FFFFFF;
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: space-between;
margin:12rpx 24rpx;
padding:0 20rpx 0 40rpx;
}
.fold-left{
  font-size: 32rpx;
}
.fold-right{
  display: flex;
  align-items: center;
  height: 66rpx;

}
.fold-right .leave-num{
  color: #666;
}
.fold-right image{
  width:24rpx;
  height: 24rpx;
  margin-left:6rpx;
}
.leave-item{
  width: 702rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:28rpx 26rpx 40rpx;
margin:0 24rpx;
}
.leave-title{
  height: 48rpx;
  display:flex;
  align-items: center;
  margin-bottom:16rpx;
}
.leave-title image{
  width:34rpx;
  height: 34rpx;
  margin-right:10rpx;
}
.leave-title view{
  font-size: 32rpx;
  line-height: 48rpx;
}
.leave-line{
  margin-bottom:6rpx;
  line-height: 48rpx;
  display:flex ;
}
.leave-line view:first-child{
  width:150rpx;
}
.leave-line view:last-child{
  flex:1;
}
.dqjsq{
  width:110rpx;
  height: 110rpx;
  background:#fff;
  border-radius: 110rpx;
  position:fixed;
  z-index: 99;
  right:64rpx;
  bottom:254rpx;
}
.calendar-wrapper{
  margin:12rpx 24rpx 0;
  width:702rpx;
  border-radius:18rpx;
  background:#fff;
  min-height: 200rpx;
  padding:30rpx 24rpx 18rpx;
}
.current-month{
  margin:12rpx 0 22rpx;
  height: 48rpx;
font-size: 28rpx;
line-height: 48rpx;
}
.month-title{
  height: 48rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.month-title-left{
  height: 48rpx;
  display: flex;
  align-items: center;
}
.month-title-left view{
  font-size: 32rpx;
}
.month-title-left image{
  margin-left:12rpx;
  width:32rpx;
  height: 32rpx;
}
.month-title-right{
  display: flex;
  align-items: center;
  height: 48rpx;
}
.month-title-right image{
  width:28rpx;
  height: 28rpx;
  margin-left:4rpx;
}
.last-month{
  line-height: 48rpx;
}
.next-month{
  line-height: 48rpx;
  margin-left:14rpx;
}
.month-border-wrapper view.date-order-left{
  justify-content: space-between;
} 
.month-order-item{
  height: 100rpx;
  display:flex;
  flex-direction: column;
  align-items: center;
}
view.date-order-left .month-order-item .number{
  margin-bottom:0;
}
.whole-calendar{
  display: flex;
  flex-wrap: wrap;
}
.calendar-item{
  display: flex;
  flex-direction: column;
  width:92rpx;
  align-items: flex-end;
  padding:14rpx 0 6rpx;
}
.calendar-week{
  font-size: 32rpx;
  color:#999;
  height: 36rpx;
  line-height: 36rpx;
  width: 68rpx;
  text-align: center;
}
.calendar-day{
  height: 30rpx;
  line-height: 30rpx;
  font-size: 32rpx;
  color:#666;
  margin:6rpx 0;
  width: 68rpx;
  text-align: center;
}
.selected-calendar{
  background: rgba(9,175,255,0.05);
border-radius: 12rpx;
}
.selected-calendar .calendar-week{
  color:#09afff;
}
.selected-calendar .calendar-day{
  color:#09afff;
}
.selected-dot{
  margin:0 30rpx 6rpx 0;
  width:6rpx;
  height: 6rpx;
  border-radius: 6rpx;
  background:transparent;
}
.selected-calendar .selected-dot{
  background:#09afff;
}
.calendar-order-item .time{
  /* width: 48rpx;
  height: 18rpx;
  line-height: 18rpx;
  font-size: 12rpx; */
  width: 68rpx;
  height: 32rpx;
  line-height: 32rpx;
  font-size: 24rpx;
  border-radius: 4rpx;
  background: #39CB7F;
  color:#fff;
  text-align:center;
  margin-bottom:8rpx;
}
.calendar-order-item .time.pl{
  background: #09AFFF;
}
.calendar-order-item .time.no-finish{
  background: #fff;
  color:#39CB7F;
  border:2rpx solid #39CB7F;
}
.calendar-order-item .time.pl.no-finish{
  background: #fff;
  color:#09AFFF;
  border:2rpx solid #09AFFF;
}
.eval-wrapper{
  width:14rpx;
  height: 32rpx;
  align-items: center;
  display: flex;
  margin-right:2rpx;
}
.calendar-order-item{
  display: flex;
  width:92rpx;
  justify-content: flex-end;
}
.eval-wrapper image{
  width:14rpx;
  height: 14rpx;
}
.fold-calcendar{
  display: flex;
  align-items: center;
  flex-direction: column;
  width:140rpx;
  margin:0 auto;
}
.fold-calcendar image{
  width:36rpx;
  height: 36rpx;
}
.fold-calcendar view{
  color: #09AFFF;
  font-size: 24rpx;
  margin-left:6rpx;
  line-height: 14rpx;
}
.service-status{
  height:60rpx;
  align-items: center;
  display: flex;
}
.service-status image{
  width:24rpx;
  height:24rpx;
  margin-right:8rpx;
}
.invite-comment{
  background: #E6F7FF;
  border-radius: 7rpx;
  border: 2px solid #91D5FF;
  color: #096DD9;
  font-size: 22rpx;
  width: 92rpx;
height: 32rpx;
text-align:center;
margin:0 10rpx;
line-height: 24rpx;
}
.hp-wrapper{
  display:flex;
  align-items: center;
  margin-right:10rpx;
  width: 96rpx;
height: 32rpx;
background: #F6FFED;
border-radius: 7rpx;
border: 2rpx solid #A0D911;
justify-content: center;

}
.hp-wrapper text{
  color: #73D13D;
  line-height: 24rpx;
  font-size: 22rpx;
}
.cp-wrapper{
  display:flex;
  align-items: center;
  width: 96rpx;
height: 32rpx;
background: #FFF2E8;
border-radius: 7rpx;
border: 2rpx solid #FA541C;
justify-content: center;

}
.cp-wrapper text{
  color: #FA541C;
  line-height: 24rpx;
  font-size: 22rpx;
}
.service-order.cancel-order view{
  color:#aaa;
}
.service-order.cancel-order view.blue-font{
  color:#09AFFF;
}

.interview{
  width: 702rpx;
/* height: 476rpx; */
background: #FFFFFF;
border-radius: 18rpx;
padding:46rpx 24rpx 32rpx 24rpx;
margin:20rpx 24rpx;
}
.interview-title{
  height:48rpx;
  display: flex;
  align-items: center;
}
.interview-title image{
  width:34rpx;
  height:34rpx;
  margin-right:14rpx;
}
.interview-date{
  height:48rpx;
  line-height: 48rpx;
  margin:70rpx 0 46rpx;
}
.interview-location{
  line-height: 48rpx;
  margin-bottom:48rpx;
  padding-right:24rpx;
}
.interview-operate{
  display:flex;
  align-items: center;
  justify-content: flex-end;
  height: 40rpx;
  color: #0EAEFC;
}
.overlay-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  /* z-index:999; */
  padding:0 50rpx;
  flex-direction: column;
 
}
.star-wrapper{
  width: 650rpx;
height: 624rpx;
background: #FFFFFF;
border-radius: 33rpx;
border: 1px solid #979797;
padding:44rpx  40rpx 0;
display:flex;
flex-direction: column;
align-items: center;
}
.star-wrapper .title{
  font-size: 34rpx;
  height: 48rpx;
  margin-bottom:40rpx;
}
.submit-eval{
  width: 650rpx;
height: 110rpx;
background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%);
border-radius: 110rpx;
line-height: 110rpx;
font-size: 44rpx;
text-align: center;
color:#fff;
margin-top:40rpx;
}
.comment-area{
  margin-top: 40rpx;
  height: 280rpx;
  border: 2rpx solid #ddd;
  padding: 16rpx;
  width: 560rpx;
  box-sizing: border-box;
  text-align: justify;
  border-radius: 8rpx;
}
view.van-radio__icon-wrap .van-icon{
  color:#fff;
  font-size: 32rpx;
}
.pay-row{
	display: flex;
	justify-content: space-between;
}
.pay-total{
	color:#FF004E;
	flex:1;
	margin-right:14rpx;
	text-align: right;
}
.pay-success{
	color:#00B63D;
}


.whole-page{
	padding:20rpx;
}
.search-block{
	width: 710rpx;
	height: 88rpx;
	background: #FFFFFF;
	border-radius: 18rpx;
	display: flex;
	align-items: center;
	padding:0 28rpx;
	margin-bottom:20rpx;
}
.search-block image{
	width:30rpx;
	height:30rpx;
	margin:4rpx 10rpx 0 0;
}
.search-block .search-text{
	font-size: 30rpx;
color: #999999;
}
.weather-block{
	display: flex;
	width: 710rpx;
height: 176rpx;
background: #FFFFFF;
border-radius: 18rpx;
align-items: center;
justify-content: space-between;
padding:0 34rpx 0 28rpx;
margin-bottom:20rpx;
}
.today-text{
	font-weight: 600;
font-size: 40rpx;
color: #333333;
line-height: 48rpx;
letter-spacing: 4rpx;
margin:0 0 6rpx 0;
}
.weather-line{
	display: flex;
	align-items: center;
	height:48rpx;
}
.weather-line view{
font-size: 24rpx;
color: #333333;
margin-left:14rpx;
}
.weather-line image{
	width:30rpx;
	height:30rpx;
}
.work-mode{
	width:158rpx;
	height:60rpx;
	border-radius: 60rpx;
	line-height: 54rpx;
	border: 2rpx solid #6DD400;
	font-size: 36rpx;
color: #000000;
text-align: center;

background: rgb(239,250,226);

}
.work-mode.whole-mode{
	border-color:#D48806;
	background: rgb(255,251,231);
}
.work-mode.leave-mode{
	border-color:#000;
	background: #f5f5f5;
}
.work-mode.other-mode{
	border-color:#389E0D;
	background: #D9F7BE;
}
.weather-right{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.weather-right .mode-tips{
	font-size: 24rpx;
	color: #333333;
	height: 48rpx;
	line-height: 48rpx;
}
/* 服务单信息 */
.service-order-new{
	width: 710rpx;
 /* height: 518rpx; */
 background: #FFFFFF;
 border-radius: 18rpx;
 padding:32rpx 34rpx 30rpx;
 margin:0 0 20rpx;
}
.service-order-new.finished-order .title-left view {
  color:#999;
} 
.service-order-new.finished-order .service-content view:first-child {
  color:#999;
} 
.service-order-new.finished-order .address-dot{
	background: #999;
}
.service-order-new.finished-order .address-detail{
	color: #999;
}
.service-order-new.finished-order  .service-tips view{
	color: #999;
}
.service-title{
	height:48rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:30rpx;
}
.title-left{
	display: flex;
	align-items: center;
	flex:1;
}
.service-title image{
	width:40rpx;
	height:44rpx;
}
.order-status{
	font-weight: 600;
  font-size: 40rpx;
  color: #333333;
	line-height: 48rpx;
	white-space: nowrap;
}
.title-left view{
	font-size: 40rpx;
	color: #333333;
	margin-left:20rpx;
	white-space: nowrap;
}
.service-content{
	display: flex;
	justify-content: space-between;
	margin:30rpx 0 20rpx;
}
.service-content view{
	color: #333;
	font-size: 30rpx;
	line-height: 48rpx;

}
.service-content view.detail{
	font-weight: 600;
font-size: 40rpx;
flex:1;
margin-left:20rpx;
text-align: right;

}
.service-address{
 display:flex;
}
.address-dot{
	width:22rpx;
	height:22rpx;
	background: #6DD400;
	border-radius: 22rpx;
	margin:14rpx 10rpx 0 0;
}
.service-address .address-detail{
	font-size: 30rpx;
color: #333333;
line-height: 48rpx;
text-align: justify;
}
.service-tips{
	display: flex;
	justify-content: space-between;
	margin:10rpx 0 30rpx;
}
.tips-title{
	font-size: 30rpx;
	color: #333333;
	line-height: 48rpx;
	margin-right:20rpx;
white-space: nowrap;
}
.tips-detail{
	font-size: 30rpx;
	color: #333333;
	line-height: 48rpx;
}
.service-provision{
	height:48rpx;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.service-provision view{
	font-size: 24rpx;
color: #999999;
padding-bottom:8rpx;
}
.service-provision view.provision-amount{
	color:#FA6400;
	font-size: 40rpx;
	font-weight: bold;
	padding-bottom:0;
	margin-left:16rpx;
}
.service-tag-line{
	display: flex;
flex-wrap: wrap;
margin-top:30rpx;
}
.tag-important{
	height: 48rpx;
	line-height: 46rpx;
	background: #16A9FF;
border-radius: 48rpx;
font-size: 30rpx;
color: #FFFFFF;
margin:0 10rpx 10rpx 0;
padding:0 20rpx;

}
.tag-common{
	height: 48rpx;
	line-height: 44rpx;
border-radius: 48rpx;
font-size: 30rpx;
color: #999;
margin:0 10rpx 10rpx 0;
border: 1rpx solid #999999;
padding:0 20rpx;
}
.cal-overlay-board{
	width: 710rpx;
height: 1000rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:30rpx;
}
.board-title{
	height:50rpx;
display: flex;
justify-content: space-between;
margin-bottom:10rpx;
}
.board-title view{

	font-weight: 600;
font-size: 36rpx;
color: #666666;
}
.month-btn{
	width: 650rpx;
height: 130rpx;
line-height: 130rpx;
background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%);
border-radius: 8rpx;
text-align: center;
font-weight: 600;
font-size: 40rpx;
color: #FFFFFF;
}
.history-title{
	font-weight: 600;
	font-size: 36rpx;
	color: #666666;
	height:50rpx;
	line-height: 50rpx;
	margin:20rpx 0;
}
.month-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.month-item{
	width: 180rpx;
height: 222rpx;
background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%);
border-radius: 14rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom:20rpx;
}
.month-title{
	font-weight: 600;
font-size: 38rpx;
color: #FFFFFF;
line-height: 56rpx;
height:56rpx;
margin-bottom:24rpx;

}
.month-num{
	font-weight: 600;
font-size: 40rpx;
color: #FFFFFF;
line-height: 56rpx;
height:56rpx;
}
.overlay-wrapper.cal-overlay-wrapper{
	justify-content: flex-start;
	padding-top: 128rpx;
}
.history-tips{
	font-size: 24rpx;
color: #999999;
line-height: 34rpx;
text-align: center;
margin-top:18rpx;
height: 34rpx;
}
.overlay-wrapper.sche-overlay-wrapper{
	justify-content: flex-start;
	padding-top: 128rpx;
}
.sche-overlay-board{
	width: 710rpx;
height: 900rpx;
background: #FFFFFF;
border-radius: 18rpx;
padding:36rpx 30rpx;
margin-top:10rpx;
}
.schedue-list{
	padding:26rpx 24rpx 14rpx 20rpx;
	background: rgb( 156, 220,91);
border-radius: 8rpx;
width:650rpx;
}
.schedue-item{
	height:50rpx;
	display: flex;
	align-items: center;
	margin-bottom:14rpx;
	justify-content: space-between;
}
.schedue-item .dot{
	width: 14rpx;
height: 14rpx;
background: #FFFFFF;
border-radius: 14rpx;
}
.schedue-item view{
	font-weight: 600;
font-size: 34rpx;
color: #FFFFFF;
white-space: nowrap;
}
.schedue-item view.schedue-date{
	margin:0  24rpx 0 20rpx;
	letter-spacing: 1rpx;
}
.schedue-apply-title{
	font-weight: 500;
font-size: 36rpx;
color: #333333;
height:50rpx;
line-height: 50rpx;
margin:40rpx 0 20rpx;
}
.schedue-apply-btn{
	width: 650rpx;
height: 130rpx;
background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%);
border-radius: 8rpx;
align-items: center;
display: flex;
padding:20rpx 0;
flex-direction: column;
}
.schedue-apply-btn view{
	font-weight: 600;
font-size: 40rpx;
color: #FFFFFF;
line-height: 56rpx;
line-height: 56rpx;
}
.schedue-apply-btn view.tips{
	font-size: 24rpx;
line-height: 34rpx;
line-height: 34rpx;
}
.search-result{
	width: 710rpx;
	height: 88rpx;
	background: #31BEFF;
	border-radius: 18rpx;
	display: flex;
	align-items: center;
	padding:0 28rpx;
	margin-bottom:20rpx;
	justify-content: space-between;
}
.result-left,.result-right{
	display: flex;
	align-items: center;
	height: 88rpx;
}
.result-left view{
	letter-spacing: 4rpx;
}
.search-result image{
	width:32rpx;
	height:32rpx;
	margin:0rpx 10rpx 0 0;
}
.result-right image{
	margin:0rpx 4rpx 0 0;
}
.search-result view{
	font-weight: 600;
font-size: 30rpx;
color: #FFFFFF;
line-height: 88rpx;
}
.average-order{
	width: 710rpx;
background: #FFFFFF;
border-radius: 14rpx;
margin-bottom:30rpx;
padding:24rpx 24rpx  28rpx;
}
.average-order view{
	font-weight: 600;
font-size: 40rpx;
color: #000000;
height: 56rpx;
line-height: 56rpx;
}
.average-order view.order-suggest{
	font-size: 24rpx;
	height: 34rpx;
line-height: 34rpx;
margin-top:8rpx;
padding-left:6rpx;
}
.calendar-board{
	background: #FFFFFF;
border-radius: 14rpx;
width:710rpx;
padding:0 0rpx 16rpx 14rpx;
margin-bottom:30rpx;
}
.cal-week-line{
	height:106rpx;
	display: flex;
	align-items: center;
}
.cal-week-line .week-item{
	font-size: 36rpx;
color: rgba(0,0,0,0.45);
width:89rpx;
margin-right:10rpx;
text-align: center;
}
.cal-day-line{
	display: flex;
	flex-wrap: wrap;

}
.cal-day-line .day-item-wrapper{
	width:89rpx;
 margin-right:10rpx;
 height:176rpx;
 display: flex;
	flex-direction: column;
	align-items: center;
}
.cal-day-line .day-item{
 height:122rpx;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 flex-direction: column;
 background: rgba(50,197,255,0.37);
border-radius: 8rpx;
border: 1rpx solid #32C5FF;
width:89rpx;
}
.day-sche{
	font-size: 18rpx;
	color: #2B92E1;
line-height: 24rpx;
height: 24rpx;
width:89rpx;
text-align: center;
}
.day-item .day{
	font-size: 36rpx;
	color: #4AB1FF;
	line-height: 48rpx;
	height:48rpx;
	width:89rpx;
  text-align: center;
}
.day-item .order-num{
	background: rgba(50,197,255,0.37);
border-radius: 8rpx;
border: 1rpx solid #32C5FF;
height:44rpx;
line-height: 40rpx;
font-size: 30rpx;
/* color: rgba(0,0,0,0.85); */
color: #065B9C;
width:89rpx;
text-align: center;
}
.today-badge{
	width: 32rpx;
	height: 32rpx;
	background: #83DCFF;
	font-size: 24rpx;
color: rgba(255,255,255,0.85);
text-align: center;
line-height: 32rpx;
border-radius: 32rpx;
margin-top:6rpx;
}
.day-item-wrapper.past-day .day-item{
	background: #fff;
	border: none;
}
.past-day .day-item .day{
	color: #ddd;
	font-size: 32rpx;
}
.day-item-wrapper.leave-day .day-item{
	background: #B4B4B4;
	border-color: #B4B4B4;
}
.leave-day .day-item view{
	color:#fff;
}
.leave-day .day-item .order-num{
	border-color:#B4B4B4;
	background: #B4B4B4;
}
.current-day .day-item{
	background: #32C5FF;
}
.current-day .day-item view{
	color: #fff;
	background: #32C5FF;
}
.current-day.leave-day .day-item view{
	
	background: #B4B4B4;
}	
.current-day.leave-day.whole-day .day-item view{
	
	background: #B4B4B4!important;
}	
.day-item-wrapper.whole-day .day-item view{
	color: #E46C1C;
}
.day-item-wrapper.whole-day .day-item view.day-sche{
	color: #CE824E;
}
.day-item-wrapper.whole-day .day-item{
	background: rgba(250,100,0,0.28);
	border: 1rpx solid #FA6400;
}
.day-item-wrapper.whole-day .day-item .order-num{
	border: 1rpx solid #FA6400;
	background: transparent;
	color: #CA5100;
}
.day-item-wrapper.whole-day.current-day .day-item {
	background: #FA6400;
}
.day-item-wrapper.whole-day.current-day .day-item view{
	color: #fff;
	background: #FA6400;
}
.day-item-wrapper.whole-day.current-day .day-item view.order-num{
	color: #fff;
	background: #FA6400;
}
.day-item-wrapper.whole-day .today-badge{
	background: #FA6400;
}
.leave-record-board{
	width: 710rpx;
background: #FFFFFF;
border-radius: 14rpx;
padding:30rpx 26rpx 28rpx 32rpx;
margin-bottom:30rpx;
}
.leave-record-title{
 display: flex;
 height:56rpx;
 justify-content: space-between;
}
.leave-record-title view{
	font-weight: 600;
font-size: 40rpx;
color: #333333;
}
.leave-record-title view.leave-status{
	color: #6DD400;
}
.leave-info{
	font-size: 30rpx;
color: #666666;
line-height: 42rpx;
height:42rpx;
margin-top:8rpx;
text-align: right;
}
.leave-record-title view.leave-status.leave-refuse{
	color: #E02020;
}
.leave-history{
margin-top:30rpx;
height: 50rpx;
line-height: 50rpx;
font-size: 36rpx;
color: #979797;
line-height: 50rpx;
text-align: center;
text-decoration-line: underline;
}