/*

* @Author: Lei

* @Date:   2017-06-20 09:59:48

* @Last Modified by:   Lei

* @Last Modified time: 2017-07-01 17:25:31

*/



.notification {

    width: 350px;

    font-size: .5rem;

    position: fixed;

    bottom: 2%;

    right: 1%;

    margin-right: -100%;

    background-color: white;

    z-index: 1000;

    border-radius: 3px;

    box-shadow: -1px 2px 5px gray;

    transition: all .5s;

    -moz-transition: all .5s;

    /* Firefox 4 */

    -webkit-transition: all .5s;

    /* Safari 和 Chrome */

    -o-transition: all .5s;

}



.notification_show {

    margin-right: 0;

}



.notification>div {

    padding: .5rem;

}



.notification>div:first-child {

    position: relative;

}



.notification>div:first-child>div {

    display: flex;

    align-items: center;

    border-bottom: 2px solid #E5E5E5;

    padding: .2rem 0;

}



.notification>div:first-child>div>i:first-child {

    color: green;

    font-size: .8rem;

    margin-right: .3rem;

}



.notification>div:first-child>i:last-child {

    color: #A291B8;

    position: absolute;

    top: .3rem;

    right: .3rem;

    font-size: .6rem;

}



.notification>div:first-child>i:last-child:hover {

    cursor: pointer;

}



.notification>div:last-child {

    padding-top: 0;

    font-size: .4rem;

    color: #A291B8;

}



.el-message {

    padding: 5px 15px 5px 20px !important;

}



.el-message .el-icon-success {

    font-size: 40px !important;

}