/* order.wxss */
 @import '../../style/iconfont/iconfont.wxss'; 

.nav_bar {
  display: flex;
  align-items: center;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99999;
}

.nav_bar .nav_item {
  flex: 1;
  text-align: center;
  line-height: 80rpx;
  position: relative;
  font-size: 28rpx;
}

.nav_bar .nav_item.active {
  color: #FFD101;
}

.nav_bar::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50vw;
  background-color: #FFD101;
  height: 6rpx;
  transition: all 0.2s ease;
  border-left: 10vw #fff solid;
  border-right: 10vw #fff solid;
  box-sizing: border-box
}

.nav_bar.active::after {
  left: 50vw;
}

.cancel_btn{
  padding: 10rpx 12rpx;
  border-radius: 6rpx;
  font-size: 28rpx;
  text-align: center;
  border: 1px solid #FFD101;
  color: #fff;
  background-color: #FFD101;
  margin-left: 150rpx;
  letter-spacing: 1px;
}
.cancel_btn2{
  border: 1px solid #fff;
  padding: 6rpx;
}



.order {
  position: relative;
  margin: 20rpx;
  background-color: #fff;
  /* border-radius: 4px; */
  border: #ddd 0.5px solid;
  box-shadow: 0 2rpx 10px rgba(0, 0, 0, 0.08);
  transition: all .2s ease;
   margin-top: 100rpx; 
   color: black;
   /* background-image:-webkit-linear-gradient(to top, #F36C49,#B2EBE7);
  background-image:linear-gradient(to top, #F36C49,#B2EBE7);
  color: #fff; */
}


.order_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rpx;
}

.order_status {
  color: #d31944;
}

.order_goods {
  display: flex;
  background-color: #FFF8F8;
}

 .goods_image > image {
  width: 160rpx;
  height: 160rpx;
  margin-right: 30rpx;
}

.goods_info {
  display: flex;
  flex-direction: column;
  margin-top: 10rpx;
}

.goods_count {
  color: rgb(102, 102, 102);
  margin-left: 130rpx;
  margin-right: 20rpx;
  font-size: 28rpx;
}

.order_footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20rpx;
  padding:20rpx 20rpx;
  border-top: 0.5px solid #eee;
  line-height: 14px;
  font-size: 14px;
  align-items: center;
}

.order_detail {
  display: flex;
  align-items: center;
  font-size: 28rpx;
  color: rgb(102, 102, 102)
}

.order_time{
  color: rgb(51, 51, 51)
}

.order_time text{
  margin-left: 20rpx;
  color: rgb(102, 102, 102)
}

.order_detail>.iconfont {
  font-size: 18rpx;
  margin-left: 10rpx;
}

.appointment_order{
   /* background-image:-webkit-linear-gradient(to top, #F36C49,#B2EBE7);
  background-image:linear-gradient(to top, #F36C49,#B2EBE7);
  color: #fff; */
  /* background-color: #eee;
  color: #fff;  */
}

.appointment_info{
  display: flex;
  flex-direction: column;
   justify-content: space-around; 
  font-size: 30rpx;
}

.appointment_footer{
  font-size: 28rpx;
}

/* .active{
  background-color: #fff;
  z-index: 100;
  transform: scale(1.05);
} */

.order_middle{
  display: flex;
  /* justify-content: flex-end; */
  justify-content: space-between;
   margin-right: 10rpx; 
  padding: 10rpx;
  margin-top: 10rpx;
}

.time_interval{
  margin-right: 20rpx;
  font-size: 28rpx;
  color:rgb(102, 102, 102);
}

.time_interval text{
  color:#DA1548;
  margin-left: 50rpx;
}

.order_color{
  background-color: #FFF8F8;
  padding: 20rpx;
}

.goods_name{
  color: rgb(102, 102, 102);
  font-size: 28rpx;
  margin-bottom: 10rpx;
  margin-left: 6rpx;
}

.goods_name2{
  color: rgb(102, 102, 102);
  font-size: 38rpx;
  margin-top: 28rpx;
  margin-left: 6rpx;
}

.goods_name text{
  color: rgb(51, 51, 51);
   margin-left: 22rpx; 
}

.order_num{
  font-size: 28rpx;
}

.ziti_text{
  font-size: 28rpx;
  color: rgb(102, 102, 102)
}

.total_price{
  font-size: 28rpx;
  color:rgb(102, 102, 102);
}