.footer{
    width: 100%;
    height: 60vh;
    /* background-color: #030045; */
    position: relative;
    background: 
    url(../imgs/svg/页尾背景左.svg) 2vw 28vh/400px auto no-repeat,
    url(../imgs/svg/页尾背景右.svg) 78vw 19vh/400px auto no-repeat,
    hsl(243, 100%, 14%);  /* 背景色放在最后 */
 
}
.emailBox{
    width: 55vw;
    height: 12vh;
    background: #00ECEC;
    position: absolute;
    top: 18vh;
    left: 30vw;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.emailLeft{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    padding-left: 4vw;
}
.emailLeft p{
    font-size: 1.2vw;
    color: #fff;
    font-weight: 600;
}
.emailLeft p:nth-child(2){
    font-size: 1vw;
    color: #fff;
    font-weight: 400;
}


.emailRight{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.email{
    width: 50%;
    height: 48%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid #3FB7DC;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
    transition: all 0.3s ease;
}
.email span{
    font-size: 1vw;
    color: #3FB7DC;
    font-weight: 800;

}
.email img{
    width: 1.5vw;
    height: auto;
}
.email:hover{
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

/* --------------------------------------- */
.footerBox{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerBoxLeft{
    width: 30vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footerBoxLeft img{
    width: 8vw;
    height:auto;
}
.footerBoxRight{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    padding-bottom: 2vh;
    padding-right: 5vw;
    color: #fff;
}
.footerBoxRight p{
    font-size: 1vw;
    font-weight: 400;
}

.record{
    color: #fff;   
    font-size: 1vw;

}
.record:hover{
    color: #009FD0;   
    font-size: 1vw;

}


