@charset "utf-8"; /* CSS Document */ .weixin{ position:relative; text-align:center; margin:0; width:45px; float:left; height:30px; margin-left:25px; font-size:12px; } .weixin A{ position:absolute; width:30px; text-align:center; display:block; height:30px; top:0px; border-radius:50%; left:0px; opacity:1; } .weixin A svg{ fill:#fff; width: 35px; margin: 0; height: 35px; } .weixin .weixin_nr{ position:absolute; text-align:center; padding-bottom:10px; padding-left:10px; line-height:1; transform: scale(0); width:145px; transition: .4s ease; font-weight:normal; font-size:14px; padding-right:10px; display: block; opacity: 0; background:#fff; height:160px; top: 0; padding-top:10px; left:-43px; box-shadow:0 3px 4px rgba(0, 0, 0, 0.1); } .weixin .weixin_nr IMG{ margin-bottom:5px; } .weixin .weixin_nr .arrow{ border-top:transparent 0px solid; position:absolute; border-left:transparent 10px solid; width:0px; border-bottom:#fff 10px solid; height:0px; top:-10px; border-right:transparent 10px solid; left:47px; } .on.weixin .weixin_nr{ display:block; transform: scale(1); top: 50px; opacity: 1; } .on.weixin A{ opacity:1; } .lan_list { display: flex; width: 120px; background: #fff; padding: 3px 0px 10px 0px; position: fixed; z-index: 99; top:75px; margin-left: -35px; font-size: 13px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translate(0, 20px); transition: all .3s ease; flex-direction: column; } .e_html-17 .head_tel:hover .lan_list { opacity: 1; transform: translate(0, 0px); visibility: visible; } .lan_list a { color: #666; display: block; text-align: center; padding: 2px 5px; height: 30px; line-height: 30px; transition: all .3s ease; }