.index {
    font-size: 18px;
    text-align: center;
}

.date {
    clear: both;
    font-size: 18px;
    margin: 5px;
}

.button_search {
    border-right: #cde6ff 1px solid;
    border-top: #cde6ff 1px solid;
    background: #69f;
    font: 14px/20px verdana, arial, helvetica, sans-serif;
    border-left: #cde6ff 1px solid;
    color: #fff;
    padding: 0 15px;
    border-bottom: #cde6ff 1px solid;
    height: 25px;
    line-height: 23px;
    cursor: pointer;
}

.button_search:hover {
    border-right: #cde6ff 1px solid;
    border-top: #cde6ff 1px solid;
    background: #66f;
    border-left: #cde6ff 1px solid;
    color: #fff;
    padding: 0 15px;
    border-bottom: #cde6ff 1px solid;
    cursor: pointer;
}

.button_search:disabled {
    border-right: #555 1px solid;
    border-top: #555 1px solid;
    background: #dedede;
    border-left: #555 1px solid;
    color: #555;
    padding: 0 15px;
    border-bottom: #555 1px solid;
    cursor: not-allowed;
}


.input_text {
    height: 25px;
    width: 130px;
    font-size: 18px;
    font-family: 黑体;
    padding: 2px;
    border-top: #7a7977 1px solid;
    border-right: #7a7977 1px solid;
    border-bottom: #7a7977 1px solid;
    color: #647086;
    border-left: #7a7977 1px solid;
    border-radius: 2px;
}

/* 浅蓝+橙色配色表格样式 */
.table-style {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 3px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    font-size: 14px;
}

.table-style thead {
    background: #0273BF; /* 浅蓝色渐变 */
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 16px;
}

.table-style th {
    padding: 7px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.table-style tbody tr {
    transition: all 0.2s ease;
}

.table-style tbody tr:nth-child(even) {
    background-color: #f5f9fd; /* 非常浅的蓝色 */
}

.table-style tbody tr:nth-child(odd) {
    background-color: white;
}

.table-style tbody tr:hover {
    background-color: #FF7D25; /* 浅橙色悬停效果 */
    transform: translateX(2px);
    color: #FF0;
}

.table-style td {
    padding: 6px 8px;
    border-bottom: 1px solid #e1f0fa; /* 浅蓝色边框 */
    color: #555;
    text-align: center;
}

.table-style tfoot {
    background-color: #FF7D25; /* 橙色 */
    color: white;
    font-weight: bold;
}

.table-style tfoot td {
    padding: 6px 8px;
}

/* 响应式设计 */
@media screen and (max-width: 600px) {
    .table-style {
        display: block;
    }

    .table-style thead, .table-style tbody, .table-style tfoot, .table-style tr, .table-style td {
        display: block;
    }

    .table-style th {
        display: none;
    }

    .table-style td {
        padding-left: 40%;
        position: relative;
    }

    .table-style td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 35%;
        padding-right: 10px;
        font-weight: bold;
        color: #f39c12; /* 橙色 */
    }
}


.waptable-style {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 3px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    overflow: hidden;
    font-size: 14px;
}

.waptable-style thead {
    background: #0273BF; /* 浅蓝色渐变 */
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 16px;
}

.waptable-style th {
    padding: 7px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.waptable-style tbody tr {
    transition: all 0.2s ease;
}

.waptable-style tbody tr:nth-child(even) {
    background-color: #f5f9fd; /* 非常浅的蓝色 */
}

.waptable-style tbody tr:nth-child(odd) {
    background-color: white;
}

.waptable-style tbody tr:hover {
    background-color: #FF7D25; /* 浅橙色悬停效果 */
    transform: translateX(2px);
    color: #FF0;
}

.waptable-style td {
    padding: 6px 8px;
    border-bottom: 1px solid #e1f0fa; /* 浅蓝色边框 */
    color: #555;
    text-align: center;
}

.waptable-style tfoot {
    background-color: #FF7D25; /* 橙色 */
    color: white;
    font-weight: bold;
}

.waptable-style tfoot td {
    padding: 6px 8px;
}

.process {
    width: 260px;
    height: 35px;
    background-color: #F60;
    margin-left: 50%;
    transform: translateX(-50%);
    display: block;
}