@charset "UTF-8"; .text-center.data-v-55c586f6 { text-align: center; } .font-weight.data-v-55c586f6 { font-weight: bold; } .page-width.data-v-55c586f6 { width: 100%; } .goods-hover-class.data-v-55c586f6 { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-55c586f6 { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-55c586f6 { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-55c586f6 { width: 100%; } .u-hover-class.data-v-55c586f6 { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-55c586f6 { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .goods-attr.data-v-55c586f6 { margin-top: 6rpx; margin-bottom: 16rpx; color: #999999; font-size: 26rpx; width: 60%; } .goods-attr text.data-v-55c586f6 { margin-right: 18rpx; } .page.data-v-55c586f6 { min-height: 100%; padding-top: 95rpx; } .self-dialog.data-v-55c586f6 { margin-bottom: 14rpx; } .top-banner.data-v-55c586f6 { width: 100%; position: absolute; height: 870rpx; z-index: 1; top: 0; background-repeat: no-repeat; background-size: 100% 100%; } .rules.data-v-55c586f6 { position: absolute; top: 32rpx; height: 40rpx; line-height: 40rpx; width: 136rpx; text-align: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 20rpx; font-size: 12px; color: #fff; z-index: 2; } .left-rules.data-v-55c586f6 { left: 20rpx; } .right-rules.data-v-55c586f6 { right: 20rpx; } .log-box.data-v-55c586f6 { position: absolute; z-index: 2; min-height: calc(100vh - 870rpx); top: 870rpx; padding-top: 20rpx; width: 100%; padding-bottom: 100rpx; } .info.data-v-55c586f6 { background-color: #fff; margin: 0 20rpx; position: relative; z-index: 2; border-radius: 16rpx; text-align: center; font-size: 16px; color: #353535; padding-top: 65rpx; padding-bottom: 10rpx; } .info .avatar.data-v-55c586f6 { position: absolute; top: -70rpx; left: 0; right: 0; width: 118rpx; height: 118rpx; border-radius: 50%; margin: 0 auto; border: 1rpx solid #fff; } .info .username.data-v-55c586f6 { font-size: 14px; color: #999; margin-bottom: 20rpx; } .goods.data-v-55c586f6 { margin: 20rpx 24rpx 0; padding: 24rpx 0; height: 264rpx; border-top: 1rpx solid #e2e2e2; text-align: left; font-size: 14px; color: #353535; } .goods image.data-v-55c586f6 { height: 216rpx; width: 216rpx; float: left; display: block; margin-right: 20rpx; } .goods .end_time.data-v-55c586f6 { font-size: 14px; color: #666; margin-top: 10rpx; } .end_time text.data-v-55c586f6 { margin: 0 10rpx; } .end_time text.data-v-55c586f6:last-of-type { margin: 0 0 0 10rpx; } .goods .end_time .date-text.data-v-55c586f6 { display: inline-block; color: #fff; height: 46rpx; line-height: 46rpx; text-align: center; width: 46rpx; margin: 0; background-color: #666; border-radius: 4rpx; } .goods .price.data-v-55c586f6 { font-size: 16px; color: #ff5c5c; margin-top: 10rpx; } .progress.data-v-55c586f6 { padding-top: 56rpx; height: 180rpx; width: 680rpx; margin: 32rpx auto 0; position: relative; z-index: 2; } .progress-info.data-v-55c586f6, .begin.data-v-55c586f6 { font-size: 12px; color: #ff5c5c; padding: 0 20rpx; display: inline-block; border-radius: 20rpx; height: 40rpx; line-height: 40rpx; background-color: #fff; position: absolute; z-index: 5; top: 0; left: 5%; margin-left: -68rpx; white-space: nowrap; } .progress-info.progressing.data-v-55c586f6 { margin-left: -68rpx; min-width: 82rpx; white-space: nowrap; } .progress-info.data-v-55c586f6::after { content: ''; position: absolute; top: 40rpx; left: 50%; margin-left: -8rpx; border: 8rpx solid transparent; border-top-color: #fff; } .progress .border.data-v-55c586f6 { position: absolute; top: 40rpx; margin-left: -8rpx; border: 8rpx solid transparent; border-top-color: #fff; } .progress-info.over.data-v-55c586f6::after { left: 75%; } .progress-info.over.data-v-55c586f6 { left: 97%; margin-left: -68rpx; white-space: nowrap; } .progress .progress-bg.data-v-55c586f6 { width: 680rpx; height: 28rpx; position: relative; z-index: 2; } .progress .progress-bg image.data-v-55c586f6 { width: 680rpx; height: 28rpx; position: absolute; } .progress .line.data-v-55c586f6 { position: absolute; top: 2rpx; left: 2rpx; height: 24rpx; background-color: #ff9f9f; border-radius: 12rpx; z-index: 5; max-width: 676rpx; } .progress .line.small-line.data-v-55c586f6 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .before-price.data-v-55c586f6, .after-price.data-v-55c586f6 { font-size: 12px; color: #fff; position: absolute; bottom: 40rpx; } .before-price.data-v-55c586f6 { left: 0; } .after-price.data-v-55c586f6 { right: 0; } .button-view.data-v-55c586f6 { position: relative; z-index: 2; margin: 0 20rpx; } .button-view button.data-v-55c586f6 { height: 82rpx; width: 328rpx; padding: 0; margin: 0; border-radius: 41rpx; } .button-view image.data-v-55c586f6 { height: 82rpx; width: 328rpx; } .log.data-v-55c586f6 { background-color: rgba(255, 255, 255, 0.3); margin: 0 20rpx; padding: 40rpx; border-radius: 16rpx; position: relative; z-index: 2; } .log-line.data-v-55c586f6 { position: absolute; top: 60rpx; left: 50%; height: 1rpx; width: 160rpx; background-color: #fff; } .log .log-line.data-v-55c586f6:first-of-type { margin-left: -254rpx; } .log .log-line.data-v-55c586f6:last-of-type { margin-left: 94rpx; } .log-title.data-v-55c586f6 { color: #fff; font-size: 14px; margin: 0 34rpx; } .log-item.data-v-55c586f6 { margin-top: 40rpx; height: 80rpx; line-height: 80rpx; color: #fff; } .log-item .log-user.data-v-55c586f6 { float: left; width: 50%; } .log-item .log-user image.data-v-55c586f6 { height: 80rpx; width: 80rpx; border-radius: 50%; margin-right: 24rpx; float: left; } .log-item .log-info.data-v-55c586f6 { float: right; width: 50%; text-align: right; } .log-item .log-info text.data-v-55c586f6 { float: right; } .log-item .log-info image.data-v-55c586f6 { margin-top: 15rpx; height: 50rpx; width: 72rpx; margin-right: 16rpx; } .look-more.data-v-55c586f6, .up.data-v-55c586f6 { margin-top: 48rpx; width: 100%; font-size: 12px; color: #fff; text-align: center; } .look-more image.data-v-55c586f6, .up image.data-v-55c586f6 { height: 18rpx; width: 18rpx; margin-right: 16rpx; } .join.data-v-55c586f6 { height: 152rpx; } .dialog-bg.data-v-55c586f6 { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.3); } .dialog-header.data-v-55c586f6 { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; height: 200rpx; width: 638rpx; z-index: 15; } .dialog-header-gif.data-v-55c586f6 { position: absolute; left: 0; right: 0; top: 34rpx; margin: 0 auto; height: 69rpx; width: 132rpx; z-index: 20; } .dialog-header-gif-sec.data-v-55c586f6 { position: absolute; left: 0; right: 0; top: -70rpx; margin: 0 auto; height: 276rpx; width: 525rpx; z-index: 20; -webkit-transform: scale(0.25); transform: scale(0.25); } .dialog.data-v-55c586f6 { padding: 60rpx 0 48rpx; background-color: #fff; position: fixed; top: 504rpx; left: 0; right: 0; margin: 0 auto; width: 638rpx; text-align: center; border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; } .dialog image.data-v-55c586f6 { margin-top: 45rpx; height: 88rpx; width: 480rpx; } .button-margin.data-v-55c586f6 { margin-top: 45rpx; } .button-margin button.data-v-55c586f6 { border: 0; } .dialog button.data-v-55c586f6 { background-color: #fff; } .dialog .price.data-v-55c586f6 { color: #ff5c5c; font-size: 16px; font-weight: blod; } .dialog-close.data-v-55c586f6 { height: 50rpx; width: 50rpx; position: fixed; top: 320rpx; right: 62rpx; z-index: 20; } .in-bargain.data-v-55c586f6 { position: fixed; top: 300rpx; left: 0; right: 0; margin: 0 auto; width: 638rpx; height: 535rpx; border-radius: 16rpx; background-color: #fff; } .bargain-gif.data-v-55c586f6 { display: block; position: absolute; top: 147.5rpx; left: 0; right: 0; height: 240rpx; width: 310rpx; margin: 0 auto; } .bargain-gif-bg.data-v-55c586f6 { display: block; position: absolute; top: 0; left: 0; right: 0; height: 500rpx; width: 500rpx; margin: 0 auto; } page.data-v-55c586f6 { height: 100%; } .nickname.data-v-55c586f6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 65%; } .dialog-item.data-v-55c586f6 { position: fixed; top: 400rpx; left: 0; right: 0; height: 300rpx; width: 640rpx; margin: 0 auto; z-index: 21; background-color: #fff; border-radius: 20rpx; text-align: center; font-size: 30rpx; } .close-button.data-v-55c586f6 { height: 88rpx; width: 640rpx; border-top: 1rpx solid #e2e2e2; line-height: 88rpx; color: #ff4544; position: absolute; bottom: 0; left: 0; } .dialog-tip-title.data-v-55c586f6 { margin: 40rpx auto 35rpx; } .join-img.data-v-55c586f6 { width: 680rpx; height: 110rpx; } .goods-name.data-v-55c586f6 { margin-top: 6rpx; }