.main { position: relative; width: 100%; background-color: #d4d4d4; } .one { float: left; width: 100%; background-color: #ffffff; padding: 10px 20px; } .text2 { position: relative; left: 270px; } .two { float: left; width: 100%; padding: 5px 20px; } .two_text { height: 20px; } .text3 { width: 50%; float: left; font-size: 12px; color: #999; } .text4 { width: 50%; float: left; text-align: right; font-size: 12px; color: #999; } .two_shop { /* background-color: #fff; */ width: 100%; } .photo1 { width: 45%; float: left; } .shop { width: 145px; height: 80px; margin: 0px 5px 10px 0; } .check { position: relative; left: -145px; top: -74px; z-index: 99999; } .btn-area { position: relative; top: 20px; } .button { width: 300px !important; background-image: linear-gradient(to right, #fd3c1e, #c74df0); border-radius: 30px; color: #ffffff; text-align: center; font-size: small; } .del { width: 20px; height: 20px; position: relative; top: -66px; left: -54px; background-color: #ffffff; border-radius: 10px } /* 重写 checkbox 样式 */ /* 未选中的 背景样式 */ checkbox .wx-checkbox-input { border-radius: 50%; /* 圆角 */ width: 17px; /* 背景的宽 */ height: 17px; /* 背景的高 */ } /* 选中后的 背景样式*/ checkbox .wx-checkbox-input.wx-checkbox-input-checked { border: 1rpx solid #17c911; background: #17c911; } /* 选中后的 对勾样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { border-radius: 50%; width: 40rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height: 40rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ line-height: 40rpx; text-align: center; font-size: 30rpx; /* 对勾大小 30rpx */ color: #fff; /* 对勾颜色 白色 */ background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); }