/* 订单 */ .order-item{ background: #FFFFFF; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; padding: 25rpx 31rpx; margin: 30rpx; } .order-item-header{ justify-content: space-between; padding-bottom: 26rpx; border-bottom: 1rpx solid #E6E6E6; } .order-time{ line-height: 41rpx; font-size: 32rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #242323; } .order-state{ width: 92rpx; height: 36rpx; line-height: 36rpx; border-radius: 5rpx 5rpx 5rpx 5rpx; opacity: 1; border: 2rpx solid #EB5C20; text-align: center; color: #EB5C20; } .order-item-body{ padding: 10rpx 0 0; } .order-item-body2{ padding-top: 20rpx; border-top:1rpx solid #E6E6E6;; } .order-item-body2 .order-item-content-label{ } .images-box{ /* justify-content: space-between; */ } .images{ width: 193rpx; height: 193rpx; background: #E6E6E6; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; margin-right: calc((100% - (3 * 193rpx)) / 2); margin-bottom: 20rpx; } .images:nth-child(3n){ margin-right: 0; } .video{ width: 100%;height: 300rpx;border-radius: 10rpx;overflow: hidden; position: relative; } .play-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100rpx; height: 100rpx; } .order-item-content{ margin: 20rpx 0; justify-content: space-between; } .order-item-content-label{ line-height: 41rpx; font-size: 28rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #A8A5A5; margin-right: 20rpx; } .order-item-content-data{ line-height: 41rpx; font-size: 28rpx; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #242323; text-align: right; } .order-btns{ justify-content: flex-end; margin-top: 20rpx; padding-top: 20rpx; border-top: 1rpx solid #E6E6E6; } .order-btn{ line-height: 56rpx; background: #EB5C20; border-radius: 73rpx 73rpx 73rpx 73rpx; opacity: 1; padding: 0 23rpx; margin-left: 20rpx; font-size: 28rpx; font-weight: normal; color: #FFFFFF; } /* 弹窗 */ .nodata-icon{ width: 96rpx; height: 103rpx; opacity: 1; margin:35rpx auto 0; } .nodata-note{ margin-top: 35rpx; margin-bottom: 77rpx; font-size: 28rpx; color: #666464; font-weight: 400; text-align: center; line-height: 41rpx; } .pop-btns{ justify-content: space-between; } .pop-btns .btn{ width: 301rpx; height: 76rpx; line-height: 76rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; border: 2rpx solid #EB5C20; color: #EB5C20; font-weight: 500; font-size: 28rpx; text-align: center; } .pop-btns .btn2{ width: 301rpx; height: 76rpx; line-height: 76rpx; background: #EB5C20; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; border: 2rpx solid #EB5C20; color: #fff; font-weight: 500; font-size: 28rpx; text-align: center; }