ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}

/* pc端底部 */
@media (min-width: 845px){


}

.form-footer2 .modal .modal-content .modal-body .form-group .select{
    width: 50%;
}

/* 手机端底部 */
@media (max-width: 768px){

}

.footer-contact {
    width: 100vw;
    height: 116rem;
    padding: 0 225rem;
    box-sizing: border-box;
    background-color: rgb(46,211,155);
}

.footer-contact-text {
    font-size: 30rem;
    white-space: nowrap;
    color: #000;
    font-weight: 600;
}

.footer-contact-send-wrap {
    width: 340rem;
    height: 48rem;
    border-radius: 47rem;
    padding: 0 10rem 0 10rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
    box-sizing: border-box;
}

.footer-contact-email-input {
    width: 245rem;
    border: 0;
    outline: none;
    font-size: 18rem;
}

/* .footer-contact-email-input:focus-visible {
    outline: none;
} */

.send-button {
    width: 67rem;
    height: 38rem;
    border-radius: 30rem;
    background-color: #17AC64;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.send-button a{
    width: 20rem;
    display: block;
}
.send-button a img{
    width: 20rem;
    height: 20rem;
}

.footer-item-wrap {
    /* width: 100vw; */
    height: 481rem;
    background-color: rgb(34,35,57);
    display: grid;
    grid-template-columns: 420rem 1fr 1fr;
    column-gap: 92rem;
    justify-content: center;
    padding: 60rem 240rem 76rem;
    border-bottom: 1rem solid #17AC64;
}

.fs-20 {
    font-size: 20rem;
}

.footer-item-1>p {
    width: 310rem;
    margin-bottom: 12rem;
    color: #fff;
    font-size: 37rem;
}

.footer-item-1 .logo-wrap {
    display: flex;
    margin-bottom: 24rem;
    align-items: center;
}

.footer-item-1 .logo-wrap>img {
    object-fit: contain;
}

.footer-item-1 .logo-wrap .logo {
    width: 59rem;
    margin-right: 24rem;

}

.footer-item-1 .logo-wrap .content {
    width: 220rem;
    height: 25px;
    /* margin-bottom: 15rem; */
    /* transform: scale(1.2); */
}

/* .footer-contact-plate .plate-icon {
    margin-right: 27rem;
    margin-top: 58rem;
    width: 28rem;
    cursor: pointer;
} */


.nav-list-wrap .right{
    width: 440rem;
    height: 60rem;
    line-height: 60rem;
    text-align: center;
    font-size: 20rem;
    font-weight: 600;
    background-color: rgb(46,211,155);
    border-radius: 30rem;
}
.nav-list-wrap .right .btn{
    width: 100%;
    height: 100%;
    border-radius: 30rem;
    font-size: 20rem;
    background-color: rgb(46,211,155);
    border: 0;
    font-weight: 600;
}
.nav-list-wrap .right .btn:focus {
    border: 0;
    outline: none;
}


.foot-right{
    transform: translateX(-100rem);
}

.footer-item-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #fff;
}
.footer-item-2 p{
    margin: 10rem 0;
}

.footer-item-2 a {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #E9EAEE;
}

.footer-item-2 a:hover {
    color: #65B768;
}

.footer-item-title {
    font-size: 35rem;
    font-weight: bold;
    margin-bottom: 24rem;
    margin-top: 0;
}

.footer-item {
    font-size: 25rem;
    margin-top: 0;
}

.footer-item a {
    text-decoration: none;
}

.footer-item-2 a:hover {
    text-decoration: none;
    color: #fff !important;
}

.footer-item-3 .left{
    width: 440rem;
    height: 60rem;
    line-height: 60rem;
    text-align: center;
    font-size: 20rem;
    font-weight: 600;
    background-color: rgb(46,211,155);
    border-radius: 30rem;
    margin-top: 38rem;
}
.footer-item-3 .left .btn{
    width: 100%;
    height: 100%;
    border-radius: 30rem;
    font-size: 20rem;
    background-color: rgb(46,211,155);
    border: 0;
}
.footer-item-3 .left .btn:focus {
    border: 0;
    outline: none;
}

.form-footer2 .modal .modal-content{
    width: 780rem;
    height: auto;
    /* margin: auto; */
    padding: 40rem  50rem;
    border-radius: 10px;
}

.form-footer2 .modal .modal-content .modal-header{
    width: 100%;
    text-align: center;
    /* height: 60pt; */
    border: 0;
    margin: 0 ;
    padding: 0;
}
h1{
    font-size: 40rem;
    font-weight: 600;
}

.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(-n+2){
    display: flex;
    height: auto;
    justify-content: space-between;
}
.form-footer2 .modal .modal-content .modal-body form .form-group >div{
    width: 270rem;

}

.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) #fileInput{
    width: 42rem;
    height: 42rem;
    z-index: 222;
    opacity: 0;
    position: relative;
    left: 0rem;
    border: 1px solid #ccc;
}
.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) .border{
    width: 43rem;
    height: 43rem;
    border: 2px rgb(157, 144, 161) solid;
    position: absolute;
    z-index: 0;
}
.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3){
    position: relative;
}

