::-webkit-scrollbar { /*滚动条整体样式*/ width: 15rpx !important; height: 10rpx !important; background: #ccc !important; display: block !important; border-radius: 100rpx; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 100rpx; background-color: #477eff; width: 15rpx; } ::-webkit-scrollbar-track { background: #f2f3f7; border-radius: 100rpx; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 主要颜色 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .page.data-v-701bb4a0 { background-color: #F9F9F9; width: 100%; height: 100%; } .head.data-v-701bb4a0 { position: fixed; left: 0; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; height: calc(120rpx + 25px); padding-top: calc(40rpx + 25px); background-color: white; } .head .logo-title.data-v-701bb4a0 { width: 64%; color: #000; padding-left: 25rpx; font-size: 32rpx; display: flex; align-items: center; } .head .logo-title image.data-v-701bb4a0 { width: 32rpx; height: 32rpx; margin-right: 10rpx; } .head .setting-mess.data-v-701bb4a0 { width: 20%; display: flex; align-items: center; height: 100%; margin-right: 25rpx; } .main.data-v-701bb4a0 { margin-top: 100rpx; padding-top: 10rpx; padding-bottom: 140rpx; } .goods-top.data-v-701bb4a0 { padding: 10rpx 0; } .goods-top .goods-title.data-v-701bb4a0 { padding: 25rpx; display: flex; justify-content: space-between; } .goods-top .goods-title text.data-v-701bb4a0 { font-size: 32rpx; font-weight: bold; color: #000; } /* 价格 */ .price-info.data-v-701bb4a0 { padding: 0 25rpx; } .price-info .price-info-right-bg.data-v-701bb4a0 { margin: 30rpx 0; } .price-info .price-info-right-bg image.data-v-701bb4a0 { width: 100%; } .goods-jj.data-v-701bb4a0 { color: #888D9C; padding: 0 25rpx; line-height: 45rpx; text-align: justify; } /* 底部 */ .page-footer.data-v-701bb4a0 { position: fixed; left: 0; bottom: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 130rpx; background-color: #FFFFFF; border-radius: 30rpx 30rpx 0 0; padding: 30rpx; box-shadow: -10rpx 0 20rpx 20rpx #efefef; } .page-footer .footer-fn.data-v-701bb4a0 { width: 30%; } .page-footer .footer-fn text.data-v-701bb4a0 { font-size: 35rpx; color: #FF3636; font-weight: bold; line-height: 150rpx; } .page-footer .footer-buy.data-v-701bb4a0 { width: 70%; height: 100%; } .page-footer .footer-buy .buy-at.data-v-701bb4a0 { display: flex; align-items: center; justify-content: center; width: 100%; height: 80rpx; background: #477EFF; border-radius: 30rpx; } .page-footer .footer-buy .buy-at text.data-v-701bb4a0 { color: #FFFFFF; } .address-list.data-v-701bb4a0 { border-radius: 20rpx; border: 2rpx solid #F3F3F3; padding: 30rpx; margin-top: 20rpx; } .address-list .list.data-v-701bb4a0 { display: flex; justify-content: space-between; align-items: center; color: #8D8D8D; border-bottom: 2rpx solid #f6f6f6; padding-bottom: 25rpx; padding-top: 25rpx; } .address-list .list .list-img.data-v-701bb4a0 { display: flex; align-items: center; } .address-list .list .edit.data-v-701bb4a0 { display: flex; align-items: center; justify-content: flex-end; height: 100%; color: #3d3d3d; } .address-list .list .edit image.data-v-701bb4a0 { width: 22rpx; height: 22rpx; margin-left: 10rpx; } .address-list .list.data-v-701bb4a0:last-child { border-bottom: 0; padding-bottom: 0; } .address-list .width100.data-v-701bb4a0 { width: 100%; display: inherit; } .address-list .textarea.data-v-701bb4a0 { background-color: #F1F1F1; border-radius: 20rpx; width: 100%; margin-top: 20rpx; padding: 20rpx; font-size: 28rpx; min-height: 100rpx; } .address-list .placeholder.data-v-701bb4a0 { color: #3d3d3d; } .detail-zhu.data-v-701bb4a0 { display: flex; justify-content: space-between; color: #000; align-items: center; } .detail-zhu .detail-zhu-left.data-v-701bb4a0 { color: #477EFF; } .cooperationDetail-bg.data-v-701bb4a0 { background-color: #fff; border-radius: 30rpx 30rpx 0 0; padding: 30rpx; } .rule-win .cu-dialog.data-v-701bb4a0 { background-color: #fff; border-radius: 30rpx; height: 730rpx; } .rule-win .rule-content.data-v-701bb4a0 { padding: 30rpx 0 30rpx 30rpx; text-align: center; color: #888D9C; } .rule-win .rule-content .rule-title.data-v-701bb4a0 { font-size: 32rpx; color: #000; margin-bottom: 20rpx; } .rule-win .rule-content .scroll-view.data-v-701bb4a0 { text-align: left; height: 500rpx; margin: 30rpx 0; } .rule-win .rule-content .scroll-view .rule-text.data-v-701bb4a0 { line-height: 45rpx; padding-right: 20rpx; } .rule-win .rule-content .rule-btn.data-v-701bb4a0 { display: flex; justify-content: space-between; margin-right: 30rpx; } .rule-win .rule-content .rule-btn .rule-btnleft.data-v-701bb4a0 { background-color: #EEEEEE; color: #6F6F6F; border-radius: 30rpx; padding: 20rpx 0; width: 100%; } .rule-win .rule-content .rule-btn .rule-btnright.data-v-701bb4a0 { background-color: #E4ECFF; color: #477EFF; border-radius: 30rpx; padding: 20rpx 0; width: 100%; }