.c-payment-component{margin:30px 0 0;padding:10px 16px;font-size:12px;font-weight:400;color:#666;line-height:20px;background:#fafafa}.c-payment-component .top{width:100%;padding:6px 0;display:flex;align-items:center}.c-payment-component .top .item{font-size:14px;font-family:PingFang SC;font-weight:bold;color:#989ca8;line-height:1;margin-right:20px}.c-payment-component .top .item span{color:#03081a}.c-payment-component .main{width:100%;padding:6px 0}.c-payment-component .main .set-meal{display:flex;flex-wrap:wrap;width:100%;margin-bottom:10px}.c-payment-component .main .set-meal .item{width:153px;height:86px;background:#fffcf5;border-radius:9px;margin-right:14px;margin-bottom:14px;position:relative;z-index:1;cursor:pointer}.c-payment-component .main .set-meal .item.dfc{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:auto}.c-payment-component .main .set-meal .item.active::after{content:"";box-sizing:border-box;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #eabb6a;border-radius:9px;z-index:1}.c-payment-component .main .set-meal .item.active .triangle{display:block}.c-payment-component .main .set-meal .item .triangle{display:none;pointer-events:none;width:28px;height:26px;overflow:hidden;border-radius:9px;position:absolute;right:0;bottom:0;z-index:1}.c-payment-component .main .set-meal .item .triangle::before{content:"";box-sizing:border-box;pointer-events:none;position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 26px 28px;border-color:transparent transparent #eabb6a transparent;z-index:0}.c-payment-component .main .set-meal .item .triangle::after{content:"";display:inline-block;vertical-align:middle;width:12px;height:6px;background:0 0;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-50deg) scale(0.8);position:absolute;right:2px;bottom:6px;z-index:1}.c-payment-component .main .set-meal .item .price{display:flex;align-items:flex-end;justify-content:center;width:100%;height:50px;box-sizing:border-box;padding-bottom:12px;white-space:nowrap}.c-payment-component .main .set-meal .item .price .fu{font-size:18px;font-family:PingFang SC;font-weight:bold;color:#f60;line-height:1}.c-payment-component .main .set-meal .item .price .num{font-size:32px;font-family:DIN;font-weight:bold;color:#f60;line-height:30px;margin-right:4px}.c-payment-component .main .set-meal .item .price .old-price{font-size:14px;font-family:PingFang SC;font-weight:500;text-decoration:line-through;color:#f60;line-height:1;opacity:.5}.c-payment-component .main .set-meal .item .total{display:flex;align-items:center;justify-content:center;width:100%;height:36px;background:#ffe8c0;border-radius:0 0 9px 9px;font-size:16px;font-family:PingFang SC;font-weight:800;color:#b57d1d;line-height:1;white-space:nowrap}.c-payment-component .main .set-meal .item .tips{font-size:14px;font-family:PingFang SC;font-weight:500;color:#b57d1d;line-height:20px}.c-payment-component .bottom .pay-btn{display:flex;align-items:center;justify-content:center;width:127px;height:38px;background:linear-gradient(90deg, #2D6CFF 0%, #759EFF 100%);border-radius:5px;font-size:12px;font-family:PingFang SC;font-weight:400;color:#fff;line-height:1;cursor:pointer}.c-payment-component .bottom .pay-btn.disabled{background:#c0c4cc;cursor:not-allowed}
