@import '../../assets/theme/index';

.@{mk-prefix}-nodata{
    // position: relative;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    &-img{
        position: relative;
        width: 220px;
        height: 220px;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        display: block;
    }
    &-message{
        display: block;
        text-align: center;
        font-size: 13px;
    }
}
.@{mk-prefix}-nodata.small{
    img{
        width: 120px;
        height: 120px;
    }
}

.@{mk-prefix}-nodata.mini{
    img{
        width: 50px;
        height: 50px;
    }
}
.@{mk-prefix}-nodata.large{
    img{
        width: 250px;
        height: 250px;
    }
}