cf-wx-app/src/pages/myNeeds/myNeeds.scss

$themeColor:#FF7142;
.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;
    padding: 0 120px;
    
    .button{
        flex:1;
        text-align: center;
       

        .at-button--primary{
            background-color:$themeColor;
            border:1PX solid $themeColor;
        }
        .button-a{
           
             background-color:#5cb85c;
            border:1PX solid #5cb85c;
        }
    }
}

.pagination-box{
    margin: 50px 0;
}

.info-box{
    
    .needs-box{
        margin-top: 10px;
        border: 1px solid #ddd;
        margin-bottom: 8px;
        box-shadow: 0 8px 8px #ddd;
        padding: 10px;
      
        .box{
            margin-top: 5px;
            font-size: 28px;
        }
        .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:1% 1% 0;
          
                  .at-button--primary{
                      background-color:#FF9500;
                      border:1PX solid #FF9500;
                  }
        }
        .button-a{
            // flex:1;
              text-align: right;
              margin:1% 1% 0;
      
              .at-button--primary{
                  background-color:#d9534f;
                  border:1PX solid #d9534f;
              }
    }
        }
        

}}
.nomore{
    text-align: center;
    font-size: 35px;
    
}