wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked { color: #fff !important; background-color: #FFA900; border: 2rpx solid #FFA900 } wx-checkbox .wx-checkbox-input { /*margin-right: 10rpx;*/ -webkit-appearance: none; appearance: none; outline: 0; text-indent: 0; width: 40rpx; height: 40rpx; background-color: transparent; position: relative; border: 1rpx solid #FFA900; box-sizing: border-box; } /*钩大小*/ wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before { font-size: 36rpx; } .buy-container { display: flex; flex-direction: column; padding: 20rpx; } .buy-title { height: 100rpx; background-color: blanchedalmond; } .buy-all-container { display: flex; flex-direction: column; border-radius: 10rpx; background-color: white; } .buy-all-box { margin-top: 20rpx; display: flex; flex-direction: column; border-radius: 20rpx; background-color: white; box-shadow: 0rpx 0rpx 10rpx 10rpx #e9e8e88f; } .buy-all-title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .buy-all-txt { font-size: 42rpx; color: black; } .buy-all-txt .money { margin-left: 20rpx; font-size: 32rpx; color: #532A00; font-weight: 500; } .buy-all-btn { padding: 5rpx 35rpx; border-radius: 10rpx; background-color: #FFA900; color: white; } .buy-desc-box { display: flex; flex-direction: column; } .buy-desc-txt { font-size: 28rpx; color: #3b3b3b; } .buy-desc-title { font-size: 28rpx; color: #3b3b3b; } .buy-desc-item { display: flex; flex-direction: row; justify-content: space-between; } .buy-desc-row { display: flex; flex-direction: row; font-size: 28rpx; flex: 1; align-items: center; justify-content: flex-start; } .buy-desc-row-no-margin { display: flex; flex-direction: row; font-size: 28rpx; flex: 1; align-items: center; } .buy-desc-column { display: flex; flex-direction: row; font-size: 28rpx; flex: 1; align-items: center; } .list { counter-reset: my-counter; padding: 0; } /* 每个列表项递增计数器 */ .list-item { counter-increment: my-counter; display: flex; align-items: center; } /* 使用 ::before 伪元素显示计数器值并设置圆形背景 */ .list-item::before { content: counter(my-counter); background-color: #F4CE98; color: black; border-radius: 50%; width: 40rpx; height: 40rpx; display: flex; justify-content: center; align-items: center; margin-right: 10rpx; } .buy-desc-row .txt { font-size: 24rpx; } .buy-desc-row-icon { width: 40rpx; height: 40rpx; } .box-bottom-options { justify-content: center; background-color: #FCF3E5; padding: 20rpx; }