page {
  background-color: var(--td-bg-color-container);
  /* background-color: #f9f9f9; */
  background: linear-gradient(to bottom, #F0F5F5 -40%, #F0F5F5 40%,#F0F5F5 100%);

}

page .round-image {
  border-radius: 12rpx;
}

.side-bar-wrapper {
  display: flex;
  height: 100vh;
  overflow: hidden;

  --td-grid-item-text-font-size: 24rpx;
}

.side-bar-wrapper .content {
  flex: 1;
  transition: transform 0.3s ease;
}

.side-bar-wrapper .section {
  padding: 32rpx 0;
  box-sizing: border-box;
  height: 100%;
}

.side-bar-wrapper .title {
  padding-left: 40rpx;
  margin-bottom: 8rpx;
  font-size: 28rpx;
  line-height: 44rpx;
  color: var(--td-text-color-primary);
}

.side-bar-wrapper .image {
  width: 96rpx;
  height: 96rpx;

  position: relative;
}

.side-bar-wrapper .cell {
  margin-right: 32rpx !important;
}

.side-bar-wrapper .image::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border-radius: 24rpx;
  border: 2rpx solid var(--td-gray-color-4);
  transform-origin: 0 0;
  transform: scale(0.5);
}
.t-cell__title-text{
  font-size: 22rpx;
}
.t-class-title{
  font-size: 22rpx;
}
.t-cell__description-text{
  font-size: 24rpx;
}
.t-image{
  padding: 20rpx;
  background-color: #f5f5f5;
box-sizing: border-box;
}
.calculation{
  width: 100%;
  height: 100rpx;
}
/*  */
.workorder{
  width: 100%;
  padding: 0rpx 40rpx 0rpx 20rpx;
  position: fixed;
  top: 0rpx;
  left: 0rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  box-sizing: border-box;
}
.order{

padding: 0rpx 20rpx;

}
.order_box{
  width: 100%;
  background-color: #ffffff;
padding: 20rpx 20rpx;
box-sizing: border-box;
  margin-top: 20rpx;
  border-radius: 10rpx;
  /* box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1); */
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);

}
.order_title{
  padding-bottom:12rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1rpx solid #cccccc;
}
.order_title1{
display: flex;
align-items: center;
}
.order_image {
  width: 60rpx;
  height: 60rpx;
  margin-right: 20rpx;
}
.order_direction{
  margin-top: 40rpx;

}
.order_text{
  color: #cccccc;
}
.order_address{
margin-top: 20rpx;
}
.order_time{
margin-top: 20rpx;
padding: 0rpx 20rpx;
display: flex;
justify-content: space-between;
}
.order_bottom{
  display: flex;
  align-items: center;
  justify-content:space-between;
}
.order_view{
margin-top: 20rpx;
padding: 10rpx 20rpx;
color: #ffffff;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
text-align: right;
border-radius:50rpx;
background-color: #00C775;
}
