@charset "UTF-8";
@import "~@jereation/sass-helpers/_mixins";


.shareModal {
  .vui-row {
    padding: 10px 5px;
  }
  .vui-col-50 {
    text-align: center;
    @include transition-duration(300ms);
    &.activated {
      @include transition-duration(0ms);
      background-color: #d9d9d9;
    }
  }
}

.shareModal-icon-bg {
  width: 80px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  @extend %bg-cover;
  &.wx-friend {
    background-image: url('./assets/img/wx-friend.png');
  }
  &.wx-timeline {
    background-image: url('./assets/img/wx-timeline.png');
  }
  &.qq-friend {
    background-image: url('./assets/img/qq-friend.png');
  }
  &.qq-zone {
    background-image: url('./assets/img/qq-zone.png');
  }
  &.collect {
    background-image: url('./assets/img/collect.png');
  }
}

.shareModal-title {
  margin-top: -5px;
  padding-bottom: 5px;
  font-size: .6rem;
  text-align: center;
}