@charset "utf-8"; /* CSS Document */ .weixin{ position: relative; text-align: center; margin: auto; width: 25px; height: 25px; font-size:12px; } .weixin A{ text-align: center; display: block; opacity:1; } .lan{ display: block; padding: 0; } .lan a{ display: block; width:100%; line-height: 1.5; color: #999; } .lan a:hover{ } .weixin A svg{ fill: #fff; width: 100%; margin: 0; height: 100%; } .weixin .weixin_nr{ position: absolute; text-align: center; padding-bottom:10px; padding-left:10px; transform-origin: top; line-height:1; transform: scaleY(0); width:120px; transition: .4s ease; font-weight: normal; font-size:14px; padding-right:10px; display: block; z-index: 111; opacity: 0; background:#fff; height: auto; top: 35px; padding-top:10px; left: -45px; box-shadow:0 3px 4px rgba(0, 0, 0, 0.1); } .weixin .weixin_nr IMG{ margin-bottom: 0; width: 100%; } .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: scaleY(1); top: 40px; opacity: 1; } .on.weixin A{ opacity:1; display: block; width: 100%; } .on.weixin A:hover{ color:#000; opacity:1; } @media only screen and (max-width: 768px) { .weixin A svg {fill: #019944;} .weixin .weixin_nr { left: -65px; right:0; width: 100px; } .weixin { float: right; width: 23px; height: 23px; } }