.user-side{margin-bottom:40px}.user-side .highlight{color:#f60}.user-side .user-container{background-color:#fff;width:240px;height:520px;display:flex;flex-direction:column;justify-content:center}.user-side .user-container .account-center,.user-side .user-container .order-center,.user-side .user-container .service-center,.user-side .user-container .user-center{margin-left:50px}.user-side .user-container .account-center h3,.user-side .user-container .order-center h3,.user-side .user-container .service-center h3,.user-side .user-container .user-center h3{font-size:16px;font-weight:400;line-height:52px;color:#333;margin:0;padding:0}.user-side .user-container .account-center ul .active a,.user-side .user-container .order-center ul .active a,.user-side .user-container .service-center ul .active a,.user-side .user-container .user-center ul .active a{color:#f60}.user-side .user-container .account-center ul li,.user-side .user-container .order-center ul li,.user-side .user-container .service-center ul li,.user-side .user-container .user-center ul li{padding:6px 0}.user-side .user-container .account-center ul li a,.user-side .user-container .order-center ul li a,.user-side .user-container .service-center ul li a,.user-side .user-container .user-center ul li a{color:#757575}.order-detail{background-color:#f5f5f5}.order-detail .crumb{padding:10px 0;display:flex;align-items:center;height:30px}.order-detail .container{width:1200px;margin:0 auto;display:flex;flex-direction:column}.order-detail .container .order-detail-body{display:flex;justify-content:space-between;margin-bottom:40px}.order-detail .container .order-detail-body .order-detail-content{margin-bottom:40px;background-color:#fff;width:950px}.order-detail .container .order-detail-body .order-detail-content .wrap{margin-top:20px;margin-left:25px}.order-detail .container .order-detail-body .order-detail-content .wrap .line{margin-bottom:20px;border-bottom:2px solid #f8f8f8}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-title h1{margin:0;font-size:30px;font-weight:400;line-height:68px;color:#757575}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-title .order-status{margin-bottom:5px;display:flex;justify-content:space-between}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-title .order-status .subtitle{font-size:18px;font-weight:400;color:#333}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-title .order-status .flex-list{display:flex;justify-content:flex-start;margin-right:20px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-title .order-status .flex-list .list{margin-right:20px;margin-bottom:10px;height:30px;line-height:30px;text-align:center;color:#fff;width:120px;background-color:#f60;cursor:pointer}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-title .order-status .flex-list .list:first-child{background-color:#999}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body{display:flex;flex-direction:column}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-status{font-size:18px;color:#f60;margin-bottom:30px;margin-left:10px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-progress{margin-left:-30px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-progress .order-progress{height:65px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-progress .order-progress .progress-list{width:880px;height:20px;margin:0 auto;padding:0;list-style-type:none;border-radius:20px;font-size:12px;line-height:20px;text-align:center;color:#424242;background-color:#eee;display:flex;justify-content:space-between}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-progress .order-progress .progress-list li{flex:1}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-progress .order-progress .progress-list li .info{height:40px;line-height:40px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-list{margin-left:5px;color:#333;font-size:15px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-list ul li{display:flex;flex-direction:row;align-items:center}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-list ul li .list-img{width:100px;height:100px;margin-right:50px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-list ul li .list-img img{width:100%;height:100%}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-list ul li .list-title{margin-right:50px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-list ul .line{margin-top:20px;margin-bottom:20px;border-bottom:2px solid #f8f8f8}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-name,.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-pay{display:flex;flex-direction:column;justify-content:flex-start;margin-left:5px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-name .title,.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-pay .title{font-size:1.5rem;color:#333;margin-bottom:15px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-name .list,.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-pay .list{font-size:15px;color:#757575;margin:5px 0}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-name .list:last-child,.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-pay .list:last-child{margin-bottom:20px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-total{padding:30px 44px 10px 10px;text-align:right;font-size:16px;color:#666}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-total .item-val{color:#ff6700}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-total .item{line-height:15px;margin-bottom:12px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-total .item-val{display:inline-block;width:100px}.order-detail .container .order-detail-body .order-detail-content .wrap .order-detail-body .body-total .item-total .item-val{font-size:28px}