page { background-color: #f8f8f8; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .content.data-v-2c61843d { padding-bottom: 200rpx; } .content .titleimg.data-v-2c61843d { position: relative; } .content .titleimg .titlenum.data-v-2c61843d { background-color: rgba(0, 0, 0, 0.3); height: 50rpx; line-height: 50rpx; padding: 0 20rpx; right: 0rpx; bottom: 50rpx; position: absolute; border-radius: 60rpx 0rpx 0 60rpx; font-size: 20rpx; color: #ffffff; } .content .goodsdatum.data-v-2c61843d { padding: 20rpx 30rpx; background-color: #ffffff; } .content .goodsdatum .goods_name.data-v-2c61843d { font-weight: 500; } .content .goodsdatum .goods_price.data-v-2c61843d { padding: 20rpx 0; border-bottom: 2rpx solid #f8f8f8; } .content .goodsdatum .goods_time.data-v-2c61843d { padding: 20rpx 0; border-bottom: 2rpx solid #f8f8f8; } .content .goodsdatum .goods_time .time-item.data-v-2c61843d { height: 30rpx; line-height: 30rpx; padding-left: 20rpx; } .content .goodsdatum .goods_time .img-box.data-v-2c61843d { flex: 0.85; } .content .goodsdatum .goods_time .img-box .item-img-box.data-v-2c61843d { padding-right: 10rpx; } .content .goodsdatum .goods_time .img-box .item-img-box .img-item.data-v-2c61843d { width: 80rpx; height: 80rpx; border-radius: 5rpx; } .content .goodsdatum .goods_time .img-box .morebox.data-v-2c61843d { background-color: #eeeeee; width: 80rpx; height: 80rpx; border-radius: 8rpx; padding: 0; line-height: 50rpx; color: #999999; } .content .goodsdatum .goods_time .moreimg.data-v-2c61843d { flex: 0.15; color: #999999; line-height: 80rpx; text-align: center; font-size: 26rpx; } .content .merchant.data-v-2c61843d { background-color: #ffffff; padding: 30rpx; margin-top: 20rpx; } .content .merchant .merchant-title.data-v-2c61843d { padding-bottom: 30rpx; } .content .merchant .merchant-item.data-v-2c61843d { padding-bottom: 30rpx; color: #999999; position: relative; } .content .merchant .merchant-item .merchant-icon.data-v-2c61843d { height: 50rpx; width: 50rpx; line-height: 50rpx; border-radius: 50%; font-size: 32rpx; text-align: center; color: #ffffff; background-color: #ff4444; position: absolute; right: 0; top: -50%; -webkit-transform: translateY(50%); transform: translateY(50%); } .content .merchant .merchant-item .merchant-icon image.data-v-2c61843d { width: 40rpx; height: 40rpx; margin-top: 6rpx; } .content .recently.data-v-2c61843d { padding: 20rpx 30rpx; font-weight: 600; margin: 20rpx 0; height: 70rpx; background-color: #ffffff; } .content .recently .recently-img-box .recently-img-item.data-v-2c61843d { width: 70rpx; height: 70rpx; border-radius: 50%; position: relative; } .content .detailParticulars.data-v-2c61843d { padding: 30rpx; background-color: #ffffff; padding-bottom: 150rpx; overflow: hidden; } .content .bottom-btn.data-v-2c61843d { box-shadow: 0px 0px 10px #cccccc; height: 100rpx; background-color: #ffffff; position: fixed; width: 100vw; z-index: 1000; bottom: 0; left: 0; } .content .bottom-btn .btn-item.data-v-2c61843d { width: 50%; line-height: 50rpx; } .content .bottom-btn .btn-item .btn-icon.data-v-2c61843d { font-size: 36rpx; text-align: center; } .content .bottom-btn .btn-item .btn-text.data-v-2c61843d { font-size: 20rpx; text-align: center; } .content .bottom-btn .red_btn.data-v-2c61843d { padding: 10rpx 20rpx; flex: 0.5; } .content .bottom-btn .red_btn .item-btn.data-v-2c61843d { height: 80rpx; line-height: 80rpx; text-align: center; background-color: #ff4444; border-radius: 60rpx; width: 350rpx; font-size: 34rpx; color: #ffffff; } .content .showApply.data-v-2c61843d { width: 92vw; padding: 30rpx; height: 800rpx; background-color: #ffffff; border-radius: 30rpx 30rpx 0rpx 0rpx; margin-bottom: 100rpx; overflow: auto; } .content .showApply .goodsLogo.data-v-2c61843d { width: 200rpx; height: 200rpx; border-radius: 10rpx; } .content .showApply .huiyuan.data-v-2c61843d { height: 35rpx; line-height: 35rpx; border-radius: 60rpx 0rpx 0rpx 60rpx; background-color: #eed196; color: #333333; padding: 0 10rpx; } .content .showApply .zhekou.data-v-2c61843d { height: 35rpx; line-height: 35rpx; border-radius: 0 60rpx 60rpx 0; background-color: #333333; color: #eed196; padding: 0 10rpx; } .content .showApply .roundclose.data-v-2c61843d { font-size: 50rpx; color: #cccccc; position: absolute; right: 15rpx; top: 15rpx; } .content .showApply .rmb.data-v-2c61843d { font-size: 20rpx; color: #ff4444; padding-left: 20rpx; vertical-align: bottom; line-height: 52rpx; } .content .showApply .picea.data-v-2c61843d { font-size: 40rpx; color: #ff4444; padding-right: 20rpx; height: 40rpx; line-height: 40rpx; } .content .showApply .n-Number.data-v-2c61843d { width: 60rpx; height: 60rpx; border-radius: 5rpx; background-color: #f8f8f8; text-align: center; line-height: 60rpx; } .content .showApply .btnactive.data-v-2c61843d { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .content .showApply .btnactive.data-v-2c61843d:active { background-color: #999999; } .content .tag-a.data-v-2c61843d { padding: 25rpx 30rpx; border-radius: 15rpx; position: relative; overflow: hidden; margin-bottom: 30rpx; } .content .tag-a .checked.data-v-2c61843d { height: 100rpx; width: 100rpx; color: #ffffff; background-color: #ff4444; position: absolute; bottom: -80rpx; right: -80rpx; border-radius: 50%; padding: 0rpx 20rpx 20rpx; } .masking.data-v-2c61843d { position: fixed; /* width: 100%; height: 100%; */ top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, 0.5); /* display: none */ }