.app_btn{
  display: none;
}
footer{
  width: 100%;
  background: #171928;
  color: #b3b3b3;
  font-size: 12px;
}
footer .footerInside{
  margin: 0 auto;
  width: 92%;
}
footer .footerInside .topText{
  padding: 25px 0;
}
footer .footerInside .topText p{
  line-height: 17px;
}
footer .footerInside .topText p:first-child img{
  height: 12px;
}
footer .footerInside .topText p:nth-of-type(2){
  margin: 20px 0 ;
}


footer .concantUs {
  border-top: 1px dashed #434343;
  border-bottom: 1px dashed #434343;
  padding: 25px 0;
}
footer .concantUs .title{
  height: 53px;
  line-height: 29px;
  font-size: 22px;
  color: #fff;
  padding: 12px 0;
}

footer .concantUs .infoMsg{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .concantUs .infoMsg li:first-child p{
  line-height: 40px;
}
footer .concantUs .infoMsg li:nth-of-type(2) p{
  line-height: 20px;
} 
footer .concantUs .infoMsg li:nth-of-type(2) p:nth-of-type(3){
  text-align: right;
} 
footer .concantUs .infoMsg li:nth-of-type(2) .buttonClick{
  margin-top: 20px;
}
footer .concantUs .infoMsg li:nth-of-type(3) .conTop {
  margin-bottom: 10px;
}
footer .concantUs .infoMsg li:nth-of-type(3) p{
  line-height: 20px;
}
footer .concantUs .infoMsg li:nth-of-type(4){
  text-align: center;
}
footer .concantUs .infoMsg li:nth-of-type(4) img{
  width: 100px;
  height: 100px;
}
footer .botText{
    padding: 15px 0 30px 0;
}

@media screen and (max-width: 640px) {
  .pc_ele{
    display: none;
  }
  .app_btn{
    display: block;
  }
  footer .footerInside .concantUs .title{
    font-size: 20px;
  }
  footer .concantUs .infoMsg{
    flex-wrap: wrap;
  }
  footer .concantUs{
    padding: 5px 0;
  }
  footer .concantUs .infoMsg li{
    margin-bottom: 20px;
  }
  footer .concantUs .infoMsg li:first-child p{
    line-height: 23px;
  }
  footer .botText > span{
    display: block;
  }
  footer .bottomDown{
    margin-bottom: 20px;
  }
  footer .bottomDown > a{
    display: inline-block;
    width: 30%;
    background-color: #212338;
    border-radius: 5px;
    user-select: none;
    cursor: pointer;
    padding-right: 15px;
    text-align: right;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin-left: 3%;
  }
  footer .bottomDown > a:nth-of-type(1)::before{
    background: url(/assets/img/icon24.png) no-repeat center center;
    background-size: 20px 20px;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  footer .bottomDown > a:nth-of-type(2)::before{
    background: url(/assets/img/icon23.png) no-repeat center center;
    background-size: 20px 20px;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  
}