.j-message{position:fixed;right:20px;width:300px;background:#fff;border-radius:0 4px 4px 0;box-shadow:0 5px 15px rgba(0,0,0,0.15);padding:20px;padding-left:70px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);opacity:0;visibility:hidden;-webkit-transform:translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);transform:translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);z-index:999999999}.j-message.active{opacity:1;visibility:visible;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}.j-message .icon{display:none;position:absolute;top:50%;left:22.5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;align-items:center;justify-content:center;padding:3px}.j-message .icon svg{width:18px;height:18px;fill:#fff}.j-message .icon.icon-success{background:#2bde3f}.j-message .icon.icon-warning{background:#ffc007}.j-message .icon.icon-info{background:#1d72f3}.j-message .content .title{color:#303133;font-size:16px;font-weight:500;margin-bottom:10px}.j-message .content .message{font-size:14px;color:#606266;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-message.success{border-left:4px solid #2bde3f}.j-message.success .icon-success{display:flex}.j-message.warning{border-left:4px solid #ffc007}.j-message.warning .icon-warning{display:flex}.j-message.info{border-left:4px solid #1d72f3}.j-message.info .icon-info{display:flex}@media (max-width: 992px){.j-message{right:50%;width:auto;max-width:80%;height:40px;line-height:40px;background:rgba(0,0,0,0.7);color:#fff;border-radius:4px;-webkit-transform:none;transform:none;padding:0;-webkit-transform:translate3d(50%, 100%, 0) scale3d(0.1, 0.5, 1);transform:translate3d(50%, 100%, 0) scale3d(0.1, 0.5, 1)}.j-message.active{-webkit-transform:translate3d(50%, 0, 0) scale3d(1, 1, 1);transform:translate3d(50%, 0, 0) scale3d(1, 1, 1)}.j-message .icon{position:static;top:0;left:0;-webkit-transform:none;transform:none;margin-right:10px}.j-message .icon svg{width:15px;height:15px}.j-message .content .title{display:none}.j-message .content .message{color:#fff;text-align:center;padding:0 15px}.j-message.success{border-left:none}.j-message.success .icon-success{display:none}.j-message.warning{border-left:none}.j-message.warning .icon-warning{display:none}.j-message.info{border-left:none}.j-message.info .icon-info{display:none}}