.flex { display: flex; } .column { flex-direction: column; } .ac { align-items: center; } .jc { justify-content: center; } .oneflex { flex: 1; } .jw { justify-content: space-between; } .js { justify-content: space-around; } .number { color: red; font-size: 25px; } .product-card { .product-card-item {} } .orderData { width: 100%; .orderData-right { margin-left: 50px; flex-wrap: wrap; .orderData-right-item { width: calc(50% - 20px); box-sizing: border-box; text-align: center; padding: 10px 20px; border-bottom: #ececec solid 1px; } } .orderData-left { padding: 10px 20px; box-sizing: border-box; border: solid 1px #bbbbbb; } } .orderStatistics-card { .orderStatistics-card-right{ } .orderStatistics-card-left { flex-shrink: 0; padding: 10px 50px; border-right: solid 1px #ececec; .orderStatistics-card-left-item{ .orderStatistics-card-left-item-title{ color: #bbbbbb; } .orderStatistics-card-left-item-number{ font-size: 25px; } } } } .box-card{ margin-bottom: 30px; } .card-title{ font-size: 20px; font-weight: 600; } .mt{ margin-top: 30px; } // .page{ // height:calc(100vh - 144px); // box-sizing: border-box; // }