.main-title { color: #171725; font-size: 0.28rem; margin-bottom: 0.4rem; } .search-box { margin-top: -0.62rem; margin-bottom: 0.1rem; text-align: right; } .search-box .el-input { width: 3.2rem; } .search-box .el-input .el-input__inner { height: 46px; line-height: 46px; } .table-name { display: flex; align-items: center; } .goods-name { color: #171725; font-weight: bold; font-size: 0.16rem; } .el-link.el-link--primary { margin-left: 0.08rem; color: var(--color-primary); font-size: 0.14rem; } .table-content { font-size: 0.14rem; } .goods-table { margin-top: 0.16rem; width: 100%; text-align: left; border: 1px solid #e6e7eb; border-radius: 0.03rem; border-collapse: collapse; } .goods-table thead { line-height: 0.46rem; background: #eef4ff; height: 0.46rem; color: #757575; } .goods-table tbody tr td { padding-top: 0.29rem; padding-bottom: 0.3rem; } .description-box { width: 5.5rem; } .price-box { width: 4rem; } .total-box { min-width: 1.5rem; } .num-box { width: 2.4rem; } .action-box { width: 1rem; } .delete-btn { cursor: pointer; font-size: 0.18rem; color: var(--color-danger); } .item-price { color: #171725; } .item-total { font-size: 0.14rem; font-weight: bold; color: #171725; } .original-price { text-decoration: line-through; color: #999999; } .discount-codeNumber { font-size: 0.12rem; font-weight: bold; color: var(--color-discount-num); } .remove-discountCode { cursor: pointer; margin-left: 0.09rem; } .shopping-goods { margin-bottom: 0.4rem; } .goods-box { padding-bottom: 1.6rem; } .el-footer { width: calc(100vw - 160px); padding-left: 2.1rem; padding-right: 1.2rem; box-sizing: border-box; font-size: 0.18rem; box-shadow: 0rem 0rem 0.2rem rgba(0, 0, 0, 0.15); height: 1.6rem !important; position: fixed; bottom: 0; background-color: #fff; z-index: 9; } .footer-box { height: 100%; margin: 0 auto; max-width: 1500px; display: flex; align-items: center; justify-content: space-between; } .no-goods-td { display: flex; align-items: center; width: 4.8rem; } .no-goods-tips { color: #8692b0; font-size: 0.13rem; font-weight: 500; white-space: nowrap; } .buy-again-btn { margin-left: 0.1rem; background: #e1f0ff; height: 0.32rem; min-width: 0.6rem; border-radius: 0.03rem; font-size: 0.14rem; font-weight: 400; color: var(--color-primary); } .footer-left { color: #333333; font-size: 0.18rem; } .footer-right { font-size: 0.14rem; color: #1e2736; display: flex; align-items: center; } .total-price { font-weight: bold; font-size: 0.28rem; color: var(--color-price-text); } .text-red { color: var(--color-warning); } .goods-info { margin-bottom: 0.1rem; display: flex; justify-content: space-between; font-size: 0.14rem; } .goodsInfo-price { color: #1e2736; } .goodsInfo-type { overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ width: 80%; color: #1e2736; } .goodsInfo-name { color: #757575; } .buy-btn { margin-left: 0.4rem; width: 2.04rem; height: 0.46rem; background: var(--color-primary); border-radius: 0.04rem; font-size: 0.16rem; font-weight: 500; color: #ffffff; } .delect-btn { margin: 0 0.4rem; } .mar-left-24 { margin-left: 24px; } .info-box { width: 90%; } .all-check .el-checkbox__label { color: #333333; font-size: 0.18rem; } .qty-num { color: #4e5259; height: 0.13rem; margin-top: 0.1rem; } .qty-tips { margin-top: 0.2rem; font-size: 0.13rem; color: #3699ff; } .red-text { color: var(--color-danger); } .discount-box { margin-top: 0.08rem; font-size: 0.14rem; font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.05rem; row-gap: 0.05rem; } @media screen and (max-width: 750px) { .table-content { overflow-x: auto; } .search-box .el-input { width: 4.2rem; } .description-box { min-width: 5.5rem; } .price-box { min-width: 4rem; } .num-box { min-width: 2.5rem; } .action-box { min-width: 1.5rem; } .el-footer { padding: 0 0.3rem; width: 100%; } .el-input .el-input__inner { font-size: inherit !important; } .footer-left { display: flex; flex-direction: column; color: #333333; font-size: 0.18rem; } .delect-btn { margin: 0; } .footer-right { font-size: 0.14rem; color: #1e2736; display: flex; flex-direction: column; align-items: center; } .delect-goods { color: var(--color-danger); } .buy-btn { margin-left: 0; margin-top: 0.2rem; width: 2.04rem; height: 0.46rem; background: var(--color-primary); border-radius: 0.04rem; font-size: 0.16rem; font-weight: 500; color: #ffffff; } }