/* CSS Document */

.social-icons {
  margin: 0px;
  padding: 0;
  display: block;
  color: #666;
}
.footer-social > div {
  display: inline-block;
  margin: 5px;
  padding: 0;
  border-radius: 5px;
}
.footer-social > div.line {background-color: #0fa104;}
.footer-social > div.wechat {background-color: #2ec100;}
.footer-social > div a {
  display: inline-flex; flex-flow: wrap; justify-content: center; align-items: center;
  width: 40px;
  height: 40px;
  transition: all 0.3s;
}
.amg_hover_icon {position: relative;}
.amg_hover_icon > a {cursor: pointer;}
.amg_hover_icon > a img {max-width: 28px;}
.amg_hover_icon_box {visibility: hidden; opacity: 0; position: absolute; bottom: calc(100% - 7px); left: 50%; transform:translateX(-50%); z-index: 5; width: 302px; border-radius: 9px; background: #fff; overflow: hidden; box-shadow: rgba(136, 136, 136, 0.4) 0px 1px 7px; font-size: 14px; transition: all 0.25s ease 0s;}
.amg_hover_icon_box > .tit {height: 50px; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-start; text-align: left; color: #fff; font-weight: 600; padding: 0 12px;}
.footer-social > div.line .amg_hover_icon_box > .tit {background: #0fa104;}
.footer-social > div.wechat .amg_hover_icon_box > .tit {background: #2ec100;}
.amg_hover_icon_box > .tit > img {height: 20px!important; margin: 0 7px 0 0;}
.amg_hover_icon_close {width: 24px; height: 24px; position: absolute; top: 13px; right: 10px; z-index: 5; cursor: pointer;}
.amg_hover_icon_close::before {content: ''; background: #fff; width: 20px; height: 3px; border-radius: 3px; position: absolute; top: 11px; right: 2px; transform: rotate(-45deg);}
.amg_hover_icon_close::after {content: ''; background: #fff; width: 20px; height: 3px; border-radius: 3px; position: absolute; top: 11px; right: 2px; transform: rotate(45deg);}
.amg_hover_icon_box > .con {text-align: center; padding: 25px 20px;}
.amg_hover_icon_box > .con > a {background: none!important; width: auto!important; height: auto!important; border-radius: 0!important; display: block!important; text-indent: inherit!important; color: #000!important;}
.amg_hover_icon_show {visibility: visible; opacity: 1; bottom: calc(100% + 7px); transition: all 0.25s ease 0s;}

@media only screen and (max-width:980px){
    .amg_hover_icon_box {left: 0px; transform:translateX(0%);}
}
@media only screen and (max-width:430px){
    .amg_hover_icon_box {width: 250px;}
    .amg_hover_icon_box > .con {padding: 20px 15px;}
}
@media only screen and (max-width:350px){
    .amg_hover_icon_box {width: 200px;}
    .amg_hover_icon_box > .con {padding: 15px 10px;}
}