@font-face {
        font-family: "iconfont";
        src: url('../fonts/iconfont.eot?t=1523241622985');
        /* IE9*/
        src: url('../fonts/iconfont.eot?t=1523241622985#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/iconfont.ttf?t=1523241622985') format('truetype');
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    }
    
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .tips-mask {
        width: 380px;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #ebeef5;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -190px;
        background-color: #f0f9eb;
        border-color: #e6e6e6;
        transition: opacity .3s, transform .4s;
        overflow: hidden;
        padding: 10px 15px 10px 20px;
        z-index: 200;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
        background: #f1f3f0;
        /*display:none;*/
        visibility:hidden;
        /*transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;*/
    }
    
    .tips-mask .mask_msg {
        padding: 0;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        color: #606266;
        display: inline-block;
    }
    
    .tips-mask .iconfont {
        font-size: 28px;
        vertical-align: middle;
        margin-right: 5px;
    }
    
    .tips-mask .icon_success:before {
        content: "\e62f";
        color: #67c23a;
    }
    
    .tips-mask .icon_warn:before {
        content: "\e6ca";
        color: #e6a23c;
    }
    
    .tips-mask .icon_error:before {
        content: "\e68c";
        color: #f56c6c;
    }
    
    .tips-mask .icon_msg:before {
        content: "\e628";
        color: #909399;
    }
    
    .tips-mask .icon_loading {
        background-image: url(../img/my_loading.gif);
        display: inline-block;
        width: 29px;
        height: 29px;
        background-size: cover;
    }
    
    @-ms-keyframes slideInDown {
        from {
            transform: translate3d(0, -100%, 0);
            opacity: 0
        }
        to {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }
    
    @-webkit-keyframes slideInDown {
        from {
            transform: translate3d(0, -100%, 0);
            opacity: 0
        }
        to {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }
    
    @keyframes slideInDown {
        from {
            transform: translate3d(0, -100%, 0);
            opacity: 0
        }
        to {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }
    
    .slideInDown {
        animation: slideInDown .5s ease 0s both;
    }