.social{display:flex;}
#hm-widget ul {
	list-style: none !important;
}
#hm-widget li {
    position: relative;
    width: 3rem;
    height: 3rem;
    margin: auto;
    text-align: center;
    border-radius: 50%;
}
#hm-widget .pu {
    display: block;
    width: 3rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
    border-radius: 50%;
    background-color: #003263;
}
#hm-footer .social__item{display:block;position:relative}
#hm-footer .social__item .qr img{display:block;width:100%;height: auto;}
// #hm-footer .social__item .qr:after{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-5px;width:0;font-size:0;border:5px solid transparent;border-top-color:#535358}
// #hm-footer .social__item .sign{display:block;width:2.28571rem;height:2.28571rem}
// #hm-footer .social__item .qr{position:absolute;bottom:3rem;left:50%;width:150px;height:150px;padding:10px;margin-left:-75px;opacity:0;visibility:hidden;border-radius:5px;transition:all 0.3s cubic-bezier(0.22, 0.88, 0.01, 0.99);background-color:#535358}
// #hm-footer .social__item:hover .qr{opacity:1;visibility:visible}
#hm-footer .social__item+.social__item{margin-left: 2.85714rem;}
#hm-footer .social__item .caption {margin-top: 1.07143rem;}
// 改版
#hm-footer .footer-menu {
    flex-direction: row;
}

#hm-footer .nav {
  width: 50%;
  align-items: flex-start;
}
#hm-footer .copyrights {
  flex-direction: row;
}
#hm-footer .social__item .qr {width: 116px;}
.tooltip{position:absolute;top:50%;right:55px;min-width:120px;padding:10px;font-size:16px;border-radius:10%;color:#003870;border:1px solid #224d78;background-color:#fff;transform:translateY(-50%);opacity:0;visibility:hidden;border-radius:5px;transition:all 0.3s cubic-bezier(0.22, 0.88, 0.01, 0.99)}
#hm-widget .tooltip:before,#hm-widget .tooltip:after{content:'';position:absolute;top:50%;right:-14px;font-size:0;line-height:0;border:7px solid transparent;border-left-color:#fff;transform:translateY(-50%)}
#hm-widget .tooltip:before{z-index:2}
#hm-widget .tooltip:after{right:-15px;z-index:1;border-left-color:#224d78} 
#hm-widget li:hover .tooltip{right:62px;opacity:1;visibility:visible}
@media screen and (max-width: 768px){
  #hm-footer{padding:2.14286rem 0}
  #hm-footer .footer-menu{flex-direction:column}
  #hm-footer .footer-menu .brand{display: block;margin-bottom: 4.28rem;zoom: .7;}
  #hm-footer .footer-menu .nav{width:100%;margin-top:2.85714rem}
  #hm-footer .footer-menu .nav-list__item{width:50%}
  #hm-footer .footer-menu .nav-list__item:nth-of-type(2){order:3}
  #hm-footer .footer-menu .nav-list__item:nth-of-type(3){order:1}
  #hm-footer .footer-menu .nav-list__item:nth-of-type(4){order:5}
  #hm-footer .footer-menu .nav-list__item:nth-of-type(5){order:4}
  #hm-footer .copyrights{flex-direction:column}
  #hm-footer .social  {
    align-self: flex-start;
    margin-left: 0;
  }
  // #hm-footer .copyrights .social{margin-right:auto;margin-left:0}
  // #hm-footer .copyrights .social a+a{margin-left:2.14286rem}
  // #hm-footer .social__item .qr {left: 170%;}
  // #hm-footer .copyrights .social img{width:3.14286rem;height:3.14286rem}
}
// #hm-footer .social img{width: 0px; height: 0px;}
// 二维码浮层
#hm-footer .rights a {
	color: #fff;
}
#hm-footer .rights a:hover {
	text-decoration: underline;
}
#hm-widget {
	// display: none;
	position: fixed;
	bottom: 30%;
	right: 1.07143rem;
	z-index: 100;
}

#hm-widget li {
	position: relative;
}

#hm-widget li:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	right: 5px;
	z-index: -1;
	border-radius: 50%;
	background-color: #fff;
}

#hm-widget li+li {
	margin-top: 1.07143rem;
}

#hm-widget img {
	display: block;
	width: 100%;
}

#hm-widget .qr {
	position: absolute;
	top: -36px;
	right: 72px;
	width: 125px;
	padding: 10px;
	font-size: 12px;
	border-radius: 10%;
	border: 1px solid #bfbfbf;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	transition: all .3s cubic-bezier(.22,.88,.01,.99);
}

#hm-widget .qr:after,#hm-widget .qr:before {
	content: "";
	position: absolute;
	top: 41px;
	right: -24px;
	border: 12px solid transparent;
	border-left-color: #958383;
}

#hm-widget .qr:after {
	top: 42px;
	right: -22px;
	border-width: 11px;
	border-left-color: #fff;
}

#hm-widget .qr__caption {
	margin-top: 10px;
}

#hm-widget li:hover .qr {
	right: 62px;
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width:768px) {
	#hm-widget {
		left: auto;
		right: 1.07143rem;
	}

	#hm-widget .qr {
		right: 72px;
		left: auto;
	}

	#hm-widget .qr:after,#hm-widget .qr:before {
		right: -24px;
		left: auto;
		border-right-color: transparent;
		border-left-color: #958383;
	}

	#hm-widget .qr:after {
		right: -22px;
		left: auto;
		border-right-color: transparent;
		border-left-color: #fff;
	}

	#hm-widget li:hover .qr {
		right: 62px;
		left: auto;
	}
}