kabao/pages/quick-purchase/index/index.wxss

@import '/import/css0_17.wxss';@import '/import/css0_18.wxss';.quick_purchase { height: 100vh; width: 100%; background: #fafafa; }
.shopping-cart { padding-bottom: 115rpx; }
.left_nav { height: 100%; width: 20%; float: left; padding-bottom: 130rpx; background: #f3f3f3; }
.device_iphone_x.left_nav { padding-bottom: 195rpx; }
.cat_name { height: 100rpx; width: 100%; font-size: 12px; color: #353535; display: flex; align-items: center; justify-content: center; }
.cat_name_active { background: #fafafa; color: #ff4544; }
.quick-hot { width: 15px; height: 15px; background-repeat: no-repeat; background-size: 90%; float: left; margin-right: 6px; }
.r_goods { height: 100%; width: 78%; float: right; padding-bottom: 130rpx; }
.device_iphone_x.r_goods { padding-bottom: 195rpx; }
.navname { font-size: 11px; color: #666; width: 100%; padding-top: 14px; padding-bottom: 14px; }
.goodsall { height: 174rpx; width: 100%; border-bottom: 1rpx solid #e6e6e6; position: relative; }
.goods { height: 152rpx; margin-top: 22rpx; width: 100%; }
.goods_pic { width: 27%; height: 100%; float: left; }
#goods_pic { width: 100%; height: 100%; }
.goods_info { width: 70%; height: 100%; margin-right: 1%; float: right; }
.goods_name { font-size: 28rpx; color: #353535; margin-top: 10rpx; font-weight: bold; }
.guigenum { position: absolute; bottom: 60%; left: 77%; width: 35rpx; height: 25rpx; border-radius: 40%; border: 1rpx solid red; color: red; background: #fff; font-size: 16rpx; display: flex; align-items: center; justify-content: center; }
.purchase { position: absolute; right: 1%; bottom: 10rpx; z-index: 100; height: 50rpx; }
.guigepurchase { position: absolute; right: 1%; bottom: 10rpx; z-index: 100; height: 50rpx; width: 22%; color: #ffe5e5; background: #ff4544; font-size: 26rpx; border-radius: 26rpx; display: flex; align-items: center; justify-content: center; }
.guige { position: relative; width: 136rpx; height: 45rpx; bottom: 30%; left: 68%; }
.show-btn { margin-top: 100rpx; color: #2c2; }
.modal-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; overflow: hidden; z-index: 2222; color: #fff; }
.guigeshu { border-radius: 100%; width: 55rpx; height: 55rpx; background-repeat: no-repeat; background-size: 90%; display: flex; align-items: center; justify-content: center; }
.btn-confirm { width: 50%; color: #ec5300; text-align: center; }
.navbar + .quick_purchase { padding-bottom: 115rpx; }
.navbar+.quick_purchase #goods_car { bottom: 115rpx; }
.navbar.device_iphone_x{ padding-bottom: 65rpx; }
.navbar.device_iphone_x ~ .quick_purchase { padding-bottom: 180rpx; }
.navbar.device_iphone_x ~ .quick_purchase #goods_car { bottom: 180rpx; }