.empty { background: #fff; padding: 50rpx 0 80rpx; margin-bottom: 50rpx; display: flex; align-items: center; justify-content: center; flex-direction: column; } .empty.pos-a { width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding: 0; } .empty image { width: 218rpx; height: 218rpx; margin-bottom: 30rpx; } .empty .h1 { color: #666; font-size: 30rpx; line-height: 30rpx; margin-bottom: 60rpx; } .empty .btn { width: 310rpx; height: 96rpx; border-radius: 20rpx; background: linear-gradient(to right, #ff5041, #ff695c); line-height: 96rpx; text-align: center; color: #fff; font-size: 30rpx; font-weight: bold; } .checkbox { width: 50rpx; height: 50rpx; display: flex; justify-content: center; } .checkbox .checkbox-checked { width: 48rpx; height: 48rpx; } .checkbox .checkbox-disabled { width: 48rpx; height: 48rpx; margin-top: 2rpx; } .shop-cart-content { padding: 30rpx 20rpx 116rpx; } .pt80 { padding-top: 114rpx; } .shop-cart-content .card-group { margin-bottom: 20rpx; } .shop-cart-content .card-group .card-header { display: flex; justify-content: space-between; align-items: flex-start; padding: 28rpx 20rpx; border-bottom: 2rpx solid #efefef; } .shop-cart-content .card-group .card-header .cart-header-left { display: flex; align-items: flex-start; } .shop-cart-content .card-group .card-header .tag { font-size: 20rpx; line-height: 28rpx; padding: 0 8rpx; background: #ff5344; color: #fff; border-radius: 28rpx; white-space: nowrap; margin-right: 10rpx; font-weight: 500; } .shop-cart-content .card-group .card-header .active-msg { font-size: 26rpx; line-height: 32rpx; color: #666; /* width: 460rpx; */ margin-top: -1rpx; } .shop-cart-content .card-group .card-header .i-link { display: flex; align-items: center; flex: 1; font-size: 26rpx; line-height: 26rpx; margin-top: 4rpx; color: #ff5344; font-weight: 500; white-space: nowrap; } .shop-cart-content .card-group .card-header .i-link image { width: 10rpx; height: 16rpx; margin-left: 6rpx; } .fixed-bar { position: fixed; left: 0; bottom: 98rpx; background: #fff; width: 100%; height: 96rpx; display: flex; align-items: center; justify-content: space-between; padding-left: 20rpx; z-index: 100; } .fixed-bar .cart-item-checkbox { display: flex; font-size: 26rpx; align-items: center; color: #444; white-space: nowrap; } .fixed-bar .cart-item-checkbox checkbox-group { margin-right: 10rpx; } .fixed-bar .fixed-bar-center { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; width: 560rpx; flex: 1; } .fixed-bar .fixed-bar-center .total { display: flex; text-align: right; color: #444; font-size: 28rpx; line-height: 30rpx; white-space: nowrap; } .fixed-bar .fixed-bar-center .total span { font-size: 30rpx; font-weight: bold; color: #ff5344; } .fixed-bar .fixed-bar-center .total-detail { margin-top: 12rpx; color: #666; font-size: 22rpx; line-height: 22rpx; } .fixed-bar .fixed-bar-center .total-detail span:last-child { margin-left: 20rpx; } .fixed-bar .fixed-bar-btn { width: 260rpx; height: 96rpx; text-align: center; line-height: 96rpx; color: #fff; font-size: 30rpx; background: #ff5344; border-radius: 0; font-weight: bold; margin: 20rpx; } .fixed-bar button.fixed-bar-btn::after { border: none; } .fixed-bar button[disabled].fixed-bar-btn { background:#ececec; color:#666; font-size: 28rpx; } .i-card { width: 710rpx; border-radius: 20rpx; background: #fff; box-shadow: 0 0 40rpx 0 rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; overflow: hidden; } /**car item begin***/ .checkbox { width: 50rpx; height: 50rpx; display: flex; justify-content: center; } .checkbox .checkbox-checked { width: 48rpx; height: 48rpx; } .checkbox .checkbox-disabled { width: 48rpx; height: 48rpx; margin-top: 2rpx; } .swiper-out-button-content { height: 100%; width: 140rpx; border-bottom: 1rpx solid #efefef; } .swiper-out-button-content:last-child { border: none; } .swiper-out-button-content .delete-btn { padding: 0; margin: 0; height: 100%; background: #ff5344; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28rpx; } .cart-item { display: flex; align-items: center; flex-wrap: wrap; padding: 40rpx 0; border-bottom: 1rpx solid #efefef; } .cart-item .cart-item-checkbox { width: 90rpx; height: 100%; display: flex; align-items: center; justify-content: center; } .cart-item-img { width: 180rpx; height: 180rpx; margin-right: 30rpx; position: relative; } .cart-item-img .i-class { width: 180rpx; height: 180rpx; } .cart-item-img .tip { width: 180rpx; height: 34rpx; color: #fff; font-size: 22rpx; line-height: 34rpx; text-align: center; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .cart-item-content { width: 380rpx; height: 180rpx; display: flex; flex-direction: column; justify-content: space-between; } .cart-item-content .title { font-size: 26rpx; color: #444; line-height: 32rpx; margin-bottom: 10rpx; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: initial; white-space: normal; } .cart-item-content .cart-item-content-bottom { display: flex; align-items: center; justify-content: space-between; position: relative; } .cart-item-content .cart-item-content-bottom .input-class { position: absolute; right: 0; bottom: 0; } .cart-item-content .spec { font-size: 22rpx; color: #aaa; line-height: 22rpx; margin-bottom: 10rpx; } .cart-item-content .sale-price { color: #ff5344; font-size: 20rpx; line-height: 20rpx; } .cart-item-content .sale-price span { font-size: 36rpx; line-height: 36rpx; margin-left: 4rpx; font-weight: bold; } .cart-item-content .delete-icon { position: absolute; right: 0; top: -10rpx; display: flex; align-items: center; font-size: 24rpx; line-height: 24rpx; color: #ff695c; padding: 20rpx; } .cart-item-content .delete-icon image { width: 18rpx; height: 18rpx; margin-right: 12rpx; } /**car item end**/ .isIpx { bottom: 140rpx; } /* 满减 */ .cart-item .piece-reduce { width: 650rpx; display: flex; align-items: flex-start; padding: 20rpx; box-sizing: border-box; background: #f9f9f9; border-radius: 64rpx; margin: 30rpx auto 0; font-size: 24rpx; line-height: 32rpx; color: #666; white-space: normal; } .cart-item .piece-reduce .tag-content { height: 32rpx; display: flex; align-items: center; } .cart-item .piece-reduce .tag { border-radius: 26rpx; height: 22rpx; padding: 0 8rpx; border: 1rpx solid #ffa49c; font-size: 20rpx; line-height: 22rpx; color: #ff5344; margin-right: 16rpx; white-space: nowrap; margin-top: 3rpx; font-weight: bold; } .diff-money { margin-right: 10rpx; color: #666; } .diff-money text { color: #ff5344; } .reduce-item+.normal-item { border-top: 30rpx solid #f6f6f6; } /* 20190306 */ .fullreductionInfo { position:fixed; left:0; top: 0; right: 0; display: flex; justify-content: space-between; align-items: flex-start; padding: 28rpx 20rpx; border-bottom: 2rpx solid #efefef; background-color: #fff; z-index: 100; } .fullreductionInfo .fr-left { display: flex; align-items: flex-start; } .fullreductionInfo .fr-left .tag { font-size: 20rpx; line-height: 28rpx; padding: 0 8rpx; background: #ff5344; color: #fff; border-radius: 6rpx; white-space: nowrap; margin-right: 10rpx; font-weight: 500; } .fullreductionInfo .fr-left .active-msg { font-size: 26rpx; line-height: 32rpx; color: #666; margin-top: -1rpx; } .fullreductionInfo .i-link { display: flex; align-items: center; flex: 1; font-size: 26rpx; line-height: 26rpx; margin-top: 4rpx; color: #ff5344; font-weight: 500; white-space: nowrap; } .fullreductionInfo .i-link image { width: 10rpx; height: 16rpx; margin-left: 6rpx; } .cart-item-img .tag { position: absolute; left: 0; bottom: 0; background:linear-gradient(to right, #ff5041, #ff994b); border-radius:0 14rpx 14rpx 0; padding:0 12rpx; height:30rpx; font-size:22rpx; line-height:30rpx; color:#fff; display:inline-block; align-items:center; justify-content:center; width:auto; max-width:180rpx; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .cart-item-img .tag.pos-top { top: 0; bottom: initial; }