/* 点餐系统 */
/* 首页 */
.index-box{width: 100%;height: 100vh;background-color: #f6f6f6;}
.index-box .index-banner{position: absolute; width: 100%; height: 8.42rem; left: 0; top: 0; z-index: 1;}
.index-box .index-banner img{width: 100%;}
.index-box .index-content{position: relative;z-index: 2;width: 100%;padding: 7.6rem 15px 0 15px;}
.index-box .index-content .box{width: 100%;background-color: #fff;border-radius: 10px;display: flex;padding: 20px 0 30px 0;}
.index-box .index-content .box .item{width: 100%;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.index-box .index-content .box .item img{width: auto;height: 1.8rem;}
.index-box .index-content .box .item h1{font-size: 20px;color: #000;line-height: 1.8;}
.index-box .index-content .box .item p{font-size: 12px;color: rgba(86,146,177,.8);}
.index-navbar.order .navbar-item .iconfont{margin-bottom: 5px;}

/* 点单 */
.order-food{width: 100%;height: 100vh;}
.order-food .header{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding:0 10px; background-color: #fff; height:75px; border-bottom: 1px solid #eaeaea;position: fixed;left: 0;top: 0;z-index: 10;}
.order-food .header .left{display: flex;flex-direction: column;}
.order-food .header .left .store-name{font-size: 15px; margin-bottom: 5px;}
.order-food .header .left .store-name .iconfont{color: #44a9f7;font-size: 17px;}
.order-food .header .left .store-name .len-num{font-size: 13px; color:#999;}
.order-food .header .left .distance{display: flex; justify-content: flex-start; align-items: center; color: #000; font-size: 12px;}
.order-food .header .left .distance .iconfont{color: #44a9f7; line-height: 100%;}
.order-food .header .right{background-color: #f5f5f5; border-radius: 20px; display: flex; align-items: center; font-size: 12px; padding: 0 20px; color: #919293;}
.order-food .header .right .item{ height: 100%; flex: 1;display: flex;align-items: center;}
.order-food .header .right .item:last-of-type{margin-left: 10px; padding: 7px 0;}
.order-food .header .right .item.active{padding: 7px 20px; color: #fff; background-color: #44a9f7; border-radius: 20px;}
.order-food .header .right .item:first-of-type.active{margin-left: -20px;}
.order-food .header .right .item:last-of-type.active{margin-right: -20px;}
.order-food .content-box{width: 100%;height: calc(100% - 80px);display: flex;}
.order-food .menus{width: 100px; height: 100%; background-color: #f5f5f5;padding-bottom: 140px; position: fixed;left: 0;top: 75px;}
.order-food .menus .wrapper{width: 100px; height: 100%; overflow-y: scroll;}
.order-food .menus .wrapper::-webkit-scrollbar { width: 0;}
.order-food .menus .menu { display: flex; align-items: center; flex-direction: column;justify-content: center;
text-align: center; height: 80px;  padding: 15px 10px; font-size: 13px; color: #999; position: relative;}
.order-food .menus .menu.current{background-color: #fff; color:#44a9f7;}
.order-food .menus .menu.current::before{content: ""; position: absolute; background-color: #44a9f7; width: 3px; height: 100%; top:0; z-index: 10; left:0}
.order-food .goods {background-color: #fff;padding-bottom: 140px;padding-left: 115px;padding-top:90px;padding-right: 15px;}
.order-food .goods .wrapper { width: 100%; height: 100%; }
.order-food .goods .wrapper::-webkit-scrollbar { width: 0;}
.order-food .goods .wrapper .ads-banner {  width: 100%;margin-bottom: 10px; }
.order-food .goods .wrapper .ads-banner img { width: 100%; height: 100%; border-radius: 8px; }
.order-food .goods .wrapper .list { width: 100%; font-size: 14px;padding: 0;border-bottom: none; }
.order-food .goods .wrapper .list .title {font-size: 14px;font-weight: 700; padding: 5px 0 0 5px; color: #000; }
.order-food .goods .wrapper .list .good { padding: 10px 0;display: flex;}
.order-food .goods .wrapper .list .good .pic-box { width: 100px; border-radius: 10px;position: relative; }
.order-food .goods .wrapper .list .good .pic-box img{width: 100%;}
.order-food .goods .wrapper .list .good .pic-box .tag{font-size: 12px;position: absolute;left: 3px;top: 3px;}
.order-food .goods .wrapper .list .good .pic-box .tag span{background-color: #44a9f7; color: #fff;border-radius: 3px; padding: 0 5px; line-height: 20px; display: block; margin-right:3px;}
.order-food .goods .wrapper .list .good .pic-box .tag .new{background: #18a689;}
.order-food .goods .wrapper .list .good .cont-box { flex: 1; height: 100%; padding-left: 10px; display: flex; flex-direction: column;}
.order-food .goods .wrapper .list .good .cont-box .name { font-size: 16px; width: 100%; font-weight: 700;color: #333; margin-bottom: 5px; }
.order-food .goods .wrapper .list .good .cont-box .tag {display: inline-block; line-height: 20px;padding: 0 5px; font-size: 12px;background-color: #dceffd;color: #44a9f7; margin-bottom: 5px; border-radius: 3px;}
.order-food .goods .wrapper .list .good .cont-box .sales{color: #999;margin-bottom: 5px;}
.order-food .goods .wrapper .list .good .cont-box .bottom{padding-top:10px;}
.order-food .goods .wrapper .list .good .cont-box .price_and_action{display: flex;align-items: center;justify-content: space-between;}
.order-food .goods .wrapper .list .good .cont-box .price { font-size:17px; font-weight: 600; color: #000 }
.order-food .goods .wrapper .list .good .cont-box .property_btn { width:60px;height:27px;border-radius: 5px; font-size: 13px;background-color: #44a9f7;color: #fff; display: flex; justify-content:center;align-items: center }
.order-food .goods .wrapper .list .good .cont-box .select_product_btn{width:27px; height: 27px; background: #44a9f7; color:#fff; border-radius:50%;  display: flex; justify-content:center;align-items: center}
/* 弹窗遮罩层 */
.popup-layer { position: fixed; z-index: 70; background: rgba(0,0,0,.3); height: 100%; width: 100%; top: 0; left: 0; overflow: hidden;display: none; }
/* 规格弹窗 */
.category-popup{position: fixed; z-index:78;top: 15vh;height: 70vh; left: 50%;transform: translateX(-50%);display: none;}
.category-popup.show{display: block;}
.category-popup .box{width: 90vw;height:calc(100% - 60px) ; border-radius: 10px;background-color: #fff;margin-bottom: 10px;}
.category-popup .box .title{line-height: 50px;color: #333;text-align: center;font-weight: 700;font-size: 20px;margin-bottom:10px;}
.category-popup .box .category-box{padding: 0 10px;height:calc(100% - 180px) ;overflow-y: scroll;margin-bottom: 10px;}
.category-popup .box .category-box .tit{font-size: 14px;padding-bottom: 2px;}
.category-popup .box .category-box ul{margin-bottom: 20px;}
.category-popup .box .category-box ul::-webkit-scrollbar { height: 0;}
.category-popup .box .category-box ul li{display: inline-block;padding: 0 10px;border-radius: 5px;line-height: 30px;border: 1px solid #eee;color: #777;font-size: 14px; margin:8px 10px 0 0;}
.category-popup .box .category-box ul li.active{background-color: #F4FCFF;border: 1px solid #40A0F6;color: #40A0F6;}
.category-popup .box .result-box{width: 100%;height: 40px;padding: 0 10px;background-color: #F5F5F5;color: #666;display: flex;align-items: center; font-size: 14px;}
.category-popup .box .result-box .result{color: #333;}
.category-popup .box .btn-line{width: 100%;height: 70px;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;}
.category-popup .box .btn-line .price{color: #333;font-size: 16px;font-weight: 700;}
.category-popup .box .btn-line .price span{color: #FF4000;}
.category-popup .box .btn-line .price em{font-style: normal;}
.category-popup .box .btn-line .add-btn{ width: 123px; height: 40px; border-radius: 5px; padding: 0; display: flex;align-items: center; justify-content: center;
    color: #fff;background-color: #02B6FD;font-size: 16px;}
.category-popup .close{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;color: #fff;}
.category-popup .close span{font-size: 36px;}
/* 购物车悬浮 */
.cart-box{ position: fixed; bottom: 65px; left: 15px; right: 15px; z-index: 200 }
.cart-box .cart-panel{height: 48px; border-radius: 24px; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background-color: #fff; display: flex; align-items: center; justify-content: space-between; }
.cart-box .cart{display: flex; align-items: center; justify-content: space-between; flex: 1;}
.cart-box .cart-img{ width: 48px; height: 48px;font-size: 48px; position: relative;color: #4dcced; }
.cart-box .mark{ padding-left: 23px; margin-right: 15px; position: relative }
.cart-box .mark .tag{ background-color: #44a9f7; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; position: absolute;
    right: -5px; top: 5px; border-radius: 100%; padding: 2px; width: 20px; height: 20px; opacity: .9 }
.cart-box .price{ flex: 1; color: #000;font-size: 16px; height: 48px; line-height: 48px;}
.cart-box .price span{color: #e25730;}
.cart-box .price em{font-style: normal;}
.cart-box .pay-btn{ height: 100%; padding: 0 20px; color: #fff; border-radius: 0 25px 25px 0; display: flex; align-items: center; font-size: 14px;
    background-color: #44a9f7; }
/* 购物车弹窗 */
.cart-popup{ position: fixed;left: 0;bottom: 0; z-index: 78; background: #fff; transition: all .3s ease; overflow: hidden; box-sizing: border-box;width: 100%;
    transform: translateY(100%);height: 55vh;border-radius: 10px 10px 0 0 ;overflow: hidden;}
.cart-popup.show{ transform: translateY(0%);}
.cart-popup .top {  color: #5a5b5c;height: 40px; padding: 0 15px;font-size: 14px;display: flex;align-items: center;justify-content: space-between;}
.cart-popup .top .tit{color: #000;font-size: 16px;}
.cart-popup .top .clear{background-color: transparent;color: #999;}
.cart-popup .cart-list { background-color: #fff; width: 100%; height: 100%;padding-bottom: 170px }
.cart-popup .cart-list .wrapper { height: 100%; display: flex; flex-direction: column; padding: 0 15px; overflow-y: scroll;}
.cart-popup .cart-list .wrapper .no-msg-tip{padding-top:1.4rem;}
.cart-popup .cart-list .wrapper .item { display: flex;align-items: center; padding: 15px 0; position: relative }
.cart-popup .cart-list .wrapper .item .pic{width: 70px;height: 70px;}
.cart-popup .cart-list .wrapper .item .cont-box { width: calc(100% - 70px); display: flex; flex-direction: column; overflow: hidden; padding-left: 15px }
.cart-popup .cart-list .wrapper .item .cont-box .name { font-size: 14px; color: #222; margin-bottom: 5px;}
.cart-popup .cart-list .wrapper .item .cont-box .props { color: #777; font-size: 13px;margin-bottom: 5px; min-height: 17px;}
.cart-popup .cart-list .wrapper .item .cont-box .btn-line{display: flex;align-items: center;justify-content: space-between;}
.cart-popup .cart-list .wrapper .item .cont-box .price{color: #e25730; font-size: 15px;}
.cart-popup .cart-list .wrapper .item .cont-box .btn-box{display: flex;}
.cart-popup .cart-list .wrapper .item .cont-box .btns { width: 23px; height: 23px; border-radius: 100%; padding: 0; display: flex;align-items: center; justify-content: center;
    border: 1px solid #44a9f7; color: #44a9f7;background-color: #fff;}
.cart-popup .cart-list .wrapper .item .cont-box .btns.jia{background-color: #44a9f7;color: #fff;}
.cart-popup .cart-list .wrapper .item .cont-box .number { font-size: 14px; width: 40px; height: 23px; text-align: center; line-height: 23px }

/* 商品详情 */
.goods-details .goods-banner{width: 100vw;height: 100vw;}
.goods-details .goods-banner img{width: 100%;height: 100%;object-fit: cover;}
.goods-details .title-box{padding: 10px;border-bottom: 10px solid #F5F5F5;background-color: #fff;}
.goods-details .title-box .name { font-size: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-weight: 700;color: #333; margin-bottom: 5px; }
.goods-details .title-box .sales{color: #999;margin-bottom: 5px;font-size: 14px;}
.goods-details .title-box .price_and_action{display: flex;align-items: center;justify-content: space-between;}
.goods-details .title-box .price { font-size:18px; font-weight: 600; color:#FC4F46;}
.goods-details .title-box .property_btn { width:120px;height:35px;border-radius: 5px; font-size: 15px;background-color: #44a9f7;
    color: #fff; display: flex; justify-content:center;align-items: center }
.goods-details .details-box {padding: 0;padding-bottom: 100px; margin:0;}
.goods-details .details-box .title{line-height: 50px;font-size: 16px;font-weight: 700;color: #333;padding: 0 10px;}
.goods-details .details-box .content-box{padding: 10px;font-size: 14px;line-height: 1.6;}
.cart-box.details{bottom: 10px;}
.cart-popup.details .cart-list{padding-bottom: 110px;}

/* 店铺列表 */
.shop-box{ padding: 15px;}
.shop-box .search-box{display: flex;align-items: center;justify-content: space-between;}
.shop-box .search-box .search{ height: 40px;padding: 0 9px;flex: 1;display: flex;align-items: center;justify-content:center;background-color: #ffffff;
    border-radius: 50px;box-shadow: 1px 0px  6.51px 0.49px rgba(0,0,0,.1);}
.shop-box .search-box .search .iconfont{font-size: 15px;color: #000;}
.shop-box .search-box .search input{height: 40px;flex: 1; font-size: 14px; line-height: 1; margin: 0 5px;}
.shop-box .search-box .search-btn{width: 70px; line-height: 38px; border-radius: 10px; background-color: #44a9f7; margin-left: 15px; color: #fff; font-size: 14px; text-align: center;}
.shop-box .drink-shop-list{padding:10px 0 0;}
.shop-box .drink-shop-list .item{display: flex; padding: 20px 0; border-bottom: 1px solid #ebebeb;}
.shop-box .drink-shop-list .item .left{width: 60%; padding-left: 3px; border-right: 1px solid #ebebeb;}
.shop-box .drink-shop-list .item .left .title { font-size: 16px; color: #000; font-weight: 700; padding-bottom: 5px; }
.shop-box .drink-shop-list .item .left .cont-line{display: flex; align-items: baseline; font-size: 12px; color: #5d5d5d; line-height: 1.7; margin-top: 10px;}
.shop-box .drink-shop-list .item .left .cont-line .iconfont{color: #5d5d5d;font-size: 12px;}
.shop-box .drink-shop-list .item .left .cont-line .text{flex: 1;padding-left: 5px;}
.shop-box .drink-shop-list .item .right{width: 40%; display: flex; text-align: center; flex-direction: column; justify-content: space-between;}
.shop-box .drink-shop-list .item .right .far{font-size: 16px;line-height: 1.4;}
.shop-box .drink-shop-list .item .right .num{font-size: 12px;}
.shop-box .drink-shop-list .item .right .btn-box{display: flex;justify-content: space-between; padding: 0 20px;}
.shop-box .drink-shop-list .item .right .btn-box .btns{width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; color: #52b0f8; background-color: #ecf6fe;
    font-size: 17px; padding: 0; border: none; }

/* 取餐 */
.take-food{padding: 10px;background-color: #f6f6f6; }
.take-food .box{background-color: #fff;margin-bottom: 5px;}
.take-food .section{position: relative;border-bottom: 1px solid #f1f1f1;  font-size: 14px;color: #5A5B5C; padding: 15px 15px;}
.take-food .section::before { content: ""; position: absolute; background-color: #f6f6f6; width: 15px; height: 15px; bottom: -7.5px; z-index: 10; border-radius: 100%; left: -7.5px }
.take-food .section::after { content: ""; position: absolute; background-color: #f6f6f6; width: 15px; height: 15px; bottom: -7.5px; z-index: 10; border-radius: 100%; right: -7.5px }
.take-food .section .sTit{font-weight: bold; font-size: 15px; padding-bottom:10px;}
.take-food .section .pay_clock_time{padding-top:0.2rem; font-size: 15px;}
.take-food .box .shop-line{font-size: 16px; color: #5A5B5C; padding: 13px 15px;    width: 100%; box-sizing: border-box; overflow: hidden; display: flex; align-items: center;justify-content: space-between;color: #5a5b5c;border-bottom: 1px solid #f1f1f1;}
.take-food .box .shop-line .btn-box{display: flex;}
.take-food .box .shop-line .btn-box .btns{margin-left: 20px;color: #44a9f7;}
.take-food .box .shop-line .btn-box .iconfont{font-size: 24px;}
.take-food .box .sort-num{ font-size: 32px; font-weight: 700; color: #5a5b5c; line-height: 1.6;text-align: center;}
.take-food .box .steps{padding: 0 10%;display: flex;position: relative; margin-bottom:30px;}
.take-food .box .steps .steps-item{width: 33%;text-align: center;position: relative;}
.take-food .box .steps .steps-item .icon-box{ margin: 10px 0;color: #929292;}
.take-food .box .steps .steps-item .icon-box .iconfont{font-size: 26px;}
.take-food .box .steps .steps-item .text{background-color: #fff;position: relative;width: 60%;margin: 0 auto; z-index: 3;}
.take-food .box .steps::after{content: "";width: 50%;left: 50%;transform: translateX(-50%);border-bottom: 1px solid #919293;position: absolute;bottom: 9px;z-index: 2;}
.take-food .box .steps .steps-item.active .icon-box{color: #44a9f7;}
.take-food .box .steps .steps-item.active .text{font-weight: 700;}
.take-food .box .tips{text-align: center;margin-top: 20px;margin-bottom: 60px; color: #919293;}
.take-food .box .tips span{color: #5e8390;}
.take-food .box .name-line{display: flex;align-items: center;justify-content: space-between; margin-bottom: 20px;font-size: 14px;color: #5a5b5c;}
.take-food .box .name-line .name{width: 60%; color: #5a5b5c;font-size: 16px;}
.take-food .box .name-line .num{width: 20%;}
.take-food .box .cont{font-weight: 700;}
.pay-cell{display: flex;justify-content: space-between; font-size: 14px; color: #5a5b5c;margin-bottom: 15px;}
.pay-cell:last-of-type{margin-bottom: 0;}
.take-food .section:last-child{border-bottom: none;}
.take-food .section:last-child::before{display: none;}
.take-food .section:last-child::after{display: none;}

/* 确认订单 */
.confirm-order{background-color: #f9f9f9;padding: 10px;padding-bottom: 55px;}
.confirm-order .a-info .top{line-height: 30px; padding:0.1rem 0 0; font-weight: bold;}
.confirm-order .a-info .top .name{padding-right:0.3rem;}
.confirm-order .a-info .i{color:#666; line-height:22px;padding-bottom:0.2rem;}
.confirm-order .box{background-color: #fff;width: 100%;margin-bottom: 10px;color: #5A5B5C;;}
.confirm-order .box .cell{display: flex;align-items: center;justify-content: space-between; border-bottom:1px solid #eee;min-height: 50px;padding: 0 15px;font-size: 14px; position: relative;}
.confirm-order .box .cell .tit{font-size: 16px;}
.confirm-order .box .cell .shop-len{font-size: 13px; color:#999;}
.confirm-order .box .type-con{background:#f2f2f2; }
.confirm-order .box .cell .tab-item{width: 50%;text-align: center;height: 100%;line-height: 50px;position: relative;background-color:#f2f2f2 ; color:#333;}
.confirm-order .box .cell .tab-item.active{background-color:#fff ;}
.confirm-order .box .cell .tab-item:first-child:after{right: -20px;}
.confirm-order .box .cell .tab-item:nth-child(2):after{left: -20px;}
.confirm-order .box .cell .tab-item::after{content: "";position: absolute;top: 0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom: 50px solid #f2f2f2;width: 0;height: 0; display: none;}
.confirm-order .box .cell .tab-item.active::after{display: block;}
.confirm-order .box .cell .arrow{color: #999; position: absolute; right:10px; top:16px;}
.confirm-order .box .cell .address{font-size: 14px;color: #999;}
.confirm-order .box .store-info{padding:10px 15px;}
.confirm-order .box .cell .distance{font-size: 14px;color: #999; text-align: right;}
.confirm-order .box .cell .ipt{flex:1; height: 100%; text-align: right; background: none; font-size: 14px;}
.confirm-order .box .cell .to_right{padding-right:12px;}
.confirm-order .layui-form-switch{margin-top: 0;}
.confirm-order .layui-form-onswitch{background-color: #44a9f7; border-color: #44a9f7;}
.confirm-order .good-line{display: flex;font-size: 15px; padding: 13px 15px 0; color:#333;}
.confirm-order .good-line .pic{width: 50px; height: 50px;}
.confirm-order .good-line .middle{flex: 1; margin:0 10px;}
.confirm-order .good-line .sku{color:#666; font-size: 13px; padding-top:3px;}
.confirm-order .good-line .right .num{font-size: 14px; padding-top:6px; text-align: right;}
.confirm-order .total-price{ text-align:right; padding: 13px 15px;border-top:1px solid #eee;font-size: 14px; color:#666; margin-top:13px; }
.confirm-order .total-price em{font-style: normal;}
.confirm-order .total-price em.totalPrice{font-size: 16px; color:#333; vertical-align:-1px;}
.confirm-order .total-price .total{padding-top:5px;}
.confirm-order .no-bb{border-bottom: none!important;}
.confirm-order .box .cell.pay .title {display: flex;align-items: center;}
.confirm-order .box .cell.pay .title .iconfont{font-size: 24px;margin-right: 10px;}
.confirm-order .box .cell.pay .title .icon-balance{color: #878889;}
.confirm-order .box .cell.pay .title .icon-weixinzhifu1{color: #7eb73a;}
.confirm-order .box .cell.pay input { width: 0.4rem; height: 0.4rem; vertical-align: middle; }
.layui-form-radio{margin: 0;padding: 0;}
.layui-form-radio>i{margin: 0;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color: #44a9f7;}
.confirm-order .box .text{padding:0 15px 10px;}
.confirm-order .box .remark{width: 100%;height: 80px;background-color: #f6f6f6;border-radius: 5px;padding: 10px;border: none; font-size: 14px;}
.confirm-order .bottom-box{display: flex;align-items: center;justify-content: space-between;padding: 0; padding-left: 15px;height:50px; font-size: 14px;color: #000;}
.confirm-order .pay-btn{width:88px ;height: 100%; color: #fff; background-color: #44a9f7;}

/* 订单详情 */
.take-food.order-details .box .name-line{margin-bottom: 0;}
.take-food.order-details .box .shop-line .btn-box .btns{color: #5b5b5b;}

/* 我的订单 */
.drink-tab-box{position: fixed;width: 100%;left: 0;top: 0;height: 40px;background-color: #ededed;display: flex; z-index: 101;}
.drink-tab-box .tab-item{width: 50%;position: relative;text-align: center;line-height: 40px;font-size: 16px;}
.drink-tab-box .tab-item.active{color: #44a9f7;}
.drink-tab-box .tab-item.active::after{content:"";position: absolute;bottom: 0;left:50%;width: 60px;transform: translateX(-50%); height: 3px;
background-color:#44a9f7;border-radius: 2px;}
.order-list-box{padding:40px 10px 10px;}
.order-list-box .order-item{padding: 0 15px 10px; margin-top:10px; background-color: #fff; border-radius: 6px; font-size: 14px;}
.order-list-box .order-item .order-top{ display: flex;align-items: center;justify-content: space-between;height: 40px; border-bottom: 1px solid #eee; margin-bottom: 10px;
    color: #000;}
.order-list-box .order-item .order-top .shop{color: #5a5b5c;display: flex;align-items: center;}
.order-list-box .order-item .order-top .type{  width: 30px; text-align: center; line-height: 18px; background-color: #44a9f7; color: #fff; font-size: 10px; margin-right: 5px; border-radius: 3px;}
.order-list-box .order-item .order-top .org{background: #f60;}
.order-list-box .order-item .goods-line{ display: flex;justify-content: space-between; margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #eee;}
.order-list-box .order-item .goods-line .left{width: 50px; height: 50px;}
.order-list-box .order-item .goods-line .pic{width:100%; height: 100%;}
.order-list-box .order-item .goods-line .middle{flex:1; margin:0 10px;}
.order-list-box .order-item .goods-line .middle .sku {color: #888;font-size: 13px;padding-top: 3px;}
.order-list-box .order-item .goods-line .right .num {font-size: 14px;padding-top: 6px;text-align: right; color:#888;}
.order-list-box .order-item .price-line{display: flex;align-items: center;justify-content: space-between; margin-bottom: 10px;font-size: 12px;}
.order-list-box .order-item .price-line .time{color: #919293;}
.order-list-box .order-item .price-line .price{color: #000;}
.order-list-box .order-item .price-line .price span{font-size: 16px;font-weight: 700;}
.order-list-box .order-item .btn-box{display: flex;justify-content: flex-end;}
.order-list-box .order-item .btn-box .btns{ width: 80px; text-align: center; line-height: 28px; border-radius: 20px; font-size: 13px; border: 1px solid #44a9f7; color: #44a9f7; background-color: #fff; padding: 0;margin-left: 10px;}
.order-list-box .order-item .btn-box .btns.receive{ background-color: #44a9f7; color: #fff;}
.order-list-box .order-item .btn-box .btns.cancel{ border: 1px solid #999; color: #999;}

.order-info-goods{padding:0 0 5px;}
.order-info-goods .goods-line{ display: flex;justify-content: space-between; margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #eee;}
.order-info-goods .goods-line .left{width: 50px; height: 50px;}
.order-info-goods .goods-line .pic{width:100%; height: 100%;}
.order-info-goods .goods-line .middle{flex:1; margin:0 10px;}
.order-info-goods .goods-line .middle .sku {color: #888;font-size: 13px;padding-top: 3px;}
.order-info-goods .goods-line .right .num {font-size: 14px;padding-top: 6px;text-align: right; color:#888;}
.order-info-goods .price{color: #000; text-align: right;}
.order-info-goods .price span{font-size: 16px;font-weight: 700;}

.drink-bottom-bar{height:46px;}
.drink-bottom-fixed{position: fixed;left: 0;bottom: 0;background-color: #fff;display: flex;justify-content:right; align-items: center; height: 46px; z-index: 9;width: 100%;color: #000;font-size: 0.28rem;}
.drink-bottom-fixed .btn{ width: 80px; text-align: center; line-height: 25px; border-radius: 20px; border: 1px solid #44a9f7; color: #44a9f7; background-color: #fff; padding: 0;margin-left: 10px; font-size: 13px;}
.drink-bottom-fixed .btn.receive{ background-color: #44a9f7; color: #fff;}
.drink-bottom-fixed .btn.cancel{ border: 1px solid #999; color: #999;}