$gridPrefix:'ui-grid';
.#{$gridPrefix}-box{
	display:flex;
	flex-flow: row wrap;
	.grid-cell{
		width:25%;
		padding: .16rem .08rem 0 .08rem;
		box-sizing: border-box;
		position:relative;
		&:active{
			background-color:#e4ebf0;
		}
	}
	.grid-icon{
		height: .4rem;
		width: .4rem;
		border-radius: .08rem;
		margin:0 auto;
		background-size: contain;
	    background-repeat: no-repeat;
	    background-position: 50%;
	    color:#fff;
	    font-size: .24rem;
	    line-height:.32rem;
	}

	.grid-icon-text{
		line-height: .16rem;
		font-size: .14rem;
		margin: .08rem .08rem .16rem .08rem;
		text-align: center;
		display: -webkit-box;
		box-sizing: border-box;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    -webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
	    word-break: nowrap;
	    color:#36434d;
	    background:transparent;
	}
}