.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)}.progress-wrap .progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-wrap{padding-bottom:40px}.progress-wrap .progress{width:700px;height:20px;line-height:20px;border-radius:20px;font-size:14px;background-color:#eee;margin:0 auto}.progress-wrap .progress .item{width:176px;height:20px;text-align:center;position:relative}.progress-wrap .progress .item:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.progress-wrap .progress .item.active{background-color:#83c44e}.progress-wrap .progress .item.active .name{color:#fff}.progress-wrap .progress .item.last{border-top-right-radius:20px;border-bottom-right-radius:20px}.progress-wrap .progress .item .name{color:#333;font-size:16px}.progress-wrap .progress .item .time{position:absolute;top:100%;left:0;right:0;margin-top:15px;color:#757575}.track{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.track .track-lcol{width:685px;float:left;padding:50px 20px 20px}.track .track-lcol .p-item{display:inline-block;display:block;margin-bottom:30px;background:url(//misc.360buyimg.com/user/order/0.0.1/css/i/pimg-bg.png) 50px top no-repeat}.track .track-lcol .p-item .p-info{float:left;margin:10px 0 0;line-height:25px;color:#333;word-break:break-all;padding-left:50px}.track .track-rcol{float:left;border-left:1px solid #eee;max-height:30vh;overflow:auto;padding-left:20px;width:100%}.goods-wrap .goods,.order-header .btn-wrap,.other-details .item,.total-amount .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e0e0e0}.order-header .orderno{font-size:18px;color:#333}.order-header .btn-wrap .btn{margin-left:10px;width:118px;height:28px;line-height:28px;font-size:12px;text-align:center;cursor:pointer;color:#757575;border:1px solid #757575;-webkit-transition:all .3s;transition:all .3s}.order-header .btn-wrap .btn.btn-primary,.order-header .btn-wrap .btn.btn-primary:hover{background-color:#ff6700;color:#fff;border-color:#ff6700}.order-header .btn-wrap .btn.btn-primary:hover{opacity:.9}.order-header .btn-wrap .btn:hover{color:#fff;background-color:#757575;border-color:#757575}.order-status{color:#b0b0b0;font-size:18px;margin:25px 0}.order-status.warnging{color:#ff6700}.order-status.green{color:#83c44e}.goods-wrap{margin-top:20px;font-size:14px}.goods-wrap .express-wrap{line-height:30px}.goods-wrap .express-wrap .item{font-size:18px;color:#757575;font-weight:700}.goods-wrap .express-wrap .link{cursor:pointer;margin-right:10px}.goods-wrap .express-wrap .link .icon{font-size:11px;margin-left:2px}.goods-wrap .express-wrap .link:hover{color:#ff6700}.goods-wrap .goods{color:#333;border-bottom:1px solid #e0e0e0}.goods-wrap .goods .thumb{width:80px;height:80px}.goods-wrap .goods .name{color:#333;margin-left:20px;width:300px;padding-right:20px;text-overflow:ellipsis;overflow:hidden}.goods-wrap .goods .name:hover{color:#ff6700}.goods-wrap .goods .name .product-tag{border-radius:10px;background-color:#67c23a;color:#f5f5f5;padding:0 10px;font-size:12px}.goods-wrap .goods .name .product-tag.isjd{background-color:#ff5933}.goods-wrap .goods .skuName{padding-left:15px;color:#757575;width:300px;text-overflow:ellipsis;overflow:hidden}.goods-wrap .goods .skuName:hover{color:#ff6700}.goods-wrap .goods .subtotal{width:150px;text-align:center}.goods-wrap .goods .order-desc{width:100px;text-align:right;color:#b0b0b0;font-weight:bolder;margin-left:50px}.goods-wrap .goods .order-desc.warnging{color:#ff6700}.goods-wrap .goods .order-desc.green{color:#83c44e}.goods-wrap .goods .logistics-btn{width:150px;text-align:right}.goods-wrap .goods .logistics-btn .btn{cursor:pointer;margin-left:20px;border:1px solid #757575;color:#757575;border-radius:5px;padding:2px 10px;font-size:10px}.goods-wrap .goods .logistics-btn .btn:hover{background-color:#757575;border-color:#757575;color:#fff;opacity:.9}.other-details{min-height:120px;padding:30px 0 12px;border-bottom:1px solid #e0e0e0}.other-details .detail-title{margin-bottom:15px;font-size:18px;color:#333}.other-details .item{color:#757575;font-size:14px}.other-details .item .name{font-weight:700;padding:3px 0;padding-right:.3em}.total-amount{padding-top:30px}.total-amount .item{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:5px 0}.total-amount .item .name{color:#757575}.total-amount .item .value{min-width:120px;text-align:right;color:#ff6700}.total-amount .item .pay-amount{font-size:30px}