page{ background: #f4f4f4; padding-bottom: 100rpx; min-height: calc(100% - 200rpx); } .container{ background: #f4f4f4; width: 100%; height: auto; overflow: hidden; } .service-policy{ width: 750rpx; height: 73rpx; background: #f4f4f4; padding: 0 31.25rpx; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .service-policy .item{ background: url(https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/wxmall/images/yuandian.png) 0 center no-repeat; background-size: 10rpx; padding-left: 15rpx; display: flex; align-items: center; font-size: 25rpx; color: #666; } .no-cart{ width: 100%; height: auto; margin: 0 auto; } .no-cart .c{ width: 100%; height: auto; margin-top: 200rpx; } .no-cart .c image{ margin: 0 auto; display: block; text-align: center; width: 258rpx; height: 258rpx; } .no-cart .c text{ margin: 0 auto; display: block; width: 258rpx; height: 29rpx; line-height: 29rpx; text-align: center; font-size: 29rpx; color: #999; } .title-box{ width: 100%; padding-top: 330rpx; text-align: center; font-size:28rpx; color:#999; background: url(https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/20180727/15015039793f4e.png) no-repeat center 205rpx; background-size: 100rpx auto; margin-bottom: 50rpx; } .to-index-btn{ color:#fff; background:#ED5D18; border-radius:6px; width:300rpx; height: auto; line-height: 70rpx; text-align: center; font-size:28rpx; margin: 0 auto; display: block; } .cart-view{ width: 100%; height: auto; overflow: hidden; } .cart-view .list{ margin: 20rpx 0; height: auto; width: 100%; overflow: hidden; } .cart-view .group-item{ height: auto; width: 100%; background: #fff; } .cart-view .item{ width: 100%; overflow: hidden; } .cart-view .item .checkbox{ float: left; height: 34rpx; width: 34rpx; margin: 65rpx 18rpx 65rpx 26rpx; } .cart-view .item .cart-goods{ float: left; width: 672rpx; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 6px; } .cart-view .item:last-child .cart-goods { border-bottom: none; } .cart-view .item .img{ float: left; height:125rpx; width: 125rpx; background: #f4f4f4; margin: 19.5rpx 18rpx 19.5rpx 0; } .cart-view .item .info{ float: left; height:125rpx; width: 503rpx; margin: 19.5rpx 26rpx 19.5rpx 0; } .cart-view .item .t{ margin: 8rpx 0; font-size: 25rpx; color: #333; overflow: hidden; } .cart-view .item .name{ width: calc(100% - 50rpx); line-height: 28rpx; font-size: 26rpx; color: #131D34; display: inline-block; } .cart-view .item .num{ height: 28rpx; line-height: 28rpx; float: right; color: #999999; } .cart-view .item .attr{ margin-bottom: 17rpx; height: 24rpx; line-height: 24rpx; font-size: 24rpx; color: #999999; overflow: hidden; } .cart-view .item .b{ height: 28rpx; line-height: 28rpx; font-size: 25rpx; color: #333; overflow: hidden; } .cart-view .item .price{ float: left; color: #ED5D18; font-size: 30rpx; } .cart-view .item .open{ height: 28rpx; width: 150rpx; display: block; float: right; background: url(https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/wxmall/images/icon-normal_arrowDown.png) right center no-repeat; background-size: 25rpx; font-size: 25rpx; color: #333; } .cart-view .item.edit .t{ display: none; } .cart-view .item.edit .attr{ text-align: right; background: url(https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/wxmall/images/icon-normal_arrow-right1.png) right center no-repeat; padding-right: 25rpx; background-size: 12rpx 20rpx; margin-bottom: 24rpx; height: 39rpx; line-height: 39rpx; font-size: 24rpx; color: #999; overflow: hidden; } .cart-view .item.edit .b{ display: flex; height: 52rpx; overflow: hidden; } .cart-view .item.edit .price{ line-height: 52rpx; height: 52rpx; flex: 1; } .cart-view .item .selnum{ display: none; } .cart-view .item.edit .selnum{ width: 235rpx; height: 52rpx; border: 1rpx solid #ccc; display: flex; } .selnum .cut{ width: 70rpx; height: 100%; text-align: center; line-height: 50rpx; } .selnum .number{ flex: 1; height: 100%; text-align: center; line-height: 68.75rpx; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; } .selnum .add{ width: 80rpx; height: 100%; text-align: center; line-height: 50rpx; } .cart-view .group-item .header{ width: 100%; height: 94rpx; line-height: 94rpx; padding: 0 26rpx; border-bottom: 1px solid #f4f4f4; } .cart-view .promotion .icon{ display: inline-block; height: 24rpx; width: 15rpx; } .cart-view .promotion{ margin-top: 25.5rpx; float: left; height: 43rpx; width: 480rpx; /*margin-right: 84rpx;*/ line-height: 43rpx; font-size: 0; } .cart-view .promotion .tag{ border: 1px solid #f48f18; height: 37rpx; line-height: 31rpx; padding: 0 9rpx; margin-right: 10rpx; color: #f48f18; font-size: 24.5rpx; } .cart-view .promotion .txt{ height: 43rpx; line-height: 43rpx; padding-right: 10rpx; color: #333; font-size: 29rpx; overflow: hidden; } .cart-view .get{ margin-top: 18rpx; float: right; height: 58rpx; padding-left: 14rpx; border-left: 1px solid #d9d9d9; line-height: 58rpx; font-size: 29rpx; color: #333; } .cart-bottom{ position: fixed; z-index: 999; bottom:0; left:0; height: 100rpx; width: 100%; background: #fff; display: flex; border-top: 1px solid #f4f4f4; align-items: center; } .isIPhoneX{ bottom:168rpx; } .cart-bottom .checkbox{ /* height: 100%; */ padding-left: 80rpx; /* line-height: 100%; */ /* padding: 34rpx 18rpx 34rpx 80rpx; */ font-size: 26rpx; color: #131D34; position: relative; } .cart-bottom .checkbox image { width: 34rpx; height: 34rpx; position: absolute; top: 50%; transform: translateY(-50%); left: 26rpx; } .cart-bottom .total{ flex: 1; /* margin: 26rpx 10rpx 34rpx 14rpx; */ padding-left: 20rpx; color: #ED5D18; font-size: 26rpx; } .cart-bottom .delete{ width: auto; font-size: 26rpx; margin-right: 30rpx; color: #131D34; } .cart-bottom .checkout{ height: 100rpx; width: 210rpx; text-align: center; line-height: 100rpx; font-size: 34rpx; background: rgba(237,93,24,1); color: #fff; }