| 1 |
- .sub-header[data-v-0f471062]{width:100%;height:100px;display:flex;justify-content:center;background-color:#fff;position:fixed;top:40px;left:0;z-index:99}.sub-header-content[data-v-0f471062]{width:1200px;height:100px;display:flex;align-items:center}.sub-header-logo[data-v-0f471062]{width:79px;margin-right:7px}.sub-header-row[data-v-0f471062]{display:flex;flex-direction:column;font-size:16px;color:#f2501a;margin-right:18px}.sub-header-title[data-v-0f471062]{color:#202020;font-size:16px}.header-rightsidebar[data-v-0f471062]{flex:1;display:flex;justify-content:flex-end;align-items:center}.process-box[data-v-0f471062],.process-item[data-v-0f471062]{display:flex;align-items:center}.process-item[data-v-0f471062]{width:130px;flex-direction:column;color:#d8d8d8;font-size:14px;position:relative}.process-item[data-v-0f471062]:after{content:"";width:100%;height:1px;background-color:#f2f2f2;position:absolute;right:-50%;top:15px;z-index:-1}.process-item[data-v-0f471062]:last-child:after{background-color:initial}.circle-row[data-v-0f471062]{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#d8d8d8;color:#fff;font-size:15px;margin-bottom:6px}.process-item.active[data-v-0f471062]{color:#f2501a}.process-item.active .circle-row[data-v-0f471062]{background-color:#f2501a}.step-wrap[data-v-0f471062]{flex:1;justify-content:flex-end}.step-list>li[data-v-0f471062],.step-list[data-v-0f471062],.step-wrap[data-v-0f471062]{display:flex;align-items:center}.step-list>li[data-v-0f471062]{min-width:240px;height:30px;background-color:#f2501a;color:#fff;font-size:14px;justify-content:center;position:relative}.step-list>li[data-v-0f471062]:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border:15px solid transparent;border-left-color:#fff}.step-list>li[data-v-0f471062]:first-child:before{border-left-color:#f2501a}.step-list>li[data-v-0f471062]:after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid #fff;border-bottom:15px solid #fff;border-left:15px solid #f2501a}.step-list>li[data-v-0f471062]:last-child:after{border-top:15px solid #f2501a;border-bottom:15px solid #f2501a}.circle-num[data-v-0f471062]{width:17px;height:17px;line-height:17px;font-size:12px;color:#f2501a;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;margin-right:9px}.step-list>li.gray[data-v-0f471062]{color:#bbb!important;background-color:#eee!important}.step-list>li.gray .circle-num[data-v-0f471062]{color:#fff!important;background-color:#bbb!important}.step-list>li.gray[data-v-0f471062]:before{border-left-color:#fff}.step-list>li.gray[data-v-0f471062]:first-child:before{border-left-color:#eee}.step-list>li.gray[data-v-0f471062]:after{border-top:15px solid #fff;border-bottom:15px solid #fff;border-left:15px solid #eee}.step-list>li.gray[data-v-0f471062]:last-child:after{border-top:15px solid #eee;border-bottom:15px solid #eee}.wrap[data-v-291389c6]{width:100%;margin:40px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.top[data-v-291389c6]{width:1200px;height:76px;line-height:76px;background-color:#fff;border-radius:8px;display:flex;align-items:center;padding:0 19px;box-sizing:border-box;color:#484848;font-size:20px;margin:20px 0 15px}.top-icon[data-v-291389c6]{width:10px;margin:0 10px}.top-name[data-v-291389c6]{color:#f2501a}.top-name-black[data-v-291389c6]{color:#111}.box[data-v-291389c6]{width:1200px;display:flex;flex-direction:column;margin:0 0 20px}.top-row[data-v-291389c6]{width:100%;height:100px;background-color:#f9f9f9;border-radius:8px 8px 0 0;display:flex;align-items:center;color:#111;font-size:20px;font-weight:700}.top-row>span[data-v-291389c6]:first-child{width:656px;display:flex;justify-content:flex-start;align-items:center;padding:0 20px;box-sizing:border-box}.top-row>span[data-v-291389c6]{width:174px;display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box}.center-module[data-v-291389c6]{width:100%;background-color:#fff;border-radius:0 0 8px 8px;display:flex;flex-direction:column;padding:34px 0}.product-module[data-v-291389c6]{width:100%;display:flex;align-items:flex-start;margin-bottom:38px}.product-module[data-v-291389c6]:last-child{margin-bottom:0}.product-msg-box[data-v-291389c6]{width:656px;display:flex;align-items:flex-start;padding:0 20px;box-sizing:border-box}.product-img[data-v-291389c6]{width:151px;height:151px;border-radius:6px;-o-object-fit:cover;object-fit:cover;margin-right:20px}.product-msg-sidebar[data-v-291389c6]{flex:1;display:flex;flex-direction:column}.product-name[data-v-291389c6]{width:50%;color:#000;font-size:16px;margin-bottom:17px}.product-msg[data-v-291389c6],.product-name[data-v-291389c6]{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.product-msg-color[data-v-291389c6],.product-msg[data-v-291389c6]{width:100%;color:#a7a7a7;font-size:12px;margin-bottom:5px}.product-msg-color[data-v-291389c6]{display:flex;align-items:center}.product-msg[data-v-291389c6]:last-child{margin:0}.product-msg-red[data-v-291389c6]{width:100%;color:#f2501a;font-size:14px;line-height:14px;margin-top:7px}.item-msg-box[data-v-291389c6]{width:174px;min-height:45px;display:flex;justify-content:center;align-items:center;padding:6px 20px 0;box-sizing:border-box;color:#111;font-size:16px}.bottom-module[data-v-291389c6]{width:100%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;margin:15px 0;padding:21px 23px;box-sizing:border-box}.bottom-label[data-v-291389c6]{width:100%;display:flex;align-items:center;color:#111;font-size:20px;margin-bottom:15px}.bottom-box[data-v-291389c6]{width:100%;display:flex;flex-direction:column}.bottom-row[data-v-291389c6]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.row-name[data-v-291389c6]{display:flex;align-items:center;color:#111;font-size:20px}.row-price[data-v-291389c6]{color:#111;font-size:16px}.row-price-max[data-v-291389c6]{color:#111;font-size:20px}.row-num[data-v-291389c6]{color:#a7a7a7;font-size:20px;margin-left:25px}.bottom-row[data-v-291389c6]:last-child{margin-bottom:0}.gray-color[data-v-291389c6]{color:#666}.red-color[data-v-291389c6]{color:#f2501a}.fangkuai[data-v-291389c6]{width:16px;height:16px;border-radius:3px}.payment-module[data-v-291389c6]{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:5px;padding:17px 23px 23px;box-sizing:border-box}.payment-label[data-v-291389c6]{width:100%;color:#111;font-size:24px;margin-bottom:30px}.payment-list[data-v-291389c6]{width:100%;display:flex;align-items:center}.payment-list>li[data-v-291389c6]{width:212px;height:55px;display:flex;align-items:center;justify-content:center;margin-right:8px;margin-bottom:8px;color:#111;font-size:16px;border:1px solid #dcdcdc;box-sizing:border-box}.payment-list>li.active[data-v-291389c6]{border:2px solid #f2501a}.payment-list>li>img[data-v-291389c6]{width:35px;height:35px;margin:14px}.btn-box-end[data-v-291389c6]{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:30px 0}.btn-box-end>button[data-v-291389c6]{width:182px;height:49px;line-height:49px;display:flex;justify-content:center;align-items:center;background-color:#f2501a;border-radius:5px;color:#fff;font-size:23px}.pay-wrap[data-v-291389c6] .el-dialog{width:383px!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;border-radius:8px!important;overflow:hidden!important}.pay-wrap[data-v-291389c6] .el-dialog__header{padding:28px 32px 20px!important;background-color:#fff!important}.pay-wrap.el-dialog__headerbtn[data-v-291389c6] .el-dialog__close{color:#777!important}.pay-wrap[data-v-291389c6] .el-dialog__body{padding:0 34px 21px!important;box-sizing:border-box!important}.pay-wrap[data-v-291389c6] .el-dialog__footer{padding:0 34px 17px!important;box-sizing:border-box!important;text-align:left!important}.pay-wrap[data-v-291389c6] .el-button{height:32px!important;line-height:32px!important;padding:0 20px!important;border-radius:100px!important;font-size:15px!important;font-weight:400!important}.pay-wrap[data-v-291389c6] .el-button--primary{border:none!important;background-color:#f2501a!important}.pay-wrap-content[data-v-291389c6]{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.flex-center-box[data-v-291389c6]{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}
|
