.list { display: flex; min-height: 80rpx; background-color: #FFF; margin: 20rpx 20rpx; padding: 20rpx; border-radius: 20rpx; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2); } .list:first-child { margin-top: 340rpx; } .list:last-child { margin-bottom: 120rpx; } .list-left { display: flex; flex-direction: column; width: 80vw; } .list-left-item { min-height: 40rpx; line-height: 40rpx; display: flex; padding: 2rpx; } .desc { min-height: 40rpx; display: flex; align-items: center; } .left-item { display: flex; flex-wrap: wrap; /* color: #409EFF; */ } .left-item input { border-bottom: 1px solid #cecece; } .list-right { display: flex; /* width: 20vw; */ justify-content: space-between; align-items: center; /* margin-right: 20rpx; */ } .buttom { width: 100%; position: fixed; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; height: 100rpx; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) ; } .popup { width: 80vw; min-height: 100rpx; background-color: #FFF; border-radius: 25rpx; } .title { height: 100rpx; line-height: 100rpx; width: 100%; color: #606266; text-align: center; font-size: 16px; } .popup-item { height: 80rpx; line-height: 80rpx; display: flex; align-items: center; font-size: 14px; } .popup-item-left { width: 16vw; padding-right: 20rpx; text-align: right; color: #606266; } .popup-item-right { display: flex; align-items: center; width: 50vw; height: 50rpx; padding: 2px 5px; border: 1px solid #E4E7ED; border-radius: 5rpx; } .popup-item-right input{ color: #606266; } .btn { display: flex; height: 90rpx; margin-top: 20rpx; border-top: 1px solid #DCDFE6; justify-content: center; align-items: center; } .btn-left { display: flex; flex: 1; height: 100%; justify-content: center; align-items: center; color: #606266; border-right: 1px solid #DCDFE6; } .btn-right { display: flex; flex: 1; justify-content: center; align-items: center; color: #409EFF; } /* 搜索框 */ .search-bar { background-color: #f8f8f8; } .keyboard{ width: 40px;height: 40px;background-size: 100%;position: absolute;z-index: 99; top: 5px;right: 5px; border-radius: 50%; display: flex;align-items: center;justify-content: center; } .kb-bgtr { background-color: #55557f; } .kb-bgfa { background-color: #00aeec; }