.contact-info {padding:20px; }
.contact-info .contact-top {padding:8px 0; }
.contact-info .contact-top i  {display:inline-block; width:36px; height:24px; background:url(../images/icon/tel.png) no-repeat 0 center; background-size:100% 100%; margin-right:14px; float:left; }
.contact-info .contact-top span {font-size:1.25rem; height:24px; line-height:24px; }
.contact-info .contact-list {margin-bottom:8px; }
.contact-info .contact-list img {width:100%; margin:10px 0; }
.contact-info .contact-list ul {margin-bottom:6px; }
.contact-info .contact-list ul li {position:relative;padding:4px 0;}
.contact-info .contact-list ul li span:nth-child(1) {display:inline-block; height:22px; line-height:22px; width:84px; position:absolute; top:4px; bottom:0; left:0; }
.contact-info .contact-list ul li span:nth-child(2) {display:inline-block; line-height:22px; margin-left:84px; }
.contact-info .contact-list .contact-map {margin:0 16px 16px 16px; }
.contact-info .contact-list .contact-map img {width:100%; }
.contact-info .contact-list .box-line {width:100%; margin:10px 0; }
.contact-info .QRcode {width:90%; margin:auto; overflow:hidden; }
.contact-info .QRcode .QRcode-vertical {width:30%; margin-right:5%; float:left; text-align:center; }
.contact-info .QRcode .QRcode-vertical:last-child {margin-right:0; }
.contact-info .QRcode .QRcode-vertical span {margin:0; font-size:0.975rem; }
.contact-info .QRcode .QRcode-transverse {width:100%; height:100px; }
.contact-info .QRcode .QRcode-transverse img {width:100px; height:100px; float:left; }
.contact-info .QRcode .QRcode-transverse span {line-height:20px; margin-top:40px; margin-left:10px; float:left; }