@charset "utf-8";
.mobile_form { margin: 20vh 0;}
.mobile_form .field { display: block; margin: 24px; }
@media (max-width: 480px){.mobile_form .field{margin:10px;}}
.mobile_form .field_value { display: inline-block; padding: 15px 22px; width: 310px; margin: 0; min-height: 21px; vertical-align: middle; border: 1px solid transparent; background: white; cursor: pointer; white-space: nowrap; }
@media (max-width: 480px){.mobile_form .field_value{display:block;margin:10px 0;width:auto;padding:3px;}}
.mobile_form .field_value input {width: 100%;margin: 0;padding: 0;border: none;background: none;outline: none;vertical-align: middle;}
.mobile_form .field_input { border-color: #d3d5d6; }
.mobile_form .form_func { display: block; margin: 11px 0 0 59px; }
@media (max-width: 480px){.mobile_form .form_func{margin: 10px;}}
.mobile_form .form_func .btn { display: inline-block; padding: 15px 37px; color: white; border: none; background: gray; cursor: pointer; outline: none; }
@media (max-width: 480px){.mobile_form .form_func .btn{display:block;width: 100%;padding: 9px;}}
.mobile_form .form_func .btn.submit { background: #2b8bd5; }
.order_form .order_list .hr{margin: 10px 15px;background-color: #2b8bd5; color:#fff; text-indent:10px;}
.order_form .order_list .order_item {display: block;margin: 10px;padding: 5px 1px;font-size: 12px;background: #eee;border-radius: 5px;}
.order_form .order_list .order_item .split {display: block;clear: both;margin: 0 6px;border:none;border-top:1px solid #ccc;}
.order_form .order_list .order_item .type {float: left;margin: 5px;padding: 1px 5px;color: white;font-size: 12px;background: #58b53b;border-radius: 5px;}
.order_form .order_list .order_item .title {display: inline-block;margin: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}
.order_form .order_list .order_item .price_total {float: right;width: 60px;text-align: right;margin: 5px;color: #823e48;font-weight: bold;}
.order_form .order_list .order_item .fc_red{color: red;}
.order_form .order_list .order_item .RatingStatusId {float: right;margin: 5px;color: #333;font-weight: bold;}
.order_form .order_list .order_item .prod_title {display: inline-block;margin: 5px;}
.order_form .order_list .order_item .collapse_title {display:inline-block;margin:5px;vertical-align: top;}
.order_form .order_list .order_item .collapse_title .expend {display:none;}
.order_form .order_list .order_item .collapse_title .collapse {display:none;font-size: 0;}
.order_form .order_list .order_item .price_unit {display: inline-block;margin: 5px;vertical-align: top;}
.order_form .order_list .order_item .func_list {float: right;display: inline-block;margin:2px;vertical-align: top;}
.order_form .order_list .order_item .expend_btn_s {float: right;width: 60px;margin: 2px;}
.order_form .order_list .order_item .expend_btn {display:inline-block;padding:3px 6px;font-size:12px;color:white;background:#2b8bd5;border-radius:5px;}
.order_form .order_list .order_item .func_list .query_btn {display:inline-block;padding:3px 6px;font-size:12px;color:white;background:#58b53b;border-radius:5px;}
.order_form .order_list .order_item .send_time{display:inline-block;margin:5px;vertical-align: top;}
.order_form .order_list .order_item .receive_time{display:inline-block;margin:5px;}
.order_form .order_list .order_item .picsearch {display:inline-block;padding:3px 6px;font-size:12px;color:white;background:#2b8bd5;border-radius:5px;}
@media (max-width: 480px){
    .order_form .order_list .order_item table,
    .order_form .order_list .order_item table tbody ,
    .order_form .order_list .order_item table tbody tr {
        display: block;
    }
    .order_form .order_list .order_item table tbody td {
        display: inline-block;
    }
}
.order_form .order_empty_tips {margin: 20vh 0;font-size: 24px;font-weight: bold;text-align: center;color: gray;}
.order_form .company_list {margin: 10px 0;min-height:50vh;}
.order_form .company_list .company_item {display: inline-block;margin: 10px 7px;vertical-align: top;text-align: center;}