.search { --search-background-color: #ffffff; --search-padding: 0; width: 750rpx; height: 110rpx; background-color: #ffffff; position: fixed; z-index: 100; left: 0; top: 0; } .search .van-search { background-color: transparent !important; padding: 0 !important; } .search .van-search__content { padding: 0 !important; } .search .van-cell { /* width: 600rpx; */ border-radius: 50rpx; border: 1px solid #0a6597; } .search .icon-search { width: 40rpx; height: 40rpx; margin-right: 10rpx; margin-left: 20rpx; } .footer{display: flex; align-items: center; position:fixed; left: 0; bottom: 0; right: 0; background-color: #fff; width: 100%;text-align: center; line-height: 80rpx; font-size: 30rpx; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);} .footer .long{color: #fff; background-color: #0a6597;} .footer .creat{color: #fff; background-color: #00967b;} .table-head{display: flex; align-items: center; text-align: center; font-size: 28rpx; font-weight: 600; background-color: #fff; line-height: 100rpx;} .table-head view{flex: 1;} .table-body .list{display: flex; align-items: center; text-align: center; font-size: 26rpx; background-color: #fff; padding: 30rpx 0;} .table-body .list>view{flex: 1; color: #333;} .table-body .van-cell {padding: 0 !important; line-height: unset !important;} .table-body .van-cell:after{display: none;} .table-body van-cell:nth-child(2n + 1) .list{background-color: #f6fafc;} .table-body .list .van-radio{display: inline-block;} .table-body .list.on>view{color: #0a6597;} .material-box{width: 620rpx;} .add-material-box{padding: 30rpx; font-size: 28rpx;} .add-material-box .content-input{border: 1px solid #CCC; width: 94%; padding: 10rpx 20rpx; margin-top: 20rpx; border-radius: 10rpx; font-size: 28rpx;} .bottom-btn-box{display: flex; justify-content: space-between;} .bottom-btn-box>view{text-align: center; width: 50%; height: 100rpx; line-height: 100rpx; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;} .bottom-btn-box>view.confirm{color: #ee0a24;}