.order-card[data-v-9f9f34a1]{--color-f: #fff;--color-3: #333;--color-9: #999;--color-31: #33333319;--color-0328ED: #0328ed;background-color:var(--color-f);border-radius:10px;height:100%;width:100%}.order-card .order-header[data-v-9f9f34a1]{align-items:center;border-bottom:1px solid var(--color-31);display:flex;justify-content:space-between;padding:14px 20px}.order-card .order-header .order-num[data-v-9f9f34a1]{color:var(--color-3);font-family:Poppins;font-size:14px;font-weight:400;line-height:21px}.order-card .order-header .order-time[data-v-9f9f34a1]{color:var(--color-9);font-family:Poppins;font-size:14px;font-weight:400;line-height:21px}.order-card .order-content[data-v-9f9f34a1]{align-items:center;display:flex;gap:16px;padding:20px}.order-card .order-content .order-img[data-v-9f9f34a1]{border-radius:10px;height:68px;width:120px}.order-card .order-content .order-content-info[data-v-9f9f34a1]{align-items:center;display:flex;flex:1;justify-content:space-between}.order-card .order-content .order-content-info .order-info[data-v-9f9f34a1]{color:var(--color-9);display:flex;flex-direction:column;font-family:Poppins;font-size:13px;font-weight:400;gap:6px;line-height:20px;text-align:left}.order-card .order-content .order-content-info .order-info .order-title[data-v-9f9f34a1]{color:var(--color-3);font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;text-align:left}@media (max-width:640px){.order-card .order-header[data-v-9f9f34a1]{align-items:flex-start;display:flex;flex-direction:column-reverse}.order-card .order-content[data-v-9f9f34a1]{flex-direction:column}.order-card .order-content .order-img[data-v-9f9f34a1]{width:100%}.order-card .order-content .order-content-info[data-v-9f9f34a1]{align-items:flex-start;flex-direction:column;width:100%}.order-card .order-content .order-content-info .order-price[data-v-9f9f34a1]{margin-top:10px}}.CardNumberField{border:1px solid #d8dae4;border-radius:10px;padding:15px}.pay-now{align-items:center;background:#0328ed;border-radius:32px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:400;gap:0;height:44px;justify-content:center;left:861px;margin:30px auto 0;top:634px;width:200px}.payment-modal-card .pay-type-list{display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:29px 16px 0}.payment-modal-card .pay-type-list .pay-type-item{align-items:center;background:#fff;border:.67px solid #d9d9d9;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:20px 10px;position:relative}.payment-modal-card .pay-type-list .pay-type-item.pay-type-active{border-color:#0328ed}.payment-modal-card .pay-type-list .pay-type-item.pay-type-active .pay-type-icon{opacity:1}.payment-modal-card .pay-type-list .pay-type-item .pay-type-icon{height:18px;opacity:0;position:absolute;right:6px;top:6px;width:18px}.payment-modal-card .pay-type-list .pay-type-item .offline-docs{color:#999;font-family:Poppins;font-size:12px;font-weight:400;line-height:18px}.offline-modal-card{--color-3: #333;background:#f0f2ff!important;width:720px}.offline-modal-card .offline-modal-header{align-items:center;border-bottom:1px solid #d9d9d9;display:flex;height:53px;justify-content:space-between;padding:0 34px}.offline-modal-card .offline-modal-content{padding:29px 34px 80px}.offline-modal-card .offline-modal-content .offline-modal-content-header{align-items:center;color:var(--color-3);display:flex;font-family:Poppins;font-size:18px;font-weight:400;gap:10px;justify-content:center;line-height:27px;margin-bottom:30px}.offline-modal-card .offline-modal-content .offline-modal-qr{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:51px auto 0;position:relative}.offline-modal-card .offline-modal-content .offline-modal-qr .offline-modal-qr-line{height:124px;left:48px;position:absolute;top:-20px;transform:rotate(-12deg);width:84px}.offline-modal-card .offline-modal-content .offline-modal-qr .offline-modal-qr-img{height:148px;width:148px}.offline-modal-card .offline-modal-content .offline-modal-qr .offline-modal-qr-text{color:#333;font-family:Microsoft YaHei;font-size:12px;font-weight:400;line-height:15.84px;margin-top:3px;text-align:center}@media (max-width:640px){.payment-modal-card .pay-type-list{display:grid;grid-template-columns:repeat(2,1fr);margin:29px 16px 0}.offline-modal-card{--color-3: #333;background:#f0f2ff!important;margin-top:100px;width:90vw}.offline-modal-card .offline-modal-content .offline-modal-qr .offline-modal-qr-line{display:none}}