.one_client{
    width:25rem;
    height:9rem;
    background-color: #abf1da;
    margin: 0.5rem;
    display:flex;
    flex-direction:column;
    justify-content: start;
    align-items: start;
    padding:0.5rem;
    border-radius: 0.5rem;

}

.one_order{
    width:25rem;
    height:14rem;
    background-color: white;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
    margin: 0.5rem;
    display:flex;
    flex-direction:column;
    justify-content: start;
    align-items: start;
    padding:0.5rem;
    border-radius: 0.5rem;
    border-style:solid;
    border-width:2px;
    position: relative;
}

.one_account{
    width:80%;
    height:14rem;
    background-color: white;
    box-shadow: 0px 0px 50px 0px #abf1da;/*rgba(0,0,0,0.5);*/
    margin: 0.5rem;
    display:flex;
    flex-direction:column;
    justify-content: start;
    align-items: start;
    padding:0.5rem;
    border-radius: 0.5rem;
    border-style:solid;
    border-color:#abf1da;
    border-width:2px;
    position: relative;
}

.order_title{
    height:fit-content;
    width:100%;
    background-color: none;
    padding-left:0.2rem;
    padding-right: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
}

.order_qrcode{
    width:100%;
    height:fit-content;
    background-color: none;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.payment_qrcode_img{
    object-fit:cover;
    height: auto;
    width: 20rem;
    border-radius: 0%;
}

.order_info_line{
    margin-top: 0.1rem;
    height:fit-content;
    width:100%;
    background-color: none;
    padding-left:0.2rem;
    padding-right: 0.2rem;
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
}

.create_order_input_line
{
    font-size:1rem;
    width:100%;
    margin-top:1rem;
    padding-left:0.3rem;
    padding-right:0.3rem;
    padding-top:0.2rem;
    padding-bottom:0.2rem;
    box-sizing: border-box;
}

.input_line_hide{
    display:none;
}

.client_button_reassign{
    color:rgb(243, 120, 75);
    border-color: rgb(243, 120, 75);
}



/*订单审核中*/
.order_status_1{
    border-color:rgb(237, 152, 15);
    color: rgb(237, 152, 15);
    background-color: rgba(237, 152, 15,0.2);;
}

/*订单进行中*/
.order_status_2{
    border-color:rgb(6, 13, 150);
    color: rgb(6, 13, 150);
    background-color: rgba(6, 13, 150,0.2);
}

/*订单待交付*/
.order_status_3{
    border-color:rgb(235, 97, 209);
    color: rgb(235, 97, 209);
    background-color: rgba(235, 97, 209,0.2);
}

/*订单交付*/
.order_status_4{
    border-color:rgb(232, 49, 49);
    color: rgb(232, 49, 49);
    background-color: rgba(232, 49, 49,0.2);
}

/*订单延期*/
.order_status_5{
    border-color:rgb(85, 3, 3);
    color: rgb(85, 3, 3);
    background-color: rgba(85, 3, 3, 0.2);

}

/*订单满意*/
.order_status_6{
    border-color:rgb(4, 54, 24);
    color: rgb(4, 54, 24);
    background-color: rgba(4, 54, 24,0.2);
}

/*订单结束*/
.order_status_8{
    border-color:rgb(28, 27, 27);
    color: rgb(28, 27, 27);
    background-color: rgb(28, 27, 27, 0.2);
}

/*订单取消*/
.order_status_7{
    border-color:rgb(243, 11, 11);
    color: rgb(243, 11, 11);
    background-color: rgba(243, 11, 11,0.2);
}

/*订单服务模式*/
.order_status_9{
    border-color:rgb(255, 215, 0);
    color: rgb(255, 215, 0);
    background-color: rgba(255, 215, 0, 0.2);
}

/*付款*/
.order_status_payment{
    border-color:rgb(21, 90, 61);
    color: rgb(21, 90, 61);
    background-color: rgb(76, 148, 76);
}

.account_action_button_button{
    border-color:rgb(7, 93, 57);
    color: rgb(242, 246, 244);
    background-color: darkcyan;
}

.seal{
    width: 5rem;
    height: 5rem;
    border: solid 2px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seal-son{
    width: 4.5rem;
    height: 4.5rem;
    border: solid 1px;
    border-radius: 100%;
    position: relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    font-size:0.8rem;
    font-weight: bold;
}

.test_color{
    color:#8b0000;
    background-color: #00008b;
}