.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) .feather{
    position: absolute;
    left: 2rem;
    top: 38rem;
    background-color: rgb(255,255,255);
}

.form-footer2 .modal .modal-content .modal-body .form-group{
    font-size: 22rem;
}

.form-footer2{
    position: absolute;
    left: 0;
}
#zone-preference div{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#exampleInput,
#fileInput
{
    height: 35rem;
    border: 2px rgb(157, 144, 161) solid;
}

#exampleInput:focus {
    border-color: rgb(46,211,155); /* input获得焦点时则更改边框颜色为蓝色 */
}
.form-footer2 .modal .modal-content .modal-body .form-group:last-child #exampleInput{
    height: 80rem !important;
    /* text-align: right; */
    vertical-align: bottom;
}
.form-footer2 .modal .modal-content .modal-body .form-group{
    font-size: 22rem;
    position: relative;
}
/*///////////////////////////////////////////////////*/
#zone-preference2 div{
    width: 100%;

    justify-content: space-between;


}

#zone-preference2 div>button{
    width: 100%;

    justify-content: space-between;
    width: 45%;
    text-align: center;
    margin-left: 20rem;
    margin-top: 10rem;


}


.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) #fileInput4{
    width: 48rem;
    height: 48rem;
    z-index: 222;
    opacity: 0;
    position: relative;
    left: 0rem;
    border: 1px solid #ccc;
}


.form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) #fileInput4{
    width: 48rem;
    height: 48rem;
    z-index: 222;
    opacity: 0;
    position: relative;
    left: 0rem;
    border: 1px solid #ccc;
}

#fileInput4
{
    height: 35rem;
    border: 2px rgb(157, 144, 161) solid;
}



/*///////////////////////////////////////////////////*/

@media (min-width: 845px){
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox{
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 25rem;
    }
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox .label{
        font-size: 18rem;
        color: #000;
        font-weight: 400;
        display: inline-block;
        transform: translateY(-8rem);
    }
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox .checkboxs{
        width: 30rem;
        height: 30rem;
        display: inline-block;
        background-image: url('../images/nochecked.png');
        background-size :cover;
    }
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox .nocheckboxs{
        width: 30rem;
        height: 30rem;
        background-image: url('../images/checked.png');
        background-size :cover;
        display: none;
    }
}

.form-footer2 .modal .modal-content.modal-body .form-group  label{
    font-size: 22rem !important;
    font-weight: 600;
    height: 30rem;
}
.form-footer2 .modal .modal-content .modal-footer{
    width: 100%;
    border: 0;
}
.form-footer2 .modal .modal-content .modal-footer .btn{
    width: 100% !important;
    height: 50rem !important;
    border: 0;
    background-color: rgb(46,211,155);
    color: #000;
    font-size: 24rem;
    font-weight: 500;
    border-radius: 5px;
}


.footer-item-4{
    cursor: pointer;
    width: 400rem;
    height: 90rem;
    margin-top: 38rem;
    border-top: 1px solid rgb(242,242,242);
    transform: translateX(500rem);
}
.footer-item-4 .footer-contact-plate{
    float: right;
    margin-top: 20rem;
}
.footer-item-4 img{
    margin-bottom: 22rem;
    vertical-align: middle;
}
.footer-item-4 .footer-contact-plate span{
    display: inline-block;
    width: 2px;
    height: 30rem;
    background-color: rgb(255,255,255);
    margin: 0 20rem;
}


.copyright-wrap {
    width: 100vw;
    text-align: center;
    line-height: 50rem;
    background-color: rgb(45,46,67);
}

.copyright-wrap>ul {
    display: flex;
    margin-bottom: 0;
    color: #fff;
    font-size: 24rem;
    margin-top: 0;
    justify-content: center;
    align-items: center;
    color: rgb(233, 234, 238);
}

.copyright-wrap>ul .item {
    width: 3.5rem;
    height: 31rem;
    margin: 0px 8px;
    background-color: rgb(233, 234, 238);
}

.email-success-wrap {
    opacity: 0;
    /* width: 100%; */
    position: absolute;
    right: 0;
    z-index: -1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    transition: all .2s;
}

.email-success-wrap p {
    margin: 0;
}

.email-success-title {
    font-size: 60rem;
    font-weight: bold;
}

.email-success-desc {
    font-size: 30rem;
}

