body { color: #333333; } .ns-cart-wrap { margin-top: 20px; } .ns-cart-wrap .ns-cart-th { overflow: hidden; padding: 10px; background: #fff; margin-bottom: 10px; display: flex; align-items: center; } .ns-cart-wrap .ns-cart-th li:nth-child(1) { width: 3%; } .ns-cart-wrap .ns-cart-th li:nth-child(2) { width: 55%; } .ns-cart-wrap .ns-cart-th li:nth-child(3) { width: 10%; } .ns-cart-wrap .ns-cart-th li:nth-child(4) { width: 15%; } .ns-cart-wrap .ns-cart-th li:nth-child(5) { width: 10%; } .ns-cart-wrap .ns-cart-th li:nth-child(6) { width: 7%; } .ns-cart-wrap .list .item { margin-bottom: 20px; } .ns-cart-wrap .list .item .head { padding: 10px; background: #fff; border-bottom: 1px solid #eeeeee; } .ns-cart-wrap .list .item .head a { margin: 0 10px; } .ns-cart-wrap .list .item ul { overflow: hidden; padding: 10px; background: #fff; display: flex; align-items: center; } .ns-cart-wrap .list .item ul li { line-height: 60px; } .ns-cart-wrap .list .item ul li:nth-child(1) { width: 3%; margin-left: 20px; } .ns-cart-wrap .list .item ul li:nth-child(2) { width: calc(55% - 20px); line-height: inherit; } .ns-cart-wrap .list .item ul li:nth-child(2) .img-wrap { width: 60px; height: 60px; float: left; margin-right: 10px; cursor: pointer; } .ns-cart-wrap .list .item ul li:nth-child(2) .img-wrap img { width: 60px; height: 60px; object-fit: cover; } .ns-cart-wrap .list .item ul li:nth-child(2) .info-wrap { margin-left: 70px; } .ns-cart-wrap .list .item ul li:nth-child(2) .info-wrap h5 { cursor: pointer; font-weight: normal; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-right: 10px; } .ns-cart-wrap .list .item ul li:nth-child(2) .info-wrap h5:hover { color: #ff8143; } .ns-cart-wrap .list .item ul li:nth-child(2) .info-wrap span { font-size: 12px; color: #9a9a9a; } .ns-cart-wrap .list .item ul li:nth-child(3) { width: 10%; } .ns-cart-wrap .list .item ul li:nth-child(4) { width: 15%; } .ns-cart-wrap .list .item ul li:nth-child(4) .el-input-number--mini { width: 100px; } .ns-cart-wrap .list .item ul li:nth-child(5) { width: 10%; } .ns-cart-wrap .list .item ul li:nth-child(6) { width: 7%; } .ns-cart-wrap .list .item ul li .layu-btn:hover { color: #ff8143; cursor: pointer; } .ns-cart-wrap .list .item ul .ns-goods-buy-num > span { height: 60px; display: flex; align-items: center; } .ns-cart-wrap .list .item ul .ns-goods-buy-num .increase, .ns-cart-wrap .list .item ul .ns-goods-buy-num .decrease { font-size: 14px; width: 22px; height: 22px; text-align: center; line-height: 22px; border: 1px solid #dcdee0; cursor: pointer; } .ns-cart-wrap .list .item ul .ns-goods-buy-num .increase { border-left: none; } .ns-cart-wrap .list .item ul .ns-goods-buy-num .decrease { border-right: none; } .ns-cart-wrap .list .item ul .ns-goods-buy-num .layui-input { width: 50px; height: 24px; display: inline-block; border-color: #DCDEE0; border-radius: 0; } .ns-cart-wrap .lose-list { margin-bottom: 20px; } .ns-cart-wrap .lose-list .head { padding: 10px; background: #fff; border-bottom: 1px solid #eeeeee; } .ns-cart-wrap .lose-list .head span { margin: 0 5px; font-weight: bold; font-size: 16px; } .ns-cart-wrap .lose-list ul { overflow: hidden; padding: 10px; background: #f0f0f0; } .ns-cart-wrap .lose-list ul li { float: left; line-height: 60px; color: #9a9a9a; } .ns-cart-wrap .lose-list ul li:nth-child(1) { width: 3%; margin-left: 5px; margin-right: 15px; } .ns-cart-wrap .lose-list ul li:nth-child(2) { width: 53.3%; line-height: inherit; } .ns-cart-wrap .lose-list ul li:nth-child(2) .img-wrap { width: 60px; height: 60px; float: left; margin-right: 10px; } .ns-cart-wrap .lose-list ul li:nth-child(2) .info-wrap { margin-left: 70px; cursor: pointer; } .ns-cart-wrap .lose-list ul li:nth-child(2) .info-wrap h5 { font-weight: normal; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-right: 10px; } .ns-cart-wrap .lose-list ul li:nth-child(2) .info-wrap span { font-size: 12px; } .ns-cart-wrap .lose-list ul li:nth-child(3) { width: 10%; } .ns-cart-wrap .lose-list ul li:nth-child(4) { width: 15%; } .ns-cart-wrap .lose-list ul li:nth-child(4) .el-input-number--mini { width: 100px; } .ns-cart-wrap .lose-list ul li:nth-child(5) { width: 10%; } .ns-cart-wrap .lose-list ul li:nth-child(6) { width: 7%; } .ns-cart-wrap .footer { background-color: #fff; margin-bottom: 20px; padding: 10px; } .ns-cart-wrap .footer .operation { display: inline-block; vertical-align: middle; margin-left: 20px; } .ns-cart-wrap .footer .operation li { float: left; margin-right: 30px; cursor: pointer; } .ns-cart-wrap .footer .operation li a:hover { color: #ff8143; } .ns-cart-wrap .footer .sum-wrap { float: right; } .ns-cart-wrap .footer .sum-wrap .selected-sum { display: inline-block; margin-right: 20px; } .ns-cart-wrap .footer .sum-wrap .selected-sum .total-count { padding: 0 5px; font-size: 16px; font-weight: bold; } .ns-cart-wrap .footer .sum-wrap .price-wrap { display: inline-block; margin-right: 20px; } .ns-cart-wrap .footer .sum-wrap .price-wrap span { font-size: 12px; } .ns-cart-wrap .footer .sum-wrap .price-wrap strong { font-size: 18px; } .el-button--text { color: #333; } .empty-wrap { text-align: center; padding: 20px; } .null-cart { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; margin-top: 100px; } .null-cart .null-cart-img { width: 100px; margin-right: 20px; } .null-cart .null-cart-img img { width: 100%; } .null-cart .null-cart-font p { line-height: 25px; } .null-cart .null-cart-font p a { color: #ff8143; } .null-cart .null-cart-font p:first-child { font-weight: 600; margin-bottom: 7px; }