$themeColor: #FF7142;
.allDemanding{
      padding: 10px 20px;
    font-size: 32rpx;
     .require{
    color:red;
    line-height:100rpx;
}
   .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{
               display: inline-block;
              margin-left: 20%;
                font-size: 32rpx
            }
        .title-box{
     .title{
        //color: #333;
        margin-right:16rpx;
        width:172rpx;
        font-size:32rpx;
        line-height:1.5;
        // vertical-align:middle;
        text-align:left;
        font-weight: bold;
   }
}
      }
}
.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{
    .button{
      margin-top: 50px;
      margin-bottom: 50px;
    text-align: center;
      
        .at-button--primary{
            background-color:$themeColor;
            border:1PX solid $themeColor;
        }
    }

}
.demanding-box{
    .demanding-info{
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 10px 10px #ddd;
    margin-bottom: 20px;
    font-size: 28rpx;
    .header{
        display: flex;
        padding:20px 20px 5px;
        border-bottom: 1px solid #F2F2F2;
        .name{
            margin-left: 10px;
            flex:1
        }
        .others{
            flex:1;
            text-align: right;
            .cate{
                color:#2196F3
            }
            .watch{
                padding-left: 10px;
            }
            
        }
    }
    .body{
        display: flex;
        border-bottom: 1px solid #F2F2F2;
        margin:20px 0;
        .image-container{
            margin: 20px;
            flex:1;
        }
        .detail{
            flex:2;
            position: relative;
            padding-right: 20px;
            .title{
                font-weight: bold;
                text-overflow:ellipsis;
                height:50px;
                white-space:nowrap;
                width:400px;
                overflow:hidden;
            }
            .para{
                text-overflow:ellipsis;
                //height:300px;
                white-space:nowrap;
                width:400px;
                overflow:hidden;

            }
            .button{
                position: absolute;
                bottom: 0px;
                right:20px;
            }
        }
        
        
    }
    .footer{
             display: flex;
             margin:20px;
             color:#999;
             font-size: 25rpx;
           .location{
            flex:1
           }  
           .time{
            flex:1
           }

        }

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

}