.content{ background: #f7f8f9; min-height: 100vh; } .pack-center {z-index: 9;} /* 工具栏 */ .bag-header{ border-bottom: solid 1rpx #f1f1f1; padding: 25rpx 30rpx; overflow: hidden; position: fixed; width: 100%; top: 0; left: 0; box-sizing: border-box; line-height: 40rpx; } /* 购物车列表 */ .bag-content{ padding: 90rpx 0 140rpx 0; background: #f7f8f9; } .bag-content-mall{ background: white; margin-top: 30rpx; padding-bottom: 20rpx; } .bag-content-mall-name{ line-height: 80rpx; padding: 0 30rpx; border-bottom: solid 1rpx #f1f1f1; } .bag-content-mall-goods{ position: relative; padding: 20rpx 30rpx 0 30rpx; } .mall-good-cover{ width: 148rpx; height: 148rpx; background: #f5f6fa; vertical-align: top; } .mall-good-content{ position: absolute; top: 20rpx; left: 268rpx; right: 96rpx; } .mall-good-value{ color: #747788; font-size: 24rpx; line-height: 40rpx; } .mall-good-title{ line-height: 40rpx; } .mall-good-price{ color: #e92344; padding-top: 20rpx; line-height: 48rpx; font-weight: bold; padding-right: 200rpx; position: relative; } .mall-good-number{ display: flex; position: absolute; right: 0; top: 18rpx; width: 180rpx; font-weight: normal; text-align: center; height: 50rpx; } .mall-good-number-btn{ width: 50rpx; } .mall-good-number-input{ flex: 1; margin: 0 6rpx; height: 50rpx; line-height: 50rpx; } .mall-good-number-input, .mall-good-number-btn{ background: #f5f6fa; color: #464854; } .mall-good-more{ height: 148rpx; line-height: 148rpx; width: 36rpx; padding: 0 30rpx; position: absolute; top: 20rpx; right: 0; } .mall-good-more image{ width: 100%; vertical-align: middle; } /* footer */ .bag-footer{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 20rpx 300rpx 20rpx 30rpx; box-sizing: border-box; border-top: solid 1rpx #f1f1f1; } .bag-footer, .bag-header{ background: white; z-index: 9; } .bag-footer-price{ font-size: 32rpx; font-weight: bold; } .bag-footer-price text{ color: #da2b54; } .bag-footer-rests{ color: #747788; font-size: 26rpx; } .bag-footer-rests, .bag-footer-price{ line-height: 40rpx; } .bag-footer-btn[size="mini"]{ position: absolute; right: 30rpx; top: 20rpx; width: 240rpx; height: 80rpx; line-height: 80rpx; border-radius: 40rpx; background: #da2b54; color: white; font-size: 32rpx; } .bag-footer-btn::after{ border: none; } /* checkbox */ .checkbox{ height: 40rpx; width: 40rpx; line-height: 40rpx; display: inline-block; padding-top: 54rpx; padding-right: 30rpx; } .checkbox.sellerCheckbox, .checkbox.allCheckbox{ padding-top: 0; } .checkbox.allCheckbox{ padding-right: 10rpx; } .checkbox checkbox{ vertical-align: top; margin-top: -2rpx; } .checkbox checkbox .wx-checkbox-input{ background: white; border-radius: 50%; border:solid 3rpx #464854; height: 34rpx; width: 34rpx; } .checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked{ background: #da2b54; border-color: #da2b54; } .checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked:before{ top: 18rpx; right: 5rpx; color: white; line-height: 34rpx; text-align: center; width: 36rpx; height: 36rpx; font-size:36rpx; }