.menu-wrapper .wrap{width:1226px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100vh - 398px)}.menu-wrapper .wrap .menu-wrap{width:234px;padding:36px 0;background-color:#fff;border-right:1px solid #e6e6e6;font-weight:700}.menu-wrapper .wrap .menu-wrap .menu-group{margin:0 48px 12px}.menu-wrapper .wrap .menu-wrap .menu-group .title{font-size:16px;font-weight:400;line-height:52px;color:#333}.menu-wrapper .wrap .menu-wrap .menu-group .menu-list .menu{padding:6px 0;color:#757575;cursor:pointer}.menu-wrapper .wrap .menu-wrap .menu-group .menu-list .menu:hover{color:#333}.menu-wrapper .wrap .menu-wrap .menu-group .menu-list .menu.active{color:#ff6700}.menu-wrapper .wrap .menu-wrap .el-menu-vertical-demo{border-right:none}.menu-wrapper .wrap .menu-wrap .el-submenu .el-menu-item{font-weight:400}.menu-wrapper .wrap .main-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:14px;background-color:#fff;padding:36px 48px}.el-menu-item.is-active{color:var(--ThemeColor,#ff6701)}.filter-wrap,.filter-wrap .status-wrap,.order-wrap .order .header-wrap .bottom,.order-wrap .order .header-wrap .bottom .left,.order-wrap .order .header-wrap .top,.order-wrap .order .main-wrap .left .goods{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-wrap{padding:0 0 16px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-wrap .status-wrap .status{font-size:16px;line-height:1.25;padding:0 20px;border-left:1px solid #e0e0e0;color:#757575;cursor:pointer}.filter-wrap .status-wrap .status:first-child{border-left:none;padding-left:0}.filter-wrap .status-wrap .status:hover{color:#333}.filter-wrap .status-wrap .status.active{color:#ff6700}.order-wrap{min-height:200px}.order-wrap .more{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#9093b3;margin:10px 0}.order-wrap .more:hover{color:#ff6700}.order-wrap .order{border:1px solid #b0b0b0;margin-bottom:20px}.order-wrap .order.warning{border-color:#ff6700}.order-wrap .order.warning .header-wrap{background-color:rgba(255,103,0,.1)}.order-wrap .order.warning .header-wrap .status{color:#ff6700}.order-wrap .order.warning .header-wrap .top .superscript .gradual{background:linear-gradient(135deg,#f2270c 50%,transparent 0)}.order-wrap .order.warning .header-wrap .top .superscript .desc{color:#fff}.order-wrap .order.green{border-color:#83c44e}.order-wrap .order.green .header-wrap{background-color:rgba(131,196,78,.1)}.order-wrap .order.green .header-wrap .status{color:#83c44e}.order-wrap .order.green .header-wrap .top .superscript .gradual{background:linear-gradient(135deg,#67c23a 50%,transparent 0)}.order-wrap .order.green .header-wrap .top .superscript .desc{color:#fff}.order-wrap .order .header-wrap{border-bottom:1px solid #e0e0e0}.order-wrap .order .header-wrap .top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:20px}.order-wrap .order .header-wrap .top .superscript{top:0;left:0;width:55px;height:55px;overflow:hidden;margin-top:35px}.order-wrap .order .header-wrap .top .superscript .gradual{width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,69%,.5019607843137255) 50%,transparent 0)}.order-wrap .order .header-wrap .top .superscript .desc{position:absolute;z-index:1;color:#303133;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);font-size:10px;margin-top:-45px}.order-wrap .order .header-wrap .top .btn-delete{margin-top:15px;margin-right:-15px;cursor:pointer;padding:0 30px}.order-wrap .order .header-wrap .top .btn-delete .i-delete{font-size:24px;color:#303133;opacity:0}.order-wrap .order .header-wrap .bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px;min-height:37px}.order-wrap .order .header-wrap .bottom .left{color:#757575;max-width:600px}.order-wrap .order .header-wrap .bottom .left .separator{color:#e0e0e0;margin:0 .5rem}.order-wrap .order .header-wrap .bottom .left .orderno{display:inline-div}.order-wrap .order .header-wrap .bottom .left .orderno:hover{color:#ff6700}.order-wrap .order .header-wrap .bottom .right .desc{color:#757575}.order-wrap .order .header-wrap .bottom .right .amount{font-size:28px;color:#333;margin-right:5px}.order-wrap .order .main-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 30px;padding-bottom:0}.order-wrap .order .main-wrap .left{padding:10px 0;max-height:252px;overflow:hidden}.order-wrap .order .main-wrap .left .goods .thumb{width:80px;height:80px}.order-wrap .order .main-wrap .left .goods .detail{margin-left:20px;color:#333;line-height:18px;width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-wrap .order .main-wrap .left .goods .detail .name{color:#333;display:inline-div;cursor:pointer}.order-wrap .order .main-wrap .left .goods .detail .name:hover{color:#ff6700}.order-wrap .order .main-wrap .left .goods .detail .name span{color:#909399;margin-left:10px}.order-wrap .order .main-wrap .left .goods .detail .name .product-tag{border-radius:10px;background-color:#67c23a;color:#f5f5f5;padding:0 10px;font-size:12px}.order-wrap .order .main-wrap .left .goods .detail .name .product-tag.isjd{background-color:#ff5933}.order-wrap .order .main-wrap .left .goods .detail .more{font-size:13px}.order-wrap .order .main-wrap .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-wrap .order .main-wrap .right .btn{border:1px solid #b0b0b0;background-color:#fff;color:#757575;width:130px;height:28px;font-size:13px;line-height:28px;text-align:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:10px}.order-wrap .order .main-wrap .right .btn.btn-primary{background-color:#ff6700;color:#fff;border-color:#ff6700}.order-wrap .order .main-wrap .right .btn.btn-primary:hover{background-color:#ff6700;color:#fff;border-color:#ff6700;opacity:.9}.order-wrap .order .main-wrap .right .btn:hover{color:#fff;background-color:#757575;border-color:#757575}.order-wrap .order .main-wrap .right .btn.btn-a{padding:2px 5px;border-radius:3px;margin-right:3px}.order-wrap .order:hover .header-wrap .top .btn-delete .icon{opacity:1}