@charset "utf-8";
/* CSS Document */
.weixin{
  position:relative;
  text-align:center;
  margin:0;
  width:30px;
  float:left;
  height:30px;
  font-size:12px;
}
.weixin A{
  text-align:
  center;
  display:
  block;
  
  
  
  
  opacity:1;
}
.lan{
 display: flex;
 justify-content: space-between;
 padding: 5px;
 align-items: center;
}
.lan a{
 display:
 block;
 width:100%;
 color: #999;
}
.lan a:hover{
 color:#333;
}
.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: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: 0;
  padding-top:10px;
  left: -42px;
  box-shadow:0 3px 4px
  rgba(0, 0, 0, 0.1);
}
.weixin .weixin_nr IMG{
  margin-bottom: 0;
}
.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: 45px;
  opacity: 1;
}
.on.weixin A{
  opacity:1;
}
@media only screen and (max-width: 768px) {
  .weixin A svg {
    width: 25px;
}
  .weixin .weixin_nr {
    left: auto;
    right:0;
}
  .weixin {
    float: right;
  }
}
