.body { background-color: #FFFFFF; font-size: 16px; display: flex; flex-direction: row; justify-content: flex-start; } .select-input{ display: flex; flex-direction: row; justify-content: flex-start; font-size: 16px; margin: 20upx 0 50upx 30upx; input { padding-left: 20upx; padding-top: 10upx; background-color: #FFFFFF; width: 400upx; height: 50upx; box-shadow: 0upx 0upx 20upx #D3D3D3; border-radius: 5upx; } } .select-input2{ display: flex; flex-direction: row; justify-content: flex-start; font-size: 26upx; margin: 20upx 0 50upx 30upx; input { padding-left: 20upx; padding-top: 10upx; background-color: #FFFFFF; width: 400upx; height: 50upx; box-shadow: 0upx 0upx 20upx #D3D3D3; border-radius: 5upx; } } .item { box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; background-color: #ffffff; position: relative; padding: 0 10upx 0 200upx; text-align: right; } .item .lable { position: absolute; left: 30upx; top: 0px; font-size: 16px; } uni-picker-view-column { font-size: 24rpx; } .filter_input { height: 92rpx; padding-top: 10rpx; } .date_item { float: left; width: 240upx; overflow: hidden; display: inline-block; text-align: center; border: 1px solid #ececec; height: 72rpx; line-height: 72rpx; // font-size: 28rpx; &:last-child { // float: right; } input { height: 72rpx; .uni-input-placeholder { color: #b5b8c2; } } } .filter_inputline { float: left; margin: 0 4rpx; line-height: 72rpx; &:after { content: '—'; font-size: 28rpx; color: #848b9a; } } form{ width: calc(100% - 100upx); padding: 50upx; .section{ margin:50upx 0; } .btn-area{ padding: 50upx; padding-top:0upx; button{ background-color:#007AFF; } } } .select-text{ color: #F0AD4E; } .button1 { margin: auto; width: 75upx; height: 50upx; } .p { /* #ifdef H5 */ top: -13%; /* #endif */ width: 50upx; height: 30upx; font-size: 25upx; padding-right: 9upx; padding-top: 6upx; /* #ifndef H5 */ /* padding-top: 10upx; */ /* #endif */ position: absolute; /* 水平居中 */ left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }