page,
.content{background:#f8f8f8;height:100%}.swiper-box{height:calc(100% - 40px)}.list-scroll-content{height:100%}.navbar{display:flex;height:40px;padding:0 5px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.06);position:relative;z-index:10}.navbar .nav-item{position:relative;flex:1;display:flex;justify-content:center;align-items:center;height:100%;font-size:15px;color:#303133;position:relative}.navbar .nav-item .dian{position:absolute;top:20rpx;right:18rpx;width:30rpx;height:30rpx;border-radius:50%;background-color:red;color:#fff;font-size:24rpx;display:flex;align-items:center;justify-content:center}.navbar .nav-item.current{color:#24a17d}.navbar .nav-item.current:after{content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:44px;height:0;border-bottom:2px solid #24a17d}.uni-swiper-item{height:auto}.order-item{width:702rpx;background:#fff;box-shadow:0 0 20rpx 0 rgba(50,50,52,.06);border-radius:20rpx;margin:20rpx auto 0;padding:24rpx}.order-item .order-top-left{display:flex;align-items:center}.order-item .order-top-left .order-top-left-image{width:32rpx;height:37rpx}.order-item .order-top-left .order-top-left-font{margin-left:10rpx;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#333}.order-item .order-top-right{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#ff6f0f}.order-item .order-info{margin-top:24rpx;align-items:flex-start}.order-item .order-info .order-info-left{width:200rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666}.order-item .order-info .order-info-right{font-size:28rpx;font-family:PingFang SC;font-weight:700;color:#333}.order-item .order-info .order-info-picture{display:flex;justify-content:flex-end}.order-item .order-info .order-info-picture .order-info-picture-item{width:130rpx;height:130rpx;margin-left:10rpx}.order-item .order-info .order-info-picture .order-info-picture-item image{width:100%;height:100%}.order-item .order-btn-box{display:flex;justify-content:flex-end}.order-item .order-btn-box .order-btn{margin-top:34rpx;align-items:center;display:flex;justify-content:center;width:181rpx;height:63rpx;border:1rpx solid #c9c9c9;border-radius:15rpx}.order-item .order-btn-box .order-btn .order-btn-icon{width:38rpx;height:38rpx}.order-item .order-btn-box .order-btn .order-btn-font{margin-left:7rpx;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#666}.order-item .ordering{margin-top:30rpx;padding:30rpx 0 10rpx;border-top:1px solid #eaeced}.order-item .ordering .ordering-btn{display:flex;justify-content:center;margin:38rpx auto 0;width:566rpx;height:74rpx;background:#24a17d;border-radius:15rpx}.order-item .ordering .ordering-btn .ordering-btn-icon{width:32rpx;height:34rpx}.order-item .ordering .ordering-btn .ordering-btn-font{margin-left:14rpx;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff}.order-item .ordering .ordering-btnbox{margin-top:40rpx;display:flex;justify-content:space-between;align-items:center}.order-item .ordering .ordering-btnbox .ordering-btnbox-left{display:flex;flex-direction:column;align-items:center;line-height:1}.order-item .ordering .ordering-btnbox .ordering-btnbox-left .ordering-btnbox-left-icon{width:42rpx;height:42rpx}.order-item .ordering .ordering-btnbox .ordering-btnbox-left .ordering-btnbox-left-font{margin-top:10rpx;font-size:20rpx;font-family:PingFang SC;font-weight:500;color:#666}.order-item .ordering .ordering-btnbox .ordering-btnbox-right{display:flex;justify-content:center;align-items:center;width:556rpx;height:74rpx;background:#24a17d;border-radius:15rpx}.order-item .ordering .ordering-btnbox .ordering-btnbox-right .ordering-btnbox-right-font{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff}.uni-load-more{display:flex;flex-direction:row;height:80rpx;align-items:center;justify-content:center}@-webkit-keyframes load{0%{opacity:1}100%{opacity:.2}}