/* components/error/index.wxss */
@import '../../styles/base.wxss';
  .error-box{
    display: block;
    opacity: 0;
    transform: translateY(-100px);
    padding: 25rpx 32rpx;
    background: #faeeef;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(238,56,82,.1);
    z-index: 100;
  }
  .error-box text{
    font-size: 26rpx;
    color: #ee3852;
  }
  .closeX{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 36rpx;
    color: #ee3852;
    width:72rpx;
    height: 72rpx;
  }
  .closeX::before{
    content: '\e62f';
  }
  .animation{
    animation: trans .2s 0s 1 ease-in-out forwards;
  }
  @keyframes trans {
    to{
      opacity: 1;
      transform: translateY(0);
    }
  }