.app { width: 94%; margin: 20rpx auto; padding: 20rpx 0 100rpx 0; background-color: #fff; font-size: 24rpx; .text { width: 92%; margin: 30rpx auto; font-weight: 500; color: #EE8F15; } .list { width: 92%; margin: 0 auto; .item { margin: 40rpx auto; height: 120rpx; position: relative; border-bottom: 2rpx solid #E6E6E6; .Selected { width: 108rpx; height: 40rpx; border: 1px solid #26A888; border-radius: 5rpx; position: absolute; right: 0%; top: 10%; font-weight: 500; color: #26A888; line-height: 40rpx; text-align: center; } .title { font-size: 30rpx; font-weight: 500; color: #333333; } .address { font-weight: 400; color: #8E8E8E; position: absolute; left: 0%; bottom: 10%; } .distance { font-weight: 400; color: #8E8E8E; position: absolute; right: 0%; bottom: 10%; display: flex; align-items: center; image { padding-right: 10rpx; width: 17rpx; height: 21rpx; } } } } .top { width: 90%; margin: 0 auto; display: flex; height: 84rpx; justify-content: space-around; .inputs { background-color: #fff; width: 65%; height: 60rpx; border-radius: 5rpx; background-color: #Ffffff; z-index: 999; position: relative; top: 50%; transform: translateY(-50%); background: #F6F6F6; border: 1px solid #F6F6F6; border-radius: 38rpx; .input { margin: 0 auto; position: absolute; height: 60rpx; // top: 8%; left: 13%; width: 80%; font-size: 26rpx; color: #000000; } .icon { background: url(@/static/pagesB/sousuo.png) no-repeat; width: 30rpx; height: 28rpx; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); left: 3%; } } ::v-deep .u-flex { width: 100% !important; } ::v-deep .u-dropdown__content { overflow-y: scroll !important; height: 500rpx; .u-flex { width: 0 !important; } } ::v-deep .u-dropdown__content__mask { background: none !important; } ::v-deep .u-dropdown__menu__item { width: 100% !important; } ::v-deep .u-cell__value { flex: 0; } ::v-deep .u-dropdown { :v-deep .u-dropdown__menu {} } ::v-deep .u-cell-box {} } }