* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html,
body {
    direction: ltr;
    text-align: left;
}

body {
    color: #222;
    font-size: 14px;
    font-family: 'Times New Roman', Times, serif;
}

.wrap {
    width: 100%;
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto !important;
}

header {
    text-align: center;
    margin: 3rem auto;
}

table,
th,
td {
    border: 1px solid #111;
}

input,
button,
select {
    font-family: 'Times New Roman', Times, serif;
}
.txt-red{
    color: #e00;
}
.note-tips{
    margin: 1rem 0;
}
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: .5rem;
    text-align: center;
}

.table td.total {
    background-color: #f3f3f3;
}

.group {
    margin: 3rem auto;
}

.self_ratio,
.group-head {
    margin: 2rem 0 1rem;
    text-align: center;
}

.group-form {
    padding: 1rem;
    border: 1px solid #eee;
}

.table-form,
.table-form th,
.table-form td {
    border: 0;
}

.table-form th {
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
}

.table-form td {
    text-align: left;
}

.table-form td input {
    padding: .5rem;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #dcdfe6;
}

.table-form .ratio_option {
    display: inline-block;
    margin: .5rem 0 0 0;
}

.table-form .ratio_option label {
    margin: 0 1rem 0 0;
}

.table-form .ratio_option label:last-child {
    margin-right: 0 !important;
}

.table-form .btn-start {
    color: #fff;
    font-size: 14px;
    padding: .5rem 1rem;
    border-radius: 5px;
    border: 0;
    background-color: #2972fa;
    cursor: pointer;
}

.table-form .salary_shebao_tips {
    font-size: 14px;
    color: #e00;
}

td.salary_shebao,
td.salary_gjj {
    color: #e00;
}

.table-form .salary_shebao_tips b {}

.table-report thead {
    background-color: #f6f0db;
}

.table-shebao thead {
    background-color: #dbf6e5;
}

.table-gongjijin thead {
    background-color: #dbf2f6;
}

.table-shebao .num {
}

.group-doc {}

.group-doc .group-head {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: .5rem 0;
}

.group-doc .doc-list {
    margin: 1rem;
}

.group-doc .doc-list li {
    margin: .5rem 0;
}

.group-iqzbz {
    border: 1px solid #111;
    border-radius: 0px;
    overflow: hidden;
}

.group-iqzbz:hover {
    background-color: #ffffd8;
}

.group-iqzbz .grid {
    display: grid;
    grid-template-columns: auto 260px;
}

.group-iqzbz .text {
    padding: 1rem;
    position: relative;
}

.group-iqzbz .text h4 {
    color: #e00;
    font-size: 24px;
    margin: 0.5rem 0;
}

.group-iqzbz .imgs {
    text-align: right;
}

.group-iqzbz a {
    text-decoration: none;
}

.group-iqzbz img {
    vertical-align: top;
    width: 260px;
    height: auto;
}

.btn-viewdetail {
    display: none;
    width: 120px;
    margin: 1rem auto .5rem;
    font-size: 18px;
    border-radius: 2rem;
    background-color: #e00;
    color: #fff;
    text-align: center;
    padding: .25rem .5rem;
}

/*  手机 */
@media only screen and (max-width: 640px) {
    .dljz38yuan {
        margin: -1rem -1rem 1rem -1rem;
    }

    .wrap {
        font-size: 13px;
    }

    .wrap h1 span {
        font-size: 20px;
    }

    .group {
        margin: 3rem -.5rem;
    }

    .table-form th,
    .table-form td {
        display: block;
    }

    .table-form th {
        font-size: 1.25rem;
        text-align: center;
    }

    .table-form td {
        padding: .5rem 0;
    }

    .table-form .salary_shebao_tips th {
        display: none;
    }

    .table-form .ratio_option {
        margin: .5rem 0;
    }

    .table-form .ratio_option input {
        margin-right: .25rem;
    }

    .table-form input[type='text'],
    .table-form button {
        width: 100%;
    }

    .table-form .btnarea td {
        text-align: center;
    }

    .table th,
    .table td {
        padding: .25rem;
    }

    .group-iqzbz .grid {
        grid-template-columns: auto;
        background-color: #ffffd8;
    }

    .group-iqzbz .text {
        text-align: center;
        font-size: 18px;
    }

    .group-iqzbz .text h3 {
        font-size: 24px;
    }

    .group-iqzbz .text h4 {
        font-size: 34px;
    }

    .group-iqzbz .imgs {
        display: none !important;
    }

    .m-block {
        display: block;
    }

    .m-show {
        display: block;
    }

}