/* pages/consultAndBuy.wxss */
.page{
 position: relative;
  overflow: scroll;

}
.people{
  top:508rpx;
  position: absolute;
  width:274rpx;
  height:260rpx;
  z-index:9;
}

.board {
  display: flex;
  position: relative;
  z-index:1;
  background-color: #fff;
  flex-direction: column;
  margin: 0rpx 32rpx 0;
  padding-bottom: 22rpx;
  border-radius: 10rpx;
}
.quicktimebox{
  position: absolute;
  top:592rpx;
  font-size: 36rpx;
  font-weight: 600;
  color:#fff;
  left:40rpx;
  right:40rpx;
}
.timebox{
  position: absolute;
  top:532rpx;
  line-height:40rpx;
  font-size: 32rpx;
  color:#fff;
  left:495rpx;
}
.redcolor{
  font-size: 44rpx;
  font-weight: 600;
  color: #F83C3C;
}
.bg{
  top:172rpx;
  width:100%;
  bottom: 0;
 position: absolute;
}
.quicktime{
  display: inline;
  margin-right: 5rpx;
  flex-wrap: wrap;
}
.juxing{
  margin:0 auto;
  width:654rpx;
  height:68rpx;
}
.titlename{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.board .title {
  position: relative;
  font-size: 30rpx;
  font-weight: 600;
  color: #333333;
  margin: 0 auto;
}

.board .icon {
  width: 36rpx;
  height: 38rpx;
  flex-shrink: 0;
}

.rowcell {
  margin: 0rpx 10rpx 12rpx;
  background: #EEFAF9;
  border-radius: 10rpx;
  padding: 13rpx 25rpx;
  align-items: center;

  justify-content: flex-start;
  display: flex;
}

.box {
  position: relative;
  z-index:2;
  margin: 40rpx 32rpx 0;
  height: 172rpx;
  background: #FFF5E0;
  display: flex;
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-radius: 10rpx;
  border: 1rpx solid #ED9C00
}

.leftbox {
 
  display: flex;
  align-items: center;
  margin-left: 30rpx;
 
}
.desc{
  margin-left: 30rpx;
}
.imgbox{
  background: #fff;
  border-radius: 10rpx;
  width: 120rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 128rpx;
}
.person{
  width: 100%;
  height:100%;
}

.leftbox .name{
  font-size: 34rpx;
font-weight: 600;
color: #333333;
}
.leftbox .tips{
  margin-top: 20rpx;
  font-size: 24rpx;
color: #666666
}
.rightbox {
  margin-right:20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rightbox .btn{
  margin-top: 9rpx;
  width: 160rpx;
  font-size: 30rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
height: 60rpx;
background: #3CC7C0;
border-radius: 30rpx;
}
.rightbox .free{
  font-size: 30rpx;
font-weight: 400;
color: #EF4F20;
}
.rightbox .price{
  font-size: 34rpx;
  font-weight: 600;
  color: #EF4F20;
}
.rightbox .unit{
  font-weight:normal; 
  font-size: 24rpx;
  color:rgba(102, 102, 102, 1);
}
.rowcell .bold{
  white-space: nowrap;
  margin-left: 20rpx;
  font-size: 34rpx;
font-weight: 600;
color: #333333;
line-height: 48r
}
.rowcell .text{
  margin-left: 34rpx;
  font-size: 28rpx;
  color: rgba(102, 102, 102, 1)
}
.rowcell .addcolor{
  font-size: 28rpx;
  color: #ED9C00;
}
.boxcell{
  position: relative;
  z-index:2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.boxcell .imgbox{
  width: 80rpx;
height: 80rpx;
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
border: 2rpx solid #3CC7C0;
border-radius: 8rpx;
}
.boxcell .desc{
  margin:5rpx auto 0;
  text-align: center;
  font-size: 24rpx;
  font-weight: 400;
  color: #00A6A4;
}
.progressbox .line{
  top:60rpx;
  position: absolute;
  left:35rpx;
  z-index:0;
  right:35rpx;
  height:2rpx;
  background-color: #3CC7C0;
}
.progressbox{
  position: relative;
  margin:13rpx 24rpx 0;
  padding:0 28rpx;
  height: 157rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
background: #EEFAF9;
border-radius: 10rpx;
}
.button{
 
  position: relative;
  z-index:1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 44rpx;
font-weight: 600;
color: #3CC7C0;
  height: 96rpx;
background: #FFFFFF;
box-shadow: 0rpx 2rpx 4rpx 0rpx #118882;
border-radius: 48rpx;
border: 2rpx solid #3CC7C0;
  margin: 60rpx 32rpx 0;
}