.order-details-box{width:1280px;margin:32px 16px;padding:32px 20px 60px 20px;background:#fff;-webkit-box-shadow:0 -2px 16px 0 hsla(0,0%,47.5%,.15);box-shadow:0 -2px 16px 0 hsla(0,0%,47.5%,.15);border-radius:0 0 8px 8px}.order-details-box .mt32{margin-top:32px}.order-details-box .boxOne .d-title{font-size:15px;color:#353535;font-weight:700}.order-details-box .boxOne .d-text{font-size:14px;color:#353535}.order-details-box .boxOne .mr20{margin-left:20px}.order-details-box .boxOne .mr12{margin-left:12px}.order-details-box .boxOne .mt32{margin-top:32px}.order-details-box .boxOne .mt12{margin-top:12px}.order-details-box .boxOne .tac{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.order-details-box .details{padding-bottom:100px}.order-details-box .details .d-row{width:800px}.order-details-box .details .d-row,.order-details-box .details .d-row .d-id,.order-details-box .details .d-row .d-state{display:-webkit-box;display:-ms-flexbox;display:flex}.order-details-box .details .d-row .d-state{margin-left:137px}.order-details-box .details .d-row .d-state .d-text{color:#4a90e2}.order-details-box .details .d-row .d-info .d-text{line-height:20px}.order-details-box .details .d-row .d-time .d-input{width:100%}.order-details-box .details .d-row .d-img .img{margin-right:10px}.order-details-box .details .d-row .d-img .samll-i{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;color:#000;line-height:1;position:absolute;top:75%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.6;white-space:nowrap}.order-details-box .details .d-row .d-img .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.order-details-box .details .d-row .d-img .avatar-uploader .el-upload:hover{border-color:#409eff}.order-details-box .details .d-row .d-img .avatar-uploader-icon{font-size:28px;color:#8c939d;width:106px;height:106px;line-height:106px;text-align:center;position:relative}.order-details-box .details .d-row .d-img .avatar{width:106px;height:106px;display:block}.order-details-box .details .d-row .d-address .d-title{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:800px}.order-details-box .details .d-row .d-address .d-text{line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.order-details-box .details .d-row .d-address .d-text .d-text-small{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-details-box .details .d-row .d-address .d-text .el-button{margin-left:10px;border:1px solid #23ce99}.order-details-box .details .d-row .d-order .d-order-arr{background:#fafafa;border-radius:6px;padding:6px 20px;max-width:800px}.order-details-box .details .d-row .d-order .d-order-arr .child{height:124px;padding:14px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.order-details-box .details .d-row .d-order .d-order-arr .child:not(:last-child){border-bottom:1px solid #e1e1e1}.order-details-box .details .d-row .d-order .d-order-arr .child .c-l{height:90px;width:90px;overflow:hidden}.order-details-box .details .d-row .d-order .d-order-arr .child .c-l img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:17px}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r .c-r-p1{font-size:14px;color:#353535;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r .c-r-p2{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:20px}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r .c-r-p2 .p2-l .el-tag{border-color:transparent;color:#353535;background-color:#ffea4b;padding:0 11px}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r .c-r-p2 .p2-r span{font-size:15px;color:#121212}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r .c-r-p2 .p2-r span label{font-size:12px}.order-details-box .details .d-row .d-order .d-order-arr .child .c-r .c-r-p3{margin-top:2px;text-align:right;font-size:14px;color:#b3b3b3}.order-details-box .details .d-row .d-project{max-width:800px;width:800px}.order-details-box .details .d-row .d-project .d-project-arr .child:not(:last-child){margin-bottom:12px}.order-details-box .details .d-row .d-project .d-project-arr .child .c-p-p1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.order-details-box .details .d-row .d-project .d-project-arr .child .c-p-p1 .project-left{display:-webkit-box;display:-ms-flexbox;display:flex}.order-details-box .details .d-row .d-project .d-project-arr .child .c-p-p1 .project-left .span1{font-size:15px;color:#353535}.order-details-box .details .d-row .d-project .d-project-arr .child .c-p-p1 .project-left .w150{width:150px}.order-details-box .details .d-row .d-project .d-project-arr .child .c-p-p1 .project-left .tar{text-align:right}.order-details-box .details .d-row .d-project .d-project-arr .child .c-p-p1 .project-right{display:-webkit-box;display:-ms-flexbox;display:flex}.order-details-box .details .d-row .d-table{width:800px}.order-details-box .detailsDialog .samll-i{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;color:#000;line-height:1;position:absolute;top:75%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.6;white-space:nowrap}.order-details-box .detailsDialog .title{font-size:16px;color:#353535}.order-details-box .detailsDialog .text{margin-top:12px}.order-details-box .detailsDialog .df-div{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.order-details-box .detailsDialog .df-div .img{background:#f3f3f3;margin-right:16px;border-radius:6px}.order-details-box .detailsDialog .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.order-details-box .detailsDialog .avatar-uploader .el-upload:hover{border-color:#409eff}.order-details-box .detailsDialog .avatar-uploader-icon{font-size:28px;color:#8c939d;width:106px;height:106px;line-height:106px;text-align:center;position:relative}.order-details-box .detailsDialog .avatar{width:106px;height:106px;display:block}