* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: 'microsoft yahei';
    }
    
    ul li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        vertical-align: top;
        outline-width: 0ch;
    }
    
    body {
        background-color: #f1f1f2;
    }
    
    @media only screen and (min-width: 996px) {
        .body {
            max-width: 1180px;
            align-items:center;
            margin: 18px auto 0;
            display: flex;
            justify-content: space-between;
            gap: 34px;
        }
        .bodypic {
            width: 384px;
            flex: 0 0 384px;
            position: relative;
        }
        .bodypic .bodyimg {
            width: 100%;
            display: block;
            margin: 0 auto;
        }
        .bodytext {
            flex: 1;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px 14px;
            align-content: center;
        }
        .p_img {
            position: absolute;
            cursor: pointer;
            transition: all ease .5s;
        }
        .p_img4 {
            width: 96px;
            right: 85px;
            top: 110px;
            z-index: 2;
        }
        .p_img5 {
            width: 47px;
            top: 382px;
            right: 69px;
            z-index: 1;
        }
        .p_img2 {
            width: 100px;
            right: 85px;
            top: 265px;
            z-index: 2;
        }
        .p_img9 {
            width: 50px;
            top: 120px;
            right: 107px;
            z-index: 1;
        }
        .p_img10 {
            width: 79px;
            top: 306px;
            left: 74px;
            z-index: 1;
        }
        .p_img8 {
            width: 30px;
            top: 252px;
            right: 146px;
            z-index: 1;
        }
        .p_img6 {
            display: none;
        }
        .p_img13 {
            display: none;
        }
        .p_img14 {
            width: 72px;
            top: 178px;
            right: 95px;
            z-index: 3;
        }
        .p_img11 {
         display:none;
        }
        .p_img12 {
            display: none;
        }
        .p_img1 {
            width: 114px;
            top: 165px;
            left: 54px;
            z-index: 1;
        }
        .p_img3 {
            width: 22px;
            top: 88px;
            right: 122px;
            z-index: 9;
        }
        .p_img7 {
            width: 14px;
            bottom: 379px;
            left: 82px;
            z-index: 2;
        }
        .p_img:hover {
            filter: brightness(1.1) drop-shadow(0 0 10px rgba(0, 150, 255, 0.5));
        }
        .organ-marker {
            position: absolute;
            z-index: 12;
            width: 18px;
            height: 18px;
            border: 2px solid rgba(255, 255, 255, 0.92);
            border-radius: 50%;
            background: rgba(139, 184, 216, 0.78);
            cursor: pointer;
            box-shadow: rgba(0, 150, 255, 0.35) 0 0 0 5px, rgba(27, 84, 111, 0.16) 0 5px 14px;
            transition: all ease .35s;
        }
        .organ-marker span {
            display: none;
        }
        .organ-marker::before {
            display: none;
        }
        .organ-marker:hover,
        .organ-marker.highlight-img,
        .organ-marker.active-link {
            transform: scale(1.35);
            background: rgba(71, 150, 199, 0.95);
            filter: drop-shadow(0 0 10px rgba(0, 150, 255, 0.5));
        }
        .organ-marker-skin {
            top: 128px;
            right: 72px;
        }
        .organ-marker-sarc {
            top: 240px;
            left: 72px;
        }
        .organ-marker-skin,
        .organ-marker-sarc {
            width: 28px;
            height: 24px;
            border: 0;
            border-radius: 50% 48% 54% 46%;
            box-shadow: none;
        }
        .organ-marker-skin {
            background: rgba(151, 63, 84, 0.56);
        }
        .organ-marker-sarc {
            background: rgba(84, 112, 174, 0.56);
        }
        .bodyitem {
            background-color: white;
            transition: all ease .4s;
            padding: 8px 22px;
            display: flex;
            border-radius: 14px;
            width: 100%;
            z-index: 222;
            transition: all ease .5s;
            margin: 0;
            cursor: pointer;
            align-items:center;
        }
        .bodyitem strong {
            color: #373f45;
            display: block;
            font-size: 16px;
            border-right: 2px solid #666;
            padding-right: 10px;
            width: 70px;
        }
        .bodyitem span {
            color: #56656f;
            margin-left: 10px;
            font-size: 14px;
            font-weight: bold;
            flex: 1;
        }
        .bodyitem-total {
            border: 1px solid #6daedc !important;
            background: linear-gradient(180deg, #ffffff 0%, #f3f9fd 100%);
        }
        .bodyitem-total strong {
            color: #0a68b7;
        }
        .highlight {
            transition: all ease .5s;
            transform: scale(1.04);
            box-shadow: rgba(80, 103, 155, 0.06) 0px 5px 40px inset, rgba(27, 84, 111, 0.1) 0px 6px 9px;
        }
        .highlight-img {
            filter: brightness(1.1) drop-shadow(0 0 10px rgba(0, 150, 255, 0.5));
        }
        .bodyitem:hover {
            transition: all ease .5s;
            transform: scale(1.04);
            box-shadow: rgba(80, 103, 155, 0.06) 0px 5px 40px inset, rgba(27, 84, 111, 0.1) 0px 6px 9px;
        }
        .bodyitem:nth-child(1) {
            border: 1px solid #a6caec;
        }
        .bodyitem:nth-child(2) {
            border: 1px solid #bc7171;
        }
        .bodyitem:nth-child(3) {
            border: 1px solid #8ed973;
        }
        .bodyitem:nth-child(4) {
            border: 1px solid #e7c0c1;
        }
        .bodyitem:nth-child(5) {
            border: 1px solid #f2e2e5;
        }
        .bodyitem:nth-child(6) {
            border: 1px solid #c9baea;
        }
        .bodyitem:nth-child(7) {
            border: 1px solid #f8e2b2;
        }
        .bodyitem:nth-child(8) {
            border: 1px solid #ae746b;
        }
        .bodyitem:nth-child(9) {
            border: 1px solid #dd9298;
        }
        .bodyitem:nth-child(10) {
            border: 1px solid #af5e5a;
        }
        .bodyitem:nth-child(11) {
            border: 1px solid #e7c0c1;
        }
        .bodyitem:nth-child(12) {
            border: 1px solid #dd9298;
        }
        .bodyitem:nth-child(13) {
            border: 1px solid #c9baea;
        }
    }
    
    @media only screen and (max-width: 996px) {
        .body {
            padding: 42px 15px 30px;
        }
        .bodypic {
            width: min(360px, 100%);
            position: relative;
            display: block;
            margin: 0 auto 24px;
        }
        .bodypic .bodyimg {
            width: 100%;
            display: block;
            margin: 0 auto;
        }
        .p_img {
            position: absolute;
            cursor: pointer;
            transition: all ease .5s;
        }
        .p_img4 {
            width: 88px;
            right: 61px;
            top: 86px;
            z-index: 2;
        }
        .p_img5 {
            width: 43px;
            top: 337px;
            right: 45px;
            z-index: 1;
        }
        .p_img2 {
            width: 92px;
            right: 61px;
            top: 230px;
            z-index: 2;
        }
        .p_img9 {
            width: 46px;
            top: 94px;
            right: 82px;
            z-index: 1;
        }
        .p_img10 {
            width: 72px;
            top: 286px;
            left: 68px;
            z-index: 1;
        }
        .p_img8 {
            width: 28px;
            top: 218px;
            right: 116px;
            z-index: 1;
        }
        .p_img6 {
            display: none;
        }
        .p_img13 {
            display: none;
        }
        .p_img14 {
            width: 66px;
            top: 148px;
            right: 68px;
            z-index: 3;
        }
        .p_img11,
        .p_img12 {
            display: none;
        }
        .p_img1 {
            width: 105px;
            top: 154px;
            left: 50px;
            z-index: 1;
        }
        .p_img3 {
            width: 20px;
            top: 64px;
            right: 95px;
            z-index: 9;
        }
        .p_img7 {
            width: 20px;
            top: 302px;
            left: 109px;
            z-index: 2;
        }
        .organ-marker {
            position: absolute;
            z-index: 12;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255, 255, 255, 0.92);
            border-radius: 50%;
            background: rgba(139, 184, 216, 0.78);
            cursor: pointer;
            box-shadow: rgba(0, 150, 255, 0.35) 0 0 0 4px, rgba(27, 84, 111, 0.16) 0 5px 14px;
            transition: all ease .35s;
        }
        .organ-marker span {
            display: none;
        }
        .organ-marker::before {
            display: none;
        }
        .organ-marker-skin {
            top: 119px;
            right: 67px;
        }
        .organ-marker-sarc {
            top: 224px;
            left: 67px;
        }
        .organ-marker-skin,
        .organ-marker-sarc {
            width: 26px;
            height: 22px;
            border: 0;
            border-radius: 50% 48% 54% 46%;
            box-shadow: none;
        }
        .organ-marker-skin {
            background: rgba(151, 63, 84, 0.56);
        }
        .organ-marker-sarc {
            background: rgba(84, 112, 174, 0.56);
        }
        .highlight,
        .bodyitem:hover {
            transition: all ease .5s;
            transform: scale(1.03);
            box-shadow: rgba(80, 103, 155, 0.06) 0px 5px 40px inset, rgba(27, 84, 111, 0.1) 0px 6px 9px;
        }
        .highlight-img {
            filter: brightness(1.1) drop-shadow(0 0 10px rgba(0, 150, 255, 0.5));
        }
        .bodytext {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .bodyitem {
            background-color: white;
            transition: all ease .4s;
            padding: 8px 14px;
            border-radius: 14px;
            width: 100%;
            z-index: 222;
            transition: all ease .5s;
            margin: 0;
        }
        .bodyitem strong {
            color: #373f45;
            margin-bottom: 5px;
            display: block;
            font-size: 16px;
        }
        .bodyitem span {
            color: #56656f;
            font-size: 14px;
            font-weight: bold;
        }
        .bodyitem-total {
            border: 1px solid #6daedc !important;
            background: linear-gradient(180deg, #ffffff 0%, #f3f9fd 100%);
        }
        .bodyitem-total strong {
            color: #0a68b7;
        }
    }

    .bodypic {
        aspect-ratio: 269 / 503;
    }

    .bodypic .bodyimg {
        height: 100%;
        object-fit: contain;
    }

    .bodyitem[data-body="淋巴系统"] {
        border: 1px solid #b5c6de;
    }

    .p_img1 {
        width: 29.69%;
        top: 22.97%;
        left: 14.06%;
    }

    .p_img2 {
        width: 26.04%;
        top: 36.90%;
        right: 22.14%;
    }

    .p_img3 {
        width: 5.73%;
        top: 12.25%;
        right: 31.77%;
    }

    .p_img4 {
        width: 25%;
        top: 15.32%;
        right: 22.14%;
    }

    .p_img5 {
        width: 12.24%;
        top: 53.19%;
        right: 17.97%;
    }

    .p_img7 {
        width: 3.65%;
        top: 45.82%;
        bottom: auto;
        left: 21.35%;
    }

    .p_img8 {
        width: 7.81%;
        top: 35.09%;
        right: 38.02%;
    }

    .p_img9 {
        width: 13.02%;
        top: 16.71%;
        right: 27.86%;
    }

    .p_img10 {
        width: 20.57%;
        top: 42.61%;
        left: 19.27%;
    }

    .p_img14 {
        width: 18.75%;
        top: 24.78%;
        right: 24.74%;
    }

    .organ-marker-skin {
        top: 17.82%;
        right: 18.75%;
    }

    .organ-marker-sarc {
        top: 33.42%;
        left: 18.75%;
    }