.footer {
    width: 100%;
   
    background-image: url('../img/footer.png');
    background-repeat: round;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px 20px 0px;
}


/********************第二种布局*************************/
.footer .container{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  color: white;
}

.footer .container .column1{
  display: flex;
  width: 370px;
  justify-content: center;
  align-items: center;
}

.footer .container .column1 .column1-1{
  display: flex;
  width: 15%;
  justify-self: center;
  align-items: center;
  margin: 0 12px;
}
.footer .container .column1 .column1-1 img{
  width: 65px;
  height: 65px;
}

.footer .container .column1 .column1-2{
  display: flex;
  width: 85%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size:14px;
}
.footer .container .column1 .column1-2 .item{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 5px 0px 5px 0px;
  
}

.footer .container .column1 .column1-2 .item .name {
  display: flex;
  width: 20%;
  justify-content: center;
  align-items: center;
  /* font-size: 1rem; */

}
.footer .container .column1 .column1-2 .item .value{
  display: flex;
  width: 80%;
  justify-content: start;
  align-items: center;
  /* font-size: 1rem; */
}

.footer .container .column2 {
  display: flex;
  width: 35%;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 60px;
}

.footer .container .column2 .column2-it{
  display: flex;
  width: 21%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 50px;
}
.footer .container .column2 .column2-it .icon{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.footer .container .column2 .column2-it .icon .icon-big{
  width: 128px;
  height: 128px;
  border-radius: 5px;
}

.footer .container .column2 .column2-it .icon .icon-mide{
  width: 35px;
    height: 35px;
    margin-top: 10px;
}

.footer .container .column3 {
  display: flex;
  width: 35%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 60px;
  line-height: 20px;
}

.footer .container .column3 .line1{
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}

.footer .container .column3 .line1 .link {
  font-size: 14px;
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}

.footer .container .column3 .line2 {
  display: flex;
  width: 100%;
  justify-content: start;
  align-items: center;
}
.footer .container .column3 .line2 .col-item {
  display: flex;
  width: 29%;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: 14px;
}

.footer .container .column3 .select-css{
  width: 100%;
  /* font-size: 1rem; */
  border: 1px solid white;
  height: 35px;
} 
.footer .container .column3 .select-css option{
}
.footer .container .column3 .line3{
  display: flex;
  width: 100%;
  justify-content: start;
  align-items: center;
  font-size: 14px;
}
.footer .container .column3 .line3 a{
  /* font-size: 1rem; */
  padding: 5px 0px 0px 0px;
  color: white;
}
.footer .container .column3 .line3 a:hover{
  color: white;
}
.footer .container .column3 .line3 span{
  /* font-size: 1rem; */
  padding: 5px 0px 0px 0px;
}