/* 适用于宽度在750px以下的样式 */
@media (max-width: 750px) {
    .container {
        width: 100%;
        background-color: #ffffff;
    }
    /* header */
    .header-content {
        background: #F8F8F8;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-left, .header-right {
        margin: 0.75rem; /* 12px */
    }
    .header-phone{
        display: none;
    }
    .header-text {
        margin-left: 0.3125rem; /* 5px */
        color: #666666;
    }

    /* banner */
    .bannerMobile{
        width: 100%;
        height: auto;
    }
    .bannerPC{
        display: none;
    }

    /* search */
    .search{
        width: 100%;
        background-color: #EEEEEE;
        display: none;
        padding-bottom: 0.625rem; /* 10px */
        justify-content: flex-start;
        flex-direction: column;
    }
    .searchText{
        margin-left: 0.75rem; /* 12px */
        font-size: 0.8125rem; /* 13px */
        font-weight: 400;
        color: #333333;
    }
    .searchInput{
        margin-left: 0.75rem; /* 12px */
        display: flex;
        align-items: center;
    }
    #province-select{
        height: 2.25rem; /* 36px */
        width: calc(100% - 17px - 13px - 25px);
        border: 1px solid #E8E8E8;
        border-radius: 0.1875rem; /* 3px */
        padding-left: 0.9375rem; /* 15px */
        background-color: #FFFFFF;
        -webkit-appearance: none;
        appearance: none;
        box-sizing: border-box;
    }
    #searchIcon{
        width: 1.125rem; /* 18px */
        height: 1.125rem; /* 18px */
        background: #7D68A8;
        padding: 0.3125rem 0.75rem; /* 5px 12px */
        margin-left: 0.1875rem; /* 3px */
        border-radius: 0.1875rem; /* 3px */
    }

    /*js select变动销售人员*/
    .connectMain{
        display: flex;
        flex-direction: column;
    }
    .titleContainer{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1.25rem auto; /* 20px */
    }
    .departmentTitle{
        font-weight: bold;
        font-size: 0.875rem; /* 14px */
        color: #F18F48;
        margin: 0 0.75rem; /* 0 12px */
        white-space: nowrap;
    }
    .titleImage{
        height: 0.3125rem; /* 5px */
        overflow: auto;
    }
    .department{
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .connectList {
        width: 90%;
        margin: 0.9375rem auto; /* 15px */
        box-sizing: border-box;
        background: #F5F5F5;
    }
    .addressContainer{
        padding: 0.4375rem 0; /* 7px */
        width: 100%;
        background: #7D68A8;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .addressIcon{
        width: 1rem; /* 16px */
        height: 1rem; /* 16px */
        margin-left: 0.75rem; /* 12px */
        margin-right: 0.75rem; /* 12px */
    }
    .address{
        font-weight: 400;
        font-size: 0.8125rem; /* 13px */
        color: #FFFFFF;
    }
    .info{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .info img{
        margin: 1.0625rem 1.5rem 1.0625rem 0.75rem; /* 17px 24px 17px 12px */
        /* max-width: 75px; */
        /* max-height: 75px; */
        width: 30%;
        /* min-width: 40px;
        min-height: 40px; */
    }
    .name{
        font-weight: 400;
        font-size: 0.875rem; /* 14px */
        color: #333333;
        margin-bottom: 0.625rem; /* 10px */
    }
    .phone{
        font-weight: bold;
        font-size: 0.875rem; /* 14px */
        color: #333333;
    }
    /*固定的销售人员联系方式*/
    .connectMainFixed{
        margin-bottom: 1.875rem; /* 30px */
    }
    .cutPositive, .cutNegative{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .linearLinePositive{
        height: 1px;
        width: 100%;
        background: linear-gradient( 117deg, #FFFFFF 0%, #C4C4C4 100%);
    }
    .linearLineNegative{
        height: 1px;
        width: 100%;
        background: linear-gradient( 243deg, #FFFFFF 0%, #C4C4C4 100%);
    }
    .dot, .dot2{
        width: 0.3125rem; /* 5px */
        height: 0.3125rem; /* 5px */
        background: #7D68A8;
        border-radius: 50%;
    }

    /* price */
    .price{
        width: 80%;
        background-color: #F8F8F8;
        margin: 1.875rem auto 1.25rem; /* 30px auto 20px */
        padding: 0.625rem 0.9375rem; /* 10px 15px */
    }
    .price h1{
        font-weight: 400;
        font-size: 1.25rem; /* 20px */
        color: #333333;
        height: 1.25rem; /* 20px */
        line-height: 1.25rem; /* 20px */
    }
    .price-content{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .price-left{
        width: 100%;
        font-size: 0.875rem; /* 14px */
        color: #666666;
    }
    .price-left h2{
        font-size: 1.125rem; /* 18px */
        font-weight: bold;
    }
    .price-left a{
        color: #1492E6;
        text-decoration: underline;
    }
    .price-right{
        width: 100%;
    }
    .form-container {
        max-width: 600px;
        margin: 0 auto;
    }
    .form-group {
        margin-bottom: 0.625rem; /* 10px */
    }
    .form-group label {
        display: block;
        margin-bottom: 0.1875rem; /* 3px */
        font-weight: bold;
        font-size: 0.875rem; /* 14px */
        color: #666666;
    }
    .form-group label span {
        color: red;
    }
    .form-group input, 
    .form-group select, 
    .form-group textarea {
        width: 100%;
        padding: 0.3125rem 0.9375rem;
        border: 1px solid #ccc;
        border-radius: 0.1875rem;
        height: 2.25rem;
        font-size: 0.8rem;
        color: #999999;
        background-color: #FFFFFF;
        -webkit-appearance: none;
        appearance: none;
        box-sizing: border-box;
    }
    .form-group textarea {
        height: 3.125rem; /* 50px */
    }
    .form-group button {
        padding: 0.4375rem 2.0625rem; /* 7px 33px */
        background-color: #7D68A8;
        font-weight: bold;
        font-size: 0.875rem; /* 14px */
        color: #FFFFFF;
        border: none;
        cursor: pointer;
        border-radius: 0.25rem; /* 4px */
        float: right;
    }
    .form-group button:hover {
        background-color: #5d4b7f;
    }
    .form-row {
        flex-direction: column;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    .form-row .form-group {
        width: 100%;
    }
    .form-row .form-group:last-child {
        margin-right: 0; /* 移除最后一个表单项的间距 */
    }

    /* 占位符和选项样式 */
    .form-group input::placeholder,
    .form-group select::placeholder,
    .form-group textarea::placeholder,
    .form-group select option {
        font-size: 0.8rem;
        color: #999999;
    }

    /* footer */
    .footer{
        width: 100%;
        background-color: #404553;
    }
    .footer-content {
        width: 80%;
        display: flex;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    .footer-left-line{
        display: none;
    }
    .footer-top-left{
        display: flex;
        align-items: center;
    }
    .footer-logo{
        display: none;
    }
    .footer-top{
        padding: 1.875rem 0 1.25rem; /* 30px 0 20px */
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .footer-top-right{
        display: none;
    }
    .footer-left-connect ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .footer-connect-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0.9375rem; /* 15px */
        color: white;
    }
    .footer-connect-item img {
        width: 1.1875rem; /* 19px */
        height: 1.1875rem; /* 19px */
        margin-right: 0.1875rem; /* 3px */
        flex-shrink: 0;
    }
    .footer-connect-item dt {
        white-space: nowrap;
        margin-right: 0.3125rem; /* 5px */
        min-width: 4em; /* 给标签一个固定的最小宽度 */
    }
    .footer-connect-item dd {
        margin: 0;
        flex: 1;
    }
    .footer-line{
        display: block;
        width: 100%;
        height: 1px;
        background-color: #A0A3A9;
    }
    .footer-bottom{
        flex-direction: column;
        align-items: center;
        display: flex;
        color: white;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .footer-bottom p {
        margin: 0.625rem auto 0; /* 10px auto 0 */
    }
    .noneMobile{
        display: none;
    }
    .beian{
        display: flex;
        align-items: flex-end;
    }
    .beian img{
        width: 1.25rem; /* 20px */
        height: 1.25rem; /* 20px */
        margin-right: 0.1875rem; /* 3px */
    }

    /* header链接样式 */
    .header-left a {
        display: block;
        transition: all 0.3s ease;
    }

    .header-left a:hover {
        opacity: 0.8;
    }

    /* footer邮箱链接样式 */
    .footer-connect-item dd a.blue {
        color: white;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .footer-connect-item dd a.blue:hover {
        text-decoration: underline;
    }

    /* price区域邮箱链接样式 */
    .price-left a.blue {
        color: #1492E6;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .price-left a.blue:hover {
        text-decoration: underline;
    }

    /* 备案号链接样式 */
    .beian a {
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .beian a:hover {
        text-decoration: underline !important;
    }

    /* header-right a */
    .header-right a {
        text-decoration: none;
        display: flex;
        align-items: center;
        transition: all 0.3s ease;
    }

    .header-right a:hover {
        opacity: 0.8;
    }
}