.footer-contact-block {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 700px) {

    #zone-preference>div{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    #zone-preference>div>.btn{
        margin: 5px 0;
        width: 80px;
    }

    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox{
        width: 100%;
        line-height: 25pt;
        margin: 10pt 0;
    }
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox .label{
        font-size: 14pt;
        color: #000;
        font-weight: 600;
        display: inline-block;
        transform: translateY(-6pt);
        padding: 0;
    }
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox .checkboxs{
        width: 25pt;
        height: 25pt;
        display: inline-block;
        background-image: url('../images/nochecked.png');
        background-size :cover;
    }
    .form-footer2 .modal .modal-content .modal-body .form-group .custom-checkbox .nocheckboxs{
        width: 25pt;
        height: 25pt;
        background-image: url('../images/checked.png');
        background-size :cover;
        display: none;
    }

    .footer-contact,
    .footer-item-1 .logo-wrap,
    .imolaza-desc {
        display: none;
    }
    .footer-contact .footer-contact-text{
        font-size: 33pt;
    }
    .footer-contact .send-button{
        width: 54pt;
    }

    .footer-item-wrap {
        height: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        /* text-align: center; */
        justify-content: flex-start;
        align-items: center;
    }

    .footer-item-2 {
        margin-top: 16pt;
        margin-bottom: 18pt;
        color: red;
        width: 230pt;
        text-align: center;
    }

    .footer-item-2 >p {
        margin-bottom: 4pt;
        font-size: var(--mobile-content);
    }

    .footer-item-2 .footer-item-title {
        font-size: 20pt;
        font-weight: bold;
        color: #E9EAEE !important;
        margin-top: 0;
    }
    .footer-item-2 .footer-item{
        font-size: 15pt;
    }
    .foot-right{
        transform: translateX(0);
        margin-bottom: 8pt;
    }

    .footer-contact-plate .plate-icon {
        width: 22pt;
        margin-top: 23pt;
        margin-right: 12pt;
    }
    .footer-item-3{
        width: 840pt;
        display: flex;
        flex-direction: column;
        margin-bottom: 50pt;

    }
    .footer-item-3 .left{
        /* font-size: 34pt; */
        width: 210pt;
        height: 25pt;
        line-height: 25pt;
        margin: auto;
        border-radius: 30pt;

    }



    .footer-item-3 .left .btn{
        font-size: 10pt;
        border-radius: 30pt;

    }
    .footer-item-4{
        transform: none;
        border: 0;
        margin: 0;
        height: 60pt;
        width: 166pt;
    }
    .footer-item-4 .footer-contact-plate{
        float: none;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 0;
    }
    .footer-item-4 .footer-contact-plate >span{
        display: none;
    }

    .copyright-wrap {
        line-height: 35pt;
        display: flex;
        justify-content: center;
    }

    .copyright-wrap> ul {
        font-size: 11pt;
        white-space: nowrap;
        transform: scale(0.6);
        padding: 0;
    }

    .copyright-wrap>ul .item{
        width: 2pt;
        height: 16pt;
    }
    /* 表单 */
    .form-footer2 .modal .modal-content{
        width: 90%;
        height: auto;
        margin: auto;
        padding: 0;
        border-radius: 10px;
    }

    .form-footer2 .modal .modal-content .modal-header{
        width: 100%;
        text-align: center;
        height: 40pt;
        line-height: 40pt;
        border: 0;
        margin: 0 ;
        padding: 0;
    }
    h1{
        font-size: 24pt;
        font-weight: 600;
    }

    .form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(-n+2){
        display: block;
        height: auto;
        /* justify-content: space-between; */
    }
    .form-footer2 .modal .modal-content .modal-body form .form-group >div{
        width: 100%;
    }

    .form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) #fileInput{
        width: 42pt;
        height: 42pt;
        z-index: 222;
        opacity: 0;
        position: relative;
        left: 0pt;
        border: 1px solid #ccc;
    }
    .form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) .border{
        width: 43pt;
        height: 43pt;
        border: 2px rgb(157, 144, 161) solid;
        position: absolute;
        z-index: 0;
    }
    .form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3){
        position: relative;
    }

    .form-footer2 .modal .modal-content .modal-body form .form-group:nth-child(3) .feather{
        position: absolute;
        left: 6pt;
        top: 38pt;
        background-color: rgb(255,255,255);
    }

    .form-footer2 .modal .modal-content .modal-body .form-group{
        font-size: 20pt;
        /* display: flex;
        flex-wrap: nowrap; */
    }
    .form-footer2 .modal .modal-content .modal-body .form-group label{
        font-size: 14pt !important;
        font-weight: 600 !important;
    }

    .form-footer2{
        position: absolute;
        left: 0;
    }

    #exampleInput,
    #fileInput
    {
        height: 30pt;
        border: 2px rgb(157, 144, 161) solid;
    }

    #exampleInput:focus {
        border-color: rgb(46,211,155); /* input获得焦点时则更改边框颜色为蓝色 */
    }
    .form-footer2 .modal .modal-content .modal-body .form-group:last-child #exampleInput{
        height: 80pt !important;
        /* text-align: right; */
        vertical-align: bottom;
    }

    .form-footer2 .modal .modal-content.modal-body .form-group  label{
        font-size: 22pt !important;
        font-weight: 600;
        height: 30pt;
    }
    .form-footer2 .modal .modal-content .modal-footer{
        width: 100%;
        border: 0;
    }
    .form-footer2 .modal .modal-content .modal-footer .btn{
        width: 100% !important;
        height: 35pt !important;
        border: 0;
        background-color: rgb(46,211,155);
        color: #000;
        font-size: 20pt;
        font-weight: 500;
        border-radius: 5px;
    }

}