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; } .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); }