page { background-color: #f4f4f4; } .input-container { position: relative; background-color: #f0f0f0; border-radius: 6rpx; } .input-container::before { content: '\e618'; font-family: iconfont; position: absolute; top: 50%; left: 16rpx; transform: translateY(-40%); color: #aaa; } .input-container .icon-guanbi { position: absolute; top: 50%; right: 16rpx; transform: translateY(-40%); font-size: 28rpx; color: #aaa; padding: 10rpx; z-index: 2; } .input { padding: 10rpx 50rpx; } .time::before { content: '\e64c'; font-family: iconfont; padding-right: 10rpx; color: #FF6768; } .icon-xia, .icon-shang { font-size: 16rpx; } .icon-sort2 { font-size: 24rpx; } /* .line { position: relative; } .line::after { content: ''; position: absolute; right: 0; background-color: #f4f4f4; width: 2rpx; height: 30rpx; top: 50%; transform: translateY(-50%); } */ /* .item { border-radius: 12rpx; background-color: white; } */ /* .item ~ .item { margin-top: 20rpx; } */ .money { /* word-break: break-all; word-wrap: break-word; */ } .money::before { content: '¥'; font-size: 22rpx; } .md { position: relative; } .md::before, .md::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 2rpx; height: 40%; background-color: #f4f4f4; } .md::before { left: 0; } .md::after { right: 0; } .noMore { padding: 20rpx; color: #bbb; text-align: center; font-size: 26rpx; background-color: transparent !important; } .head { position: sticky; top: 0; z-index: 1; } .dropdown { border-top: 2rpx solid #f8f8f8; position: absolute; width: 100%; top: 54rpx; left: 0; background-color: white; z-index: 1; } .active { color: #FF6768; font-weight: bold; position: relative; } .active::after { content: ''; width: 30%; height: 2rpx; background-color: #FF6768; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; } .mask { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); } .hover { background-color: #eee; } .t-icon-sort-up { width: 12px; height: 12px; position: relative; top: 2rpx; right: 0; background-repeat: no-repeat; box-sizing: border-box; } .t-icon-sort-up.reverse { transform: rotateZ(-180deg); } .img { width: 240rpx; height: 240rpx; background-color: #eee; } .img2 { display: block; width: 100%; height: 340rpx; /* height: auto; */ /* width: 200rpx; height: 200rpx; */ background-color: white; } /*checkbox 整体大小 */ checkbox { /* width: 240rpx; height: 90rpx; */ } /*checkbox 选项框大小 */ checkbox .wx-checkbox-input { width: 34rpx; height: 34rpx; border-radius: 50%; } /*checkbox选中后样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked { background-color: #FF6768; border-color: #FF6768; /* color: white; */ } /*checkbox选中后图标样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { width: 34rpx; height: 34rpx; line-height: 34rpx; text-align: center; font-size: 24rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .bottomBar { box-sizing: border-box; position: fixed; bottom: 0; width: 100%; background-color: white; border-radius: 20rpx 20rpx 0 0; } .btn { color: white; background-color: #FF6768; border-radius: 6rpx; } /* .item { border-radius: 10rpx; } */ .item2 { width: calc((100% - 20rpx)/2); box-sizing: border-box; border-radius: 12rpx; overflow: hidden; margin-bottom: 20rpx; display: flex; flex-direction: column; } .item2:nth-child(even) { margin-left: 20rpx; } .content { padding-bottom: 110rpx; } .dropdown { position: absolute; left: 0; top: 114rpx; width: 100%; background-color: white; box-sizing: border-box; } .label { display: inline-block; padding: 5rpx 20rpx; color: #aaa; border: 2rpx solid #eee; background-color: #f8f8f8; border-radius: 6rpx; box-sizing: border-box; text-align: center; } .mask { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: -1; } .bsbb { box-sizing: border-box; } .l-red { background-image: linear-gradient(-225deg, #FF6060, #FF6768); } .bgf0 { background-color: #f0f0f0; } .filter::after { content: '\e68a'; font-family: iconfont; } .dropdown.show ~ .mask { display: block; } .input-price { background-color: #f0f0f0; border-radius: 30rpx; height: 60rpx; } .dropdown-wrapper { max-height: 1000rpx; overflow-y: auto; } .label.selected { color: #FF6768; border: 2rpx solid #FF6768; } .line_th { text-decoration: line-through; } .badge { display: block; width: 19rpx; height: 19rpx; } .card_bg { box-sizing: border-box; padding: 2rpx 10rpx; height: 28rpx; border-radius: 26rpx; font-size: 20rpx; line-height: 28rpx; max-width: 200rpx; background: #333; color: #fff; margin-left: 8rpx; display: flex; align-items: center; /* position: relative; top: -4rpx; */ } .card_bg image { width: 19rpx; height: 19rpx; margin-right: 8rpx; }