$themeColor:#FF7142; .button-orange, .button-dark-red,.button-green{ font-size:28rpx; } .myNeeds{ padding: 10px 20px; font-size: 32rpx; .require{ color:red; line-height:100rpx; } .total{ text-align: right; margin: 20px; .count{ color:red; } } .at-input__container{ color:black; font-weight: bold; .at-input__input{ font-weight: normal } } .page-section{ border-bottom: 1Px solid #d6e4ef; .picker{ // padding: 24rpx 0; .selected{ font-weight: normal; display: inline-block; margin-left: 20%; font-size: 32rpx } .date{ margin-left: 0% } .title-box{ line-height:100rpx; font-weight: bold; .title{ //color: #333; line-height:100rpx; margin-right:16rpx; width:172rpx; font-size:32rpx; vertical-align:middle; text-align:left; font-weight: bold; } .first-col{ font-weight: normal; margin-left: 10% } .second-col{ font-weight: normal; display: inline-block; margin-left: 10% } } } } .input-box{ display: flex; border-bottom: 1Px solid #d6e4ef; } } .picker-box{ display: flex; flex-wrap: nowrap; flex-direction: row; .picker-container{ flex:1 } } .button-box{ display: flex; flex-wrap: nowrap; flex-direction: row; margin: 40px 0; justify-content:space-around; .button{ text-align: center; .button-orange,.button-green,.button-dark-red{ font-size: 27rpx } } } .pagination-box{ margin: 50px 0; } .info-box{ .needs-box{ margin-top: 10px; border: 3rpx solid #ddd; margin-bottom: 8px; box-shadow: 0 8px 8px #ddd; padding: 10px; font-size: 25rpx; padding-bottom:0px; .box{ margin-top: 10px; } .needs-title{ .content{ color:#337ab7 } } .info-button-box{ margin: 20px 0 0 0; border-top: 1px solid #ddd; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-end; .button{ // flex:1; text-align: right; margin:0 1% 0; .button-orange,.button-green,.button-dark-red{ font-size: 27rpx } } } }} .nomore{ text-align: center; font-size: 25rpx; }