#myFooter {
    height: 38vh;
    min-height: 300px;
    z-index: 500;
    position: relative;
    bottom: 0;
    left: 0;
    background-color: #915648;
    width: 100%;
    border-top: 15px solid #674543;
    margin:0; 
    overflow: hidden;
}

/* 清除浏览器默认格式 */
* {
    margin: 0;
    padding: 0;
    /* 内减模式 */
    box-sizing: border-box;
    font-family: MyFont,Lora,Verdana, Geneva, Tahoma, sans-serif;
    scroll-behavior: smooth;
  }

  li {
    list-style: none;
  }

  a {
    text-decoration: none;
  }

  /* 清除浮动 */
  .clearfix::before,
  .clearfix::after {
    content: '';
    display: table;
  }

  .clearfix::after {
    clear: both;
  }
.footer-xiaohui {
    position: absolute;
    left: 3%;
    width: 45%;
    height: 85%;
    top: 6%;
}


.footer-xiaohui img {
    position: absolute;
    height: 45%;
    width: 11vw;
    height:auto;
}

.footer-xiaoming img{
    position: absolute;
    left: 13%;
    top: 8%;
    width: 22vw;
}

.footer-didian {
    position: absolute;
    left: 3%;
    width: 45%;
    height: 35%;
    top: 55%;
}

.footer-didianming {
    position: absolute;
    left: 13%;
    top: 34%;
    font-size: 21px;
    font-weight: bold;
    color: #F0E5C6;
    text-align: center;
}

.footer-duihui {
    position: absolute;
    left: 34%;
    width: 30%;
    height: 85%;
    top: 4%;
}

.footer-duihui img {
    position: absolute;
    height: 60%;
}

.footer-follow {
    position: absolute;
    left: 40%;
    width: 33%;
    height: 85%;
    top: -15%;
    justify-content: center;
}

.footer-followus {
    position: absolute;
    left: 60%;
    top:35vh;
    transform: translateX(-50%);
    font-size: 33px;
    font-weight: bold;
    color: #F0E5C6;
    white-space: nowrap;
}

.footer-wechat {
    position: absolute;
    left: 10%;
    height: 30%;
    width: 41%;
    top: 4%;
}

.footer-wechat:hover {
    transform: scale(1.2);
}

.footer-facebook {
    position: absolute;
    left: 58%;
    transform: translateX(-50%);
    height: 30%;
    width: 48%;
    top: 1.5%;
}

.footer-facebook:hover {
    transform: translateX(-50%) scale(1.2);
}

.footer-ins {
    position: absolute;
    left:65%;
    height: 30%;
    width: 40%;
    top: 5.8%;
}

.footer-ins:hover {
    transform: scale(1.2);
}

.footer-weibo {
    position: absolute;
    left: 25%;
    height: 30%;
    width: 40%;
    top: 45%;
}

.footer-weibo:hover {
    transform: scale(1.2);
}

.footer-twitter {
    position: absolute;
    right: 5%;
    height: 30%;
    width: 44%;
    top: 46%;
}

.footer-twitter:hover {
    transform: scale(1.2);
}


.footer-contact {
    position: absolute;
    right: 12%;
    width: 30%;
    justify-content: center;
}

.footer-contact img {
    position: absolute;
    left: 80%;
    top:3vh;
    transform: translateX(-50%);
    height: 45%;
    width:50%;
    height: auto;
}

.footer-contactus {
    position: absolute;
    left: 81%;
    top:28vh;
    transform: translateX(-50%);
    font-size: 33px;
    font-weight: bold;
    color: #F0E5C6;
    white-space: nowrap;
}

.footer-mail {
    position: absolute;
    bottom: -5%;
    left: 83%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #F0E5C6;
    font-weight: bold;
}