.search { margin-left: 4vw; width: 92vw; height: 80rpx; background-color: #fff; border-radius: 40rpx; position: relative; transition: height 0.3s ease; } .picker { width: 68vw; height: 50rpx; padding-left: 2vw; line-height: 50rpx; display: inline-block; margin-top: 15rpx; margin-left: 2vw; border-radius: 40rpx; background-color: #0001; } .search-btn { vertical-align: top; display: inline-block; margin-top: 15rpx; margin-left: 2vw; text-align: center; width: 15vw; height: 50rpx; line-height: 50rpx; background-color: #419EFF; color: #fff; border-radius: 40rpx; } .down{ position: absolute; top: 100%; left: 50%; width: 200rpx; height: 50rpx; border-bottom-left-radius: 50rpx; border-bottom-right-radius: 50rpx; background-color: #eaeaea; transform: translateX(-50%); } .downIcon{ position: absolute; left: 50%; top: 50%; width: 30rpx; height: 30rpx; transform: translate(-50%,-50%); z-index: 11; } .item{ margin-top: 10rpx; } .label{ margin-top: 15rpx; width: 18vw; padding-left: 2vw; height: 50rpx; line-height: 50rpx; display: inline-block; font-size: 4vw; color: #000; vertical-align: top; } .selectInput{ width: 66vw; height: 50rpx; padding-left: 2vw; line-height: 50rpx; display: inline-block; margin-top: 15rpx; margin-left: 2vw; border-radius: 25rpx; background-color: #0001; color: #666; } .datePicker{ width: 29vw; height: 50rpx; padding-left: 2vw; display: inline-block; line-height: 50rpx; background-color: #0001; border-radius: 25rpx; color: #666; } .split{ width: 6vw; height: 50rpx; display: inline-block; line-height: 50rpx; text-align: center; color: #666; } .search-btn1{ vertical-align: top; display: inline-block; margin-top: 15rpx; margin-left: 2vw; text-align: center; width: 15vw; height: 50rpx; line-height: 50rpx; background-color: #419EFF; color: #fff; border-radius: 40rpx; } .list{ margin-top: 80rpx; } .listItem{ margin-top: 30rpx; width: calc(94vw - 50rpx); margin-left: 3vw; padding: 30rpx; border-radius: 30rpx; background-color: #fff; } .head{ font-size: 32rpx; font-weight: 700; } .text{ display: inline-block; color: #000; font-size: 28rpx; } .num{ display: inline-block; color: #666; font-size: 28rpx; } .itemInfo{ margin-top: 20rpx; } .p{ display: inline-block; width: calc(100% - 120rpx - 150rpx); height: 28rpx; background-color: #eee; margin-right: 20rpx; border-radius: 14rpx; overflow: hidden; position: relative; } .i{ position: absolute; height: 100%; top: 0; left: 0; background-color: #409EFF; }