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