html,
        body {
            margin: 0;
        }

        .top-img {
            margin-top: 0.533rem;
            /* 20px */
            display: flex;
            justify-content: center;
            position: relative;
        }

        .top-img img {
            width: 9.147rem;
            /* 343px */
        }

        .tab-container {
            display: flex;
            justify-content: space-around;
            font-size: 0.427rem;
            /* 16px */
            font-weight: 600;
            /* border-bottom: 1px solid rgba(153, 153, 153, 1); */
        }

        .tab-button {
            flex: 1;
            text-align: center;
            padding: 0.267rem 0;
            /* 10px 0 */
            cursor: pointer;
            color: rgba(153, 153, 153, 1);
        }

        .tab-button.active {
            color: rgba(212, 48, 48, 1);
            border-bottom: 3px solid rgba(212, 48, 48, 1);
            /* 2px */
        }

        .xw-tab-content {
            color: rgba(51, 51, 51, 1);
        }


        .title-bar {
            border-left: 3px solid rgba(212, 48, 48, 1);
            /* 4px */
            padding-left: 0.267rem;
            /* 10px */
            margin-top: 0.533rem;
            /* 20px */
            margin-bottom: 0.32rem;
            /* 12px */
        }

        .title-bar h1 {
            font-size: 0.427rem;
            /* 16px */
            margin: 0;
        }

        .title-bar .first-letter {
            color: rgba(212, 48, 48, 1);
        }

        .title-bar h1 span+span {
            color: rgba(0, 51, 102, 1);
        }

        .flex {
            display: flex;
        }

        .zhrz-left {
            display: flex;
            flex-direction: column;
            font-size: 0.427rem;
            /* 16px */
            padding: 0.533rem;
            /* 20px */
            justify-content: space-around;
            padding-left: 0;
        }

        .zhrz-left a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            width: 3.2rem;
            /* 120px */
            height: 0.8rem;
            /* 30px */
            opacity: 0.85;
            border-radius: 0.107rem;
            /* 4px */
            background: linear-gradient(122.48deg, rgba(51, 89, 255, 1) 0%, rgba(109, 69, 255, 1) 67.11%, rgba(214, 33, 51, 1) 100%);
        }

        .zhrz-img {
            width: 5.413rem;
            /* 203px */
            height: 5.733rem;
            /* 215px */
        }

        .ts-box {
            width: 4.413rem;
            /* 165.5px */
            height: 2.533rem;
            /* 95.5px */
            background-image: url('ysjs.png');
            background-size: cover;
            position: relative;
            display: block;
        }

        .ts-box2 {
            width: 4.413rem;
            /* 165.5px */
            height: 2.533rem;
            /* 95.5px */
            background-image: url('jj.png');
            background-size: cover;
            display: block;
            position: relative;
        }

        .ts-box3 {
            width: 100%;
            height: 2.533rem;
            display: block;
            /* 95.5px */
            background-image: url('yylt.png');
            background-size: cover;
            margin-top: 0.427rem;
            /* 16px */
            position: relative;
        }