.orderDetail{width:calc(100% - 40px);margin:0 auto;position:relative;z-index:1;border-radius:12px;padding:20px;float:left}.orderDetail .mainDiv{width:1276px;margin:0 auto;position:relative}.orderDetail .mainDiv .topBox{width:calc(100% - 40px);border-radius:12px;opacity:1;float:left;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),to(#fff));background:linear-gradient(180deg,#fff 5%,#fff);padding:20px}.orderDetail .mainDiv .topBox .title{font-size:16px;font-weight:600;line-height:28px;color:#000}.orderDetail .mainDiv .topBox .title i{color:#facc15;font-size:22px;margin-right:13px;float:left;margin-top:4px}.orderDetail .mainDiv .topBox .listHead{width:100%;height:40px;background:#f9f9f9;line-height:40px;float:left;margin-bottom:16px}.orderDetail .mainDiv .topBox .listHeadspan{width:40%}.orderDetail .mainDiv .topBox .listHeadspan,.orderDetail .mainDiv .topBox .listHeadspan1{font-size:16px;font-weight:500;line-height:40px;letter-spacing:0;color:#333;float:left;text-align:center}.orderDetail .mainDiv .topBox .listHeadspan1{width:182px;width:33%;text-align:left;padding-left:10px}.orderDetail .mainDiv .topBox .list{width:calc(100% - 20px);float:left;border-radius:10px;opacity:1;padding:21px 10px;border:1px solid #f9f9f9;z-index:2;margin-top:18px}.orderDetail .mainDiv .topBox .list .topLine{line-height:30px;width:100%;float:left;margin-bottom:20px}.orderDetail .mainDiv .topBox .list .topLine .check{float:left;width:14px;height:14px;margin:8px 0}.orderDetail .mainDiv .topBox .list .topLine .orderNum,.orderDetail .mainDiv .topBox .list .topLine .orderTime{margin-right:16px;font-size:14px;font-weight:400;letter-spacing:0;color:#9e9e9e;float:left}.orderDetail .mainDiv .topBox .list .topLine .orderNum s,.orderDetail .mainDiv .topBox .list .topLine .orderTime s{color:#333}.orderDetail .mainDiv .topBox .list .topLine .orderl{float:left;margin-left:16px;margin-right:16px}.orderDetail .mainDiv .topBox .list .topLine .orderIcon{float:left;height:14px;margin:8px 0}.orderDetail .mainDiv .topBox .list .topLine .shopName{font-size:14px;font-weight:500;letter-spacing:0;float:left;margin-left:10px;color:#3b82f6}.orderDetail .mainDiv .topBox .list .orderMain{width:100%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.orderDetail .mainDiv .topBox .list .orderMain .productInfoCol{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;width:auto!important}.orderDetail .mainDiv .topBox .list .orderMain .amountCol,.orderDetail .mainDiv .topBox .list .orderMain .priceCol{-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px;width:220px!important}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1{padding-left:0}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .headIcon{height:80px;width:80px;float:left;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;border-radius:12px;overflow:hidden;margin-right:16px}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .headIcon img{width:100%;height:100%}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main{width:calc(100% - 96px);float:left;margin-left:0;min-width:0}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main span{float:left;line-height:20px;width:100%;white-space:normal;word-break:break-all}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main .productName{color:#333;font-weight:500;line-height:22px}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main .l_info{font-size:14px;font-weight:400;line-height:20px;color:#666;margin-top:8px}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan{width:172px}.orderDetail .mainDiv .topBox .list .orderMain .l2_main{width:135px;float:left}.orderDetail .mainDiv .topBox .list .orderMain .l2_main span{width:100%;font-size:14px;margin-top:14px;text-align:right;float:left;line-height:16px}.orderDetail .mainDiv .topBox .list .orderMain .l2_main .status{color:#ff7822}.orderDetail .mainDiv .topBox .list .orderMain .last .l2_main{float:right}.orderDetail .mainDiv .topBox .list .orderMain .btns{width:100%;text-align:center}.orderDetail .mainDiv .topBox .list .orderMain .btns span{text-align:center;font-weight:400;cursor:pointer;color:#3b82f6}.orderDetail .mainDiv .topBox .list .orderMain .btns .statusBtn{width:76px;height:34px;border-radius:5px;opacity:1;background:#3b82f6;float:left;z-index:1;margin-left:calc(50% - 38px);color:#fff;line-height:34px}.orderDetail .mainDiv .bottomBox{width:calc(100% - 40px);border-radius:12px;opacity:1;float:left;margin-top:16px;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),to(#fff));background:linear-gradient(180deg,#fff 5%,#fff);padding:20px}.orderDetail .mainDiv .bottomBox .title{font-size:16px;font-weight:600;line-height:28px;color:#000;width:100%;float:left}.orderDetail .mainDiv .bottomBox .title i{color:#facc15;font-size:22px;margin-right:13px;float:left;margin-top:4px}.orderDetail .mainDiv .bottomBox .title .span{border-left:4px solid #3b82f6;padding-left:10px;line-height:16px}.orderDetail .mainDiv .bottomBox .evalBox{width:100%;float:left;margin-top:16px;border:1px solid #f4f8fe}.orderDetail .mainDiv .bottomBox .evalBox .txBox{width:121px;height:155px;float:left;opacity:1;background:#f4f8fe;z-index:0}.orderDetail .mainDiv .bottomBox .evalBox .txBox .imgBox{width:70px;height:70px;border-radius:40.5px;float:left;overflow:hidden;margin-top:20px;margin-left:25.5px}.orderDetail .mainDiv .bottomBox .evalBox .txBox .imgBox img{width:100%;height:100%;float:left}.orderDetail .mainDiv .bottomBox .evalBox .txBox span{width:100%;height:20px;float:left;opacity:1;font-size:18px;font-weight:500;color:#222;text-align:center;z-index:0;margin-top:16px}.orderDetail .mainDiv .bottomBox .evalBox .evalInput{margin:20px;width:calc(100% - 161px);float:left;height:100%}.orderDetail .mainDiv .bottomBox .evalBox .replyInput{width:calc(100% - 40px)}.orderDetail .mainDiv .bottomBox .evalBox .uploadBox{margin:20px;width:calc(100% - 161px);float:left;margin-top:0}.orderDetail .mainDiv .bottomBox .evalBox .uploadBox span{width:100%;height:22px;opacity:1;font-size:16px;font-weight:400;line-height:22px;color:rgba(0,0,0,.45);float:left;margin-bottom:10px}.orderDetail .mainDiv .bottomBox .evalBox .replyUploadBox{width:calc(100% - 40px)}.orderDetail .mainDiv .bottomBox .btnBox{width:100%;text-align:center;float:left;margin-top:16px}.orderDetail .mainDiv .pjBox{width:100%;float:left}.orderDetail .mainDiv .pjBox .head{width:calc(100% - 40px);float:left;margin:20px}.orderDetail .mainDiv .pjBox .head .headIcon{width:56px;height:56px;float:left;border-radius:56px;overflow:hidden;margin-right:16px}.orderDetail .mainDiv .pjBox .head .headIcon img{width:100%;height:100%}.orderDetail .mainDiv .pjBox .head .headInfo{float:left;width:calc(100% - 80px)}.orderDetail .mainDiv .pjBox .head .headInfo .name{font-family:Source Han Sans;font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;float:left;color:#000;width:100%}.orderDetail .mainDiv .pjBox .head .headInfo .goods{font-family:Source Han Sans;font-size:16px;font-weight:400;line-height:16px;letter-spacing:0;float:left;font-variation-settings:"opsz" auto;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#666;margin-top:12px}.orderDetail .mainDiv .pjBox .pjdetail{font-weight:500;line-height:16px;letter-spacing:0;color:#222}.orderDetail .mainDiv .pjBox .imgbox,.orderDetail .mainDiv .pjBox .pjdetail{width:calc(100% - 40px);float:left;font-size:16px;margin:20px;margin-top:0}.orderDetail .mainDiv .pjBox .imgbox .el-image{width:200px;height:135.73px}.orderDetail .mainDiv .pjBox .replayList{width:calc(100% - 40px);float:left;margin:0 20px 20px;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f4f8fe;border-radius:8px}.orderDetail .mainDiv .pjBox .replayItem{width:100%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:14px}.orderDetail .mainDiv .pjBox .replayItem:last-child{margin-bottom:0}.orderDetail .mainDiv .pjBox .replayAvatar{width:40px;height:40px;border-radius:40px;overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;margin-right:12px}.orderDetail .mainDiv .pjBox .replayAvatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.orderDetail .mainDiv .pjBox .replayMain{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.orderDetail .mainDiv .pjBox .replayMeta{width:100%;float:left;line-height:20px;margin-bottom:6px}.orderDetail .mainDiv .pjBox .replayName{float:left;font-size:14px;font-weight:600;color:#222}.orderDetail .mainDiv .pjBox .replayTime{float:right;font-size:12px;color:#999}.orderDetail .mainDiv .pjBox .replayContent{width:100%;float:left;font-size:14px;line-height:22px;color:#333;word-break:break-all}