@media (max-width: 768px) {

    :root {
        --px: (100vw / 750);
    }

    html {
        font-size: calc(20 * var(--px));
    }

    .display_pc_block {
        display: none;
    }

    .display_pc_none {
        display: block;
    }


    .display_pc_block {
        display: block;
    }

    .display_pc_none {
        display: none;
    }

    .title_1_size {
        font-size: calc(16 * var(--px));
    }

    .header_box {
        width: calc(750 * var(--px));
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        background: #faf9f5;
    }

    .header_box_form {
        width: calc(729 * var(--px));
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-bottom: 0.2rem;
        margin: 0 auto;
        position: relative;
        background-image: url(../img/new/header_box_form_top.png),
        url(../img/new/header_box_form_bottom.png),
        url(../img/new/header_box_form_middle.png);
        background-size: 100% auto,
        100% auto,
        100% 92%;
        background-repeat: no-repeat;
        background-position: center top,
        center bottom,
        center center;
    }

    .header_box_form_data {
        padding: 0 0.48rem;
        display: flex;
        flex-direction: column;
        padding-top: 0.15rem;
        padding-bottom: calc(15 * var(--px));
        font-size: 0.32rem;
    }

    .header_box_form_data_list {
        display: flex;

        border-bottom: 0.1vw solid #EAE6D9;
        justify-content: space-between;
        align-items: center;
    }


    .header_box_form_data_list_data {
        display: flex;
        padding-left: calc(43 * var(--px));
        margin-top: -0.1em;
    }

    .header_box_form_data_list_title {
        color: #B4832F;

        min-width: calc(95 * var(--px));
        text-align-last: left;
        position: relative;
    }

    .header_box_form_data_list_title::after {
        content: ":";
        position: absolute;
        right: calc(-8 * var(--px));
        text-align-last: left;
        top: 40%;
        transform: translateY(-50%);
        display: none;
    }

    .header_box_form_data_list_data_r {
        display: flex;
        align-items: center;
        /* margin-right: calc(5 * var(--px)); */
        /* margin-left: calc(5 * var(--px)); */
        cursor: pointer;
    }

    .header_box_form_data_list_data_r_icon {
        display: flex;
        align-items: center;
        width: calc(25 * var(--px));
        height: calc(22 * var(--px));
        background-image: url(../img/header_box_form_data_list_data_r_icon.png);
        background-repeat: no-repeat;
        background-size: 87% 100%;
    }

    .header_box_form_data_list_data_r_icon.active {
        background-size: 100% 100%;

        background-image: url(../img/header_box_form_data_list_data_r_icon_active.png);
    }

    .header_box_form_data_list_data_r_text {
        display: flex;
        align-items: center;
        line-height: 1;
    }

    .header_box_form_data_list_data_input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        border: none;
        outline: none;
        background: transparent;

        padding: 0;
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        box-shadow: none;
        width: 100%;
    }

    .header_box_form_data_list_data_input::-ms-clear,
    .header_box_form_data_list_data_input::-ms-reveal {
        display: none;
    }


    .header_box_form_data_list_data_select {
        color: #5C5955;
        /* line-height: 1.4em; */
        cursor: pointer;
    }

    .header_box_form_data_list_data_select_a {
        line-height: 1.4em;
        position: relative;
    }

    .header_box_form_data_list_data_select_a select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: transparent;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        padding: 0;
        margin: 0;
        outline: none;
        cursor: pointer;
    }

    .header_box_form_data_list_data_select_a select::-ms-expand {
        display: none;
    }

    .time_select {
        pointer-events: none;
        width: calc(75 * var(--px));
        height: calc(38 * var(--px));
        padding: calc(3 * var(--px)) calc(7 * var(--px)) !important;
        background-color: #FFFFFF !important;
        margin-right: calc(7 * var(--px)) !important;
        text-align: left;
        border: 0.1vw solid #e4d2b9 !important;
        color: #494949 !important;
        font-size: calc(20 * var(--px)) !important;
        position: relative !important;
        border-radius: calc(3 * var(--px)) !important;
        line-height: 1.5em;
    }

    .header_box_form_data_list_data_select_a::before,
    .header_box_form_data_list_data_select_a::after {
        content: "";
        position: absolute;
        right: calc(52 * var(--px));
        width: 0;
        height: 0;
        border-left: calc(8 * var(--px)) solid transparent;
        border-right: calc(8 * var(--px)) solid transparent;
        z-index: 9 !important;
    }

    .header_box_form_data_list_data_select_a::before {
        top: calc(10 * var(--px));
        border-bottom: calc(8 * var(--px)) solid #ab865e;
    }

    .header_box_form_data_list_data_select_a::after {
        bottom: calc(9 * var(--px));
        border-top: calc(7 * var(--px)) solid #be9568;
    }

    .header_box_form_data_list_data_select_a_m {
        margin-left: calc(34 * var(--px)) !important;
    }

    .header_box_form_buttom {
        width: calc(500 * var(--px));
        height: calc(104 * var(--px));
        background-image: url(../img/header_box_form_buttom.png);
        background-size: 100% 100%;
        margin: 0.2rem auto;
        cursor: pointer;
        margin-bottom: 0.1rem;
    }


    .header_box_form_userinfo {
        width: 88%;
        height: calc(32 * var(--px));
        margin: 0 auto;
        background: #c6a17a;
        border: 0.001rem solid #986b3b;
        border-radius: 10rem;
    }

    .header_box_form_userinfo_list {
        font-size: calc(20 * var(--px));
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .form_userinfo {
        display: flex;
        align-items: center;
    }

    .form_userinfo_img {
        width: calc(20 * var(--px));
        height: calc(20 * var(--px));
        margin-right: calc(10 * var(--px));
    }

    .form_userinfo_img > img {
        width: 100%;
        height: 100%;
    }

    .form_userinfo_text {
        color: #5d312e;
    }

    .form_userinfo_text span {
        color: #010101;
    }

    .form_userinfo_time {
        color: #785143;
    }

    .main_box_1 {
        width: calc(750 * var(--px));
        height: auto;
        background-image: url(../img/main_box_1_m.png), url(../img/main_box_1_m_bottom.png);
        background-size: 100% calc(180 * var(--px)), 100% auto;
        background-position: left top, center bottom;
        background-repeat: no-repeat, no-repeat;
        border-top: 1px solid transparent;
        padding-bottom: calc(89 * var(--px));
    }


    .box_title {
        margin: 0 auto;
        margin-top: calc(30 * var(--px));
        margin-bottom: calc(38 * var(--px));
        height: calc(90 * var(--px));
        display: flex;
        justify-content: center;
    }

    .box_title img {
        height: 100%;
    }

    .main_box_1_data {
        width: calc(724 * var(--px));
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
    }

    .main_box_1_data_item {
        display: flex;
        justify-content: flex-start;
        min-height: calc(440 * var(--px));
        align-items: stretch;
        margin-bottom: calc(10 * var(--px));;
    }

    .main_box_1_data_item_l {
        background-image: url(../img/main_box_1_data_item_l_img.png);
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
        flex: 1;
        padding: 0 calc(30 * var(--px));
        padding-top: calc(21 * var(--px));
        padding-bottom: calc(43 * var(--px));
        box-sizing: border-box;
    }

    .main_box_1_data_item_l_img {
        width: calc(155 * var(--px));
        height: calc(155 * var(--px));
        margin: 0 auto;
        margin-bottom: calc(18 * var(--px));
    }

    .main_box_1_data_item_l_title {
        font-weight: 400;
        font-size: calc(18 * var(--px));
        color: #000000;
        line-height: calc(29 * var(--px));
    }

    .main_box_1_data_item_r {
        width: calc(57 * var(--px));
        min-width: calc(57 * var(--px));
        background-image: url(../img/main_box_1_data_item_r_img.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        writing-mode: vertical-rl;
        text-orientation: upright;
        text-align: center;
        display: inline-block;
        line-height: 2.6em;
        font-size: calc(24 * var(--px));
        color: #FFF6D4;
    }

    .main_box_2 {
        width: calc(750 * var(--px));
        box-sizing: border-box;
        background-size: 100% auto;
        background-position: center bottom;
        border-top: 1px solid transparent;
        background-repeat: no-repeat;
        position: relative;
        margin: 0 auto;
    }

    .main_box_2_title {
        display: flex;
        padding: 0 2vw;

        align-items: center;
        justify-content: center;
        margin-top: calc(46 * var(--px));
        margin-bottom: calc(37 * var(--px));
    }

    .main_box_2_title_item {
        width: calc(308 * var(--px));
        height: calc(64 * var(--px));
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
    }

    .main_box_2_title_l {
        padding: 0 2vw;

        background-image: url(../img/main_box_2_title_l_m.png);
    }

    .main_box_2_title_c {
        min-width: calc(75 * var(--px));
        min-height: calc(101 * var(--px));
        width: calc(75 * var(--px));
        height: calc(101 * var(--px));
        background-image: url(../img/main_box_2_title_c.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        padding: 0 2vw;

    }

    .main_box_2_title_r {
        background-image: url(../img/main_box_2_title_r_m.png);

    }

    .main_box_2_remoke {
        margin: 0 auto;
        font-weight: 400;
        font-size: calc(22 * var(--px));
        line-height: calc(42 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 2vw;

    }

    .main_box_2_remoke p {
        color: #333333;
        padding: 0 2vw;


    }

    .main_box_2_data {
        padding: 0 2vw;

        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: calc(10 * var(--px));
        margin-top: calc(32 * var(--px));
        position: relative;
    }

    .main_box_2_data::after {
        content: ' ';
        width: calc(364 * var(--px));
        height: calc(6 * var(--px));
        position: absolute;
        bottom: 1%;
        right: 0;
        background-color: #dcdcdc;
    }

    .main_box_2_data::before {
        content: ' ';
        width: calc(500 * var(--px));
        height: calc(6 * var(--px));
        position: absolute;
        bottom: 1%;
        left: 0;
        background-color: red;
    }

    .main_box_2_data_item {
        display: flex;
        align-items: stretch;
        justify-content: center;
    }

    .main_box_2_data_item_box {
        width: calc(436 * var(--px));
        height: auto;
        border-radius: calc(8 * var(--px));
        padding: calc(15 * var(--px)) calc(23 * var(--px));
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 400;
        font-size: calc(22 * var(--px));
        line-height: calc(30 * var(--px));
    }

    .main_box_2_data_item_left {
        color: #C3A05D;
        border: calc(2 * var(--px)) solid #C3A05D;
    }

    .main_box_2_data_item_img {
        width: calc(78 * var(--px));
        height: auto;
        min-width: calc(78 * var(--px));
        min-height: calc(78 * var(--px));
        margin: 0 calc(26 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(35 * var(--px));
        font-weight: bold;
        font-family: "SimSun", "STSong", "Songti SC", serif;
        color: #C3A05D;

    }

    .main_box_2_data_item_img img {
        width: calc(78 * var(--px));
        height: calc(78 * var(--px));
        min-width: calc(78 * var(--px));
        min-height: calc(78 * var(--px));
    }

    .main_box_2_data_item_rigth {
        color: #B4B4B4;
        border: calc(2 * var(--px)) solid #B4B4B4;
    }

    .main_box_2_data_item_box_l {
        color: #C3A05D;
        font-size: calc(35 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "SimSun", "STSong", "Songti SC", serif;
    }


    .main_box_2_data_item_box_f {
        color: #B4B4B4;
        font-size: calc(35 * var(--px));
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "SimSun", "STSong", "Songti SC", serif;
    }


    .main_box_2_data_copy {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: calc(20 * var(--px));
        margin-bottom: calc(45 * var(--px));

    }

    .main_box_2_data_copy_data {
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: calc(15 * var(--px));
        flex-direction: column;
    }

    .main_box_2_data_copy_data_item {
        width: calc(729 * var(--px));
        background: #FFFFFF;
        box-shadow: 0px 0px calc(6 * var(--px)) 0px #E2DBD2;
        border-radius: calc(8 * var(--px));
        box-sizing: border-box;
        padding: calc(21 * var(--px)) calc(21 * var(--px));
    }

    .main_box_2_data_copy_data_item_title {
        font-weight: 500;
        font-size: calc(18 * var(--px));
        color: #A37335;
        line-height: calc(24 * var(--px));
        margin-bottom: calc(27 * var(--px));
        position: relative;
    }

    .main_box_2_data_copy_data_item_title::after {
        content: ' ';
        width: 100%;
        height: calc(10 * var(--px));
        background-image: url(../img/main_box_2_data_copy_data_item_title.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -60%;
        left: 0;
    }

    .main_box_2_data_copy_data_item_text {
        font-weight: 400;
        font-size: calc(14 * var(--px));
        color: #666666;
        line-height: calc(24 * var(--px));
    }

    .main_box_3 {
        width: calc(750 * var(--px));
        background-image: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/zhice/qiming_v1/img/main_box_3.png);
        background-size: 100% auto;
        background-position: center bottom;
        border-top: 1px solid transparent;
        background-repeat: no-repeat;
        position: relative;
        padding-bottom: calc(25 * var(--px));
    }


    .main_box_3_wrapper {
        width: calc(750 * var(--px));
        margin: 0 auto;
        overflow: hidden;
        background: transparent;
        position: relative;
        border: 0.1vw solid transparent;
    }

    .main_box_3_data {
        display: flex;
        width: max-content;
        gap: calc(17 * var(--px));

        cursor: pointer;
    }


    .main_box_3_data_item {
        flex-shrink: 0;
        width: calc(366 * var(--px));
        height: calc(612 * var(--px));
        padding: 0 calc(53 * var(--px));
        padding-top: calc(49 * var(--px));
        box-sizing: border-box;
        background-image: url(../img/main_box_3_data_item.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        gap: calc(10 * var(--px));
        text-align: center;
    }

    .main_box_3_data_item_img {
        margin: 0 auto;
        width: calc(120 * var(--px));
        height: calc(120 * var(--px));
        border-radius: 50%;
        overflow: hidden;
    }

    .main_box_3_data_item_img img {
        width: 100%;
        height: 100%;
    }

    .main_box_3_data_item_name {
        font-family: "SimSun", "STSong", serif;
        font-weight: bold;
        font-size: calc(23 * var(--px));
        margin-top: calc(19 * var(--px));
        margin-bottom: calc(0 * var(--px));
        color: #B37D43;
    }

    .main_box_3_data_item_code {
        font-size: calc(14 * var(--px));
        color: #999999;
    }

    .main_box_3_data_item_remoke {
        font-size: calc(21 * var(--px));
        color: #666;
        white-space: normal;
        text-align: left;
        margin-top: calc(8 * var(--px));
        line-height: calc(32 * var(--px));
        text-indent: 2em;
    }

    @keyframes scroll-left {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .main_box_4 {
        width: calc(750 * var(--px));
        background-image: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/zhice/qiming_v1/img/main_box_4.png);
        background-size: 100% auto;
        background-position: center top;
        border-top: 1px solid transparent;
        background-repeat: no-repeat;
        position: relative;
    }


    .main_box_4_data {
        width: calc(730 * var(--px));
        height: auto;
        background-image: none;
        background-size: 100% 100%;
        background-position: center top;
        background-repeat: no-repeat;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: calc(17 * var(--px));
        padding: calc(35 * var(--px)) calc(29 * var(--px));
        box-sizing: border-box;
    }

    .main_box_4_data_item {
        width: calc(729 * var(--px));
        box-sizing: border-box;
        border-bottom: 0.1vw solid #bea066;
        margin-bottom: calc(17 * var(--px));
    }

    .main_box_4_data_item_title {
        position: relative;
        padding-left: calc(57 * var(--px));
        /* font-weight: bold; */
        font-size: calc(24 * var(--px));
        color: #1B1308;
        line-height: calc(27 * var(--px));
        margin-bottom: calc(19 * var(--px));
    }

    .main_box_4_data_item_title::after {
        content: ' ';
        width: calc(40 * var(--px));
        height: calc(40 * var(--px));
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-image: url(../img/main_box_4_data_item_title.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .main_box_4_data_item_text {
        position: relative;
        padding-left: calc(57 * var(--px));
        font-weight: 400;
        font-size: calc(23 * var(--px));
        color: #333333;
        line-height: calc(29 * var(--px));
        padding-bottom: calc(24 * var(--px));
    }

    .main_box_4_data_item_text::after {
        content: ' ';
        width: calc(40 * var(--px));
        height: calc(40 * var(--px));
        position: absolute;
        top: 20%;
        /* transform: translateY(-50%); */
        left: 0;
        background-image: url(../img/main_box_4_data_item_text.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .section_footer {
        background-image: url('../img/section_footer-bg-mobile.webp');
    }


    .section_footer_container {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }

    .section_footer-left {
        padding: 6.27vw 3.6vw 4.93vw;
        flex-direction: column;
    }


    .section_footer-right {
        display: none;
    }

    .section_footer-header {
        width: 100%;

    }

    .section_footer-header-title {
        font-size: 4vw;
    }

    .section_footer-header-text {
        font-size: 2.93vw;
        line-height: 4.3vw;
    }


    .section_footer-contact {
        display: block;
        width: 28.8vw;
        height: 33.6vw;
        cursor: pointer;
    }

    .section_footer-btns {
        margin-top: 4vw;
        margin-left: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 0;
    }

    .section_footer-btns a {
        width: 27.47vw;
        height: 6vw;
        font-size: 2.67vw;
    }

    .section_footer-company {
        margin-top: 4vw;
        text-align: center;
        font-size: 2.67vw;
    }

    .header_box_form_data_list_data_b {
        background-color: #dcdcdc;
        border-radius: 3vw;
        padding: 0;
        border-radius: 10rem;
        overflow: hidden;
    }

    .header_box_form_data_list_data_b_r {
        padding: 1.5vw 2.2vw;
        border-radius: 6.5vw;
        overflow: hidden;
    }


    .header_box_form_userinfo {
        height: 0.4rem;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .header_box_form_userinfo_scroll {
        transition: transform 0.5s ease-in-out;
    }

    .header_box_form_userinfo_list {
        font-size: 0.20rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 0.4rem;
        padding: 0 0.1rem;
        line-height: 0.32rem;
    }

    .header_box_form_userinfo_list:last-child {
        border-bottom: none;
    }

    .header_box_form_userinfo:hover .header_box_form_userinfo_scroll {
        animation-play-state: paused;
    }

    .test_push_data {
        gap: 0 0.4rem;
        margin-bottom: 0.5rem;
    }

    .gender-toggle-copy {
        color: #6d6d6d;
        font-size: .33rem;
        background: transparent !important;
        display: flex;
        justify-content: flex-end;
        gap: 0.9rem;
        align-items: center;
    }

    .gender-toggle-copy-item {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .gender-toggle-copy-item-icon {
        width: 0.349999rem;
        height: 0.3rem;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../../aiqiming_v2/img/test_name1.png);
        margin-right: 0.1rem;
        margin-bottom: 0.05rem;
    }

    .gender-toggle-copy-item-icon-active {
        background-image: url(../../aiqiming_v2/img/test_name1_active.png);
    }

    .header_box_form_new {
    }

    .header_box_form::after {

        width: 0.49rem;
        display: block;
        height: 35%;
        background-image: url(../img/new/header_box_form_font.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        position: absolute;
        top: 1.7rem;
        left: 8.5%;
    }

    .header_box_img {

        object-fit: cover;

        object-position: top;

        display: block;

        width: 100%;

        height: calc(534 * var(--px));

    }


    .header_box_form_tab {
        margin: 0 auto;
        gap: 0.6rem;
        top: -0.9rem;
    }

    .header_box_form_tab_button {
        width: 2.5rem;
        height: 0.8rem;
    }


}