@charset "UTF-8";

@import "base";
@import "common";
// @import "popup";

body{
  background: #2b2c30;
  @media #{$desktop} {
    background: url('../../assets/bg.jpg') center top no-repeat;
  }
  .el-button{
      padding: 8px 20px;
  }
}


body, html{
  height: 100%;
}

#app{
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.box{
  position: relative;
  background-color: #eee;
  height: 100%;
  overflow: hidden;
}
a{
  &:hover{
    text-decoration: none;
  }
}

.mee-chat-logo{
  position: absolute;
  background: url('../../assets/mee-logo.png') no-repeat;
  width: 84px;
  height: 96px;
  left: 50%;
  margin-left: -42px;
  top: 20px;
}

// 弹窗样式

.msgbox-fade-enter-active {
  animation: msgbox-fade-in .3s;
}

.msgbox-fade-leave-active {
  animation: msgbox-fade-out .3s;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes msgbox-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
