.main-content {
    position: relative;
}


.mz {
    cursor: pointer;

    &:hover {
        font-weight: bold !important;
        text-decoration: underline;
    }
}

.content {
    width: 14.46rem;
    height: 11.43rem;
    margin-top: 0.33rem;
    background-image: url(../images/jyzn/content.png);
    background-size: 14.46rem 11.43rem;
    background-repeat: no-repeat;
    padding: 1.41rem 0.92rem;
    color: #333;

    h1 {
        width: 100%;
        font-size: 0.36rem;
        font-weight: bold;

        text-align: center;
        line-height: 0.3rem;
        margin-bottom: 0.66rem;
    }

    h2 {
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 0.3rem;
        margin-bottom: 0.3rem;
        margin-top: 0.3rem;
        width: 100%;
    }

    p {
        width: 100%;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 0.2rem;
        line-height: 0.36rem;
    }
}

.top-tools {
    margin-top: 0.65rem;
    margin-bottom: 0.63rem;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;

    .btn {
        width: 2.6rem;
        height: 0.57rem;
        line-height: 0.57rem;
        text-align: center;

        font-family: "宋体";
        font-size: 0.22rem;
        background-color: #CDCDCD;
        border-radius: 0.05rem;
        color: #333333;

        &.active {
            background-color: #1F5EAB;
            color: #FFFFFF;
        }
    }
}

.arg-table {
    .header {
        padding-top: 0.38rem;
        padding-bottom: 0.4rem;
        width: 100%;
        height: 1.55rem;
        background: rgba(236, 245, 250, 0.75);
        border-bottom: 4px solid #1F5EAB;

        h1 {
            color: #333333;

            font-weight: bold;
            font-size: 0.24rem;
            text-align: center;
            line-height: 0.24rem;
        }

        .memo {
            margin-top: 0.32rem;
            display: flex;
            justify-content: center;
            align-items: center;

            gap: 0.34rem;

            .tag {
                display: flex;
                gap: 0.05rem;

                .name {
                    color: #000033;
                    font-size: 0.18rem;
                    font-family: "宋体";
                    line-height: 0.24rem;
                }
            }
        }
    }




    .table {
        width: 100%;
        border-collapse: collapse;
        border: none;


        thead {
            background: #F8F8F8;
            font-size: 0.22rem;
            font-weight: 400;
            height: 0.76rem;
            color: #333333;
        }

        th {
            border: 1px solid #F8F8F8;
            border-bottom: 1px solid #D7D7D7;

            &:first-child {
                border-left: 1px solid #D7D7D7;
            }

            &:last-child {
                border-right: 1px solid #D7D7D7;
            }

        }

        tbody {
            font-family: "宋体";
            font-size: 0.20rem;
            line-height: 0.2rem;
            color: #333333;

            background: rgba(248, 248, 248, 0.01);
            border: 1px solid #D7D7D7;

            td {
                padding: 0.17rem 0.20rem;
                border-bottom: 1px solid #D7D7D7;
                text-align: center;
                color: #333333;

                &.ks {
                    border-right: 1px solid #D7D7D7;
                    text-align: left;
                    padding-left: 0.72rem;
                }

                &:hover {
                    background-color: #f5f5f5;
                }
            }
        }
    }
}

.spec {
    width: 0.24rem;
    height: 0.24rem;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.24rem;

    color: #FFFFFF;

    &.zr {
        background: #6743B5;
    }

    &.zz {
        background: #FE5E22;
    }

    &.f {
        background: #0F8AD0;
    }

    &.t {
        background: #B62508;
    }
}

.doctor {
    display: flex;

    span {
        line-height: 0.24rem;
        margin-right: 0.05rem;
    }

    margin-bottom: 0.07rem;
}

.flow-tabs {
    display: flex;


    color: #333;
    line-height: 0.3rem;
    width: fit-content;
    font-size: 0.24rem;
    margin: 0 auto;
    margin-top: 0.64rem;
    margin-bottom: 0.43rem;
    align-items: center;
    gap: 0.20rem;

    .flow-tab {
        cursor: pointer;

        &:hover {
            font-weight: bold;
        }

        &.active {
            font-weight: bold;
        }
    }

    .divider {
        width: 0.01rem;
        height: 0.20rem;
        background-color: #333;
        opacity: 0.5;
    }
}

.flow {
    display: none;

    &.active {
        display: block;
    }
}

.flow-1 {
    width: 10.85rem;
    height: 15.23rem;
    margin: 0 auto;

    img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
}

.flow-2 {
    width: 8.55rem;
    height: 7.63rem;
    margin: 0 auto;

    img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
}

.map-area {
    display: flex;
    height: 7.41rem;
    margin-top: 0.65rem;

    .map {
        width: 8.96rem;
        background-color: lightgray;

        img {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }
    }

    .cover {
        width: 5.49rem;
        background-color: lightgray;
        background-image: url(../images/jyzn/cover.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;

        font-family: Arial, Helvetica, sans-serif;

        box-sizing: border-box;
        padding-top: 0.88rem;
        padding-left: 0.44rem;
        padding-right: 0.50rem;

        .title {
            font-size: 0.24rem;
            line-height: 0.24rem;
            color: #FFFFFF;
        }

        p {
            font-size: 0.2rem;
            line-height: 0.24rem;
            color: #FFFFFF;
        }
    }
}

@media only screen and (max-width: 760px) {
    .top {
        display: none;
    }

    .content {
        width: fit-content;
        background-image: none;
        padding: 10px 10px;
    }

    .arg-table {
        tbody {
            tr {
                td {
                    font-size: 12px !important;
                }
            }
        }
    }

    .flow-1 {
        width: 100%;

        img {
            width: 100%;
            height: auto;
        }
    }

    .flow-2 {
        width: 100%;

        img {
            width: 100%;
            height: auto;
        }
    }

    .map-area {
        height: 30vh;

        .map {
            height: 100%;
        }

        .cover {
            box-sizing: border-box;
            padding: 15px 20px;

            div {
                &.section {
                    font-size: 13px;
                    margin-top: 0px !important;
                    margin-bottom: 15px;

                    p {
                        margin-top: 0px !important;

                        &.title {
                            font-size: 14px;
                            margin-bottom: 5px !important;
                        }
                    }
                }

            }
        }
    }
}


@media (max-width: 500px) {


    .eq-tag p,
    .content p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }


    .content h2 {

        font-size: 16px !important;
    }

    .content {
        height: auto !important;
    }

    .map-area {
        display: block !important;
        height: auto !important;
    }

    .map,
    .cover {
        width: 100% !important;
    }

    .map img {
        display: block !important;
    }

}