.modalBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.2; overflow: hidden; z-index: 10; } .modal { height: 1100rpx; position: fixed; bottom: 0; left: 0; right: 0; z-index: 11; display: flex; flex-flow: column; overflow: hidden; background-color: #ffffff; border-radius: 30rpx 30rpx 0 0; } .header { height: 150rpx; width: 100%; padding-top: 30rpx; box-sizing: border-box; } .header>view:nth-of-type(1) { width: 72rpx; height: 6rpx; border-radius: 3rpx; margin: 0 auto 40rpx; background-color: #77849E; } .header>view:nth-of-type(2) { color: #252535; height: 32rpx; font-size: 32rpx; font-weight: bold; line-height: 32rpx; text-align: center; } .seaction { flex: 1; padding: 0 30rpx; overflow: hidden; } .only, .input, .inputUnit { width: 100%; height: 104rpx; display: flex; flex-wrap: nowrap; margin-bottom: 32rpx; } .only>view:nth-of-type(1), .input>view:nth-of-type(1), .inputUnit>view:nth-of-type(1) { color: #333333; height: 104rpx; font-size: 32rpx; line-height: 104rpx; } .only>view:nth-of-type(2), .inputUnit>view:nth-of-type(2) { flex: 1; width: 0; height: 104rpx; padding: 0 30rpx; border-radius: 16rpx; display: flex; flex-wrap: nowrap; align-items: center; background-color: #F5F7FB; border: 1rpx solid #E6E6EA; } .only>view:nth-of-type(2)>view:nth-of-type(1), .inputUnit>view:nth-of-type(2)>view:nth-of-type(1) { flex: 1; width: 0; color: #252535; font-size: 32rpx; font-weight: 500; height: 100rpx; line-height: 100rpx; } .only>view:nth-of-type(2)>view:nth-of-type(2), .inputUnit>view:nth-of-type(2)>view:nth-of-type(2) { color: #77849E; height: 28rpx; font-size: 28rpx; line-height: 28rpx; } .input>view:nth-of-type(2) { flex: 1; width: 0; height: 104rpx; padding: 0 30rpx; border-radius: 16rpx; border: 1rpx solid #E6E6EA; } .input>view:nth-of-type(2) input, .inputUnit>view:nth-of-type(2)>view:nth-of-type(1) input { width: 100%; height: 100%; color: #252535; font-size: 32rpx; font-weight: 500; } .inputUnit>view:nth-of-type(2) { } .searchBtn { color: #FFFFFF; width: 120rpx; height: 104rpx; font-size: 28rpx; font-weight: bold; text-align: center; line-height: 104rpx; margin-left: 16rpx; border-radius: 16rpx; background-color: #1385FA; } .footer { width: 100%; padding: 0 30rpx; height: 120rpx; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; box-sizing: border-box; background-color: #FFFFFF; border-top: 1rpx solid #EAECF1; } .footer>view:nth-of-type(1) { color: #1385FA; width: 330rpx; height: 88rpx; font-size: 32rpx; font-weight: bold; border-radius: 44rpx; text-align: center; line-height: 86rpx; box-sizing: border-box; border: 1rpx solid #1385FA; } .footer>view:nth-of-type(2) { color: #FFFFFF; width: 330rpx; height: 88rpx; font-size: 32rpx; font-weight: bold; border-radius: 44rpx; text-align: center; line-height: 86rpx; box-sizing: border-box; background-color: #1385FA; border: 1rpx solid #1385FA; }