:local(.search){
    
}
:local(.fpsearch){
    display:flex;
    box-sizing: border-box;
    align-items: center;
    border: 2px solid #fdc817;

    .fp-input{
        width: 5.5rem;
        box-sizing:border-box;
        appearance:none;
        outline:none;
        padding:5px;
        border: none;
        margin: 0;
    }
    .fp-span{
        float: right;     
        background-color:#fdc817;
        display: flex;
        flex-direction:row;
        align-items: center;
        padding: 10px;
        color:black; 
        font-size: 14px; 
        .icon-search{
            margin-right:5px;
        }   

    }

}
:local(.historyOrder){
    border:.01rem solid rgba(rgb(107, 100, 100),.1);
    width: 100%;
    box-sizing: border-box;
    padding: .2rem;
    background-color: #fffdf5;
    font-size: .12rem;
    .describe{
        display: flex;
        align-items: center;
        color:#999999;
        word-wrap: none;
        margin-bottom: .1rem;
        .icon-time{
            width: .15rem;
            height: .15rem;
            margin-right: .1rem;
            
        }  
        .order-search{
            margin-left: .1rem;
        }   
    }
    .orders{
        display: flex;align-items: center;
        flex-direction: row;
    }
    .order-item{
        margin-bottom: .1rem;
        display: inline-block;
        height: .15rem;
        line-height: .15rem;
        display: inline-block;
        margin-right: .1rem;

    }
    .order-item:first-of-type{
        margin-left: .22rem;
    }
    
}