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

$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
            }
          .date{
               display: inline-block;
          
                font-size: 32rpx
            }
        .title-box{
     .title{
        //color: #333;
        margin-right:16rpx;
        width:172rpx;
        font-size:32rpx;
        line-height:100px;
        // 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-wrapper{
       flex:1 ;
    }
}
.button-box{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 40px 0 0;
    padding: 0 120px;
    
    .button{
        flex:1;
        text-align: center;
       

        // .button-s{
        // //     color:white;
        // //     font-size: 30px;
        // //    background:linear-gradient(to right, #FF9900, #FF7B00);
        // //    width: 150px;
        // //    margin:20px auto
        //     // background-color:$themeColor;
        //     // border:1PX solid $themeColor;
        // }
        
        // .button-b{
        //     width: 150px;
        //      background-color:#d9534f;
        //     border:1PX solid #d9534f;
        // }
    }
}
.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;
        padding:10px 0;

        .image-container{
            margin:0 10px;
            flex:1;
            height: 220rpx;
            width: 250rpx

        }
        .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;
    }

}
.pagination-box{
    margin: 50px 0;
}
.input-index--at-input__title{
    font-weight: bold
}