.main { position: relative; width: 100%; background-color: #f8f8f8; } .one { background-color: #ffffff; padding: 10px 20px; } .text2 { position: relative; left: 270px; } .two { padding: 5px 20px; } .two_text { margin: 0 0 10px 0; } .text3 { font-size: 12px; color: #999; } .text4 { position: relative; left: 150px; font-size: 12px; color: #999; } .two_shop { width: 100%; background-color: #ffffff; padding: 10px 0; height: 170px; } .photo1 { width: 50%; float: left; height: 90px; } .shop { width: 162px; height: 80px; margin: 0px 5px 10px 0; } .check { position: relative; left: 0px; top: -100px; 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: -92px; left: 112px; 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); }