.m-panel-sp-icon { position: absolute; right: 20rpx; top: 10rpx; } .rmbLogo { font-size: 40rpx; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .uni-popup.data-v-7da806a4 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; } .uni-popup__mask.data-v-7da806a4 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .mask-ani.data-v-7da806a4 { transition-property: opacity; transition-duration: 0.2s; } .uni-top-mask.data-v-7da806a4 { opacity: 1; } .uni-bottom-mask.data-v-7da806a4 { opacity: 1; } .uni-center-mask.data-v-7da806a4 { opacity: 1; } .uni-popup__wrapper.data-v-7da806a4 { display: block; position: absolute; } .top.data-v-7da806a4 { top: 0; left: 0; right: 0; -webkit-transform: translateY(-500px); transform: translateY(-500px); } .bottom.data-v-7da806a4 { bottom: 0; left: 0; right: 0; -webkit-transform: translateY(500px); transform: translateY(500px); } .center.data-v-7da806a4 { display: flex; flex-direction: column; bottom: 0; left: 0; right: 0; top: 0; justify-content: center; align-items: center; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .uni-popup__wrapper-box.data-v-7da806a4 { display: block; position: relative; } .content-ani.data-v-7da806a4 { transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; transition-duration: 0.2s; } .uni-top-content.data-v-7da806a4 { -webkit-transform: translateY(0); transform: translateY(0); } .uni-bottom-content.data-v-7da806a4 { -webkit-transform: translateY(0); transform: translateY(0); } .uni-center-content.data-v-7da806a4 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .data-v-197c5888:export { theme_bg: #f30213; } .data-v-197c5888:export { theme_bg: #f30213; } .dropItem image.data-v-197c5888 { vertical-align: top; } .ms.data-v-197c5888 { text-align: center; position: relative; overflow: hidden; word-wrap: break-word; font-size: 24rpx; line-height: 40rpx; display: block; vertical-align: middle; box-sizing: border-box; cursor: pointer; } .ms image.data-v-197c5888 { height: 100%; width: 100%; vertical-align: middle; display: inline; } .s1.data-v-197c5888 { width: 100%; height: 750rpx; } .s2h.data-v-197c5888 { width: 100%; height: 375rpx; } .s2v.data-v-197c5888 { width: 50%; height: 749rpx; } .s4h.data-v-197c5888 { width: 100%; height: 188rpx; } .s4v.data-v-197c5888 { width: 50%; height: 375rpx; } .s8v.data-v-197c5888 { width: 25%; height: 375rpx; } .s8h.data-v-197c5888 { width: 50%; height: 188rpx; } .s16.data-v-197c5888 { width: 25%; height: 188rpx; } .s250h.data-v-197c5888 { width: 100%; height: 500rpx; } .fl.data-v-197c5888 { float: left; } .fr.data-v-197c5888 { float: right; } .borderStyle.data-v-197c5888 { border: 1rpx solid #f8f8f8; } .m-blank.data-v-197c5888 { position: relative; clear: both; } .m_plist.data-v-197c5888 { padding: 0 10rpx; box-sizing: border-box; position: relative; } .pinfo.data-v-197c5888 { padding: 16rpx; box-sizing: border-box; } .pprice.data-v-197c5888 { display: flex; justify-content: space-between; align-items: center; } .pname label.data-v-197c5888 { font-size: 28rpx; box-sizing: border-box; line-height: 18px; color: #333; height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .pSelling.data-v-197c5888 { font-size: 24rpx; line-height: 40rpx; color: #aaa; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .pprice.data-v-197c5888 { margin-top: 4rpx; } .pprice .pc.data-v-197c5888 { color: #db384c; font-size: 28rpx; font-weight: bold; } .pprice .pc label.data-v-197c5888 { font-size: 24rpx; } .p2.data-v-197c5888 { display: flex; flex-wrap: wrap; } .p2 .m_pitem.data-v-197c5888 { box-sizing: border-box; padding: 10rpx; width: 50%; flex-shrink: 0; } .p2 .m_pinfo.data-v-197c5888 { background-color: #fff; border-radius: 4rpx; /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);*/ position: relative; } .p2 .pimg.data-v-197c5888 { height: 345rpx; overflow: hidden; line-height: 345rpx; position: relative; border-radius: 4rpx 4rpx 0 0; } .p2 .pimg image.data-v-197c5888 { max-width: 100%; max-height: 100%; vertical-align: top; } .p1 .m_pitem.data-v-197c5888 { box-sizing: border-box; padding: 20rpx; width: 100%; } .p1 .m_pinfo.data-v-197c5888 { background-color: #fff; border-radius: 4rpx; /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);*/ position: relative; } .p1 .pimg.data-v-197c5888 { height: 690rpx; overflow: hidden; line-height: 690rpx; position: relative; border-radius: 4rpx 4rpx 0 0; } .p1 .pimg image.data-v-197c5888 { width: 100%; height: 100%; } .p3 .m_pitem.data-v-197c5888 { box-sizing: border-box; padding: 10rpx; width: 100%; } .p3 .m_pinfo.data-v-197c5888 { background-color: #fff; border-radius: 4rpx; /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);*/ position: relative; } .p3 .pimg.data-v-197c5888 { height: 332rpx; overflow: hidden; line-height: 690rpx; position: relative; border-radius: 4rpx 4rpx 0 0; } .p3 .pimg image.data-v-197c5888 { width: 100%; height: 100%; } .p4 .m_pitem.data-v-197c5888 { box-sizing: border-box; padding: 10rpx; width: 100%; } .p4 .m_pinfo.data-v-197c5888 { background-color: #fff; height: 260rpx; border-radius: 4rpx; /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);*/ display: flex; margin-bottom: 15rpx; position: relative; } .p4 .m_pinfo.data-v-197c5888:after { content: ' '; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #e5e5e7; color: #e5e5e7; /*transform-origin: 0 100%;*/ -webkit-transform: scaleY(0.5); transform: scaleY(0.5); top: -18rpx; } .p4 .pinfo.data-v-197c5888 { display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .p4 .pimg.data-v-197c5888 { width: 260rpx; height: 260rpx; overflow: hidden; line-height: 260rpx; position: relative; border-radius: 2px 0 2px 0; flex-shrink: 0; } .p4 .pimg image.data-v-197c5888 { width: 260rpx; height: 260rpx; } .c1.data-v-197c5888 { position: relative; width: 40rpx; height: 40rpx; background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc1.png) center no-repeat; background-size: cover; } .c2.data-v-197c5888 { position: relative; width: 56rpx; height: 56rpx; background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc2.png) center no-repeat; background-size: cover; } .c3.data-v-197c5888 { position: relative; text-align: center; width: 100rpx; height: 60rpx; margin-right: -30rpx; margin-top: 6rpx; color: #fff; font-size: 24rpx; line-height: 50rpx; background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc3.png) center no-repeat; background-size: cover; } .c4.data-v-197c5888 { position: relative; text-align: center; padding: 4rpx 20rpx; border-radius: 4rpx; color: #fff; font-size: 24rpx; background-color: #db384c; } .p5.data-v-197c5888 { display: flex; justify-content: flex-start; flex-wrap: nowrap; padding: 10rpx 0; width: 100%; } .p5 .m_pitem.data-v-197c5888 { width: 270rpx; flex-shrink: 0; background-color: #fff; margin-left: 16rpx; } .p5 .m_pitem image.data-v-197c5888 { width: 270rpx; height: 270rpx; } .p5 .m_pinfo.data-v-197c5888 { background-color: #fff; border-radius: 4rpx; /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);*/ position: relative; } .p5 .pimg.data-v-197c5888 { width: 270rpx; height: 270rpx; overflow: hidden; line-height: 270rpx; position: relative; border-radius: 4rpx 4rpx 0 0; } .p5 .pname label.data-v-197c5888 { font-size: 24rpx; } .p5 .pprice.data-v-197c5888 { margin-top: 10rpx; } .p5 .pprice .pc.data-v-197c5888 { font-size: 28rpx; } .m-RichText.data-v-197c5888 { box-sizing: border-box; clear: both; width: 100%; overflow: hidden; } .m-scrollBox.data-v-197c5888 { box-sizing: border-box; clear: both; text-align: center; } .m-scrollBox-img.data-v-197c5888 { max-height: 100% !important; max-width: 100% !important; vertical-align: middle; display: inline; } /*flex 布局*/ .boxFlex.data-v-197c5888 { position: relative; display: -webkit-flex; box-sizing: border-box; display: flex; } .boxFlexItem1.data-v-197c5888 { flex: 1; } .boxFlexItem2.data-v-197c5888 { flex: 2; } .boxFlexItem3.data-v-197c5888 { flex: 3; } .boxFlexItem4.data-v-197c5888 { flex: 4; } .boxFlexItem5.data-v-197c5888 { flex: 5; } /*排序方向 start*/ .fdRow.data-v-197c5888 { flex-direction: row; } .fdRowReverse.data-v-197c5888 { flex-direction: row-reverse; } .fdColumn.data-v-197c5888 { flex-direction: column; } .fdColumnReverse.data-v-197c5888 { flex-direction: column-reverse; } /*排序方向 end*/ /*是否换行 start*/ .fwNowrap.data-v-197c5888 { flex-wrap: nowrap; } .fwWrap.data-v-197c5888 { flex-wrap: wrap; } .fwWrapReverse.data-v-197c5888 { flex-wrap: wrap-reverse; } /*是否换行 end*/ /*水平对齐方式 start*/ .jcFlexStart.data-v-197c5888 { text-align: left; } .jcFlexEnd.data-v-197c5888 { text-align: right; } .jcCenter.data-v-197c5888 { text-align: center; } /*水平对齐方式 end*/ /*垂直对齐方式 start*/ .aiFlexStart.data-v-197c5888 { align-items: flex-start; clear: both; } .aiFlexEnd.data-v-197c5888 { align-items: flex-end; } .aiCenter.data-v-197c5888 { align-items: center; } .aiBaseline.data-v-197c5888 { align-items: baseline; } .aiStretch.data-v-197c5888 { align-items: stretch; } /*垂直对齐方式 end*/ /*flex 布局*/ /*Grid*/ .boxGrids.data-v-197c5888 { position: relative; overflow: hidden; background-color: #fff; clear: both; } .boxGridsBorder.data-v-197c5888 { border-top: 1rpx solid #d9d9d9; border-left: 1rpx solid #d9d9d9; } .boxGrid.data-v-197c5888 { position: relative; float: left; padding: 40rpx 20rpx; width: 33.33333333%; box-sizing: border-box; } .boxGridBorder.data-v-197c5888 { border-right: 1rpx solid #d9d9d9; border-bottom: 1rpx solid #d9d9d9; } .boxGrid.data-v-197c5888:active { background-color: #ececec; } .boxGridIcon.data-v-197c5888 { /* width: 76rpx; height: 76rpx;*/ width: 84rpx; height: 84rpx; margin: 0 auto; } .boxGridIcon image.data-v-197c5888 { display: block; width: 100%; height: 100%; } .boxGridLabel.data-v-197c5888 { margin-top: 10rpx; } .boxGridLabel.data-v-197c5888 { display: block; text-align: center; color: #000; font-size: 24rpx; line-height: 40rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*Grid*/ .mTel.data-v-197c5888 { width: 88rpx; height: 88rpx; position: fixed; background-color: #fff; right: 8px; top: 56%; z-index: 999; border-radius: 100%; box-shadow: 4rpx 4rpx 4rpx rgba(0, 0, 0, 0.2); text-align: center; line-height: 88rpx; } .u-search-box.data-v-197c5888 { background-color: #efeff4; padding: 20rpx; clear: both; } .u-search-cont.data-v-197c5888 { width: 100%; background-color: #fff; border-radius: 4rpx; text-align: center; padding: 10rpx 0; border-radius: 60rpx; } .u-search-box icon.data-v-197c5888 { display: inline-block; vertical-align: middle; margin-right: 10rpx; font-size: 28rpx; } .u-search-box text.data-v-197c5888 { font-size: 28rpx; color: #d5d5d5; } .mCS.data-v-197c5888 { width: 88rpx; height: 88rpx; position: fixed; background-color: #fff; right: 20rpx; top: 65%; border-radius: 100%; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); text-align: center; line-height: 88rpx; z-index: 999; } .mCS .iconfont.data-v-197c5888 { font-size: 30px; } .mCS contact-button.data-v-197c5888 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .formBox.data-v-197c5888 { padding: 50rpx; background-color: white; position: relative; display: block; clear: both; width: 650rpx; } .formBox .fromInput.data-v-197c5888 { margin-bottom: 10rpx; } .formBox label.data-v-197c5888 { font-size: 24rpx; display: block; line-height: 50rpx; color: #888; margin-top: 10rpx; } .formBox .fromInput input.data-v-197c5888 { font-size: 24rpx; box-sizing: border-box; height: 70rpx; border: none; padding: 10rpx; background-color: transparent; width: 100%; border: 2rpx solid #d5d5d5; border-radius: 8rpx; line-height: 50rpx; } .picker.data-v-197c5888 { font-size: 24rpx; box-sizing: border-box; height: 70rpx; border: none; padding: 10rpx; background-color: transparent; width: 100%; border: 2rpx solid #d5d5d5; border-radius: 8rpx; line-height: 50rpx; } .formSubmit.data-v-197c5888 { text-align: center; } .fromInput textarea.data-v-197c5888 { box-sizing: border-box; height: 200rpx; padding: 10rpx; background-color: transparent; width: 100%; border: 2rpx solid #d5d5d5; border-radius: 8rpx; font-size: 24rpx; } .fromCK_item.data-v-197c5888 { vertical-align: middle; line-height: 30px; position: relative; } .fromCK_item text.data-v-197c5888 { font-size: 24rpx; } .formButtom.data-v-197c5888 { box-sizing: border-box; display: inline-block; width: 100%; background-color: #db384c; color: white; font-size: 28rpx; border-radius: 8rpx; margin-top: 20rpx; } /*通知栏*/ .notice.data-v-197c5888 { height: 64rpx; background-color: #f8f8f8; display: flex; align-items: center; clear: both; position: relative; } .notice-icon.data-v-197c5888 { height: 40rpx; padding: 0 10rpx 0 24rpx; } .notice-icon image.data-v-197c5888 { height: 40rpx; width: 40rpx; } .notice-content.data-v-197c5888 { height: 40rpx; font-size: 24rpx; flex: 1; overflow: hidden; } .notice-content swiper-item.data-v-197c5888 { height: 40rpx; line-height: 40rpx; margin-right: 20rpx; color: #20273c; width: 50rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .notice-arrow.data-v-197c5888 { height: 40rpx; padding: 0 24rpx 0 24rpx; } /*通知栏*/ /*标题*/ .head-title.data-v-197c5888 { clear: both; box-sizing: border-box; height: 80rpx; background-color: #fff; padding: 20rpx 16rpx; display: flex; line-height: 40rpx; align-items: center; position: relative; } .head-title image.data-v-197c5888 { height: 48rpx; max-width: 48rpx; } .title-label.data-v-197c5888 { font-size: 32rpx; font-weight: bold; color: #282F40; margin-left: 8rpx; max-width: 180rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .title-linke.data-v-197c5888 { color: #9b9b9b; font-size: 24rpx; display: flex; align-items: center; position: absolute; right: 24rpx; } .title-linke .icon-right.data-v-197c5888 { font-size: 16rpx; margin-left: 8rpx; } .countdown-box.data-v-197c5888 { margin-left: 12px; display: flex; font-size: 12px; align-items: center; } .time1 text.data-v-197c5888 { width: 50rpx; height: 40rpx; line-height: 40rpx; display: inline-block; background-color: #f1f1f1; color: #db384c; text-align: center; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .time2 text.data-v-197c5888 { width: 40rpx; height: 40rpx; display: inline-block; background-color: #db384c; color: #fff; text-align: center; border-radius: 4rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .countdown-box label.data-v-197c5888 { display: inline-block; padding: 0 4rpx; color: #9b9b9b; } .time-box.data-v-197c5888 { margin-left: 10rpx; display: flex; align-items: center; } .cttitle.data-v-197c5888 { font-size: 24rpx; color: #9b9b9b; } /*标题*/ /*营销活动1*/ .mark.data-v-197c5888 { width: 80rpx; height: 80rpx; position: absolute; left: 0; top: 0; } .activity-warp.data-v-197c5888 { width: 100%; overflow: hidden; position: relative; } .activity-box1.data-v-197c5888 { display: flex; box-sizing: border-box; flex-direction: row; } .activity-box1 button.data-v-197c5888 { margin: 0; padding: 0; border-radius: 0; } .activity-box1 .activity-item.data-v-197c5888 { width: 280rpx; box-sizing: border-box; padding: 20rpx 30rpx 10rpx 30rpx; margin-right: 10rpx; background-color: #fff; overflow: visible; text-align: left; } .activity-box1 .activity-img.data-v-197c5888 { width: 220rpx; height: 220rpx; position: relative; display: flex; justify-content: center; align-items: center; } .activity-img image.data-v-197c5888 { max-width: 100%; max-height: 100%; } .activity-countdown.data-v-197c5888 { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); height: 44rpx; width: 100%; font-size: 22rpx; color: #fff; text-align: center; line-height: 44rpx; } .activity-countdown view.data-v-197c5888 { display: inline-block; } .activity-countdown view.data-v-197c5888:first-child { width: 80rpx; } .activity-countdown view.data-v-197c5888:last-child { width: 108rpx; } .activity-name.data-v-197c5888 { font-size: 24rpx; color: #000; line-height: 36rpx; padding: 10rpx 0; height: 68rpx; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; } .activity-price.data-v-197c5888 { display: flex; height: 40rpx; align-items: center; position: relative; color: #db384c; } .activity-price .price.data-v-197c5888 { font-size: 28rpx; } .activity-price .tip.data-v-197c5888 { font-size: 24rpx; position: absolute; right: 0; } .del-price.data-v-197c5888 { color: #9b9b9b; font-size: 24rpx; text-decoration: line-through; margin-left: 5px; } .activity-desc.data-v-197c5888 { font-size: 24rpx; color: #9b9b9b; line-height: 60rpx; text-align: left; } /*营销活动*/ /*营销活动2*/ .activity-box2.data-v-197c5888 { display: flex; flex-wrap: wrap; justify-content: space-between; } .activity-box2 button.data-v-197c5888 { margin: 0; padding: 0; } .activity-box2 .activity-item.data-v-197c5888 { width: 49.3%; box-sizing: border-box; padding: 20rpx 30rpx 10rpx 30rpx; background-color: #fff; box-sizing: border-box; margin-bottom: 10rpx; } .activity-box2 .activity-img.data-v-197c5888 { width: 306rpx; height: 306rpx; position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .activity-box2 .tip.data-v-197c5888 { color: #ff8b96; padding: 8rpx 16rpx; background-color: #fff4f5; border-radius: 20rpx; height: 40rpx; line-height: 24rpx; box-sizing: border-box; } /*营销活动*/ /*营销活动3*/ .activity-box3.data-v-197c5888 { display: flex; flex-wrap: wrap; } .activity-box3 .activity-item.data-v-197c5888 { display: flex; height: 270rpx; box-sizing: border-box; padding: 20rpx 30rpx; background-color: #fff; border-bottom: 1px solid #f8f8f8; width: 100%; } .activity-box3 .activity-img.data-v-197c5888 { width: 228rpx; height: 228rpx; position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; flex-shrink: 0; margin-right: 20rpx; } .activity-box3 .activity-info.data-v-197c5888 { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .activity-box3 .tip.data-v-197c5888 { color: #ff8b96; padding: 8rpx 16rpx; height: 40rpx; line-height: 24rpx; background-color: #fff4f5; border-radius: 20rpx; box-sizing: border-box; margin-right: 10rpx; } .activity-box3 .activity-desc.data-v-197c5888 { display: flex; align-items: center; } .activity-box3 .activity-btn.data-v-197c5888 { font-size: 24rpx; height: 50rpx; line-height: 50rpx; padding: 0 20rpx; background-color: #db384c; color: #fff; border-radius: 8rpx; position: absolute; right: 0; } .activity-box3 .disable.data-v-197c5888 { height: 50rpx; line-height: 50rpx; padding: 0 20rpx; background-color: #9b9b9b; color: #fff; border-radius: 8rpx; } /*营销活动*/ /*优惠券*/ .coupon_box.data-v-197c5888 { display: flex; justify-content: flex-start; flex-wrap: nowrap; box-sizing: border-box; } .coupon_item.data-v-197c5888 { width: 110px; height: 81px; background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/coupon/coupon_bg.png) no-repeat center; background-size: cover; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 20px; text-align: center; flex-shrink: 0; } .coupon_price.data-v-197c5888 { width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; } .coupon_desc.data-v-197c5888 { width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } .coupon_img.data-v-197c5888 { width: 110px; height: 81px; flex-shrink: 0; } .coupon_img image.data-v-197c5888 { display: block; width: 110px; height: 81px; } /*优惠券*/ .official-account.data-v-197c5888 { position: relative; clear: both; } .upload-view.data-v-197c5888 { display: flex; flex-wrap: wrap; } .upload-img.data-v-197c5888 { width: 208rpx; height: 208rpx; margin: 8rpx 8rpx 0 0; flex-shrink: 0; background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/img/uploadimage.png) center no-repeat #bfbfbf; background-size: 150rpx; } .upload-img-item.data-v-197c5888 { width: 208rpx; height: 208rpx; margin: 8rpx 8rpx 0 0; flex-shrink: 0; border: 1rpx solid rgba(0, 0, 0, 0.3); position: relative; box-sizing: border-box; background-color: #e6e6e6; } .del-upload-img.data-v-197c5888 { width: 100%; position: absolute; left: 0; bottom: 0; height: 40rpx; background-color: rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; } .del-upload-img .iconfont.data-v-197c5888 { color: #fff; } .upload-img-item image.data-v-197c5888 { max-width: 100%; max-height: 100%; } .bg-ellipse.data-v-197c5888 { border-radius: 0 0 30% 30%; height: 100rpx; position: absolute; top: 0rem; left: 0; right: 0; z-index: 0; background-color: red; } .data-v-197c5888:export { theme_bg: #f30213; } .banner.data-v-197c5888 { height: 362rpx; background-color: #fff; position: relative; } .banner-bar.data-v-197c5888 { position: absolute; top: 0; left: 0; height: 90rpx; width: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); z-index: 2; } .bar.data-v-197c5888 { float: left; height: 100%; box-sizing: border-box; overflow: hidden; } .bl.data-v-197c5888 { width: 15%; text-align: center; line-height: 90rpx; color: #fff; } .bl .icon-saoma.data-v-197c5888 { font-size: 44rpx; } .bc.data-v-197c5888 { width: 70%; text-align: center; } .br.data-v-197c5888 { width: 15%; text-align: center; line-height: 90rpx; color: #fff; position: relative; } .br contact-button.data-v-197c5888 { position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; } .br .icon-more.data-v-197c5888 { font-size: 44rpx; } .search-box.data-v-197c5888 { width: 100%; height: 60rpx; background-color: #fff; border-radius: 60rpx; display: inline-block; margin-top: 15rpx; text-align: left; font-size: 28rpx; line-height: 60rpx; color: #888; } .search-box label.data-v-197c5888 { line-height: 50rpx; padding: 0 10rpx 0 20rpx; } .search-box .iconfont.data-v-197c5888 { font-size: 40rpx; } .banner swiper.data-v-197c5888, .slide-image.data-v-197c5888 { width: 100%; height: 100%; } .ct-list.data-v-197c5888 { background-color: #fff; } .ct-list .g-grids.data-v-197c5888 { padding: 10rpx 0; } .ct-list .g-grids.data-v-197c5888::after, .ct-list .g-grids.data-v-197c5888::before { content: ""; border: none; } .ct-list .g-grid.data-v-197c5888 { width: 20%; padding: 15rpx; } .ct-list .g-grid.data-v-197c5888::after, .ct-list .g-grid.data-v-197c5888::before { content: ""; border: none; } .ct-list .g-grid-label.data-v-197c5888 { font-size: 24rpx; line-height: 40rpx; color: #333; } .ct-list .g-grid-icon.data-v-197c5888 { width: 68rpx; height: 68rpx; } .ad-p-list.data-v-197c5888 { background-color: #fff; position: relative; margin: 20rpx 0; } .ad-p-list.data-v-197c5888::after { content: " "; position: absolute; left: 0; top: -1rpx; right: 0; height: 1rpx; border-bottom: 1rpx solid #e5e5e7; color: #CCCCCC; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 3; } .ad-p-item.data-v-197c5888 { width: 50%; height: 600rpx; position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; } .ad-p-item.data-v-197c5888:nth-child(2n-1):before { content: " "; position: absolute; top: 1repx; right: 0; height: 100%; width: 1rpx; border-right: 1rpx solid #e5e5e7; color: #CCCCCC; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); z-index: 3; } .ad-p-item.data-v-197c5888::after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1rpx; border-bottom: 1rpx solid #e5e5e7; color: #CCCCCC; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 3; } .ad-p-item image.data-v-197c5888 { width: 375rpx; height: 375rpx; } .ad-p-info.data-v-197c5888 { padding: 15rpx; box-sizing: border-box; } .ad-p-info .ad-p-price.data-v-197c5888 { font-size: 32rpx; color: #f30213; } .m-ShopProfile .m-cell-bd.data-v-197c5888 { font-size: 28rpx; } .ad-p-name.data-v-197c5888 { font-size: 24rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; box-sizing: border-box; padding: 15rpx; line-height: 40rpx; color: #333; } .u-btn-default.data-v-197c5888 { width: 160rpx; height: 50rpx; font-size: 24rpx; line-height: 50rpx; float: right; margin: 0; } .data-v-197c5888:export { theme_bg: #f30213; } .m-banner.data-v-197c5888 { height: 200rpx; position: relative; } .m-banner image.data-v-197c5888 { height: 200rpx; width: 100%; } .m-content-box.data-v-197c5888 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 2; } .m-logo.data-v-197c5888 { width: 140.4rpx; height: 140.4rpx; background-color: #fff; border-radius: 8rpx; box-shadow: 0px 0rpx 10rpx rgba(0, 0, 0, 0.35); color: #888; position: absolute; left: 20rpx; bottom: 25rpx; z-index: 2; text-align: center; padding: 5rpx; box-sizing: border-box; display: inline-block; } .m-logo image.data-v-197c5888 { width: 100%; height: 100%; } .m-shopinfo.data-v-197c5888 { position: absolute; top: 50rpx; left: 170rpx; width: 70%; z-index: 2; } .m-shopinfo label.data-v-197c5888 { color: #fff; font-size: 28rpx; line-height: 20rpx; display: inline-block; } .m-shopinfo .iconfont.data-v-197c5888 { color: #f30213; font-size: 50rpx; margin-left: 10rpx; position: relative; top: 8rpx; } .m-shopinfo text.data-v-197c5888 { display: block; font-size: 24rpx; color: #fff; margin-top: 20rpx; } .m-ba-tab.data-v-197c5888 { font-size: 24rpx; text-align: center; background-color: #fff; height: 105.3rpx; position: relative; box-sizing: border-box; padding-top: 14rpx; box-shadow: 0px 0rpx 10rpx rgba(0, 0, 0, 0.35); overflow: hidden; z-index: 3; } .m-ba-icon.data-v-197c5888 { width: 100%; height: 45rpx; line-height: 45rpx; } .m-ba-item-select.data-v-197c5888 { color: #f30213; position: relative; } .m-ba-item-select.data-v-197c5888::before { content: " "; position: absolute; left: 0; bottom: 0rpx; right: 0; height: 6rpx; border-bottom: 6rpx solid #f30213; color: #CCCCCC; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 3; } .m-ShopProfile .m-cell-bd.data-v-197c5888 { font-size: 28rpx; } .m-sort.data-v-197c5888 { padding: 0 40rpx 0 0; box-sizing: border-box; width: 100%; text-align: center; position: relative; } .m-sort image.data-v-197c5888 { width: 18rpx; height: 20rpx; margin-left: 10rpx; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; } .m-sort .uni-icons.data-v-197c5888 { margin-left: 10rpx; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #f30213 !important; font-weight: 700; } .u-pabtn.data-v-197c5888 { top: 305rpx !important; } .u-patop.data-v-197c5888 { top: 0 !important; } .u-pabtn .m-tab.data-v-197c5888 { position: absolute; } .no-tap.data-v-197c5888 { padding-top: 4rpx !important; } /*全部商品 start*/ .m-navbar.data-v-197c5888::before { content: " "; position: absolute; left: 0; top: -2px; right: 0; height: 1px; border-bottom: 1px solid #CCCCCC; color: #CCCCCC; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 3; } .m-navbar.data-v-197c5888:after { bottom: 2rpx; } .m-navbar-item.data-v-197c5888 { padding: 20rpx 0; font-size: 28rpx; } .m-navbar-item.data-v-197c5888:after { border: none; } .m-navbar-item.m-navbar-item-on.data-v-197c5888 { background-color: #fff; color: #f30213; } .m-navbar-item.m-navbar-item-on.data-v-197c5888::before { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 6rpx; border-bottom: 6rpx solid #f30213; color: #CCCCCC; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 3; } /*全部商品 end*/ /*商超模块 start*/ .m-supermarket-ad.data-v-197c5888 { margin: 20rpx 0; } .m-supermarket-tip-item.data-v-197c5888 { display: inline-block; width: 25%; text-align: center; height: 88rpx; padding: 10rpx; box-sizing: border-box; } .m-supermarket-tip-item label.data-v-197c5888 { display: inline-block; width: 100%; height: 100%; background-color: #fff; border-radius: 8rpx; line-height: 68rpx; font-size: 28rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*商超模块 end*/ /*母婴之家广告模块 start*/ .m-muyin-ad-content.data-v-197c5888 { margin: 20rpx 0; } .m-muyin-ba-item.data-v-197c5888 { width: 718rpx; height: 412rpx; background-color: #fff; margin: 20rpx auto; border-radius: 8rpx; overflow: hidden; } .m-muyin-ba-item image.data-v-197c5888 { width: 718rpx; height: 336rpx; vertical-align: top; } .m-muyin-ba-info.data-v-197c5888 { height: 75rpx; line-height: 75rpx; padding: 0 20rpx; font-size: 28rpx; } .m-muyin-ba-info text.data-v-197c5888 { color: #f30213; float: right; font-size: 32rpx; } .m-muyin-ba-name.data-v-197c5888 { width: 500rpx; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } /*母婴之家广告模版 end*/ /*生鲜食品广告模块 start*/ .m-food-adlist.data-v-197c5888 { margin: 20rpx 0; } .m-food-aditem.data-v-197c5888 { width: 680rpx; height: 788rpx; background-color: #fff; margin: 0 auto; margin-bottom: 20rpx; box-sizing: border-box; padding: 20rpx; position: relative; } .m-food-ad-img.data-v-197c5888 { width: 640rpx; height: 640rpx; box-sizing: border-box; vertical-align: top; } .m-food-info.data-v-197c5888 { height: 108rpx; width: 80%; } .m-food-info-price.data-v-197c5888 { font-size: 28rpx; color: #f30213; padding-top: 10rpx; } .m-food-info-price label.data-v-197c5888 { font-size: 36rpx; } .m-food-info-price text.data-v-197c5888 { font-size: 28rpx; color: #888; text-decoration: line-through; padding-left: 20rpx; line-height: 20px; } .m-food-info-name.data-v-197c5888 { font-size: 32rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .m-food-ad-icon image.data-v-197c5888 { width: 60rpx; height: 60rpx; position: absolute; bottom: 40rpx; right: 20rpx; } /*生鲜食品广告模块 end*/ /*第六套模块 end*/ .content.data-v-197c5888 { display: flex; background: white; position: absolute; height: 100%; width: 100%; } .category.data-v-197c5888 { flex: 1; font-size: 26rpx; } .category-item.data-v-197c5888 { height: 100rpx; line-height: 100rpx; text-align: center; border-bottom: 1rpx solid #eee; border-left: 8rpx solid transparent; background: #F8F8F8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .category-item-select.data-v-197c5888 { border-left: 8rpx solid #f30213; box-sizing: border-box; background: white; } .body.data-v-197c5888 { flex: 4; } .body-title.data-v-197c5888 { font-size: 24rpx; background: #F8F8F8; height: 50rpx; line-height: 50rpx; padding-left: 20rpx; } .body-item.data-v-197c5888 { padding: 10rpx 20rpx; display: flex; position: relative; border-bottom: 1rpx solid #eee; background: white; } .body-item image.data-v-197c5888 { border-radius: 10rpx; height: 120rpx; width: 120rpx; display: inline-block; padding: 15rpx 0; } .body-item-info.data-v-197c5888 { margin-left: 20rpx; flex: 1; font-size: 28rpx; } .item-info-title.data-v-197c5888 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 40rpx; max-height: 80rpx; } .item-info-salenum.data-v-197c5888 { font-size: 22rpx; color: gray; margin-top: 15rpx; } .item-info-price.data-v-197c5888 { color: #f30213; font-weight: bold; font-size: 32rpx; margin-top: 20rpx; position: relative; } .item-info-price label.data-v-197c5888 { font-size: 22rpx; font-weight: normal; } .item-num-box.data-v-197c5888 { position: absolute; bottom: 0rpx; right: 20rpx; display: flex; align-items: center; font-size: 30rpx; height: 120rpx; color: #f30213; } .item-num-add.data-v-197c5888 { width: 50rpx; text-align: center; overflow: hidden; } .item-num-choose.data-v-197c5888 { background: #f30213; padding: 8rpx 20rpx; border-radius: 20rpx; color: white; font-size: 26rpx; display: inline-block; } .item-num-over.data-v-197c5888 { padding: 5rpx 15rpx; border-radius: 20rpx; color: #f30213; font-size: 26rpx; display: inline-block; border: 1px solid #f30213; box-sizing: border-box; } .bottom-bar.data-v-197c5888 { height: 100rpx; width: 100%; background: white; position: fixed; bottom: 0; left: 0; display: flex; z-index: 15; } .bar-left.data-v-197c5888 { flex: 3; border-top: 1px solid #ddd; box-sizing: border-box; position: relative; font-size: 28rpx; } .car.data-v-197c5888 { width: 110rpx; height: 110rpx; position: fixed; left: 30rpx; bottom: 30rpx; z-index: 20; } .car-img.data-v-197c5888 { font-size: 110rpx; position: absolute; top: 0; left: 0; } .red.data-v-197c5888 { color: #f30213; } .gray.data-v-197c5888 { color: #ccc; } .delAll.data-v-197c5888 { display: block; padding-left: 10rpx; } .car-num.data-v-197c5888 { position: absolute; width: 30rpx; height: 30rpx; background: #f30213; color: white; right: 0; top: 40rpx; border-radius: 50%; font-size: 18rpx; border: 4rpx solid white; line-height: 30rpx; text-align: center; overflow: hidden; } .price-box.data-v-197c5888 { margin-left: 150rpx; line-height: 45rpx; padding: 5rpx; } .price-money.data-v-197c5888 { font-size: 36rpx; color: #f30213; font-weight: bold; } .price-money label.data-v-197c5888 { font-size: 28rpx; color: #f30213; } .price-delivery.data-v-197c5888 { font-size: 24rpx; color: gray; } .text-null.data-v-197c5888 { line-height: 100rpx; margin-left: 150rpx; color: gray; } .bar-right.data-v-197c5888 { flex: 1; text-align: center; color: white; font-size: 32rpx; line-height: 100rpx; } .bar-right-red.data-v-197c5888 { background: #f30213; } .bar-right-gray.data-v-197c5888 { background: #ccc; } /*底部弹框*/ .window.data-v-197c5888 { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; z-index: 10; background-color: rgba(0, 0, 0, 0.5); } .window-top.data-v-197c5888 { flex: 1; } .top-content.data-v-197c5888 { background: #F8F8F8; bottom: 100rpx; left: 0; width: 100%; position: fixed; z-index: 10; } .window-clear.data-v-197c5888 { height: 60rpx; line-height: 60rpx; font-size: 24rpx; margin-right: 20rpx; color: gray; } .window-clear label.data-v-197c5888 { float: right; } .top-scrollbox.data-v-197c5888 { max-height: 480rpx; overflow: scroll; } .window-scroll-item.data-v-197c5888 { height: 120rpx; line-height: 120rpx; background: white; border-bottom: 1rpx solid #eee; box-sizing: border-box; position: relative; font-size: 32rpx; } .window-item-title.data-v-197c5888 { width: 400rpx; display: inline-block; margin-left: 20rpx; height: 120rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .window-item-title-sp.data-v-197c5888 { width: 400rpx; margin-left: 20rpx; height: 120rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 60rpx; padding: 10rpx 0; box-sizing: border-box; } .sp-name.data-v-197c5888 { width: 400rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sp-content.data-v-197c5888 { font-size: 26rpx; width: 400rpx; overflow: hidden; color: gray; } .window-item-price.data-v-197c5888 { height: 102rpx; display: inline-block; line-height: 120rpx; position: absolute; top: 0; left: 420rpx; color: #f30213; } .window-bottom.data-v-197c5888 { height: 100rpx; } /*第六套模块 end*/ .m-sp-box.data-v-197c5888 { width: 80%; background: white; border-radius: 10rpx; box-sizing: border-box; } .m-sp-top.data-v-197c5888 { padding: 0 30rpx; position: relative; } .u-close-sp.data-v-197c5888 { font-size: 46rpx; color: #f30213; position: absolute; right: 30rpx; top: 10rpx; } .m-sp-title.data-v-197c5888 { height: 100rpx; text-align: center; line-height: 100rpx; overflow: hidden; font-size: 30rpx; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin: 0 auto; width: 300rpx; margin: 0; } .m-sp-body.data-v-197c5888 { font-size: 24rpx; color: gray; margin-bottom: 30rpx; } .m-bodyname.data-v-197c5888 { height: 100rpx; } .m-sp-choose.data-v-197c5888 { display: inline-block; padding: 8rpx 25rpx; border: 1px solid gray; border-radius: 50rpx; margin: 10rpx; border-color: lightgray; } .m-sp-unit.data-v-197c5888 { margin-top: 30rpx; } .sp-choose-item-checked.data-v-197c5888 { background-color: rgba(219, 56, 76, 0.2); border-color: #f30213; color: black; } .m-sp-bottom.data-v-197c5888 { background: #F8F8F8; height: 100rpx; border-top: 1px solid lightgray; margin-top: 50rpx; border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx; line-height: 100rpx; position: relative; padding: 0 30rpx; } .sp-bottom-price.data-v-197c5888 { font-size: 40rpx; font-style: bold; color: #f30213; } .sp-bottom-des.data-v-197c5888 { font-size: 24rpx; color: gray; margin-left: 10rpx; } .m-listv.data-v-197c5888 { padding: 0 0 0 14rpx; } .u-pabtn.data-v-197c5888 { position: static; } .m-product-info.data-v-197c5888 { width: auto; } .m-product-info .m-product-price.data-v-197c5888 { display: flex; justify-content: space-between; } .inddex-store-container.data-v-197c5888 { padding-bottom: 64px; } .inddex-store-container .shop-address-content.data-v-197c5888 { display: flex; align-items: center; justify-content: space-between; margin: 20px 10px 0 10px; } .inddex-store-container .shop-address-content .shop-address-left-content.data-v-197c5888 { display: flex; align-items: center; position: relative; width: 78%; justify-content: space-around; } .inddex-store-container .shop-address-content .shop-address-left-content .address-icon.data-v-197c5888 { width: 45px; height: 45px; text-align: center; color: red; } .inddex-store-container .shop-address-content .shop-address-left-content .address-info.data-v-197c5888 { max-width: 75%; line-height: 44rpx; } .inddex-store-container .shop-address-content .shop-address-left-content .address-info .address-item.data-v-197c5888 { display: flex; flex-flow: column; font-size: 12px; } .inddex-store-container .shop-address-content .shop-address-right-content.data-v-197c5888 { width: 20%; height: 40px; text-align: center; } .inddex-store-container .shop-address-content .shop-address-right-content .shop-address-right-item.data-v-197c5888 { display: flex; flex-flow: column; align-items: center; line-height: 40px; } .inddex-store-container .shop-address-content .shop-address-right-content .shop-address-right-item .phone-img.data-v-197c5888 { width: 22px; height: 22px; } .tag-view.data-v-197c5888 { position: absolute; bottom: 20rpx; right: 20rpx; z-index: 100; display: inline-flex; } .tag-mark-right.data-v-197c5888 { border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .m-shopinfo.data-v-197c5888 { width: 556rpx; display: flex; flex-flow: column; } .m-shopinfo .iconfont.data-v-197c5888 { color: #fff; margin-left: 0px; } .m-shopinfo .iconfont.icon-start.data-v-197c5888 { top: 0; margin-left: 4rpx; } .m-shopinfo .iconfont.sel.data-v-197c5888 { color: #f30213; } .m-shopinfo .service-star-box.data-v-197c5888 { background-color: gray; line-height: 32rpx; height: 32rpx; border-radius: 20rpx; font-size: 12px; color: white; width: 240rpx; padding: 0rpx 6rpx; margin-left: 0rpx; float: right; text-align: center; display: flex; } .m-shopinfo .service-star-box .m-startBox.data-v-197c5888 { display: inline-block; line-height: 30rpx; height: 30rpx; font-size: 20rpx; } .m-shopinfo .service-star-box .m-startBox label.data-v-197c5888 { font-size: 20rpx; } .u-pa .m-product-list.data-v-197c5888 { padding-top: calc(90rpx) !important; } .uni-comment-date.data-v-197c5888 { font-size: 10px; color: #999999; } .t.data-v-197c5888 { width: 90rpx; height: 90rpx; /* left: 0px; */ position: absolute; top: 18rpx; } .m-logo.data-v-197c5888 { overflow: hidden; } .is-rest .is-rest-bg.data-v-197c5888 { position: absolute; bottom: 0; left: 0; width: 100%; height: 36rpx; background: #000; opacity: 0.5; z-index: 2; } .is-rest .is-rest-tips.data-v-197c5888 { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 36rpx; font-size: 24rpx; color: #fff; text-align: center; z-index: 3; } .uni-uploader__img.data-v-197c5888 { display: block; width: 182rpx; height: 182rpx; } .uni-uploader__file.data-v-197c5888 { margin: 9rpx; width: 182rpx; height: 182rpx; } .u-top-default.data-v-197c5888 { bottom: 150px; } .all_shop_tab.data-v-197c5888 { position: -webkit-sticky; position: sticky; top: -2px; z-index: 2; border-bottom: 1rpx solid #eee; } .back-to-top.data-v-197c5888 { position: fixed; top: 80%; -webkit-transform: translateY(-75%); transform: translateY(-75%); right: 14rpx; width: 80rpx; height: 80rpx; text-align: center; border-radius: 50%; background-color: #fff; color: #fff; box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.3s ease; z-index: 98; pointer-events: none; opacity: 0; } .back-to-top.show.data-v-197c5888 { opacity: 1; pointer-events: auto; } .data-v-197c5888 .uni-nav-bar-text { font-size: 20px !important; font-weight: 500; }