.tui-grid { position: relative; padding: 40rpx 20rpx; box-sizing: border-box; background: #fff; float: left; } .tui-grid-2 { width: 50%; } .tui-grid-3 { width: 33.333333333%; } .tui-grid-4 { width: 25%; } .tui-grid-5 { width: 20%; } .tui-grid-2:nth-of-type(2n)::before, .tui-grid-3:nth-of-type(3n)::before, .tui-grid-4:nth-of-type(4n)::before, .tui-grid-5:nth-of-type(5n)::before{ width: 0; border-right: 0; } .tui-grid::before { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #eaeef1; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .tui-grid::after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #eaeef1; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .tui-grid-bottom::after{ height: 0 !important; border-bottom: 0 !important; } .tui-grid-bg { position: relative; padding: 0; width: 100%; box-sizing: border-box; } /* .tui-grid-icon { margin: 0 auto; } .tui-grid-icon + .tui-grid-label { margin-top: 10rpx; } .tui-grid-label { display: block; text-align: center; font-weight: 400; color: #333; font-size: 28rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */ .tui-item-hover { background: #f7f7f9 !important; }