.data-v-26d32206 ax-custom-title { z-index: 9999 !important; } .page-background.data-v-26d32206{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .body.data-v-26d32206{ width: 100%; height: 100%; overflow: auto; padding-bottom: 130px; position: relative; z-index: 1; } .body.data-v-26d32206::-webkit-scrollbar{ display: none; } .body.visit.data-v-26d32206{ padding-bottom: 0px; } .block.data-v-26d32206{ padding: 0 10px; } .block + .block.data-v-26d32206{ margin-top: 10px; } /* 主图 */ .host-graph.data-v-26d32206{ margin: 20px 0 10px; } .host-graph .image.data-v-26d32206{ width: 40vw; } /* 主参数 */ .parameter.data-v-26d32206{ display: flex; align-items: center; justify-content: space-between; padding: 0 10px; margin: 0 20px; margin-top: 10px; margin-bottom: 20px; } .parameter .param.data-v-26d32206{ display: flex; align-items: center; justify-content: center; flex-direction: column; } .parameter .param .value.data-v-26d32206{ font-size: 20px; font-weight: bold; } .parameter .param .name.data-v-26d32206{ font-size: 14px; color: #aaa; margin-top: 7px; } /* 卡片 */ .card.data-v-26d32206{ background-color: #fff; border-radius: 8px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05); } .card .title.data-v-26d32206{ display: flex; align-items: center; justify-content: space-between; font-size: 15px; font-weight: bold; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #ddd; } .card .title .more.data-v-26d32206{ font-size: 14px; color: #aaa; font-weight: normal; } .card .title .more .icon.data-v-26d32206{ margin-left: 5px; } .card .cell.data-v-26d32206{ display: flex; align-items: center; justify-content: space-between; font-size: 14px; height: 32px; padding: 0 10px; } .cell .contet.data-v-26d32206{ color: #aaa; } .cell .obsolete.data-v-26d32206{ font-size: 12px; text-decoration: line-through; color: #aaa; margin-right: 5px; } .cell .obsolete .money.data-v-26d32206{ font-size: inherit; color: inherit; font-weight: normal; } .cell .money.data-v-26d32206{ font-size: 16px; font-weight: bold; color: #f44033; } /* 开关 */ .switch.data-v-26d32206{ display: flex; align-items: center; justify-content: space-between; width: 110px; height: 30px; font-size: 14px; border-radius: 100pc; background-color: #fff; position: relative; color: #333; } .switch > text.data-v-26d32206{ flex: 1; display: flex; justify-content: center; -webkit-transform: translateY(-1px); transform: translateY(-1px); transition: all 300ms ease; position: relative; z-index: 2; } .switch.personal > text.data-v-26d32206:first-child, .switch > text.data-v-26d32206:last-child{ color: #fff; } .switch.personal > text.data-v-26d32206:last-child{ color: inherit; } .switch.data-v-26d32206::after{ content: ''; display: block; width: calc(50% - 3px); height: calc(100% - 6px); border-radius: 100pc; background-color: #3eb6f8; position: absolute; top: 3px; right: 3px; transition: all 200ms ease; } .switch.personal.data-v-26d32206::after{ -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* 提示 */ .tips.data-v-26d32206{ font-size: 14px; margin-top: 10px; padding: 0 10px; } /* 优惠券 */ .coupon.data-v-26d32206{ --coupon-height: 80px; --coupon-cut-size: 16px; display: flex; align-items: center; width: 100%; height: var(--coupon-height); padding: 5px; border-radius: 8px; background-color: #3eb6f8; margin-top: 10px; } .coupon .name.data-v-26d32206{ padding: 0 10px; } .coupon .info.data-v-26d32206{ flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; } .coupon .info .value.data-v-26d32206{ font-size: 30px; font-weight: bold; } .coupon .info .describe.data-v-26d32206{ font-size: 12px; } .coupon .feature.data-v-26d32206{ display: block; position: relative; width: var(--coupon-cut-size); height: var(--coupon-height); overflow: hidden; } .coupon .feature .line.data-v-26d32206{ display: block; width: 1px; position: absolute; left: 50%; top: var(--coupon-cut-size); bottom: var(--coupon-cut-size); border-left: 1px dashed #fff; } .coupon .feature.data-v-26d32206::after, .coupon .feature.data-v-26d32206::before{ content: ''; display: block; width: var(--coupon-cut-size); height: var(--coupon-cut-size); border-radius: 100pc; background-color: #fff; position: absolute; } .coupon .feature.data-v-26d32206::before{ top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .coupon .feature.data-v-26d32206::after{ bottom: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } .coupon.personal.data-v-26d32206{ background-color: #ff7043; color: #fff; } /* 主信息 */ .footer.data-v-26d32206{ display: flex; flex-direction: column; background-color: #fff; border-radius: 16px 16px 0 0; height: 120px; padding: 10px; position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 99999; } .footer .tips.data-v-26d32206{ flex: 1; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #aaa; margin-bottom: 10px; } .footer .startup.data-v-26d32206{ display: flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 8px; height: 50px; background: linear-gradient(to right,#8FF8FB,#47AEFF); } .coupon-image-card.data-v-26d32206{ display: flex; align-items: center; margin-top: 28rpx; width: 664rpx; height: 160rpx; /* background-image: url('@/static/img/coupon-gr.png'); */ background-repeat: no-repeat; background-size: cover; background-position: center; } .coupon-title.data-v-26d32206{ width:220rpx; text-align: center; font-weight: bold; font-size: 32rpx; color: #FFFFFF; } .price-info.data-v-26d32206{ width: 270rpx; text-align: center; color: #222222; } .price-numer.data-v-26d32206{ font-weight: 800; font-size: 48rpx; } .price-text.data-v-26d32206{ font-size: 22rpx; } .shop-coupon-btn.data-v-26d32206{ margin-left: 14rpx; width: 136rpx; height: 44rpx; border-radius: 22rpx; font-size: 24rpx; color: #FFFFFF; text-align: center; line-height: 44rpx; }