.yb-c2c{padding:0!important}.yb-c2c .title{width:100%;height:50px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;color:#333;font-size:16px;border-bottom:1px solid #d02443}.yb-c2c .desc{width:732px;margin:30px auto 0}.yb-c2c .desc>p:first-child{justify-content:flex-start}.yb-c2c .desc>p:first-child,.yb-c2c .desc>p:first-child span{display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row}.yb-c2c .desc>p:first-child span{width:53px;height:24px;justify-content:center;margin-right:10px;border-radius:5px;background:#ed6f2d;color:#fff}.yb-c2c .desc>p:nth-child(2){margin-top:10px;justify-content:flex-start;color:#ed6f2d;font-size:18px;font-weight:400}.yb-c2c .desc>p:nth-child(2),.yb-c2c .desc>p:nth-child(2) span{display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row}.yb-c2c .desc>p:nth-child(2) span{justify-content:center;padding:0 4px;height:22px;border-radius:2px;background:#ed6f2d;color:#fff;margin:0 3px}.yb-c2c .desc .step-box{margin-top:10px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;position:relative}.yb-c2c .desc .step-box>div{flex-direction:column;margin-right:180px;filter:grayscale(100%)}.yb-c2c .desc .step-box>div,.yb-c2c .desc .step-box>div>p:first-child{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.yb-c2c .desc .step-box>div>p:first-child{position:relative;width:26px;height:26px;flex-direction:row;background:#ed6f2d;color:#fff;font-size:14px;font-weight:400;border-radius:50%;z-index:0}.yb-c2c .desc .step-box>div>p:last-child{color:#d02443;font-size:12px;font-weight:400;margin-top:5px;white-space:nowrap}.yb-c2c .desc .step-box>div.active{filter:none}.yb-c2c .desc .step-box:before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:706px;border-top:1px dotted #ccc;z-index:0}.yb-c2c .msg{width:732px;margin:30px auto 0}.yb-c2c .msg .order-first{margin-bottom:30px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:column;align-items:flex-start}.yb-c2c .msg .order-first>p:first-child{color:#333;font-size:14px;font-weight:400}.yb-c2c .msg .order-first>p:nth-child(2),.yb-c2c .msg .order-first>p:nth-child(4){color:#666;font-size:12px;font-weight:400}.yb-c2c .msg .order-first>p.order-money{margin-bottom:10px;color:#ed6f2d;font-size:18px;font-weight:700;display:flex;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;align-items:center}.yb-c2c .msg .order-first>p.order-money img{cursor:pointer;margin-left:10px}.yb-c2c .msg .order-first>p.order-name{color:#333;font-size:18px;font-weight:700}.yb-c2c .msg .order-first>p.order-name>span{font-weight:400}.yb-c2c .msg .order-second{margin-bottom:30px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:column;align-items:flex-start}.yb-c2c .msg .order-second>p:first-child{color:#333;font-size:14px;font-weight:400}.yb-c2c .msg .order-second>div{width:373px;height:180px;background:#fdf2ea;justify-content:center;flex-direction:column;padding:20px;gap:10px}.yb-c2c .msg .order-second>div,.yb-c2c .msg .order-second>div>p{display:flex;align-items:center;flex-wrap:nowrap;align-items:flex-start}.yb-c2c .msg .order-second>div>p{justify-content:flex-start;flex-direction:row;gap:5px}.yb-c2c .msg .order-second>div>p>span:first-child{width:90px;text-align:right;color:#ed6f2d;margin-right:10px}.yb-c2c .msg .order-second>div>p img{cursor:pointer}.yb-c2c .msg .order-second>div>p img+span{color:#ed6f2d}.yb-c2c .msg .order-second>.alipay-qrcode-box{height:280px}.yb-c2c .btns{width:732px;margin:30px auto 0;justify-content:flex-start}.yb-c2c .btns,.yb-c2c .btns>div{display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row}.yb-c2c .btns>div{cursor:pointer;width:200px;height:40px;border-radius:5px;justify-content:center}.yb-c2c .btns>div:first-child{color:#fff;background:#ed6f2d;margin-right:20px}.yb-c2c .btns>div:last-child{border-radius:5px;border:1px solid #d3d3d3}.yb-c2c .tips{width:860px;height:147px;margin:30px auto 0;border-radius:10px;border:1px solid #d8d8d8;padding:20px 30px}.yb-c2c .tips>div{width:100%;height:100%;border-radius:5px;background:#fef8e5;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;padding-left:50px}.yb-c2c .tips>div>p{color:#d02443;font-size:14px;line-height:24px}.yb-c2c .tips>div>p:first-child{font-size:16px}.upload-pay-dialog{border-radius:10px}.upload-pay-dialog .el-dialog__header{text-align:center;border-bottom:1px solid #eee}.upload-pay-dialog .el-dialog__body{padding-top:10px}.upload-pay-dialog .content>p:first-child{font-size:12px;font-weight:400}.upload-pay-dialog .content .upload-area{margin-top:10px}.upload-pay-dialog .content .upload-area p{color:#333;font-size:14px;font-weight:400}.upload-pay-dialog .content .upload-area p>span{color:#ed6f2d}.upload-pay-dialog .content .upload-area .example-btn{cursor:pointer;margin-top:10px;width:100px;height:38px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;border-radius:5px;border:1px solid #d3d3d3;color:#333;font-size:14px;font-weight:400}.upload-pay-dialog .content .upload-area .upload-box{margin-top:10px;position:relative;width:80px;height:80px;border-radius:10px}.upload-pay-dialog .content .upload-area .upload-box img{position:absolute;top:0;left:0;width:100%;height:100%}.upload-pay-dialog .content .upload-area .upload-box .receipt,.upload-pay-dialog .content .upload-area .upload-box .water-bill{position:absolute;cursor:pointer;opacity:0;width:100%;height:100%;z-index:1}.upload-pay-dialog .content .upload-area .upload-box>i{position:absolute;top:-10px;right:-10px;font-size:20px;color:#f7b500;cursor:pointer}.upload-pay-dialog .content .upload-area .upload-box+p{margin-top:5px;color:#697da9;font-size:12px;font-weight:400}.upload-pay-dialog .content>div:last-child{margin:30px auto 0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row}.upload-pay-dialog .content>div:last-child>div{cursor:pointer;padding:6px 31px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row}.upload-pay-dialog .content>div:last-child>div:last-child{color:#fff;background:#ed6f2d}.upload-pay-dialog .content>div:last-child>div:first-child{border-radius:5px;border:1px solid #d3d3d3;margin-right:20px}.upload-example-dialog{border-radius:10px}.upload-example-dialog .el-dialog__header{text-align:center}.upload-example-dialog .el-dialog__body{padding-top:10px}.upload-example-dialog .content{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column}.upload-example-dialog .content>*{margin-bottom:10px}.upload-example-dialog .content p{width:100%}.upload-example-dialog .content p span{color:#ed6f2d}.upload-example-dialog .content div{cursor:pointer;margin-top:30px;padding:6px 31px;border-radius:5px;color:#fff;background:#ed6f2d}