@font-face { font-family: "ysbth"; src: url(data:font/ttf;base64,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) format('truetype'); } ax-body.data-v-6415fde6 { display: block; height: 100%; background: #F6FAFF; } .body.data-v-6415fde6 { position: relative; z-index: 1; background: linear-gradient( 180deg, #6DEEED 0%, #C4FFFF 8%, #FFFFFF 37%, #F5F7FB 100%); padding: 0 20rpx 0 20rpx; } /* 页面背景 */ .page-background.data-v-6415fde6 { position: fixed; top: 0; left: 0; right: 0; z-index: 0; } .page-background image.data-v-6415fde6 { display: block; width: 100%; /* transform: scaleY(-100%); */ } /* 统计卡 */ .sta-card.data-v-6415fde6 { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 78px; border-radius: 8px; background: #FFFFFF; position: relative; overflow: hidden; } .sta-card.data-v-6415fde6::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 8px 8px #fff inset; background-color: transparent !important; } .sta-card+.sta-card.data-v-6415fde6 { margin-left: 10px; } .sta-card .value.data-v-6415fde6 { font-size: 24px; font-weight: bold; position: relative; z-index: 3; } .sta-card .name.data-v-6415fde6 { font-size: 12px; color: #aaa; position: relative; z-index: 3; } .sta-card .bg.data-v-6415fde6 { position: absolute; top: 0; right: 0; height: 100%; z-index: 2; } .overflow-payment.data-v-6415fde6 { position: absolute; width: 176rpx; height: 40rpx; background: #FF4D3A; border-radius: 8rpx; font-size: 24rpx; color: #FFFFFF; text-align: center; top: 0; right: 0; z-index: 9999; } /* 卡片 */ .card.data-v-6415fde6 { border-radius: 16px; padding: 15px 0; margin-top: 10px; } .card .title.data-v-6415fde6 { /* display: flex; align-items: flex-end; justify-content: space-between; */ margin-bottom: 20px; font-weight: bold; } .title-text.data-v-6415fde6 { font-weight: normal; font-size: 26rpx; color: #666; } .card .title .more.data-v-6415fde6 { display: flex; align-items: center; justify-content: center; font-weight: normal; font-size: 14px; color: #aaa; } .card .title .more .icon.data-v-6415fde6 { margin-left: 5px; } /* 温馨提示 */ .tips .li.data-v-6415fde6 { font-size: 14px; color: #666; } .tips .li+.li.data-v-6415fde6 { margin-top: 7px; } /* 优惠券 */ .coupons.data-v-6415fde6 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .coupons .item.data-v-6415fde6 { --item-bg: #3eb6f8; --item-bg-active: #0093e4; --coupon-bg: #fff; --coupon-bg-active: #3ab8ff; --font-color: #3eb6f8; --font-color-active: #fff; padding: 5px; height: 150px; border-radius: 10px; background-color: var(--item-bg); color: var(--font-color); } .coupons .item .coupon.data-v-6415fde6 { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; -webkit-filter: drop-shadow(0 1px 6px rgba(102, 102, 102, 0.3)); filter: drop-shadow(0 1px 6px rgba(102, 102, 102, 0.3)); } .coupons .item .coupon .top.data-v-6415fde6 { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: var(--coupon-bg); } .coupons .item .coupon .top .value.data-v-6415fde6 { font-size: 36px; font-weight: bold; } .coupons .item .coupon .top .unit.data-v-6415fde6 { font-size: 14px; } .coupons .item .coupon .bottom.data-v-6415fde6 { text-align: center; font-size: 14px; background-color: var(--coupon-bg); padding: 10px; } .coupons .item .coupon .middle.data-v-6415fde6 { display: flex; align-items: center; justify-content: space-between; height: 10px; position: relative; overflow: hidden; } .coupons .item .coupon .middle.data-v-6415fde6::before { content: ''; display: block; width: 50%; height: 10px; background: radial-gradient(circle 10px at left, transparent 5px, var(--coupon-bg) 50%); } .coupons .item .coupon .middle.data-v-6415fde6::after { content: ''; display: block; width: 50%; height: 10px; background: radial-gradient(circle 10px at right, transparent 5px, var(--coupon-bg) 50%); } .coupons .item .coupon .middle .line.data-v-6415fde6 { position: absolute; top: 50%; left: 10px; right: 10px; border-top: 1px dashed var(--font-color); } .coupons .item.active.data-v-6415fde6 { background-color: var(--item-bg-active); color: var(--font-color-active); } .coupons .item.active .coupon .middle .line.data-v-6415fde6 { border-color: var(--font-color-active); } .coupons .item.active .coupon .top.data-v-6415fde6, .coupons .item.active .coupon .bottom.data-v-6415fde6 { background-color: var(--coupon-bg-active); } .coupons .item.active .coupon .middle.data-v-6415fde6::before { background: radial-gradient(circle 10px at left, transparent 5px, var(--coupon-bg-active) 50%); } .coupons .item.active .coupon .middle.data-v-6415fde6::after { background: radial-gradient(circle 10px at right, transparent 5px, var(--coupon-bg-active) 50%); } .new-coupons-box.data-v-6415fde6{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .new-coupons.data-v-6415fde6 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABECAYAAABgbACrAAAE9ElEQVR4Aeyc7UsjRxzHZydgNJagFqMiMRCvvlArKCHYItVLxUPFF4caim+K0MNea23f9NX9D4W22OK1nOibaNRSqKLEh6O+U0tCvChEiGd8aDW2WMQ8FZp0ZnvJJZssnLdndpb7CePuzOxkvnw+zO7mxQQjwZ/NZjMtLS1963Q6t91ud9Dj8cSh5J4BZU8cuBcXF7+ZmppqEmhCSXFjY2OahYWFH8xm81ZHR8dwY2Pj2w0NDZq6ujoEJfcMKHvioIG4+MxkMv02Pz//3fj4eH5CIC+ONtTU1MxbLJaPjEYj4jgu0Q9HmQlgjFF1dTVH3NzX6/U/2+32PBqJF6fT6b5vbm5uy89PCqV9UBgiUFBQgIijO+T4FY2FiUFzfX39h0QaLDNKhOFSWFiIamtr78/OztZhrVY7RJYgSGNYWGo0g8GA1Wr1PVxaWvo+x4G3VDgsn6tUKkQebbepPT3LQSFbJgHynKumLye0ZPZCC7MEyJtmoczSmGXDfDAQx7yi7AFBXHYuzLeCOOYVZQ8I4rJzYb4VxDGvKHtAEJedC/OtII55RdkDgrjsXJhvfb3FMa9HPCCIE2fDdA+IY1qPeDgQJ86G6R4Qx7Qe8XAgTpwN0z0gjmk94uFAnDgbpntAHNN6xMOBOHE2N94jZQIQJ4WejGNBnIzwpUwN4qTQk3EsiJMRvpSp8dHRkc3lcvnOz8+lfA6MzQGBQCCAiKun1Bnu7OwcaGpqurWystLhdruPYrFYDiLAFNchQJ04nU7/+vr6HeLKSJ0lb5UDAwPLPp/vXY/H8/t1PhSuvXkC29vbhwcHB+/09/c7ErMlxdGG3t7eY6/X++Xl5WWc1qHIT+Di4iK+t7f3OXHzR2qaNHG04/T0dO7k5CRCz6HIT+D4+PhvjuN+ESbJEDcyMhINBoO+1Av9fj/a2dlB5KHIN6fXEYL6q+XDQ372LxwO+6xW67/PqslDhjjaQwzz+4zpOS0Gg4HfwK/X/78jC+o3y4MyTxSVSvVG4jz1mCHObrdXFhUV3Uq9CM7lI6DVat+anJzUCRNgYYNGo3lAVlZGu/A6qOeGQFVVlYospAfC2dIEzc3NfUK+J3ycl5d2pxSOgXoOCajVakScDM/MzAymTosnJibenJ6evk2+gP/U0tIyWlFRARvCUwkxcF5ZWYmJm0cOh8NGXL1HHmcl2Gg0/tnW1rZmsVju6nQZt1IGYkMESqC8vBy1t7d/0Nra+is5/wsXFxfTXfzwa0KUDuOFvO2jsrIyVFJS8vy3vBjPDPEEBNJeTgR9yqi+pilBnELFgzgQp1ACCo0NKw7EKZSAQmPDigNxCiWg0Niw4kCcQglIjC3XcFhxcpGXOC+IkwhQruEgTi7yEucFcRIByjUcx+PxqFyTw7wvTSCCo9HowUsPh4GyEIhEIk/x2dnZY7qpQJYEMOm1CVBXgUBgFYfD4YeHh4ewV+DaCOUZ4Pf7Y1dXVw9xX1+fa3d39xFZfiBPHhcvPGswGETE1ZjVan3Cv1VyHPfpxsbGYyLvhT8ELswtAXJnRJubm0uhUOgLOjMvrqurK+r1envW1tZ+3N/fR+RNk/ZBYYAAfab5fL7Y6urqKLlN3iWr7R8aixdHT4aGhkLd3d33tra2zA6HY9Tlcj0hfyG6SwfKDr9bKZccCPsgceBeXl7+mjgx9fT0DA8ODia3v/0HAAD//zXV5KwAAAAGSURBVAMAbTp7Ae0etF0AAAAASUVORK5CYII=); width: 220rpx; height: 136rpx; background-size: cover; /* 确保图片覆盖整个元素 */ background-position: center; text-align: center; } .newCouponsActive.data-v-6415fde6{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABECAYAAABgbACrAAAFf0lEQVR4Aeycb2hVdRjHP79jztL5By2njrD5J3XmCl02U0InbWYJiWIxAxESs5ZGob3Q6H1RoGGShZEgg+XGwGy1qatFL8rpmtLMcDltLClNG2pb4f31/I6bbHe+Ge3unh/3ebjP/d1z7+453/v9PM95zn1xFxAXj++3uUVV9r0t39sT247Za2/WW6s58B4477d8ZxueqbQ78svs7DhM3AI354AdurLSflgwg6PPPUxx/v3MWjCZofOyQHPgPXDe508jZ00eLy+ZTt2Kz+37Cz+2d3YBDMG5Jx5K57OiOTyfkwmDDMhNE5LugWPxYCZG2GzImkhFdqlNQyIElzGOXU/NZGF6GkkXqgVzewbDh8CT2RRmD+NdJIL8Ujt3/iTWCDSjphHpwh0pJ8q8LDYs2m9nBhkjWT8jA2OEmqaAi7gPs8YTjL6LdcHEUSwOnFhAFk2ItAd3yHC7bzSLgqFDuFeBRRtWPB8Za5MDY3ENF+kqixee6tvSdcMCR8yIE8lJqXQ9Nn31HvFMuw2cD96lggPvoCERSHonXM4UKa9ZO04q17dCEMmEHefouQGpK/jggys0x4rwAegKYSUbT9YQmBOriRdeIHGr4xQaXkDr4hQ4te68npIpLvj4uR0z7ThwPniXARJSeN4JT2XNggztOHHBxyLQjvMQnEju7DgpOR+HdMpqFnLacWKC1K1XM14kd3acPPJNfKrr1Y7zsGhFsnSclG7Kzookf/b/47t2nJSv8NMZ55sJvurVL+C+dpzo9uo04WuH9LfuoP4CJeWnaPrlMnKloulOQVHNpj+hrJGz9a2UBHsLTNHWOWbK9m8pKG/k15hFOxAi5UEsBp/+yLntRynclmsm7V1iisKrSiSqVpnq2mYePfgzrUa2NYkMvIrTnP/mHPOql5sqOuMWOLdducK0VDez+cJVrIIjEuDOt2FrzrHpyxXmN7pFD3Du+abzlP1wgfYQnNzJjfCLoryoKwy0H8LiStW/HCAueoE7s9F0XGmnqTuko61w8AwcF+bu+Z7boNv960/34mgTFqwyN+K40Quc+wO5qkoL3ywbbn1kAiybCrnjCStOtxPrh/O8KwcPIp3bRC9w+aU2M3MEU7reqCthsSbLh/HpTC0ot2OJi17gxo1gq3SUNB1JFZwso6J23LxMBo0awlbioge4ZRX2xdUzeWHYYHCzTDP5PgxPg9WzKF5aYdfSLYLF5XZMYZldtP6wLd80l505Y0NmRK3yUlnP7AyCjbnsWXfIlhSU2ccKS+3oYPZYLr4+jyPb5rN8+hgUGETSgwfugTcW8OzmPL7OmcClIGskTBsDbqgZiKRo1XWTi/svQ9l3g2MWhHMMFBh44wES4cVJCE/K2ss1RXUH8rm9qTTVSsgKibDj3J0zRVdCY6LuQ8jK3bmMuljV17uo0Nkmpkj1+uIDEjrjxARhhm/pzkDeifbN5P7WK7UWfu9WcOJEf5ub6P0FjlqiD6L7x9ncb4nEzRknzvoymKOmM1l6AoHXb5Ug/HVfYmiifZBD6IxLtMmJ2r92nJRvosxN1H5FcmfHyRGSda7W40KfPQCCmKXDyANN8MWDGLQHbR00+yJYdRIW11/tnA1O/EGN1R96hIb4UBjuByANlzgctFxld22L/lbAB2hOY00Lsdbr7A4OrTT1JafZc6VD4MkrfR6U+h4GyrOLf0PpaT449LQ5GX4d+P0GL71dR42cOxEOmhA5Dy4LtLfq+KKujVeQCMFVLjUdNadY9lotH1U3y7My89wLmpBsD6xcQlY2E3u1lp0NZ1neuMr8I4RCXW7l2Hpzfe8Ss+6deuYW17Bz90lOftLI9X0/gebAeyDeX9t1goYNR9i+4zi5+54wxV+tNe0hLOA/AAAA///O0igMAAAABklEQVQDAEGInOeZdqzDAAAAAElFTkSuQmCC); width: 220rpx; height: 136rpx; background-size: cover; /* 确保图片覆盖整个元素 */ background-position: center; text-align: center; } .new-coupons-price.data-v-6415fde6{ font-weight: bold; font-size: 24rpx; color: #2B303A; height: 74rpx; line-height: 74rpx; } .new-coupons-unit.data-v-6415fde6{ font-size: 22rpx; font-weight: normal; } .new-coupons-text.data-v-6415fde6{ font-weight: 400; font-size: 28rpx; color: #2B303A; font-family: 'ysbth'; height: 56rpx; line-height: 56rpx; } .pay-type.data-v-6415fde6 { display: flex; align-items: center; justify-content: space-between; } .pay-type .icon.data-v-6415fde6 { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 14px; margin-right: 5px; border-radius: 100pc; background-color: #04BE02; color: #fff; } .footer.data-v-6415fde6 { position: fixed; left: 10px; right: 10px; bottom: 0; } .pay.data-v-6415fde6 { display: flex; align-items: center; justify-content: center; height: 50px; font-size: 14px; margin-top: 20px; border-radius: 8px; color: #2B303A; background: linear-gradient(to right, #8FF8FB, #47AEFF); } .pay.data-v-6415fde6::after { content: unset; display: none; } .pay[disabled].data-v-6415fde6 { text-shadow: unset; background: #ddd; } .coupon-item.data-v-6415fde6 { --item-color: #D6F3FF; font-family: 'ysbth'; color: #2B303A; background-color: var(--item-color); border-radius: 8px; text-align: center; padding: 0 8px; position: relative; margin-bottom: 10px; } .coupon-item .ticket.data-v-6415fde6 { background-color: #F2F8FF; border-radius: 8px; margin-top: -10px; box-shadow: 0 -1px 6px rgba(122, 168, 222, 0.1); } .coupon-item .ticket .value.data-v-6415fde6 { display: flex; align-items: flex-end; justify-content: center; padding-top: 10px; color: #2B303A; } .coupon-item .ticket .value .val.data-v-6415fde6 { display: inline-block; font-size: 18px; font-weight: bold; -webkit-transform: translateY(2px); transform: translateY(2px); margin-right: 2px; } .coupon-item .ticket .value .unit.data-v-6415fde6 { font-size: 12px; } .coupon-item .ticket .line-wrap.data-v-6415fde6 { display: flex; align-items: center; position: relative; height: 16px; } .coupon-item .ticket .line-wrap .line.data-v-6415fde6 { flex: 1; height: 1px; border-top: 1px dashed #aaa; } .coupon-item .ticket .line-wrap .circle.data-v-6415fde6 { width: 16px; height: 16px; border-radius: 100%; background-color: var(--item-color); } .coupon-item .ticket .line-wrap view.data-v-6415fde6:first-child { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .coupon-item .ticket .line-wrap view.data-v-6415fde6:last-child { -webkit-transform: translateX(50%); transform: translateX(50%); } .coupon-item .ticket .margin.data-v-6415fde6 { height: 15px; } .coupon-item .trapezium.data-v-6415fde6 { width: 100%; height: 10px; position: relative; overflow: hidden; margin-top: -10px; } .coupon-item .trapezium.data-v-6415fde6::after { content: ''; display: block; width: 50%; height: 10px; position: absolute; left: 0; bottom: 0; -webkit-transform: skewX(-15deg) translateX(0.3em); transform: skewX(-15deg) translateX(0.3em); border-radius: 10px 0 0 0; background-color: var(--item-color); } .coupon-item .trapezium.data-v-6415fde6::before { content: ''; display: block; width: 50%; height: 10px; position: absolute; right: 0; bottom: 0; -webkit-transform: skewX(15deg) translateX(-0.3em); transform: skewX(15deg) translateX(-0.3em); border-radius: 0 10px 0 0; background-color: var(--item-color); } .coupon-item .text.data-v-6415fde6 { margin-top: -8px; position: relative; z-index: 3; } .coupon-item.active.data-v-6415fde6 { --item-color: #47AEFF !important; } .coupon-item.active .ticket .value.data-v-6415fde6 { color: #47AEFF; } .coupon-item.active .text.data-v-6415fde6 { color: #fff; } .payment-tips.data-v-6415fde6 { width: 702rpx; height: 72rpx; background: #FFF6E8; border-radius: 16rpx; font-size: 24rpx; color: #FAB04D; line-height: 72rpx; text-align: center; }