.matrix { position: relative; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; text-align: center; }

.matrix-row { padding: 15px 2% 25px; margin-bottom: 20px; }

.matrix-row:first-of-type { border-bottom: 1px solid #fff; }

.matrix-item { position: relative; display: inline-block; width: 32%; height: 300px; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center 24px; }

.matrix-item-brand { display: inline-block; width: 268px; height: 87px; margin: 0 auto; }

.matrix-item-main { position: relative; margin-top: 50px; }

.matrix-item-box { width: 170px; }

.matrix-item-qrcode { display: block; margin: 0 auto 13px; }

.matrix-item-title { font-weight: 500; font-size: 16px; }