@import '../common/variable';
html{
  .c-a22021012{display: block;}
  .c-a22021012_text{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
  }
}
html.pc{
  .c-a22021012{}
}
html.mobile{
  .c-a22021012{}
}
//hover文字动画下划线
.a22021012-underline{
  position: relative;
  text-decoration: none;
  font-size: 20px;
  color: #333;
}
.a22021012-underline:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 3px;
  width: 100%;
  background: #fff;
  transform: scale(0);
  transition: all 0.7s;
}
.a22021012-underline:hover:before{
  transform: scale(1);
}

//hover反转文字
.a22021012-textdiv{
  position: absolute; 
  opacity: 0;
  background-color: #fff; 
  color: #111111;
  top:0;
  width: 100%;
  height: 100%;
  transition: 0.7s;
  transform: rotateY(180deg);
}