@media (min-width: 751px) {

    /* 设置根元素字体大小 */
    html {
        font-size: 100%;
        /* 默认为 16px */
    }

    /* 使用 em 单位 */
    body {
        font-size: 1em;
        /* 相当于 16px */
    }

    .wrapper {
        width: 100%;
        max-height: 1080px;
        background: url(../images/ym_bg.png) no-repeat;
        background-size: 100% 100%;
        padding-bottom: 3.43%;
        display: block;
    }

    .phone {
        display: none;
    }

    .wrapper .logo_title {
        max-width: 1200px;
        margin: 0 auto;
    }

    .wrapper .logo_title .logo {
        text-align: center;
        padding-top: 1.33%;
        box-sizing: border-box;
        width: 8%;
        height: 55.31%;
        margin: 0 auto;
        margin-bottom: 2.25%;
        /* 对应 27px */
    }

    .wrapper .logo_title .logo img {
        width: 100%;
        height: 100%;
    }

    .wrapper .logo_title .title {
        width: 33.42%;
        height: 29.61%;
        margin: 0 auto;
        margin-bottom: 2.58%;
    }

    .wrapper .logo_title .title img {
        width: 100%;
        height: 100%;
    }

    .content {
        padding: 0px 0.5% 3.43% 0.5%;
        box-sizing: border-box;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .clearfix {
        clear: both;
    }

    .content .ly_title {
        margin-bottom: 2.3%;
        background: url(../images/ly_title_bg.png) no-repeat;
        background-position-y: bottom;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .content .ly_title .ly_title_left {
        font-size: 1.5em;
        /* 24px / 16px = 1.5em */
        font-weight: bold;
        padding-bottom: 0.3125em;
        /* 5px / 16px = 0.3125em */
        box-sizing: border-box;
        color: #fff;
        width: 100%
    }

    .content .ly_title .ly_title_left .ly_title_right {
        padding-bottom: 1.25em;
        padding-left: 1em;
        font-size: 1rem;
        box-sizing: border-box;
        color: #fff;
    }

    .content .ly_ul ul {
        width: 100%;
        height: 594px;
    }

    ul>li {
        display: flex;
        margin-bottom: 10px;
    }

    ul .li_six {
        margin-bottom: 0;
    }

    ul .li_six .second {
        display: flex;
        justify-content: space-between;
    }

    ul .li_six .second img {
        height: 100%;
        cursor: pointer;
    }

    /* 第一个 div 样式 */
    ul .first {
        width: 15%;
        height: 100%;
        background-color: #f9f9f9;
        text-align: center;
        color: #306dc2;
        font-size: 1.125em;
        padding-left: 1%;
        padding-right: 1%;
        box-sizing: border-box;
        margin-right: 10px;
    }

    ul .first label {
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 16%;
        box-sizing: border-box;
    }

    ul .first label span {
        margin-right: 10%;
    }

    ul li:nth-child(5) .first label {
        padding-left: 33% !important;
    }

    ul li:nth-child(6) .first label>div {
        display: flex;
        justify-content: space-between;
        width: 72px;
    }

    /* 第二个 div 样式 */
    ul .second {
        width: 85%;
        height: 100%;
        /* 剩余宽度为 85% */
        background-color: #fff;
    }

    ul .li_one,
    ul .li_three,
    ul .li_four,
    ul .li_five,
    ul .li_six {
        height: 10.62%;
    }

    ul .li_two {
        height: 50.51%;
    }

    ul .li_two div {
        position: relative;
    }

    ul .li_two .second .number {
        position: absolute;
        right: 1%;
        bottom: 1%;
        font-size: 1em;
        font-weight: bold;
        letter-spacing: 2px;
        color: #357eda;
    }

    ul .second select {
        outline: none;
        border: none;
        width: 100%;
        height: 100%;
        cursor: pointer;
        font-size: 1em;
        padding-left: 5px;
        box-sizing: border-box;
    }

    /* 多行文本输入框样式 */
    .li_two #wrapper_message {
        width: 100%;
        height: 100%;
        resize: none;
        /* 禁止拖动调整大小 */
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        outline: none;
        font-size: 1em;
        /* margin-top: 0.6%; */
    }

    /* 单行输入框样式 */
    .li_three .name,
    .li_four .lxfs,
    .li_five .txdz,
    .li_six .yzm {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        outline: none;
        font-size: 1em;
    }

    .li_six .yzm {
        width: 81%;
        border: none;
    }

    .ly_btn {
        margin-top: 10%;
        text-align: center;
    }

    .ly_btn .submit {
        display: inline-block;
        text-align: center;
        width: 15%;
        height: 45px;
        background: url(../images/submit_bg.png) no-repeat;
        background-size: 100% 100%;
        letter-spacing: 2px;
        cursor: pointer;
        font-size: 1.25em;
        margin-right: 6.25%;
        line-height: 45px;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
        color: #ffffff;
        border-radius: 50px;
    }

    .ly_btn .back {
        width: 15%;
        height: 45px;
        line-height: 45px;
        background: url(../images/back_bg.png) no-repeat;
        background-size: 100% 100%;
        text-align: center;
        display: inline-block;
        letter-spacing: 2px;
        cursor: pointer;
        font-size: 1.25em;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
        border-radius: 50px;
    }

    /* 超出限制时的警告样式 */
    .warning {
        color: red !important;
    }

    /* 默认的placeholder颜色 */
    .input-field::placeholder {
        color: #aaa;
        /* 默认颜色 */
    }

    /* 当有错误时的placeholder颜色 */
    .input-field.error::placeholder {
        color: red;
        /* 错误颜色 */
    }
}

@media (max-width: 751px) {
    html {
        font-size: 1rem;
        /* 确保这里是你期望的基础字体大小 */
        /* max-width: 46.875rem; */
    }

    body {
        /* width: 46.875rem; */
    }

    .wrapper {
        display: none;
    }

    .phone {
        width: 46.875rem;
        background: url(../images/ym_bg.png) no-repeat;
        background-size: 100% 100%;
        padding-bottom: 4.1875rem;
    }

    .phone .logo_title {
        max-width: 750px;
        margin: 0 auto;
        padding-top: 3.125rem;
        box-sizing: border-box;
    }

    .phone .logo_title .logo {
        text-align: center;
        margin-top: 50px;
        box-sizing: border-box;
        width: 5rem;
        height: 5rem;
        margin: 0 auto;
        margin-bottom: 2.25%;
        /* 对应 27px */
    }

    .phone .logo_title .logo img {
        width: 100%;
        height: 100%;
    }

    .phone .logo_title .title {
        width: 20.4375rem;
        height: 2.6875rem;
        margin: 0 auto;
        margin-bottom: 2.0625rem;
    }

    .phone .logo_title .title img {
        width: 100%;
        height: 100%;
    }

    .content {
        padding: 0px 1.25rem 0px 1.1875rem;
        box-sizing: border-box;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .clearfix {
        clear: both;
    }

    .content .ly_title {
        margin-bottom: 2.3%;
        background: url(../images/ly_title_bg.png) no-repeat;
        background-position-y: bottom;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .content .ly_title .ly_title_left {
        font-size: 1.5rem;
        font-weight: bold;
        padding-bottom: .9375rem;
        box-sizing: border-box;
        color: #fff;
        width: 100%;
        display: flex;
    }

    .content .ly_title .ly_title_left .ly_title_right {
        box-sizing: border-box;
        color: #fff;
        width: 32.875rem;
        height: 2.375rem;
        margin-left: 1.3rem;
        display: inline-block;
        font-size: 1rem;
    }

    .content .ly_ul ul {
        width: 100%;
        height: 594px;
    }

    ul>li {
        display: flex;
        margin-bottom: 10px;
    }

    ul .li_six {
        margin-bottom: 0;
    }

    ul .li_six .second {
        display: flex;
        justify-content: space-between;
    }

    ul .li_six .second #phonebase64image {
        height: 100%;
        cursor: pointer;
    }

    ul .first {
        width: 11.4375rem;
        height: 100%;
        background-color: #f9f9f9;
        text-align: center;
        color: #306dc2;
        font-size: 1.125rem;
        padding-left: 1%;
        padding-right: 1%;
        box-sizing: border-box;
        margin-right: 10px;
    }

    ul .first label {
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 16%;
        box-sizing: border-box;
    }

    ul .first label span {
        margin-right: 10%;
    }

    ul li:nth-child(5) .first label {
        padding-left: 33% !important;
    }

    ul li:nth-child(6) .first label>div {
        display: flex;
        justify-content: space-between;
        width: 4.5rem;
    }

    ul .second {
        width: 85%;
        height: 100%;
        background-color: #fff;
    }

    ul .li_one,
    ul .li_three,
    ul .li_four,
    ul .li_five,
    ul .li_six {
        height: 10.62%;
    }

    ul .li_two {
        height: 50.51%;
    }

    ul .li_two div {
        position: relative;
    }

    ul .li_two .second .number {
        position: absolute;
        right: 1%;
        bottom: 1%;
        font-size: 1em;
        font-weight: bold;
        letter-spacing: 2px;
        color: #357eda;
    }

    ul .second select {
        outline: none;
        border: none;
        width: 100%;
        height: 100%;
        cursor: pointer;
        font-size: 1rem;
        padding-left: .3125rem;
    }

    /* 多行文本输入框样式 */
    .li_two #phone_message {
        width: 100%;
        height: 100%;
        resize: none;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        outline: none;
        font-size: 1rem;
    }

    .li_three .phone_name,
    .li_four .phone_lxfs,
    .li_five .phone_txdz,
    .li_six .phone_yzm {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
        outline: none;
        font-size: 1rem;
    }

    .li_six .phone_yzm {
        width: 81%;
        border: none;
    }

    .ly_btn {
        margin-top: 121px;
        text-align: center;
    }

    .ly_btn .phonesubmit {
        display: inline-block;
        text-align: center;
        width: 11.0625rem;
        height: 2.8125rem;
        background: url(../images/submit_bg.png) no-repeat;
        background-size: 100% 100%;
        letter-spacing: 2px;
        cursor: pointer;
        font-size: 1.25rem;
        margin-right: 6.25%;
        line-height: 2.8125rem;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
        color: #ffffff;
        border-radius: 50px;
    }

    .ly_btn .back {
        width: 11.0625rem;
        height: 2.8125rem;
        line-height: 2.8125rem;
        background: url(../images/back_bg.png) no-repeat;
        background-size: 100% 100%;
        text-align: center;
        display: inline-block;
        letter-spacing: 2px;
        cursor: pointer;
        font-size: 1.25rem;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
        border-radius: 50px;
    }

    /* 超出限制时的警告样式 */
    .warning {
        color: red !important;
    }

    /* 默认的placeholder颜色 */
    .input-field::placeholder {
        color: #aaa;
        /* 默认颜色 */
    }

    /* 当有错误时的placeholder颜色 */
    .input-field.error::placeholder {
        color: red;
        /* 错误颜色 */
    }
}