body { font-family: PingFangSC-Regular, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", Simsun, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; width: 100% }
.pagination, form { margin: 0 }
form.form-inline input { float: left }
.form-search { position:relative}
.form-search input { -webkit-border-radius: 1px; border-radius: 1px; padding: 2px 5px; margin-right: 10px; -webkit-box-shadow: none; box-shadow: none;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.form-search input.span2 { width: 120px }
.form-search input.span1 { width: 55px }
.btn { -webkit-border-radius: 1px; border-radius: 1px }
.pagination { margin-right: 5px; text-align: right; margin-bottom: 20px }
.pagination .text-muted { top: 0!important }
.pagination select { height: 38px; line-height:38px; width:100px; margin-left:5px; outline:none; border:1px #d3d3d3 solid; color:#333; font-size:16px; }
.daterangepicker .calendar td, .daterangepicker .calendar th { min-width: 30px }
.table>thead>tr>th { position: -webkit-sticky; position: sticky; top: 0; background: #fff; border-bottom: 2px solid #ddd }
.table td.r, .table th.r { text-align: right; padding-right: 8px }
.pagination>li>a, .pagination>li>span { color: #333; padding: 4px 10px }
.btn-primary { background-color: #e8e2e2; border-color: #cecece; color: #000; float: right; width:80px;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { background-color: #CCC; border-color: #CCC ; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #CCC5C5; border-color: #CCC5C5; color: #333 }
.daterangepicker .ranges li { color: #333!important }
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #AAA!important; border: 1px solid #AAA!important; color: #fff!important }
.summary-pc { display: inherit }
.summary-mobile { display: none }
#block_footer #link_lingxi { width: 110px; float: left; display: inline-block; margin-left: 5px; height: 29px; line-height: 29px }
#reset_form_button { height: 30px; min-width: 30px; line-height: 30px; margin-left: 5px; float: left }

@media (max-width:319px) {
#block_footer #link_lingxi { display: none }
}
@media only screen and (max-width:999px) {
.form-search select { background: #fff; -webkit-border-radius: 1px; border-radius: 1px; border: 1px solid #C6C6C6; color: #999; outline: 0; padding: 5px 5px 5px 10px }
.form-search input.span2 { width: 31% }
.form-search select { width: 31%; height:30px; background: #fff; -webkit-border-radius: 1px; border-radius: 1px; border: 1px solid #C6C6C6; color: #C6C6C6; padding: 0px 0px 0px 10px; margin-right: 5px }
#search_form_inputs { float: left; width: 100%; padding-right: 74.5px }
#search_form_submit_button { width: 31%;    height: 30px; background: #d21f1f; color: #fff;font-size: 14px; border: 1px solid #d21f1f; float:left;}
#scrollup { padding-top: 14px }
.form-search input { width: 31%; height: 30px; margin-right: 5px; margin-bottom: 3px; border: 1px solid #C6C6C6; padding-left: 15px; -webkit-appearance: none }
.form-search input :nth-child(2) { margin-right: 0 }


}
@media only screen and (max-width:600px) and (min-width:320px) {
body { font-size: 12px }
#block_header { margin: 10px 12px }
.summary-pc { display: none }
.summary-mobile { display: block; width: 100%; height: 42px; margin-bottom: 6px }
.pagination { padding-right: 12px }
.summary-block { width: 50%; display: inline-block; float: left }
.summary-number { color: #F5A623; font-weight: 700; font-size: 17.5px; line-height: 24.5px }
.summary-number-money { position: relative; left: -3px }
.form-search input { width: 31%; height: 30px; margin-right: 6px; margin-bottom: 6px; border: 1px solid #C6C6C6; padding-left: 15px; -webkit-appearance: none }
.form-search button{ margin-right:6px; height:30px;} 
.form-search input :nth-child(2) { margin-right: 0 }
.form-search input::-webkit-input-placeholder, .form-search select::-webkit-input-placeholder {
color:#C6C6C6
}
.form-search input::-moz-placeholder, .form-search select::-moz-placeholder {
color:#C6C6C6
}
.form-search input:-ms-input-placeholder, .form-search select:-ms-input-placeholder {
color:#C6C6C6
}
.form-search input::-ms-input-placeholder, .form-search select::-ms-input-placeholder {
color:#C6C6C6
}
.form-search input::placeholder, .form-search select::placeholder {
color:#C6C6C6
}
.form-search input.span2 { width: 31% }
.form-search select { width: 31%; height:30px; background: #fff; -webkit-border-radius: 1px; border-radius: 1px; border: 1px solid #C6C6C6; color: #C6C6C6; padding: 0px 0px 0px 10px; margin-right: 5px }
#search_form_inputs { float: left; width: 100%; padding-right: 74.5px }
#search_form_submit_button { width: 31%;    height: 30px; background: #d21f1f; color: #fff;font-size: 14px; border: 1px solid #d21f1f; float:left; }
#scrollup { padding-top: 14px }
table { font-size: 12px }
th { background: #EFEFF4; border-bottom: 0!important; min-width: 40px; font-size: 12.5px }
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #fff }
td, th { text-align: center }
td:first-of-type, th:first-of-type { text-align: left; padding-left: 12px!important }
td:last-of-type, th:last-of-type { padding-right: 12px!important }
tr td { border-color: #D5DFEB; vertical-align: middle!important }
#td_amount { font-weight: 700; color: #151515 }
#td_pay_type, #td_product, #td_transaction_date, #td_transaction_time { color: #888 }
}