.content-title { display: inline-block; padding: .4667vw; padding-top: .1vw; font-weight: bold; margin: 1rem; }
.content-title span { padding: 0.3333rem 0.6vw; cursor: pointer; background-color: #fff; margin-right: 2.6667vw; }
.content-title span a { color: black; text-decoration: none; }
.content-title span.active { border-bottom: .2rem solid #f82249; }
.content-box { width: 100%; background-color: #fff; padding: 1.0667vw 2.6vw; }
.box-lists { width: 80%; margin: 3.3333vw auto 0vw; overflow: hidden; }
.box-list { width: 25%; display: flex; flex-direction: column; float: left; margin-bottom: 2.6667vw; }
.box-list p { margin-bottom: 0rem; }
.box-list p:nth-child(1) { font-weight: bold; }
.box-list p:nth-child(1) input { margin-right: .4667vw; }
.box-list p:nth-child(2) { padding-left: 1.6667vw; color: #7e7e7e; }
.box-input { width: 80%; margin: 0 auto; }
.box-input input { border: 0; outline: none; padding-left: 0.625rem; }
.box-input .box-input-1,
.box-input .box-input-2 { border: 1px solid #b3b3b3; display: inline-block; border-radius: .4667vw; margin: 0vw 1.25rem; padding: 0px .6333vw; width: 240px; line-height: 40px; }
.box-input .box-input-1 { position: relative; color: #757575; }
.box-input input { width: 180px; text-align: left; }
.box-btn { width: 80%; margin: 0 auto; text-align: center; margin-top: 2.1333vw; }
.box-btn a { background-color: #f82249; padding: .18vw 6.6667vw; color: #fff; border-radius: 5px; }
.box-text { width: 80%; margin: 0 auto; display: flex; margin-top: 3.3333vw; }
.box-text p { color: #f82249; font-weight: bold; font-size: 14px; }
.box-text ul { padding: 0; }
.box-text ul li { list-style: none; font-size: 14px; }
.box-text ul li p { color: #000; font-weight: bold; }
.box-text li p span { font-weight: normal; margin-left: 10px; }
.box-tuiguang { width: 80%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; }
.box-tuiguang a { width: 10%; text-align: center; font-size: 12px; }
.box-tuiguang a img { width: 60%; }
.box-food { width: 80%; margin: 0 auto; }
.box-food p { text-align: center; font-size: 14px; color: #000; }
.box-food p a { font-size: 15px; color: #315ea7; margin-left: 5px; }

/* 媒体查询 */
@media (max-width: 900px) {

    .box-tuiguang a { width: 12%; }
}

@media (max-width: 768px) {
    .box-list { width: 50%; }

    .box-tuiguang a { width: 18%; }
    .box-list { font-size: 1.2725rem; }
}

@media (max-width: 615px) {
    .box-input .box-input-2 { margin-top: 1.125rem; }
    .box-tuiguang a { width: 25%; }

    .box-tuiguang p { font-size: .825rem !important; }
    .box-list { font-size: 1.2725rem; }
    .box-food { width: 90%; }
    .box-food p:last-child { font-size: .885rem }
    .box-input { margin: 15px auto; }
    .box-food p { font-size: 15px; }
    .box-input .box-input-1, .box-input .box-input-2 { padding: .8px .7333vw; }
    /* .box-tuiguang{
            display: none;
        } */
    .box-text { width: auto; }
    .ain-ul { width: 86%; }
    .box-text > p { width: 14%; text-align: center; }
    .box-lists { text-align: center; }
    .box-btn { margin-top: 5.1333vw; margin-bottom: 5.1333vw; }
    .box-btn a { padding: .60vw 9.6667vw; }
}

@media (max-width: 500px) {
    .box-list { font-size: .9725rem; }
    .box-food p { font-size: 15px; }
    .box-input .box-input-1, .box-input .box-input-2 { padding: .8px .7333vw; }
    /* .box-tuiguang{
            display: none;
        } */

}


/*  record ------------------------- */
.content-box .information p span { margin-right: 5.25rem; }
.content-box .information p:last-child { display: flex; justify-content: space-between; align-items: center; }
.content-box .information p .red { color: #f82249; }
.content-box .information p .btn { background-color: #f82249; color: #fff; font-size: 0.75rem; width: 4.5rem; height: 1.8rem; line-height: .9rem; }
.content-box .tableBlock { /* width: 94%; */ border: 1px solid #eee; padding: 0 0.925rem; }
.tableBlock-top { padding: 1.425rem; display: flex; justify-content: center; align-items: center; }
.tableBlock-top .input1 { display: flex; align-items: center; }
.tableBlock-top .input1 div { border: 1px solid #ddd; padding: 0.25rem; margin: 0 0.625rem; }
.tableBlock-top .input1 div input { border: 0; outline: 0; width: 80%; }
.tableBlock-top .input1 div img { width: 1.625rem; }
.tableBlock-top p { text-align: center; font-size: 0.875rem; }
.tableBlock-top p input { margin: 0 0.625rem; /* display: none; */ }
.tableBlock-top a { color: #f82249; width: 4.5rem; display: inline-block; text-align: center; height: 1.5875rem; line-height: 1.5875rem; border-radius: 0.425rem; border: 1px solid #f82249; }
.table-scroll { border: 1px solid #dee2e6; }
.table tr td, .table tr th { text-align: center; }
.table { margin-bottom: 0rem !important; }
.table tr td:nth-child(4), .table tr td:nth-child(7) { color: #39723c; }
.table tr .cor { color: #39723c; }
.tableBlock nav { display: flex; justify-content: center; margin-top: 1.225rem; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #f82249; border-color: #f82249; }

.footer { width: 94%; margin-top: 0.925rem; }
.footer-p { text-align: center; font-size: 14px; color: #000; margin: 0; }

@media (max-width: 615px) {
    .content-box .information p span { margin-right: 3.25rem; }
    .tableBlock-top { flex-direction: column; padding: 0; align-items: flex-end; }

    .tableBlock-top .input1 { margin: 0.825rem 0rem; }
    .tableBlock-top a { margin: 0.625rem auto; margin-bottom: 0.925rem; }
    .tableBlock-top .input1 { font-size: 0.85rem; }
    .table-scroll { width: 100%; overflow-x: scroll; }
    .table-scroll thead tr th { min-width: 9.5rem; }
    .table th, table td { font-size: 0.795rem; }
    .input-group { width: 100% !important; }
}