page {
  height: 100%;
  width: 100%; 
  background-color: #f4f4f4; 
}   
.top{
  height: 150rpx;
  line-height: 150rpx;
  background-color: #09afff;
  color: white;
  font-size: 52rpx;
  font-weight: 600;
  padding: 0 20rpx;
}

.book-title{
  background-color: #e0d8d8;
  font-size: 38rpx;
  padding: 0 20rpx;
  height: 76rpx;
  line-height: 76rpx;
  color: #333;

}
.content{
  background-color: white;
  padding: 0 20rpx;
}
.row{
  display: flex; 
  line-height: 66rpx;
}
.title{
  color: #9e9797;
  font-size: 36rpx;
  word-break: keep-all;
}
.value{
  font-size: 36rpx;
  color: #333; 
}

.marker{
  color: white;
    background-color: #e2b749;
    border: 0.5px solid #598a0c;
    padding: 2rpx 10rpx;
    border-radius: 15rpx;
    font-size: 28rpx;
    margin-left: 10rpx;
}
 
.pie{
  display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #666;
    vertical-align: middle;
    margin-right: 7px;
    border-radius: 4px;
}




.order-item-operate{
  border-top: 1px solid #f4f4f4;
  height: 82rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 32rpx;
}
.order-operate-wrapper{
  /* height: 80rpx; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-operate-wrapper>view{
  height: 44rpx;
  width:148rpx;
  text-align: center;
  line-height: 44rpx;
  text-align: center;
  border-radius:10rpx;
  border:1rpx solid #09afff;
  font-size: 28rpx;
  margin-left:20rpx;
  color: #333;
}