218 lines
7.2 KiB
CSS
218 lines
7.2 KiB
CSS
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; }
|