[data-v-709c8371]{transition:all .3s ease}.flex[data-v-709c8371]{display:flex;align-items:center;justify-content:flex-start}.row[data-v-709c8371]{margin:0}.order[data-v-709c8371]{color:#333;padding-top:1px;padding-bottom:100px;min-height:100vh}.order .main-title[data-v-709c8371]{font-weight:700;font-size:32px;line-height:56px;color:#fff;margin-top:32px}.order .step-box[data-v-709c8371]{max-width:670px;display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:28px}.order .step-box .line[data-v-709c8371]{position:absolute;left:12px;top:10px;width:calc(100% - 24px);height:4px;background:#292f47;z-index:0}.order .step-box .step[data-v-709c8371]{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;position:relative}.order .step-box .step .icon[data-v-709c8371]{width:24px;height:24px;border-radius:50%;color:#a4a9b4;border:1px solid #a4a9b4;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;background-color:#fff}.order .step-box .step .txt[data-v-709c8371]{font-weight:500;font-size:16px;line-height:28px;color:#a4a9b4;margin-top:4px}.order .step-box .step .time[data-v-709c8371]{position:absolute;right:-125px;bottom:3px;font-weight:400;font-size:12px;line-height:20px;color:#a4a9b4;width:120px}.order .step-box .step.success .icon[data-v-709c8371]{background-color:#6388fe;color:#fff;border-color:#6388fe}.order .step-box .step.success .txt[data-v-709c8371]{color:#a4a9b4}.order .step-box .step.error .icon[data-v-709c8371]{background-color:#c9c9c9;color:#fff;border-color:#c9c9c9}.order .step-box .step.error .txt[data-v-709c8371]{color:#a4a9b4}.order .detail-box[data-v-709c8371]{width:100%;background-color:#20222a;border-radius:12px;padding:20px 24px 0;margin-top:33px}.order .detail-box .r1[data-v-709c8371]{display:flex;align-items:flex-start;justify-content:center;color:#fff}.order .detail-box .r1 img[data-v-709c8371]{width:42px;height:42px;flex-shrink:0;padding:0;margin:0}.order .detail-box .r1 .t1[data-v-709c8371]{width:auto;flex-grow:1;margin-left:20px;padding:0}.order .detail-box .r1 .t1 h4[data-v-709c8371]{font-weight:700;font-size:20px;line-height:36px;margin:0;padding:0}.order .detail-box .r1 .t1 p[data-v-709c8371]{max-width:600px;font-weight:400;font-size:12px;line-height:20px;color:#727a8a;margin:0}.order .detail-box .r1 .btnbox[data-v-709c8371]{width:auto;display:flex;align-items:center;justify-content:center}.order .detail-box .r1 .btnbox .line[data-v-709c8371]{width:1px;height:14px;margin:0 8px;background-color:var(--color-primary-2)}.order .detail-box .r1 .btnbox[data-v-709c8371] .el-button{font-weight:400}.order .detail-box .r2[data-v-709c8371]{width:100%;border-top:1px solid #373a43;margin-top:16px;color:#fff}.order .detail-box .r2 h5[data-v-709c8371]{font-weight:500;font-size:18px;line-height:32px;margin:17px 0 0 0}.order .detail-box .r2 h5 a[data-v-709c8371],.order .detail-box .r2 h5 span[data-v-709c8371]{color:#a4a9b4;font-weight:400;font-size:14px;line-height:24px;margin-left:24px}.order .detail-box .r2 .r3[data-v-709c8371]{margin-top:8px;padding-bottom:20px}.order .detail-box .r2 .r3 .col-12[data-v-709c8371]{padding:0;margin-top:6px;display:flex}.order .detail-box .r2 .r3 label[data-v-709c8371]{font-weight:500;font-size:14px;line-height:24px;color:#a4a9b4}.order .detail-box .r2 .r3 span[data-v-709c8371]{font-weight:400;font-size:14px;line-height:24px;margin-left:24px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;color:#fff}.order .material-list[data-v-709c8371]{border-radius:12px;background:#20222a;width:100%;align-self:start;padding:0;margin-top:24px}.order .material-list .l1[data-v-709c8371]{flex-grow:1}.order .material-list .l2[data-v-709c8371]{width:130px;text-align:center}.order .material-list .l3[data-v-709c8371],.order .material-list .l4[data-v-709c8371]{width:160px;text-align:center}.order .material-list .title-bar[data-v-709c8371]{height:60px;width:100%;padding:0 20px;border-bottom:1px solid #373a43;display:flex;align-items:center;justify-content:center;color:#a4a9b4}.order .material-list .list[data-v-709c8371]{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px 20px}.order .material-list .list .cart-item[data-v-709c8371]{width:100%;padding:0;margin-top:20px}.order .material-list .list .cart-item .material[data-v-709c8371]{width:100%;height:112px;color:#fff;display:flex;align-items:center;justify-content:flex-start}.order .material-list .list .cart-item .material .coverbox[data-v-709c8371]{position:relative}.order .material-list .list .cart-item .material .coverbox .cover-unavaliable[data-v-709c8371]{width:100%;height:100%;background:rgba(124,136,159,.8);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:50;color:#fff}.order .material-list .list .cart-item .material .info[data-v-709c8371]{flex-grow:1;padding:0 20px;display:flex;justify-content:center;flex-direction:column;height:109px}.order .material-list .list .cart-item .material .info .title[data-v-709c8371]{color:#fff;text-decoration:none;font-weight:500;font-size:16px;line-height:28px;cursor:pointer}.order .material-list .list .cart-item .material .info .title[data-v-709c8371]:hover{color:var(--color-primary-2)}.order .material-list .list .cart-item .material .info .userTitle[data-v-709c8371]{font-weight:400;font-size:14px;line-height:24px;color:#a4a9b4}.order .material-list .list .cart-item .material .remark[data-v-709c8371]{position:relative}.order .material-list .list .cart-item .material .remark .remark-choosed[data-v-709c8371]{position:relative;display:inline-block;cursor:pointer;font-weight:400;font-size:14px;line-height:24px;color:#070707}.order .material-list .list .cart-item .material .remark .remark-choosed[data-v-709c8371]:after{content:"";width:0;height:0;border-top:4px solid #a4a9b4;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;right:-20px;top:50%;transform:translateY(-50%)}.order .material-list .list .cart-item .material .remark .remark-list[data-v-709c8371]{position:absolute;left:0;top:0;height:0;background:#fff;box-shadow:0 8px 32px rgba(181,181,202,.45);border-radius:4px;padding:4px 0;opacity:0;z-index:0;transition:all .3s ease;overflow:hidden}.order .material-list .list .cart-item .material .remark .remark-list.show[data-v-709c8371]{opacity:1;top:30px;padding:6px 0;height:auto;z-index:100}.order .material-list .list .cart-item .material .remark .remark-list .remark-item[data-v-709c8371]{cursor:pointer;line-height:2;padding:6px 16px;font-weight:400;font-size:14px;line-height:24px}.order .material-list .list .cart-item .material .remark .remark-list .remark-item[data-v-709c8371]:hover{background:#f5f7f9}.order .material-list .list .cart-item .material .remark .remark-list .remark-item.active[data-v-709c8371]{color:var(--color-primary-2)}.order .material-list .list .cart-item .material .remark.short[data-v-709c8371]{min-width:130px}.order .material-list .list .cart-item .material .price del[data-v-709c8371],.order .material-list .list .cart-item .material .status del[data-v-709c8371]{color:#666;font-size:12px;margin-right:5px}.order .material-list .list .cart-item .form[data-v-709c8371]{padding-bottom:20px;border-bottom:1px solid #373a43}.order .material-list .list .cart-item .form .tips[data-v-709c8371]{display:inline-block;font-size:12px;font-style:normal;font-weight:400;line-height:24px;color:#a4a9b4;padding:2px 12px;align-items:center;border-radius:42px;background:#2f3138;margin-top:18px}.order .material-list .list .cart-item .form .tips a[data-v-709c8371],.order .material-list .list .cart-item .form .tips span[data-v-709c8371]{color:var(--color-primary-2);text-decoration:none!important;cursor:pointer}.order .material-list .list .cart-item .form h3[data-v-709c8371]{color:#fff;font-feature-settings:"clig" off,"liga" off;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:500;line-height:24px;margin:0}.order .material-list .list .cart-item .form .formbox[data-v-709c8371]{margin-top:8px;background:#2a2b33;border-radius:4px;height:0;overflow:hidden;padding:0;box-sizing:border-box}.order .material-list .list .cart-item .form .formbox.active[data-v-709c8371]{height:160px;padding:24px 24px 20px}.order .material-list .list .cart-item .form .formbox[data-v-709c8371] .el-form{margin-top:20px}.order .material-list .list .cart-item .form .formbox[data-v-709c8371] .el-form .el-form-item{margin:0 0 0}.order .material-list .list .cart-item .form .formbox[data-v-709c8371] .el-form .el-form-item label,.order .material-list .list .cart-item .form .formbox[data-v-709c8371] .el-form .el-form-item span{color:#fff}.order .material-list .list .cart-item .form .formbox[data-v-709c8371] .el-form .el-form-item__error{position:relative}.order .material-list .list .cart-item .form .formbox[data-v-709c8371] .el-form .t{color:#fff;margin:0;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:24px}.order .material-list .list .cart-item:last-child .form[data-v-709c8371]{border:none;padding-bottom:0}.order .price-box[data-v-709c8371]{width:100%;text-align:right;font-weight:400;font-size:14px;color:#a4a9b4;margin-top:24px;line-height:36px;padding-right:20px}.order .price-box .p[data-v-709c8371]{font-weight:400;font-size:14px;line-height:24px;margin-bottom:0}.order .price-box .p.big[data-v-709c8371]{margin-top:12px;font-weight:700;font-size:20px;margin-left:10px;color:#fff}.order .price-box .p.origin span[data-v-709c8371]{color:#666;position:relative;padding:0 5px}.order .price-box .p.origin span[data-v-709c8371]:after{content:"";width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#666}.order .survey[data-v-709c8371]{width:100%;margin-top:32px;line-height:36px;padding-right:20px;text-align:right;font-size:12px}.order .survey a[data-v-709c8371]{color:#a4a9b4}.order .survey a[data-v-709c8371]:hover{color:#333}.order .pay-box h3[data-v-709c8371]{font-weight:500;font-size:20px;line-height:36px;color:#000}.order .pay-box .paylist[data-v-709c8371]{display:flex;align-items:center;justify-content:flex-start}.order .pay-box .paylist .paymethod[data-v-709c8371]{width:140px;height:48px;background:#fff;border:1px solid #dbe0e9;border-radius:4px;font-weight:400;font-size:14px;line-height:24px;color:#000;display:flex;align-items:center;justify-content:center;margin-right:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.order .pay-box .paylist .paymethod[data-v-709c8371]:hover{border-color:var(--color-primary-2)}.order .pay-box .paylist .paymethod.active[data-v-709c8371]{border-color:var(--color-primary-2);position:relative}.order .pay-box .paylist .paymethod.active[data-v-709c8371]:after{line-height:0;font-size:0;content:"";width:20px;height:20px;background:url(https://8kraw-resources.oss-cn-shanghai.aliyuncs.com/raw/sale/check.png) no-repeat 50%;background-size:cover;position:absolute;right:-1px;top:-1px}.order .pay-act-box[data-v-709c8371]{width:100%;background:#f9f9f9;border-radius:4px;padding:0 32px 32px 32px;margin-top:12px;display:none}.order .pay-act-box.active[data-v-709c8371]{display:flex}.order .pay-act-box .left-box[data-v-709c8371]{border-right:1px solid #dbe0e9;margin-top:32px}.order .pay-act-box .left-box .t1 h4[data-v-709c8371]{font-style:normal;font-weight:500;font-size:18px;line-height:32px;color:#000;margin-bottom:16px}.order .pay-act-box .left-box .t1 p[data-v-709c8371]{font-weight:400;font-size:14px;line-height:24px;color:#a4a9b4;margin:0}.order .pay-act-box .left-box .t2[data-v-709c8371]{margin-top:40px}.order .pay-act-box .left-box .t2 h5[data-v-709c8371]{font-weight:700;font-size:12px;line-height:20px;margin:0;color:#727a8a}.order .pay-act-box .left-box .t2 p[data-v-709c8371]{font-weight:500;font-size:12px;line-height:20px;margin:0;color:#727a8a}.order .pay-act-box .left-box .t3[data-v-709c8371]{margin-top:32px}.order .pay-act-box .left-box .t3 p[data-v-709c8371]{font-weight:500;font-size:12px;line-height:20px;margin:0;color:#727a8a}.order .pay-act-box .left-box .t3 .el-button[data-v-709c8371]{margin:0;padding:0;font-size:12px}.order .pay-act-box .right-box[data-v-709c8371]{display:flex;align-items:flex-start;justify-content:center;margin-top:32px}.order .pay-act-box .right-box .form[data-v-709c8371]{max-width:650px;width:100%}.order .pay-act-box .right-box .form h4[data-v-709c8371]{font-style:normal;font-weight:500;font-size:18px;line-height:32px;color:#000;margin-bottom:16px}.order .pay-act-box .right-box .form[data-v-709c8371] .el-form .el-form-item .el-form-item__label{text-align:left}.order .alipay-box[data-v-709c8371]{width:100%;background:#f9f9f9;border-radius:4px;padding:0 32px 32px 32px;margin-top:12px;height:264px;align-items:flex-start;justify-content:center;flex-direction:column;display:none}.order .alipay-box.active[data-v-709c8371]{display:flex}.order .alipay-box h4[data-v-709c8371]{font-style:normal;font-weight:500;font-size:18px;line-height:32px;color:#060606;margin:0}.order .alipay-box h4 span[data-v-709c8371]{color:#ff624d}.order .alipay-box p[data-v-709c8371]{font-weight:400;font-size:14px;line-height:24px;color:#a4a9b4;margin:0}.order .alipay-box p .el-button[data-v-709c8371]{padding:0}.order .alipay-box .pay[data-v-709c8371]{margin-top:32px}.order .wechat-box[data-v-709c8371]{width:100%;background:#f9f9f9;border-radius:4px;margin-top:12px;padding:32px;display:none}.order .wechat-box.active[data-v-709c8371]{display:flex}.order .wechat-box #qrcode[data-v-709c8371]{width:192px;height:192px;background-color:#fff;margin-right:28px}.order .wechat-box .infobox[data-v-709c8371]{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.order .wechat-box .infobox h4[data-v-709c8371]{font-style:normal;font-weight:500;font-size:18px;line-height:32px;color:#060606;margin:0}.order .wechat-box .infobox h4 span[data-v-709c8371]{color:#ff624d}.order .wechat-box .infobox p[data-v-709c8371]{font-weight:400;font-size:14px;line-height:24px;color:#a4a9b4;margin:0}.order .wechat-box .infobox p .el-button[data-v-709c8371]{padding:0}.order .wechat-box .infobox .pay[data-v-709c8371]{margin-top:32px}