.board-page .data-preview{width:100%;display:flex;flex-wrap:wrap}.board-page .data-preview .preview-item{position:relative;width:calc(25% - 20px);height:160px;padding:15px 20px;margin:5px 10px 5px 10px;background-image:linear-gradient(90deg,#4facfe 0,#00f2fe);overflow:hidden;border-radius:10px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.2);flex-direction:column;justify-content:space-evenly}.board-page .data-preview .preview-item:nth-child(2){background-image:linear-gradient(0deg,#48c6ef 0,#6f86d6)}.board-page .data-preview .preview-item .icon-box{width:40px;height:40px}.board-page .data-preview .preview-item .name{font-size:12px;letter-spacing:2px;color:#f1f1f1}.board-page .data-preview .preview-item .value-box{display:flex;align-items:flex-end}.board-page .data-preview .preview-item .value-box .value{color:#fff;font-size:30px;line-height:30px;font-weight:500}.board-page .data-preview .preview-item .value-box .compare{margin-left:10px;color:#fff;font-size:13px;opacity:.6}@media (max-width:1000px){.board-page .data-preview .preview-item{width:calc(50% - 10px)}.board-page .data-preview .preview-item:nth-child(2n){margin-right:0}}.board-page .data-preview .preview-red{background-image:linear-gradient(-225deg,#a445b2,#d41872 52%,#f06)}.board-page .data-preview .preview-yellow{background-image:linear-gradient(120deg,#f6d365,#fda085)}