@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .shopDetail { background: #fff; min-height: 100vh; } .shopDetail .top-box .bg { width: 100%; height: 240rpx; object-fit: cover; vertical-align: bottom; } .shopDetail .top-box .shop-info { padding: 16rpx 24rpx; margin-top: -30rpx; box-sizing: border-box; background: #fff; border-radius: 32rpx; position: relative; z-index: 2; display: flex; } .shopDetail .top-box .shop-info .shop-logo { width: 120rpx; height: 120rpx; border-radius: 16rpx 16rpx 16rpx 16rpx; margin-top: -28rpx; } .shopDetail .top-box .shop-info .info-box { margin-left: 20rpx; color: #222222; } .shopDetail .top-box .shop-info .info-box .title-box { display: flex; justify-content: space-between; } .shopDetail .top-box .shop-info .info-box .title-box .title { font-size: 32rpx; font-weight: bold; } .shopDetail .top-box .shop-info .info-box .address-box { width: 100%; display: flex; align-items: center; margin-top: 12rpx; box-sizing: border-box; font-size: 22rpx; } .shopDetail .top-box .shop-info .info-box .address-box .address { display: flex; align-items: center; } .shopDetail .top-box .shop-desc { font-size: 20rpx; color: #AAAAAA; padding: 0 24rpx; width: 100%; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; white-space: nowrap; } .shopDetail .tab-box { display: flex; height: 80rpx; background: #fff; margin: 20rpx 24rpx; border-bottom: 1rpx solid #F0F0F0; } .shopDetail .tab-box .tab { flex: 1; line-height: 80rpx; text-align: center; font-size: 28rpx; color: #222222; } .shopDetail .tab-box .tab.active { font-weight: bold; color: #222222; position: relative; } .shopDetail .tab-box .tab.active::before { content: ''; width: 40rpx; height: 8rpx; background: linear-gradient(135deg, #FFA467 0%, #FFC888 100%); border-radius: 4rpx 4rpx 4rpx 4rpx; position: absolute; bottom: 0%; left: calc(50% - 20rpx); } .shopDetail .content { padding: 0 30rpx 100rpx; } .shopDetail .content .discounts { padding: 30rpx 0; border-radius: 8px; } .shopDetail .content .discounts .title { font-weight: bold; font-size: 28rpx; } .shopDetail .content .discounts .discounts-item { -webkit-filter: drop-shadow(0 6rpx 2rpx rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 6rpx 2rpx rgba(0, 0, 0, 0.1)); } .shopDetail .content .discounts .discounts-item .card-content.card-used { background: url(data:image/png;base64,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) no-repeat; background-size: 100% 144rpx; } .shopDetail .content .discounts .discounts-item .card-content { display: flex; align-items: center; justify-content: space-between; background-color: #efefef; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV8AAABICAYAAABREfYWAAAAAXNSR0IArs4c6QAAB9NJREFUeF7t2n9oVWUcx/HnnN177vQf07E1p1HoNtNaqVMRSyNLSSQtDBVTtkTTiv7oh4j/SZD1h5TgoMxf0yw1M/0jEglNIyWyNJ1z5uaPWdOcyxREd+7uzolzvQuJyueZz8555L4vXAT53u/3Oa/H+/HZo5a48bI73qdq9w8uzM+rSMTiY2zb7icsq3umhl8QQCACgZLyJ3IbGhrahBCewni7uFjE639qbFX4DKU6BXz/muf7J91k8tvzTeeq+w99/EhmD9uFEL4lhAjesYULX+z+1oIF7ztxpzLzezqXQS8EEOikwJc79/R9emrFBSFE+ksr0Sb4Tud8tXVl4YQnx/8qUU9J1wt4bjK5+uWF77yxZs2a4C/EVDp4q5Ys6TFv3rRtsVhsdNevgQkIIKAicKH5wqTCkhE7gy+s5Ok3+Ek21nT8wISi3gXbVWZR27UCqVRq19vLlz+3ePGyq0H4OsmWk6vj8djMrh1LdwQQ6IxAa9L9pFt+6ZxM+N7q9Js+9Qbhe725vjo34UzrzEw+03UCbtL9KDe/9FXr7LF9Y+7p03dv142iMwII3I6AL0Sqpu7E6IdHjvv5FgH8d/DWfv/1sIH3l+6xrHQQ8zJLwDvZeHaE5TY3rHUS8eCelxcCCBgq4Hnt9Rs/3zJ25tyFLTddP9x8/xsEb/q6YePaDwqnPjNhl21b/Qx9nKxflusmqyzvz9NnLNu+N+s1AEDAcAGv3as9WHNk1vDHJtdl7n6D8A3eHf9wbh/at6PsoUEDNth2Tqnhj5PVy/O89qOWf6UxuMTnR5Os/qPAw99BAm6r6376e3PL5sM1h46tWL/+ypyZc3sOGzqorKBX3rREbmKaJaz4HfQ8WblU3/evB+Er819XshKIh0YAAQS6SoDw7SpZ+iIQhsD5OiF6DwxjEjM0CxC+mkFph0CoAg37hCh+JNSRDNMjQPjqcaQLAtEIcPKNxl3DVMJXAyItEEAAAVUBwldVjHoETBLg5GvSbiithfBV4qIYAcMEuPM1bEPkl0P4yltRiYB5Apx8zdsTyRURvpJQlCGAAAI6BQhfnZr0QiBsAU6+YYtrm0f4aqOkEQIRCHDnGwG6npGErx5HuiAQjQAn32jcNUwlfDUg0gIBBBBQFSB8VcWoR8AkAU6+Ju2G0loIXyUuihEwTIA7X8M2RH45hK+8FZUImCfAyde8PZFcEeErCUUZAgggoFOA8NWpSS8Ewhbg5Bu2uLZ5hK82ShohEIEAd74RoOsZSfjqcaQLAtEIcPKNxl3DVMJXAyItEEAAAVUBwldVjHoETBLg5GvSbiithfBV4qIYAcMEuPM1bEPkl0P4yltRiYB5Apx8zdsTyRURvpJQlCGAAAI6BQhfnZr0QiBsAU6+YYtrm0f4aqOkEQIRCHDnGwG6npGErx5HuiAQjQAn32jcNUwlfDUg0gIBBBBQFSB8VcWoR8AkAU6+Ju2G0loIXyUuihEwTIA7X8M2RH45hK+8FZUImCfAyde8PZFcEeErCUUZAgggoFOA8NWpSS8Ewhbg5Bu2uLZ5hK82ShohEIEAd74RoOsZSfjqcaQLAtEIcPKNxl3DVMJXAyItEEAAAVUBwldVjHoETBLg5GvSbiithfBV4qIYAcMEuPM1bEPkl0P4yltRiYB5Apx8zdsTyRURvpJQlCGAAAI6BQhfnZr0QiBsAU6+YYtrm0f4aqOkEQIRCHDnGwG6npGErx5HuiAQjQAn32jcNUwlfDUg0gIBBBBQFSB8VcWoR8AkAU6+Ju2G0loIXyUuihEwTIA7X8M2RH45hK+8FZUImCfAyde8PZFcEeErCUUZAgggoFOA8NWpSS8Ewhbg5Bu2uLZ5hK82ShohEIEAd74RoOsZSfjqcaQLAtEIcPKNxl3DVMJXAyItEEAAAVUBwldVjHoETBLg5GvSbiithfBV4qIYAcMEuPM1bEPkl0P4yltRiYB5Apx8zdsTyRVZ/pUzrhCWI1lPGQIIIIDAbQr4wk9a3uXTJyzLLrnNXnwcAQTCEWhrdZNfXGy5tKnmUM2h6u2bLldOn37XkAfLhvTq2XNGIpF4VggRC2cpTOmsgOd5J6zWi/UrE44zp7NN+BwCCIQj4LV7dcdPnX7hgWFjDwshPCGEn3lbQojgbR89sLt8QPF9a2N2DgeqcLalU1PcZNuHVlPd/lFFRX32daoDH0IAgVAEguDdsHnbuIqXXm8RQrTfFL4d89PhK4TI+WzdsrunTJq827bt/qEsjiFKAr4v/DNnGkcGG+a4F+tXOY4zS6kDxQggEIqAL/y22praUWWPTqwRQqT+JXj/GcCxX378ZnhJSb+91o1A5mWQgJtMrsrNL3klCN9YVdWSHvOfn74jx84ZbtAaWQoCCAghWl13XbeC0vmZ4A1OvcF1w3+9gu90TvC9dlvqNzhxZwqI5gikUqn9Vcs/nvja4sVXO+6KYiuWLu1RWTF5meM4MzL3R+asmJUgkMUC55tbnioqKd+dCd//C94OpfT1wx+nDk7ulZe3JYvpTHp0L9mWrH5v5eo3Fy1692qwl0H4Bq9gs9Lv04e/G9q7sKAy7sTHW5ZVaFlWN5OegLUgkG0CW7buKpg6e/alzF2v7OPn/LB3e9HwwUPOyn6AOr0Cvi+uCeGfa3XdnY2/Na0dWD42uDYK/qE0/dPLX+IFlLoy7nRgAAAAAElFTkSuQmCC) no-repeat; background-repeat: no-repeat; background-size: 100% 144rpx; -webkit-filter: drop-shadow(0rpx 0rpx 6rpx 2rpx rgba(0, 0, 0, 0.1)); filter: drop-shadow(0rpx 0rpx 6rpx 2rpx rgba(0, 0, 0, 0.1)); border-radius: 16rpx; height: 144rpx; padding: 0 30rpx 0 48rpx; margin-top: 20rpx; position: relative; box-sizing: border-box; } .shopDetail .content .discounts .discounts-item .card-content .info .title { color: #FFAA6C; font-size: 28rpx; font-weight: bold; } .shopDetail .content .discounts .discounts-item .card-content .info .desc { display: flex; align-items: center; font-size: 20rpx; color: #AAAAAA; } .shopDetail .content .discounts .discounts-item .card-content .info .desc .jiantou { width: 20rpx; height: 20rpx; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); display: block; margin-left: 10rpx; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .shopDetail .content .discounts .discounts-item .card-content .info .open .jiantou { -webkit-transform: rotateZ(270deg) !important; transform: rotateZ(270deg) !important; } .shopDetail .content .discounts .discounts-item .card-content .info .red { color: #FD7300 !important; } .shopDetail .content .discounts .discounts-item .card-content .info .limit { font-size: 20rpx; color: #AAAAAA; margin: 10rpx 0; } .shopDetail .content .discounts .discounts-item .card-content .info .time { color: #9a9a9a; font-size: 24rpx; margin-top: 15rpx; } .shopDetail .content .discounts .discounts-item .card-content .btn-box .btn { width: 118rpx; height: 48rpx; line-height: 48rpx; text-align: center; font-size: 24rpx; font-weight: bold; background: linear-gradient(135deg, #FFA467 0%, #FFC888 100%); border-radius: 24rpx; color: #fff; margin-top: 15rpx; } .shopDetail .content .discounts .discounts-item .card-content .num { position: absolute; white-space: nowrap; bottom: 10rpx; right: 26rpx; font-size: 18rpx; color: #222222; } .shopDetail .content .discounts .discounts-item .card-desc { font-size: 20rpx; color: #AAAAAA; padding: 20rpx 10rpx; background: #FFFFFF; border-radius: 0rpx 0rpx 16rpx 16rpx; } .shopDetail .content .discounts .discounts-item .card-desc .desc { margin-top: 22rpx; } .shopDetail .content .goods-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .shopDetail .content .goods-list .goods-item { background: #F9F9F9; border-radius: 16rpx; width: 342rpx; box-sizing: border-box; margin-top: 20rpx; display: flex; flex-direction: column; } .shopDetail .content .goods-list .goods-item .goods-info { display: flex; flex-direction: column; justify-content: space-between; padding: 8rpx; flex: 1; } .shopDetail .content .goods-list .goods-item .goods-info .goods-name { font-weight: bold; color: #222222; font-size: 24rpx; margin: 16rpx 0; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } .shopDetail .content .goods-list .goods-item .goods-info .type { color: #AAAAAA; font-size: 20rpx; } .shopDetail .content .goods-list .goods-item .goods-info .price { font-weight: bold; color: #FF4C3A; font-size: 28rpx; margin-top: 16rpx; } .shopDetail .hot-title { display: flex; justify-content: center; align-items: center; margin: 20rpx 0; } .shopDetail .hot-title .icon { width: 29rpx; height: 35rpx; } .shopDetail .hot-title .title { font-size: 32rpx; color: #0F0F0F; font-weight: bold; padding: 0 10rpx; } .shopDetail .zs-list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 30rpx; } .shopDetail .zs-list .left .left-frist { padding: 15rpx; border-radius: 16rpx; width: 332rpx; height: 284rpx; box-sizing: border-box; background: linear-gradient(180deg, #FFDEDE 0%, #FFFFFF 100%); box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16); margin-bottom: 25rpx; } .shopDetail .zs-list .left .left-frist .top-box { display: flex; align-items: center; justify-content: space-between; } .shopDetail .zs-list .left .left-frist .top-box .title { color: #0F0F0F; font-size: 26rpx; } .shopDetail .zs-list .left .left-frist .top-box .type-box { display: flex; align-items: center; padding: 0 16rpx; height: 40rpx; line-height: 40rpx; border-radius: 20rpx; background: linear-gradient(90deg, #FE574C 0%, #FE2A5C 100%); } .shopDetail .zs-list .left .left-frist .top-box .type-box .hot { width: 16.7rpx; height: 21.7rpx; } .shopDetail .zs-list .left .left-frist .top-box .type-box .type { font-size: 20rpx; font-weight: 400; color: #FFFFFF; margin-left: 6rpx; } .shopDetail .zs-list .left .left-frist .image-box { position: relative; margin-top: 20rpx; } .shopDetail .zs-list .left .left-frist .image-box .image { width: 302rpx; height: 182rpx; border-radius: 16rpx; } .shopDetail .zs-list .left .left-frist .image-box .btn-box { position: absolute; left: 0; bottom: 10rpx; display: flex; align-items: center; } .shopDetail .zs-list .left .left-frist .image-box .btn-box .desc { font-size: 24rpx; font-weight: 400; color: #FFFFFF; margin-left: 10rpx; } .shopDetail .zs-list .left .left-frist .image-box .btn-box .btn { height: 36rpx; line-height: 36rpx; padding: 0 14rpx; background: #61B5FD; border-radius: 8rpx; color: #FFFFFF; font-size: 20rpx; } .shopDetail .zs-list .right .frist { border: 1px solid #FF612E; } .shopDetail .zs-list .right .frist .info { background: #FF612E; color: #fff; } .shopDetail .zs-list .right .frist .info .address { color: #fff; } .shopDetail .zs-list .store-item { width: 335rpx; margin-bottom: 25rpx; box-shadow: 0rpx 0rpx 24rpx 2rpx rgba(0, 0, 0, 0.08); border-radius: 16rpx; background: #fff; } .shopDetail .zs-list .store-item .icon { width: 100%; height: 300rpx; border-radius: 16rpx 16rpx 0 0; } .shopDetail .zs-list .store-item .info { padding: 20rpx; background: #fff; border-radius: 0 0 16rpx 16rpx; position: relative; } .shopDetail .zs-list .store-item .info .hot-icon { position: absolute; bottom: 20rpx; right: 25rpx; width: 44.6rpx; height: 48.6rpx; } .shopDetail .zs-list .store-item .info .title { font-weight: bold; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .shopDetail .zs-list .store-item .info .tags { display: flex; align-items: center; } .shopDetail .zs-list .store-item .info .tags .tag-item { line-height: 50rpx; border-radius: 8rpx; padding: 6rpx 0; font-size: 24rpx; margin-left: 10rpx; display: flex; } .shopDetail .zs-list .store-item .info .tags .tag-item .label { background: #FFF; color: #FE5B47; padding: 0 10rpx; border-radius: 8rpx 0 0 8rpx; } .shopDetail .zs-list .store-item .info .tags .tag-item .value { color: #FFF; background: rgba(255, 255, 255, 0.2); padding: 0 14rpx; border-radius: 0 8rpx 8rpx 0; } .shopDetail .zs-list .store-item .info .address { display: flex; align-items: center; margin-top: 15rpx; color: #999; } .shopDetail .zs-list .store-item .info .address .position { width: 25rpx; height: 29rpx; margin-right: 8rpx; } .shopDetail #map { position: relative; top: -100000px; left: -1000000px; }