

.section-title{
  font-size: $--font-size-medium;
  color: $--color-theme-boy;
  position: relative;
    &::before{
    content: '';
    display: inline-block;
    width: .2em;
    height: 1em;
    border-radius: .1em;
    vertical-align: -0.1em;
    margin-right: .4em;
    background-color: $--color-theme-boy;
  }  
}


.single-line{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5em;
}

.section-edge{
  padding: 0 $--edge-view;
}

.section-edge-all{
  padding: 0 $--edge-view;
  margin: $--edge-view 0;
}

.disable-copy {
  user-select: none;
}

.l{
  float: left;
}
.r{
  float: right;
}
.text-center{
  text-align: center;
}
.red{
  color: $--color-theme-girl;
}

.fade-enter-active {
  transition: all .15s ease;
}
.fade-leave-active {
  transition: all .15s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.fade-enter, .fade-leave-to
/* .fade-leave-active for below version 2.1.8 */ {
  opacity: 0;
}

.fade-list-enter-active {
  transition: all .3s ease-in;
}
.fade-list-leave-active {
  transition: all .3s ease-out;
  position: absolute;
}
.fade-list-enter, .fade-list-leave-to
/* .fade-list-leave-active for below version 2.1.8 */ {
  opacity: 0;
}
.fade-list-move {
  transition: all .3s;
}
.year-vip{
  background: url(~@/assets/年会员.png) no-repeat center / 100% auto;
  vertical-align: -.1em;
  height: 1em;
  width: 1em;
  display: inline-block;
  &.is-active{
    background-image: url(~@/assets/年会员-黄.png)
  }
}


.icon.loading-1{
  background: url(~@/assets/loading-1.png) no-repeat center / 100% auto;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.2em;
}
.icon.is-rotate{
  animation: rotate 1s infinite linear;
}

@keyframes rotate {
  0%{
    transform: rotate(0deg)
  }
  100%{
    transform: rotate(360deg)
  }
}


.ad-rotate {
  transition: all .5s;
  animation: adRotate .3s linear;
}

@keyframes adRotate {
  0% {
    transform: rotateY(0deg)
  }

  100% {
    transform: rotateY(540deg)
  }
}